Create new
Bindings
Transitions
Animations
Easing
Component composition
Context API
Special elements
Module context
Debugging
Miscellaneous
App.svelte
images.js
runes
This component is in runes mode.
To disable runes mode, add the following to the top of your component:
<svelte:options runes={false} />
999
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
35
36
›
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
<script>
import { crossfade, scale } from 'svelte/transition';
import images from './images.js';
const [send, receive] = crossfade({
duration: 200,
fallback: scale
});
let selected = $state.raw(null);
let loading = $state.raw(null);
const ASSETS = `https://sveltejs.github.io/assets/crossfade`;
const load = (image) => {
const timeout = setTimeout(() => (loading = image), 100);
const img = new Image();
img.onload = () => {
selected = image;
clearTimeout(timeout);
loading = null;
};
img.src = `${ASSETS}/${image.id}.jpg`;
};
</script>
<div class="container">
<div class="phone">
<h1>Photo gallery</h1>
<div class="grid">
{#each images as image}
<div class="square">
Error compiling component
WebAssembly.instantiateStreaming(): value type opcode @+13
999
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
35
36
›
⌄
⌄
⌄
import 'svelte/internal/disclose-version';
import * as $ from 'svelte/internal/client';
import { crossfade, scale } from 'svelte/transition';
import images from './images.js';
var on_click = (_, load, image) => load($.get(image));
var root_2 = $.template(`<button class="svelte-not8au"> </button>`);
var root_1 = $.template(`<div class="square"><!></div>`);
var on_click_1 = (__1, selected) => $.set(selected, null);
var root_4 = $.template(`<div class="photo svelte-not8au"><img class="svelte-not8au"> <p class="credit svelte-not8au"><a target="_blank" rel="noreferrer" class="svelte-not8au">via Flickr</a> – <a target="_blank" rel="noreferrer" class="svelte-not8au"> </a></p></div>`);
var root = $.template(`<div class="container svelte-not8au"><div class="phone svelte-not8au"><h1 class="svelte-not8au">Photo gallery</h1> <div class="grid svelte-not8au"></div> <!></div></div>`);
export default function App($$anchor, $$props) {
$.push($$props, true);
const [send, receive] = crossfade({ duration: 200, fallback: scale });
let selected = $.state(null);
let loading = $.state(null);
const ASSETS = `https://sveltejs.github.io/assets/crossfade`;
const load = (image) => {
const timeout = setTimeout(() => $.set(loading, image), 100);
const img = new Image();
img.onload = () => {
$.set(selected, image);
clearTimeout(timeout);
$.set(loading, null);
};
img.src = `${ASSETS}/${image.id}.jpg`;
};
var div = root();
var div_1 = $.child(div);
var div_2 = $.sibling($.child(div_1), 2);
result = svelte.compile(source, {
generate: ,
});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
35
36
›
.container.svelte-not8au {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.phone.svelte-not8au {
position: relative;
display: flex;
flex-direction: column;
width: 52vmin;
height: 76vmin;
border: 2vmin solid #ccc;
border-bottom-width: 10vmin;
padding: 3vmin;
border-radius: 2vmin;
}
h1.svelte-not8au {
font-weight: 300;
text-transform: uppercase;
font-size: 5vmin;
margin: 0.2em 0 0.5em 0;
}
.grid.svelte-not8au {
display: grid;
flex: 1;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(4, 1fr);
Root {
css: StyleSheet {...}
- type: "StyleSheet"
- start: 1645
- end: 2943
- attributes: []
children: [...] (10)
Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 1654
- end: 1664
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1654
- end: 1664
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "container"
- start: 1654
- end: 1664
}
]- start: 1654
- end: 1664
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 1665
- end: 1810
children: [...] (8)
Declaration {...}
- type: "Declaration"
- start: 1669
- end: 1687
- property: "position"
- value: "absolute"
} Declaration {...}
- type: "Declaration"
- start: 1691
- end: 1704
- property: "display"
- value: "flex"
} Declaration {...}
- type: "Declaration"
- start: 1708
- end: 1727
- property: "align-items"
- value: "center"
} Declaration {...}
- type: "Declaration"
- start: 1731
- end: 1754
- property: "justify-content"
- value: "center"
} Declaration {...}
- type: "Declaration"
- start: 1758
- end: 1769
- property: "width"
- value: "100%"
} Declaration {...}
- type: "Declaration"
- start: 1773
- end: 1785
- property: "height"
- value: "100%"
} Declaration {...}
- type: "Declaration"
- start: 1789
- end: 1795
- property: "top"
- value: "0"
} Declaration {...}
- type: "Declaration"
- start: 1799
- end: 1806
- property: "left"
- value: "0"
}
]
}- start: 1654
- end: 1810
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 1813
- end: 1819
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1813
- end: 1819
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "phone"
- start: 1813
- end: 1819
}
]- start: 1813
- end: 1819
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 1820
- end: 2025
children: [...] (9)
Declaration {...}
- type: "Declaration"
- start: 1824
- end: 1842
- property: "position"
- value: "relative"
} Declaration {...}
- type: "Declaration"
- start: 1846
- end: 1859
- property: "display"
- value: "flex"
} Declaration {...}
- type: "Declaration"
- start: 1863
- end: 1885
- property: "flex-direction"
- value: "column"
} Declaration {...}
- type: "Declaration"
- start: 1889
- end: 1902
- property: "width"
- value: "52vmin"
} Declaration {...}
- type: "Declaration"
- start: 1906
- end: 1920
- property: "height"
- value: "76vmin"
} Declaration {...}
- type: "Declaration"
- start: 1924
- end: 1948
- property: "border"
- value: "2vmin solid #ccc"
} Declaration {...}
- type: "Declaration"
- start: 1952
- end: 1979
- property: "border-bottom-width"
- value: "10vmin"
} Declaration {...}
- type: "Declaration"
- start: 1983
- end: 1997
- property: "padding"
- value: "3vmin"
} Declaration {...}
- type: "Declaration"
- start: 2001
- end: 2021
- property: "border-radius"
- value: "2vmin"
}
]
}- start: 1813
- end: 2025
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2028
- end: 2030
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2028
- end: 2030
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "h1"
- start: 2028
- end: 2030
}
]- start: 2028
- end: 2030
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2031
- end: 2131
children: [...] (4)
Declaration {...}
- type: "Declaration"
- start: 2035
- end: 2051
- property: "font-weight"
- value: "300"
} Declaration {...}
- type: "Declaration"
- start: 2055
- end: 2080
- property: "text-transform"
- value: "uppercase"
} Declaration {...}
- type: "Declaration"
- start: 2084
- end: 2100
- property: "font-size"
- value: "5vmin"
} Declaration {...}
- type: "Declaration"
- start: 2104
- end: 2127
- property: "margin"
- value: "0.2em 0 0.5em 0"
}
]
}- start: 2028
- end: 2131
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2134
- end: 2139
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2134
- end: 2139
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "grid"
- start: 2134
- end: 2139
}
]- start: 2134
- end: 2139
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2140
- end: 2270
children: [...] (5)
Declaration {...}
- type: "Declaration"
- start: 2144
- end: 2157
- property: "display"
- value: "grid"
} Declaration {...}
- type: "Declaration"
- start: 2161
- end: 2168
- property: "flex"
- value: "1"
} Declaration {...}
- type: "Declaration"
- start: 2172
- end: 2209
- property: "grid-template-columns"
- value: "repeat(3, 1fr)"
} Declaration {...}
- type: "Declaration"
- start: 2213
- end: 2247
- property: "grid-template-rows"
- value: "repeat(4, 1fr)"
} Declaration {...}
- type: "Declaration"
- start: 2251
- end: 2266
- property: "grid-gap"
- value: "2vmin"
}
]
}- start: 2134
- end: 2270
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2273
- end: 2279
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2273
- end: 2279
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "button"
- start: 2273
- end: 2279
}
]- start: 2273
- end: 2279
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2280
- end: 2406
children: [...] (7)
Declaration {...}
- type: "Declaration"
- start: 2284
- end: 2295
- property: "width"
- value: "100%"
} Declaration {...}
- type: "Declaration"
- start: 2299
- end: 2311
- property: "height"
- value: "100%"
} Declaration {...}
- type: "Declaration"
- start: 2315
- end: 2327
- property: "color"
- value: "white"
} Declaration {...}
- type: "Declaration"
- start: 2331
- end: 2347
- property: "font-size"
- value: "5vmin"
} Declaration {...}
- type: "Declaration"
- start: 2351
- end: 2363
- property: "border"
- value: "none"
} Declaration {...}
- type: "Declaration"
- start: 2367
- end: 2376
- property: "margin"
- value: "0"
} Declaration {...}
- type: "Declaration"
- start: 2380
- end: 2402
- property: "will-change"
- value: "transform"
}
]
}- start: 2273
- end: 2406
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2409
- end: 2421
children: [...] (2)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2409
- end: 2415
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "photo"
- start: 2409
- end: 2415
}
]- start: 2409
- end: 2415
}
]
} ComplexSelector {...}
- type: "ComplexSelector"
- start: 2418
- end: 2421
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "img"
- start: 2418
- end: 2421
}
]- start: 2418
- end: 2421
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2422
- end: 2520
children: [...] (6)
Declaration {...}
- type: "Declaration"
- start: 2426
- end: 2444
- property: "position"
- value: "absolute"
} Declaration {...}
- type: "Declaration"
- start: 2448
- end: 2454
- property: "top"
- value: "0"
} Declaration {...}
- type: "Declaration"
- start: 2458
- end: 2465
- property: "left"
- value: "0"
} Declaration {...}
- type: "Declaration"
- start: 2469
- end: 2480
- property: "width"
- value: "100%"
} Declaration {...}
- type: "Declaration"
- start: 2484
- end: 2496
- property: "height"
- value: "100%"
} Declaration {...}
- type: "Declaration"
- start: 2500
- end: 2516
- property: "overflow"
- value: "hidden"
}
]
}- start: 2409
- end: 2520
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2523
- end: 2529
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2523
- end: 2529
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "photo"
- start: 2523
- end: 2529
}
]- start: 2523
- end: 2529
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2530
- end: 2656
children: [...] (5)
Declaration {...}
- type: "Declaration"
- start: 2534
- end: 2547
- property: "display"
- value: "flex"
} Declaration {...}
- type: "Declaration"
- start: 2551
- end: 2571
- property: "align-items"
- value: "stretch"
} Declaration {...}
- type: "Declaration"
- start: 2575
- end: 2600
- property: "justify-content"
- value: "flex-end"
} Declaration {...}
- type: "Declaration"
- start: 2604
- end: 2626
- property: "flex-direction"
- value: "column"
} Declaration {...}
- type: "Declaration"
- start: 2630
- end: 2652
- property: "will-change"
- value: "transform"
}
]
}- start: 2523
- end: 2656
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2659
- end: 2662
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2659
- end: 2662
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "img"
- start: 2659
- end: 2662
}
]- start: 2659
- end: 2662
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2663
- end: 2707
children: [...] (2)
Declaration {...}
- type: "Declaration"
- start: 2667
- end: 2684
- property: "object-fit"
- value: "cover"
} Declaration {...}
- type: "Declaration"
- start: 2688
- end: 2703
- property: "cursor"
- value: "pointer"
}
]
}- start: 2659
- end: 2707
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2710
- end: 2717
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2710
- end: 2717
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "credit"
- start: 2710
- end: 2717
}
]- start: 2710
- end: 2717
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2718
- end: 2881
children: [...] (8)
Declaration {...}
- type: "Declaration"
- start: 2722
- end: 2739
- property: "text-align"
- value: "right"
} Declaration {...}
- type: "Declaration"
- start: 2743
- end: 2761
- property: "font-size"
- value: "2.5vmin"
} Declaration {...}
- type: "Declaration"
- start: 2765
- end: 2777
- property: "padding"
- value: "1em"
} Declaration {...}
- type: "Declaration"
- start: 2781
- end: 2790
- property: "margin"
- value: "0"
} Declaration {...}
- type: "Declaration"
- start: 2794
- end: 2806
- property: "color"
- value: "white"
} Declaration {...}
- type: "Declaration"
- start: 2810
- end: 2827
- property: "font-weight"
- value: "bold"
} Declaration {...}
- type: "Declaration"
- start: 2831
- end: 2843
- property: "opacity"
- value: "0.6"
} Declaration {...}
- type: "Declaration"
- start: 2847
- end: 2877
- property: "background"
- value: "rgba(0, 0, 0, 0.4)"
}
]
}- start: 2710
- end: 2881
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2884
- end: 2913
children: [...] (2)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2884
- end: 2893
children: [...] (2)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "credit"
- start: 2884
- end: 2891
}
]- start: 2884
- end: 2891
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: " "
- start: 2891
- end: 2892
}selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "a"
- start: 2892
- end: 2893
}
]- start: 2891
- end: 2893
}
]
} ComplexSelector {...}
- type: "ComplexSelector"
- start: 2896
- end: 2913
children: [...] (2)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "credit"
- start: 2896
- end: 2903
}
]- start: 2896
- end: 2903
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: " "
- start: 2903
- end: 2904
}selectors: [...] (2)
TypeSelector {...}
- type: "TypeSelector"
- name: "a"
- start: 2904
- end: 2905
} PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "visited"
- args: null
- start: 2905
- end: 2913
}
]- start: 2903
- end: 2913
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2914
- end: 2934
children: [...] (1)
Declaration {...}
- type: "Declaration"
- start: 2918
- end: 2930
- property: "color"
- value: "white"
}
]
}- start: 2884
- end: 2934
}
]content: {...}
- start: 1652
- end: 2935
- styles: "\n\t.container {\n\t\tposition: absolute;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\ttop: 0;\n\t\tleft: 0;\n\t}\n\n\t.phone {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\twidth: 52vmin;\n\t\theight: 76vmin;\n\t\tborder: 2vmin solid #ccc;\n\t\tborder-bottom-width: 10vmin;\n\t\tpadding: 3vmin;\n\t\tborder-radius: 2vmin;\n\t}\n\n\th1 {\n\t\tfont-weight: 300;\n\t\ttext-transform: uppercase;\n\t\tfont-size: 5vmin;\n\t\tmargin: 0.2em 0 0.5em 0;\n\t}\n\n\t.grid {\n\t\tdisplay: grid;\n\t\tflex: 1;\n\t\tgrid-template-columns: repeat(3, 1fr);\n\t\tgrid-template-rows: repeat(4, 1fr);\n\t\tgrid-gap: 2vmin;\n\t}\n\n\tbutton {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tcolor: white;\n\t\tfont-size: 5vmin;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\twill-change: transform;\n\t}\n\n\t.photo,\n\timg {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\toverflow: hidden;\n\t}\n\n\t.photo {\n\t\tdisplay: flex;\n\t\talign-items: stretch;\n\t\tjustify-content: flex-end;\n\t\tflex-direction: column;\n\t\twill-change: transform;\n\t}\n\n\timg {\n\t\tobject-fit: cover;\n\t\tcursor: pointer;\n\t}\n\n\t.credit {\n\t\ttext-align: right;\n\t\tfont-size: 2.5vmin;\n\t\tpadding: 1em;\n\t\tmargin: 0;\n\t\tcolor: white;\n\t\tfont-weight: bold;\n\t\topacity: 0.6;\n\t\tbackground: rgba(0, 0, 0, 0.4);\n\t}\n\n\t.credit a,\n\t.credit a:visited {\n\t\tcolor: white;\n\t}\n"
- comment: null
}
}- js: []
- start: 577
- end: 1643
- type: "Root"
fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 575
- end: 577
- raw: "\n\n"
- data: "\n\n"
} RegularElement {...}
- type: "RegularElement"
- start: 577
- end: 1643
- name: "div"
attributes: [...] (1)
Attribute {...}
- type: "Attribute"
- start: 582
- end: 599
- name: "class"
value: [...] (1)
Text {...}
- start: 589
- end: 598
- type: "Text"
- raw: "container"
- data: "container svelte-not8au"
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 600
- end: 602
- raw: "\n\t"
- data: "\n\t"
} RegularElement {...}
- type: "RegularElement"
- start: 602
- end: 1636
- name: "div"
attributes: [...] (1)
Attribute {...}
- type: "Attribute"
- start: 607
- end: 620
- name: "class"
value: [...] (1)
Text {...}
- start: 614
- end: 619
- type: "Text"
- raw: "phone"
- data: "phone svelte-not8au"
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (7)
Text {...}
- type: "Text"
- start: 621
- end: 624
- raw: "\n\t\t"
- data: "\n\t\t"
} RegularElement {...}
- type: "RegularElement"
- start: 624
- end: 646
- name: "h1"
attributes: [...] (1)
Attribute {...}
- type: "Attribute"
- start: -1
- end: -1
- name: "class"
value: [...] (1)
Text {...}
- type: "Text"
- data: "svelte-not8au"
- raw: "svelte-not8au"
- start: -1
- end: -1
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (1)
Text {...}
- type: "Text"
- start: 628
- end: 641
- raw: "Photo gallery"
- data: "Photo gallery"
}
]
}
} Text {...}
- type: "Text"
- start: 646
- end: 650
- raw: " "
- data: " "
} RegularElement {...}
- type: "RegularElement"
- start: 650
- end: 1018
- name: "div"
attributes: [...] (1)
Attribute {...}
- type: "Attribute"
- start: 655
- end: 667
- name: "class"
value: [...] (1)
Text {...}
- start: 662
- end: 666
- type: "Text"
- raw: "grid"
- data: "grid svelte-not8au"
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 668
- end: 672
- raw: "\n\t\t\t"
- data: "\n\t\t\t"
} EachBlock {...}
- type: "EachBlock"
- start: 672
- end: 1009
expression: Identifier {...}
- type: "Identifier"
- start: 679
- end: 685
loc: {...}
start: {...}
- line: 35
- column: 10
}end: {...}
- line: 35
- column: 16
}
}- name: "images"
}body: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 695
- end: 700
- raw: "\n\t\t\t\t"
- data: "\n\t\t\t\t"
} RegularElement {...}
- type: "RegularElement"
- start: 700
- end: 998
- name: "div"
attributes: [...] (1)
Attribute {...}
- type: "Attribute"
- start: 705
- end: 719
- name: "class"
value: [...] (1)
Text {...}
- start: 712
- end: 718
- type: "Text"
- raw: "square"
- data: "square"
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 720
- end: 726
- raw: "\n\t\t\t\t\t"
- data: "\n\t\t\t\t\t"
} IfBlock {...}
- type: "IfBlock"
- elseif: false
- start: 726
- end: 987
test: BinaryExpression {...}
- type: "BinaryExpression"
- start: 731
- end: 749
loc: {...}
start: {...}
- line: 37
- column: 10
}end: {...}
- line: 37
- column: 28
}
}left: Identifier {...}
- type: "Identifier"
- start: 731
- end: 739
loc: {...}
start: {...}
- line: 37
- column: 10
}end: {...}
- line: 37
- column: 18
}
}- name: "selected"
}- operator: "!=="
right: Identifier {...}
- type: "Identifier"
- start: 744
- end: 749
loc: {...}
start: {...}
- line: 37
- column: 23
}end: {...}
- line: 37
- column: 28
}
}- name: "image"
}
}consequent: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 750
- end: 757
- raw: "\n\t\t\t\t\t\t"
- data: "\n\t\t\t\t\t\t"
} RegularElement {...}
- type: "RegularElement"
- start: 757
- end: 976
- name: "button"
attributes: [...] (5)
Attribute {...}
- type: "Attribute"
- start: 772
- end: 812
- name: "style"
value: [...] (3)
Text {...}
- start: 779
- end: 797
- type: "Text"
- raw: "background-color: "
- data: "background-color: "
} ExpressionTag {...}
- type: "ExpressionTag"
- start: 797
- end: 810
expression: MemberExpression {...}
- type: "MemberExpression"
- start: 798
- end: 809
loc: {...}
start: {...}
- line: 39
- column: 33
}end: {...}
- line: 39
- column: 44
}
}object: Identifier {...}
- type: "Identifier"
- start: 798
- end: 803
loc: {...}
start: {...}
- line: 39
- column: 33
}end: {...}
- line: 39
- column: 38
}
}- name: "image"
}property: Identifier {...}
- type: "Identifier"
- start: 804
- end: 809
loc: {...}
start: {...}
- line: 39
- column: 39
}end: {...}
- line: 39
- column: 44
}
}- name: "color"
}- computed: false
- optional: false
}
} Text {...}
- start: 810
- end: 811
- type: "Text"
- raw: ";"
- data: ";"
}
]
} Attribute {...}
- type: "Attribute"
- start: 820
- end: 847
- name: "onclick"
value: ExpressionTag {...}
- type: "ExpressionTag"
- start: 828
- end: 847
expression: ArrowFunctionExpression {...}
- type: "ArrowFunctionExpression"
- start: 829
- end: 846
loc: {...}
start: {...}
- line: 40
- column: 16
}end: {...}
- line: 40
- column: 33
}
}- id: null
- expression: true
- generator: false
- async: false
- params: []
body: CallExpression {...}
- type: "CallExpression"
- start: 835
- end: 846
loc: {...}
start: {...}
- line: 40
- column: 22
}end: {...}
- line: 40
- column: 33
}
}callee: Identifier {...}
- type: "Identifier"
- start: 835
- end: 839
loc: {...}
start: {...}
- line: 40
- column: 22
}end: {...}
- line: 40
- column: 26
}
}- name: "load"
}arguments: [...] (1)
Identifier {...}
- type: "Identifier"
- start: 840
- end: 845
loc: {...}
start: {...}
- line: 40
- column: 27
}end: {...}
- line: 40
- column: 32
}
}- name: "image"
}
]- optional: false
}
}
}
} TransitionDirective {...}
- start: 855
- end: 885
- type: "TransitionDirective"
- name: "receive"
expression: ObjectExpression {...}
- type: "ObjectExpression"
- start: 867
- end: 884
loc: {...}
start: {...}
- line: 41
- column: 19
}end: {...}
- line: 41
- column: 36
}
}properties: [...] (1)
Property {...}
- type: "Property"
- start: 869
- end: 882
loc: {...}
start: {...}
- line: 41
- column: 21
}end: {...}
- line: 41
- column: 34
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 869
- end: 872
loc: {...}
start: {...}
- line: 41
- column: 21
}end: {...}
- line: 41
- column: 24
}
}- name: "key"
}value: MemberExpression {...}
- type: "MemberExpression"
- start: 874
- end: 882
loc: {...}
start: {...}
- line: 41
- column: 26
}end: {...}
- line: 41
- column: 34
}
}object: Identifier {...}
- type: "Identifier"
- start: 874
- end: 879
loc: {...}
start: {...}
- line: 41
- column: 26
}end: {...}
- line: 41
- column: 31
}
}- name: "image"
}property: Identifier {...}
- type: "Identifier"
- start: 880
- end: 882
loc: {...}
start: {...}
- line: 41
- column: 32
}end: {...}
- line: 41
- column: 34
}
}- name: "id"
}- computed: false
- optional: false
}- kind: "init"
}
]
}- modifiers: []
- intro: true
- outro: false
} TransitionDirective {...}
- start: 893
- end: 921
- type: "TransitionDirective"
- name: "send"
expression: ObjectExpression {...}
- type: "ObjectExpression"
- start: 903
- end: 920
loc: {...}
start: {...}
- line: 42
- column: 17
}end: {...}
- line: 42
- column: 34
}
}properties: [...] (1)
Property {...}
- type: "Property"
- start: 905
- end: 918
loc: {...}
start: {...}
- line: 42
- column: 19
}end: {...}
- line: 42
- column: 32
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 905
- end: 908
loc: {...}
start: {...}
- line: 42
- column: 19
}end: {...}
- line: 42
- column: 22
}
}- name: "key"
}value: MemberExpression {...}
- type: "MemberExpression"
- start: 910
- end: 918
loc: {...}
start: {...}
- line: 42
- column: 24
}end: {...}
- line: 42
- column: 32
}
}object: Identifier {...}
- type: "Identifier"
- start: 910
- end: 915
loc: {...}
start: {...}
- line: 42
- column: 24
}end: {...}
- line: 42
- column: 29
}
}- name: "image"
}property: Identifier {...}
- type: "Identifier"
- start: 916
- end: 918
loc: {...}
start: {...}
- line: 42
- column: 30
}end: {...}
- line: 42
- column: 32
}
}- name: "id"
}- computed: false
- optional: false
}- kind: "init"
}
]
}- modifiers: []
- intro: false
- outro: true
} Attribute {...}
- type: "Attribute"
- start: -1
- end: -1
- name: "class"
value: [...] (1)
Text {...}
- type: "Text"
- data: "svelte-not8au"
- raw: "svelte-not8au"
- start: -1
- end: -1
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (1)
ExpressionTag {...}
- type: "ExpressionTag"
- start: 922
- end: 960
expression: ConditionalExpression {...}
- type: "ConditionalExpression"
- start: 923
- end: 959
loc: {...}
start: {...}
- line: 42
- column: 37
}end: {...}
- line: 42
- column: 73
}
}test: BinaryExpression {...}
- type: "BinaryExpression"
- start: 923
- end: 940
loc: {...}
start: {...}
- line: 42
- column: 37
}end: {...}
- line: 42
- column: 54
}
}left: Identifier {...}
- type: "Identifier"
- start: 923
- end: 930
loc: {...}
start: {...}
- line: 42
- column: 37
}end: {...}
- line: 42
- column: 44
}
}- name: "loading"
}- operator: "==="
right: Identifier {...}
- type: "Identifier"
- start: 935
- end: 940
loc: {...}
start: {...}
- line: 42
- column: 49
}end: {...}
- line: 42
- column: 54
}
}- name: "image"
}
}consequent: Literal {...}
- type: "Literal"
- start: 943
- end: 948
loc: {...}
start: {...}
- line: 42
- column: 57
}end: {...}
- line: 42
- column: 62
}
}- value: "..."
- raw: "'...'"
}alternate: MemberExpression {...}
- type: "MemberExpression"
- start: 951
- end: 959
loc: {...}
start: {...}
- line: 42
- column: 65
}end: {...}
- line: 42
- column: 73
}
}object: Identifier {...}
- type: "Identifier"
- start: 951
- end: 956
loc: {...}
start: {...}
- line: 42
- column: 65
}end: {...}
- line: 42
- column: 70
}
}- name: "image"
}property: Identifier {...}
- type: "Identifier"
- start: 957
- end: 959
loc: {...}
start: {...}
- line: 42
- column: 71
}end: {...}
- line: 42
- column: 73
}
}- name: "id"
}- computed: false
- optional: false
}
}
}
]
}
} Text {...}
- type: "Text"
- start: 976
- end: 982
- raw: "\n\t\t\t\t\t"
- data: "\n\t\t\t\t\t"
}
]
}- alternate: null
} Text {...}
- type: "Text"
- start: 987
- end: 992
- raw: "\n\t\t\t\t"
- data: "\n\t\t\t\t"
}
]
}
} Text {...}
- type: "Text"
- start: 998
- end: 1002
- raw: "\n\t\t\t"
- data: "\n\t\t\t"
}
]
}context: Identifier {...}
- type: "Identifier"
- name: "image"
- start: 689
loc: {...}
start: {...}
- line: 35
- column: 20
- character: 689
}end: {...}
- line: 35
- column: 25
- character: 694
}
}- end: 694
- typeAnnotation: undefined
}- index: undefined
- key: undefined
} Text {...}
- type: "Text"
- start: 1009
- end: 1012
- raw: "\n\t\t"
- data: "\n\t\t"
}
]
}
} Text {...}
- type: "Text"
- start: 1018
- end: 1022
- raw: " "
- data: " "
} IfBlock {...}
- type: "IfBlock"
- elseif: false
- start: 1022
- end: 1628
test: Identifier {...}
- type: "Identifier"
- start: 1027
- end: 1035
loc: {...}
start: {...}
- line: 49
- column: 7
}end: {...}
- line: 49
- column: 15
}
}- name: "selected"
}consequent: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 1036
- end: 1040
- raw: "\n\t\t\t"
- data: "\n\t\t\t"
} AwaitBlock {...}
- type: "AwaitBlock"
- start: 1040
- end: 1620
expression: Identifier {...}
- type: "Identifier"
- start: 1048
- end: 1056
loc: {...}
start: {...}
- line: 50
- column: 11
}end: {...}
- line: 50
- column: 19
}
}- name: "selected"
}value: Identifier {...}
- type: "Identifier"
- name: "d"
- start: 1062
loc: {...}
start: {...}
- line: 50
- column: 25
- character: 1062
}end: {...}
- line: 50
- column: 26
- character: 1063
}
}- end: 1063
- typeAnnotation: undefined
}- error: null
- pending: null
then: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 1064
- end: 1069
- raw: "\n\t\t\t\t"
- data: "\n\t\t\t\t"
} RegularElement {...}
- type: "RegularElement"
- start: 1069
- end: 1608
- name: "div"
attributes: [...] (3)
Attribute {...}
- type: "Attribute"
- start: 1074
- end: 1087
- name: "class"
value: [...] (1)
Text {...}
- start: 1081
- end: 1086
- type: "Text"
- raw: "photo"
- data: "photo svelte-not8au"
}
]
} TransitionDirective {...}
- start: 1088
- end: 1121
- type: "TransitionDirective"
- name: "receive"
expression: ObjectExpression {...}
- type: "ObjectExpression"
- start: 1107
- end: 1120
loc: {...}
start: {...}
- line: 51
- column: 42
}end: {...}
- line: 51
- column: 55
}
}properties: [...] (1)
Property {...}
- type: "Property"
- start: 1109
- end: 1118
loc: {...}
start: {...}
- line: 51
- column: 44
}end: {...}
- line: 51
- column: 53
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 1109
- end: 1112
loc: {...}
start: {...}
- line: 51
- column: 44
}end: {...}
- line: 51
- column: 47
}
}- name: "key"
}value: MemberExpression {...}
- type: "MemberExpression"
- start: 1114
- end: 1118
loc: {...}
start: {...}
- line: 51
- column: 49
}end: {...}
- line: 51
- column: 53
}
}object: Identifier {...}
- type: "Identifier"
- start: 1114
- end: 1115
loc: {...}
start: {...}
- line: 51
- column: 49
}end: {...}
- line: 51
- column: 50
}
}- name: "d"
}property: Identifier {...}
- type: "Identifier"
- start: 1116
- end: 1118
loc: {...}
start: {...}
- line: 51
- column: 51
}end: {...}
- line: 51
- column: 53
}
}- name: "id"
}- computed: false
- optional: false
}- kind: "init"
}
]
}modifiers: [...] (1)
- "global"
]- intro: true
- outro: false
} TransitionDirective {...}
- start: 1122
- end: 1153
- type: "TransitionDirective"
- name: "send"
expression: ObjectExpression {...}
- type: "ObjectExpression"
- start: 1139
- end: 1152
loc: {...}
start: {...}
- line: 51
- column: 74
}end: {...}
- line: 51
- column: 87
}
}properties: [...] (1)
Property {...}
- type: "Property"
- start: 1141
- end: 1150
loc: {...}
start: {...}
- line: 51
- column: 76
}end: {...}
- line: 51
- column: 85
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 1141
- end: 1144
loc: {...}
start: {...}
- line: 51
- column: 76
}end: {...}
- line: 51
- column: 79
}
}- name: "key"
}value: MemberExpression {...}
- type: "MemberExpression"
- start: 1146
- end: 1150
loc: {...}
start: {...}
- line: 51
- column: 81
}end: {...}
- line: 51
- column: 85
}
}object: Identifier {...}
- type: "Identifier"
- start: 1146
- end: 1147
loc: {...}
start: {...}
- line: 51
- column: 81
}end: {...}
- line: 51
- column: 82
}
}- name: "d"
}property: Identifier {...}
- type: "Identifier"
- start: 1148
- end: 1150
loc: {...}
start: {...}
- line: 51
- column: 83
}end: {...}
- line: 51
- column: 85
}
}- name: "id"
}- computed: false
- optional: false
}- kind: "init"
}
]
}modifiers: [...] (1)
- "global"
]- intro: false
- outro: true
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (7)
Text {...}
- type: "Text"
- start: 1154
- end: 1160
- raw: "\n\t\t\t\t\t"
- data: "\n\t\t\t\t\t"
} Comment {...}
- type: "Comment"
- start: 1160
- end: 1261
- data: " svelte-ignore a11y_click_events_have_key_events, a11y_no_noninteractive_element_interactions "
} Text {...}
- type: "Text"
- start: 1261
- end: 1267
- raw: "\n\t\t\t\t\t"
- data: "\n\t\t\t\t\t"
} RegularElement {...}
- type: "RegularElement"
- start: 1267
- end: 1346
- name: "img"
attributes: [...] (4)
Attribute {...}
- type: "Attribute"
- start: 1272
- end: 1283
- name: "alt"
value: ExpressionTag {...}
- type: "ExpressionTag"
- start: 1276
- end: 1283
expression: MemberExpression {...}
- type: "MemberExpression"
- start: 1277
- end: 1282
loc: {...}
start: {...}
- line: 53
- column: 15
}end: {...}
- line: 53
- column: 20
}
}object: Identifier {...}
- type: "Identifier"
- start: 1277
- end: 1278
loc: {...}
start: {...}
- line: 53
- column: 15
}end: {...}
- line: 53
- column: 16
}
}- name: "d"
}property: Identifier {...}
- type: "Identifier"
- start: 1279
- end: 1282
loc: {...}
start: {...}
- line: 53
- column: 17
}end: {...}
- line: 53
- column: 20
}
}- name: "alt"
}- computed: false
- optional: false
}
}
} Attribute {...}
- type: "Attribute"
- start: 1284
- end: 1309
- name: "src"
value: [...] (4)
ExpressionTag {...}
- type: "ExpressionTag"
- start: 1289
- end: 1297
expression: Identifier {...}
- type: "Identifier"
- start: 1290
- end: 1296
loc: {...}
start: {...}
- line: 53
- column: 28
}end: {...}
- line: 53
- column: 34
}
}- name: "ASSETS"
}
} Text {...}
- start: 1297
- end: 1298
- type: "Text"
- raw: "/"
- data: "/"
} ExpressionTag {...}
- type: "ExpressionTag"
- start: 1298
- end: 1304
expression: MemberExpression {...}
- type: "MemberExpression"
- start: 1299
- end: 1303
loc: {...}
start: {...}
- line: 53
- column: 37
}end: {...}
- line: 53
- column: 41
}
}object: Identifier {...}
- type: "Identifier"
- start: 1299
- end: 1300
loc: {...}
start: {...}
- line: 53
- column: 37
}end: {...}
- line: 53
- column: 38
}
}- name: "d"
}property: Identifier {...}
- type: "Identifier"
- start: 1301
- end: 1303
loc: {...}
start: {...}
- line: 53
- column: 39
}end: {...}
- line: 53
- column: 41
}
}- name: "id"
}- computed: false
- optional: false
}
} Text {...}
- start: 1304
- end: 1308
- type: "Text"
- raw: ".jpg"
- data: ".jpg"
}
]
} Attribute {...}
- type: "Attribute"
- start: 1310
- end: 1343
- name: "onclick"
value: ExpressionTag {...}
- type: "ExpressionTag"
- start: 1318
- end: 1343
expression: ArrowFunctionExpression {...}
- type: "ArrowFunctionExpression"
- start: 1319
- end: 1342
loc: {...}
start: {...}
- line: 53
- column: 57
}end: {...}
- line: 53
- column: 80
}
}- id: null
- expression: true
- generator: false
- async: false
- params: []
body: AssignmentExpression {...}
- type: "AssignmentExpression"
- start: 1326
- end: 1341
loc: {...}
start: {...}
- line: 53
- column: 64
}end: {...}
- line: 53
- column: 79
}
}- operator: "="
left: Identifier {...}
- type: "Identifier"
- start: 1326
- end: 1334
loc: {...}
start: {...}
- line: 53
- column: 64
}end: {...}
- line: 53
- column: 72
}
}- name: "selected"
}right: Literal {...}
- type: "Literal"
- start: 1337
- end: 1341
loc: {...}
start: {...}
- line: 53
- column: 75
}end: {...}
- line: 53
- column: 79
}
}- value: null
- raw: "null"
}
}
}
}
} Attribute {...}
- type: "Attribute"
- start: -1
- end: -1
- name: "class"
value: [...] (1)
Text {...}
- type: "Text"
- data: "svelte-not8au"
- raw: "svelte-not8au"
- start: -1
- end: -1
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
- nodes: []
}
} Text {...}
- type: "Text"
- start: 1346
- end: 1353
- raw: " "
- data: " "
} RegularElement {...}
- type: "RegularElement"
- start: 1353
- end: 1597
- name: "p"
attributes: [...] (1)
Attribute {...}
- type: "Attribute"
- start: 1356
- end: 1370
- name: "class"
value: [...] (1)
Text {...}
- start: 1363
- end: 1369
- type: "Text"
- raw: "credit"
- data: "credit svelte-not8au"
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (5)
Text {...}
- type: "Text"
- start: 1371
- end: 1378
- raw: "\n\t\t\t\t\t\t"
- data: "\n\t\t\t\t\t\t"
} RegularElement {...}
- type: "RegularElement"
- start: 1378
- end: 1489
- name: "a"
attributes: [...] (4)
Attribute {...}
- type: "Attribute"
- start: 1381
- end: 1396
- name: "target"
value: [...] (1)
Text {...}
- start: 1389
- end: 1395
- type: "Text"
- raw: "_blank"
- data: "_blank"
}
]
} Attribute {...}
- type: "Attribute"
- start: 1397
- end: 1413
- name: "rel"
value: [...] (1)
Text {...}
- start: 1402
- end: 1412
- type: "Text"
- raw: "noreferrer"
- data: "noreferrer"
}
]
} Attribute {...}
- type: "Attribute"
- start: 1414
- end: 1459
- name: "href"
value: [...] (2)
Text {...}
- start: 1420
- end: 1450
- type: "Text"
- raw: "https://www.flickr.com/photos/"
- data: "https://www.flickr.com/photos/"
} ExpressionTag {...}
- type: "ExpressionTag"
- start: 1450
- end: 1458
expression: MemberExpression {...}
- type: "MemberExpression"
- start: 1451
- end: 1457
loc: {...}
start: {...}
- line: 56
- column: 79
}end: {...}
- line: 56
- column: 85
}
}object: Identifier {...}
- type: "Identifier"
- start: 1451
- end: 1452
loc: {...}
start: {...}
- line: 56
- column: 79
}end: {...}
- line: 56
- column: 80
}
}- name: "d"
}property: Identifier {...}
- type: "Identifier"
- start: 1453
- end: 1457
loc: {...}
start: {...}
- line: 56
- column: 81
}end: {...}
- line: 56
- column: 85
}
}- name: "path"
}- computed: false
- optional: false
}
}
]
} Attribute {...}
- type: "Attribute"
- start: -1
- end: -1
- name: "class"
value: [...] (1)
Text {...}
- type: "Text"
- data: "svelte-not8au"
- raw: "svelte-not8au"
- start: -1
- end: -1
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (1)
Text {...}
- type: "Text"
- start: 1468
- end: 1478
- raw: "via Flickr"
- data: "via Flickr"
}
]
}
} Text {...}
- type: "Text"
- start: 1489
- end: 1510
- raw: " – "
- data: " – "
} RegularElement {...}
- type: "RegularElement"
- start: 1510
- end: 1587
- name: "a"
attributes: [...] (4)
Attribute {...}
- type: "Attribute"
- start: 1513
- end: 1528
- name: "target"
value: [...] (1)
Text {...}
- start: 1521
- end: 1527
- type: "Text"
- raw: "_blank"
- data: "_blank"
}
]
} Attribute {...}
- type: "Attribute"
- start: 1529
- end: 1545
- name: "rel"
value: [...] (1)
Text {...}
- start: 1534
- end: 1544
- type: "Text"
- raw: "noreferrer"
- data: "noreferrer"
}
]
} Attribute {...}
- type: "Attribute"
- start: 1546
- end: 1566
- name: "href"
value: ExpressionTag {...}
- type: "ExpressionTag"
- start: 1551
- end: 1566
expression: MemberExpression {...}
- type: "MemberExpression"
- start: 1552
- end: 1565
loc: {...}
start: {...}
- line: 60
- column: 48
}end: {...}
- line: 60
- column: 61
}
}object: MemberExpression {...}
- type: "MemberExpression"
- start: 1552
- end: 1561
loc: {...}
start: {...}
- line: 60
- column: 48
}end: {...}
- line: 60
- column: 57
}
}object: Identifier {...}
- type: "Identifier"
- start: 1552
- end: 1553
loc: {...}
start: {...}
- line: 60
- column: 48
}end: {...}
- line: 60
- column: 49
}
}- name: "d"
}property: Identifier {...}
- type: "Identifier"
- start: 1554
- end: 1561
loc: {...}
start: {...}
- line: 60
- column: 50
}end: {...}
- line: 60
- column: 57
}
}- name: "license"
}- computed: false
- optional: false
}property: Identifier {...}
- type: "Identifier"
- start: 1562
- end: 1565
loc: {...}
start: {...}
- line: 60
- column: 58
}end: {...}
- line: 60
- column: 61
}
}- name: "url"
}- computed: false
- optional: false
}
}
} Attribute {...}
- type: "Attribute"
- start: -1
- end: -1
- name: "class"
value: [...] (1)
Text {...}
- type: "Text"
- data: "svelte-not8au"
- raw: "svelte-not8au"
- start: -1
- end: -1
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (1)
ExpressionTag {...}
- type: "ExpressionTag"
- start: 1567
- end: 1583
expression: MemberExpression {...}
- type: "MemberExpression"
- start: 1568
- end: 1582
loc: {...}
start: {...}
- line: 60
- column: 64
}end: {...}
- line: 60
- column: 78
}
}object: MemberExpression {...}
- type: "MemberExpression"
- start: 1568
- end: 1577
loc: {...}
start: {...}
- line: 60
- column: 64
}end: {...}
- line: 60
- column: 73
}
}object: Identifier {...}
- type: "Identifier"
- start: 1568
- end: 1569
loc: {...}
start: {...}
- line: 60
- column: 64
}end: {...}
- line: 60
- column: 65
}
}- name: "d"
}property: Identifier {...}
- type: "Identifier"
- start: 1570
- end: 1577
loc: {...}
start: {...}
- line: 60
- column: 66
}end: {...}
- line: 60
- column: 73
}
}- name: "license"
}- computed: false
- optional: false
}property: Identifier {...}
- type: "Identifier"
- start: 1578
- end: 1582
loc: {...}
start: {...}
- line: 60
- column: 74
}end: {...}
- line: 60
- column: 78
}
}- name: "name"
}- computed: false
- optional: false
}
}
]
}
} Text {...}
- type: "Text"
- start: 1587
- end: 1593
- raw: "\n\t\t\t\t\t"
- data: "\n\t\t\t\t\t"
}
]
}
} Text {...}
- type: "Text"
- start: 1597
- end: 1602
- raw: "\n\t\t\t\t"
- data: "\n\t\t\t\t"
}
]
}
} Text {...}
- type: "Text"
- start: 1608
- end: 1612
- raw: "\n\t\t\t"
- data: "\n\t\t\t"
}
]
}- catch: null
} Text {...}
- type: "Text"
- start: 1620
- end: 1623
- raw: "\n\t\t"
- data: "\n\t\t"
}
]
}- alternate: null
} Text {...}
- type: "Text"
- start: 1628
- end: 1630
- raw: "\n\t"
- data: "\n\t"
}
]
}
} Text {...}
- type: "Text"
- start: 1636
- end: 1637
- raw: "\n"
- data: "\n"
}
]
}
} Text {...}
- type: "Text"
- start: 1643
- end: 1645
- raw: "\n\n"
- data: "\n\n"
}
]
}- options: null
instance: Script {...}
- type: "Script"
- start: 0
- end: 575
- context: "default"
content: Program {...}
- type: "Program"
- start: 8
- end: 566
loc: {...}
start: {...}
- line: 1
- column: 0
}end: {...}
- line: 28
- column: 0
}
}body: [...] (7)
ImportDeclaration {...}
- type: "ImportDeclaration"
- start: 10
- end: 63
loc: {...}
start: {...}
- line: 2
- column: 1
}end: {...}
- line: 2
- column: 54
}
}specifiers: [...] (2)
ImportSpecifier {...}
- type: "ImportSpecifier"
- start: 19
- end: 28
loc: {...}
start: {...}
- line: 2
- column: 10
}end: {...}
- line: 2
- column: 19
}
}imported: Identifier {...}
- type: "Identifier"
- start: 19
- end: 28
loc: {...}
start: {...}
- line: 2
- column: 10
}end: {...}
- line: 2
- column: 19
}
}- name: "crossfade"
}local: Identifier {...}
- type: "Identifier"
- start: 19
- end: 28
loc: {...}
start: {...}
- line: 2
- column: 10
}end: {...}
- line: 2
- column: 19
}
}- name: "crossfade"
}
} ImportSpecifier {...}
- type: "ImportSpecifier"
- start: 30
- end: 35
loc: {...}
start: {...}
- line: 2
- column: 21
}end: {...}
- line: 2
- column: 26
}
}imported: Identifier {...}
- type: "Identifier"
- start: 30
- end: 35
loc: {...}
start: {...}
- line: 2
- column: 21
}end: {...}
- line: 2
- column: 26
}
}- name: "scale"
}local: Identifier {...}
- type: "Identifier"
- start: 30
- end: 35
loc: {...}
start: {...}
- line: 2
- column: 21
}end: {...}
- line: 2
- column: 26
}
}- name: "scale"
}
}
]source: Literal {...}
- type: "Literal"
- start: 43
- end: 62
loc: {...}
start: {...}
- line: 2
- column: 34
}end: {...}
- line: 2
- column: 53
}
}- value: "svelte/transition"
- raw: "'svelte/transition'"
}
} ImportDeclaration {...}
- type: "ImportDeclaration"
- start: 65
- end: 98
loc: {...}
start: {...}
- line: 3
- column: 1
}end: {...}
- line: 3
- column: 34
}
}specifiers: [...] (1)
ImportDefaultSpecifier {...}
- type: "ImportDefaultSpecifier"
- start: 72
- end: 78
loc: {...}
start: {...}
- line: 3
- column: 8
}end: {...}
- line: 3
- column: 14
}
}local: Identifier {...}
- type: "Identifier"
- start: 72
- end: 78
loc: {...}
start: {...}
- line: 3
- column: 8
}end: {...}
- line: 3
- column: 14
}
}- name: "images"
}
}
]source: Literal {...}
- type: "Literal"
- start: 84
- end: 97
loc: {...}
start: {...}
- line: 3
- column: 20
}end: {...}
- line: 3
- column: 33
}
}- value: "./images.js"
- raw: "'./images.js'"
}
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 101
- end: 176
loc: {...}
start: {...}
- line: 5
- column: 1
}end: {...}
- line: 8
- column: 4
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 107
- end: 175
loc: {...}
start: {...}
- line: 5
- column: 7
}end: {...}
- line: 8
- column: 3
}
}id: ArrayPattern {...}
- type: "ArrayPattern"
- start: 107
- end: 122
loc: {...}
start: {...}
- line: 5
- column: 7
}end: {...}
- line: 5
- column: 22
}
}elements: [...] (2)
Identifier {...}
- type: "Identifier"
- start: 108
- end: 112
loc: {...}
start: {...}
- line: 5
- column: 8
}end: {...}
- line: 5
- column: 12
}
}- name: "send"
} Identifier {...}
- type: "Identifier"
- start: 114
- end: 121
loc: {...}
start: {...}
- line: 5
- column: 14
}end: {...}
- line: 5
- column: 21
}
}- name: "receive"
}
]
}init: CallExpression {...}
- type: "CallExpression"
- start: 125
- end: 175
loc: {...}
start: {...}
- line: 5
- column: 25
}end: {...}
- line: 8
- column: 3
}
}callee: Identifier {...}
- type: "Identifier"
- start: 125
- end: 134
loc: {...}
start: {...}
- line: 5
- column: 25
}end: {...}
- line: 5
- column: 34
}
}- name: "crossfade"
}arguments: [...] (1)
ObjectExpression {...}
- type: "ObjectExpression"
- start: 135
- end: 174
loc: {...}
start: {...}
- line: 5
- column: 35
}end: {...}
- line: 8
- column: 2
}
}properties: [...] (2)
Property {...}
- type: "Property"
- start: 139
- end: 152
loc: {...}
start: {...}
- line: 6
- column: 2
}end: {...}
- line: 6
- column: 15
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 139
- end: 147
loc: {...}
start: {...}
- line: 6
- column: 2
}end: {...}
- line: 6
- column: 10
}
}- name: "duration"
}value: Literal {...}
- type: "Literal"
- start: 149
- end: 152
loc: {...}
start: {...}
- line: 6
- column: 12
}end: {...}
- line: 6
- column: 15
}
}- value: 200
- raw: "200"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 156
- end: 171
loc: {...}
start: {...}
- line: 7
- column: 2
}end: {...}
- line: 7
- column: 17
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 156
- end: 164
loc: {...}
start: {...}
- line: 7
- column: 2
}end: {...}
- line: 7
- column: 10
}
}- name: "fallback"
}value: Identifier {...}
- type: "Identifier"
- start: 166
- end: 171
loc: {...}
start: {...}
- line: 7
- column: 12
}end: {...}
- line: 7
- column: 17
}
}- name: "scale"
}- kind: "init"
}
]
}
]- optional: false
}
}
]- kind: "const"
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 179
- end: 211
loc: {...}
start: {...}
- line: 10
- column: 1
}end: {...}
- line: 10
- column: 33
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 183
- end: 210
loc: {...}
start: {...}
- line: 10
- column: 5
}end: {...}
- line: 10
- column: 32
}
}id: Identifier {...}
- type: "Identifier"
- start: 183
- end: 191
loc: {...}
start: {...}
- line: 10
- column: 5
}end: {...}
- line: 10
- column: 13
}
}- name: "selected"
}init: CallExpression {...}
- type: "CallExpression"
- start: 194
- end: 210
loc: {...}
start: {...}
- line: 10
- column: 16
}end: {...}
- line: 10
- column: 32
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 194
- end: 204
loc: {...}
start: {...}
- line: 10
- column: 16
}end: {...}
- line: 10
- column: 26
}
}object: Identifier {...}
- type: "Identifier"
- start: 194
- end: 200
loc: {...}
start: {...}
- line: 10
- column: 16
}end: {...}
- line: 10
- column: 22
}
}- name: "$state"
}property: Identifier {...}
- type: "Identifier"
- start: 201
- end: 204
loc: {...}
start: {...}
- line: 10
- column: 23
}end: {...}
- line: 10
- column: 26
}
}- name: "raw"
}- computed: false
- optional: false
}arguments: [...] (1)
Literal {...}
- type: "Literal"
- start: 205
- end: 209
loc: {...}
start: {...}
- line: 10
- column: 27
}end: {...}
- line: 10
- column: 31
}
}- value: null
- raw: "null"
}
]- optional: false
}
}
]- kind: "let"
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 213
- end: 244
loc: {...}
start: {...}
- line: 11
- column: 1
}end: {...}
- line: 11
- column: 32
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 217
- end: 243
loc: {...}
start: {...}
- line: 11
- column: 5
}end: {...}
- line: 11
- column: 31
}
}id: Identifier {...}
- type: "Identifier"
- start: 217
- end: 224
loc: {...}
start: {...}
- line: 11
- column: 5
}end: {...}
- line: 11
- column: 12
}
}- name: "loading"
}init: CallExpression {...}
- type: "CallExpression"
- start: 227
- end: 243
loc: {...}
start: {...}
- line: 11
- column: 15
}end: {...}
- line: 11
- column: 31
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 227
- end: 237
loc: {...}
start: {...}
- line: 11
- column: 15
}end: {...}
- line: 11
- column: 25
}
}object: Identifier {...}
- type: "Identifier"
- start: 227
- end: 233
loc: {...}
start: {...}
- line: 11
- column: 15
}end: {...}
- line: 11
- column: 21
}
}- name: "$state"
}property: Identifier {...}
- type: "Identifier"
- start: 234
- end: 237
loc: {...}
start: {...}
- line: 11
- column: 22
}end: {...}
- line: 11
- column: 25
}
}- name: "raw"
}- computed: false
- optional: false
}arguments: [...] (1)
Literal {...}
- type: "Literal"
- start: 238
- end: 242
loc: {...}
start: {...}
- line: 11
- column: 26
}end: {...}
- line: 11
- column: 30
}
}- value: null
- raw: "null"
}
]- optional: false
}
}
]- kind: "let"
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 247
- end: 308
loc: {...}
start: {...}
- line: 13
- column: 1
}end: {...}
- line: 13
- column: 62
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 253
- end: 307
loc: {...}
start: {...}
- line: 13
- column: 7
}end: {...}
- line: 13
- column: 61
}
}id: Identifier {...}
- type: "Identifier"
- start: 253
- end: 259
loc: {...}
start: {...}
- line: 13
- column: 7
}end: {...}
- line: 13
- column: 13
}
}- name: "ASSETS"
}init: TemplateLiteral {...}
- type: "TemplateLiteral"
- start: 262
- end: 307
loc: {...}
start: {...}
- line: 13
- column: 16
}end: {...}
- line: 13
- column: 61
}
}- expressions: []
quasis: [...] (1)
TemplateElement {...}
- type: "TemplateElement"
- start: 263
- end: 306
loc: {...}
start: {...}
- line: 13
- column: 17
}end: {...}
- line: 13
- column: 60
}
}value: {...}
- raw: "https://sveltejs.github.io/assets/crossfade"
- cooked: "https://sveltejs.github.io/assets/crossfade"
}- tail: true
}
]
}
}
]- kind: "const"
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 311
- end: 565
loc: {...}
start: {...}
- line: 15
- column: 1
}end: {...}
- line: 27
- column: 3
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 317
- end: 564
loc: {...}
start: {...}
- line: 15
- column: 7
}end: {...}
- line: 27
- column: 2
}
}id: Identifier {...}
- type: "Identifier"
- start: 317
- end: 321
loc: {...}
start: {...}
- line: 15
- column: 7
}end: {...}
- line: 15
- column: 11
}
}- name: "load"
}init: ArrowFunctionExpression {...}
- type: "ArrowFunctionExpression"
- start: 324
- end: 564
loc: {...}
start: {...}
- line: 15
- column: 14
}end: {...}
- line: 27
- column: 2
}
}- id: null
- expression: false
- generator: false
- async: false
params: [...] (1)
Identifier {...}
- type: "Identifier"
- start: 325
- end: 330
loc: {...}
start: {...}
- line: 15
- column: 15
}end: {...}
- line: 15
- column: 20
}
}- name: "image"
}
]body: BlockStatement {...}
- type: "BlockStatement"
- start: 335
- end: 564
loc: {...}
start: {...}
- line: 15
- column: 25
}end: {...}
- line: 27
- column: 2
}
}body: [...] (4)
VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 339
- end: 396
loc: {...}
start: {...}
- line: 16
- column: 2
}end: {...}
- line: 16
- column: 59
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 345
- end: 395
loc: {...}
start: {...}
- line: 16
- column: 8
}end: {...}
- line: 16
- column: 58
}
}id: Identifier {...}
- type: "Identifier"
- start: 345
- end: 352
loc: {...}
start: {...}
- line: 16
- column: 8
}end: {...}
- line: 16
- column: 15
}
}- name: "timeout"
}init: CallExpression {...}
- type: "CallExpression"
- start: 355
- end: 395
loc: {...}
start: {...}
- line: 16
- column: 18
}end: {...}
- line: 16
- column: 58
}
}callee: Identifier {...}
- type: "Identifier"
- start: 355
- end: 365
loc: {...}
start: {...}
- line: 16
- column: 18
}end: {...}
- line: 16
- column: 28
}
}- name: "setTimeout"
}arguments: [...] (2)
ArrowFunctionExpression {...}
- type: "ArrowFunctionExpression"
- start: 366
- end: 389
loc: {...}
start: {...}
- line: 16
- column: 29
}end: {...}
- line: 16
- column: 52
}
}- id: null
- expression: true
- generator: false
- async: false
- params: []
body: AssignmentExpression {...}
- type: "AssignmentExpression"
- start: 373
- end: 388
loc: {...}
start: {...}
- line: 16
- column: 36
}end: {...}
- line: 16
- column: 51
}
}- operator: "="
left: Identifier {...}
- type: "Identifier"
- start: 373
- end: 380
loc: {...}
start: {...}
- line: 16
- column: 36
}end: {...}
- line: 16
- column: 43
}
}- name: "loading"
}right: Identifier {...}
- type: "Identifier"
- start: 383
- end: 388
loc: {...}
start: {...}
- line: 16
- column: 46
}end: {...}
- line: 16
- column: 51
}
}- name: "image"
}
}
} Literal {...}
- type: "Literal"
- start: 391
- end: 394
loc: {...}
start: {...}
- line: 16
- column: 54
}end: {...}
- line: 16
- column: 57
}
}- value: 100
- raw: "100"
}
]- optional: false
}
}
]- kind: "const"
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 400
- end: 424
loc: {...}
start: {...}
- line: 18
- column: 2
}end: {...}
- line: 18
- column: 26
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 406
- end: 423
loc: {...}
start: {...}
- line: 18
- column: 8
}end: {...}
- line: 18
- column: 25
}
}id: Identifier {...}
- type: "Identifier"
- start: 406
- end: 409
loc: {...}
start: {...}
- line: 18
- column: 8
}end: {...}
- line: 18
- column: 11
}
}- name: "img"
}init: NewExpression {...}
- type: "NewExpression"
- start: 412
- end: 423
loc: {...}
start: {...}
- line: 18
- column: 14
}end: {...}
- line: 18
- column: 25
}
}callee: Identifier {...}
- type: "Identifier"
- start: 416
- end: 421
loc: {...}
start: {...}
- line: 18
- column: 18
}end: {...}
- line: 18
- column: 23
}
}- name: "Image"
}- arguments: []
}
}
]- kind: "const"
} ExpressionStatement {...}
- type: "ExpressionStatement"
- start: 428
- end: 519
loc: {...}
start: {...}
- line: 20
- column: 2
}end: {...}
- line: 24
- column: 4
}
}expression: AssignmentExpression {...}
- type: "AssignmentExpression"
- start: 428
- end: 518
loc: {...}
start: {...}
- line: 20
- column: 2
}end: {...}
- line: 24
- column: 3
}
}- operator: "="
left: MemberExpression {...}
- type: "MemberExpression"
- start: 428
- end: 438
loc: {...}
start: {...}
- line: 20
- column: 2
}end: {...}
- line: 20
- column: 12
}
}object: Identifier {...}
- type: "Identifier"
- start: 428
- end: 431
loc: {...}
start: {...}
- line: 20
- column: 2
}end: {...}
- line: 20
- column: 5
}
}- name: "img"
}property: Identifier {...}
- type: "Identifier"
- start: 432
- end: 438
loc: {...}
start: {...}
- line: 20
- column: 6
}end: {...}
- line: 20
- column: 12
}
}- name: "onload"
}- computed: false
- optional: false
}right: ArrowFunctionExpression {...}
- type: "ArrowFunctionExpression"
- start: 441
- end: 518
loc: {...}
start: {...}
- line: 20
- column: 15
}end: {...}
- line: 24
- column: 3
}
}- id: null
- expression: false
- generator: false
- async: false
- params: []
body: BlockStatement {...}
- type: "BlockStatement"
- start: 447
- end: 518
loc: {...}
start: {...}
- line: 20
- column: 21
}end: {...}
- line: 24
- column: 3
}
}body: [...] (3)
ExpressionStatement {...}
- type: "ExpressionStatement"
- start: 452
- end: 469
loc: {...}
start: {...}
- line: 21
- column: 3
}end: {...}
- line: 21
- column: 20
}
}expression: AssignmentExpression {...}
- type: "AssignmentExpression"
- start: 452
- end: 468
loc: {...}
start: {...}
- line: 21
- column: 3
}end: {...}
- line: 21
- column: 19
}
}- operator: "="
left: Identifier {...}
- type: "Identifier"
- start: 452
- end: 460
loc: {...}
start: {...}
- line: 21
- column: 3
}end: {...}
- line: 21
- column: 11
}
}- name: "selected"
}right: Identifier {...}
- type: "Identifier"
- start: 463
- end: 468
loc: {...}
start: {...}
- line: 21
- column: 14
}end: {...}
- line: 21
- column: 19
}
}- name: "image"
}
}
} ExpressionStatement {...}
- type: "ExpressionStatement"
- start: 473
- end: 495
loc: {...}
start: {...}
- line: 22
- column: 3
}end: {...}
- line: 22
- column: 25
}
}expression: CallExpression {...}
- type: "CallExpression"
- start: 473
- end: 494
loc: {...}
start: {...}
- line: 22
- column: 3
}end: {...}
- line: 22
- column: 24
}
}callee: Identifier {...}
- type: "Identifier"
- start: 473
- end: 485
loc: {...}
start: {...}
- line: 22
- column: 3
}end: {...}
- line: 22
- column: 15
}
}- name: "clearTimeout"
}arguments: [...] (1)
Identifier {...}
- type: "Identifier"
- start: 486
- end: 493
loc: {...}
start: {...}
- line: 22
- column: 16
}end: {...}
- line: 22
- column: 23
}
}- name: "timeout"
}
]- optional: false
}
} ExpressionStatement {...}
- type: "ExpressionStatement"
- start: 499
- end: 514
loc: {...}
start: {...}
- line: 23
- column: 3
}end: {...}
- line: 23
- column: 18
}
}expression: AssignmentExpression {...}
- type: "AssignmentExpression"
- start: 499
- end: 513
loc: {...}
start: {...}
- line: 23
- column: 3
}end: {...}
- line: 23
- column: 17
}
}- operator: "="
left: Identifier {...}
- type: "Identifier"
- start: 499
- end: 506
loc: {...}
start: {...}
- line: 23
- column: 3
}end: {...}
- line: 23
- column: 10
}
}- name: "loading"
}right: Literal {...}
- type: "Literal"
- start: 509
- end: 513
loc: {...}
start: {...}
- line: 23
- column: 13
}end: {...}
- line: 23
- column: 17
}
}- value: null
- raw: "null"
}
}
}
]
}
}
}
} ExpressionStatement {...}
- type: "ExpressionStatement"
- start: 523
- end: 561
loc: {...}
start: {...}
- line: 26
- column: 2
}end: {...}
- line: 26
- column: 40
}
}expression: AssignmentExpression {...}
- type: "AssignmentExpression"
- start: 523
- end: 560
loc: {...}
start: {...}
- line: 26
- column: 2
}end: {...}
- line: 26
- column: 39
}
}- operator: "="
left: MemberExpression {...}
- type: "MemberExpression"
- start: 523
- end: 530
loc: {...}
start: {...}
- line: 26
- column: 2
}end: {...}
- line: 26
- column: 9
}
}object: Identifier {...}
- type: "Identifier"
- start: 523
- end: 526
loc: {...}
start: {...}
- line: 26
- column: 2
}end: {...}
- line: 26
- column: 5
}
}- name: "img"
}property: Identifier {...}
- type: "Identifier"
- start: 527
- end: 530
loc: {...}
start: {...}
- line: 26
- column: 6
}end: {...}
- line: 26
- column: 9
}
}- name: "src"
}- computed: false
- optional: false
}right: TemplateLiteral {...}
- type: "TemplateLiteral"
- start: 533
- end: 560
loc: {...}
start: {...}
- line: 26
- column: 12
}end: {...}
- line: 26
- column: 39
}
}expressions: [...] (2)
Identifier {...}
- type: "Identifier"
- start: 536
- end: 542
loc: {...}
start: {...}
- line: 26
- column: 15
}end: {...}
- line: 26
- column: 21
}
}- name: "ASSETS"
} MemberExpression {...}
- type: "MemberExpression"
- start: 546
- end: 554
loc: {...}
start: {...}
- line: 26
- column: 25
}end: {...}
- line: 26
- column: 33
}
}object: Identifier {...}
- type: "Identifier"
- start: 546
- end: 551
loc: {...}
start: {...}
- line: 26
- column: 25
}end: {...}
- line: 26
- column: 30
}
}- name: "image"
}property: Identifier {...}
- type: "Identifier"
- start: 552
- end: 554
loc: {...}
start: {...}
- line: 26
- column: 31
}end: {...}
- line: 26
- column: 33
}
}- name: "id"
}- computed: false
- optional: false
}
]quasis: [...] (3)
TemplateElement {...}
- type: "TemplateElement"
- start: 534
- end: 534
loc: {...}
start: {...}
- line: 26
- column: 13
}end: {...}
- line: 26
- column: 13
}
}value: {...}
- raw: ""
- cooked: ""
}- tail: false
} TemplateElement {...}
- type: "TemplateElement"
- start: 543
- end: 544
loc: {...}
start: {...}
- line: 26
- column: 22
}end: {...}
- line: 26
- column: 23
}
}value: {...}
- raw: "/"
- cooked: "/"
}- tail: false
} TemplateElement {...}
- type: "TemplateElement"
- start: 555
- end: 559
loc: {...}
start: {...}
- line: 26
- column: 34
}end: {...}
- line: 26
- column: 38
}
}value: {...}
- raw: ".jpg"
- cooked: ".jpg"
}- tail: true
}
]
}
}
}
]
}
}
}
]- kind: "const"
}
]- sourceType: "module"
}- attributes: []
}
}
The AST is not public API and may change at any point in time