Create new
Bindings
Transitions
Animations
Easing
Component composition
Context API
Special elements
Module context
Debugging
Miscellaneous
App.svelte
runes
This component is in runes mode.
To disable runes mode, add the following to the top of your component:
<svelte:options runes={false} />
99
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
›
⌄
⌄
⌄
⌄
⌄
⌄
<script>
import { MediaQuery } from 'svelte/reactivity';
import { prefersReducedMotion } from 'svelte/motion';
import { scale, fade } from 'svelte/transition';
import { elasticOut } from 'svelte/easing';
const large = new MediaQuery('min-width: 640px');
const intro = $derived(
prefersReducedMotion.current ? { start: 1 } : { start: 0.3, easing: elasticOut }
);
</script>
{#if large.current}
<svg viewBox="-12 -12 60 60" in:scale={intro} out:fade>
<path fill="#FDD888" d="M33 31c0 2.2-1.8 4-4 4H7c-2.2 0-4-1.8-4-4V14c0-2.2 1.8-4 4-4h22c2.2 0 4 1.8 4 4v17z"/>
<path fill="#FDD888" d="M36 11c0 2.2-1.8 4-4 4H4c-2.2 0-4-1.8-4-4s1.8-4 4-4h28c2.2 0 4 1.8 4 4z"/>
<path fill="#FCAB40" d="M3 15h30v2H3z"/>
<path fill="#DA2F47" d="M19 3h-2c-1.657 0-3 1.343-3 3v29h8V6c0-1.656-1.343-3-3-3z"/>
<path fill="#DA2F47" d="M16 7c1.1 0 1.263-.516.361-1.147L9.639 1.147c-.902-.631-2.085-.366-2.631.589L4.992 5.264C4.446 6.219 4.9 7 6 7h10zm4 0c-1.1 0-1.263-.516-.361-1.147l6.723-4.706c.901-.631 2.085-.366 2.631.589l2.016 3.527C31.554 6.219 31.1 7 30 7H20z"/>
</svg>
{/if}
<style>
:root {
overflow: hidden;
}
svg {
width: 100%;
height: 100%;
}
</style>
Error compiling component
WebAssembly.instantiateStreaming(): value type opcode @+13
99
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
›
⌄
⌄
⌄
⌄
import 'svelte/internal/disclose-version';
import * as $ from 'svelte/internal/client';
import { MediaQuery } from 'svelte/reactivity';
import { prefersReducedMotion } from 'svelte/motion';
import { scale, fade } from 'svelte/transition';
import { elasticOut } from 'svelte/easing';
var root_1 = $.ns_template(`<svg viewBox="-12 -12 60 60" class="svelte-1ne33s0"><path fill="#FDD888" d="M33 31c0 2.2-1.8 4-4 4H7c-2.2 0-4-1.8-4-4V14c0-2.2 1.8-4 4-4h22c2.2 0 4 1.8 4 4v17z"></path><path fill="#FDD888" d="M36 11c0 2.2-1.8 4-4 4H4c-2.2 0-4-1.8-4-4s1.8-4 4-4h28c2.2 0 4 1.8 4 4z"></path><path fill="#FCAB40" d="M3 15h30v2H3z"></path><path fill="#DA2F47" d="M19 3h-2c-1.657 0-3 1.343-3 3v29h8V6c0-1.656-1.343-3-3-3z"></path><path fill="#DA2F47" d="M16 7c1.1 0 1.263-.516.361-1.147L9.639 1.147c-.902-.631-2.085-.366-2.631.589L4.992 5.264C4.446 6.219 4.9 7 6 7h10zm4 0c-1.1 0-1.263-.516-.361-1.147l6.723-4.706c.901-.631 2.085-.366 2.631.589l2.016 3.527C31.554 6.219 31.1 7 30 7H20z"></path></svg>`);
export default function App($$anchor, $$props) {
$.push($$props, true);
const large = new MediaQuery('min-width: 640px');
const intro = $.derived(() => prefersReducedMotion.current ? { start: 1 } : { start: 0.3, easing: elasticOut });
var fragment = $.comment();
var node = $.first_child(fragment);
{
var consequent = ($$anchor) => {
var svg = root_1();
$.transition(1, svg, () => scale, () => $.get(intro));
$.transition(2, svg, () => fade);
$.append($$anchor, svg);
};
$.if(node, ($$render) => {
if (large.current) $$render(consequent);
});
}
$.append($$anchor, fragment);
$.pop();
}
result = svelte.compile(source, {
generate: ,
});99
1
2
3
4
5
6
7
8
9
10
›
:root {
overflow: hidden;
}
svg.svelte-1ne33s0 {
width: 100%;
height: 100%;
}
Root {
css: StyleSheet {...}
- type: "StyleSheet"
- start: 1081
- end: 1172
- attributes: []
children: [...] (2)
Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 1090
- end: 1095
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1090
- end: 1095
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "root"
- args: null
- start: 1090
- end: 1095
}
]- start: 1090
- end: 1095
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 1096
- end: 1120
children: [...] (1)
Declaration {...}
- type: "Declaration"
- start: 1100
- end: 1116
- property: "overflow"
- value: "hidden"
}
]
}- start: 1090
- end: 1120
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 1124
- end: 1127
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1124
- end: 1127
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "svg"
- start: 1124
- end: 1127
}
]- start: 1124
- end: 1127
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 1128
- end: 1163
children: [...] (2)
Declaration {...}
- type: "Declaration"
- start: 1132
- end: 1143
- property: "width"
- value: "100%"
} Declaration {...}
- type: "Declaration"
- start: 1147
- end: 1159
- property: "height"
- value: "100%"
}
]
}- start: 1124
- end: 1163
}
]content: {...}
- start: 1088
- end: 1164
- styles: "\n\t:root {\n\t\toverflow: hidden;\n\t}\n\t\n\tsvg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n"
- comment: null
}
}- js: []
- start: 384
- end: 1079
- type: "Root"
fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 382
- end: 384
- raw: "\n\n"
- data: "\n\n"
} IfBlock {...}
- type: "IfBlock"
- elseif: false
- start: 384
- end: 1079
test: MemberExpression {...}
- type: "MemberExpression"
- start: 389
- end: 402
loc: {...}
start: {...}
- line: 14
- column: 5
}end: {...}
- line: 14
- column: 18
}
}object: Identifier {...}
- type: "Identifier"
- start: 389
- end: 394
loc: {...}
start: {...}
- line: 14
- column: 5
}end: {...}
- line: 14
- column: 10
}
}- name: "large"
}property: Identifier {...}
- type: "Identifier"
- start: 395
- end: 402
loc: {...}
start: {...}
- line: 14
- column: 11
}end: {...}
- line: 14
- column: 18
}
}- name: "current"
}- computed: false
- optional: false
}consequent: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 403
- end: 405
- raw: "\n\t"
- data: "\n\t"
} RegularElement {...}
- type: "RegularElement"
- start: 405
- end: 1073
- name: "svg"
attributes: [...] (4)
Attribute {...}
- type: "Attribute"
- start: 410
- end: 433
- name: "viewBox"
value: [...] (1)
Text {...}
- start: 419
- end: 432
- type: "Text"
- raw: "-12 -12 60 60"
- data: "-12 -12 60 60"
}
]
} TransitionDirective {...}
- start: 434
- end: 450
- type: "TransitionDirective"
- name: "scale"
expression: Identifier {...}
- type: "Identifier"
- start: 444
- end: 449
loc: {...}
start: {...}
- line: 15
- column: 40
}end: {...}
- line: 15
- column: 45
}
}- name: "intro"
}- modifiers: []
- intro: true
- outro: false
} TransitionDirective {...}
- start: 451
- end: 459
- type: "TransitionDirective"
- name: "fade"
- expression: null
- modifiers: []
- intro: false
- outro: true
} Attribute {...}
- type: "Attribute"
- start: -1
- end: -1
- name: "class"
value: [...] (1)
Text {...}
- type: "Text"
- data: "svelte-1ne33s0"
- raw: "svelte-1ne33s0"
- start: -1
- end: -1
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (11)
Text {...}
- type: "Text"
- start: 460
- end: 463
- raw: "\n\t\t"
- data: "\n\t\t"
} RegularElement {...}
- type: "RegularElement"
- start: 463
- end: 573
- name: "path"
attributes: [...] (2)
Attribute {...}
- type: "Attribute"
- start: 469
- end: 483
- name: "fill"
value: [...] (1)
Text {...}
- start: 475
- end: 482
- type: "Text"
- raw: "#FDD888"
- data: "#FDD888"
}
]
} Attribute {...}
- type: "Attribute"
- start: 484
- end: 571
- name: "d"
value: [...] (1)
Text {...}
- start: 487
- end: 570
- type: "Text"
- raw: "M33 31c0 2.2-1.8 4-4 4H7c-2.2 0-4-1.8-4-4V14c0-2.2 1.8-4 4-4h22c2.2 0 4 1.8 4 4v17z"
- data: "M33 31c0 2.2-1.8 4-4 4H7c-2.2 0-4-1.8-4-4V14c0-2.2 1.8-4 4-4h22c2.2 0 4 1.8 4 4v17z"
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
- nodes: []
}
} Text {...}
- type: "Text"
- start: 573
- end: 576
- raw: " "
- data: " "
} RegularElement {...}
- type: "RegularElement"
- start: 576
- end: 674
- name: "path"
attributes: [...] (2)
Attribute {...}
- type: "Attribute"
- start: 582
- end: 596
- name: "fill"
value: [...] (1)
Text {...}
- start: 588
- end: 595
- type: "Text"
- raw: "#FDD888"
- data: "#FDD888"
}
]
} Attribute {...}
- type: "Attribute"
- start: 597
- end: 672
- name: "d"
value: [...] (1)
Text {...}
- start: 600
- end: 671
- type: "Text"
- raw: "M36 11c0 2.2-1.8 4-4 4H4c-2.2 0-4-1.8-4-4s1.8-4 4-4h28c2.2 0 4 1.8 4 4z"
- data: "M36 11c0 2.2-1.8 4-4 4H4c-2.2 0-4-1.8-4-4s1.8-4 4-4h28c2.2 0 4 1.8 4 4z"
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
- nodes: []
}
} Text {...}
- type: "Text"
- start: 674
- end: 677
- raw: " "
- data: " "
} RegularElement {...}
- type: "RegularElement"
- start: 677
- end: 717
- name: "path"
attributes: [...] (2)
Attribute {...}
- type: "Attribute"
- start: 683
- end: 697
- name: "fill"
value: [...] (1)
Text {...}
- start: 689
- end: 696
- type: "Text"
- raw: "#FCAB40"
- data: "#FCAB40"
}
]
} Attribute {...}
- type: "Attribute"
- start: 698
- end: 715
- name: "d"
value: [...] (1)
Text {...}
- start: 701
- end: 714
- type: "Text"
- raw: "M3 15h30v2H3z"
- data: "M3 15h30v2H3z"
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
- nodes: []
}
} Text {...}
- type: "Text"
- start: 717
- end: 720
- raw: " "
- data: " "
} RegularElement {...}
- type: "RegularElement"
- start: 720
- end: 804
- name: "path"
attributes: [...] (2)
Attribute {...}
- type: "Attribute"
- start: 726
- end: 740
- name: "fill"
value: [...] (1)
Text {...}
- start: 732
- end: 739
- type: "Text"
- raw: "#DA2F47"
- data: "#DA2F47"
}
]
} Attribute {...}
- type: "Attribute"
- start: 741
- end: 802
- name: "d"
value: [...] (1)
Text {...}
- start: 744
- end: 801
- type: "Text"
- raw: "M19 3h-2c-1.657 0-3 1.343-3 3v29h8V6c0-1.656-1.343-3-3-3z"
- data: "M19 3h-2c-1.657 0-3 1.343-3 3v29h8V6c0-1.656-1.343-3-3-3z"
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
- nodes: []
}
} Text {...}
- type: "Text"
- start: 804
- end: 807
- raw: " "
- data: " "
} RegularElement {...}
- type: "RegularElement"
- start: 807
- end: 1065
- name: "path"
attributes: [...] (2)
Attribute {...}
- type: "Attribute"
- start: 813
- end: 827
- name: "fill"
value: [...] (1)
Text {...}
- start: 819
- end: 826
- type: "Text"
- raw: "#DA2F47"
- data: "#DA2F47"
}
]
} Attribute {...}
- type: "Attribute"
- start: 828
- end: 1063
- name: "d"
value: [...] (1)
Text {...}
- start: 831
- end: 1062
- type: "Text"
- raw: "M16 7c1.1 0 1.263-.516.361-1.147L9.639 1.147c-.902-.631-2.085-.366-2.631.589L4.992 5.264C4.446 6.219 4.9 7 6 7h10zm4 0c-1.1 0-1.263-.516-.361-1.147l6.723-4.706c.901-.631 2.085-.366 2.631.589l2.016 3.527C31.554 6.219 31.1 7 30 7H20z"
- data: "M16 7c1.1 0 1.263-.516.361-1.147L9.639 1.147c-.902-.631-2.085-.366-2.631.589L4.992 5.264C4.446 6.219 4.9 7 6 7h10zm4 0c-1.1 0-1.263-.516-.361-1.147l6.723-4.706c.901-.631 2.085-.366 2.631.589l2.016 3.527C31.554 6.219 31.1 7 30 7H20z"
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
- nodes: []
}
} Text {...}
- type: "Text"
- start: 1065
- end: 1067
- raw: "\n\t"
- data: "\n\t"
}
]
}
} Text {...}
- type: "Text"
- start: 1073
- end: 1074
- raw: "\n"
- data: "\n"
}
]
}- alternate: null
} Text {...}
- type: "Text"
- start: 1079
- end: 1081
- raw: "\n\n"
- data: "\n\n"
}
]
}- options: null
instance: Script {...}
- type: "Script"
- start: 0
- end: 382
- context: "default"
content: Program {...}
- type: "Program"
- start: 8
- end: 373
loc: {...}
start: {...}
- line: 1
- column: 0
}end: {...}
- line: 12
- column: 0
}
}body: [...] (6)
ImportDeclaration {...}
- type: "ImportDeclaration"
- start: 10
- end: 57
loc: {...}
start: {...}
- line: 2
- column: 1
}end: {...}
- line: 2
- column: 48
}
}specifiers: [...] (1)
ImportSpecifier {...}
- type: "ImportSpecifier"
- start: 19
- end: 29
loc: {...}
start: {...}
- line: 2
- column: 10
}end: {...}
- line: 2
- column: 20
}
}imported: Identifier {...}
- type: "Identifier"
- start: 19
- end: 29
loc: {...}
start: {...}
- line: 2
- column: 10
}end: {...}
- line: 2
- column: 20
}
}- name: "MediaQuery"
}local: Identifier {...}
- type: "Identifier"
- start: 19
- end: 29
loc: {...}
start: {...}
- line: 2
- column: 10
}end: {...}
- line: 2
- column: 20
}
}- name: "MediaQuery"
}
}
]source: Literal {...}
- type: "Literal"
- start: 37
- end: 56
loc: {...}
start: {...}
- line: 2
- column: 28
}end: {...}
- line: 2
- column: 47
}
}- value: "svelte/reactivity"
- raw: "'svelte/reactivity'"
}
} ImportDeclaration {...}
- type: "ImportDeclaration"
- start: 59
- end: 112
loc: {...}
start: {...}
- line: 3
- column: 1
}end: {...}
- line: 3
- column: 54
}
}specifiers: [...] (1)
ImportSpecifier {...}
- type: "ImportSpecifier"
- start: 68
- end: 88
loc: {...}
start: {...}
- line: 3
- column: 10
}end: {...}
- line: 3
- column: 30
}
}imported: Identifier {...}
- type: "Identifier"
- start: 68
- end: 88
loc: {...}
start: {...}
- line: 3
- column: 10
}end: {...}
- line: 3
- column: 30
}
}- name: "prefersReducedMotion"
}local: Identifier {...}
- type: "Identifier"
- start: 68
- end: 88
loc: {...}
start: {...}
- line: 3
- column: 10
}end: {...}
- line: 3
- column: 30
}
}- name: "prefersReducedMotion"
}
}
]source: Literal {...}
- type: "Literal"
- start: 96
- end: 111
loc: {...}
start: {...}
- line: 3
- column: 38
}end: {...}
- line: 3
- column: 53
}
}- value: "svelte/motion"
- raw: "'svelte/motion'"
}
} ImportDeclaration {...}
- type: "ImportDeclaration"
- start: 114
- end: 162
loc: {...}
start: {...}
- line: 4
- column: 1
}end: {...}
- line: 4
- column: 49
}
}specifiers: [...] (2)
ImportSpecifier {...}
- type: "ImportSpecifier"
- start: 123
- end: 128
loc: {...}
start: {...}
- line: 4
- column: 10
}end: {...}
- line: 4
- column: 15
}
}imported: Identifier {...}
- type: "Identifier"
- start: 123
- end: 128
loc: {...}
start: {...}
- line: 4
- column: 10
}end: {...}
- line: 4
- column: 15
}
}- name: "scale"
}local: Identifier {...}
- type: "Identifier"
- start: 123
- end: 128
loc: {...}
start: {...}
- line: 4
- column: 10
}end: {...}
- line: 4
- column: 15
}
}- name: "scale"
}
} ImportSpecifier {...}
- type: "ImportSpecifier"
- start: 130
- end: 134
loc: {...}
start: {...}
- line: 4
- column: 17
}end: {...}
- line: 4
- column: 21
}
}imported: Identifier {...}
- type: "Identifier"
- start: 130
- end: 134
loc: {...}
start: {...}
- line: 4
- column: 17
}end: {...}
- line: 4
- column: 21
}
}- name: "fade"
}local: Identifier {...}
- type: "Identifier"
- start: 130
- end: 134
loc: {...}
start: {...}
- line: 4
- column: 17
}end: {...}
- line: 4
- column: 21
}
}- name: "fade"
}
}
]source: Literal {...}
- type: "Literal"
- start: 142
- end: 161
loc: {...}
start: {...}
- line: 4
- column: 29
}end: {...}
- line: 4
- column: 48
}
}- value: "svelte/transition"
- raw: "'svelte/transition'"
}
} ImportDeclaration {...}
- type: "ImportDeclaration"
- start: 164
- end: 207
loc: {...}
start: {...}
- line: 5
- column: 1
}end: {...}
- line: 5
- column: 44
}
}specifiers: [...] (1)
ImportSpecifier {...}
- type: "ImportSpecifier"
- start: 173
- end: 183
loc: {...}
start: {...}
- line: 5
- column: 10
}end: {...}
- line: 5
- column: 20
}
}imported: Identifier {...}
- type: "Identifier"
- start: 173
- end: 183
loc: {...}
start: {...}
- line: 5
- column: 10
}end: {...}
- line: 5
- column: 20
}
}- name: "elasticOut"
}local: Identifier {...}
- type: "Identifier"
- start: 173
- end: 183
loc: {...}
start: {...}
- line: 5
- column: 10
}end: {...}
- line: 5
- column: 20
}
}- name: "elasticOut"
}
}
]source: Literal {...}
- type: "Literal"
- start: 191
- end: 206
loc: {...}
start: {...}
- line: 5
- column: 28
}end: {...}
- line: 5
- column: 43
}
}- value: "svelte/easing"
- raw: "'svelte/easing'"
}
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 210
- end: 259
loc: {...}
start: {...}
- line: 7
- column: 1
}end: {...}
- line: 7
- column: 50
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 216
- end: 258
loc: {...}
start: {...}
- line: 7
- column: 7
}end: {...}
- line: 7
- column: 49
}
}id: Identifier {...}
- type: "Identifier"
- start: 216
- end: 221
loc: {...}
start: {...}
- line: 7
- column: 7
}end: {...}
- line: 7
- column: 12
}
}- name: "large"
}init: NewExpression {...}
- type: "NewExpression"
- start: 224
- end: 258
loc: {...}
start: {...}
- line: 7
- column: 15
}end: {...}
- line: 7
- column: 49
}
}callee: Identifier {...}
- type: "Identifier"
- start: 228
- end: 238
loc: {...}
start: {...}
- line: 7
- column: 19
}end: {...}
- line: 7
- column: 29
}
}- name: "MediaQuery"
}arguments: [...] (1)
Literal {...}
- type: "Literal"
- start: 239
- end: 257
loc: {...}
start: {...}
- line: 7
- column: 30
}end: {...}
- line: 7
- column: 48
}
}- value: "min-width: 640px"
- raw: "'min-width: 640px'"
}
]
}
}
]- kind: "const"
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 262
- end: 372
loc: {...}
start: {...}
- line: 9
- column: 1
}end: {...}
- line: 11
- column: 3
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 268
- end: 371
loc: {...}
start: {...}
- line: 9
- column: 7
}end: {...}
- line: 11
- column: 2
}
}id: Identifier {...}
- type: "Identifier"
- start: 268
- end: 273
loc: {...}
start: {...}
- line: 9
- column: 7
}end: {...}
- line: 9
- column: 12
}
}- name: "intro"
}init: CallExpression {...}
- type: "CallExpression"
- start: 276
- end: 371
loc: {...}
start: {...}
- line: 9
- column: 15
}end: {...}
- line: 11
- column: 2
}
}callee: Identifier {...}
- type: "Identifier"
- start: 276
- end: 284
loc: {...}
start: {...}
- line: 9
- column: 15
}end: {...}
- line: 9
- column: 23
}
}- name: "$derived"
}arguments: [...] (1)
ConditionalExpression {...}
- type: "ConditionalExpression"
- start: 288
- end: 368
loc: {...}
start: {...}
- line: 10
- column: 2
}end: {...}
- line: 10
- column: 82
}
}test: MemberExpression {...}
- type: "MemberExpression"
- start: 288
- end: 316
loc: {...}
start: {...}
- line: 10
- column: 2
}end: {...}
- line: 10
- column: 30
}
}object: Identifier {...}
- type: "Identifier"
- start: 288
- end: 308
loc: {...}
start: {...}
- line: 10
- column: 2
}end: {...}
- line: 10
- column: 22
}
}- name: "prefersReducedMotion"
}property: Identifier {...}
- type: "Identifier"
- start: 309
- end: 316
loc: {...}
start: {...}
- line: 10
- column: 23
}end: {...}
- line: 10
- column: 30
}
}- name: "current"
}- computed: false
- optional: false
}consequent: ObjectExpression {...}
- type: "ObjectExpression"
- start: 319
- end: 331
loc: {...}
start: {...}
- line: 10
- column: 33
}end: {...}
- line: 10
- column: 45
}
}properties: [...] (1)
Property {...}
- type: "Property"
- start: 321
- end: 329
loc: {...}
start: {...}
- line: 10
- column: 35
}end: {...}
- line: 10
- column: 43
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 321
- end: 326
loc: {...}
start: {...}
- line: 10
- column: 35
}end: {...}
- line: 10
- column: 40
}
}- name: "start"
}value: Literal {...}
- type: "Literal"
- start: 328
- end: 329
loc: {...}
start: {...}
- line: 10
- column: 42
}end: {...}
- line: 10
- column: 43
}
}- value: 1
- raw: "1"
}- kind: "init"
}
]
}alternate: ObjectExpression {...}
- type: "ObjectExpression"
- start: 334
- end: 368
loc: {...}
start: {...}
- line: 10
- column: 48
}end: {...}
- line: 10
- column: 82
}
}properties: [...] (2)
Property {...}
- type: "Property"
- start: 336
- end: 346
loc: {...}
start: {...}
- line: 10
- column: 50
}end: {...}
- line: 10
- column: 60
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 336
- end: 341
loc: {...}
start: {...}
- line: 10
- column: 50
}end: {...}
- line: 10
- column: 55
}
}- name: "start"
}value: Literal {...}
- type: "Literal"
- start: 343
- end: 346
loc: {...}
start: {...}
- line: 10
- column: 57
}end: {...}
- line: 10
- column: 60
}
}- value: 0.3
- raw: "0.3"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 348
- end: 366
loc: {...}
start: {...}
- line: 10
- column: 62
}end: {...}
- line: 10
- column: 80
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 348
- end: 354
loc: {...}
start: {...}
- line: 10
- column: 62
}end: {...}
- line: 10
- column: 68
}
}- name: "easing"
}value: Identifier {...}
- type: "Identifier"
- start: 356
- end: 366
loc: {...}
start: {...}
- line: 10
- column: 70
}end: {...}
- line: 10
- column: 80
}
}- name: "elasticOut"
}- kind: "init"
}
]
}
}
]- optional: false
}
}
]- kind: "const"
}
]- sourceType: "module"
}- attributes: []
}
}
The AST is not public API and may change at any point in time