mirror of https://github.com/sveltejs/svelte
commit
643e4ebcaf
@ -0,0 +1,5 @@
|
|||||||
|
---
|
||||||
|
'svelte': patch
|
||||||
|
---
|
||||||
|
|
||||||
|
fix: align `beforeUpdate`/`afterUpdate` behavior better with that in Svelte 4
|
@ -0,0 +1,5 @@
|
|||||||
|
---
|
||||||
|
"svelte": patch
|
||||||
|
---
|
||||||
|
|
||||||
|
chore: bump zimmerframe to fix bugs introduced in previous version
|
@ -0,0 +1,5 @@
|
|||||||
|
---
|
||||||
|
"svelte": patch
|
||||||
|
---
|
||||||
|
|
||||||
|
fix: properly analyze group expressions
|
@ -0,0 +1,5 @@
|
|||||||
|
---
|
||||||
|
"svelte": patch
|
||||||
|
---
|
||||||
|
|
||||||
|
fix: allow `let:` directives on slot elements
|
@ -0,0 +1,5 @@
|
|||||||
|
---
|
||||||
|
'svelte': patch
|
||||||
|
---
|
||||||
|
|
||||||
|
fix: use hybrid scoping strategy for consistent specificity increase
|
@ -0,0 +1,5 @@
|
|||||||
|
---
|
||||||
|
"svelte": patch
|
||||||
|
---
|
||||||
|
|
||||||
|
fix: handle nested script tags
|
@ -0,0 +1,5 @@
|
|||||||
|
---
|
||||||
|
"svelte": patch
|
||||||
|
---
|
||||||
|
|
||||||
|
fix: throw validation error when binding to each argument in runes mode
|
@ -0,0 +1,5 @@
|
|||||||
|
---
|
||||||
|
"svelte": patch
|
||||||
|
---
|
||||||
|
|
||||||
|
fix: disallow exporting props, derived and reassigned state from within components
|
@ -0,0 +1,5 @@
|
|||||||
|
---
|
||||||
|
"svelte": patch
|
||||||
|
---
|
||||||
|
|
||||||
|
chore: bump zimmerframe to resolve AST-traversal-related bugs
|
@ -0,0 +1,5 @@
|
|||||||
|
---
|
||||||
|
"svelte": patch
|
||||||
|
---
|
||||||
|
|
||||||
|
fix: repair each block length mismatches during hydration
|
@ -0,0 +1,5 @@
|
|||||||
|
---
|
||||||
|
'svelte': patch
|
||||||
|
---
|
||||||
|
|
||||||
|
fix: make CSS animation declaration transformation more robust
|
@ -0,0 +1,5 @@
|
|||||||
|
---
|
||||||
|
"svelte": patch
|
||||||
|
---
|
||||||
|
|
||||||
|
fix: only update lazy properties that have actually changed
|
@ -0,0 +1,5 @@
|
|||||||
|
---
|
||||||
|
"svelte": patch
|
||||||
|
---
|
||||||
|
|
||||||
|
fix: handle sole empty expression tags
|
@ -0,0 +1,5 @@
|
|||||||
|
---
|
||||||
|
"svelte": patch
|
||||||
|
---
|
||||||
|
|
||||||
|
fix: improve indexed each array reconcilation
|
@ -0,0 +1,5 @@
|
|||||||
|
---
|
||||||
|
'svelte': patch
|
||||||
|
---
|
||||||
|
|
||||||
|
fix: set `open` binding value in `<details>`
|
@ -0,0 +1,5 @@
|
|||||||
|
---
|
||||||
|
"svelte": patch
|
||||||
|
---
|
||||||
|
|
||||||
|
fix: correctly determine binding scope of `let:` directives
|
@ -0,0 +1,5 @@
|
|||||||
|
---
|
||||||
|
"svelte": patch
|
||||||
|
---
|
||||||
|
|
||||||
|
fix: run `onDestroy` callbacks during SSR
|
@ -0,0 +1,5 @@
|
|||||||
|
---
|
||||||
|
"svelte": patch
|
||||||
|
---
|
||||||
|
|
||||||
|
fix: add compiler error for each block mutations in runes mode
|
@ -0,0 +1,8 @@
|
|||||||
|
import { test } from '../../test';
|
||||||
|
|
||||||
|
export default test({
|
||||||
|
error: {
|
||||||
|
code: 'duplicate-slot-name',
|
||||||
|
message: "Duplicate slot name 'foo' in <Nested>"
|
||||||
|
}
|
||||||
|
});
|
@ -0,0 +1,9 @@
|
|||||||
|
<script>
|
||||||
|
import Nested from './irrelevant';
|
||||||
|
import Inner from './irrelevant';
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<Nested>
|
||||||
|
<Inner slot="foo">{value}</Inner>
|
||||||
|
<Inner slot="foo">{value}</Inner>
|
||||||
|
</Nested>
|
@ -0,0 +1,8 @@
|
|||||||
|
import { test } from '../../test';
|
||||||
|
|
||||||
|
export default test({
|
||||||
|
error: {
|
||||||
|
code: 'duplicate-slot-name',
|
||||||
|
message: "Duplicate slot name 'foo' in <Nested>"
|
||||||
|
}
|
||||||
|
});
|
@ -0,0 +1,9 @@
|
|||||||
|
<script>
|
||||||
|
import Nested from './irrelevant';
|
||||||
|
import Inner from './irrelevant';
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<Nested>
|
||||||
|
<p slot="foo">{value}</p>
|
||||||
|
<Inner slot="foo">{value}</Inner>
|
||||||
|
</Nested>
|
@ -0,0 +1,4 @@
|
|||||||
|
<script>
|
||||||
|
let count = $state(0);
|
||||||
|
export const double = $derived(count * 2);
|
||||||
|
</script>
|
@ -0,0 +1,10 @@
|
|||||||
|
import { test } from '../../test';
|
||||||
|
|
||||||
|
export default test({
|
||||||
|
error: {
|
||||||
|
code: 'invalid-state-export',
|
||||||
|
message:
|
||||||
|
"Cannot export state if it is reassigned. Either export a function returning the state value or only mutate the state value's properties",
|
||||||
|
position: [59, 99]
|
||||||
|
}
|
||||||
|
});
|
@ -0,0 +1,15 @@
|
|||||||
|
<script>
|
||||||
|
export const object = $state({
|
||||||
|
ok: true
|
||||||
|
});
|
||||||
|
|
||||||
|
export const primitive = $state('nope');
|
||||||
|
|
||||||
|
export function update_object() {
|
||||||
|
object.ok = !object.ok;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function update_primitive() {
|
||||||
|
primitive = 'yep';
|
||||||
|
}
|
||||||
|
</script>
|
@ -0,0 +1,8 @@
|
|||||||
|
import { test } from '../../test';
|
||||||
|
|
||||||
|
export default test({
|
||||||
|
error: {
|
||||||
|
code: 'invalid-runes-mode-import',
|
||||||
|
message: 'beforeUpdate cannot be used in runes mode'
|
||||||
|
}
|
||||||
|
});
|
@ -0,0 +1,5 @@
|
|||||||
|
<svelte:options runes />
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { beforeUpdate, afterUpdate } from 'svelte';
|
||||||
|
</script>
|
@ -0,0 +1,9 @@
|
|||||||
|
import { test } from '../../test';
|
||||||
|
|
||||||
|
export default test({
|
||||||
|
error: {
|
||||||
|
code: 'invalid-prop-export',
|
||||||
|
message:
|
||||||
|
'Cannot export properties. To expose the current value of a property, export a function returning its value'
|
||||||
|
}
|
||||||
|
});
|
@ -0,0 +1,4 @@
|
|||||||
|
<script>
|
||||||
|
let { foo } = $props();
|
||||||
|
export { foo };
|
||||||
|
</script>
|
@ -0,0 +1,9 @@
|
|||||||
|
import { test } from '../../test';
|
||||||
|
|
||||||
|
export default test({
|
||||||
|
error: {
|
||||||
|
code: 'invalid-each-assignment',
|
||||||
|
message:
|
||||||
|
"Cannot reassign or bind to each block argument in runes mode. Use the array and index variables instead (e.g. 'array[i] = value' instead of 'entry = value')"
|
||||||
|
}
|
||||||
|
});
|
@ -0,0 +1,7 @@
|
|||||||
|
<script>
|
||||||
|
let arr = $state([1,2,3]);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
{#each arr as value}
|
||||||
|
<input bind:value>
|
||||||
|
{/each}
|
@ -0,0 +1,9 @@
|
|||||||
|
import { test } from '../../test';
|
||||||
|
|
||||||
|
export default test({
|
||||||
|
error: {
|
||||||
|
code: 'invalid-each-assignment',
|
||||||
|
message:
|
||||||
|
"Cannot reassign or bind to each block argument in runes mode. Use the array and index variables instead (e.g. 'array[i] = value' instead of 'entry = value')"
|
||||||
|
}
|
||||||
|
});
|
@ -0,0 +1,7 @@
|
|||||||
|
<script>
|
||||||
|
let arr = $state([1,2,3]);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
{#each arr as value}
|
||||||
|
<button onclick={() => value += 1}>click</button>
|
||||||
|
{/each}
|
@ -0,0 +1,24 @@
|
|||||||
|
|
||||||
|
@keyframes svelte-xyz-a {
|
||||||
|
0% {
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: scale(2);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes svelte-xyz-animation {
|
||||||
|
0% {
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: scale(2);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
h1.svelte-xyz {
|
||||||
|
animation: 1s linear infinite svelte-xyz-a;
|
||||||
|
animation: svelte-xyz-a 1s linear infinite;
|
||||||
|
animation: 1s linear infinite svelte-xyz-a,svelte-xyz-animation 1s linear infinite;
|
||||||
|
}
|
@ -0,0 +1,27 @@
|
|||||||
|
<h1>test</h1>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
@keyframes a {
|
||||||
|
0% {
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: scale(2);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes animation {
|
||||||
|
0% {
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: scale(2);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
animation: 1s linear infinite a;
|
||||||
|
animation: a 1s linear infinite;
|
||||||
|
animation: 1s linear infinite a,animation 1s linear infinite;
|
||||||
|
}
|
||||||
|
</style>
|
@ -1,7 +1,7 @@
|
|||||||
main.svelte-xyz button.svelte-xyz.svelte-xyz {
|
main.svelte-xyz button:where(.svelte-xyz) {
|
||||||
background-color: red;
|
background-color: red;
|
||||||
}
|
}
|
||||||
|
|
||||||
main.svelte-xyz div.svelte-xyz > button.svelte-xyz {
|
main.svelte-xyz div:where(.svelte-xyz) > button:where(.svelte-xyz) {
|
||||||
background-color: blue;
|
background-color: blue;
|
||||||
}
|
}
|
||||||
|
@ -1,3 +1,3 @@
|
|||||||
.test.svelte-xyz > div.svelte-xyz {
|
.test.svelte-xyz > div:where(.svelte-xyz) {
|
||||||
color: #0af;
|
color: #0af;
|
||||||
}
|
}
|
||||||
|
@ -1,3 +1,3 @@
|
|||||||
p.svelte-xyz span.svelte-xyz {
|
p.svelte-xyz span:where(.svelte-xyz) {
|
||||||
color: red;
|
color: red;
|
||||||
}
|
}
|
||||||
|
@ -1,18 +1,18 @@
|
|||||||
div.svelte-xyz.svelte-xyz.svelte-xyz {
|
div.svelte-xyz {
|
||||||
color: red;
|
color: red;
|
||||||
}
|
}
|
||||||
h2.svelte-xyz > p.svelte-xyz.svelte-xyz {
|
h2.svelte-xyz > p:where(.svelte-xyz) {
|
||||||
color: red;
|
color: red;
|
||||||
}
|
}
|
||||||
h2.svelte-xyz span.svelte-xyz.svelte-xyz {
|
h2.svelte-xyz span:where(.svelte-xyz) {
|
||||||
color: red;
|
color: red;
|
||||||
}
|
}
|
||||||
h2.svelte-xyz > span.svelte-xyz > b.svelte-xyz {
|
h2.svelte-xyz > span:where(.svelte-xyz) > b:where(.svelte-xyz) {
|
||||||
color: red;
|
color: red;
|
||||||
}
|
}
|
||||||
h2.svelte-xyz span b.svelte-xyz.svelte-xyz {
|
h2.svelte-xyz span b:where(.svelte-xyz) {
|
||||||
color: red;
|
color: red;
|
||||||
}
|
}
|
||||||
h2.svelte-xyz b.svelte-xyz.svelte-xyz {
|
h2.svelte-xyz b:where(.svelte-xyz) {
|
||||||
color: red;
|
color: red;
|
||||||
}
|
}
|
||||||
|
@ -1,13 +1,13 @@
|
|||||||
.a.svelte-xyz ~ .b.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.a.svelte-xyz ~ .b:where(.svelte-xyz) { color: green; }
|
||||||
.a.svelte-xyz ~ .c.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.a.svelte-xyz ~ .c:where(.svelte-xyz) { color: green; }
|
||||||
.a.svelte-xyz ~ .d.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.a.svelte-xyz ~ .d:where(.svelte-xyz) { color: green; }
|
||||||
.a.svelte-xyz ~ .e.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.a.svelte-xyz ~ .e:where(.svelte-xyz) { color: green; }
|
||||||
.a.svelte-xyz ~ .f.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.a.svelte-xyz ~ .f:where(.svelte-xyz) { color: green; }
|
||||||
.a.svelte-xyz ~ .g.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.a.svelte-xyz ~ .g:where(.svelte-xyz) { color: green; }
|
||||||
.a.svelte-xyz ~ .h.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.a.svelte-xyz ~ .h:where(.svelte-xyz) { color: green; }
|
||||||
|
|
||||||
.b.svelte-xyz ~ .d.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.b.svelte-xyz ~ .d:where(.svelte-xyz) { color: green; }
|
||||||
.c.svelte-xyz ~ .d.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.c.svelte-xyz ~ .d:where(.svelte-xyz) { color: green; }
|
||||||
.b.svelte-xyz ~ .e.svelte-xyz ~ .f.svelte-xyz ~ .h.svelte-xyz { color: green; }
|
.b.svelte-xyz ~ .e:where(.svelte-xyz) ~ .f:where(.svelte-xyz) ~ .h:where(.svelte-xyz) { color: green; }
|
||||||
.b.svelte-xyz ~ .d.svelte-xyz ~ .h.svelte-xyz.svelte-xyz { color: green; }
|
.b.svelte-xyz ~ .d:where(.svelte-xyz) ~ .h:where(.svelte-xyz) { color: green; }
|
||||||
.c.svelte-xyz ~ .g.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.c.svelte-xyz ~ .g:where(.svelte-xyz) { color: green; }
|
||||||
|
@ -1,22 +1,22 @@
|
|||||||
/* boundary of each */
|
/* boundary of each */
|
||||||
.a.svelte-xyz ~ .b.svelte-xyz {
|
.a.svelte-xyz ~ .b:where(.svelte-xyz) {
|
||||||
color: green;
|
color: green;
|
||||||
}
|
}
|
||||||
.c.svelte-xyz ~ .d.svelte-xyz {
|
.c.svelte-xyz ~ .d:where(.svelte-xyz) {
|
||||||
color: green;
|
color: green;
|
||||||
}
|
}
|
||||||
/* if array is empty */
|
/* if array is empty */
|
||||||
.a.svelte-xyz ~ .d.svelte-xyz {
|
.a.svelte-xyz ~ .d:where(.svelte-xyz) {
|
||||||
color: green;
|
color: green;
|
||||||
}
|
}
|
||||||
/* if array has multiple items */
|
/* if array has multiple items */
|
||||||
.c.svelte-xyz ~ .b.svelte-xyz {
|
.c.svelte-xyz ~ .b:where(.svelte-xyz) {
|
||||||
color: green;
|
color: green;
|
||||||
}
|
}
|
||||||
/* normal sibling */
|
/* normal sibling */
|
||||||
.b.svelte-xyz ~ .c.svelte-xyz {
|
.b.svelte-xyz ~ .c:where(.svelte-xyz) {
|
||||||
color: green;
|
color: green;
|
||||||
}
|
}
|
||||||
.a.svelte-xyz ~ .c.svelte-xyz {
|
.a.svelte-xyz ~ .c:where(.svelte-xyz) {
|
||||||
color: green;
|
color: green;
|
||||||
}
|
}
|
||||||
|
@ -1,30 +1,30 @@
|
|||||||
.a.svelte-xyz ~ .e.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.a.svelte-xyz ~ .e:where(.svelte-xyz) { color: green; }
|
||||||
.a.svelte-xyz ~ .f.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.a.svelte-xyz ~ .f:where(.svelte-xyz) { color: green; }
|
||||||
.b.svelte-xyz ~ .c.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.b.svelte-xyz ~ .c:where(.svelte-xyz) { color: green; }
|
||||||
.b.svelte-xyz ~ .d.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.b.svelte-xyz ~ .d:where(.svelte-xyz) { color: green; }
|
||||||
.c.svelte-xyz ~ .e.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.c.svelte-xyz ~ .e:where(.svelte-xyz) { color: green; }
|
||||||
.c.svelte-xyz ~ .f.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.c.svelte-xyz ~ .f:where(.svelte-xyz) { color: green; }
|
||||||
.d.svelte-xyz ~ .e.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.d.svelte-xyz ~ .e:where(.svelte-xyz) { color: green; }
|
||||||
.d.svelte-xyz ~ .f.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.d.svelte-xyz ~ .f:where(.svelte-xyz) { color: green; }
|
||||||
.e.svelte-xyz ~ .e.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.e.svelte-xyz ~ .e:where(.svelte-xyz) { color: green; }
|
||||||
.i.svelte-xyz ~ .j.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.i.svelte-xyz ~ .j:where(.svelte-xyz) { color: green; }
|
||||||
.g.svelte-xyz ~ .h.svelte-xyz ~ .j.svelte-xyz.svelte-xyz { color: green; }
|
.g.svelte-xyz ~ .h:where(.svelte-xyz) ~ .j:where(.svelte-xyz) { color: green; }
|
||||||
.g.svelte-xyz ~ .i.svelte-xyz ~ .j.svelte-xyz.svelte-xyz { color: green; }
|
.g.svelte-xyz ~ .i:where(.svelte-xyz) ~ .j:where(.svelte-xyz) { color: green; }
|
||||||
.m.svelte-xyz ~ .m.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.m.svelte-xyz ~ .m:where(.svelte-xyz) { color: green; }
|
||||||
.m.svelte-xyz ~ .l.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.m.svelte-xyz ~ .l:where(.svelte-xyz) { color: green; }
|
||||||
.l.svelte-xyz ~ .m.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.l.svelte-xyz ~ .m:where(.svelte-xyz) { color: green; }
|
||||||
.a.svelte-xyz ~ .c.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.a.svelte-xyz ~ .c:where(.svelte-xyz) { color: green; }
|
||||||
.a.svelte-xyz ~ .g.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.a.svelte-xyz ~ .g:where(.svelte-xyz) { color: green; }
|
||||||
.b.svelte-xyz ~ .e.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.b.svelte-xyz ~ .e:where(.svelte-xyz) { color: green; }
|
||||||
.c.svelte-xyz ~ .g.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.c.svelte-xyz ~ .g:where(.svelte-xyz) { color: green; }
|
||||||
.c.svelte-xyz ~ .k.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.c.svelte-xyz ~ .k:where(.svelte-xyz) { color: green; }
|
||||||
.d.svelte-xyz ~ .d.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.d.svelte-xyz ~ .d:where(.svelte-xyz) { color: green; }
|
||||||
.g.svelte-xyz ~ .g.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.g.svelte-xyz ~ .g:where(.svelte-xyz) { color: green; }
|
||||||
.h.svelte-xyz ~ .h.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.h.svelte-xyz ~ .h:where(.svelte-xyz) { color: green; }
|
||||||
.i.svelte-xyz ~ .i.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.i.svelte-xyz ~ .i:where(.svelte-xyz) { color: green; }
|
||||||
.j.svelte-xyz ~ .j.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.j.svelte-xyz ~ .j:where(.svelte-xyz) { color: green; }
|
||||||
.g.svelte-xyz ~ .j.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.g.svelte-xyz ~ .j:where(.svelte-xyz) { color: green; }
|
||||||
.g.svelte-xyz ~ .h.svelte-xyz ~ .i.svelte-xyz ~ .j.svelte-xyz { color: green; }
|
.g.svelte-xyz ~ .h:where(.svelte-xyz) ~ .i:where(.svelte-xyz) ~ .j:where(.svelte-xyz) { color: green; }
|
||||||
|
|
||||||
/* no match */
|
/* no match */
|
||||||
/* (unused) .e ~ .f { color: green; }*/
|
/* (unused) .e ~ .f { color: green; }*/
|
||||||
|
@ -1,8 +1,8 @@
|
|||||||
.a.svelte-xyz ~ .b.svelte-xyz { color: green; }
|
.a.svelte-xyz ~ .b:where(.svelte-xyz) { color: green; }
|
||||||
.a.svelte-xyz ~ .c.svelte-xyz { color: green; }
|
.a.svelte-xyz ~ .c:where(.svelte-xyz) { color: green; }
|
||||||
.b.svelte-xyz ~ .d.svelte-xyz { color: green; }
|
.b.svelte-xyz ~ .d:where(.svelte-xyz) { color: green; }
|
||||||
.c.svelte-xyz ~ .d.svelte-xyz { color: green; }
|
.c.svelte-xyz ~ .d:where(.svelte-xyz) { color: green; }
|
||||||
.a.svelte-xyz ~ .d.svelte-xyz { color: green; }
|
.a.svelte-xyz ~ .d:where(.svelte-xyz) { color: green; }
|
||||||
|
|
||||||
/* no match */
|
/* no match */
|
||||||
/* (unused) .b ~ .c { color: green; }*/
|
/* (unused) .b ~ .c { color: green; }*/
|
||||||
|
@ -1,60 +1,60 @@
|
|||||||
/* boundary of each */
|
/* boundary of each */
|
||||||
.a.svelte-xyz ~ .d.svelte-xyz.svelte-xyz { color: green; }
|
.a.svelte-xyz ~ .d:where(.svelte-xyz) { color: green; }
|
||||||
.a.svelte-xyz ~ .e.svelte-xyz.svelte-xyz { color: green; }
|
.a.svelte-xyz ~ .e:where(.svelte-xyz) { color: green; }
|
||||||
.a.svelte-xyz ~ .f.svelte-xyz.svelte-xyz { color: green; }
|
.a.svelte-xyz ~ .f:where(.svelte-xyz) { color: green; }
|
||||||
.a.svelte-xyz ~ .g.svelte-xyz.svelte-xyz { color: green; }
|
.a.svelte-xyz ~ .g:where(.svelte-xyz) { color: green; }
|
||||||
.c.svelte-xyz ~ .d.svelte-xyz.svelte-xyz { color: green; }
|
.c.svelte-xyz ~ .d:where(.svelte-xyz) { color: green; }
|
||||||
.c.svelte-xyz ~ .e.svelte-xyz.svelte-xyz { color: green; }
|
.c.svelte-xyz ~ .e:where(.svelte-xyz) { color: green; }
|
||||||
.c.svelte-xyz ~ .f.svelte-xyz.svelte-xyz { color: green; }
|
.c.svelte-xyz ~ .f:where(.svelte-xyz) { color: green; }
|
||||||
.c.svelte-xyz ~ .g.svelte-xyz.svelte-xyz { color: green; }
|
.c.svelte-xyz ~ .g:where(.svelte-xyz) { color: green; }
|
||||||
|
|
||||||
/* nested boundary of each */
|
/* nested boundary of each */
|
||||||
.j.svelte-xyz ~ .m.svelte-xyz.svelte-xyz { color: green; }
|
.j.svelte-xyz ~ .m:where(.svelte-xyz) { color: green; }
|
||||||
.j.svelte-xyz ~ .n.svelte-xyz.svelte-xyz { color: green; }
|
.j.svelte-xyz ~ .n:where(.svelte-xyz) { color: green; }
|
||||||
.j.svelte-xyz ~ .o.svelte-xyz.svelte-xyz { color: green; }
|
.j.svelte-xyz ~ .o:where(.svelte-xyz) { color: green; }
|
||||||
.k.svelte-xyz ~ .m.svelte-xyz.svelte-xyz { color: green; }
|
.k.svelte-xyz ~ .m:where(.svelte-xyz) { color: green; }
|
||||||
.k.svelte-xyz ~ .n.svelte-xyz.svelte-xyz { color: green; }
|
.k.svelte-xyz ~ .n:where(.svelte-xyz) { color: green; }
|
||||||
.k.svelte-xyz ~ .o.svelte-xyz.svelte-xyz { color: green; }
|
.k.svelte-xyz ~ .o:where(.svelte-xyz) { color: green; }
|
||||||
.l.svelte-xyz ~ .m.svelte-xyz.svelte-xyz { color: green; }
|
.l.svelte-xyz ~ .m:where(.svelte-xyz) { color: green; }
|
||||||
.l.svelte-xyz ~ .n.svelte-xyz.svelte-xyz { color: green; }
|
.l.svelte-xyz ~ .n:where(.svelte-xyz) { color: green; }
|
||||||
.l.svelte-xyz ~ .o.svelte-xyz.svelte-xyz { color: green; }
|
.l.svelte-xyz ~ .o:where(.svelte-xyz) { color: green; }
|
||||||
|
|
||||||
/* parent each */
|
/* parent each */
|
||||||
.d.svelte-xyz ~ .e.svelte-xyz.svelte-xyz { color: green; }
|
.d.svelte-xyz ~ .e:where(.svelte-xyz) { color: green; }
|
||||||
.e.svelte-xyz ~ .f.svelte-xyz.svelte-xyz { color: green; }
|
.e.svelte-xyz ~ .f:where(.svelte-xyz) { color: green; }
|
||||||
|
|
||||||
/* child each */
|
/* child each */
|
||||||
.g.svelte-xyz ~ .h.svelte-xyz.svelte-xyz { color: green; }
|
.g.svelte-xyz ~ .h:where(.svelte-xyz) { color: green; }
|
||||||
|
|
||||||
/* wrap around */
|
/* wrap around */
|
||||||
.f.svelte-xyz ~ .d.svelte-xyz.svelte-xyz { color: green; }
|
.f.svelte-xyz ~ .d:where(.svelte-xyz) { color: green; }
|
||||||
.f.svelte-xyz ~ .e.svelte-xyz.svelte-xyz { color: green; }
|
.f.svelte-xyz ~ .e:where(.svelte-xyz) { color: green; }
|
||||||
.f.svelte-xyz ~ .f.svelte-xyz.svelte-xyz { color: green; }
|
.f.svelte-xyz ~ .f:where(.svelte-xyz) { color: green; }
|
||||||
|
|
||||||
.h.svelte-xyz ~ .g.svelte-xyz.svelte-xyz { color: green; }
|
.h.svelte-xyz ~ .g:where(.svelte-xyz) { color: green; }
|
||||||
.i.svelte-xyz ~ .h.svelte-xyz.svelte-xyz { color: green; }
|
.i.svelte-xyz ~ .h:where(.svelte-xyz) { color: green; }
|
||||||
.i.svelte-xyz ~ .g.svelte-xyz.svelte-xyz { color: green; }
|
.i.svelte-xyz ~ .g:where(.svelte-xyz) { color: green; }
|
||||||
|
|
||||||
/* wrap around self */
|
/* wrap around self */
|
||||||
.d.svelte-xyz ~ .d.svelte-xyz.svelte-xyz { color: green; }
|
.d.svelte-xyz ~ .d:where(.svelte-xyz) { color: green; }
|
||||||
.e.svelte-xyz ~ .e.svelte-xyz.svelte-xyz { color: green; }
|
.e.svelte-xyz ~ .e:where(.svelte-xyz) { color: green; }
|
||||||
.f.svelte-xyz ~ .f.svelte-xyz.svelte-xyz { color: green; }
|
.f.svelte-xyz ~ .f:where(.svelte-xyz) { color: green; }
|
||||||
.g.svelte-xyz ~ .g.svelte-xyz.svelte-xyz { color: green; }
|
.g.svelte-xyz ~ .g:where(.svelte-xyz) { color: green; }
|
||||||
.h.svelte-xyz ~ .h.svelte-xyz.svelte-xyz { color: green; }
|
.h.svelte-xyz ~ .h:where(.svelte-xyz) { color: green; }
|
||||||
.i.svelte-xyz ~ .i.svelte-xyz.svelte-xyz { color: green; }
|
.i.svelte-xyz ~ .i:where(.svelte-xyz) { color: green; }
|
||||||
|
|
||||||
/* wrap around self ~ next */
|
/* wrap around self ~ next */
|
||||||
.e.svelte-xyz ~ .e.svelte-xyz ~ .f.svelte-xyz { color: green; }
|
.e.svelte-xyz ~ .e:where(.svelte-xyz) ~ .f:where(.svelte-xyz) { color: green; }
|
||||||
.e.svelte-xyz ~ .e.svelte-xyz ~ .d.svelte-xyz { color: green; }
|
.e.svelte-xyz ~ .e:where(.svelte-xyz) ~ .d:where(.svelte-xyz) { color: green; }
|
||||||
.h.svelte-xyz ~ .h.svelte-xyz ~ .i.svelte-xyz { color: green; }
|
.h.svelte-xyz ~ .h:where(.svelte-xyz) ~ .i:where(.svelte-xyz) { color: green; }
|
||||||
.h.svelte-xyz ~ .h.svelte-xyz ~ .g.svelte-xyz { color: green; }
|
.h.svelte-xyz ~ .h:where(.svelte-xyz) ~ .g:where(.svelte-xyz) { color: green; }
|
||||||
|
|
||||||
/* general siblings */
|
/* general siblings */
|
||||||
.a.svelte-xyz ~ .h.svelte-xyz.svelte-xyz { color: green; }
|
.a.svelte-xyz ~ .h:where(.svelte-xyz) { color: green; }
|
||||||
.a.svelte-xyz ~ .i.svelte-xyz.svelte-xyz { color: green; }
|
.a.svelte-xyz ~ .i:where(.svelte-xyz) { color: green; }
|
||||||
.c.svelte-xyz ~ .h.svelte-xyz.svelte-xyz { color: green; }
|
.c.svelte-xyz ~ .h:where(.svelte-xyz) { color: green; }
|
||||||
.c.svelte-xyz ~ .i.svelte-xyz.svelte-xyz { color: green; }
|
.c.svelte-xyz ~ .i:where(.svelte-xyz) { color: green; }
|
||||||
.d.svelte-xyz ~ .f.svelte-xyz.svelte-xyz { color: green; }
|
.d.svelte-xyz ~ .f:where(.svelte-xyz) { color: green; }
|
||||||
.d.svelte-xyz ~ .g.svelte-xyz.svelte-xyz { color: green; }
|
.d.svelte-xyz ~ .g:where(.svelte-xyz) { color: green; }
|
||||||
.e.svelte-xyz ~ .g.svelte-xyz.svelte-xyz { color: green; }
|
.e.svelte-xyz ~ .g:where(.svelte-xyz) { color: green; }
|
||||||
.g.svelte-xyz ~ .i.svelte-xyz.svelte-xyz { color: green; }
|
.g.svelte-xyz ~ .i:where(.svelte-xyz) { color: green; }
|
||||||
|
@ -1,3 +1,3 @@
|
|||||||
div.svelte-xyz ~ span.svelte-xyz {
|
div.svelte-xyz ~ span:where(.svelte-xyz) {
|
||||||
color: green;
|
color: green;
|
||||||
}
|
}
|
||||||
|
@ -1,3 +1,3 @@
|
|||||||
h1.svelte-xyz ~ p.svelte-xyz {
|
h1.svelte-xyz ~ p:where(.svelte-xyz) {
|
||||||
color: red;
|
color: red;
|
||||||
}
|
}
|
||||||
|
@ -1,12 +1,12 @@
|
|||||||
.a.svelte-xyz ~ .b.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.a.svelte-xyz ~ .b:where(.svelte-xyz) { color: green; }
|
||||||
.a.svelte-xyz ~ .c.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.a.svelte-xyz ~ .c:where(.svelte-xyz) { color: green; }
|
||||||
.a.svelte-xyz ~ .d.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.a.svelte-xyz ~ .d:where(.svelte-xyz) { color: green; }
|
||||||
.b.svelte-xyz ~ .d.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.b.svelte-xyz ~ .d:where(.svelte-xyz) { color: green; }
|
||||||
.c.svelte-xyz ~ .d.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
.c.svelte-xyz ~ .d:where(.svelte-xyz) { color: green; }
|
||||||
|
|
||||||
.a.svelte-xyz ~ .c.svelte-xyz ~ .c.svelte-xyz.svelte-xyz { color: green; }
|
.a.svelte-xyz ~ .c:where(.svelte-xyz) ~ .c:where(.svelte-xyz) { color: green; }
|
||||||
.c.svelte-xyz ~ .c.svelte-xyz ~ .d.svelte-xyz.svelte-xyz { color: green; }
|
.c.svelte-xyz ~ .c:where(.svelte-xyz) ~ .d:where(.svelte-xyz) { color: green; }
|
||||||
.a.svelte-xyz ~ .c.svelte-xyz ~ .c.svelte-xyz ~ .d.svelte-xyz { color: green; }
|
.a.svelte-xyz ~ .c:where(.svelte-xyz) ~ .c:where(.svelte-xyz) ~ .d:where(.svelte-xyz) { color: green; }
|
||||||
|
|
||||||
/* no match */
|
/* no match */
|
||||||
/* (unused) .b ~ .c { color: green; }*/
|
/* (unused) .b ~ .c { color: green; }*/
|
||||||
|
@ -1,8 +1,8 @@
|
|||||||
.a.svelte-xyz ~ .b.svelte-xyz { color: green; }
|
.a.svelte-xyz ~ .b:where(.svelte-xyz) { color: green; }
|
||||||
.a.svelte-xyz ~ .c.svelte-xyz { color: green; }
|
.a.svelte-xyz ~ .c:where(.svelte-xyz) { color: green; }
|
||||||
.a.svelte-xyz ~ .d.svelte-xyz { color: green; }
|
.a.svelte-xyz ~ .d:where(.svelte-xyz) { color: green; }
|
||||||
.b.svelte-xyz ~ .d.svelte-xyz { color: green; }
|
.b.svelte-xyz ~ .d:where(.svelte-xyz) { color: green; }
|
||||||
.c.svelte-xyz ~ .d.svelte-xyz { color: green; }
|
.c.svelte-xyz ~ .d:where(.svelte-xyz) { color: green; }
|
||||||
|
|
||||||
/* no match */
|
/* no match */
|
||||||
/* (unused) .b ~ .c { color: green; }*/
|
/* (unused) .b ~ .c { color: green; }*/
|
||||||
|
@ -1,3 +1,3 @@
|
|||||||
h1.svelte-xyz ~ p.svelte-xyz {
|
h1.svelte-xyz ~ p:where(.svelte-xyz) {
|
||||||
color: red;
|
color: red;
|
||||||
}
|
}
|
||||||
|
@ -1,3 +1,3 @@
|
|||||||
h1.svelte-xyz ~ p.svelte-xyz {
|
h1.svelte-xyz ~ p:where(.svelte-xyz) {
|
||||||
color: red;
|
color: red;
|
||||||
}
|
}
|
||||||
|
@ -1,3 +1,3 @@
|
|||||||
h1.svelte-xyz ~ p.svelte-xyz {
|
h1.svelte-xyz ~ p:where(.svelte-xyz) {
|
||||||
color: red;
|
color: red;
|
||||||
}
|
}
|
||||||
|
@ -1,11 +1,11 @@
|
|||||||
h1.svelte-xyz ~ span.svelte-xyz {
|
h1.svelte-xyz ~ span:where(.svelte-xyz) {
|
||||||
color: green;
|
color: green;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1.svelte-xyz ~ p.svelte-xyz {
|
h1.svelte-xyz ~ p:where(.svelte-xyz) {
|
||||||
color: red;
|
color: red;
|
||||||
}
|
}
|
||||||
|
|
||||||
span.svelte-xyz ~ p.svelte-xyz {
|
span.svelte-xyz ~ p:where(.svelte-xyz) {
|
||||||
color: blue;
|
color: blue;
|
||||||
}
|
}
|
||||||
|
@ -1,3 +1,3 @@
|
|||||||
html body .root.svelte-xyz p.svelte-xyz {
|
html body .root.svelte-xyz p:where(.svelte-xyz) {
|
||||||
color: red;
|
color: red;
|
||||||
}
|
}
|
||||||
|
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue