Skip to main content
Create new
Introduction
Reactivity
Props
Logic
Events
Bindings
Lifecycle
Stores
Motion
Transitions
Animations
Easing
SVG
Actions
Classes
Component composition
Context API
Special elements
Module context
Debugging
7GUIs
Miscellaneous
App.svelte
<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
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: ,
});

: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
prefersReducedMotion • Playground • Svelte