svelte2tsx 0.6.1 → 0.6.2

package/index.js

@@ -1281,7 +1281,7 @@ function parseAttributes(str, start) {
     });
     return attrs;
 }
-function extractTag(htmlx, tag, useNewTransformation) {
+function extractTag(htmlx, tag) {
     const exp = new RegExp(`(<!--[^]*?-->)|(<${tag}([\\S\\s]*?)>)([\\S\\s]*?)<\\/${tag}>`, 'g');
     const matches = [];
     let match = null;
@@ -1292,2090 +1292,111 @@ function extractTag(htmlx, tag, useNewTransformation) {
         }
         let content = match[4];
         if (!content) {
-            if (useNewTransformation) {
-                // Keep tag and transform it like a regular element
-                content = '';
-            }
-            else {
-                // Self-closing/empty tags don't need replacement
-                continue;
-            }
+            // Keep tag and transform it like a regular element
+            content = '';
         }
         const start = match.index + match[2].length;
         const end = start + content.length;
         const containerStart = match.index;
         const containerEnd = match.index + match[0].length;
         matches.push({
-            start: containerStart,
-            end: containerEnd,
-            name: tag,
-            type: tag === 'style' ? 'Style' : 'Script',
-            attributes: parseAttributes(match[3], containerStart + `<${tag}`.length),
-            content: {
-                type: 'Text',
-                start,
-                end,
-                value: content,
-                raw: content
-            }
-        });
-    }
-    return matches;
-}
-function findVerbatimElements(htmlx, useNewTransformation) {
-    return [
-        ...extractTag(htmlx, 'script', useNewTransformation),
-        ...extractTag(htmlx, 'style', useNewTransformation)
-    ];
-}
-function blankVerbatimContent(htmlx, verbatimElements) {
-    let output = htmlx;
-    for (const node of verbatimElements) {
-        const content = node.content;
-        if (content) {
-            output =
-                output.substring(0, content.start) +
-                    output
-                        .substring(content.start, content.end)
-                        // blank out the content
-                        .replace(/[^\n]/g, ' ')
-                        // excess blank space can make the svelte parser very slow (sec->min). break it up with comments (works in style/script)
-                        .replace(/[^\n][^\n][^\n][^\n]\n/g, '/**/\n') +
-                    output.substring(content.end);
-        }
-    }
-    return output;
-}
-function parseHtmlx(htmlx, options) {
-    //Svelte tries to parse style and script tags which doesn't play well with typescript, so we blank them out.
-    //HTMLx spec says they should just be retained after processing as is, so this is fine
-    const verbatimElements = findVerbatimElements(htmlx, options === null || options === void 0 ? void 0 : options.useNewTransformation);
-    const deconstructed = blankVerbatimContent(htmlx, verbatimElements);
-    //extract the html content parsed as htmlx this excludes our script and style tags
-    const parsingCode = (options === null || options === void 0 ? void 0 : options.emitOnTemplateError)
-        ? blankPossiblyErrorOperatorOrPropertyAccess(deconstructed)
-        : deconstructed;
-    const htmlxAst = compiler.parse(parsingCode).html;
-    //restore our script and style tags as nodes to maintain validity with HTMLx
-    for (const s of verbatimElements) {
-        htmlxAst.children.push(s);
-        htmlxAst.start = Math.min(htmlxAst.start, s.start);
-        htmlxAst.end = Math.max(htmlxAst.end, s.end);
-    }
-    return { htmlxAst, tags: verbatimElements };
-}
-const possibleOperatorOrPropertyAccess = new Set([
-    '.',
-    '?',
-    '*',
-    '~',
-    '=',
-    '<',
-    '!',
-    '&',
-    '^',
-    '|',
-    ',',
-    '+',
-    '-'
-]);
-function blankPossiblyErrorOperatorOrPropertyAccess(htmlx) {
-    let index = htmlx.indexOf('}');
-    let lastIndex = 0;
-    const { length } = htmlx;
-    while (index < length && index >= 0) {
-        let backwardIndex = index - 1;
-        while (backwardIndex > lastIndex) {
-            const char = htmlx.charAt(backwardIndex);
-            if (possibleOperatorOrPropertyAccess.has(char)) {
-                const isPlusOrMinus = char === '+' || char === '-';
-                const isIncrementOrDecrement = isPlusOrMinus && htmlx.charAt(backwardIndex - 1) === char;
-                if (isIncrementOrDecrement) {
-                    backwardIndex -= 2;
-                    continue;
-                }
-                htmlx =
-                    htmlx.substring(0, backwardIndex) + ' ' + htmlx.substring(backwardIndex + 1);
-            }
-            else if (!/\s/.test(char)) {
-                break;
-            }
-            backwardIndex--;
-        }
-        lastIndex = index;
-        index = htmlx.indexOf('}', index + 1);
-    }
-    return htmlx;
-}
-
-function isMember$1(parent, prop) {
-    return parent.type == 'MemberExpression' && prop == 'property';
-}
-function isObjectKey(parent, prop) {
-    return parent.type == 'Property' && prop == 'key';
-}
-function isObjectValue(parent, prop) {
-    return parent.type == 'Property' && prop == 'value';
-}
-function isObjectValueShortHand(property) {
-    const { value, key } = property;
-    return value && isIdentifier(value) && key.start === value.start && key.end == value.end;
-}
-function attributeValueIsString(attr) {
-    var _a;
-    return attr.value.length !== 1 || ((_a = attr.value[0]) === null || _a === void 0 ? void 0 : _a.type) === 'Text';
-}
-function isDestructuringPatterns(node) {
-    return node.type === 'ArrayPattern' || node.type === 'ObjectPattern';
-}
-function isIdentifier(node) {
-    return node.type === 'Identifier';
-}
-function getSlotName(child) {
-    var _a, _b;
-    const slot = (_a = child.attributes) === null || _a === void 0 ? void 0 : _a.find((a) => a.name == 'slot');
-    return (_b = slot === null || slot === void 0 ? void 0 : slot.value) === null || _b === void 0 ? void 0 : _b[0].raw;
-}
-
-// @ts-check
-/** @typedef { import('estree').BaseNode} BaseNode */
-
-/** @typedef {{
-	skip: () => void;
-	remove: () => void;
-	replace: (node: BaseNode) => void;
-}} WalkerContext */
-
-class WalkerBase {
-	constructor() {
-		/** @type {boolean} */
-		this.should_skip = false;
-
-		/** @type {boolean} */
-		this.should_remove = false;
-
-		/** @type {BaseNode | null} */
-		this.replacement = null;
-
-		/** @type {WalkerContext} */
-		this.context = {
-			skip: () => (this.should_skip = true),
-			remove: () => (this.should_remove = true),
-			replace: (node) => (this.replacement = node)
-		};
-	}
-
-	/**
-	 *
-	 * @param {any} parent
-	 * @param {string} prop
-	 * @param {number} index
-	 * @param {BaseNode} node
-	 */
-	replace(parent, prop, index, node) {
-		if (parent) {
-			if (index !== null) {
-				parent[prop][index] = node;
-			} else {
-				parent[prop] = node;
-			}
-		}
-	}
-
-	/**
-	 *
-	 * @param {any} parent
-	 * @param {string} prop
-	 * @param {number} index
-	 */
-	remove(parent, prop, index) {
-		if (parent) {
-			if (index !== null) {
-				parent[prop].splice(index, 1);
-			} else {
-				delete parent[prop];
-			}
-		}
-	}
-}
-
-// @ts-check
-
-/** @typedef { import('estree').BaseNode} BaseNode */
-/** @typedef { import('./walker.js').WalkerContext} WalkerContext */
-
-/** @typedef {(
- *    this: WalkerContext,
- *    node: BaseNode,
- *    parent: BaseNode,
- *    key: string,
- *    index: number
- * ) => void} SyncHandler */
-
-class SyncWalker extends WalkerBase {
-	/**
-	 *
-	 * @param {SyncHandler} enter
-	 * @param {SyncHandler} leave
-	 */
-	constructor(enter, leave) {
-		super();
-
-		/** @type {SyncHandler} */
-		this.enter = enter;
-
-		/** @type {SyncHandler} */
-		this.leave = leave;
-	}
-
-	/**
-	 *
-	 * @param {BaseNode} node
-	 * @param {BaseNode} parent
-	 * @param {string} [prop]
-	 * @param {number} [index]
-	 * @returns {BaseNode}
-	 */
-	visit(node, parent, prop, index) {
-		if (node) {
-			if (this.enter) {
-				const _should_skip = this.should_skip;
-				const _should_remove = this.should_remove;
-				const _replacement = this.replacement;
-				this.should_skip = false;
-				this.should_remove = false;
-				this.replacement = null;
-
-				this.enter.call(this.context, node, parent, prop, index);
-
-				if (this.replacement) {
-					node = this.replacement;
-					this.replace(parent, prop, index, node);
-				}
-
-				if (this.should_remove) {
-					this.remove(parent, prop, index);
-				}
-
-				const skipped = this.should_skip;
-				const removed = this.should_remove;
-
-				this.should_skip = _should_skip;
-				this.should_remove = _should_remove;
-				this.replacement = _replacement;
-
-				if (skipped) return node;
-				if (removed) return null;
-			}
-
-			for (const key in node) {
-				const value = node[key];
-
-				if (typeof value !== "object") {
-					continue;
-				} else if (Array.isArray(value)) {
-					for (let i = 0; i < value.length; i += 1) {
-						if (value[i] !== null && typeof value[i].type === 'string') {
-							if (!this.visit(value[i], node, key, i)) {
-								// removed
-								i--;
-							}
-						}
-					}
-				} else if (value !== null && typeof value.type === "string") {
-					this.visit(value, node, key, null);
-				}
-			}
-
-			if (this.leave) {
-				const _replacement = this.replacement;
-				const _should_remove = this.should_remove;
-				this.replacement = null;
-				this.should_remove = false;
-
-				this.leave.call(this.context, node, parent, prop, index);
-
-				if (this.replacement) {
-					node = this.replacement;
-					this.replace(parent, prop, index, node);
-				}
-
-				if (this.should_remove) {
-					this.remove(parent, prop, index);
-				}
-
-				const removed = this.should_remove;
-
-				this.replacement = _replacement;
-				this.should_remove = _should_remove;
-
-				if (removed) return null;
-			}
-		}
-
-		return node;
-	}
-}
-
-// @ts-check
-
-/** @typedef { import('estree').BaseNode} BaseNode */
-/** @typedef { import('./sync.js').SyncHandler} SyncHandler */
-/** @typedef { import('./async.js').AsyncHandler} AsyncHandler */
-
-/**
- *
- * @param {BaseNode} ast
- * @param {{
- *   enter?: SyncHandler
- *   leave?: SyncHandler
- * }} walker
- * @returns {BaseNode}
- */
-function walk(ast, { enter, leave }) {
-	const instance = new SyncWalker(enter, leave);
-	return instance.visit(ast, null);
-}
-
-const IGNORE_START_COMMENT = '/*Ωignore_startΩ*/';
-const IGNORE_END_COMMENT = '/*Ωignore_endΩ*/';
-/**
- * Surrounds given string with a start/end comment which marks it
- * to be ignored by tooling.
- */
-function surroundWithIgnoreComments(str) {
-    return IGNORE_START_COMMENT + str + IGNORE_END_COMMENT;
-}
-
-/**
- * Get the constructor type of a component node
- * @param node The component node to infer the this type from
- * @param thisValue If node is svelte:component, you may pass the value
- *                  of this={..} to use that instead of the more general componentType
- */
-function getTypeForComponent(node) {
-    if (node.name === 'svelte:component' || node.name === 'svelte:self') {
-        return '__sveltets_1_componentType()';
-    }
-    else {
-        return node.name;
-    }
-}
-/**
- * Get the instance type of a node from its constructor.
- */
-function getInstanceTypeSimple(node, str) {
-    const instanceOf = (str) => `__sveltets_2_instanceOf(${str})`;
-    switch (node.type) {
-        case 'InlineComponent':
-            if (node.name === 'svelte:component' && node.expression) {
-                const thisVal = str.original.substring(node.expression.start, node.expression.end);
-                return `new (${thisVal})({target: __sveltets_2_any(''), props: __sveltets_2_any('')})`;
-            }
-            else if (node.name === 'svelte:component' || node.name === 'svelte:self') {
-                return instanceOf('__sveltets_1_componentType()');
-            }
-            else {
-                return `new ${node.name}({target: __sveltets_2_any(''), props: __sveltets_2_any('')})`;
-            }
-        case 'Element':
-            return instanceOf(`__sveltets_1_ctorOf(__sveltets_1_mapElementTag('${node.name}'))`);
-        case 'Body':
-            return instanceOf('HTMLBodyElement');
-        case 'Slot': // Web Components only
-            return instanceOf('HTMLSlotElement');
-    }
-}
-/**
- * Get the instance type of a node from its constructor.
- * If it's a component, pass in the exact props. This ensures that
- * the component instance has the right type in case of generic prop types.
- */
-function getInstanceType(node, originalStr, replacedPropValues = []) {
-    if (node.name === 'svelte:component' || node.name === 'svelte:self') {
-        return '__sveltets_2_instanceOf(__sveltets_1_componentType())';
-    }
-    const propsStr = getNameValuePairsFromAttributes(node, originalStr)
-        .map(({ name, value }) => {
-        var _a;
-        const replacedPropValue = (_a = replacedPropValues.find(({ name: propName }) => propName === name)) === null || _a === void 0 ? void 0 : _a.replacement;
-        return `'${name}':${replacedPropValue || value}`;
-    })
-        .join(', ');
-    return surroundWithIgnoreComments(`new ${node.name}({target: __sveltets_2_any(''), props: {${propsStr}}})`);
-}
-/**
- * Return a string which makes it possible for TypeScript to infer the instance type of the given component.
- * In the case of another component, this is done by creating a `new Comp({.. props: {..}})` code string.
- * Alongside with the result a list of shadowed props is returned. A shadowed prop is a prop
- * whose value is either too complex to analyse or contains an identifier which has the same name
- * as a `let:X` expression on the component. In that case, the returned string only contains a reference
- * to a constant which is `replacedPropsPrefix + propName`, so the calling code needs to make sure
- * to create such a `const`.
- */
-function getInstanceTypeForDefaultSlot(node, originalStr, replacedPropsPrefix) {
-    if (node.name === 'svelte:component' || node.name === 'svelte:self') {
-        return {
-            str: '__sveltets_2_instanceOf(__sveltets_1_componentType())',
-            shadowedProps: []
-        };
-    }
-    const lets = new Set((node.attributes || []).filter((attr) => attr.type === 'Let').map((attr) => attr.name));
-    const shadowedProps = [];
-    // Go through attribute values and mark those for reassignment to a const that
-    // either definitely shadow a let: or where it cannot be determined because the value is too complex.
-    const propsStr = getNameValuePairsFromAttributes(node, originalStr)
-        .map(({ name, value, identifier, complexExpression }) => {
-        if (complexExpression || lets.has(identifier)) {
-            const replacement = replacedPropsPrefix + sanitizePropName$1(name);
-            shadowedProps.push({ name, value, replacement });
-            return `'${name}':${replacement}`;
-        }
-        else {
-            return `'${name}':${value}`;
-        }
-    })
-        .join(', ');
-    const str = surroundWithIgnoreComments(`new ${node.name}({target: __sveltets_2_any(''), props: {${propsStr}}})`);
-    return { str, shadowedProps };
-}
-function getNameValuePairsFromAttributes(node, originalStr) {
-    return (node.attributes || [])
-        .filter((attr) => attr.type === 'Attribute' && !attr.name.startsWith('--'))
-        .map((attr) => {
-        const name = attr.name;
-        if (attr.value === true) {
-            return { name, value: 'true' };
-        }
-        if (attr.value.length === 1) {
-            const val = attr.value[0];
-            if (val.type === 'AttributeShorthand') {
-                return { name, value: name, identifier: name };
-            }
-            if (val.type === 'Text') {
-                const quote = ['"', "'"].includes(originalStr[val.start - 1])
-                    ? originalStr[val.start - 1]
-                    : "'";
-                return { name, value: `${quote}${val.data || val.raw}${quote}` };
-            }
-            if (val.type === 'MustacheTag') {
-                const valueStr = originalStr.substring(val.start + 1, val.end - 1);
-                if (val.expression.type === 'Identifier') {
-                    return { name, value: valueStr, identifier: valueStr };
-                }
-                if (val.expression.type === 'Literal') {
-                    const value = typeof val.expression.value === 'string'
-                        ? val.expression.raw
-                        : val.expression.value;
-                    return { name, value };
-                }
-                return { name, value: valueStr, complexExpression: true };
-            }
-        }
-        if (!attr.value.length) {
-            return { name, value: '""' };
-        }
-        const value = attr.value
-            .map((val) => val.type === 'Text'
-            ? val.raw
-            : val.type === 'MustacheTag'
-                ? '$' + originalStr.substring(val.start, val.end)
-                : '')
-            .join('');
-        return { name, value: `\`${value}\`` };
-    });
-}
-function sanitizePropName$1(name) {
-    return name
-        .split('')
-        .map((char) => (/[0-9A-Za-z$_]/.test(char) ? char : '_'))
-        .join('');
-}
-function beforeStart(start) {
-    return start - 1;
-}
-function isShortHandAttribute(attr) {
-    return attr.expression.end === attr.end;
-}
-function isQuote(str) {
-    return str === '"' || str === "'";
-}
-function getIdentifiersInIfExpression(expression) {
-    const offset = expression.start;
-    const identifiers = new Map();
-    walk(expression, {
-        enter: (node, parent) => {
-            switch (node.type) {
-                case 'Identifier':
-                    // parent.property === node => node is "prop" in "obj.prop"
-                    // parent.callee === node => node is "fun" in "fun(..)"
-                    if ((parent === null || parent === void 0 ? void 0 : parent.property) !== node && (parent === null || parent === void 0 ? void 0 : parent.callee) !== node) {
-                        add(node);
-                    }
-                    break;
-            }
-        }
-    });
-    function add(node) {
-        let entry = identifiers.get(node.name);
-        if (!entry) {
-            entry = [];
-        }
-        entry.push({ start: node.start - offset, end: node.end - offset });
-        identifiers.set(node.name, entry);
-    }
-    return identifiers;
-}
-function usesLet(node) {
-    var _a;
-    return (_a = node.attributes) === null || _a === void 0 ? void 0 : _a.some((attr) => attr.type === 'Let');
-}
-function buildTemplateString(attr, str, htmlx, leadingOverride, trailingOverride, overrideStart) {
-    overrideStart = overrideStart !== null && overrideStart !== void 0 ? overrideStart : htmlx.lastIndexOf('=', attr.value[0].start);
-    str.overwrite(overrideStart, attr.value[0].start, leadingOverride);
-    for (const n of attr.value) {
-        if (n.type == 'MustacheTag') {
-            str.appendRight(n.start, '$');
-        }
-    }
-    if (isQuote(htmlx[attr.end - 1])) {
-        str.overwrite(attr.end - 1, attr.end, trailingOverride);
-    }
-    else {
-        str.appendLeft(attr.end, trailingOverride);
-    }
-}
-/**
- * Check if there's a member access trailing behind given expression and if yes,
- * bump the position to include it.
- * Usually it's there because of the preprocessing we do before we let Svelte parse the template.
- */
-function withTrailingPropertyAccess$1(originalText, position) {
-    let index = position;
-    while (index < originalText.length) {
-        const char = originalText[index];
-        if (!char.trim()) {
-            index++;
-            continue;
-        }
-        if (char === '.') {
-            return index + 1;
-        }
-        if (char === '?' && originalText[index + 1] === '.') {
-            return index + 2;
-        }
-        break;
-    }
-    return position;
-}
-
-/**
- * use:xxx={params}   --->    {...__sveltets_1_ensureAction(xxx(__sveltets_1_mapElementTag('ParentNodeName'),(params)))}
- */
-function handleActionDirective$1(htmlx, str, attr, parent) {
-    str.overwrite(attr.start, attr.start + 'use:'.length, '{...__sveltets_1_ensureAction(');
-    const name = parent.name === 'svelte:body' ? 'body' : parent.name;
-    if (!attr.expression) {
-        str.appendLeft(attr.end, `(__sveltets_1_mapElementTag('${name}')))}`);
-        return;
-    }
-    str.overwrite(attr.start + `use:${attr.name}`.length, attr.expression.start, `(__sveltets_1_mapElementTag('${name}'),(`);
-    str.appendLeft(withTrailingPropertyAccess$1(str.original, attr.expression.end), ')))');
-    const lastChar = htmlx[attr.end - 1];
-    if (isQuote(lastChar)) {
-        str.remove(attr.end - 1, attr.end);
-    }
-}
-
-/**
- * animate:xxx(yyy)   --->   {...__sveltets_1_ensureAnimation(xxx(__sveltets_1_mapElementTag('..'),__sveltets_1_AnimationMove,(yyy)))}
- */
-function handleAnimateDirective$1(htmlx, str, attr, parent) {
-    str.overwrite(attr.start, htmlx.indexOf(':', attr.start) + 1, '{...__sveltets_1_ensureAnimation(');
-    const nodeType = `__sveltets_1_mapElementTag('${parent.name}')`;
-    if (!attr.expression) {
-        str.appendLeft(attr.end, `(${nodeType},__sveltets_1_AnimationMove,{}))}`);
-        return;
-    }
-    str.overwrite(htmlx.indexOf(':', attr.start) + 1 + `${attr.name}`.length, attr.expression.start, `(${nodeType},__sveltets_1_AnimationMove,(`);
-    str.appendLeft(withTrailingPropertyAccess$1(str.original, attr.expression.end), ')))');
-    if (isQuote(htmlx[attr.end - 1])) {
-        str.remove(attr.end - 1, attr.end);
-    }
-}
-
-var svgAttributes$1 = 'accent-height accumulate additive alignment-baseline allowReorder alphabetic amplitude arabic-form ascent attributeName attributeType autoReverse azimuth baseFrequency baseline-shift baseProfile bbox begin bias by calcMode cap-height class clip clipPathUnits clip-path clip-rule color color-interpolation color-interpolation-filters color-profile color-rendering contentScriptType contentStyleType cursor cx cy d decelerate descent diffuseConstant direction display divisor dominant-baseline dur dx dy edgeMode elevation enable-background end exponent externalResourcesRequired fill fill-opacity fill-rule filter filterRes filterUnits flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight format from fr fx fy g1 g2 glyph-name glyph-orientation-horizontal glyph-orientation-vertical glyphRef gradientTransform gradientUnits hanging height href horiz-adv-x horiz-origin-x id ideographic image-rendering in in2 intercept k k1 k2 k3 k4 kernelMatrix kernelUnitLength kerning keyPoints keySplines keyTimes lang lengthAdjust letter-spacing lighting-color limitingConeAngle local marker-end marker-mid marker-start markerHeight markerUnits markerWidth mask maskContentUnits maskUnits mathematical max media method min mode name numOctaves offset onabort onactivate onbegin onclick onend onerror onfocusin onfocusout onload onmousedown onmousemove onmouseout onmouseover onmouseup onrepeat onresize onscroll onunload opacity operator order orient orientation origin overflow overline-position overline-thickness panose-1 paint-order pathLength patternContentUnits patternTransform patternUnits pointer-events points pointsAtX pointsAtY pointsAtZ preserveAlpha preserveAspectRatio primitiveUnits r radius refX refY rendering-intent repeatCount repeatDur requiredExtensions requiredFeatures restart result rotate rx ry scale seed shape-rendering slope spacing specularConstant specularExponent speed spreadMethod startOffset stdDeviation stemh stemv stitchTiles stop-color stop-opacity strikethrough-position strikethrough-thickness string stroke stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width style surfaceScale systemLanguage tabindex tableValues target targetX targetY text-anchor text-decoration text-rendering textLength to transform type u1 u2 underline-position underline-thickness unicode unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical values version vert-adv-y vert-origin-x vert-origin-y viewBox viewTarget visibility width widths word-spacing writing-mode x x-height x1 x2 xChannelSelector xlink:actuate xlink:arcrole xlink:href xlink:role xlink:show xlink:title xlink:type xml:base xml:lang xml:space y y1 y2 yChannelSelector z zoomAndPan'.split(' ');
-
-/**
- * List taken from `svelte-jsx.d.ts` by searching for all attributes of type number
- */
-const numberOnlyAttributes$1 = new Set([
-    'cols',
-    'colspan',
-    'currenttime',
-    'defaultplaybackrate',
-    'high',
-    'low',
-    'marginheight',
-    'marginwidth',
-    'minlength',
-    'maxlength',
-    'optimum',
-    'rows',
-    'rowspan',
-    'size',
-    'span',
-    'start',
-    'tabindex',
-    'results',
-    'volume'
-]);
-/**
- * Handle various kinds of attributes and make them conform to JSX.
- * - {x}   --->    x={x}
- * - x="{..}"   --->    x={..}
- * - lowercase DOM attributes
- * - multi-value handling
- */
-function handleAttribute$1(htmlx, str, attr, parent, preserveCase) {
-    var _a, _b, _c;
-    const shouldApplySlotCheck = parent.type === 'Slot' && attr.name !== 'name';
-    const slotName = shouldApplySlotCheck
-        ? ((_c = (_b = (_a = parent.attributes) === null || _a === void 0 ? void 0 : _a.find((a) => a.name === 'name')) === null || _b === void 0 ? void 0 : _b.value[0]) === null || _c === void 0 ? void 0 : _c.data) || 'default'
-        : undefined;
-    const ensureSlotStr = `__sveltets_ensureSlot("${slotName}","${attr.name}",`;
-    let transformedFromDirectiveOrNamespace = false;
-    const transformAttributeCase = (name) => {
-        if (!preserveCase && !svgAttributes$1.find((x) => x == name)) {
-            return name.toLowerCase();
-        }
-        else {
-            return name;
-        }
-    };
-    //if we are on an "element" we are case insensitive, lowercase to match our JSX
-    if (parent.type == 'Element') {
-        const sapperLinkActions = ['sapper:prefetch', 'sapper:noscroll'];
-        const sveltekitLinkActions = [
-            'data-sveltekit-preload-code',
-            'data-sveltekit-preload-data',
-            'data-sveltekit-noscroll',
-            'data-sveltekit-reload'
-        ];
-        // skip Attribute shorthand, that is handled below
-        if ((attr.value !== true &&
-            !(attr.value.length &&
-                attr.value.length == 1 &&
-                attr.value[0].type == 'AttributeShorthand')) ||
-            sapperLinkActions.includes(attr.name) ||
-            sveltekitLinkActions.includes(attr.name)) {
-            let name = transformAttributeCase(attr.name);
-            //strip ":" from out attribute name and uppercase the next letter to convert to jsx attribute
-            const colonIndex = name.indexOf(':');
-            if (colonIndex >= 0) {
-                const parts = name.split(':');
-                name = parts[0] + parts[1][0].toUpperCase() + parts[1].substring(1);
-            }
-            str.overwrite(attr.start, attr.start + attr.name.length, name);
-            transformedFromDirectiveOrNamespace = true;
-        }
-    }
-    // Custom CSS property
-    if (parent.type === 'InlineComponent' && attr.name.startsWith('--') && attr.value !== true) {
-        str.prependRight(attr.start, '{...__sveltets_1_cssProp({"');
-        buildTemplateString(attr, str, htmlx, '": `', '`})}');
-        return;
-    }
-    //we are a bare attribute
-    if (attr.value === true) {
-        if (parent.type === 'Element' &&
-            !transformedFromDirectiveOrNamespace &&
-            parent.name !== '!DOCTYPE') {
-            str.overwrite(attr.start, attr.end, transformAttributeCase(attr.name));
-        }
-        return;
-    }
-    if (attr.value.length == 0) {
-        return; //wut?
-    }
-    //handle single value
-    if (attr.value.length == 1) {
-        const attrVal = attr.value[0];
-        if (attr.name == 'slot') {
-            str.remove(attr.start, attr.end);
-            return;
-        }
-        if (attrVal.type == 'AttributeShorthand') {
-            let attrName = attrVal.expression.name;
-            if (parent.type == 'Element') {
-                attrName = transformAttributeCase(attrName);
-            }
-            str.appendRight(attr.start, `${attrName}=`);
-            if (shouldApplySlotCheck) {
-                str.prependRight(attr.start + 1, ensureSlotStr);
-                str.prependLeft(attr.end - 1, ')');
-            }
-            return;
-        }
-        const equals = htmlx.lastIndexOf('=', attrVal.start);
-        const sanitizedName = sanitizeLeadingChars(attr.name);
-        if (sanitizedName !== attr.name) {
-            str.overwrite(attr.start, equals, sanitizedName);
-        }
-        if (attrVal.type == 'Text') {
-            const endsWithQuote = htmlx.lastIndexOf('"', attrVal.end) === attrVal.end - 1 ||
-                htmlx.lastIndexOf("'", attrVal.end) === attrVal.end - 1;
-            const needsQuotes = attrVal.end == attr.end && !endsWithQuote;
-            const hasBrackets = htmlx.lastIndexOf('}', attrVal.end) === attrVal.end - 1 ||
-                htmlx.lastIndexOf('}"', attrVal.end) === attrVal.end - 1 ||
-                htmlx.lastIndexOf("}'", attrVal.end) === attrVal.end - 1;
-            const needsNumberConversion = !hasBrackets &&
-                parent.type === 'Element' &&
-                numberOnlyAttributes$1.has(attr.name.toLowerCase()) &&
-                !isNaN(attrVal.data);
-            if (needsNumberConversion) {
-                const begin = '{' + (shouldApplySlotCheck ? ensureSlotStr : '');
-                const end = shouldApplySlotCheck ? ')}' : '}';
-                if (needsQuotes) {
-                    str.prependRight(equals + 1, begin);
-                    str.appendLeft(attr.end, end);
-                }
-                else {
-                    str.overwrite(equals + 1, equals + 2, begin);
-                    str.overwrite(attr.end - 1, attr.end, end);
-                }
-            }
-            else if (needsQuotes) {
-                const begin = shouldApplySlotCheck ? `{${ensureSlotStr}"` : '"';
-                const end = shouldApplySlotCheck ? '")}' : '"';
-                str.prependRight(equals + 1, begin);
-                str.appendLeft(attr.end, end);
-            }
-            else if (shouldApplySlotCheck) {
-                str.prependRight(equals + 1, `{${ensureSlotStr}`);
-                str.appendLeft(attr.end, ')}');
-            }
-            return;
-        }
-        if (attrVal.type == 'MustacheTag') {
-            const isInQuotes = attrVal.end != attr.end;
-            //if the end doesn't line up, we are wrapped in quotes
-            if (isInQuotes) {
-                str.remove(attrVal.start - 1, attrVal.start);
-                str.remove(attr.end - 1, attr.end);
-            }
-            if (shouldApplySlotCheck) {
-                str.prependRight(attrVal.start + 1, ensureSlotStr);
-                str.appendLeft(attr.end - (isInQuotes ? 2 : 1), ')');
-            }
-            return;
-        }
-        return;
-    }
-    // We have multiple attribute values, so we build a template string out of them.
-    buildTemplateString(attr, str, htmlx, shouldApplySlotCheck ? `={${ensureSlotStr}\`` : '={`', shouldApplySlotCheck ? '`)}' : '`}');
-}
-function sanitizeLeadingChars(attrName) {
-    let sanitizedName = '';
-    for (let i = 0; i < attrName.length; i++) {
-        if (/[A-Za-z$_]/.test(attrName[i])) {
-            sanitizedName += attrName.substr(i);
-            return sanitizedName;
-        }
-        else {
-            sanitizedName += '_';
-        }
-    }
-    return sanitizedName;
-}
-
-function extractConstTags(children) {
-    const tags = [];
-    for (const child of children) {
-        if (child.type === 'ConstTag') {
-            const constTag = child;
-            tags.push((insertionPoint, str) => {
-                str.appendRight(constTag.expression.left.start, 'const ');
-                const expressionEnd = withTrailingPropertyAccess$1(str.original, constTag.expression.right.end);
-                str.move(constTag.expression.left.start, expressionEnd, insertionPoint);
-                str.appendLeft(expressionEnd, ';');
-                str.overwrite(constTag.start + 1, constTag.expression.left.start - 1, '', {
-                    contentOnly: true
-                });
-            });
-        }
-    }
-    return tags;
-}
-
-/**
- * Transform {#await ...} into something JSX understands
- */
-function handleAwait$1(htmlx, str, awaitBlock, ifScope, templateScopeManager) {
-    // {#await somePromise then value} ->
-    // {() => {let _$$p = (somePromise);
-    let ifCondition = ifScope.getFullCondition();
-    ifCondition = ifCondition ? surroundWithIgnoreComments(`if(${ifCondition}) {`) : '';
-    templateScopeManager.awaitEnter(awaitBlock);
-    const constRedeclares = ifScope.getConstDeclaration();
-    str.overwrite(awaitBlock.start, awaitBlock.expression.start, `{() => {${constRedeclares}${ifCondition}let _$$p = (`);
-    // {/await} ->
-    // <>})}
-    const awaitEndStart = htmlx.lastIndexOf('{', awaitBlock.end - 1);
-    str.overwrite(awaitEndStart, awaitBlock.end, '</>})}}' + (ifCondition ? '}' : ''));
-}
-function handleAwaitPending(awaitBlock, htmlx, str, ifScope) {
-    if (awaitBlock.pending.skip) {
-        return;
-    }
-    // {await aPromise} ...  ->  aPromise); (possibleIfCondition &&)<> ... </>
-    const pendingStart = htmlx.indexOf('}', awaitBlock.expression.end);
-    const pendingEnd = !awaitBlock.then.skip
-        ? awaitBlock.then.start
-        : !awaitBlock.catch.skip
-            ? awaitBlock.catch.start
-            : htmlx.lastIndexOf('{', awaitBlock.end);
-    str.overwrite(withTrailingPropertyAccess$1(str.original, awaitBlock.expression.end), pendingStart + 1, ');');
-    str.appendRight(pendingStart + 1, ` ${ifScope.addPossibleIfCondition()}<>`);
-    str.appendLeft(pendingEnd, '</>; ');
-    if (!awaitBlock.then.skip) {
-        return;
-    }
-    // no need to prepend ifcondition here as we know the then block is empty
-    str.appendLeft(pendingEnd, '__sveltets_1_awaitThen(_$$p, () => {<>');
-}
-function handleAwaitThen(awaitBlock, htmlx, str, ifScope) {
-    if (awaitBlock.then.skip) {
-        return;
-    }
-    // then value } | then} | {:then value} | {await ..} .. {/await} ->
-    // __sveltets_1_awaitThen(_$$p, (value) => {(possibleIfCondition && )<>
-    let thenStart;
-    let thenEnd;
-    // then value } | {:then value}
-    if (!awaitBlock.pending.skip) {
-        // {await ...} ... {:then ...}
-        // thenBlock includes the {:then}
-        thenStart = awaitBlock.then.start;
-        if (awaitBlock.value) {
-            thenEnd = htmlx.indexOf('}', awaitBlock.value.end) + 1;
-        }
-        else {
-            thenEnd = htmlx.indexOf('}', awaitBlock.then.start) + 1;
-        }
-    }
-    else {
-        // {await ... then ...}
-        thenStart = htmlx.indexOf('then', awaitBlock.expression.end);
-        thenEnd = htmlx.lastIndexOf('}', awaitBlock.then.start) + 1;
-        // somePromise then -> somePromise); then
-        str.overwrite(awaitBlock.expression.end, thenStart, '); ');
-    }
-    if (awaitBlock.value) {
-        str.overwrite(thenStart, awaitBlock.value.start, '__sveltets_1_awaitThen(_$$p, (');
-        str.overwrite(awaitBlock.value.end, thenEnd, ') => {');
-        extractConstTags(awaitBlock.then.children).forEach((insertion) => {
-            insertion(thenEnd, str);
-        });
-        str.appendRight(thenEnd, `${ifScope.addPossibleIfCondition()}<>`);
-    }
-    else {
-        const awaitThenFn = '__sveltets_1_awaitThen(_$$p, () => {';
-        if (thenStart === thenEnd) {
-            str.appendLeft(thenStart, awaitThenFn);
-        }
-        else {
-            str.overwrite(thenStart, thenEnd, awaitThenFn);
-        }
-        extractConstTags(awaitBlock.then.children).forEach((insertion) => {
-            insertion(thenEnd, str);
-        });
-        str.appendRight(thenEnd, `${ifScope.addPossibleIfCondition()}<>`);
-    }
-}
-function handleAwaitCatch(awaitBlock, htmlx, str, ifScope) {
-    if (awaitBlock.catch.skip) {
-        return;
-    }
-    if (awaitBlock.pending.skip && awaitBlock.then.skip) {
-        if (awaitBlock.error) {
-            // {#await ... catch ...}
-            const catchBegin = htmlx.indexOf('}', awaitBlock.error.end) + 1;
-            str.overwrite(awaitBlock.expression.end, awaitBlock.error.start, '); __sveltets_1_awaitThen(_$$p, () => {}, (');
-            str.overwrite(awaitBlock.error.end, catchBegin, ') => {');
-            extractConstTags(awaitBlock.catch.children).forEach((insertion) => {
-                insertion(catchBegin, str);
-            });
-            str.appendRight(catchBegin, '<>');
-        }
-        else {
-            // {#await ... catch}
-            const catchBegin = htmlx.indexOf('}', awaitBlock.expression.end) + 1;
-            str.overwrite(awaitBlock.expression.end, catchBegin, '); __sveltets_1_awaitThen(_$$p, () => {}, () => {');
-            extractConstTags(awaitBlock.catch.children).forEach((insertion) => {
-                insertion(catchBegin, str);
-            });
-            str.appendRight(catchBegin, '<>');
-        }
-    }
-    else {
-        //{:catch error} ->
-        //</>}, (error) => {<>
-        //catch block includes the {:catch}
-        const catchStart = awaitBlock.catch.start;
-        const catchSymbolEnd = htmlx.indexOf(':catch', catchStart) + ':catch'.length;
-        const errorStart = awaitBlock.error ? awaitBlock.error.start : catchSymbolEnd;
-        const errorEnd = awaitBlock.error ? awaitBlock.error.end : errorStart;
-        const catchEnd = htmlx.indexOf('}', errorEnd) + 1;
-        str.overwrite(catchStart, errorStart, '</>}, (');
-        str.overwrite(errorEnd, catchEnd, ') => {');
-        extractConstTags(awaitBlock.catch.children).forEach((insertion) => {
-            insertion(catchEnd, str);
-        });
-        str.appendRight(catchEnd, `${ifScope.addPossibleIfCondition()}<>`);
-    }
-}
-
-const oneWayBindingAttributes$1 = new Map(['clientWidth', 'clientHeight', 'offsetWidth', 'offsetHeight']
-    .map((e) => [e, 'HTMLDivElement'])
-    .concat(['duration', 'buffered', 'seekable', 'seeking', 'played', 'ended'].map((e) => [
-    e,
-    'HTMLMediaElement'
-])));
-/**
- * List of all binding names that are transformed to sth like `binding = variable`.
- * This applies to readonly bindings and the this binding.
- */
-new Set([...oneWayBindingAttributes$1.keys(), 'this']);
-/**
- * Transform bind:xxx into something that conforms to JSX
- */
-function handleBinding$1(htmlx, str, attr, el) {
-    //bind group on input
-    if (attr.name == 'group' && el.name == 'input') {
-        str.remove(attr.start, attr.expression.start);
-        str.appendLeft(attr.expression.start, '{...__sveltets_1_empty(');
-        const endBrackets = ')}';
-        if (isShortHandAttribute(attr)) {
-            str.prependRight(attr.end, endBrackets);
-        }
-        else {
-            str.overwrite(withTrailingPropertyAccess$1(str.original, attr.expression.end), attr.end, endBrackets);
-        }
-        return;
-    }
-    const supportsBindThis = [
-        'InlineComponent',
-        'Element',
-        'Body',
-        'Slot' // only valid for Web Components compile target
-    ];
-    //bind this
-    if (attr.name === 'this' && supportsBindThis.includes(el.type)) {
-        // bind:this is effectively only works bottom up - the variable is updated by the element, not
-        // the other way round. So we check if the instance is assignable to the variable.
-        // Some notes:
-        // - If the component unmounts (it's inside an if block, or svelte:component this={null},
-        //   the value becomes null, but we don't add it to the clause because it would introduce
-        //   worse DX for the 99% use case, and because null !== undefined which others might use to type the declaration.
-        // - This doesn't do a 100% correct job of infering the instance type in case someone used generics for input props.
-        //   For now it errs on the side of "no false positives" at the cost of maybe some missed type bugs
-        const thisType = getInstanceTypeSimple(el, str);
-        if (thisType) {
-            str.overwrite(attr.start, attr.expression.start, '{...__sveltets_1_empty(');
-            const instanceOfThisAssignment = ' = ' + surroundWithIgnoreComments(thisType) + ')}';
-            str.overwrite(attr.expression.end, attr.end, instanceOfThisAssignment);
-            return;
-        }
-    }
-    //one way binding
-    if (oneWayBindingAttributes$1.has(attr.name) && el.type === 'Element') {
-        str.remove(attr.start, attr.expression.start);
-        str.appendLeft(attr.expression.start, '{...__sveltets_1_empty(');
-        if (isShortHandAttribute(attr)) {
-            str.appendLeft(attr.end, `=__sveltets_2_instanceOf(${oneWayBindingAttributes$1.get(attr.name)}).${attr.name})}`);
-        }
-        else {
-            str.overwrite(attr.expression.end, attr.end, `=__sveltets_2_instanceOf(${oneWayBindingAttributes$1.get(attr.name)}).${attr.name})}`);
-        }
-        return;
-    }
-    str.remove(attr.start, attr.start + 'bind:'.length);
-    if (attr.expression.start === attr.start + 'bind:'.length) {
-        str.prependLeft(attr.expression.start, `${attr.name}={`);
-        str.appendLeft(attr.end, '}');
-        return;
-    }
-    //remove possible quotes
-    const lastChar = htmlx[attr.end - 1];
-    if (isQuote(lastChar)) {
-        const firstQuote = htmlx.indexOf(lastChar, attr.start);
-        str.remove(firstQuote, firstQuote + 1);
-        str.remove(attr.end - 1, attr.end);
-    }
-}
-
-/**
- * class:xx={yyy}   --->   {...__sveltets_1_ensureType(Boolean, !!(yyy))}
- */
-function handleClassDirective$1(str, attr) {
-    str.overwrite(attr.start, attr.expression.start, '{...__sveltets_1_ensureType(Boolean, !!(');
-    const endBrackets = '))}';
-    if (attr.end !== attr.expression.end) {
-        str.overwrite(withTrailingPropertyAccess$1(str.original, attr.expression.end), attr.end, endBrackets);
-    }
-    else {
-        str.appendLeft(attr.end, endBrackets);
-    }
-}
-
-/**
- * Removes comment
- */
-function handleComment$1(str, node) {
-    str.overwrite(node.start, node.end, '', { contentOnly: true });
-}
-
-const shadowedPropsSymbol = Symbol('shadowedProps');
-/**
- * Transforms the usage of a slot (slot="xxx")
- * - transforms let:xx, {@const xx}
- */
-function handleSlot(htmlx, str, slotEl, component, slotName, ifScope, templateScope) {
-    var _a;
-    //collect "let" definitions
-    const slotElIsComponent = slotEl === component;
-    let hasMovedLet = false;
-    let slotDefInsertionPoint;
-    // lazily calculate insertion point only when needed
-    const calculateSlotDefInsertionPoint = () => {
-        slotDefInsertionPoint =
-            slotDefInsertionPoint ||
-                (slotElIsComponent
-                    ? htmlx.lastIndexOf('>', slotEl.children[0].start) + 1
-                    : slotEl.start);
-    };
-    for (const attr of slotEl.attributes) {
-        if (attr.type != 'Let') {
-            continue;
-        }
-        if (slotElIsComponent && slotEl.children.length == 0) {
-            //no children anyway, just wipe out the attribute
-            str.remove(attr.start, attr.end);
-            continue;
-        }
-        calculateSlotDefInsertionPoint();
-        str.move(attr.start, attr.end, slotDefInsertionPoint);
-        //remove let:
-        str.remove(attr.start, attr.start + 'let:'.length);
-        if (hasMovedLet) {
-            str.appendRight(attr.start + 'let:'.length, ', ');
-        }
-        templateScope.inits.add(((_a = attr.expression) === null || _a === void 0 ? void 0 : _a.name) || attr.name);
-        hasMovedLet = true;
-        if (attr.expression) {
-            //overwrite the = as a :
-            const equalSign = htmlx.lastIndexOf('=', attr.expression.start);
-            const curly = htmlx.lastIndexOf('{', beforeStart(attr.expression.start));
-            str.overwrite(equalSign, curly + 1, ':');
-            str.remove(attr.expression.end, attr.end);
-        }
-    }
-    const hasConstTag = slotEl.children.some((child) => child.type === 'ConstTag');
-    if (!hasMovedLet && !hasConstTag) {
-        return;
-    }
-    calculateSlotDefInsertionPoint();
-    const { singleSlotDef, constRedeclares } = getSingleSlotDefAndConstsRedeclaration(component, slotName, str.original, ifScope, slotElIsComponent);
-    const prefix = constRedeclares ? `() => {${constRedeclares}` : '';
-    str.appendLeft(slotDefInsertionPoint, `{${prefix}() => { `);
-    if (hasMovedLet) {
-        str.appendLeft(slotDefInsertionPoint, 'let {');
-        str.appendRight(slotDefInsertionPoint, `} = ${singleSlotDef};`);
-    }
-    if (hasConstTag) {
-        // unable to move multiple codes to the same place while insert code in between
-        // NOTE: cheat by move to `slotDefInsertionPoint + 1` position
-        // then copy the character in str[slotDefInsertionPoint...slotDefInsertionPoint + 1] to the back
-        // and comment out the original str[slotDefInsertionPoint...slotDefInsertionPoint + 1]
-        str.appendRight(slotDefInsertionPoint, '/*');
-        extractConstTags(slotEl.children).forEach((insertion) => {
-            insertion(slotDefInsertionPoint + 1, str);
-        });
-        str.appendRight(slotDefInsertionPoint + 1, `${ifScope.addPossibleIfCondition()}<>`);
-        str.appendRight(slotDefInsertionPoint + 1, str.original.slice(slotDefInsertionPoint, slotDefInsertionPoint + 1));
-        str.appendLeft(slotDefInsertionPoint + 1, '*/');
-    }
-    else {
-        str.appendRight(slotDefInsertionPoint, `${ifScope.addPossibleIfCondition()}<>`);
-    }
-    const closeSlotDefInsertionPoint = slotElIsComponent
-        ? htmlx.lastIndexOf('<', slotEl.end - 1)
-        : slotEl.end;
-    str.appendLeft(closeSlotDefInsertionPoint, `</>}}${constRedeclares ? '}' : ''}`);
-}
-function getSingleSlotDefAndConstsRedeclaration(componentNode, slotName, originalStr, ifScope, findAndRedeclareShadowedProps) {
-    if (findAndRedeclareShadowedProps) {
-        const replacement = 'Ψ';
-        const { str, shadowedProps } = getInstanceTypeForDefaultSlot(componentNode, originalStr, replacement);
-        componentNode[shadowedPropsSymbol] = shadowedProps;
-        return {
-            singleSlotDef: `${str}.$$slot_def['${slotName}']`,
-            constRedeclares: getConstsToRedeclare(ifScope, shadowedProps)
-        };
-    }
-    else {
-        const str = getInstanceType(componentNode, originalStr, componentNode[shadowedPropsSymbol] || []);
-        return {
-            singleSlotDef: `${str}.$$slot_def['${slotName}']`,
-            constRedeclares: ifScope.getConstDeclaration()
-        };
-    }
-}
-function getConstsToRedeclare(ifScope, shadowedProps) {
-    const ifScopeRedeclarations = ifScope.getConstsToRedeclare();
-    const letRedeclarations = shadowedProps.map(({ value, replacement }) => `${replacement}=${value}`);
-    const replacements = [...ifScopeRedeclarations, ...letRedeclarations].join(',');
-    return replacements ? surroundWithIgnoreComments(`const ${replacements};`) : '';
-}
-
-/**
- * Handle `<svelte:self>` and slot-specific transformations.
- */
-function handleComponent(htmlx, str, el, parent, ifScope, templateScope) {
-    //we need to remove : if it is a svelte component
-    if (el.name.startsWith('svelte:')) {
-        const colon = htmlx.indexOf(':', el.start);
-        str.remove(colon, colon + 1);
-        const closeTag = htmlx.lastIndexOf('/' + el.name, el.end);
-        if (closeTag > el.start) {
-            const colon = htmlx.indexOf(':', closeTag);
-            str.remove(colon, colon + 1);
-        }
-    }
-    // Handle possible slot
-    const slotName = getSlotName(el) || 'default';
-    handleSlot(htmlx, str, el, slotName === 'default' ? el : parent, slotName, ifScope, templateScope);
-}
-
-/**
- * {@debug a}		--->   {a}
- * {@debug a, b}	--->   {a}{b}
- * tsx won't accept commas, must split
- */
-function handleDebug$1(_htmlx, str, debugBlock) {
-    let cursor = debugBlock.start;
-    for (const identifier of debugBlock.identifiers) {
-        str.remove(cursor, identifier.start);
-        str.prependLeft(identifier.start, '{');
-        str.prependLeft(identifier.end, '}');
-        cursor = identifier.end;
-    }
-    str.remove(cursor, debugBlock.end);
-}
-
-/**
- * Transform each block into something JSX can understand.
- */
-function handleEach$1(htmlx, str, eachBlock, ifScope) {
-    // {#each items as item,i (key)} ->
-    // {__sveltets_1_each(items, (item,i) => (key) && (possible if expression &&) <>
-    const constRedeclares = ifScope.getConstDeclaration();
-    const prefix = constRedeclares ? `{() => {${constRedeclares}() => ` : '';
-    str.overwrite(eachBlock.start, eachBlock.expression.start, `${prefix}{__sveltets_1_each(`);
-    str.overwrite(eachBlock.expression.end, eachBlock.context.start, ', (');
-    // {#each true, items as item}
-    if (eachBlock.expression.type === 'SequenceExpression') {
-        str.appendRight(eachBlock.expression.start, '(');
-        str.appendLeft(eachBlock.expression.end, ')');
-    }
-    let contextEnd = eachBlock.context.end;
-    if (eachBlock.index) {
-        const idxLoc = htmlx.indexOf(eachBlock.index, contextEnd);
-        contextEnd = idxLoc + eachBlock.index.length;
-    }
-    const constTags = extractConstTags(eachBlock.children);
-    str.prependLeft(contextEnd, ') =>' + (constTags.length ? ' {' : ''));
-    constTags.forEach((insertion) => {
-        insertion(contextEnd, str);
-    });
-    if (eachBlock.key) {
-        const endEachStart = htmlx.indexOf('}', eachBlock.key.end);
-        str.overwrite(endEachStart, endEachStart + 1, ` && ${ifScope.addPossibleIfCondition()}<>`);
-    }
-    else {
-        const endEachStart = htmlx.indexOf('}', contextEnd);
-        str.overwrite(endEachStart, endEachStart + 1, ` ${ifScope.addPossibleIfCondition()}<>`);
-    }
-    const endEach = htmlx.lastIndexOf('{', eachBlock.end - 1);
-    const suffix = '</>' + (constTags.length ? '}' : '') + (constRedeclares ? ')}}}' : ')}');
-    // {/each} -> </>})} or {:else} -> </>})}
-    if (eachBlock.else) {
-        const elseEnd = htmlx.lastIndexOf('}', eachBlock.else.start);
-        const elseStart = htmlx.lastIndexOf('{', elseEnd);
-        str.overwrite(elseStart, elseEnd + 1, suffix);
-        str.remove(endEach, eachBlock.end);
-    }
-    else {
-        str.overwrite(endEach, eachBlock.end, suffix);
-    }
-}
-
-/**
- * Special treatment for self-closing / void tags to make them conform to JSX.
- */
-function handleElement(htmlx, str, node, parent, ifScope, templateScope) {
-    const slotName = getSlotName(node);
-    if (slotName) {
-        handleSlot(htmlx, str, node, parent, slotName, ifScope, templateScope);
-    }
-    //we just have to self close void tags since jsx always wants the />
-    const voidTags = 'area,base,br,col,embed,hr,img,input,link,meta,param,source,track,wbr'.split(',');
-    if (voidTags.find((x) => x == node.name)) {
-        if (htmlx[node.end - 2] != '/') {
-            str.appendRight(node.end - 1, '/');
-        }
-    }
-    //some tags auto close when they encounter certain elements, jsx doesn't support this
-    if (htmlx[node.end - 1] != '>') {
-        str.appendRight(node.end, `</${node.name}>`);
-    }
-}
-
-/**
- * Transform on:xxx={yyy}
- * - For DOM elements: ---> onxxx={yyy}
- * - For Svelte components/special elements: ---> {__sveltets_2_instanceOf(..ComponentType..).$on("xxx", yyy)}
- */
-function handleEventHandler$1(htmlx, str, attr, parent) {
-    const jsxEventName = attr.name;
-    if (['Element', 'Window', 'Body'].includes(parent.type) /*&& KnownEvents.indexOf('on'+jsxEventName) >= 0*/) {
-        if (attr.expression) {
-            const endAttr = htmlx.indexOf('=', attr.start);
-            str.overwrite(attr.start + 'on:'.length - 1, endAttr, jsxEventName);
-            const lastChar = htmlx[attr.end - 1];
-            if (isQuote(lastChar)) {
-                const firstQuote = htmlx.indexOf(lastChar, endAttr);
-                str.remove(firstQuote, firstQuote + 1);
-                str.remove(attr.end - 1, attr.end);
-            }
-        }
-        else {
-            str.overwrite(attr.start + 'on:'.length - 1, attr.end, `${jsxEventName}={undefined}`);
-        }
-    }
-    else {
-        if (attr.expression) {
-            const on = 'on';
-            //for handler assignment, we change it to call to our __sveltets_1_ensureFunction
-            str.appendRight(attr.start, `{${getInstanceType(parent, str.original)}.$`);
-            const eventNameIndex = htmlx.indexOf(':', attr.start) + 1;
-            str.overwrite(htmlx.indexOf(on, attr.start) + on.length, eventNameIndex, "('");
-            const eventEnd = htmlx.lastIndexOf('=', attr.expression.start);
-            str.overwrite(eventEnd, attr.expression.start, "', ");
-            str.overwrite(withTrailingPropertyAccess$1(str.original, attr.expression.end), attr.end, ')}');
-            str.move(attr.start, attr.end, parent.end);
-        }
-        else {
-            //for passthrough handlers, we just remove
-            str.remove(attr.start, attr.end);
-        }
-    }
-}
-
-/**
- * {# if ...}...{/if}   --->   {() => {if(...){<>...</>}}}
- */
-function handleIf$1(htmlx, str, ifBlock, ifScope) {
-    const endIf = htmlx.lastIndexOf('{', ifBlock.end - 1);
-    const constTags = extractConstTags(ifBlock.children);
-    const ifConditionEnd = htmlx.indexOf('}', ifBlock.expression.end) + 1;
-    const hasConstTags = !!constTags.length;
-    const endIIFE = createEndIIFE(hasConstTags);
-    const startIIFE = createStartIIFE(hasConstTags);
-    if (hasConstTags) {
-        // {@const hi = exp} <div>{hi}> -> {(() => { const hi = exp; return <> <div>{hi}<div></> })}
-        constTags.forEach((constTag) => {
-            constTag(ifConditionEnd, str);
-        });
-        str.appendRight(ifConditionEnd, 'return <>');
-        if (ifBlock.else) {
-            // {:else} -> </>})()}</> : <>
-            const elseWord = htmlx.lastIndexOf(':else', ifBlock.else.start);
-            const elseStart = htmlx.lastIndexOf('{', elseWord);
-            str.appendLeft(elseStart, endIIFE);
-        }
-    }
-    if (ifBlock.elseif) {
-        // {:else if expr}  ->  : (expr) ? <>
-        // {:else if expr}{@const ...}  ->  : (expr) ? <>{(() => {const ...; return <>
-        const elseIfStart = htmlx.lastIndexOf('{', ifBlock.expression.start);
-        str.overwrite(elseIfStart, ifBlock.expression.start, '</> : (', {
-            contentOnly: true
-        });
-        str.overwrite(withTrailingPropertyAccess$1(str.original, ifBlock.expression.end), ifConditionEnd, ') ? <>' + startIIFE);
-        ifScope.addElseIf(ifBlock.expression, str);
-        if (!ifBlock.else) {
-            str.appendLeft(endIf, endIIFE + '</> : <>');
-        }
-        return;
-    }
-    // {#if expr}  ->  {(expr) ? <>
-    // {#if expr}{@const ...} ->  {(expr) ? <>{(() => {const ...; return <>
-    str.overwrite(ifBlock.start, ifBlock.expression.start, '{(', { contentOnly: true });
-    str.overwrite(withTrailingPropertyAccess$1(str.original, ifBlock.expression.end), ifConditionEnd, ') ? <>' + startIIFE, { contentOnly: true });
-    ifScope.addNestedIf(ifBlock.expression, str);
-    if (ifBlock.else) {
-        // {/if}  ->  </> }
-        str.overwrite(endIf, ifBlock.end, '</> }', { contentOnly: true });
-    }
-    else {
-        // {/if}  ->  </> : <></>}
-        // {@const ...} -> </>})()}</> : <></>}
-        str.overwrite(endIf, ifBlock.end, endIIFE + '</> : <></>}', {
-            contentOnly: true
-        });
-    }
-}
-function createStartIIFE(hasConstTags) {
-    return hasConstTags ? '{(() => {' : '';
-}
-function createEndIIFE(hasConstTags) {
-    return hasConstTags ? '</>})()}' : '';
-}
-/**
- * {:else}   --->   </> : <>
- * {:else} {@const ...} -> </> : <>{(() => { const ...; return<>
- */
-function handleElse$1(htmlx, str, elseBlock, parent, ifScope) {
-    var _a, _b;
-    if (parent.type !== 'IfBlock' ||
-        (((_a = elseBlock.children[0]) === null || _a === void 0 ? void 0 : _a.type) === 'IfBlock' && ((_b = elseBlock.children[0]) === null || _b === void 0 ? void 0 : _b.elseif))) {
-        return;
-    }
-    const elseEnd = htmlx.lastIndexOf('}', elseBlock.start);
-    const elseword = htmlx.lastIndexOf(':else', elseEnd);
-    const elseStart = htmlx.lastIndexOf('{', elseword);
-    const constTags = extractConstTags(elseBlock.children);
-    const hasConstTags = !!constTags.length;
-    str.overwrite(elseStart, elseEnd + 1, '</> : <>' + createStartIIFE(hasConstTags));
-    ifScope.addElse();
-    if (!hasConstTags) {
-        return;
-    }
-    constTags.forEach((constTag) => {
-        constTag(elseEnd + 1, str);
-    });
-    str.appendRight(elseEnd + 1, 'return <>');
-    str.appendLeft(elseBlock.end, createEndIIFE(true));
-}
-
-var IfType;
-(function (IfType) {
-    IfType[IfType["If"] = 0] = "If";
-    IfType[IfType["ElseIf"] = 1] = "ElseIf";
-    IfType[IfType["Else"] = 2] = "Else";
-})(IfType || (IfType = {}));
-/**
- * Creates a new condition whos parent is the current condition
- * and the leaf is the passed in condition info.
- * See `Condition` for an explanation of the structure.
- */
-function addElseIfCondition(existingCondition, newCondition) {
-    return {
-        parent: existingCondition,
-        condition: newCondition,
-        type: IfType.ElseIf
-    };
-}
-/**
- * Creates a new condition whos parent is the current condition
- * and the leaf is the else condition, where children can follow.
- * See `Condition` for an explanation of the structure.
- */
-function addElseCondition(existingCondition) {
-    return {
-        parent: existingCondition,
-        type: IfType.Else
-    };
-}
-const REPLACEMENT_PREFIX = '\u03A9';
-/**
- * Returns the full currently known condition. Identifiers in the condition
- * get replaced if they were redeclared.
- */
-function getFullCondition(condition, replacedNames, replacementPrefix) {
-    switch (condition.type) {
-        case IfType.If:
-            return _getFullCondition(condition, false, replacedNames, replacementPrefix);
-        case IfType.ElseIf:
-            return _getFullCondition(condition, false, replacedNames, replacementPrefix);
-        case IfType.Else:
-            return _getFullCondition(condition, false, replacedNames, replacementPrefix);
-    }
-}
-function _getFullCondition(condition, negate, replacedNames, replacementPrefix) {
-    switch (condition.type) {
-        case IfType.If:
-            return negate
-                ? `!(${getConditionString(condition.condition, replacedNames, replacementPrefix)})`
-                : `(${getConditionString(condition.condition, replacedNames, replacementPrefix)})`;
-        case IfType.ElseIf:
-            return `${_getFullCondition(condition.parent, true, replacedNames, replacementPrefix)} && ${negate ? '!' : ''}(${getConditionString(condition.condition, replacedNames, replacementPrefix)})`;
-        case IfType.Else:
-            return `${_getFullCondition(condition.parent, true, replacedNames, replacementPrefix)}`;
-    }
-}
-/**
- * Alter a condition text such that identifiers which needs replacement
- * are replaced accordingly.
- */
-function getConditionString(condition, replacedNames, replacementPrefix) {
-    const replacements = [];
-    for (const name of replacedNames) {
-        const occurences = condition.identifiers.get(name);
-        if (occurences) {
-            for (const occurence of occurences) {
-                replacements.push({ ...occurence, name });
-            }
-        }
-    }
-    if (!replacements.length) {
-        return condition.text;
-    }
-    replacements.sort((r1, r2) => r1.start - r2.start);
-    return (condition.text.substring(0, replacements[0].start) +
-        replacements
-            .map((replacement, idx) => {
-            var _a;
-            return replacementPrefix +
-                replacement.name +
-                condition.text.substring(replacement.end, (_a = replacements[idx + 1]) === null || _a === void 0 ? void 0 : _a.start);
-        })
-            .join(''));
-}
-/**
- * Returns a set of all identifiers that were used in this condition
- */
-function collectReferencedIdentifiers(condition) {
-    const identifiers = new Set();
-    let current = condition;
-    while (current) {
-        if (current.type === IfType.ElseIf || current.type === IfType.If) {
-            for (const identifier of current.condition.identifiers.keys()) {
-                identifiers.add(identifier);
-            }
-        }
-        current =
-            current.type === IfType.ElseIf || current.type === IfType.Else
-                ? current.parent
-                : undefined;
-    }
-    return identifiers;
-}
-/**
- * A scope contains a if-condition including else(if) branches.
- * The branches are added over time and the whole known condition is updated accordingly.
- *
- * This class is then mainly used to reprint if-conditions. This is necessary when
- * a lambda-function is declared within the jsx-template because that function loses
- * the control flow information. The reprint should be prepended to the jsx-content
- * of the lambda function.
- *
- * Example:
- * `{check ? {() => {<p>hi</p>}} : ''}`
- * becomes
- * `{check ? {() => {check && <p>hi</p>}} : ''}`
- *
- * Most of the logic in here deals with the possibility of shadowed variables.
- * Example:
- * `{check ? {(check) => {<p>{check}</p>}} : ''}`
- * becomes
- * `{check ? {const Ωcheck = check;(check) => {Ωcheck && <p>{check}</p>}} : ''}`
- *
- */
-class IfScope {
-    constructor(scope, current, parent) {
-        this.scope = scope;
-        this.current = current;
-        this.parent = parent;
-        this.ownScope = this.scope.value;
-        this.replacementPrefix = REPLACEMENT_PREFIX.repeat(this.computeDepth());
-    }
-    /**
-     * Returns the full currently known condition, prepended with the conditions
-     * of its parents. Identifiers in the condition get replaced if they were redeclared.
-     */
-    getFullCondition() {
-        var _a;
-        if (!this.current) {
-            return '';
-        }
-        const parentCondition = (_a = this.parent) === null || _a === void 0 ? void 0 : _a.getFullCondition();
-        const condition = `(${getFullCondition(this.current, this.getNamesThatNeedReplacement(), this.replacementPrefix)})`;
-        return parentCondition ? `(${parentCondition}) && ${condition}` : condition;
-    }
-    /**
-     * Convenience method which invokes `getFullCondition` and adds a `&&` at the end
-     * for easy chaining.
-     */
-    addPossibleIfCondition() {
-        const condition = this.getFullCondition();
-        return condition ? surroundWithIgnoreComments(`${condition} && `) : '';
-    }
-    /**
-     * Adds a new child IfScope.
-     */
-    addNestedIf(expression, str) {
-        const condition = this.getConditionInfo(str, expression);
-        const ifScope = new IfScope(this.scope, { condition, type: IfType.If }, this);
-        this.child = ifScope;
-    }
-    /**
-     * Adds a `else if` branch to the scope and enhances the condition accordingly.
-     */
-    addElseIf(expression, str) {
-        const condition = this.getConditionInfo(str, expression);
-        this.current = addElseIfCondition(this.current, condition);
-    }
-    /**
-     * Adds a `else` branch to the scope and enhances the condition accordingly.
-     */
-    addElse() {
-        this.current = addElseCondition(this.current);
-    }
-    getChild() {
-        return this.child || this;
-    }
-    getParent() {
-        return this.parent || this;
-    }
-    /**
-     * Returns a set of all identifiers that were used in this IfScope and its parent scopes.
-     */
-    collectReferencedIdentifiers() {
-        var _a;
-        const current = collectReferencedIdentifiers(this.current);
-        const parent = (_a = this.parent) === null || _a === void 0 ? void 0 : _a.collectReferencedIdentifiers();
-        if (parent) {
-            for (const identifier of parent) {
-                current.add(identifier);
-            }
-        }
-        return current;
-    }
-    /**
-     * Should be invoked when a new template scope which resets control flow (await, each, slot) is created.
-     * The returned string contains a list of `const` declarations which redeclares the identifiers
-     * in the conditions which would be overwritten by the scope
-     * (because they declare a variable with the same name, therefore shadowing the outer variable).
-     */
-    getConstDeclaration() {
-        const replacements = this.getConstsToRedeclare().join(',');
-        return replacements ? surroundWithIgnoreComments(`const ${replacements};`) : '';
-    }
-    /**
-     * Like `getConstsRedaclarationString`, but only returns a list of redaclaration-string without
-     * merging the result with `const` and a ignore comments surround.
-     */
-    getConstsToRedeclare() {
-        return this.getNamesToRedeclare().map((identifier) => `${this.replacementPrefix + identifier}=${identifier}`);
-    }
-    /**
-     * Returns true if given identifier is referenced in this IfScope or a parent scope.
-     */
-    referencesIdentifier(name) {
-        const current = collectReferencedIdentifiers(this.current);
-        if (current.has(name)) {
-            return true;
-        }
-        if (!this.parent || this.ownScope.inits.has(name)) {
-            return false;
-        }
-        return this.parent.referencesIdentifier(name);
-    }
-    getConditionInfo(str, expression) {
-        const identifiers = getIdentifiersInIfExpression(expression);
-        const text = str.original.substring(expression.start, expression.end);
-        return { identifiers, text };
-    }
-    /**
-     * Contains a list of identifiers which would be overwritten by the child template scope.
-     */
-    getNamesToRedeclare() {
-        return [...this.scope.value.inits.keys()].filter((init) => {
-            let parent = this.scope.value.parent;
-            while (parent && parent !== this.ownScope) {
-                if (parent.inits.has(init)) {
-                    return false;
-                }
-                parent = parent.parent;
-            }
-            return this.referencesIdentifier(init);
-        });
-    }
-    /**
-     * Return all identifiers that were redeclared and therefore need replacement.
-     */
-    getNamesThatNeedReplacement() {
-        const referencedIdentifiers = this.collectReferencedIdentifiers();
-        return [...referencedIdentifiers].filter((identifier) => this.someChildScopeHasRedeclaredVariable(identifier));
-    }
-    /**
-     * Returns true if given identifier name is redeclared in a child template scope
-     * and is therefore shadowed within that scope.
-     */
-    someChildScopeHasRedeclaredVariable(name) {
-        let scope = this.scope.value;
-        while (scope && scope !== this.ownScope) {
-            if (scope.inits.has(name)) {
-                return true;
-            }
-            scope = scope.parent;
-        }
-        return false;
-    }
-    computeDepth() {
-        let idx = 1;
-        let parent = this.ownScope.parent;
-        while (parent) {
-            idx++;
-            parent = parent.parent;
-        }
-        return idx;
-    }
-}
-
-/**
- * {#key expr}content{/key}   --->   {expr} content
- */
-function handleKey$1(htmlx, str, keyBlock) {
-    // {#key expr}   ->   {expr}
-    str.overwrite(keyBlock.start, keyBlock.expression.start, '{');
-    const end = htmlx.indexOf('}', keyBlock.expression.end);
-    str.overwrite(withTrailingPropertyAccess$1(str.original, keyBlock.expression.end), end + 1, '} ');
-    // {/key}   ->
-    const endKey = htmlx.lastIndexOf('{', keyBlock.end - 1);
-    str.remove(endKey, keyBlock.end);
-}
-
-/**
- * {@html ...}   --->   {...}
- */
-function handleRawHtml$1(htmlx, str, rawBlock) {
-    const tokenStart = htmlx.indexOf('@html', rawBlock.start);
-    str.remove(tokenStart, tokenStart + '@html'.length);
-}
-
-/**
- * style:xx         --->  __sveltets_1_ensureType(String, Number, xx);
- * style:xx={yy}    --->  __sveltets_1_ensureType(String, Number, yy);
- * style:xx="yy"    --->  __sveltets_1_ensureType(String, Number, "yy");
- * style:xx="a{b}"  --->  __sveltets_1_ensureType(String, Number, `a${b}`);
- */
-function handleStyleDirective$1(str, style) {
-    const htmlx = str.original;
-    if (style.value === true || style.value.length === 0) {
-        str.overwrite(style.start, htmlx.indexOf(':', style.start) + 1, '{...__sveltets_1_ensureType(String, Number, ');
-        str.appendLeft(style.end, ')}');
-        return;
-    }
-    if (style.value.length > 1) {
-        buildTemplateString(style, str, htmlx, '{...__sveltets_1_ensureType(String, Number, `', '`)}', style.start);
-        return;
-    }
-    const styleVal = style.value[0];
-    if (styleVal.type === 'Text') {
-        str.overwrite(style.start, styleVal.start, '{...__sveltets_1_ensureType(String, Number, "');
-        if (styleVal.end === style.end) {
-            str.appendLeft(style.end, '")}');
-        }
-        else {
-            str.overwrite(styleVal.end, style.end, '")}');
-        }
-    }
-    else {
-        // MustacheTag
-        str.overwrite(style.start, styleVal.start + 1, '{...__sveltets_1_ensureType(String, Number, ');
-        str.overwrite(styleVal.end - 1, style.end, ')}');
-    }
-}
-
-/**
- * `<svelte:window>...</svelte:window>`   ---->    `<sveltewindow>...</sveltewindow>`
- * (same for :head, :body, :options, :fragment, :element)
- */
-function handleSvelteTag(htmlx, str, node) {
-    const colon = htmlx.indexOf(':', node.start);
-    str.remove(colon, colon + 1);
-    const closeTag = htmlx.lastIndexOf('/' + node.name, node.end);
-    if (closeTag > node.start) {
-        const colon = htmlx.indexOf(':', closeTag);
-        str.remove(colon, colon + 1);
-    }
-}
-
-/**
- *
- * @param {Node} param
- * @param {Identifier[]} nodes
- * @returns {Identifier[]}
- */
-function extract_identifiers(param, nodes = []) {
-	switch (param.type) {
-		case 'Identifier':
-			nodes.push(param);
-			break;
-
-		case 'MemberExpression':
-			let object = param;
-			while (object.type === 'MemberExpression') {
-				object = /** @type {any} */ (object.object);
-			}
-			nodes.push(/** @type {any} */ (object));
-			break;
-
-		case 'ObjectPattern':
-			/**
-			 *
-			 * @param {Property | RestElement} prop
-			 */
-			const handle_prop = (prop) => {
-				if (prop.type === 'RestElement') {
-					extract_identifiers(prop.argument, nodes);
-				} else {
-					extract_identifiers(prop.value, nodes);
-				}
-			};
-
-			param.properties.forEach(handle_prop);
-			break;
-
-		case 'ArrayPattern':
-			/**
-			 *
-			 * @param {Node} element
-			 */
-			const handle_element = (element) => {
-				if (element) extract_identifiers(element, nodes);
-			};
-
-			param.elements.forEach(handle_element);
-			break;
-
-		case 'RestElement':
-			extract_identifiers(param.argument, nodes);
-			break;
-
-		case 'AssignmentPattern':
-			extract_identifiers(param.left, nodes);
-			break;
-	}
-
-	return nodes;
-}
-
-let TemplateScope$1 = class TemplateScope {
-    constructor(parent) {
-        this.inits = new Set();
-        this.parent = parent;
-    }
-    child() {
-        const child = new TemplateScope$1(this);
-        return child;
-    }
-};
-class TemplateScopeManager {
-    constructor() {
-        this.value = new TemplateScope$1();
-    }
-    eachEnter(node) {
-        this.value = this.value.child();
-        if (node.context) {
-            this.handleScope(node.context, node.children);
-        }
-        if (node.index) {
-            this.value.inits.add(node.index);
-        }
-    }
-    eachLeave(node) {
-        if (!node.else) {
-            this.value = this.value.parent;
-        }
-    }
-    awaitEnter(node) {
-        var _a;
-        this.value = this.value.child();
-        if (node.value) {
-            this.handleScope(node.value, (_a = node.then) === null || _a === void 0 ? void 0 : _a.children);
-        }
-        if (node.error) {
-            this.handleScope(node.error, []);
-        }
-    }
-    awaitPendingEnter(node, parent) {
-        if (node.skip || parent.type !== 'AwaitBlock') {
-            return;
-        }
-        // Reset inits, as pending can have no inits
-        this.value.inits.clear();
-    }
-    awaitThenEnter(node, parent) {
-        if (node.skip || parent.type !== 'AwaitBlock') {
-            return;
-        }
-        // Reset inits, this time only taking the then
-        // scope into account.
-        this.value.inits.clear();
-        if (parent.value) {
-            this.handleScope(parent.value, node.children);
-        }
-    }
-    awaitCatchEnter(node, parent) {
-        if (node.skip || parent.type !== 'AwaitBlock') {
-            return;
-        }
-        // Reset inits, this time only taking the error
-        // scope into account.
-        this.value.inits.clear();
-        if (parent.error) {
-            this.handleScope(parent.error, node.children);
-        }
-    }
-    awaitLeave() {
-        this.value = this.value.parent;
-    }
-    elseEnter(parent) {
-        if (parent.type === 'EachBlock') {
-            this.value = this.value.parent;
-        }
-    }
-    componentOrSlotTemplateOrElementEnter(node) {
-        var _a;
-        const hasConstTags = (_a = node.children) === null || _a === void 0 ? void 0 : _a.some((child) => child.type === 'ConstTag');
-        if (usesLet(node) || hasConstTags) {
-            this.value = this.value.child();
-            this.handleScope({}, node.children);
-        }
-    }
-    componentOrSlotTemplateOrElementLeave(node) {
-        if (usesLet(node)) {
-            this.value = this.value.parent;
-        }
-    }
-    handleScope(identifierDef, children) {
-        if (isIdentifier(identifierDef)) {
-            this.value.inits.add(identifierDef.name);
-        }
-        if (isDestructuringPatterns(identifierDef)) {
-            // the node object is returned as-it with no mutation
-            const identifiers = extract_identifiers(identifierDef);
-            identifiers.forEach((id) => this.value.inits.add(id.name));
-        }
-        if (children === null || children === void 0 ? void 0 : children.length) {
-            children.forEach((child) => {
-                if (child.type === 'ConstTag') {
-                    const identifiers = extract_identifiers(child.expression.left);
-                    identifiers.forEach((id) => this.value.inits.add(id.name));
-                }
-            });
-        }
+            start: containerStart,
+            end: containerEnd,
+            name: tag,
+            type: tag === 'style' ? 'Style' : 'Script',
+            attributes: parseAttributes(match[3], containerStart + `<${tag}`.length),
+            content: {
+                type: 'Text',
+                start,
+                end,
+                value: content,
+                raw: content
+            }
+        });
     }
