svelte 3.45.0 → 3.46.3

package/internal/index.js

@@ -333,7 +333,7 @@ function get_root_for_style(node) {
 function append_empty_stylesheet(node) {
     const style_element = element('style');
     append_stylesheet(get_root_for_style(node), style_element);
-    return style_element;
+    return style_element.sheet;
 }
 function append_stylesheet(node, style) {
     append(node.head || node, style);
@@ -619,7 +619,7 @@ function claim_html_tag(nodes) {
         return new HtmlTagHydration();
     }
     init_claim_info(nodes);
-    const html_tag_nodes = nodes.splice(start_index, end_index + 1);
+    const html_tag_nodes = nodes.splice(start_index, end_index - start_index + 1);
     detach(html_tag_nodes[0]);
     detach(html_tag_nodes[html_tag_nodes.length - 1]);
     const claimed_nodes = html_tag_nodes.slice(1, html_tag_nodes.length - 1);
@@ -646,7 +646,12 @@ function set_input_type(input, type) {
     }
 }
 function set_style(node, key, value, important) {
-    node.style.setProperty(key, value, important ? 'important' : '');
+    if (value === null) {
+        node.style.removeProperty(key);
+    }
+    else {
+        node.style.setProperty(key, value, important ? 'important' : '');
+    }
 }
 function select_option(select, value) {
     for (let i = 0; i < select.options.length; i += 1) {
@@ -803,7 +808,9 @@ function get_custom_elements_slots(element) {
     return result;
 }
 
-const active_docs = new Set();
+// we need to store the information for multiple documents because a Svelte application could also contain iframes
+// https://github.com/sveltejs/svelte/issues/3624
+const managed_styles = new Map();
 let active = 0;
 // https://github.com/darkskyapp/string-hash/blob/master/index.js
 function hash(str) {
@@ -813,6 +820,11 @@ function hash(str) {
         hash = ((hash << 5) - hash) ^ str.charCodeAt(i);
     return hash >>> 0;
 }
+function create_style_information(doc, node) {
+    const info = { stylesheet: append_empty_stylesheet(node), rules: {} };
+    managed_styles.set(doc, info);
+    return info;
+}
 function create_rule(node, a, b, duration, delay, ease, fn, uid = 0) {
     const step = 16.666 / duration;
     let keyframes = '{\n';
@@ -823,11 +835,9 @@ function create_rule(node, a, b, duration, delay, ease, fn, uid = 0) {
     const rule = keyframes + `100% {${fn(b, 1 - b)}}\n}`;
     const name = `__svelte_${hash(rule)}_${uid}`;
     const doc = get_root_for_style(node);
-    active_docs.add(doc);
-    const stylesheet = doc.__svelte_stylesheet || (doc.__svelte_stylesheet = append_empty_stylesheet(node).sheet);
-    const current_rules = doc.__svelte_rules || (doc.__svelte_rules = {});
-    if (!current_rules[name]) {
-        current_rules[name] = true;
+    const { stylesheet, rules } = managed_styles.get(doc) || create_style_information(doc, node);
+    if (!rules[name]) {
+        rules[name] = true;
         stylesheet.insertRule(`@keyframes ${name} ${rule}`, stylesheet.cssRules.length);
     }
     const animation = node.style.animation || '';
@@ -853,14 +863,14 @@ function clear_rules() {
     exports.raf(() => {
         if (active)
             return;
-        active_docs.forEach(doc => {
-            const stylesheet = doc.__svelte_stylesheet;
+        managed_styles.forEach(info => {
+            const { stylesheet } = info;
             let i = stylesheet.cssRules.length;
             while (i--)
                 stylesheet.deleteRule(i);
-            doc.__svelte_rules = {};
+            info.rules = {};
         });
-        active_docs.clear();
+        managed_styles.clear();
     });
 }
 
@@ -1615,14 +1625,26 @@ const boolean_attributes = new Set([
 const invalid_attribute_name_character = /[\s'">/=\u{FDD0}-\u{FDEF}\u{FFFE}\u{FFFF}\u{1FFFE}\u{1FFFF}\u{2FFFE}\u{2FFFF}\u{3FFFE}\u{3FFFF}\u{4FFFE}\u{4FFFF}\u{5FFFE}\u{5FFFF}\u{6FFFE}\u{6FFFF}\u{7FFFE}\u{7FFFF}\u{8FFFE}\u{8FFFF}\u{9FFFE}\u{9FFFF}\u{AFFFE}\u{AFFFF}\u{BFFFE}\u{BFFFF}\u{CFFFE}\u{CFFFF}\u{DFFFE}\u{DFFFF}\u{EFFFE}\u{EFFFF}\u{FFFFE}\u{FFFFF}\u{10FFFE}\u{10FFFF}]/u;
 // https://html.spec.whatwg.org/multipage/syntax.html#attributes-2
 // https://infra.spec.whatwg.org/#noncharacter
-function spread(args, classes_to_add) {
+function spread(args, attrs_to_add) {
     const attributes = Object.assign({}, ...args);
-    if (classes_to_add) {
-        if (attributes.class == null) {
-            attributes.class = classes_to_add;
+    if (attrs_to_add) {
+        const classes_to_add = attrs_to_add.classes;
+        const styles_to_add = attrs_to_add.styles;
+        if (classes_to_add) {
+            if (attributes.class == null) {
+                attributes.class = classes_to_add;
+            }
+            else {
+                attributes.class += ' ' + classes_to_add;
+            }
         }
-        else {
-            attributes.class += ' ' + classes_to_add;
+        if (styles_to_add) {
+            if (attributes.style == null) {
+                attributes.style = style_object_to_string(styles_to_add);
+            }
+            else {
+                attributes.style = style_object_to_string(merge_ssr_styles(attributes.style, styles_to_add));
+            }
         }
     }
     let str = '';
@@ -1642,6 +1664,27 @@ function spread(args, classes_to_add) {
     });
     return str;
 }
+function merge_ssr_styles(style_attribute, style_directive) {
+    const style_object = {};
+    for (const individual_style of style_attribute.split(';')) {
+        const colon_index = individual_style.indexOf(':');
+        const name = individual_style.slice(0, colon_index).trim();
+        const value = individual_style.slice(colon_index + 1).trim();
+        if (!name)
+            continue;
+        style_object[name] = value;
+    }
+    for (const name in style_directive) {
+        const value = style_directive[name];
+        if (value) {
+            style_object[name] = value;
+        }
+        else {
+            delete style_object[name];
+        }
+    }
+    return style_object;
+}
 const escaped = {
     '"': '&quot;',
     "'": '&#39;',
@@ -1729,6 +1772,16 @@ function add_attribute(name, value, boolean) {
 function add_classes(classes) {
     return classes ? ` class="${classes}"` : '';
 }
+function style_object_to_string(style_object) {
+    return Object.keys(style_object)
+        .filter(key => style_object[key])
+        .map(key => `${key}: ${style_object[key]};`)
+        .join(' ');
+}
+function add_styles(style_object) {
+    const styles = style_object_to_string(style_object);
+    return styles ? ` style="${styles}"` : '';
+}
 
 function bind(component, name, callback) {
     const index = component.$$.props[name];
@@ -1916,7 +1969,7 @@ class SvelteComponent {
 }
 
 function dispatch_dev(type, detail) {
-    document.dispatchEvent(custom_event(type, Object.assign({ version: '3.45.0' }, detail), true));
+    document.dispatchEvent(custom_event(type, Object.assign({ version: '3.46.3' }, detail), true));
 }
 function append_dev(target, node) {
     dispatch_dev('SvelteDOMInsert', { target, node });
@@ -2080,6 +2133,7 @@ exports.add_flush_callback = add_flush_callback;
 exports.add_location = add_location;
 exports.add_render_callback = add_render_callback;
 exports.add_resize_listener = add_resize_listener;
+exports.add_styles = add_styles;
 exports.add_transform = add_transform;
 exports.afterUpdate = afterUpdate;
 exports.append = append;
@@ -2177,6 +2231,7 @@ exports.listen = listen;
 exports.listen_dev = listen_dev;
 exports.loop = loop;
 exports.loop_guard = loop_guard;
+exports.merge_ssr_styles = merge_ssr_styles;
 exports.missing_component = missing_component;
 exports.mount_component = mount_component;
 exports.noop = noop;

package/internal/index.mjs

@@ -329,7 +329,7 @@ function get_root_for_style(node) {
 function append_empty_stylesheet(node) {
     const style_element = element('style');
     append_stylesheet(get_root_for_style(node), style_element);
-    return style_element;
+    return style_element.sheet;
 }
 function append_stylesheet(node, style) {
     append(node.head || node, style);
@@ -615,7 +615,7 @@ function claim_html_tag(nodes) {
         return new HtmlTagHydration();
     }
     init_claim_info(nodes);
-    const html_tag_nodes = nodes.splice(start_index, end_index + 1);
+    const html_tag_nodes = nodes.splice(start_index, end_index - start_index + 1);
     detach(html_tag_nodes[0]);
     detach(html_tag_nodes[html_tag_nodes.length - 1]);
     const claimed_nodes = html_tag_nodes.slice(1, html_tag_nodes.length - 1);
@@ -642,7 +642,12 @@ function set_input_type(input, type) {
     }
 }
 function set_style(node, key, value, important) {
-    node.style.setProperty(key, value, important ? 'important' : '');
+    if (value === null) {
+        node.style.removeProperty(key);
+    }
+    else {
+        node.style.setProperty(key, value, important ? 'important' : '');
+    }
 }
 function select_option(select, value) {
     for (let i = 0; i < select.options.length; i += 1) {
@@ -799,7 +804,9 @@ function get_custom_elements_slots(element) {
     return result;
 }
 
-const active_docs = new Set();
+// we need to store the information for multiple documents because a Svelte application could also contain iframes
+// https://github.com/sveltejs/svelte/issues/3624
+const managed_styles = new Map();
 let active = 0;
 // https://github.com/darkskyapp/string-hash/blob/master/index.js
 function hash(str) {
@@ -809,6 +816,11 @@ function hash(str) {
         hash = ((hash << 5) - hash) ^ str.charCodeAt(i);
     return hash >>> 0;
 }
+function create_style_information(doc, node) {
+    const info = { stylesheet: append_empty_stylesheet(node), rules: {} };
+    managed_styles.set(doc, info);
+    return info;
+}
 function create_rule(node, a, b, duration, delay, ease, fn, uid = 0) {
     const step = 16.666 / duration;
     let keyframes = '{\n';
@@ -819,11 +831,9 @@ function create_rule(node, a, b, duration, delay, ease, fn, uid = 0) {
     const rule = keyframes + `100% {${fn(b, 1 - b)}}\n}`;
     const name = `__svelte_${hash(rule)}_${uid}`;
     const doc = get_root_for_style(node);
-    active_docs.add(doc);
-    const stylesheet = doc.__svelte_stylesheet || (doc.__svelte_stylesheet = append_empty_stylesheet(node).sheet);
-    const current_rules = doc.__svelte_rules || (doc.__svelte_rules = {});
-    if (!current_rules[name]) {
-        current_rules[name] = true;
+    const { stylesheet, rules } = managed_styles.get(doc) || create_style_information(doc, node);
+    if (!rules[name]) {
+        rules[name] = true;
         stylesheet.insertRule(`@keyframes ${name} ${rule}`, stylesheet.cssRules.length);
     }
     const animation = node.style.animation || '';
@@ -849,14 +859,14 @@ function clear_rules() {
     raf(() => {
         if (active)
             return;
-        active_docs.forEach(doc => {
-            const stylesheet = doc.__svelte_stylesheet;
+        managed_styles.forEach(info => {
+            const { stylesheet } = info;
             let i = stylesheet.cssRules.length;
             while (i--)
                 stylesheet.deleteRule(i);
-            doc.__svelte_rules = {};
+            info.rules = {};
         });
-        active_docs.clear();
+        managed_styles.clear();
     });
 }
 
@@ -1612,14 +1622,26 @@ const boolean_attributes = new Set([
 const invalid_attribute_name_character = /[\s'">/=\u{FDD0}-\u{FDEF}\u{FFFE}\u{FFFF}\u{1FFFE}\u{1FFFF}\u{2FFFE}\u{2FFFF}\u{3FFFE}\u{3FFFF}\u{4FFFE}\u{4FFFF}\u{5FFFE}\u{5FFFF}\u{6FFFE}\u{6FFFF}\u{7FFFE}\u{7FFFF}\u{8FFFE}\u{8FFFF}\u{9FFFE}\u{9FFFF}\u{AFFFE}\u{AFFFF}\u{BFFFE}\u{BFFFF}\u{CFFFE}\u{CFFFF}\u{DFFFE}\u{DFFFF}\u{EFFFE}\u{EFFFF}\u{FFFFE}\u{FFFFF}\u{10FFFE}\u{10FFFF}]/u;
 // https://html.spec.whatwg.org/multipage/syntax.html#attributes-2
 // https://infra.spec.whatwg.org/#noncharacter
-function spread(args, classes_to_add) {
+function spread(args, attrs_to_add) {
     const attributes = Object.assign({}, ...args);
-    if (classes_to_add) {
-        if (attributes.class == null) {
-            attributes.class = classes_to_add;
+    if (attrs_to_add) {
+        const classes_to_add = attrs_to_add.classes;
+        const styles_to_add = attrs_to_add.styles;
+        if (classes_to_add) {
+            if (attributes.class == null) {
+                attributes.class = classes_to_add;
+            }
+            else {
+                attributes.class += ' ' + classes_to_add;
+            }
         }
-        else {
-            attributes.class += ' ' + classes_to_add;
+        if (styles_to_add) {
+            if (attributes.style == null) {
+                attributes.style = style_object_to_string(styles_to_add);
+            }
+            else {
+                attributes.style = style_object_to_string(merge_ssr_styles(attributes.style, styles_to_add));
+            }
         }
     }
     let str = '';
@@ -1639,6 +1661,27 @@ function spread(args, classes_to_add) {
     });
     return str;
 }
+function merge_ssr_styles(style_attribute, style_directive) {
+    const style_object = {};
+    for (const individual_style of style_attribute.split(';')) {
+        const colon_index = individual_style.indexOf(':');
+        const name = individual_style.slice(0, colon_index).trim();
+        const value = individual_style.slice(colon_index + 1).trim();
+        if (!name)
+            continue;
+        style_object[name] = value;
+    }
+    for (const name in style_directive) {
+        const value = style_directive[name];
+        if (value) {
+            style_object[name] = value;
+        }
+        else {
+            delete style_object[name];
+        }
+    }
+    return style_object;
+}
 const escaped = {
     '"': '&quot;',
     "'": '&#39;',
@@ -1726,6 +1769,16 @@ function add_attribute(name, value, boolean) {
 function add_classes(classes) {
     return classes ? ` class="${classes}"` : '';
 }
+function style_object_to_string(style_object) {
+    return Object.keys(style_object)
+        .filter(key => style_object[key])
+        .map(key => `${key}: ${style_object[key]};`)
+        .join(' ');
+}
+function add_styles(style_object) {
+    const styles = style_object_to_string(style_object);
+    return styles ? ` style="${styles}"` : '';
+}
 
 function bind(component, name, callback) {
     const index = component.$$.props[name];
@@ -1914,7 +1967,7 @@ class SvelteComponent {
 }
 
 function dispatch_dev(type, detail) {
-    document.dispatchEvent(custom_event(type, Object.assign({ version: '3.45.0' }, detail), true));
+    document.dispatchEvent(custom_event(type, Object.assign({ version: '3.46.3' }, detail), true));
 }
 function append_dev(target, node) {
     dispatch_dev('SvelteDOMInsert', { target, node });
@@ -2066,4 +2119,4 @@ function loop_guard(timeout) {
     };
 }
 
-export { HtmlTag, HtmlTagHydration, SvelteComponent, SvelteComponentDev, SvelteComponentTyped, SvelteElement, action_destroyer, add_attribute, add_classes, add_flush_callback, add_location, add_render_callback, add_resize_listener, add_transform, afterUpdate, append, append_dev, append_empty_stylesheet, append_hydration, append_hydration_dev, append_styles, assign, attr, attr_dev, attribute_to_object, beforeUpdate, bind, binding_callbacks, blank_object, bubble, check_outros, children, claim_component, claim_element, claim_html_tag, claim_space, claim_svg_element, claim_text, clear_loops, component_subscribe, compute_rest_props, compute_slots, createEventDispatcher, create_animation, create_bidirectional_transition, create_component, create_in_transition, create_out_transition, create_slot, create_ssr_component, current_component, custom_event, dataset_dev, debug, destroy_block, destroy_component, destroy_each, detach, detach_after_dev, detach_before_dev, detach_between_dev, detach_dev, dirty_components, dispatch_dev, each, element, element_is, empty, end_hydrating, escape, escape_attribute_value, escape_object, escaped, exclude_internal_props, fix_and_destroy_block, fix_and_outro_and_destroy_block, fix_position, flush, getAllContexts, getContext, get_all_dirty_from_scope, get_binding_group_value, get_current_component, get_custom_elements_slots, get_root_for_style, get_slot_changes, get_spread_object, get_spread_update, get_store_value, globals, group_outros, handle_promise, hasContext, has_prop, identity, init, insert, insert_dev, insert_hydration, insert_hydration_dev, intros, invalid_attribute_name_character, is_client, is_crossorigin, is_empty, is_function, is_promise, listen, listen_dev, loop, loop_guard, missing_component, mount_component, noop, not_equal, now, null_to_empty, object_without_properties, onDestroy, onMount, once, outro_and_destroy_block, prevent_default, prop_dev, query_selector_all, raf, run, run_all, safe_not_equal, schedule_update, select_multiple_value, select_option, select_options, select_value, self, setContext, set_attributes, set_current_component, set_custom_element_data, set_data, set_data_dev, set_input_type, set_input_value, set_now, set_raf, set_store_value, set_style, set_svg_attributes, space, spread, src_url_equal, start_hydrating, stop_propagation, subscribe, svg_element, text, tick, time_ranges_to_array, to_number, toggle_class, transition_in, transition_out, trusted, update_await_block_branch, update_keyed_each, update_slot, update_slot_base, validate_component, validate_each_argument, validate_each_keys, validate_slots, validate_store, xlink_attr };
+export { HtmlTag, HtmlTagHydration, SvelteComponent, SvelteComponentDev, SvelteComponentTyped, SvelteElement, action_destroyer, add_attribute, add_classes, add_flush_callback, add_location, add_render_callback, add_resize_listener, add_styles, add_transform, afterUpdate, append, append_dev, append_empty_stylesheet, append_hydration, append_hydration_dev, append_styles, assign, attr, attr_dev, attribute_to_object, beforeUpdate, bind, binding_callbacks, blank_object, bubble, check_outros, children, claim_component, claim_element, claim_html_tag, claim_space, claim_svg_element, claim_text, clear_loops, component_subscribe, compute_rest_props, compute_slots, createEventDispatcher, create_animation, create_bidirectional_transition, create_component, create_in_transition, create_out_transition, create_slot, create_ssr_component, current_component, custom_event, dataset_dev, debug, destroy_block, destroy_component, destroy_each, detach, detach_after_dev, detach_before_dev, detach_between_dev, detach_dev, dirty_components, dispatch_dev, each, element, element_is, empty, end_hydrating, escape, escape_attribute_value, escape_object, escaped, exclude_internal_props, fix_and_destroy_block, fix_and_outro_and_destroy_block, fix_position, flush, getAllContexts, getContext, get_all_dirty_from_scope, get_binding_group_value, get_current_component, get_custom_elements_slots, get_root_for_style, get_slot_changes, get_spread_object, get_spread_update, get_store_value, globals, group_outros, handle_promise, hasContext, has_prop, identity, init, insert, insert_dev, insert_hydration, insert_hydration_dev, intros, invalid_attribute_name_character, is_client, is_crossorigin, is_empty, is_function, is_promise, listen, listen_dev, loop, loop_guard, merge_ssr_styles, missing_component, mount_component, noop, not_equal, now, null_to_empty, object_without_properties, onDestroy, onMount, once, outro_and_destroy_block, prevent_default, prop_dev, query_selector_all, raf, run, run_all, safe_not_equal, schedule_update, select_multiple_value, select_option, select_options, select_value, self, setContext, set_attributes, set_current_component, set_custom_element_data, set_data, set_data_dev, set_input_type, set_input_value, set_now, set_raf, set_store_value, set_style, set_svg_attributes, space, spread, src_url_equal, start_hydrating, stop_propagation, subscribe, svg_element, text, tick, time_ranges_to_array, to_number, toggle_class, transition_in, transition_out, trusted, update_await_block_branch, update_keyed_each, update_slot, update_slot_base, validate_component, validate_each_argument, validate_each_keys, validate_slots, validate_store, xlink_attr };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte",
-  "version": "3.45.0",
+  "version": "3.46.3",
   "description": "Cybernetically enhanced web apps",
   "module": "index.mjs",
   "main": "index",

package/types/compiler/compile/Component.d.ts

@@ -66,8 +66,8 @@ export default class Component {
     slots: Map<string, Slot>;
     slot_outlets: Set<string>;
     constructor(ast: Ast, source: string, name: string, compile_options: CompileOptions, stats: Stats, warnings: Warning[]);
-    add_var(variable: Var, add_to_lookup?: boolean): void;
-    add_reference(name: string): void;
+    add_var(node: Node, variable: Var, add_to_lookup?: boolean): void;
+    add_reference(node: Node, name: string): void;
     alias(name: string): Identifier;
     apply_stylesheet(element: Element): void;
     global(name: string): Identifier;

package/types/compiler/compile/nodes/CatchBlock.d.ts

@@ -3,8 +3,10 @@ import AbstractBlock from './shared/AbstractBlock';
 import AwaitBlock from './AwaitBlock';
 import Component from '../Component';
 import { TemplateNode } from '../../interfaces';
+import ConstTag from './ConstTag';
 export default class CatchBlock extends AbstractBlock {
     type: 'CatchBlock';
     scope: TemplateScope;
+    const_tags: ConstTag[];
     constructor(component: Component, parent: AwaitBlock, scope: TemplateScope, info: TemplateNode);
 }

package/types/compiler/compile/nodes/EachBlock.d.ts

@@ -2,6 +2,7 @@ import ElseBlock from './ElseBlock';
 import Expression from './shared/Expression';
 import TemplateScope from './shared/TemplateScope';
 import AbstractBlock from './shared/AbstractBlock';
+import ConstTag from './ConstTag';
 import { Context } from './shared/Context';
 import { Node } from 'estree';
 import Component from '../Component';
@@ -16,6 +17,7 @@ export default class EachBlock extends AbstractBlock {
     key: Expression;
     scope: TemplateScope;
     contexts: Context[];
+    const_tags: ConstTag[];
     has_animation: boolean;
     has_binding: boolean;
     has_index_binding: boolean;

package/types/compiler/compile/nodes/Element.d.ts

@@ -6,6 +6,7 @@ import Transition from './Transition';
 import Animation from './Animation';
 import Action from './Action';
 import Class from './Class';
+import StyleDirective from './StyleDirective';
 import Let from './Let';
 import TemplateScope from './shared/TemplateScope';
 import { INode } from './interfaces';
@@ -18,6 +19,7 @@ export default class Element extends Node {
     actions: Action[];
     bindings: Binding[];
     classes: Class[];
+    styles: StyleDirective[];
     handlers: EventHandler[];
     lets: Let[];
     intro?: Transition;

package/types/compiler/compile/nodes/SlotTemplate.d.ts

@@ -4,11 +4,13 @@ import Node from './shared/Node';
 import Let from './Let';
 import Attribute from './Attribute';
 import { INode } from './interfaces';
+import ConstTag from './ConstTag';
 export default class SlotTemplate extends Node {
     type: 'SlotTemplate';
     scope: TemplateScope;
     children: INode[];
     lets: Let[];
+    const_tags: ConstTag[];
     slot_attribute: Attribute;
     slot_template_name: string;
     constructor(component: Component, parent: INode, scope: TemplateScope, info: any);

package/types/compiler/compile/nodes/Style.d.ts

@@ -0,0 +1,12 @@
+import Node from './shared/Node';
+import Expression from './shared/Expression';
+import { TemplateNode } from '../../interfaces';
+import TemplateScope from './shared/TemplateScope';
+import Component from '../Component';
+export default class Style extends Node {
+    type: 'Style';
+    name: string;
+    expression: Expression;
+    should_cache: boolean;
+    constructor(component: Component, parent: Node, scope: TemplateScope, info: TemplateNode);
+}

package/types/compiler/compile/nodes/StyleDirective.d.ts

@@ -0,0 +1,12 @@
+import { TemplateNode } from '../../interfaces';
+import Component from '../Component';
+import Expression from './shared/Expression';
+import Node from './shared/Node';
+import TemplateScope from './shared/TemplateScope';
+export default class StyleDirective extends Node {
+    type: 'StyleDirective';
+    name: string;
+    expression: Expression;
+    should_cache: boolean;
+    constructor(component: Component, parent: Node, scope: TemplateScope, info: TemplateNode);
+}

package/types/compiler/compile/nodes/ThenBlock.d.ts

@@ -3,8 +3,10 @@ import AbstractBlock from './shared/AbstractBlock';
 import AwaitBlock from './AwaitBlock';
 import Component from '../Component';
 import { TemplateNode } from '../../interfaces';
+import ConstTag from './ConstTag';
 export default class ThenBlock extends AbstractBlock {
     type: 'ThenBlock';
     scope: TemplateScope;
+    const_tags: ConstTag[];
     constructor(component: Component, parent: AwaitBlock, scope: TemplateScope, info: TemplateNode);
 }

package/types/compiler/compile/nodes/interfaces.d.ts

@@ -7,7 +7,9 @@ import Binding from './Binding';
 import Body from './Body';
 import CatchBlock from './CatchBlock';
 import Class from './Class';
+import StyleDirective from './StyleDirective';
 import Comment from './Comment';
+import ConstTag from './ConstTag';
 import DebugTag from './DebugTag';
 import EachBlock from './EachBlock';
 import Element from './Element';
@@ -25,10 +27,10 @@ import PendingBlock from './PendingBlock';
 import RawMustacheTag from './RawMustacheTag';
 import Slot from './Slot';
 import SlotTemplate from './SlotTemplate';
-import DefaultSlotTemplate from './DefaultSlotTemplate';
 import Text from './Text';
 import ThenBlock from './ThenBlock';
 import Title from './Title';
 import Transition from './Transition';
 import Window from './Window';
-export declare type INode = Action | Animation | Attribute | AwaitBlock | Binding | Body | CatchBlock | Class | Comment | DebugTag | EachBlock | Element | ElseBlock | EventHandler | Fragment | Head | IfBlock | InlineComponent | KeyBlock | Let | MustacheTag | Options | PendingBlock | RawMustacheTag | Slot | SlotTemplate | DefaultSlotTemplate | Tag | Text | ThenBlock | Title | Transition | Window;
+export declare type INode = Action | Animation | Attribute | AwaitBlock | Binding | Body | CatchBlock | Class | Comment | ConstTag | DebugTag | EachBlock | Element | ElseBlock | EventHandler | Fragment | Head | IfBlock | InlineComponent | KeyBlock | Let | MustacheTag | Options | PendingBlock | RawMustacheTag | Slot | SlotTemplate | StyleDirective | Tag | Text | ThenBlock | Title | Transition | Window;
+export declare type INodeAllowConstTag = EachBlock | CatchBlock | ThenBlock | InlineComponent | SlotTemplate;

package/types/compiler/compile/nodes/shared/Expression.d.ts

@@ -21,6 +21,6 @@ export default class Expression {
     manipulated: Node;
     constructor(component: Component, owner: Owner, template_scope: TemplateScope, info: Node, lazy?: boolean);
     dynamic_dependencies(): string[];
-    manipulate(block?: Block): Node;
+    manipulate(block?: Block, ctx?: string | void): Node;
 }
 export {};

package/types/compiler/compile/nodes/shared/TemplateScope.d.ts

@@ -4,7 +4,8 @@ import CatchBlock from '../CatchBlock';
 import InlineComponent from '../InlineComponent';
 import Element from '../Element';
 import SlotTemplate from '../SlotTemplate';
-declare type NodeWithScope = EachBlock | ThenBlock | CatchBlock | InlineComponent | Element | SlotTemplate;
+import ConstTag from '../ConstTag';
+declare type NodeWithScope = EachBlock | ThenBlock | CatchBlock | InlineComponent | Element | SlotTemplate | ConstTag;
 export default class TemplateScope {
     names: Set<string>;
     dependencies_for_name: Map<string, Set<string>>;
@@ -17,5 +18,6 @@ export default class TemplateScope {
     get_owner(name: string): NodeWithScope;
     is_let(name: string): boolean;
     is_await(name: string): boolean;
+    is_const(name: string): boolean;
 }
 export {};

package/types/compiler/compile/nodes/shared/map_children.d.ts

@@ -1,5 +1,6 @@
 import AwaitBlock from '../AwaitBlock';
 import Body from '../Body';
+import ConstTag from '../ConstTag';
 import Comment from '../Comment';
 import EachBlock from '../EachBlock';
 import Element from '../Element';
@@ -17,4 +18,4 @@ import Title from '../Title';
 import Window from '../Window';
 import { TemplateNode } from '../../../interfaces';
 export declare type Children = ReturnType<typeof map_children>;
-export default function map_children(component: any, parent: any, scope: any, children: TemplateNode[]): (AwaitBlock | Body | Comment | DebugTag | EachBlock | Element | Head | IfBlock | InlineComponent | KeyBlock | MustacheTag | Options | RawMustacheTag | SlotTemplate | Text | Title | Window)[];
+export default function map_children(component: any, parent: any, scope: any, children: TemplateNode[]): (AwaitBlock | Body | Comment | ConstTag | DebugTag | EachBlock | Element | Head | IfBlock | InlineComponent | KeyBlock | MustacheTag | Options | RawMustacheTag | SlotTemplate | Text | Title | Window)[];

package/types/compiler/compile/render_dom/Renderer.d.ts

@@ -40,7 +40,7 @@ export default class Renderer {
     invalidate(name: string, value?: any, main_execution_context?: boolean): any;
     dirty(names: string[], is_reactive_declaration?: boolean): Expression;
     get_initial_dirty(): UnaryExpression | ArrayExpression;
-    reference(node: string | Identifier | MemberExpression): any;
+    reference(node: string | Identifier | MemberExpression, ctx?: string | void): any;
     remove_block(block: Block | Node | Node[]): void;
 }
 export {};

package/types/compiler/compile/render_dom/wrappers/AwaitBlock.d.ts

@@ -23,8 +23,9 @@ declare class AwaitBlockBranch extends Wrapper {
     is_destructured: boolean;
     constructor(status: Status, renderer: Renderer, block: Block, parent: AwaitBlockWrapper, node: PendingBlock | ThenBlock | CatchBlock, strip_whitespace: boolean, next_sibling: Wrapper);
     add_context(node: Node | null, contexts: Context[]): void;
+    has_consts(node: PendingBlock | ThenBlock | CatchBlock): node is ThenBlock | CatchBlock;
     render(block: Block, parent_node: Identifier, parent_nodes: Identifier): void;
-    render_destructure(): void;
+    render_get_context(): void;
 }
 export default class AwaitBlockWrapper extends Wrapper {
     node: AwaitBlock;

package/types/compiler/compile/render_dom/wrappers/Element/index.d.ts

@@ -198,6 +198,7 @@ export default class ElementWrapper extends Wrapper {
     add_transitions(block: Block): void;
     add_animation(block: Block): void;
     add_classes(block: Block): void;
+    add_styles(block: Block): void;
     add_manual_style_scoping(block: any): void;
 }
 export {};

package/types/compiler/compile/render_dom/wrappers/SlotTemplate.d.ts

@@ -3,20 +3,13 @@ import Renderer from '../Renderer';
 import Block from '../Block';
 import FragmentWrapper from './Fragment';
 import InlineComponentWrapper from './InlineComponent';
-import { INode } from '../../nodes/interfaces';
-import Let from '../../nodes/Let';
-import TemplateScope from '../../nodes/shared/TemplateScope';
-declare type NodeWithLets = INode & {
-    scope: TemplateScope;
-    lets: Let[];
-    slot_template_name: string;
-};
+import SlotTemplate from '../../nodes/SlotTemplate';
 export default class SlotTemplateWrapper extends Wrapper {
-    node: NodeWithLets;
+    node: SlotTemplate;
     fragment: FragmentWrapper;
     block: Block;
     parent: InlineComponentWrapper;
-    constructor(renderer: Renderer, block: Block, parent: Wrapper, node: NodeWithLets, strip_whitespace: boolean, next_sibling: Wrapper);
+    constructor(renderer: Renderer, block: Block, parent: Wrapper, node: SlotTemplate, strip_whitespace: boolean, next_sibling: Wrapper);
     render(): void;
+    render_get_context(): void;
 }
-export {};

package/types/compiler/compile/render_ssr/handlers/SlotTemplate.d.ts

@@ -1,7 +1,5 @@
 import Renderer, { RenderOptions } from '../Renderer';
 import SlotTemplate from '../../nodes/SlotTemplate';
-import InlineComponent from '../../nodes/InlineComponent';
-import Element from '../../nodes/Element';
-export default function (node: SlotTemplate | Element | InlineComponent, renderer: Renderer, options: RenderOptions & {
+export default function (node: SlotTemplate, renderer: Renderer, options: RenderOptions & {
     slot_scopes: Map<any, any>;
 }): void;

package/types/compiler/compile/utils/nodes_to_template_literal.d.ts

@@ -0,0 +1,7 @@
+import { TemplateLiteral } from 'estree';
+import { MustacheTag, Text } from '../../interfaces';
+/**
+ * Transforms a list of Text and MustacheTags into a TemplateLiteral expression.
+ * Start/End positions on the elements of the expression are not set.
+ */
+export declare function nodes_to_template_literal(value: Array<Text | MustacheTag>): TemplateLiteral;