+    return matches;
 }
-
-function handleText$1(str, node) {
-    if (!node.data) {
-        return;
-    }
-    const needsRemoves = ['}', '>'];
-    for (const token of needsRemoves) {
-        let index = node.data.indexOf(token);
-        while (index >= 0) {
-            str.remove(index + node.start, index + node.start + 1);
-            index = node.data.indexOf(token, index + 1);
-        }
-    }
+function findVerbatimElements(htmlx) {
+    return [...extractTag(htmlx, 'script'), ...extractTag(htmlx, 'style')];
 }
-
-/**
- * transition:xxx(yyy)   --->   {...__sveltets_1_ensureTransition(xxx(__sveltets_1_mapElementTag('..'),(yyy)))}
- */
-function handleTransitionDirective$1(htmlx, str, attr, parent) {
-    str.overwrite(attr.start, htmlx.indexOf(':', attr.start) + 1, '{...__sveltets_1_ensureTransition(');
-    if (attr.modifiers.length) {
-        const local = htmlx.indexOf('|', attr.start);
-        str.remove(local, attr.expression ? attr.expression.start : attr.end);
-    }
-    const nodeType = `__sveltets_1_mapElementTag('${parent.name}')`;
-    if (!attr.expression) {
-        str.appendLeft(attr.end, `(${nodeType},{}))}`);
-        return;
-    }
-    str.overwrite(htmlx.indexOf(':', attr.start) + 1 + `${attr.name}`.length, attr.expression.start, `(${nodeType},(`);
-    str.appendLeft(withTrailingPropertyAccess$1(str.original, attr.expression.end), ')))');
-    if (isQuote(htmlx[attr.end - 1])) {
-        str.remove(attr.end - 1, attr.end);
+function blankVerbatimContent(htmlx, verbatimElements) {
+    let output = htmlx;
+    for (const node of verbatimElements) {
+        const content = node.content;
+        if (content) {
+            output =
+                output.substring(0, content.start) +
+                    output
+                        .substring(content.start, content.end)
+                        // blank out the content
+                        .replace(/[^\n]/g, ' ')
+                        // excess blank space can make the svelte parser very slow (sec->min). break it up with comments (works in style/script)
+                        .replace(/[^\n][^\n][^\n][^\n]\n/g, '/**/\n') +
+                    output.substring(content.end);
+        }
     }
+    return output;
 }
-
-function stripDoctype$1(str) {
-    const regex = /<!doctype(.+?)>(\n)?/i;
-    const result = regex.exec(str.original);
-    if (result) {
-        str.remove(result.index, result.index + result[0].length);
+function parseHtmlx(htmlx, options) {
+    //Svelte tries to parse style and script tags which doesn't play well with typescript, so we blank them out.
+    //HTMLx spec says they should just be retained after processing as is, so this is fine
+    const verbatimElements = findVerbatimElements(htmlx);
+    const deconstructed = blankVerbatimContent(htmlx, verbatimElements);
+    //extract the html content parsed as htmlx this excludes our script and style tags
+    const parsingCode = (options === null || options === void 0 ? void 0 : options.emitOnTemplateError)
+        ? blankPossiblyErrorOperatorOrPropertyAccess(deconstructed)
+        : deconstructed;
+    const htmlxAst = compiler.parse(parsingCode).html;
+    //restore our script and style tags as nodes to maintain validity with HTMLx
+    for (const s of verbatimElements) {
+        htmlxAst.children.push(s);
+        htmlxAst.start = Math.min(htmlxAst.start, s.start);
+        htmlxAst.end = Math.max(htmlxAst.end, s.end);
     }
+    return { htmlxAst, tags: verbatimElements };
 }
-/**
- * Walks the HTMLx part of the Svelte component
- * and converts it to JSX
- */
-function convertHtmlxToJsx$1(str, ast, onWalk = null, onLeave = null, options = {}) {
-    const htmlx = str.original;
-    stripDoctype$1(str);
-    str.prepend('<>');
-    str.append('</>');
-    const templateScopeManager = new TemplateScopeManager();
-    let ifScope = new IfScope(templateScopeManager);
-    compiler.walk(ast, {
-        enter: (node, parent, prop, index) => {
-            try {
-                switch (node.type) {
-                    case 'IfBlock':
-                        handleIf$1(htmlx, str, node, ifScope);
-                        if (!node.elseif) {
-                            ifScope = ifScope.getChild();
-                        }
-                        break;
-                    case 'EachBlock':
-                        templateScopeManager.eachEnter(node);
-                        handleEach$1(htmlx, str, node, ifScope);
-                        break;
-                    case 'ElseBlock':
-                        templateScopeManager.elseEnter(parent);
-                        handleElse$1(htmlx, str, node, parent, ifScope);
-                        break;
-                    case 'AwaitBlock':
-                        handleAwait$1(htmlx, str, node, ifScope, templateScopeManager);
-                        break;
-                    case 'PendingBlock':
-                        templateScopeManager.awaitPendingEnter(node, parent);
-                        handleAwaitPending(parent, htmlx, str, ifScope);
-                        break;
-                    case 'ThenBlock':
-                        templateScopeManager.awaitThenEnter(node, parent);
-                        handleAwaitThen(parent, htmlx, str, ifScope);
-                        break;
-                    case 'CatchBlock':
-                        templateScopeManager.awaitCatchEnter(node, parent);
-                        handleAwaitCatch(parent, htmlx, str, ifScope);
-                        break;
-                    case 'KeyBlock':
-                        handleKey$1(htmlx, str, node);
-                        break;
-                    case 'RawMustacheTag':
-                        handleRawHtml$1(htmlx, str, node);
-                        break;
-                    case 'DebugTag':
-                        handleDebug$1(htmlx, str, node);
-                        break;
-                    case 'InlineComponent':
-                        templateScopeManager.componentOrSlotTemplateOrElementEnter(node);
-                        handleComponent(htmlx, str, node, parent, ifScope, templateScopeManager.value);
-                        break;
-                    case 'Element':
-                        if (node.name === 'svelte:element') {
-                            handleSvelteTag(htmlx, str, node);
-                        }
-                        templateScopeManager.componentOrSlotTemplateOrElementEnter(node);
-                        handleElement(htmlx, str, node, parent, ifScope, templateScopeManager.value);
-                        break;
-                    case 'Comment':
-                        handleComment$1(str, node);
-                        break;
-                    case 'Binding':
-                        handleBinding$1(htmlx, str, node, parent);
-                        break;
-                    case 'Class':
-                        handleClassDirective$1(str, node);
-                        break;
-                    case 'StyleDirective':
-                        handleStyleDirective$1(str, node);
-                        break;
-                    case 'Action':
-                        handleActionDirective$1(htmlx, str, node, parent);
-                        break;
-                    case 'Transition':
-                        handleTransitionDirective$1(htmlx, str, node, parent);
-                        break;
-                    case 'Animation':
-                        handleAnimateDirective$1(htmlx, str, node, parent);
-                        break;
-                    case 'Attribute':
-                        handleAttribute$1(htmlx, str, node, parent, options.preserveAttributeCase);
-                        break;
-                    case 'EventHandler':
-                        handleEventHandler$1(htmlx, str, node, parent);
-                        break;
-                    case 'Options':
-                        handleSvelteTag(htmlx, str, node);
-                        break;
-                    case 'Window':
-                        handleSvelteTag(htmlx, str, node);
-                        break;
-                    case 'Head':
-                        handleSvelteTag(htmlx, str, node);
-                        break;
-                    case 'Body':
-                        handleSvelteTag(htmlx, str, node);
-                        break;
-                    case 'SlotTemplate':
-                        handleSvelteTag(htmlx, str, node);
-                        templateScopeManager.componentOrSlotTemplateOrElementEnter(node);
-                        handleSlot(htmlx, str, node, parent, getSlotName(node) || 'default', ifScope, templateScopeManager.value);
-                        break;
-                    case 'Text':
-                        handleText$1(str, node);
-                        break;
-                }
-                if (onWalk) {
-                    onWalk(node, parent, prop, index);
-                }
-            }
-            catch (e) {
-                console.error('Error walking node ', node, e);
-                throw e;
-            }
-        },
-        leave: (node, parent, prop, index) => {
-            try {
-                switch (node.type) {
-                    case 'IfBlock':
-                        if (!node.elseif) {
-                            ifScope = ifScope.getParent();
-                        }
-                        break;
-                    case 'EachBlock':
-                        templateScopeManager.eachLeave(node);
-                        break;
-                    case 'AwaitBlock':
-                        templateScopeManager.awaitLeave();
-                        break;
-                    case 'InlineComponent':
-                    case 'Element':
-                    case 'SlotTemplate':
-                        templateScopeManager.componentOrSlotTemplateOrElementLeave(node);
-                        break;
-                }
-                if (onLeave) {
-                    onLeave(node, parent, prop, index);
+const possibleOperatorOrPropertyAccess = new Set([
+    '.',
+    '?',
+    '*',
+    '~',
+    '=',
+    '<',
+    '!',
+    '&',
+    '^',
+    '|',
+    ',',
+    '+',
+    '-'
+]);
+function blankPossiblyErrorOperatorOrPropertyAccess(htmlx) {
+    let index = htmlx.indexOf('}');
+    let lastIndex = 0;
+    const { length } = htmlx;
+    while (index < length && index >= 0) {
+        let backwardIndex = index - 1;
+        while (backwardIndex > lastIndex) {
+            const char = htmlx.charAt(backwardIndex);
+            if (possibleOperatorOrPropertyAccess.has(char)) {
+                const isPlusOrMinus = char === '+' || char === '-';
+                const isIncrementOrDecrement = isPlusOrMinus && htmlx.charAt(backwardIndex - 1) === char;
+                if (isIncrementOrDecrement) {
+                    backwardIndex -= 2;
+                    continue;
                 }
+                htmlx =
+                    htmlx.substring(0, backwardIndex) + ' ' + htmlx.substring(backwardIndex + 1);
             }
-            catch (e) {
-                console.error('Error leaving node ', node);
-                throw e;
+            else if (!/\s/.test(char)) {
+                break;
             }
+            backwardIndex--;
         }
-    });
+        lastIndex = index;
+        index = htmlx.indexOf('}', index + 1);
+    }
+    return htmlx;
 }
 
 /**
@@ -3567,6 +1588,16 @@ function handleAnimateDirective(str, attr, element) {
 
 var svgAttributes = 'accent-height accumulate additive alignment-baseline allowReorder alphabetic amplitude arabic-form ascent attributeName attributeType autoReverse azimuth baseFrequency baseline-shift baseProfile bbox begin bias by calcMode cap-height class clip clipPathUnits clip-path clip-rule color color-interpolation color-interpolation-filters color-profile color-rendering contentScriptType contentStyleType cursor cx cy d decelerate descent diffuseConstant direction display divisor dominant-baseline dur dx dy edgeMode elevation enable-background end exponent externalResourcesRequired fill fill-opacity fill-rule filter filterRes filterUnits flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight format from fr fx fy g1 g2 glyph-name glyph-orientation-horizontal glyph-orientation-vertical glyphRef gradientTransform gradientUnits hanging height href horiz-adv-x horiz-origin-x id ideographic image-rendering in in2 intercept k k1 k2 k3 k4 kernelMatrix kernelUnitLength kerning keyPoints keySplines keyTimes lang lengthAdjust letter-spacing lighting-color limitingConeAngle local marker-end marker-mid marker-start markerHeight markerUnits markerWidth mask maskContentUnits maskUnits mathematical max media method min mode name numOctaves offset onabort onactivate onbegin onclick onend onerror onfocusin onfocusout onload onmousedown onmousemove onmouseout onmouseover onmouseup onrepeat onresize onscroll onunload opacity operator order orient orientation origin overflow overline-position overline-thickness panose-1 paint-order pathLength patternContentUnits patternTransform patternUnits pointer-events points pointsAtX pointsAtY pointsAtZ preserveAlpha preserveAspectRatio primitiveUnits r radius refX refY rendering-intent repeatCount repeatDur requiredExtensions requiredFeatures restart result rotate rx ry scale seed shape-rendering slope spacing specularConstant specularExponent speed spreadMethod startOffset stdDeviation stemh stemv stitchTiles stop-color stop-opacity strikethrough-position strikethrough-thickness string stroke stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width style surfaceScale systemLanguage tabindex tableValues target targetX targetY text-anchor text-decoration text-rendering textLength to transform type u1 u2 underline-position underline-thickness unicode unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical values version vert-adv-y vert-origin-x vert-origin-y viewBox viewTarget visibility width widths word-spacing writing-mode x x-height x1 x2 xChannelSelector xlink:actuate xlink:arcrole xlink:href xlink:role xlink:show xlink:title xlink:type xml:base xml:lang xml:space y y1 y2 yChannelSelector z zoomAndPan'.split(' ');
 
+const IGNORE_START_COMMENT = '/*Ωignore_startΩ*/';
+const IGNORE_END_COMMENT = '/*Ωignore_endΩ*/';
+/**
+ * Surrounds given string with a start/end comment which marks it
+ * to be ignored by tooling.
+ */
+function surroundWithIgnoreComments(str) {
+    return IGNORE_START_COMMENT + str + IGNORE_END_COMMENT;
+}
+
 const voidTags = 'area,base,br,col,embed,hr,img,input,link,meta,param,source,track,wbr'.split(',');
 /**
  * Handles HTML elements as well as svelte:options, svelte:head, svelte:window, svelte:body, svelte:element
@@ -4976,9 +3007,9 @@ function extractIdentifiers(node, identifiers = []) {
     else if (ts.isBindingElement(node)) {
         extractIdentifiers(node.name, identifiers);
     }
-    else if (isMember(node)) {
+    else if (isMember$1(node)) {
         let object = node;
-        while (isMember(object)) {
+        while (isMember$1(object)) {
             object = object.expression;
         }
         if (ts.isIdentifier(object)) {
@@ -5020,7 +3051,7 @@ function extractIdentifiers(node, identifiers = []) {
     }
     return identifiers;
 }
-function isMember(node) {
+function isMember$1(node) {
     return ts.isElementAccessExpression(node) || ts.isPropertyAccessExpression(node);
 }
 /**
@@ -5778,9 +3809,9 @@ class ExportedNames {
      * Creates a string from the collected props
      *
      * @param isTsFile Whether this is a TypeScript file or not.
-     * @param uses$$propsValue whether the file references the $$props variable
+     * @param uses$$propsOr$$restProps whether the file references the $$props or $$restProps variable
      */
-    createPropsStr(isTsFile, uses$$propsValue) {
+    createPropsStr(isTsFile, uses$$propsOr$$restProps) {
         const names = Array.from(this.exports.entries());
         if (this.uses$$Props) {
             const lets = names.filter(([, { isLet }]) => isLet);
@@ -5795,7 +3826,7 @@ class ExportedNames {
                 this.createReturnElementsType(lets).join(',') +
                 '}>(__sveltets_2_any("") as $$Props), ' +
                 '...__sveltets_2_ensureRightProps<' +
-                (uses$$propsValue ? 'Partial<$$Props>' : '$$Props') +
+                (uses$$propsOr$$restProps ? 'Partial<$$Props>' : '$$Props') +
                 '>({' +
                 this.createReturnElements(lets, false).join(',') +
                 '}), ...{} as unknown as $$Props, ...{' +
@@ -5807,7 +3838,7 @@ class ExportedNames {
                 this.createReturnElementsType(others).join(',') +
                 '}}');
         }
-        if (names.length === 0 && !uses$$propsValue) {
+        if (names.length === 0 && !uses$$propsOr$$restProps) {
             // Necessary, because {} roughly equals to any
             return isTsFile
                 ? '{} as Record<string, never>'
@@ -5848,6 +3879,295 @@ class ExportedNames {
     }
 }
 
+function isMember(parent, prop) {
+    return parent.type == 'MemberExpression' && prop == 'property';
+}
+function isObjectKey(parent, prop) {
+    return parent.type == 'Property' && prop == 'key';
+}
+function isObjectValue(parent, prop) {
+    return parent.type == 'Property' && prop == 'value';
+}
+function isObjectValueShortHand(property) {
+    const { value, key } = property;
+    return value && isIdentifier(value) && key.start === value.start && key.end == value.end;
+}
+function attributeValueIsString(attr) {
+    var _a;
+    return attr.value.length !== 1 || ((_a = attr.value[0]) === null || _a === void 0 ? void 0 : _a.type) === 'Text';
+}
+function isDestructuringPatterns(node) {
+    return node.type === 'ArrayPattern' || node.type === 'ObjectPattern';
+}
+function isIdentifier(node) {
+    return node.type === 'Identifier';
+}
+function getSlotName(child) {
+    var _a, _b;
+    const slot = (_a = child.attributes) === null || _a === void 0 ? void 0 : _a.find((a) => a.name == 'slot');
+    return (_b = slot === null || slot === void 0 ? void 0 : slot.value) === null || _b === void 0 ? void 0 : _b[0].raw;
+}
+
+// @ts-check
+/** @typedef { import('estree').BaseNode} BaseNode */
+
+/** @typedef {{
+	skip: () => void;
+	remove: () => void;
+	replace: (node: BaseNode) => void;
+}} WalkerContext */
+
+class WalkerBase {
+	constructor() {
+		/** @type {boolean} */
+		this.should_skip = false;
+
+		/** @type {boolean} */
+		this.should_remove = false;
+
+		/** @type {BaseNode | null} */
+		this.replacement = null;
+
+		/** @type {WalkerContext} */
+		this.context = {
+			skip: () => (this.should_skip = true),
+			remove: () => (this.should_remove = true),
+			replace: (node) => (this.replacement = node)
+		};
+	}
+
+	/**
+	 *
+	 * @param {any} parent
+	 * @param {string} prop
+	 * @param {number} index
+	 * @param {BaseNode} node
+	 */
+	replace(parent, prop, index, node) {
+		if (parent) {
+			if (index !== null) {
+				parent[prop][index] = node;
+			} else {
+				parent[prop] = node;
+			}
+		}
+	}
+
+	/**
+	 *
+	 * @param {any} parent
+	 * @param {string} prop
+	 * @param {number} index
+	 */
+	remove(parent, prop, index) {
+		if (parent) {
+			if (index !== null) {
+				parent[prop].splice(index, 1);
+			} else {
+				delete parent[prop];
+			}
+		}
+	}
+}
+
+// @ts-check
+
+/** @typedef { import('estree').BaseNode} BaseNode */
+/** @typedef { import('./walker.js').WalkerContext} WalkerContext */
+
+/** @typedef {(
+ *    this: WalkerContext,
+ *    node: BaseNode,
+ *    parent: BaseNode,
+ *    key: string,
+ *    index: number
+ * ) => void} SyncHandler */
+
+class SyncWalker extends WalkerBase {
+	/**
+	 *
+	 * @param {SyncHandler} enter
+	 * @param {SyncHandler} leave
+	 */
+	constructor(enter, leave) {
+		super();
+
+		/** @type {SyncHandler} */
+		this.enter = enter;
+
+		/** @type {SyncHandler} */
+		this.leave = leave;
+	}
+
+	/**
+	 *
+	 * @param {BaseNode} node
+	 * @param {BaseNode} parent
+	 * @param {string} [prop]
+	 * @param {number} [index]
+	 * @returns {BaseNode}
+	 */
+	visit(node, parent, prop, index) {
+		if (node) {
+			if (this.enter) {
+				const _should_skip = this.should_skip;
+				const _should_remove = this.should_remove;
+				const _replacement = this.replacement;
+				this.should_skip = false;
+				this.should_remove = false;
+				this.replacement = null;
+
+				this.enter.call(this.context, node, parent, prop, index);
+
+				if (this.replacement) {
+					node = this.replacement;
+					this.replace(parent, prop, index, node);
+				}
+
+				if (this.should_remove) {
+					this.remove(parent, prop, index);
+				}
+
+				const skipped = this.should_skip;
+				const removed = this.should_remove;
+
+				this.should_skip = _should_skip;
+				this.should_remove = _should_remove;
+				this.replacement = _replacement;
+
+				if (skipped) return node;
+				if (removed) return null;
+			}
+
+			for (const key in node) {
+				const value = node[key];
+
+				if (typeof value !== "object") {
+					continue;
+				} else if (Array.isArray(value)) {
+					for (let i = 0; i < value.length; i += 1) {
+						if (value[i] !== null && typeof value[i].type === 'string') {
+							if (!this.visit(value[i], node, key, i)) {
+								// removed
+								i--;
+							}
+						}
+					}
+				} else if (value !== null && typeof value.type === "string") {
+					this.visit(value, node, key, null);
+				}
+			}
+
+			if (this.leave) {
+				const _replacement = this.replacement;
+				const _should_remove = this.should_remove;
+				this.replacement = null;
+				this.should_remove = false;
+
+				this.leave.call(this.context, node, parent, prop, index);
+
+				if (this.replacement) {
+					node = this.replacement;
+					this.replace(parent, prop, index, node);
+				}
+
+				if (this.should_remove) {
+					this.remove(parent, prop, index);
+				}
+
+				const removed = this.should_remove;
+
+				this.replacement = _replacement;
+				this.should_remove = _should_remove;
+
+				if (removed) return null;
+			}
+		}
+
+		return node;
+	}
+}
+
+// @ts-check
+
+/** @typedef { import('estree').BaseNode} BaseNode */
+/** @typedef { import('./sync.js').SyncHandler} SyncHandler */
+/** @typedef { import('./async.js').AsyncHandler} AsyncHandler */
+
+/**
+ *
+ * @param {BaseNode} ast
+ * @param {{
+ *   enter?: SyncHandler
+ *   leave?: SyncHandler
+ * }} walker
+ * @returns {BaseNode}
+ */
+function walk(ast, { enter, leave }) {
+	const instance = new SyncWalker(enter, leave);
+	return instance.visit(ast, null);
+}
+
+/**
+ *
+ * @param {Node} param
+ * @param {Identifier[]} nodes
+ * @returns {Identifier[]}
+ */
+function extract_identifiers(param, nodes = []) {
+	switch (param.type) {
+		case 'Identifier':
+			nodes.push(param);
+			break;
+
+		case 'MemberExpression':
+			let object = param;
+			while (object.type === 'MemberExpression') {
+				object = /** @type {any} */ (object.object);
+			}
+			nodes.push(/** @type {any} */ (object));
+			break;
+
+		case 'ObjectPattern':
+			/**
+			 *
+			 * @param {Property | RestElement} prop
+			 */
+			const handle_prop = (prop) => {
+				if (prop.type === 'RestElement') {
+					extract_identifiers(prop.argument, nodes);
+				} else {
+					extract_identifiers(prop.value, nodes);
+				}
+			};
+
+			param.properties.forEach(handle_prop);
+			break;
+
+		case 'ArrayPattern':
+			/**
+			 *
+			 * @param {Node} element
+			 */
+			const handle_element = (element) => {
+				if (element) extract_identifiers(element, nodes);
+			};
+
+			param.elements.forEach(handle_element);
+			break;
+
+		case 'RestElement':
+			extract_identifiers(param.argument, nodes);
+			break;
+
+		case 'AssignmentPattern':
+			extract_identifiers(param.left, nodes);
+			break;
+	}
+
+	return nodes;
+}
+
 function handleScopeAndResolveForSlot({ identifierDef, initExpression, owner, slotHandler, templateScope }) {
     if (isIdentifier(identifierDef)) {
         templateScope.add(identifierDef, owner);
@@ -6014,6 +4334,20 @@ class Scripts {
     }
 }
 
+/**
+ * Get the constructor type of a component node
+ * @param node The component node to infer the this type from
+ * @param thisValue If node is svelte:component, you may pass the value
+ *                  of this={..} to use that instead of the more general componentType
+ */
+function getTypeForComponent(node) {
+    if (node.name === 'svelte:component' || node.name === 'svelte:self') {
+        return '__sveltets_1_componentType()';
+    }
+    else {
+        return node.name;
+    }
+}
 function attributeStrValueAsJsExpression(attr) {
     if (attr.value.length == 0) {
         return "''"; //wut?
@@ -6140,7 +4474,7 @@ class SlotHandler {
             enter(node, parent, prop) {
                 if (node.type === 'Identifier') {
                     if (parent) {
-                        if (isMember$1(parent, prop)) {
+                        if (isMember(parent, prop)) {
                             return;
                         }
                         if (isObjectKey(parent, prop)) {
@@ -6267,7 +4601,7 @@ class Stores {
             this.scope.current.declared.add(node.name);
         }
         else {
-            if (isMember$1(parent, prop) && !parent.computed) {
+            if (isMember(parent, prop) && !parent.computed) {
                 return;
             }
             if (isObjectKey(parent, prop)) {
@@ -6882,7 +5216,7 @@ function transformInterfacesToTypes(tsAst, str, astOffset, movedNodes) {
     });
 }
 
-function processModuleScriptTag(str, script, implicitStoreValues, useNewTransformation) {
+function processModuleScriptTag(str, script, implicitStoreValues) {
     const htmlx = str.original;
     const scriptContent = htmlx.substring(script.content.start, script.content.end);
     const tsAst = ts.createSourceFile('component.module.ts.svelte', scriptContent, ts.ScriptTarget.Latest, true, ts.ScriptKind.TS);
@@ -6902,10 +5236,10 @@ function processModuleScriptTag(str, script, implicitStoreValues, useNewTransfor
     implicitStoreValues.modifyCode(astOffset, str);
     const scriptStartTagEnd = htmlx.indexOf('>', script.start) + 1;
     const scriptEndTagStart = htmlx.lastIndexOf('<', script.end - 1);
-    str.overwrite(script.start, scriptStartTagEnd, useNewTransformation ? ';' : '</>;', {
+    str.overwrite(script.start, scriptStartTagEnd, ';', {
         contentOnly: true
     });
-    str.overwrite(scriptEndTagStart, script.end, useNewTransformation ? ';' : ';<>', {
+    str.overwrite(scriptEndTagStart, script.end, ';', {
         contentOnly: true
     });
 }
@@ -7079,7 +5413,6 @@ function classNameFromFilename(filename, appendSuffix) {
 }
 
 function createRenderFunction({ str, scriptTag, scriptDestination, slots, events, exportedNames, isTsFile, uses$$props, uses$$restProps, uses$$slots, uses$$SlotsInterface, generics, mode }) {
-    const useNewTransformation = mode === 'ts';
     const htmlx = str.original;
     let propsDecl = '';
     if (uses$$props) {
@@ -7098,30 +5431,24 @@ function createRenderFunction({ str, scriptTag, scriptDestination, slots, events
     }
     const slotsDeclaration = slots.size > 0 && mode !== 'dts'
         ? '\n' +
-            surroundWithIgnoreComments(useNewTransformation
-                ? ';const __sveltets_createSlot = __sveltets_2_createCreateSlot' +
-                    (uses$$SlotsInterface ? '<$$Slots>' : '') +
-                    '();'
-                : ';const __sveltets_ensureSlot = __sveltets_1_createEnsureSlot' +
-                    (uses$$SlotsInterface ? '<$$Slots>' : '') +
-                    '();')
+            surroundWithIgnoreComments(';const __sveltets_createSlot = __sveltets_2_createCreateSlot' +
+                (uses$$SlotsInterface ? '<$$Slots>' : '') +
+                '();')
         : '';
     if (scriptTag) {
         //I couldn't get magicstring to let me put the script before the <> we prepend during conversion of the template to jsx, so we just close it instead
         const scriptTagEnd = htmlx.lastIndexOf('>', scriptTag.content.start) + 1;
-        str.overwrite(scriptTag.start, scriptTag.start + 1, useNewTransformation ? ';' : '</>;');
+        str.overwrite(scriptTag.start, scriptTag.start + 1, ';');
         str.overwrite(scriptTag.start + 1, scriptTagEnd, `function render${generics.toDefinitionString(true)}() {${propsDecl}\n`);
         const scriptEndTagStart = htmlx.lastIndexOf('<', scriptTag.end - 1);
         // wrap template with callback
-        str.overwrite(scriptEndTagStart, scriptTag.end, useNewTransformation
-            ? `${slotsDeclaration};\nasync () => {`
-            : `${slotsDeclaration};\n() => (<>`, {
+        str.overwrite(scriptEndTagStart, scriptTag.end, `${slotsDeclaration};\nasync () => {`, {
             contentOnly: true
         });
     }
     else {
-        str.prependRight(scriptDestination, `${useNewTransformation ? '' : '</>'};function render${generics.toDefinitionString(true)}() {` +
-            `${propsDecl}${slotsDeclaration}\n${useNewTransformation ? 'async () => {' : '<>'}`);
+        str.prependRight(scriptDestination, `;function render${generics.toDefinitionString(true)}() {` +
+            `${propsDecl}${slotsDeclaration}\nasync () => {`);
     }
     const slotsAsDef = uses$$SlotsInterface
         ? '{} as unknown as $$Slots'
@@ -7137,23 +5464,17 @@ function createRenderFunction({ str, scriptTag, scriptDestination, slots, events
             })
                 .join(', ') +
             '}';
-    const returnString = `\nreturn { props: ${exportedNames.createPropsStr(isTsFile, uses$$props)}` +
+    const returnString = `\nreturn { props: ${exportedNames.createPropsStr(isTsFile, uses$$props || uses$$restProps)}` +
         `, slots: ${slotsAsDef}` +
         `, events: ${events.toDefString()} }}`;
     // wrap template with callback
-    if (useNewTransformation) {
-        str.append('};');
-    }
-    else if (scriptTag) {
-        str.append(');');
-    }
+    str.append('};');
     str.append(returnString);
 }
 
 function processSvelteTemplate(str, options) {
     const { htmlxAst, tags } = parseHtmlx(str.original, {
-        ...options,
-        useNewTransformation: (options === null || options === void 0 ? void 0 : options.mode) === 'ts'
+        ...options
     });
     let uses$$props = false;
     let uses$$restProps = false;
@@ -7337,17 +5658,10 @@ function processSvelteTemplate(str, options) {
                 break;
         }
     };
-    if (options.mode === 'ts') {
-        convertHtmlxToJsx(str, htmlxAst, onHtmlxWalk, onHtmlxLeave, {
-            preserveAttributeCase: (options === null || options === void 0 ? void 0 : options.namespace) == 'foreign',
-            typingsNamespace: options.typingsNamespace
-        });
-    }
-    else {
-        convertHtmlxToJsx$1(str, htmlxAst, onHtmlxWalk, onHtmlxLeave, {
-            preserveAttributeCase: (options === null || options === void 0 ? void 0 : options.namespace) == 'foreign'
-        });
-    }
+    convertHtmlxToJsx(str, htmlxAst, onHtmlxWalk, onHtmlxLeave, {
+        preserveAttributeCase: (options === null || options === void 0 ? void 0 : options.namespace) == 'foreign',
+        typingsNamespace: options.typingsNamespace
+    });
     // resolve scripts
     const { scriptTag, moduleScriptTag } = scripts.getTopLevelScriptTags();
     if (options.mode !== 'ts') {
@@ -7371,11 +5685,6 @@ function processSvelteTemplate(str, options) {
 }
 function svelte2tsx(svelte, options = {}) {
     options.mode = options.mode || 'ts';
-    // TODO temporary to still keep old transformation around but not expose it anymore.
-    // Remove all old cold once we are sure the new transformation is working
-    if (options.mode === 'tsx') {
-        options.mode = 'ts';
-    }
     const str = new MagicString(svelte);
     // process the htmlx as a svelte template
     let { htmlAst, moduleScriptTag, scriptTag, slots, uses$$props, uses$$slots, uses$$restProps, events, componentDocumentation, resolvedStores, usesAccessors } = processSvelteTemplate(str, options);
@@ -7433,7 +5742,7 @@ function svelte2tsx(svelte, options = {}) {
     });
     // we need to process the module script after the instance script has moved otherwise we get warnings about moving edited items
     if (moduleScriptTag) {
-        processModuleScriptTag(str, moduleScriptTag, new ImplicitStoreValues(implicitStoreValues.getAccessedStores(), renderFunctionStart, scriptTag || options.mode === 'ts' ? undefined : (input) => `</>;${input}<>`), options.mode === 'ts');
+        processModuleScriptTag(str, moduleScriptTag, new ImplicitStoreValues(implicitStoreValues.getAccessedStores(), renderFunctionStart, scriptTag || options.mode === 'ts' ? undefined : (input) => `</>;${input}<>`));
     }
     addComponentExport({
         str,
@@ -7510,7 +5819,7 @@ function loadTsconfig(config, svelteMap) {
         tsConfig.include = [`${libPathRelative}/**/*`];
         tsConfig.files = [];
     }
-    const { options, fileNames } = ts.parseJsonConfigFileContent(tsConfig, ts.sys, basepath, { sourceMap: false }, tsconfigFile, undefined, [{ extension: 'svelte', isMixedContent: true, scriptKind: ts.ScriptKind.Deferred }]);
+    const { options, fileNames } = ts.parseJsonConfigFileContent(tsConfig, ts.sys, basepath, { sourceMap: false, rootDir: config.libRoot }, tsconfigFile, undefined, [{ extension: 'svelte', isMixedContent: true, scriptKind: ts.ScriptKind.Deferred }]);
     const filenames = fileNames.map((name) => {
         if (!isSvelteFilepath(name)) {
             return name;