@fluixi/compiler 1.0.0-alpha.68 → 1.0.0-alpha.70

package/dist/frontend/babel/index.mjs

@@ -1,2 +1,2 @@
-import{declare as tt}from"@babel/helper-plugin-utils";import{types as n,template as Se}from"@babel/core";import{types as m,traverse as ze,template as We}from"@babel/core";import ue from"@babel/generator";var q={version:1,module:"@fluixi/dom",symbols:["createNativeElement","insert","spread","setAttribute","delegateEvents","createComponent","createMemo","untrack","Show","For","Index","Switch","Match","Dynamic","ErrorBoundary"]},Ct={version:2,module:"@fluixi/dom",symbols:[...q.symbols,"template","cloneTemplate","walk"]};var Fe={show:"Show",for:"For",index:"Index",switch:"Switch",match:"Match",dynamic:"Dynamic",errorBoundary:"ErrorBoundary",suspense:"Suspense"};function Ae(e){return/^[A-Za-z_$][A-Za-z0-9_$]*$/.test(e)}function se(e){return Ae(e)?e:JSON.stringify(e)}function Me(e){return e.expr!==void 0?e.reactive?`() => (${e.expr})`:`(${e.expr})`:JSON.stringify(e.literal??!0)}function Te(e){return e.expr!==void 0?`(${e.expr})`:JSON.stringify(e.literal??!0)}function $e(e,t,r){let s=e.filter(c=>c.kind==="spread"),a=e.filter(c=>c.kind!=="spread").map(c=>`${se(c.name)}: ${Me(c)}`);t!=null&&a.push(`children: ${t}`);let o=`{ ${a.join(", ")} }`;return s.length>0?(r.add("mergeProps"),`mergeProps(${s.map(c=>c.expr).join(", ")}, ${o})`):o}function oe(e,t){return e.length===1?V(e[0],t):`[${e.map(r=>V(r,t)).join(", ")}]`}function ie(e,t,r,s){s.add("createMemo"),s.add("createComponent");let i=t.filter(l=>l.kind==="spread"),o=t.filter(l=>l.kind!=="spread").map(l=>`get ${se(l.name)}() { return ${Te(l)}; }`);r.length>0&&o.push(`get children() { return ${oe(r,s)}; }`);let c=`{ ${o.join(", ")} }`;return i.length>0&&(s.add("mergeProps"),c=`mergeProps(${i.map(l=>l.expr).join(", ")}, ${c})`),`createMemo(() => createComponent(${e}, ${c}))`}function V(e,t){switch(e.kind){case"text":return JSON.stringify(e.value);case"expr":return e.reactive?`() => (${e.code})`:`(${e.code})`;case"fragment":return e.children.length===0?"null":oe(e.children,t);case"component":return ie(e.name,e.props,e.children,t);case"control":{let r=Fe[e.control]??e.control;return t.add(r),ie(r,e.props,e.children,t)}case"element":{t.add("createNativeElement");let r=JSON.stringify(e.tag),s="_el$",i=[],a=e.svg?`${r}, true`:r;if(i.push(`const ${s} = createNativeElement(${a});`),e.props.length>0){t.add("spread");let o=e.svg?", isSVG: true":"";i.push(`spread({ element: ${s}, props: ${$e(e.props,null,t)}${o} });`)}for(let o of e.children){t.add("insert");let c=V(o,t),l=o.kind==="expr"&&o.reactive||o.kind==="component"||o.kind==="control";i.push(l?`insert(${s}, ${c}, null);`:`insert(${s}, ${c});`)}return i.push(`return ${s};`),`(() => { ${i.join(" ")} })()`}}}var X={name:"imperative",contract:q,emit(e,t){let r=new Set;return{code:V(e,r),imports:Array.from(r)}}};import{types as z}from"@babel/core";import ae from"@babel/generator";import{parseTemplate as Oe}from"@fluixi/template-parser";var De=ae.default??ae;function Be(e){return De(e,{concise:!0}).code}var le=new Set(["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup"]);function _e(e){return e.replace(/\\/g,"\\\\").replace(/`/g,"\\`").replace(/\$\{/g,"\\${")}function ce(e){return e.charAt(0).toUpperCase()+e.slice(1)}var U=class{constructor(t,r){this.holes=t;this.used=r}hole(t){return this.holes[t]??{node:z.identifier("undefined"),code:"undefined",reactive:!1}}emit(t){let{code:r,imports:s}=X.emit(t,{});for(let i of s)this.used.add(i);return r}lowerRoot(t){let r=this.lowerChildren(t);return r.length===1?r[0]:{kind:"fragment",children:r}}lowerChildren(t){let r=[];for(let s=0;s<t.length;s++){let i=t[s];if(i.kind==="Element"||i.kind==="Component"){let o=i.attributes.find(c=>c.kind==="IfDirective");if(o&&o.kind==="IfDirective"){let c=s+1;c<t.length&&this.isBlankText(t[c])&&c++;let l=t[c],p=l&&(l.kind==="Element"||l.kind==="Component")&&l.attributes.some(E=>E.kind==="ElseDirective");r.push(this.lowerIf(i,o.hole,p?l:null)),p&&(s=c);continue}if(i.attributes.some(c=>c.kind==="EachDirective")){r.push(this.lowerEach(i));continue}}let a=this.lowerNode(i);a&&r.push(a)}return r}isBlankText(t){return t.kind==="Text"&&!t.raw&&W(t.value)===""}lowerNode(t){switch(t.kind){case"Text":{if(t.raw)return{kind:"text",value:t.value};let r=W(t.value);return r?{kind:"text",value:r}:null}case"Comment":return null;case"Expression":{let r=this.hole(t.hole);return{kind:"expr",code:r.code,reactive:r.reactive}}case"Fragment":return{kind:"fragment",children:this.lowerChildren(t.children)};case"Element":return this.lowerElement(t);case"Component":return this.lowerComponent(t);default:return null}}lowerElement(t){let r=t.attributes.find(s=>s.kind==="Attribute"&&s.name==="is");if(t.tag==="component"&&r&&r.value&&r.value.kind==="hole"){let s=t.attributes.filter(a=>a!==r),i=this.lowerComponent({...t,kind:"Component",tag:"Dynamic",tagHole:null,attributes:s});return i.props.unshift({name:"component",kind:"attr",expr:`() => (${this.hole(r.value.hole).code})`}),i}return{kind:"element",tag:t.tag,svg:t.namespace==="svg",props:this.lowerAttributes(t.attributes),children:this.lowerChildren(t.children),static:!1}}lowerComponent(t){let r=t.tagHole!=null?this.hole(t.tagHole).code:t.tag,s=this.lowerAttributes(t.attributes),{slots:i,rest:a}=this.partitionSlots(t.children);for(let[o,c]of i){let l=c.length===1?c[0]:{kind:"fragment",children:c};s.push({name:o,kind:"attr",expr:this.emit(l),jsxElement:!0})}return{kind:"component",name:r,props:s,children:this.lowerChildren(a)}}partitionSlots(t){let r=new Map,s=[];for(let i of t){if(i.kind==="Element"||i.kind==="Component"){let a=i.attributes.find(o=>o.kind==="Attribute"&&o.name==="slot");if(a&&a.value&&a.value.kind==="static"){let o={...i,attributes:i.attributes.filter(p=>p!==a)},c=o.kind==="Element"?this.lowerElement(o):this.lowerComponent(o),l=r.get(a.value.value)??[];l.push(c),r.set(a.value.value,l);continue}}s.push(i)}return{slots:r,rest:s}}lowerIf(t,r,s){let i=this.hole(r),a=[{name:"when",kind:"attr",expr:i.code,reactive:i.reactive}];if(s){let c=this.stripAndLower(s,l=>l.kind==="ElseDirective");a.push({name:"fallback",kind:"attr",expr:this.emit(c),jsxElement:!0})}let o=this.stripAndLower(t,c=>c.kind==="IfDirective");return{kind:"component",name:"Show",props:a,children:[o]}}lowerEach(t){let r=t.attributes.find(l=>l.kind==="EachDirective");if(!r||r.kind!=="EachDirective")return this.lowerNode(t);let s=this.hole(r.hole),i=[{name:"each",kind:"attr",expr:s.code,reactive:s.reactive}];if(r.key){let l="static"in r.key?`(item) => item[${JSON.stringify(r.key.static)}]`:this.hole(r.key.hole).code;i.push({name:"by",kind:"attr",expr:l})}let a=this.itemArrow(t),o;if(a){let l=a.body,p={kind:"expr",code:R(l,this.used),reactive:y(l)},E=this.rebuildWithChildren(t,[p]);o=`(${a.params.map(f=>Be(f)).join(", ")}) => (${this.emit(E)})`}else{let l=this.stripAndLower(t,p=>p.kind==="EachDirective");o=`() => (${this.emit(l)})`}return{kind:"component",name:"For",props:i,children:[{kind:"expr",code:o,reactive:!1}]}}itemArrow(t){let r=t.children.filter(i=>!this.isBlankText(i));if(r.length!==1||r[0].kind!=="Expression")return null;let s=this.hole(r[0].hole).node;return z.isArrowFunctionExpression(s)&&!z.isBlockStatement(s.body)?s:null}stripAndLower(t,r){let s={...t,attributes:t.attributes.filter(i=>!r(i))};return s.kind==="Element"?this.lowerElement(s):this.lowerComponent(s)}rebuildWithChildren(t,r){let s=this.lowerAttributes(t.attributes.filter(i=>i.kind!=="EachDirective"));return t.kind==="Element"?{kind:"element",tag:t.tag,svg:t.namespace==="svg",props:s,children:r,static:!1}:{kind:"component",name:t.tag,props:s,children:r}}lowerAttributes(t){let r=[],s=[],i=!1,a=[],o=!1,c=[];for(let l of t)switch(l.kind){case"IfDirective":case"EachDirective":case"ElseDirective":break;case"Attribute":r.push(this.plainAttr(l));break;case"PropertyBinding":r.push({name:l.name,kind:"prop",expr:this.hole(l.hole).code,reactive:this.hole(l.hole).reactive});break;case"EventBinding":r.push(this.eventProp(l));break;case"RefBinding":r.push({name:"ref",kind:"ref",expr:this.hole(l.hole).code,reactive:this.hole(l.hole).reactive});break;case"Spread":r.push({name:"",kind:"spread",expr:this.hole(l.hole).code});break;case"ClassDirective":{let p=this.hole(l.hole);s.push(`${JSON.stringify(l.name)}: ${p.code}`),i=i||p.reactive;break}case"StyleDirective":{let p=this.hole(l.hole);a.push(`${JSON.stringify(l.name)}: ${p.code}`),o=o||p.reactive;break}case"BindDirective":r.push(...this.bindProps(l.name,this.hole(l.hole).code));break;case"UseDirective":{let p=l.name??(l.hole!=null?this.hole(l.hole).code:null);if(!p)break;c.push(l.name!=null&&l.hole!=null?`[${p}, () => (${this.hole(l.hole).code})]`:`[${p}]`);break}}return s.length>0&&r.push({name:"classList",kind:"attr",expr:`{ ${s.join(", ")} }`,reactive:i}),a.length>0&&r.push({name:"style",kind:"attr",expr:`{ ${a.join(", ")} }`,reactive:o}),c.length>0&&r.push({name:"use",kind:"attr",expr:`[${c.join(", ")}]`}),r}eventProp(t){let r=t.name.toLowerCase(),s=this.hole(t.hole).code;if(!(t.syntax==="colon"||t.modifiers.length>0))return{name:"on"+ce(t.name),kind:"event",event:{name:r,delegated:le.has(r)},expr:s};let a=this.wrapHandler(s,t.modifiers),o=this.eventOptions(t.modifiers),c=o?`[${a}, ${o}]`:a;return{name:"on:"+r,kind:"attr",expr:c}}wrapHandler(t,r){let s=r.includes("self")?"if (e.target !== e.currentTarget) return; ":"",i=[];return r.includes("prevent")&&i.push("e.preventDefault();"),r.includes("stop")&&i.push("e.stopPropagation();"),!s&&i.length===0?t:`(e) => { ${s}${i.join(" ")} return (${t})(e); }`}eventOptions(t){let r=[];return t.includes("capture")&&r.push("capture: true"),t.includes("once")&&r.push("once: true"),t.includes("passive")&&r.push("passive: true"),r.length?`{ ${r.join(", ")} }`:null}bindProps(t,r){let s=t==="checked",i=s?"change":"input",a=s?"checked":"value",o=`(${r})`;return[{name:t,kind:"attr",expr:`${o}[0]()`,reactive:!0},{name:"on"+ce(i),kind:"event",event:{name:i,delegated:le.has(i)},expr:`(e) => ${o}[1](e.target.${a})`}]}plainAttr(t){let r=t.value,s=t.name;t.name==="class"?s=r&&r.kind==="hole"&&z.isObjectExpression(this.hole(r.hole).node)?"classList":"className":t.name==="html"&&(s="innerHTML");let a={name:s,kind:"attr"};if(r==null)return a.literal=!0,a;if(r.kind==="static")return a.literal=r.value,a;if(r.kind==="hole"){let l=this.hole(r.hole);return a.expr=l.code,a.reactive=l.reactive,a}let o=!1,c=r.parts.map(l=>{if("text"in l)return _e(l.text);let p=this.hole(l.hole);return o=o||p.reactive,"${"+p.code+"}"}).join("");return a.expr="`"+c+"`",a.reactive=o,a}};function pe(e,t,r={}){let s=e.quasi,i=s.expressions.map(c=>{let l=c;return{node:l,code:R(l,t),reactive:y(l)}}),a=Ve(s),{root:o}=Oe(a,{svg:r.svg});return new U(i,t).lowerRoot(o.children)}function Ve(e){let t=[];return e.quasis.forEach((r,s)=>{let i=r.value.cooked??r.value.raw;if(t.push({kind:"static",text:i,start:r.start??0}),s<e.expressions.length){let a=e.expressions[s];t.push({kind:"hole",index:s,start:a.start??0,end:a.end??0})}}),t}function H(e,t=new Set,r={}){return pe(e,t,r)}var He=ue.default??ue;function fe(e){return He(e,{concise:!0}).code}function Ge(e,t){let r=m.cloneNode(e,!0),s=m.file(m.program([m.expressionStatement(r)])),i=!1,a=(o,c,l)=>{for(let p of l)t.add(p);o.replaceWith(We.expression(c,{placeholderPattern:!1,plugins:["typescript"]})()),o.skip(),i=!0};return ze(s,{"JSXElement|JSXFragment"(o){let c=o.node,{code:l,imports:p}=X.emit(M(c,t),{});a(o,l,p)},TaggedTemplateExpression(o){let c=o.node.tag;if(!m.isIdentifier(c)||c.name!=="html"&&c.name!=="svg")return;let l=H(o.node,t,{svg:c.name==="svg"}),{code:p,imports:E}=X.emit(l,{});a(o,p,E)}}),i?s.program.body[0].expression:e}function R(e,t){return fe(Ge(e,t))}var qe=new Set(["svg","path","circle","rect","line","polygon","polyline","ellipse","g","defs","clipPath","text"]),Ue=/^on[A-Z]/,Ze=new Set(["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup"]);function Ke(e){if(m.isJSXIdentifier(e)){let t=e.name[0]!==e.name[0].toLowerCase();return{tag:e.name,component:t}}return m.isJSXMemberExpression(e)?{tag:fe(e),component:!0}:m.isJSXNamespacedName(e)?{tag:`${e.namespace.name}:${e.name.name}`,component:!1}:{tag:"div",component:!1}}function Ye(e){return m.isJSXIdentifier(e)?e.name==="class"?"className":e.name:m.isJSXNamespacedName(e)?`${e.namespace.name}:${e.name.name}`:"unknown"}function y(e){return m.isCallExpression(e)||m.isOptionalCallExpression(e)?!0:m.isMemberExpression(e)||m.isOptionalMemberExpression(e)?!(!e.computed&&m.isIdentifier(e.property,{name:"children"})):m.isConditionalExpression(e)?y(e.test)||y(e.consequent)||y(e.alternate):m.isLogicalExpression(e)||m.isBinaryExpression(e)?y(e.left)||y(e.right):m.isTemplateLiteral(e)?e.expressions.some(t=>y(t)):m.isObjectExpression(e)?e.properties.some(t=>m.isObjectProperty(t)&&!t.computed&&y(t.value)):m.isArrayExpression(e)?e.elements.some(t=>t!=null&&!m.isSpreadElement(t)&&y(t)):!1}function Qe(e,t){let r=Ye(e.name),s=Ue.test(r),i=s||r.startsWith("on:"),o={name:r,kind:s?"event":"attr"};s&&(o.event={name:r.slice(2).toLowerCase(),delegated:Ze.has(r.slice(2).toLowerCase())});let c=e.value;if(c==null)return o.literal=!0,o;if(m.isStringLiteral(c))return o.literal=c.value,o;if(m.isJSXExpressionContainer(c)&&!m.isJSXEmptyExpression(c.expression)){let l=c.expression;return m.isStringLiteral(l)||m.isNumericLiteral(l)||m.isBooleanLiteral(l)?(o.literal=l.value,o):(o.expr=R(l,t),o.reactive=i?!1:y(l),(m.isJSXElement(l)||m.isJSXFragment(l))&&(o.jsxElement=!0),o)}return o.literal=!0,o}function me(e,t){let r=e.value;return r==null?null:m.isStringLiteral(r)?JSON.stringify(r.value):m.isJSXExpressionContainer(r)&&!m.isJSXEmptyExpression(r.expression)?R(r.expression,t):null}function et(e,t){let r=[],s=[];for(let i of e){if(m.isJSXSpreadAttribute(i)){r.push({name:"",kind:"spread",expr:R(i.argument,t)});continue}if(!m.isJSXAttribute(i))continue;let a=m.isJSXNamespacedName(i.name)?i.name.namespace.name:null;if(a==="use"){let o=i.name.name.name;t.add(o);let c=me(i,t);s.push(c!=null?`[${o}, () => (${c})]`:`[${o}]`);continue}if(a==="oncapture"){let o=i.name.name.name.toLowerCase(),c=me(i,t)??"undefined";r.push({name:"on:"+o,kind:"attr",expr:`[${c}, { capture: true }]`});continue}r.push(Qe(i,t))}return s.length>0&&r.push({name:"use",kind:"attr",expr:`[${s.join(", ")}]`}),r}function W(e){let t=e.split(/\r\n|\n|\r/),r=0;for(let i=0;i<t.length;i++)/[^ \t]/.test(t[i])&&(r=i);let s="";for(let i=0;i<t.length;i++){let a=t[i].replace(/\t/g," ");i!==0&&(a=a.replace(/^ +/,"")),i!==t.length-1&&(a=a.replace(/ +$/,"")),a&&(i!==r&&(a+=" "),s+=a)}return s}function de(e,t){let r=[];for(let s of e)if(m.isJSXText(s)){let i=W(s.value);i&&r.push({kind:"text",value:i})}else if(m.isJSXExpressionContainer(s)){if(!m.isJSXEmptyExpression(s.expression)){let i=s.expression;r.push({kind:"expr",code:R(i,t),reactive:y(i)})}}else m.isJSXElement(s)||m.isJSXFragment(s)?r.push(M(s,t)):m.isJSXSpreadChild(s)&&r.push({kind:"expr",code:R(s.expression,t),reactive:!1});return r}function M(e,t=new Set){if(m.isJSXFragment(e))return{kind:"fragment",children:de(e.children,t)};let{tag:r,component:s}=Ke(e.openingElement.name),i=et(e.openingElement.attributes,t),a=de(e.children,t);return s?{kind:"component",name:r,props:i,children:a}:{kind:"element",tag:r,svg:qe.has(r),props:i,children:a,static:!1}}var K=new Set(["Show","For","Index","Switch","Match","Portal","Dynamic","ErrorBoundary","Suspense","SuspenseList","Await"]),ge=new Set(["Suspense","SuspenseList","Await"]),T=new Set(["Router","Outlet","Redirect","Link"]),nt={Show:"when",For:"each",Index:"each",Match:"when"};var be=/^on[A-Z]/,ve=["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup","mouseover","mouseout","mouseenter","mouseleave"],O=tt((e,t={})=>{e.assertVersion(7);let{runtime:r="automatic",importSource:s="@fluixi/jsx",pragma:i="jsx",pragmaFrag:a="Fragment",development:o=!1,detectReactivity:c=!0,useLitHTML:l=!0,hoistStatics:p=!0,delegateEvents:E=!0,delegatedEvents:f=ve,optimizeControlFlow:w=!0,sourceMaps:L=!0,signalModule:C="@fluixi/dom",controlFlowModule:J="@fluixi/dom",routerModule:B="@fluixi/core/router-next",reactiveModule:te="@fluixi/reactive/signal",autoShowTransform:ne=!1,backend:N="imperative",codegen:A="inline",format:re="both",litTag:Pe="html"}=t,Le=re==="lit"||re==="both",je={backend:N,codegen:A,irImports:new Set,libModule:"@fluixi/core",hasJSX:!1,hasReactivity:!1,hasLitHTML:!1,needsSignalImport:!1,needsControlFlowImport:!1,needsCreateMemo:!1,controlFlowComponents:new Set,delegatedEvents:new Set,staticElements:new Map,staticCounter:0};return{name:"@fluixi/babel-plugin-jsx",manipulateOptions(d,u){u.plugins.push("jsx","typescript")},pre(d){Object.assign(d,je)},visitor:{ImportDeclaration(d,u){d.node.source.value==="@fluixi/core/rx"&&(d.node.source=n.stringLiteral("@fluixi/reactive"))},Program:{enter(d,u){Object.assign(u,{hasJSX:!1,hasReactivity:!1,hasLitHTML:!1,hasLitIR:!1,needsSignalImport:!1,needsControlFlowImport:!1,needsCreateMemo:!1,controlFlowComponents:new Set,delegatedEvents:new Set,staticElements:new Map,autoShow:ne,staticCounter:0,libModule:"@fluixi/core",backend:N,codegen:A,irImports:new Set,needsCreateNativeElement:!1,needsInsert:!1,needsSpread:!1,needsCreateComponent:!1,needsMergeProps:!1})},exit(d,u){let g=[];if(u.hasJSX||u.needsSignalImport&&g.push(n.importDeclaration([n.importSpecifier(n.identifier("signal"),n.identifier("signal"))],n.stringLiteral(C))),u.hasJSX||u.hasLitIR){if(u.irImports.size>0){let h=new Set(["Show","For","Index","Switch","Match","Dynamic","ErrorBoundary","Portal","Suspense"]),b=new Set(["createMemo","createEffect","createRenderEffect","createRoot","createSignal","onCleanup","batch","untrack"]),x=Array.from(u.irImports),I=S=>n.importSpecifier(n.identifier(S),n.identifier(S)),j=S=>!d.scope.hasBinding(S),F=x.filter(S=>b.has(S)&&j(S)),v=x.filter(S=>!h.has(S)&&!b.has(S)&&j(S)),_=x.filter(S=>h.has(S)&&j(S));F.length>0&&g.push(n.importDeclaration(F.map(I),n.stringLiteral(te))),v.length>0&&g.push(n.importDeclaration(v.map(I),n.stringLiteral(C))),_.length>0&&g.push(n.importDeclaration(_.map(I),n.stringLiteral(J)))}if(u.hasJSX&&N==="imperative"&&A!=="ir"){let b=[[!!u.needsCreateNativeElement,"createNativeElement"],[!!u.needsSpread,"spread"],[!!u.needsInsert,"insert"],[!!u.needsCreateComponent,"createComponent"],[!!u.needsMergeProps,"mergeProps"]].filter(([x,I])=>x&&!d.scope.hasBinding(I)).map(([,x])=>n.importSpecifier(n.identifier(x),n.identifier(x)));b.length>0&&g.push(n.importDeclaration(b,n.stringLiteral(C)))}else if(u.hasJSX&&r==="automatic"){let h=[n.importSpecifier(n.identifier("jsx"),n.identifier("jsx")),n.importSpecifier(n.identifier("jsxs"),n.identifier("jsxs")),n.importSpecifier(n.identifier("Fragment"),n.identifier("Fragment"))];o&&h.push(n.importSpecifier(n.identifier("jsxDEV"),n.identifier("jsxDEV"))),u.needsMergeProps&&h.push(n.importSpecifier(n.identifier("mergeProps"),n.identifier("mergeProps"))),g.push(n.importDeclaration(h,n.stringLiteral(s)))}if(u.needsCreateMemo&&!d.scope.hasBinding("createMemo")&&g.push(n.importDeclaration([n.importSpecifier(n.identifier("createMemo"),n.identifier("createMemo"))],n.stringLiteral(N==="imperative"?te:u.libModule??"@fluixi/core"))),u.needsControlFlowImport&&u.controlFlowComponents.size>0){let h=Array.from(u.controlFlowComponents).filter(v=>!d.scope.hasBinding(v)),b=u.libModule??"@fluixi/core",x=h.filter(v=>T.has(v)),I=h.filter(v=>ge.has(v)),j=h.filter(v=>!ge.has(v)&&!T.has(v)),F=(v,_)=>n.importDeclaration(v.map(S=>n.importSpecifier(n.identifier(S),n.identifier(S))),n.stringLiteral(_));j.length>0&&g.push(F(j,J)),I.length>0&&g.push(F(I,b)),x.length>0&&g.push(F(x,B))}if(E&&u.delegatedEvents.size>0){g.push(n.importDeclaration([n.importSpecifier(n.identifier("delegateEvents"),n.identifier("delegateEvents"))],n.stringLiteral(N==="imperative"?C:"@fluixi/jsx")));let h=n.arrayExpression(Array.from(u.delegatedEvents).map(x=>n.stringLiteral(x))),b=n.expressionStatement(n.callExpression(n.identifier("delegateEvents"),[h]));d.node.body.unshift(b)}if(p&&u.staticElements.size>0){let h=[];u.staticElements.forEach((b,x)=>{h.push(n.variableDeclaration("const",[n.variableDeclarator(n.identifier(x),b)]))}),d.node.body.unshift(...h)}}g.length>0&&d.node.body.unshift(...ot(g))}},JSXElement(d,u){if(u.hasJSX=!0,N==="imperative"&&A==="ir"){d.replaceWith(Ee(d.node,u));return}let g=d.node,h=g.openingElement;if(n.isJSXIdentifier(h.name)&&T.has(h.name.name)&&(u.controlFlowComponents.add(h.name.name),u.needsControlFlowImport=!0),n.isJSXIdentifier(h.name)&&K.has(h.name.name)&&(u.controlFlowComponents.add(h.name.name),w)){let x=vt(g,u);if(x){d.replaceWith(x);return}}if(p&&N!=="imperative"&&Re(g,u)){let x=bt(g,u);if(x){d.replaceWith(x);return}}let b=rt(g,u,{runtime:r,pragma:i,development:o,detectReactivity:c,useLitHTML:l,autoShow:ne});d.replaceWith(b)},JSXFragment(d,u){if(u.hasJSX=!0,N==="imperative"&&A==="ir"){d.replaceWith(Ee(d.node,u));return}let g=G(d.node,u,{runtime:r,pragmaFrag:a,development:o});d.replaceWith(g)},CallExpression(d,u){if(!c)return;let g=d.node.callee;g.name,n.isIdentifier(g)&&(g.name==="createSignal"||g.name==="createStore"||g.name==="useContext"||g.name==="useLocation")&&(u.hasReactivity=!0)},JSXExpressionContainer(d){},TaggedTemplateExpression(d,u){if(Le&&N==="imperative"&&n.isIdentifier(d.node.tag)&&(d.node.tag.name===Pe||d.node.tag.name==="svg")){d.replaceWith(at(d.node,u));return}}}}});function rt(e,t,r){let{runtime:s,pragma:i,development:a,autoShow:o=!0}=r;return s==="automatic"?D(e,t,a,o):pt(e,t,i)}var it=new Set(["svg","path","circle","rect","line","polygon","polyline","ellipse","g","defs","clipPath","text"]);function he(e,t,r){return t.length>0?(r.needsMergeProps=!0,n.callExpression(n.identifier("mergeProps"),[...t,n.objectExpression(e)])):n.objectExpression(e)}function ye(e){return e.length===1?e[0]:n.arrayExpression(e)}function st(e,t,r,s,i,a){if(!t){let f=[...r];return i.length>0&&f.push(n.objectMethod("get",n.identifier("children"),[],n.blockStatement([n.returnStatement(ye(i))]))),we(e,he(f,s,a),a)}let o=e.value,c=it.has(o),l=n.identifier("_el$"),p=[];a.needsCreateNativeElement=!0;let E=[e];if(c&&E.push(n.booleanLiteral(!0)),p.push(n.variableDeclaration("const",[n.variableDeclarator(l,n.callExpression(n.identifier("createNativeElement"),E))])),r.length>0||s.length>0){a.needsSpread=!0;let f=[n.objectProperty(n.identifier("element"),l),n.objectProperty(n.identifier("props"),he(r,s,a))];c&&f.push(n.objectProperty(n.identifier("isSVG"),n.booleanLiteral(!0))),p.push(n.expressionStatement(n.callExpression(n.identifier("spread"),[n.objectExpression(f)])))}if(i.length>0){a.needsInsert=!0;for(let f of i){let L=n.isArrowFunctionExpression(f)||n.isFunctionExpression(f)||n.isCallExpression(f)&&n.isIdentifier(f.callee)&&f.callee.name==="createMemo"?[n.cloneNode(l),f,n.nullLiteral()]:[n.cloneNode(l),f];p.push(n.expressionStatement(n.callExpression(n.identifier("insert"),L)))}}return p.push(n.returnStatement(l)),n.callExpression(n.arrowFunctionExpression([],n.blockStatement(p)),[])}function we(e,t,r){return n.isIdentifier(e)&&T.has(e.name)&&(r.controlFlowComponents.add(e.name),r.needsControlFlowImport=!0),r.backend==="imperative"?(r.needsCreateComponent=!0,r.needsCreateMemo=!0,n.callExpression(n.identifier("createMemo"),[n.arrowFunctionExpression([],n.callExpression(n.identifier("createComponent"),[e,t]))])):n.callExpression(n.identifier("jsx"),[e,t])}function Ee(e,t){let r=new Set,s=M(e,r),{code:i,imports:a}=X.emit(s,{});for(let o of a)r.add(o);for(let o of r)t.irImports.add(o);return Se.expression(i,{placeholderPattern:!1,plugins:["typescript"]})()}function ot(e){let t=new Map,r=[];for(let s of e){let i=s.source.value;if(!s.specifiers.every(c=>n.isImportSpecifier(c))){r.push(s);continue}let o=t.get(i);if(!o){let c=new Set(s.specifiers.map(l=>l.local.name));t.set(i,{decl:s,names:c}),r.push(s);continue}for(let c of s.specifiers)o.names.has(c.local.name)||(o.names.add(c.local.name),o.decl.specifiers.push(c))}return r}function at(e,t){let r=new Set,s=n.isIdentifier(e.tag)&&e.tag.name==="svg",i=H(e,r,{svg:s}),{code:a,imports:o}=X.emit(i,{});for(let l of o)r.add(l);for(let l of r)t.irImports.add(l);Ce(i,t),t.hasLitIR=!0;let c=Se.expression(a,{placeholderPattern:!1,plugins:["typescript"]})();return lt(c,e),c}function lt(e,t){if(!t.loc)return;let r=new Set,s=i=>{if(!r.has(i)){r.add(i),i.loc||(i.loc=t.loc,i.start=t.start,i.end=t.end);for(let a of n.VISITOR_KEYS[i.type]??[]){let o=i[a];if(Array.isArray(o))for(let c of o)c&&typeof c=="object"&&"type"in c&&s(c);else o&&typeof o=="object"&&"type"in o&&s(o)}}};s(e)}function Ce(e,t){if(e.kind==="component"&&(K.has(e.name)||T.has(e.name))&&(t.controlFlowComponents.add(e.name),t.needsControlFlowImport=!0),(e.kind==="element"||e.kind==="component"||e.kind==="control")&&"props"in e)for(let r of e.props)r.kind==="event"&&r.event?.delegated&&t.delegatedEvents.add(r.event.name);if("children"in e&&e.children)for(let r of e.children)Ce(r,t)}function ct(e){return e.map(t=>{if(n.isObjectProperty(t)){let r=t.key,s=t.computed,i=t.value;return n.objectMethod("get",r,[],n.blockStatement([n.returnStatement(i)]),s)}return t})}function D(e,t,r,s=!0){let i=e.openingElement,a=e.children,o=ke(i.name),c=n.isJSXIdentifier(i.name)&&/^[a-z]/.test(i.name.name),l=Je(i.attributes,t,c,n.isJSXIdentifier(i.name)?i.name.name:""),p=l.props,E=l.spreads;c||(p=ct(p));let f=Y(a,t,s);if(t.backend==="imperative")return st(o,c,p,E,f,t);if(f.length>0){let J=f.length===1?f[0]:n.arrayExpression(f);p.push(n.objectProperty(n.identifier("children"),J))}let w;if(E.length>0){let J=p.length>0?n.objectExpression(p):n.objectExpression([]);t.needsMergeProps=!0,w=n.callExpression(n.identifier("mergeProps"),[...E,J])}else w=n.objectExpression(p);let L=r?"jsxDEV":f.length>1?"jsxs":"jsx",C=[o,w];return r&&C.push(n.identifier("undefined"),n.booleanLiteral(!1),n.identifier("undefined"),n.identifier("undefined")),n.callExpression(n.identifier(L),C)}function pt(e,t,r){let s=e.openingElement,i=e.children,a=ke(s.name),o=n.isJSXIdentifier(s.name)&&/^[a-z]/.test(s.name.name),{props:c,spreads:l}=Je(s.attributes,t,o,n.isJSXIdentifier(s.name)?s.name.name:""),p=Y(i,t,t.autoShow??!0),E;if(l.length>0){let w=c.length>0?n.objectExpression(c):n.objectExpression([]);t.needsMergeProps=!0,E=n.callExpression(n.identifier("mergeProps"),[...l,w])}else E=c.length>0?n.objectExpression(c):n.nullLiteral();let f=[a,E,...p];return n.callExpression(n.identifier(r),f)}function G(e,t,r){let{runtime:s,pragmaFrag:i,development:a}=r,o=Y(e.children,t,t.autoShow??!0);if(t.backend==="imperative")return o.length===0?n.nullLiteral():ye(o);if(s==="automatic"){let c=a?"jsxDEV":o.length>1?"jsxs":"jsx",l=n.objectExpression([n.objectProperty(n.identifier("children"),o.length===1?o[0]:n.arrayExpression(o))]),p=[n.identifier("Fragment"),l];return a&&p.push(n.identifier("undefined"),n.booleanLiteral(!1),n.identifier("undefined"),n.identifier("undefined")),n.callExpression(n.identifier(c),p)}else return n.callExpression(n.identifier(i),o)}function ke(e){if(n.isJSXIdentifier(e)){let t=e.name;return t[0]===t[0].toLowerCase()?n.stringLiteral(t):n.identifier(t)}return n.isJSXMemberExpression(e)?Ne(e):n.isJSXNamespacedName(e)?n.stringLiteral(`${e.namespace.name}:${e.name.name}`):n.stringLiteral("div")}function Ne(e){let t;return n.isJSXIdentifier(e.object)?t=n.identifier(e.object.name):t=Ne(e.object),n.memberExpression(t,n.identifier(e.property.name))}function ut(e){return/^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(e)}function Je(e,t,r=!0,s=""){let i=[],a=[],o=nt[s];for(let c of e)if(n.isJSXSpreadAttribute(c))a.push(c.argument);else if(n.isJSXAttribute(c)){let l=mt(c.name),p=dt(c.value,t,l,r);if(be.test(l)){let B=l.slice(2).toLowerCase();ve.includes(B)&&t.delegatedEvents.add(B)}let E=ut(l)?n.identifier(l):n.stringLiteral(l),f=c.value,w=n.isJSXElement(f)||n.isJSXFragment(f)||n.isJSXExpressionContainer(f)&&(n.isJSXElement(f.expression)||n.isJSXFragment(f.expression)),L=!r&&l===o,C=n.isJSXExpressionContainer(f)&&!n.isJSXEmptyExpression(f.expression)?f.expression:null,J=!r&&!!C&&Ie(C,l);!r&&w||L||J?i.push(n.objectMethod("get",E,[],n.blockStatement([n.returnStatement(p)]))):i.push(n.objectProperty(E,p))}return{props:i,spreads:a}}function mt(e){return n.isJSXIdentifier(e)?e.name==="class"?"className":e.name:n.isJSXNamespacedName(e)?`${e.namespace.name}:${e.name.name}`:"unknown"}function dt(e,t,r="",s=!0){if(e===null)return n.booleanLiteral(!0);if(n.isStringLiteral(e))return e.value.includes(`
-`)?n.stringLiteral(e.value.replace(/\s+/g," ").trim()):e;if(n.isJSXExpressionContainer(e)){if(n.isJSXEmptyExpression(e.expression))return n.booleanLiteral(!0);let i=e.expression;return s&&Ie(i,r)?n.arrowFunctionExpression([],i):i}return n.isJSXElement(e)?D(e,t,!1,t.autoShow??!0):n.isJSXFragment(e)?G(e,t,{runtime:"automatic",pragmaFrag:"Fragment",development:!1}):n.booleanLiteral(!0)}function Ie(e,t){return be.test(t)||t.startsWith("on:")||t==="ref"||t.startsWith("use:")||n.isArrowFunctionExpression(e)||n.isFunctionExpression(e)||n.isIdentifier(e)||n.isStringLiteral(e)||n.isNumericLiteral(e)||n.isBooleanLiteral(e)||n.isNullLiteral(e)?!1:!!(n.isCallExpression(e)||n.isOptionalCallExpression(e)||n.isMemberExpression(e)||n.isOptionalMemberExpression(e)||n.isLogicalExpression(e)||n.isConditionalExpression(e)||n.isBinaryExpression(e)||n.isUnaryExpression(e)||n.isTemplateLiteral(e)||n.isObjectExpression(e)||n.isArrayExpression(e))}function ft(e){let t=e.split(/\r\n|\n|\r/),r=0;for(let i=0;i<t.length;i++)/[^ \t]/.test(t[i])&&(r=i);let s="";for(let i=0;i<t.length;i++){let a=t[i].replace(/\t/g," ");i!==0&&(a=a.replace(/^ +/,"")),i!==t.length-1&&(a=a.replace(/ +$/,"")),a&&(i!==r&&(a+=" "),s+=a)}return s}function Y(e,t,r=!0){let s=[];for(let i of e)if(n.isJSXText(i)){let a=ft(i.value);a&&s.push(n.stringLiteral(a))}else if(n.isJSXExpressionContainer(i)){if(!n.isJSXEmptyExpression(i.expression)){let a=i.expression;if(r){let o=gt(a,t)??ht(a,t);if(o){s.push(o);continue}}else{let o=Et(a,t);if(o){s.push(o);continue}}St(a)?s.push(n.arrowFunctionExpression([],a)):s.push(a)}}else n.isJSXElement(i)?s.push(D(i,t,!1,t.autoShow??!0)):n.isJSXFragment(i)?s.push(G(i,t,{runtime:"automatic",pragmaFrag:"Fragment",development:!1})):n.isJSXSpreadChild(i)&&s.push(i.expression);return s}function gt(e,t){if(!n.isArrowFunctionExpression(e)||e.params.length!==0||e.async)return null;let r=e.body;if(n.isLogicalExpression(r)&&r.operator==="&&"){let s=k(r.right);if(s)return $(P(r.left),s,null,t)}if(n.isConditionalExpression(r)){let s=k(r.consequent);if(s){let i=Q(r.alternate,t);return $(P(r.test),s,i,t,!0)}}return null}function ht(e,t){if(n.isLogicalExpression(e)&&e.operator==="&&"){let r=k(e.right);if(r)return $(P(e.left),r,null,t)}if(n.isConditionalExpression(e)){let r=k(e.consequent);if(r){let s=Q(e.alternate,t);return $(P(e.test),r,s,t)}}return null}function Et(e,t){let r=n.isArrowFunctionExpression(e)&&e.params.length===0&&!e.async&&n.isExpression(e.body)?e.body:e;if(n.isConditionalExpression(r)){let s=P(r.test),a=k(r.consequent)??r.consequent,c=k(r.alternate)??r.alternate,l=n.conditionalExpression(s,a,c);return Z(r.consequent)||Z(r.alternate)?null:(t.needsCreateMemo=!0,n.callExpression(n.identifier("createMemo"),[n.arrowFunctionExpression([],l)]))}if(n.isLogicalExpression(r)&&r.operator==="&&"){let s=P(r.left),a=k(r.right)??r.right,o=n.logicalExpression("&&",s,a);return Z(r.right)?null:(t.needsCreateMemo=!0,n.callExpression(n.identifier("createMemo"),[n.arrowFunctionExpression([],o)]))}return null}function Q(e,t){if(xt(e))return null;let r=k(e);if(r)return Xe(r,t);if(n.isConditionalExpression(e)){let s=e,i=k(s.consequent);if(i){let a=Q(s.alternate,t);return $(P(s.test),i,a,t)}}return e}function xe(e){return n.isJSXElement(e)||n.isJSXFragment(e)}function Z(e){let t=k(e);if(!t||!n.isJSXElement(t))return!1;let r=t.openingElement.name;return n.isJSXIdentifier(r)&&K.has(r.name)}function k(e){return xe(e)?e:n.isArrowFunctionExpression(e)&&e.params.length===0&&!e.async&&xe(e.body)?e.body:null}function P(e){return n.isArrowFunctionExpression(e)&&e.params.length===0&&!e.async&&n.isExpression(e.body)?e.body:e}function xt(e){return n.isNullLiteral(e)||n.isIdentifier(e)&&e.name==="undefined"||n.isBooleanLiteral(e)&&e.value===!1}function Xe(e,t){return n.isJSXElement(e)?D(e,t,!1,t.autoShow??!0):G(e,t,{runtime:"automatic",pragmaFrag:"Fragment",development:!1})}function $(e,t,r,s,i=!1){s.controlFlowComponents.add("Show"),s.needsControlFlowImport=!0;let a=Xe(t,s),o=[n.objectProperty(n.identifier("when"),n.arrowFunctionExpression([],e)),n.objectProperty(n.identifier("children"),a)];return r&&o.push(n.objectProperty(n.identifier("fallback"),r)),we(n.identifier("Show"),n.objectExpression(o),s)}function St(e){return n.isMemberExpression(e)||n.isOptionalMemberExpression(e)?!(!e.computed&&n.isIdentifier(e.property,{name:"children"})):n.isCallExpression(e)||n.isOptionalCallExpression(e)?!0:n.isIdentifier(e)?!1:!!(n.isLogicalExpression(e)||n.isConditionalExpression(e)||n.isBinaryExpression(e)||n.isUnaryExpression(e)||n.isTemplateLiteral(e))}function Re(e,t){let r=e.openingElement;if(!n.isJSXIdentifier(r.name))return!1;let s=r.name.name;if(s[0]!==s[0].toLowerCase())return!1;for(let i of r.attributes){if(n.isJSXSpreadAttribute(i))return!1;if(n.isJSXAttribute(i)){let a=i.value;if(n.isJSXExpressionContainer(a)&&!n.isStringLiteral(a.expression)&&!n.isNumericLiteral(a.expression))return!1}}for(let i of e.children)if(n.isJSXElement(i)&&!Re(i,t)||n.isJSXExpressionContainer(i))return!1;return!0}function bt(e,t){let r=`_$static${t.staticCounter++}`,s=D(e,t,!1);return t.staticElements.set(r,s),n.identifier(r)}function vt(e,t){let r=e.openingElement.name.name;return r==="Show"?yt(e,t):r==="For"?wt(e,t):null}function yt(e,t){return null}function wt(e,t){return null}var qt=O;function Ut(e){return[O,e]}function ee(e={}){return{plugins:[[O,{runtime:"automatic",importSource:"@fluixi/jsx",development:!1,detectReactivity:!0,useLitHTML:!0,hoistStatics:!0,delegateEvents:!0,optimizeControlFlow:!0,sourceMaps:!0,...e}]]}}var Zt={production:ee({development:!1,hoistStatics:!0,delegateEvents:!0,optimizeControlFlow:!0}),development:ee({development:!0,hoistStatics:!1,sourceMaps:!0}),minimal:ee({detectReactivity:!1,useLitHTML:!1,hoistStatics:!1,delegateEvents:!1,optimizeControlFlow:!1})};export{qt as babelPluginReactiveJSX,Ut as createPlugin,ee as createPreset,O as default,Zt as presets};
+import{declare as sn}from"@babel/helper-plugin-utils";var vt=e=>"components"in e;function Je(e,t){return e.replace(/\$(\d+)/g,(n,o)=>t[Number(o)]??n)}function bt(e,t){return typeof t=="string"?{module:t,export:e}:t}function Te(e=[]){let t=new Map,n=[],o=[];for(let a of e){if(!vt(a)){o.push(a);continue}for(let[l,c]of Object.entries(a.components)){let p=bt(l,c),m=t.get(l);if(m&&m.module!==p.module){let u=n.find(E=>E.name===l);u?u.modules.push(p.module):n.push({name:l,modules:[m.module,p.module]});continue}t.set(l,p)}}let i=new Map;return{resolve:a=>{if(i.has(a))return i.get(a);let l=t.get(a);if(!l)for(let c of o){let p=a.match(new RegExp(c.match.source,c.match.flags.replace("g","")));if(p){l={module:Je(c.module,p),export:c.export?Je(c.export,p):a};break}}return i.set(a,l),l},names:()=>[...t.keys()],conflicts:()=>n}}var V=["Show","For","Index","Switch","Match","Portal","Dynamic","ErrorBoundary"],D=["Suspense","SuspenseList","Await"],_=["Router","Outlet","Redirect","Link"],Pn=[...V,...D,..._],pe=new Set([...V,...D]);function Pe(e={}){let{controlFlowModule:t="@fluixi/dom",coreModule:n="@fluixi/core",routerModule:o="@fluixi/core/router-next"}=e,i={};for(let s of V)i[s]=t;for(let s of D)i[s]=n;for(let s of _)i[s]=o;return i}var A={kind:"eager"},yt=["pointerdown","focusin","keydown"],Xe=new Set(["eager","idle","visible","interaction","media","never"]),J=class extends Error{};function W(e){return e.startsWith("load:")}function B(e,t){let n=e.slice(5);if(!Xe.has(n))throw new J(`Unknown load strategy 'load:${n}'. Expected one of ${[...Xe].join(", ")}.`);switch(n){case"eager":return A;case"idle":return{kind:"idle"};case"never":return{kind:"never"};case"visible":return t?{kind:"visible",rootMargin:t}:{kind:"visible"};case"interaction":return{kind:"interaction",events:t?Rt(t):[...yt]};case"media":if(!t)throw new J(`'load:media' needs a query, e.g. load:media="(min-width: 1024px)".`);return{kind:"media",query:t};default:throw new J(`Unhandled load strategy '${n}'.`)}}function Rt(e){let t=e.split(/[\s,]+/).map(n=>n.trim()).filter(Boolean);if(t.length===0)throw new J("'load:interaction' was given no event names.");return t}function P(e){return e.kind!=="eager"&&e.kind!=="never"}function ue(e,t={}){let{resolver:n,isBound:o,modules:i,strategyFor:s}=t,a=Pe(i),l=new Map,c=new Set,p=u=>{let{name:E}=u;if(!E||E.includes(".")||o?.(E))return;let y=m(E);if(!y){c.add(E);return}let R=y.origin==="builtin"&&pe.has(E)?A:s?.(u)??A;u.source={...y,loading:R},l.set(E,u.source)},m=u=>{if(pe.has(u))return{module:a[u],export:u,origin:"builtin"};let E=n?.resolve(u);if(E)return{module:E.module,export:E.export,origin:"rule"};if(_.includes(u))return{module:a[u],export:u,origin:"builtin"}};return ee(e,u=>{u.kind==="component"&&p(u)}),{resolved:l,unresolved:[...c]}}function ee(e,t){let n=Array.isArray(e)?e:[e];for(let o of n){t(o);let i=o.children;i&&ee(i,t)}}function de(e){let t=[];ee(e,s=>{s.kind==="component"&&s.source&&t.push(s)});let n=new Set,o=new Set;for(let s of t){let{module:a,loading:l}=s.source;l.kind==="eager"&&n.add(a),l.kind==="never"&&o.add(a)}let i=new Map;for(let s of t){let a=s.source;P(a.loading)&&n.has(a.module)&&(a.loading={kind:"eager"},i.set(a.module,(i.get(a.module)??0)+1))}return{collapsed:i,conflicted:[...o].filter(s=>n.has(s))}}import{types as r,template as it}from"@babel/core";import{types as f,traverse as qt,template as Gt}from"@babel/core";import Ke from"@babel/generator";var Ct=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]),$e={className:"class",htmlFor:"for"},It=new Set(["innerHTML","outerHTML","innerText","textContent","value","checked","selected","muted","defaultValue","defaultChecked","children","ref"]),wt=new Set(["script","style","textarea","title"]);function me(e){return wt.has(e)}function Ae(e){return $e[e]??e}function H(e){return e.kind!=="attr"||e.expr!==void 0||e.name.includes(":")?!1:!It.has(e.name)}function fe(e){if(!e.static||me(e.tag))return!1;for(let t of e.props)if(!H(t))return!1;for(let t of e.children)if(t.kind!=="text"&&!(t.kind==="element"&&fe(t)))return!1;return!0}function U(e){let t=e.props.map(kt).filter(Boolean).join(""),n=`<${e.tag}${t}>`;return Ct.has(e.tag)?n:`${n}${e.children.map(Nt).join("")}</${e.tag}>`}function Nt(e){if(e.kind==="text")return Mt(e.value);if(e.kind!=="element")throw new Error(`serializeStatic: unexpected ${e.kind}`);return U(e)}function kt(e){let t=$e[e.name]??e.name,n=e.literal;return n===!0||n===void 0?` ${t}`:n===!1||n===null?"":` ${t}="${Lt(String(n))}"`}function Lt(e){return e.replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function Mt(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}var Jt="<!--fx-->",Tt="<!--fx/-->";function ne(e){return e.kind==="expr"||e.kind==="component"||e.kind==="control"}function Pt(e){return e.kind==="text"||e.kind==="element"&&je(e)}function je(e){return e.svg||me(e.tag)||!e.props.every(t=>H(t))?!1:e.children.every(t=>Pt(t)||ne(t))}function te(e){if(ne(e))return!0;let t=e.children;return t?t.some(te):!1}function Oe(e){for(let t=0;t<e.children.length;t++){let n=e.children[t];if(n.kind==="text"&&(n.value===""||e.children[t+1]?.kind==="text"))return!1}return e.children.every(t=>t.kind!=="element"||Oe(t))}function Fe(e){if(!je(e)||!Oe(e)||!e.children.some(te))return null;let t=[],n=[],o=0,i=a=>{let l=`_n$${o++}`;return t.push({ref:l,expr:a}),l};return s(e,"_el$"),{html:Xt(e),tag:e.tag,steps:t,holes:n};function s(a,l){let c=-1;a.children.forEach((m,u)=>{te(m)&&(c=u)});let p=null;for(let m=0;m<=c;m++){let u=a.children[m],E=p?`${p}.nextSibling`:`${l}.firstChild`;if(ne(u)){let R=i(E),I=i(`holeEnd(${R})`);n.push({parentRef:l,startRef:R,endRef:I,node:u}),p=I;continue}let y=i(E);u.kind==="element"&&te(u)&&s(u,y),p=y}}}function Xt(e){return U(De(e)).split(_e).join(Jt+Tt)}function De(e){return{...e,children:e.children.map(t=>ne(t)?{kind:"text",value:_e}:t.kind==="element"?De(t):t)}}var _e="\0fx-hole\0";var ge={version:1,module:"@fluixi/dom",symbols:["createNativeElement","insert","spread","setAttribute","delegateEvents","createComponent","createMemo","untrack","Show","For","Index","Switch","Match","Dynamic","ErrorBoundary"]},Wn={version:2,module:"@fluixi/dom",symbols:[...ge.symbols,"template","cloneTemplate","walk"]};var $t={show:"Show",for:"For",index:"Index",switch:"Switch",match:"Match",dynamic:"Dynamic",errorBoundary:"ErrorBoundary",suspense:"Suspense"};function At(e){return/^[A-Za-z_$][A-Za-z0-9_$]*$/.test(e)}function ze(e){return At(e)?e:JSON.stringify(e)}function jt(e){return e.expr!==void 0?e.reactive?`() => (${e.expr})`:`(${e.expr})`:JSON.stringify(e.literal??!0)}function Ot(e){return e.expr!==void 0?`(${e.expr})`:JSON.stringify(e.literal??!0)}function Ft(e,t,n){let o=e.filter(l=>l.kind==="spread"),s=e.filter(l=>l.kind!=="spread").map(l=>`${ze(l.name)}: ${jt(l)}`);t!=null&&s.push(`children: ${t}`);let a=`{ ${s.join(", ")} }`;return o.length>0?(n.add("mergeProps"),`mergeProps(${o.map(l=>l.expr).join(", ")}, ${a})`):a}function Ve(e,t,n){return e.length===1?q(e[0],t,n):`[${e.map(o=>q(o,t,n)).join(", ")}]`}function Be(e,t,n,o,i){o.add("createMemo"),o.add("createComponent");let s=t.filter(p=>p.kind==="spread"),l=t.filter(p=>p.kind!=="spread").map(p=>`get ${ze(p.name)}() { return ${Ot(p)}; }`);n.length>0&&l.push(`get children() { return ${Ve(n,o,i)}; }`);let c=`{ ${l.join(", ")} }`;return s.length>0&&(o.add("mergeProps"),c=`mergeProps(${s.map(p=>p.expr).join(", ")}, ${c})`),`createMemo(() => createComponent(${e}, ${c}))`}function Dt(e,t){let n=Ae(t.name),o=t.literal;return o===!0||o===void 0?`${e}.setAttribute(${JSON.stringify(n)}, "");`:o===!1||o===null?"":`${e}.setAttribute(${JSON.stringify(n)}, ${JSON.stringify(String(o))});`}var We=!1;function q(e,t,n){switch(e.kind){case"text":return JSON.stringify(e.value);case"expr":return e.reactive?`() => (${e.code})`:`(${e.code})`;case"fragment":return e.children.length===0?"null":Ve(e.children,t,n);case"component":return Be(e.name,e.props,e.children,t,n);case"control":{let o=$t[e.control]??e.control;return t.add(o),Be(o,e.props,e.children,t,n)}case"element":{if(n&&e.static&&!e.svg&&fe(e)){t.add("templateNode");let l=`_tmpl$${n.length}`;return n.push({id:l,html:U(e),tag:e.tag,svg:!1}),`templateNode(${l}, ${JSON.stringify(e.tag)})`}if(n&&We){let l=Fe(e);if(l){t.add("templateNode"),t.add("insert"),t.add("holeEnd"),t.add("holeContent"),t.add("holeScope");let c=`_tmpl$${n.length}`;n.push({id:c,html:l.html,tag:l.tag,svg:!1});let p=[`const _el$ = templateNode(${c}, ${JSON.stringify(l.tag)}, true);`];for(let m of l.steps)p.push(`const ${m.ref} = ${m.expr};`);for(let m of l.holes)p.push(`insert(${m.parentRef}, holeScope(${m.startRef}, () => (${q(m.node,t,n)})), ${m.endRef}, holeContent(${m.startRef}, ${m.endRef}));`);return p.push("return _el$;"),`(() => { ${p.join(" ")} })()`}}t.add("createNativeElement");let o=JSON.stringify(e.tag),i="_el$",s=[],a=e.svg?`${o}, true`:o;if(s.push(`const ${i} = createNativeElement(${a});`),e.props.length>0)if(!e.svg&&e.props.every(H))for(let l of e.props)s.push(Dt(i,l));else{t.add("spread");let l=e.svg?", isSVG: true":"";s.push(`spread({ element: ${i}, props: ${Ft(e.props,null,t)}${l} });`)}for(let l of e.children){t.add("insert");let c=q(l,t,n),p=l.kind==="expr"&&l.reactive||l.kind==="component"||l.kind==="control";s.push(p?`insert(${i}, ${c}, null);`:`insert(${i}, ${c});`)}return s.push(`return ${i};`),`(() => { ${s.join(" ")} })()`}}}function G(e,t){if(!t||t.length===0)return e;let n=new Map(t.map(o=>[o.id,JSON.stringify(o.html)]));return e.replace(/_tmpl\$\d+/g,o=>n.get(o)??o)}var X={name:"imperative",contract:ge,emit(e,t){let n=new Set,o=t?.templateClone!==!1?[]:void 0;return We=t?.partialTemplates===!0,{code:q(e,n,o),imports:Array.from(n),templates:o}}};import{types as re}from"@babel/core";import He from"@babel/generator";import{parseTemplate as _t}from"@fluixi/template-parser";var Bt=He.default??He;function zt(e){return Bt(e,{concise:!0}).code}var Ue=new Set(["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup"]);function Vt(e){return e.replace(/\\/g,"\\\\").replace(/`/g,"\\`").replace(/\$\{/g,"\\${")}function qe(e){return e.charAt(0).toUpperCase()+e.slice(1)}var he=class{constructor(t,n){this.holes=t;this.used=n}hole(t){return this.holes[t]??{node:re.identifier("undefined"),code:"undefined",reactive:!1}}emit(t){let{code:n,imports:o,templates:i}=X.emit(t,{});for(let s of o)this.used.add(s);return G(n,i)}lowerRoot(t){let n=this.lowerChildren(t);return n.length===1?n[0]:{kind:"fragment",children:n}}lowerChildren(t){let n=[];for(let o=0;o<t.length;o++){let i=t[o];if(i.kind==="Element"||i.kind==="Component"){let a=i.attributes.find(l=>l.kind==="IfDirective");if(a&&a.kind==="IfDirective"){let l=o+1;l<t.length&&this.isBlankText(t[l])&&l++;let c=t[l],p=c&&(c.kind==="Element"||c.kind==="Component")&&c.attributes.some(m=>m.kind==="ElseDirective");n.push(this.lowerIf(i,a.hole,p?c:null)),p&&(o=l);continue}if(i.attributes.some(l=>l.kind==="EachDirective")){n.push(this.lowerEach(i));continue}}let s=this.lowerNode(i);s&&n.push(s)}return n}isBlankText(t){return t.kind==="Text"&&!t.raw&&ie(t.value)===""}lowerNode(t){switch(t.kind){case"Text":{if(t.raw)return{kind:"text",value:t.value};let n=ie(t.value);return n?{kind:"text",value:n}:null}case"Comment":return null;case"Expression":{let n=this.hole(t.hole);return{kind:"expr",code:n.code,reactive:n.reactive}}case"Fragment":return{kind:"fragment",children:this.lowerChildren(t.children)};case"Element":return this.lowerElement(t);case"Component":return this.lowerComponent(t);default:return null}}lowerElement(t){let n=t.attributes.find(o=>o.kind==="Attribute"&&o.name==="is");if(t.tag==="component"&&n&&n.value&&n.value.kind==="hole"){let o=t.attributes.filter(s=>s!==n),i=this.lowerComponent({...t,kind:"Component",tag:"Dynamic",tagHole:null,attributes:o});return i.props.unshift({name:"component",kind:"attr",expr:`() => (${this.hole(n.value.hole).code})`}),i}return{kind:"element",tag:t.tag,svg:t.namespace==="svg",props:this.lowerAttributes(t.attributes),children:this.lowerChildren(t.children),static:!1}}lowerComponent(t){let n=t.tagHole!=null?this.hole(t.tagHole).code:t.tag,o=this.lowerAttributes(t.attributes),{slots:i,rest:s}=this.partitionSlots(t.children);for(let[c,p]of i){let m=p.length===1?p[0]:{kind:"fragment",children:p},u={name:c,kind:"attr",expr:this.emit(m),jsxElement:!0},E=o.findIndex(y=>y.name===c);E>=0?o[E]=u:o.push(u)}let a=t.attributes.find(c=>c.kind==="LoadDirective"),l=a?B(`load:${a.strategy}`,a.modifier):void 0;return{kind:"component",name:n,props:o,children:this.lowerChildren(s),...l?{load:l}:{}}}partitionSlots(t){let n=new Map,o=[];for(let i of t){if(i.kind==="Element"||i.kind==="Component"){let s=i.attributes.find(a=>a.kind==="Attribute"&&a.name==="slot");if(s&&s.value&&s.value.kind==="static"){let a={...i,attributes:i.attributes.filter(p=>p!==s)},l=a.kind==="Element"?this.lowerElement(a):this.lowerComponent(a),c=n.get(s.value.value)??[];c.push(l),n.set(s.value.value,c);continue}}o.push(i)}return{slots:n,rest:o}}lowerIf(t,n,o){let i=this.hole(n),s=[{name:"when",kind:"attr",expr:i.code,reactive:i.reactive}];if(o){let l=this.stripAndLower(o,c=>c.kind==="ElseDirective");s.push({name:"fallback",kind:"attr",expr:this.emit(l),jsxElement:!0})}let a=this.stripAndLower(t,l=>l.kind==="IfDirective");return{kind:"component",name:"Show",props:s,children:[a]}}lowerEach(t){let n=t.attributes.find(c=>c.kind==="EachDirective");if(!n||n.kind!=="EachDirective")return this.lowerNode(t);let o=this.hole(n.hole),i=[{name:"each",kind:"attr",expr:o.code,reactive:o.reactive}];if(n.key){let c="static"in n.key?`(item) => item[${JSON.stringify(n.key.static)}]`:this.hole(n.key.hole).code;i.push({name:"by",kind:"attr",expr:c})}let s=this.itemArrow(t),a;if(s){let c=s.body,p={kind:"expr",code:$(c,this.used),reactive:N(c)},m=this.rebuildWithChildren(t,[p]);a=`(${s.params.map(u=>zt(u)).join(", ")}) => (${this.emit(m)})`}else{let c=this.stripAndLower(t,p=>p.kind==="EachDirective");a=`() => (${this.emit(c)})`}return{kind:"component",name:"For",props:i,children:[{kind:"expr",code:a,reactive:!1}]}}itemArrow(t){let n=t.children.filter(i=>!this.isBlankText(i));if(n.length!==1||n[0].kind!=="Expression")return null;let o=this.hole(n[0].hole).node;return re.isArrowFunctionExpression(o)&&!re.isBlockStatement(o.body)?o:null}stripAndLower(t,n){let o={...t,attributes:t.attributes.filter(i=>!n(i))};return o.kind==="Element"?this.lowerElement(o):this.lowerComponent(o)}rebuildWithChildren(t,n){let o=this.lowerAttributes(t.attributes.filter(i=>i.kind!=="EachDirective"));return t.kind==="Element"?{kind:"element",tag:t.tag,svg:t.namespace==="svg",props:o,children:n,static:!1}:{kind:"component",name:t.tag,props:o,children:n}}lowerAttributes(t){let n=[],o=[],i=!1,s=[],a=!1,l=[];for(let c of t)switch(c.kind){case"IfDirective":case"EachDirective":case"ElseDirective":break;case"Attribute":n.push(this.plainAttr(c));break;case"PropertyBinding":n.push({name:c.name,kind:"prop",expr:this.hole(c.hole).code,reactive:this.hole(c.hole).reactive});break;case"EventBinding":n.push(this.eventProp(c));break;case"RefBinding":n.push({name:"ref",kind:"ref",expr:this.hole(c.hole).code,reactive:this.hole(c.hole).reactive});break;case"Spread":n.push({name:"",kind:"spread",expr:this.hole(c.hole).code});break;case"ClassDirective":{let p=this.hole(c.hole);o.push(`${JSON.stringify(c.name)}: ${p.code}`),i=i||p.reactive;break}case"StyleDirective":{let p=this.hole(c.hole);s.push(`${JSON.stringify(c.name)}: ${p.code}`),a=a||p.reactive;break}case"BindDirective":n.push(...this.bindProps(c.name,this.hole(c.hole).code));break;case"UseDirective":{let p=c.name??(c.hole!=null?this.hole(c.hole).code:null);if(!p)break;l.push(c.name!=null&&c.hole!=null?`[${p}, () => (${this.hole(c.hole).code})]`:`[${p}]`);break}}return o.length>0&&n.push({name:"classList",kind:"attr",expr:`{ ${o.join(", ")} }`,reactive:i}),s.length>0&&n.push({name:"style",kind:"attr",expr:`{ ${s.join(", ")} }`,reactive:a}),l.length>0&&n.push({name:"use",kind:"attr",expr:`[${l.join(", ")}]`}),n}eventProp(t){let n=t.name.toLowerCase(),o=this.hole(t.hole).code;if(!(t.syntax==="colon"||t.modifiers.length>0))return{name:"on"+qe(t.name),kind:"event",event:{name:n,delegated:Ue.has(n)},expr:o};let s=this.wrapHandler(o,t.modifiers),a=this.eventOptions(t.modifiers),l=a?`[${s}, ${a}]`:s;return{name:"on:"+n,kind:"attr",expr:l}}wrapHandler(t,n){let o=n.includes("self")?"if (e.target !== e.currentTarget) return; ":"",i=[];return n.includes("prevent")&&i.push("e.preventDefault();"),n.includes("stop")&&i.push("e.stopPropagation();"),!o&&i.length===0?t:`(e) => { ${o}${i.join(" ")} return (${t})(e); }`}eventOptions(t){let n=[];return t.includes("capture")&&n.push("capture: true"),t.includes("once")&&n.push("once: true"),t.includes("passive")&&n.push("passive: true"),n.length?`{ ${n.join(", ")} }`:null}bindProps(t,n){let o=t==="checked",i=o?"change":"input",s=o?"checked":"value",a=`(${n})`;return[{name:t,kind:"attr",expr:`${a}[0]()`,reactive:!0},{name:"on"+qe(i),kind:"event",event:{name:i,delegated:Ue.has(i)},expr:`(e) => ${a}[1](e.target.${s})`}]}plainAttr(t){let n=t.value,o=t.name;t.name==="class"?o=n&&n.kind==="hole"&&re.isObjectExpression(this.hole(n.hole).node)?"classList":"className":t.name==="html"&&(o="innerHTML");let s={name:o,kind:"attr"};if(n==null)return s.literal=!0,s;if(n.kind==="static")return s.literal=n.value,s;if(n.kind==="hole"){let c=this.hole(n.hole);return s.expr=c.code,s.reactive=c.reactive,s}let a=!1,l=n.parts.map(c=>{if("text"in c)return Vt(c.text);let p=this.hole(c.hole);return a=a||p.reactive,"${"+p.code+"}"}).join("");return s.expr="`"+l+"`",s.reactive=a,s}};function Ge(e,t,n={}){let o=e.quasi,i=o.expressions.map(l=>{let c=l;return{node:c,code:$(c,t),reactive:N(c)}}),s=Wt(o),{root:a}=_t(s,{svg:n.svg});return new he(i,t).lowerRoot(a.children)}function Wt(e){let t=[];return e.quasis.forEach((n,o)=>{let i=n.value.cooked??n.value.raw;if(t.push({kind:"static",text:i,start:n.start??0}),o<e.expressions.length){let s=e.expressions[o];t.push({kind:"hole",index:o,start:s.start??0,end:s.end??0})}}),t}function Ht(e){switch(e.kind){case"event":return"event";case"ref":return"ref";case"spread":return"spread";case"class":case"style":return"class-or-style-directive";case"attr":case"prop":return e.reactive?"reactive-prop":e.expr!==void 0?"expression-prop":void 0;default:return"expression-prop"}}function oe(e){let t=[],n=new Map,o=i=>{switch(i.kind){case"text":return!0;case"expr":return!1;case"component":case"control":for(let s of i.children)o(s);return!1;case"fragment":for(let s of i.children)o(s);return!1;case"element":{let s=!0;for(let l of i.children)o(l)||(s=!1);let a;for(let l of i.props)if(a=Ht(l),a)break;return!a&&!s&&(a=Ut(i)),i.static=!a,a?n.set(i,a):t.push(i),i.static}default:return!1}};for(let i of Array.isArray(e)?e:[e])o(i);return{staticElements:t,reasons:n}}function Ut(e){for(let t of e.children){if(t.kind==="expr")return"expression-child";if(t.kind==="component")return"component-child";if(t.kind==="control")return"control-child";if(t.kind==="element"&&!t.static||t.kind==="fragment")return"expression-child"}return"expression-child"}function se(e,t=new Set,n={}){let o=Ge(e,t,n);return oe(o),o}var Kt=Ke.default??Ke;function Qe(e){return Kt(e,{concise:!0}).code}function Zt(e,t){let n=f.cloneNode(e,!0),o=f.file(f.program([f.expressionStatement(n)])),i=!1,s=(a,l,c)=>{for(let p of c)t.add(p);a.replaceWith(Gt.expression(l,{placeholderPattern:!1,plugins:["typescript"]})()),a.skip(),i=!0};return qt(o,{"JSXElement|JSXFragment"(a){let l=a.node,{code:c,imports:p,templates:m}=X.emit(Se(l,t),{});s(a,G(c,m),p)},TaggedTemplateExpression(a){let l=a.node.tag;if(!f.isIdentifier(l)||l.name!=="html"&&l.name!=="svg")return;let c=se(a.node,t,{svg:l.name==="svg"}),{code:p,imports:m,templates:u}=X.emit(c,{});s(a,G(p,u),m)}}),i?o.program.body[0].expression:e}function $(e,t){return Qe(Zt(e,t))}var Yt=new Set(["svg","path","circle","rect","line","polygon","polyline","ellipse","g","defs","clipPath","text"]),Qt=/^on[A-Z]/,en=new Set(["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup"]);function tn(e){if(f.isJSXIdentifier(e)){let t=e.name[0]!==e.name[0].toLowerCase();return{tag:e.name,component:t}}return f.isJSXMemberExpression(e)?{tag:Qe(e),component:!0}:f.isJSXNamespacedName(e)?{tag:`${e.namespace.name}:${e.name.name}`,component:!1}:{tag:"div",component:!1}}function xe(e){return f.isJSXIdentifier(e)?e.name==="class"?"className":e.name:f.isJSXNamespacedName(e)?`${e.namespace.name}:${e.name.name}`:"unknown"}function N(e){return f.isCallExpression(e)||f.isOptionalCallExpression(e)?!0:f.isMemberExpression(e)||f.isOptionalMemberExpression(e)?!(!e.computed&&f.isIdentifier(e.property,{name:"children"})):f.isConditionalExpression(e)?N(e.test)||N(e.consequent)||N(e.alternate):f.isLogicalExpression(e)||f.isBinaryExpression(e)?N(e.left)||N(e.right):f.isTemplateLiteral(e)?e.expressions.some(t=>N(t)):f.isObjectExpression(e)?e.properties.some(t=>f.isObjectProperty(t)&&!t.computed&&N(t.value)):f.isArrayExpression(e)?e.elements.some(t=>t!=null&&!f.isSpreadElement(t)&&N(t)):!1}function nn(e,t){let n=xe(e.name),o=Qt.test(n),i=o||n.startsWith("on:"),a={name:n,kind:o?"event":"attr"};o&&(a.event={name:n.slice(2).toLowerCase(),delegated:en.has(n.slice(2).toLowerCase())});let l=e.value;if(l==null)return a.literal=!0,a;if(f.isStringLiteral(l))return a.literal=l.value,a;if(f.isJSXExpressionContainer(l)&&!f.isJSXEmptyExpression(l.expression)){let c=l.expression;return f.isStringLiteral(c)||f.isNumericLiteral(c)||f.isBooleanLiteral(c)?(a.literal=c.value,a):(a.expr=$(c,t),a.reactive=i?!1:N(c),(f.isJSXElement(c)||f.isJSXFragment(c))&&(a.jsxElement=!0),a)}return a.literal=!0,a}function Ze(e,t){let n=e.value;return n==null?null:f.isStringLiteral(n)?JSON.stringify(n.value):f.isJSXExpressionContainer(n)&&!f.isJSXEmptyExpression(n.expression)?$(n.expression,t):null}function rn(e,t){let n=[],o=[];for(let i of e){if(f.isJSXSpreadAttribute(i)){n.push({name:"",kind:"spread",expr:$(i.argument,t)});continue}if(!f.isJSXAttribute(i)||W(xe(i.name)))continue;let s=f.isJSXNamespacedName(i.name)?i.name.namespace.name:null;if(s==="use"){let a=i.name.name.name;t.add(a);let l=Ze(i,t);o.push(l!=null?`[${a}, () => (${l})]`:`[${a}]`);continue}if(s==="oncapture"){let a=i.name.name.name.toLowerCase(),l=Ze(i,t)??"undefined";n.push({name:"on:"+a,kind:"attr",expr:`[${l}, { capture: true }]`});continue}n.push(nn(i,t))}return o.length>0&&n.push({name:"use",kind:"attr",expr:`[${o.join(", ")}]`}),n}function ie(e){let t=e.split(/\r\n|\n|\r/),n=0;for(let i=0;i<t.length;i++)/[^ \t]/.test(t[i])&&(n=i);let o="";for(let i=0;i<t.length;i++){let s=t[i].replace(/\t/g," ");i!==0&&(s=s.replace(/^ +/,"")),i!==t.length-1&&(s=s.replace(/ +$/,"")),s&&(i!==n&&(s+=" "),o+=s)}return o}function Ye(e,t){let n=[];for(let o of e)if(f.isJSXText(o)){let i=ie(o.value);i&&n.push({kind:"text",value:i})}else if(f.isJSXExpressionContainer(o)){if(!f.isJSXEmptyExpression(o.expression)){let i=o.expression;n.push({kind:"expr",code:$(i,t),reactive:N(i)})}}else f.isJSXElement(o)||f.isJSXFragment(o)?n.push(Ee(o,t)):f.isJSXSpreadChild(o)&&n.push({kind:"expr",code:$(o.expression,t),reactive:!1});return n}function Se(e,t=new Set){let n=Ee(e,t);return oe(n),n}function Ee(e,t){if(f.isJSXFragment(e))return{kind:"fragment",children:Ye(e.children,t)};let{tag:n,component:o}=tn(e.openingElement.name),i=rn(e.openingElement.attributes,t),s=Ye(e.children,t);if(o){let a=on(e.openingElement.attributes);return{kind:"component",name:n,props:i,children:s,...a?{load:a}:{}}}return{kind:"element",tag:n,svg:Yt.has(n),props:i,children:s,static:!1}}function on(e){for(let t of e){if(!f.isJSXAttribute(t))continue;let n=xe(t.name);if(W(n)){if(t.value&&!f.isStringLiteral(t.value))throw new J(`'${n}' needs a literal value, not an expression — the strategy is compile-time.`);return B(n,t.value?t.value.value:null)}}}var le=new Set([...V,...D]),et=new Set(D),ae=new Set(_),an={Show:"when",For:"each",Index:"each",Match:"when"};var ot=/^on[A-Z]/,st=["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup","mouseover","mouseout","mouseenter","mouseleave"],Z=sn((e,t={})=>{e.assertVersion(7);let{runtime:n="automatic",importSource:o="@fluixi/jsx",pragma:i="jsx",pragmaFrag:s="Fragment",development:a=!1,detectReactivity:l=!0,useLitHTML:c=!0,hoistStatics:p=!0,delegateEvents:m=!0,delegatedEvents:u=st,optimizeControlFlow:E=!0,sourceMaps:y=!0,signalModule:R="@fluixi/dom",controlFlowModule:I="@fluixi/dom",routerModule:O="@fluixi/core/router-next",reactiveModule:Ie="@fluixi/reactive/signal",autoShowTransform:we=!1,backend:M="imperative",codegen:z="inline",templateClone:Ne=!0,partialTemplates:ke=!0,format:Le="both",litTag:ht="html",resolve:Et=[]}=t,Me=Te(Et),xt=Le==="lit"||Le==="both",St={backend:M,codegen:z,irImports:new Set,libModule:"@fluixi/core",controlFlowModule:I,routerModule:O,templateClone:Ne,partialTemplates:ke,hasJSX:!1,hasReactivity:!1,hasLitHTML:!1,needsSignalImport:!1,needsControlFlowImport:!1,needsCreateMemo:!1,controlFlowComponents:new Set,resolvedComponents:new Map,deferredComponents:new Map,componentResolver:Me,delegatedEvents:new Set,staticElements:new Map,staticTemplates:new Map,staticCounter:0};return{name:"@fluixi/babel-plugin-jsx",manipulateOptions(g,d){d.plugins.push("jsx","typescript")},pre(g){Object.assign(g,St)},visitor:{ImportDeclaration(g,d){g.node.source.value==="@fluixi/core/rx"&&(g.node.source=r.stringLiteral("@fluixi/reactive"))},Program:{enter(g,d){Object.assign(d,{hasJSX:!1,hasReactivity:!1,hasLitHTML:!1,hasLitIR:!1,needsSignalImport:!1,needsControlFlowImport:!1,needsCreateMemo:!1,controlFlowComponents:new Set,resolvedComponents:new Map,deferredComponents:new Map,componentResolver:Me,delegatedEvents:new Set,staticElements:new Map,staticTemplates:new Map,autoShow:we,staticCounter:0,libModule:"@fluixi/core",controlFlowModule:I,routerModule:O,templateClone:Ne,partialTemplates:ke,backend:M,codegen:z,irImports:new Set,needsCreateNativeElement:!1,needsInsert:!1,needsSpread:!1,needsCreateComponent:!1,needsMergeProps:!1})},exit(g,d){let h=[];if(d.hasJSX||d.needsSignalImport&&h.push(r.importDeclaration([r.importSpecifier(r.identifier("signal"),r.identifier("signal"))],r.stringLiteral(R))),d.hasJSX||d.hasLitIR){if(d.irImports.size>0){let S=new Set(["Show","For","Index","Switch","Match","Dynamic","ErrorBoundary","Portal","Suspense"]),x=new Set(["createMemo","createEffect","createRenderEffect","createRoot","createSignal","onCleanup","batch","untrack"]),v=Array.from(d.irImports),C=b=>r.importSpecifier(r.identifier(b),r.identifier(b)),L=b=>!g.scope.hasBinding(b),F=v.filter(b=>x.has(b)&&L(b)),w=v.filter(b=>!S.has(b)&&!x.has(b)&&L(b)),Q=v.filter(b=>S.has(b)&&L(b));F.length>0&&h.push(r.importDeclaration(F.map(C),r.stringLiteral(Ie))),w.length>0&&h.push(r.importDeclaration(w.map(C),r.stringLiteral(R))),Q.length>0&&h.push(r.importDeclaration(Q.map(C),r.stringLiteral(I)))}if(d.hasJSX&&M==="imperative"&&z!=="ir"){let x=[[!!d.needsCreateNativeElement,"createNativeElement"],[!!d.needsSpread,"spread"],[!!d.needsInsert,"insert"],[!!d.needsCreateComponent,"createComponent"],[!!d.needsMergeProps,"mergeProps"]].filter(([v,C])=>v&&!g.scope.hasBinding(C)).map(([,v])=>r.importSpecifier(r.identifier(v),r.identifier(v)));x.length>0&&h.push(r.importDeclaration(x,r.stringLiteral(R)))}else if(d.hasJSX&&n==="automatic"&&M!=="imperative"){let S=[r.importSpecifier(r.identifier("jsx"),r.identifier("jsx")),r.importSpecifier(r.identifier("jsxs"),r.identifier("jsxs")),r.importSpecifier(r.identifier("Fragment"),r.identifier("Fragment"))];a&&S.push(r.importSpecifier(r.identifier("jsxDEV"),r.identifier("jsxDEV"))),d.needsMergeProps&&S.push(r.importSpecifier(r.identifier("mergeProps"),r.identifier("mergeProps"))),h.push(r.importDeclaration(S,r.stringLiteral(o)))}if(d.needsCreateMemo&&!g.scope.hasBinding("createMemo")&&h.push(r.importDeclaration([r.importSpecifier(r.identifier("createMemo"),r.identifier("createMemo"))],r.stringLiteral(M==="imperative"?Ie:d.libModule??"@fluixi/core"))),d.needsControlFlowImport&&d.controlFlowComponents.size>0){let S=Array.from(d.controlFlowComponents).filter(w=>!g.scope.hasBinding(w)),x=d.libModule??"@fluixi/core",v=S.filter(w=>ae.has(w)),C=S.filter(w=>et.has(w)),L=S.filter(w=>!et.has(w)&&!ae.has(w)),F=(w,Q)=>r.importDeclaration(w.map(b=>r.importSpecifier(r.identifier(b),r.identifier(b))),r.stringLiteral(Q));L.length>0&&h.push(F(L,I)),C.length>0&&h.push(F(C,x)),v.length>0&&h.push(F(v,O))}let k=[];if(d.deferredComponents.size>0){for(let[S,x]of d.deferredComponents)g.scope.hasBinding(S)||k.push(r.variableDeclaration("const",[r.variableDeclarator(r.identifier(S),r.callExpression(r.identifier("deferred"),[r.arrowFunctionExpression([],r.callExpression(r.import(),[r.stringLiteral(x.module)])),r.objectExpression([r.objectProperty(r.identifier("strategy"),dn(x.strategy)),r.objectProperty(r.identifier("export"),r.stringLiteral(x.export))])]))]));k.length>0&&!g.scope.hasBinding("deferred")&&h.push(r.importDeclaration([r.importSpecifier(r.identifier("deferred"),r.identifier("deferred"))],r.stringLiteral(d.libModule??"@fluixi/core")))}if(d.resolvedComponents.size>0){let S=new Map;for(let[x,v]of d.resolvedComponents){if(g.scope.hasBinding(x))continue;let C=S.get(v.module)??[];C.push({local:x,exported:v.export}),S.set(v.module,C)}for(let[x,v]of S)h.push(r.importDeclaration(v.map(({local:C,exported:L})=>L==="default"?r.importDefaultSpecifier(r.identifier(C)):r.importSpecifier(r.identifier(C),r.identifier(L))),r.stringLiteral(x)))}if(m&&d.delegatedEvents.size>0){h.push(r.importDeclaration([r.importSpecifier(r.identifier("delegateEvents"),r.identifier("delegateEvents"))],r.stringLiteral(M==="imperative"?R:"@fluixi/jsx")));let S=r.arrayExpression(Array.from(d.delegatedEvents).map(v=>r.stringLiteral(v))),x=r.expressionStatement(r.callExpression(r.identifier("delegateEvents"),[S]));g.node.body.unshift(x)}if(p&&d.staticElements.size>0){let S=[];d.staticElements.forEach((x,v)=>{S.push(r.variableDeclaration("const",[r.variableDeclarator(r.identifier(v),x)]))}),g.node.body.unshift(...S)}if(k.length>0&&g.node.body.unshift(...k),d.staticTemplates.size>0){let S=[];for(let[x,v]of d.staticTemplates){let L=x.startsWith("svg:")?x.slice(4):x;S.push(r.variableDeclaration("const",[r.variableDeclarator(r.identifier(v),r.stringLiteral(L))]))}g.node.body.unshift(...S)}}h.length>0&&g.node.body.unshift(...fn(h))}},JSXElement(g,d){if(d.hasJSX=!0,M==="imperative"&&z==="ir"){g.replaceWith(nt(g.node,d));return}let h=g.node,k=h.openingElement;if(r.isJSXIdentifier(k.name)&&ae.has(k.name.name)&&!d.componentResolver?.resolve(k.name.name)&&(d.controlFlowComponents.add(k.name.name),d.needsControlFlowImport=!0),r.isJSXIdentifier(k.name)&&le.has(k.name.name)&&(d.controlFlowComponents.add(k.name.name),E)){let x=Ln(h,d);if(x){g.replaceWith(x);return}}if(p&&M!=="imperative"&&gt(h,d)){let x=kn(h,d);if(x){g.replaceWith(x);return}}let S=ln(h,d,{runtime:n,pragma:i,development:a,detectReactivity:l,useLitHTML:c,autoShow:we});g.replaceWith(S)},JSXFragment(g,d){if(d.hasJSX=!0,M==="imperative"&&z==="ir"){g.replaceWith(nt(g.node,d));return}let h=ce(g.node,d,{runtime:n,pragmaFrag:s,development:a});g.replaceWith(h)},CallExpression(g,d){if(!l)return;let h=g.node.callee;h.name,r.isIdentifier(h)&&(h.name==="createSignal"||h.name==="createStore"||h.name==="useContext"||h.name==="useLocation")&&(d.hasReactivity=!0)},JSXExpressionContainer(g){},TaggedTemplateExpression(g,d){if(xt&&M==="imperative"&&r.isIdentifier(g.node.tag)&&(g.node.tag.name===ht||g.node.tag.name==="svg")){g.replaceWith(gn(g.node,d));return}}}}});function ln(e,t,n){let{runtime:o,pragma:i,development:s,autoShow:a=!0}=n;return o==="automatic"?Y(e,t,s,a):xn(e,t,i)}var cn=new Set(["svg","path","circle","rect","line","polygon","polyline","ellipse","g","defs","clipPath","text"]);function tt(e,t,n){return t.length>0?(n.needsMergeProps=!0,r.callExpression(r.identifier("mergeProps"),[...t,r.objectExpression(e)])):r.objectExpression(e)}function at(e){return e.length===1?e[0]:r.arrayExpression(e)}function pn(e,t,n,o,i,s){if(!t){let u=[...n];return i.length>0&&u.push(r.objectMethod("get",r.identifier("children"),[],r.blockStatement([r.returnStatement(at(i))]))),lt(e,tt(u,o,s),s)}let a=e.value,l=cn.has(a),c=r.identifier("_el$"),p=[];s.needsCreateNativeElement=!0;let m=[e];if(l&&m.push(r.booleanLiteral(!0)),p.push(r.variableDeclaration("const",[r.variableDeclarator(c,r.callExpression(r.identifier("createNativeElement"),m))])),n.length>0||o.length>0){s.needsSpread=!0;let u=[r.objectProperty(r.identifier("element"),c),r.objectProperty(r.identifier("props"),tt(n,o,s))];l&&u.push(r.objectProperty(r.identifier("isSVG"),r.booleanLiteral(!0))),p.push(r.expressionStatement(r.callExpression(r.identifier("spread"),[r.objectExpression(u)])))}if(i.length>0){s.needsInsert=!0;for(let u of i){let y=r.isArrowFunctionExpression(u)||r.isFunctionExpression(u)||r.isCallExpression(u)&&r.isIdentifier(u.callee)&&u.callee.name==="createMemo"?[r.cloneNode(c),u,r.nullLiteral()]:[r.cloneNode(c),u];p.push(r.expressionStatement(r.callExpression(r.identifier("insert"),y)))}}return p.push(r.returnStatement(c)),r.callExpression(r.arrowFunctionExpression([],r.blockStatement(p)),[])}function un(e,t){let n=null;if(t.value)if(r.isStringLiteral(t.value))n=t.value.value;else throw new J(`'${e}' needs a literal value, not an expression — the strategy is compile-time.`);return B(e,n)}function dn(e){let t=[r.objectProperty(r.identifier("kind"),r.stringLiteral(e.kind))];return e.kind==="visible"&&e.rootMargin&&t.push(r.objectProperty(r.identifier("rootMargin"),r.stringLiteral(e.rootMargin))),e.kind==="interaction"&&t.push(r.objectProperty(r.identifier("events"),r.arrayExpression(e.events.map(n=>r.stringLiteral(n))))),e.kind==="media"&&t.push(r.objectProperty(r.identifier("query"),r.stringLiteral(e.query))),r.objectExpression(t)}function mn(e,t){return!P(e)||!P(t)?A:e}function lt(e,t,n){r.isIdentifier(e)&&le.has(e.name)&&(n.controlFlowComponents.add(e.name),n.needsControlFlowImport=!0);let o=!1;if(r.isIdentifier(e)&&!le.has(e.name)&&n.componentResolver){let i=n.componentResolver.resolve(e.name);if(i){let s=n.pendingLoad??A,a=n.resolvedComponents.has(e.name);if(P(s)&&!a){let l=n.deferredComponents.get(e.name),c=l?mn(l.strategy,s):s;P(c)?n.deferredComponents.set(e.name,{...i,strategy:c}):(n.deferredComponents.delete(e.name),n.resolvedComponents.set(e.name,i))}else n.deferredComponents.delete(e.name),n.resolvedComponents.set(e.name,i);o=!0}}return n.pendingLoad=void 0,!o&&r.isIdentifier(e)&&ae.has(e.name)&&(n.controlFlowComponents.add(e.name),n.needsControlFlowImport=!0),n.backend==="imperative"?(n.needsCreateComponent=!0,n.needsCreateMemo=!0,r.callExpression(r.identifier("createMemo"),[r.arrowFunctionExpression([],r.callExpression(r.identifier("createComponent"),[e,t]))])):r.callExpression(r.identifier("jsx"),[e,t])}function ct(e,t,n){if(!t||t.length===0)return e;let o=new Map;for(let i of t){let s=`${i.svg?"svg:":""}${i.html}`,a=n.staticTemplates.get(s);a||(a=`_tmpl$${n.staticTemplates.size}`,n.staticTemplates.set(s,a)),o.set(i.id,a)}return e.replace(/_tmpl\$\d+/g,i=>o.get(i)??i)}function nt(e,t){let n=new Set,o=Se(e,n);ue(o,{resolver:t.componentResolver,modules:{controlFlowModule:t.controlFlowModule,coreModule:t.libModule,routerModule:t.routerModule},strategyFor:c=>c.load}),de(o);let{code:i,imports:s,templates:a}=X.emit(o,{templateClone:t.templateClone,partialTemplates:t.partialTemplates});for(let c of s)n.add(c);for(let c of n)t.irImports.add(c);be(o,t);let l=ct(i,a,t);return it.expression(l,{placeholderPattern:!1,plugins:["typescript"]})()}function fn(e){let t=new Map,n=[];for(let o of e){let i=o.source.value;if(!o.specifiers.every(l=>r.isImportSpecifier(l))){n.push(o);continue}let a=t.get(i);if(!a){let l=new Set(o.specifiers.map(c=>c.local.name));t.set(i,{decl:o,names:l}),n.push(o);continue}for(let l of o.specifiers)a.names.has(l.local.name)||(a.names.add(l.local.name),a.decl.specifiers.push(l))}return n}function gn(e,t){let n=new Set,o=r.isIdentifier(e.tag)&&e.tag.name==="svg",i=se(e,n,{svg:o});ue(i,{resolver:t.componentResolver,modules:{controlFlowModule:t.controlFlowModule,coreModule:t.libModule,routerModule:t.routerModule},strategyFor:p=>p.load}),de(i);let{code:s,imports:a,templates:l}=X.emit(i,{templateClone:t.templateClone,partialTemplates:t.partialTemplates});for(let p of a)n.add(p);for(let p of n)t.irImports.add(p);be(i,t),t.hasLitIR=!0;let c=it.expression(ct(s,l,t),{placeholderPattern:!1,plugins:["typescript"]})();return hn(c,e),c}function hn(e,t){if(!t.loc)return;let n=new Set,o=i=>{if(!n.has(i)){n.add(i),i.loc||(i.loc=t.loc,i.start=t.start,i.end=t.end);for(let s of r.VISITOR_KEYS[i.type]??[]){let a=i[s];if(Array.isArray(a))for(let l of a)l&&typeof l=="object"&&"type"in l&&o(l);else a&&typeof a=="object"&&"type"in a&&o(a)}}};o(e)}function be(e,t){if(e.kind==="component"&&e.source&&(e.source.origin==="builtin"?(t.controlFlowComponents.add(e.name),t.needsControlFlowImport=!0):P(e.source.loading)&&!t.resolvedComponents.has(e.name)?t.deferredComponents.set(e.name,{module:e.source.module,export:e.source.export,strategy:e.source.loading}):(t.deferredComponents.delete(e.name),t.resolvedComponents.set(e.name,{module:e.source.module,export:e.source.export}))),(e.kind==="element"||e.kind==="component"||e.kind==="control")&&"props"in e)for(let n of e.props)n.kind==="event"&&n.event?.delegated&&t.delegatedEvents.add(n.event.name);if("children"in e&&e.children)for(let n of e.children)be(n,t)}function En(e){return e.map(t=>{if(r.isObjectProperty(t)){let n=t.key,o=t.computed,i=t.value;return r.objectMethod("get",n,[],r.blockStatement([r.returnStatement(i)]),o)}return t})}function Y(e,t,n,o=!0){let i=e.openingElement,s=e.children,a=pt(i.name),l=r.isJSXIdentifier(i.name)&&/^[a-z]/.test(i.name.name),c=dt(i.attributes,t,l,r.isJSXIdentifier(i.name)?i.name.name:""),p=c.props,m=c.spreads;l||(p=En(p));let u=ye(s,t,o);if(t.backend==="imperative")return pn(a,l,p,m,u,t);if(u.length>0){let I=u.length===1?u[0]:r.arrayExpression(u);p.push(r.objectProperty(r.identifier("children"),I))}let E;if(m.length>0){let I=p.length>0?r.objectExpression(p):r.objectExpression([]);t.needsMergeProps=!0,E=r.callExpression(r.identifier("mergeProps"),[...m,I])}else E=r.objectExpression(p);let y=n?"jsxDEV":u.length>1?"jsxs":"jsx",R=[a,E];return n&&R.push(r.identifier("undefined"),r.booleanLiteral(!1),r.identifier("undefined"),r.identifier("undefined")),r.callExpression(r.identifier(y),R)}function xn(e,t,n){let o=e.openingElement,i=e.children,s=pt(o.name),a=r.isJSXIdentifier(o.name)&&/^[a-z]/.test(o.name.name),{props:l,spreads:c}=dt(o.attributes,t,a,r.isJSXIdentifier(o.name)?o.name.name:""),p=ye(i,t,t.autoShow??!0),m;if(c.length>0){let E=l.length>0?r.objectExpression(l):r.objectExpression([]);t.needsMergeProps=!0,m=r.callExpression(r.identifier("mergeProps"),[...c,E])}else m=l.length>0?r.objectExpression(l):r.nullLiteral();let u=[s,m,...p];return r.callExpression(r.identifier(n),u)}function ce(e,t,n){let{runtime:o,pragmaFrag:i,development:s}=n,a=ye(e.children,t,t.autoShow??!0);if(t.backend==="imperative")return a.length===0?r.nullLiteral():at(a);if(o==="automatic"){let l=s?"jsxDEV":a.length>1?"jsxs":"jsx",c=r.objectExpression([r.objectProperty(r.identifier("children"),a.length===1?a[0]:r.arrayExpression(a))]),p=[r.identifier("Fragment"),c];return s&&p.push(r.identifier("undefined"),r.booleanLiteral(!1),r.identifier("undefined"),r.identifier("undefined")),r.callExpression(r.identifier(l),p)}else return r.callExpression(r.identifier(i),a)}function pt(e){if(r.isJSXIdentifier(e)){let t=e.name;return t[0]===t[0].toLowerCase()?r.stringLiteral(t):r.identifier(t)}return r.isJSXMemberExpression(e)?ut(e):r.isJSXNamespacedName(e)?r.stringLiteral(`${e.namespace.name}:${e.name.name}`):r.stringLiteral("div")}function ut(e){let t;return r.isJSXIdentifier(e.object)?t=r.identifier(e.object.name):t=ut(e.object),r.memberExpression(t,r.identifier(e.property.name))}function Sn(e){return/^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(e)}function dt(e,t,n=!0,o=""){let i=[],s=[],a=an[o];t.pendingLoad=void 0;for(let l of e)if(r.isJSXSpreadAttribute(l))s.push(l.argument);else if(r.isJSXAttribute(l)){let c=vn(l.name);if(W(c)){t.pendingLoad=un(c,l);continue}let p=bn(l.value,t,c,n);if(ot.test(c)){let O=c.slice(2).toLowerCase();st.includes(O)&&t.delegatedEvents.add(O)}let m=Sn(c)?r.identifier(c):r.stringLiteral(c),u=l.value,E=r.isJSXElement(u)||r.isJSXFragment(u)||r.isJSXExpressionContainer(u)&&(r.isJSXElement(u.expression)||r.isJSXFragment(u.expression)),y=!n&&c===a,R=r.isJSXExpressionContainer(u)&&!r.isJSXEmptyExpression(u.expression)?u.expression:null,I=!n&&!!R&&mt(R,c);!n&&E||y||I?i.push(r.objectMethod("get",m,[],r.blockStatement([r.returnStatement(p)]))):i.push(r.objectProperty(m,p))}return{props:i,spreads:s}}function vn(e){return r.isJSXIdentifier(e)?e.name==="class"?"className":e.name:r.isJSXNamespacedName(e)?`${e.namespace.name}:${e.name.name}`:"unknown"}function bn(e,t,n="",o=!0){if(e===null)return r.booleanLiteral(!0);if(r.isStringLiteral(e))return e.value.includes(`
+`)?r.stringLiteral(e.value.replace(/\s+/g," ").trim()):e;if(r.isJSXExpressionContainer(e)){if(r.isJSXEmptyExpression(e.expression))return r.booleanLiteral(!0);let i=e.expression;return o&&mt(i,n)?r.arrowFunctionExpression([],i):i}return r.isJSXElement(e)?Y(e,t,!1,t.autoShow??!0):r.isJSXFragment(e)?ce(e,t,{runtime:"automatic",pragmaFrag:"Fragment",development:!1}):r.booleanLiteral(!0)}function mt(e,t){return ot.test(t)||t.startsWith("on:")||t==="ref"||t.startsWith("use:")||r.isArrowFunctionExpression(e)||r.isFunctionExpression(e)||r.isIdentifier(e)||r.isStringLiteral(e)||r.isNumericLiteral(e)||r.isBooleanLiteral(e)||r.isNullLiteral(e)?!1:!!(r.isCallExpression(e)||r.isOptionalCallExpression(e)||r.isMemberExpression(e)||r.isOptionalMemberExpression(e)||r.isLogicalExpression(e)||r.isConditionalExpression(e)||r.isBinaryExpression(e)||r.isUnaryExpression(e)||r.isTemplateLiteral(e)||r.isObjectExpression(e)||r.isArrayExpression(e))}function yn(e){let t=e.split(/\r\n|\n|\r/),n=0;for(let i=0;i<t.length;i++)/[^ \t]/.test(t[i])&&(n=i);let o="";for(let i=0;i<t.length;i++){let s=t[i].replace(/\t/g," ");i!==0&&(s=s.replace(/^ +/,"")),i!==t.length-1&&(s=s.replace(/ +$/,"")),s&&(i!==n&&(s+=" "),o+=s)}return o}function ye(e,t,n=!0){let o=[];for(let i of e)if(r.isJSXText(i)){let s=yn(i.value);s&&o.push(r.stringLiteral(s))}else if(r.isJSXExpressionContainer(i)){if(!r.isJSXEmptyExpression(i.expression)){let s=i.expression;if(n){let a=Rn(s,t)??Cn(s,t);if(a){o.push(a);continue}}else{let a=In(s,t);if(a){o.push(a);continue}}Nn(s)?o.push(r.arrowFunctionExpression([],s)):o.push(s)}}else r.isJSXElement(i)?o.push(Y(i,t,!1,t.autoShow??!0)):r.isJSXFragment(i)?o.push(ce(i,t,{runtime:"automatic",pragmaFrag:"Fragment",development:!1})):r.isJSXSpreadChild(i)&&o.push(i.expression);return o}function Rn(e,t){if(!r.isArrowFunctionExpression(e)||e.params.length!==0||e.async)return null;let n=e.body;if(r.isLogicalExpression(n)&&n.operator==="&&"){let o=T(n.right);if(o)return K(j(n.left),o,null,t)}if(r.isConditionalExpression(n)){let o=T(n.consequent);if(o){let i=Re(n.alternate,t);return K(j(n.test),o,i,t,!0)}}return null}function Cn(e,t){if(r.isLogicalExpression(e)&&e.operator==="&&"){let n=T(e.right);if(n)return K(j(e.left),n,null,t)}if(r.isConditionalExpression(e)){let n=T(e.consequent);if(n){let o=Re(e.alternate,t);return K(j(e.test),n,o,t)}}return null}function In(e,t){let n=r.isArrowFunctionExpression(e)&&e.params.length===0&&!e.async&&r.isExpression(e.body)?e.body:e;if(r.isConditionalExpression(n)){let o=j(n.test),s=T(n.consequent)??n.consequent,l=T(n.alternate)??n.alternate,c=r.conditionalExpression(o,s,l);return ve(n.consequent)||ve(n.alternate)?null:(t.needsCreateMemo=!0,r.callExpression(r.identifier("createMemo"),[r.arrowFunctionExpression([],c)]))}if(r.isLogicalExpression(n)&&n.operator==="&&"){let o=j(n.left),s=T(n.right)??n.right,a=r.logicalExpression("&&",o,s);return ve(n.right)?null:(t.needsCreateMemo=!0,r.callExpression(r.identifier("createMemo"),[r.arrowFunctionExpression([],a)]))}return null}function Re(e,t){if(wn(e))return null;let n=T(e);if(n)return ft(n,t);if(r.isConditionalExpression(e)){let o=e,i=T(o.consequent);if(i){let s=Re(o.alternate,t);return K(j(o.test),i,s,t)}}return e}function rt(e){return r.isJSXElement(e)||r.isJSXFragment(e)}function ve(e){let t=T(e);if(!t||!r.isJSXElement(t))return!1;let n=t.openingElement.name;return r.isJSXIdentifier(n)&&le.has(n.name)}function T(e){return rt(e)?e:r.isArrowFunctionExpression(e)&&e.params.length===0&&!e.async&&rt(e.body)?e.body:null}function j(e){return r.isArrowFunctionExpression(e)&&e.params.length===0&&!e.async&&r.isExpression(e.body)?e.body:e}function wn(e){return r.isNullLiteral(e)||r.isIdentifier(e)&&e.name==="undefined"||r.isBooleanLiteral(e)&&e.value===!1}function ft(e,t){return r.isJSXElement(e)?Y(e,t,!1,t.autoShow??!0):ce(e,t,{runtime:"automatic",pragmaFrag:"Fragment",development:!1})}function K(e,t,n,o,i=!1){o.controlFlowComponents.add("Show"),o.needsControlFlowImport=!0;let s=ft(t,o),a=[r.objectProperty(r.identifier("when"),r.arrowFunctionExpression([],e)),r.objectProperty(r.identifier("children"),s)];return n&&a.push(r.objectProperty(r.identifier("fallback"),n)),lt(r.identifier("Show"),r.objectExpression(a),o)}function Nn(e){return r.isMemberExpression(e)||r.isOptionalMemberExpression(e)?!(!e.computed&&r.isIdentifier(e.property,{name:"children"})):r.isCallExpression(e)||r.isOptionalCallExpression(e)?!0:r.isIdentifier(e)?!1:!!(r.isLogicalExpression(e)||r.isConditionalExpression(e)||r.isBinaryExpression(e)||r.isUnaryExpression(e)||r.isTemplateLiteral(e))}function gt(e,t){let n=e.openingElement;if(!r.isJSXIdentifier(n.name))return!1;let o=n.name.name;if(o[0]!==o[0].toLowerCase())return!1;for(let i of n.attributes){if(r.isJSXSpreadAttribute(i))return!1;if(r.isJSXAttribute(i)){let s=i.value;if(r.isJSXExpressionContainer(s)&&!r.isStringLiteral(s.expression)&&!r.isNumericLiteral(s.expression))return!1}}for(let i of e.children)if(r.isJSXElement(i)&&!gt(i,t)||r.isJSXExpressionContainer(i))return!1;return!0}function kn(e,t){let n=`_$static${t.staticCounter++}`,o=Y(e,t,!1);return t.staticElements.set(n,o),r.identifier(n)}function Ln(e,t){let n=e.openingElement.name.name;return n==="Show"?Mn(e,t):n==="For"?Jn(e,t):null}function Mn(e,t){return null}function Jn(e,t){return null}var Nr=Z;function kr(e){return[Z,e]}function Ce(e={}){return{plugins:[[Z,{runtime:"automatic",importSource:"@fluixi/jsx",development:!1,detectReactivity:!0,useLitHTML:!0,hoistStatics:!0,delegateEvents:!0,optimizeControlFlow:!0,sourceMaps:!0,...e}]]}}var Lr={production:Ce({development:!1,hoistStatics:!0,delegateEvents:!0,optimizeControlFlow:!0}),development:Ce({development:!0,hoistStatics:!1,sourceMaps:!0}),minimal:Ce({detectReactivity:!1,useLitHTML:!1,hoistStatics:!1,delegateEvents:!1,optimizeControlFlow:!1})};export{Nr as babelPluginReactiveJSX,kr as createPlugin,Ce as createPreset,Z as default,Lr as presets};

package/dist/frontend/babel/lower-template.cjs

@@ -1 +1 @@
-"use strict";var O=Object.create;var g=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var M=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty;var H=(n,e)=>{for(var t in e)g(n,t,{get:e[t],enumerable:!0})},R=(n,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of F(e))!_.call(n,i)&&i!==t&&g(n,i,{get:()=>e[i],enumerable:!(r=B(e,i))||r.enumerable});return n};var I=(n,e,t)=>(t=n!=null?O(M(n)):{},R(e||!n||!n.__esModule?g(t,"default",{value:n,enumerable:!0}):t,n)),V=n=>R(g({},"__esModule",{value:!0}),n);var ce={};H(ce,{lowerLitTemplate:()=>E});module.exports=V(ce);var f=require("@babel/core"),y=I(require("@babel/generator"),1),L=require("@fluixi/template-parser");var k={version:1,module:"@fluixi/dom",symbols:["createNativeElement","insert","spread","setAttribute","delegateEvents","createComponent","createMemo","untrack","Show","For","Index","Switch","Match","Dynamic","ErrorBoundary"]},ue={version:2,module:"@fluixi/dom",symbols:[...k.symbols,"template","cloneTemplate","walk"]};var G={show:"Show",for:"For",index:"Index",switch:"Switch",match:"Match",dynamic:"Dynamic",errorBoundary:"ErrorBoundary",suspense:"Suspense"};function K(n){return/^[A-Za-z_$][A-Za-z0-9_$]*$/.test(n)}function w(n){return K(n)?n:JSON.stringify(n)}function U(n){return n.expr!==void 0?n.reactive?`() => (${n.expr})`:`(${n.expr})`:JSON.stringify(n.literal??!0)}function W(n){return n.expr!==void 0?`(${n.expr})`:JSON.stringify(n.literal??!0)}function z(n,e,t){let r=n.filter(l=>l.kind==="spread"),a=n.filter(l=>l.kind!=="spread").map(l=>`${w(l.name)}: ${U(l)}`);e!=null&&a.push(`children: ${e}`);let o=`{ ${a.join(", ")} }`;return r.length>0?(t.add("mergeProps"),`mergeProps(${r.map(l=>l.expr).join(", ")}, ${o})`):o}function C(n,e){return n.length===1?v(n[0],e):`[${n.map(t=>v(t,e)).join(", ")}]`}function $(n,e,t,r){r.add("createMemo"),r.add("createComponent");let i=e.filter(s=>s.kind==="spread"),o=e.filter(s=>s.kind!=="spread").map(s=>`get ${w(s.name)}() { return ${W(s)}; }`);t.length>0&&o.push(`get children() { return ${C(t,r)}; }`);let l=`{ ${o.join(", ")} }`;return i.length>0&&(r.add("mergeProps"),l=`mergeProps(${i.map(s=>s.expr).join(", ")}, ${l})`),`createMemo(() => createComponent(${n}, ${l}))`}function v(n,e){switch(n.kind){case"text":return JSON.stringify(n.value);case"expr":return n.reactive?`() => (${n.code})`:`(${n.code})`;case"fragment":return n.children.length===0?"null":C(n.children,e);case"component":return $(n.name,n.props,n.children,e);case"control":{let t=G[n.control]??n.control;return e.add(t),$(t,n.props,n.children,e)}case"element":{e.add("createNativeElement");let t=JSON.stringify(n.tag),r="_el$",i=[],a=n.svg?`${t}, true`:t;if(i.push(`const ${r} = createNativeElement(${a});`),n.props.length>0){e.add("spread");let o=n.svg?", isSVG: true":"";i.push(`spread({ element: ${r}, props: ${z(n.props,null,e)}${o} });`)}for(let o of n.children){e.add("insert");let l=v(o,e),s=o.kind==="expr"&&o.reactive||o.kind==="component"||o.kind==="control";i.push(s?`insert(${r}, ${l}, null);`:`insert(${r}, ${l});`)}return i.push(`return ${r};`),`(() => { ${i.join(" ")} })()`}}}var h={name:"imperative",contract:k,emit(n,e){let t=new Set;return{code:v(n,t),imports:Array.from(t)}}};var c=require("@babel/core"),N=I(require("@babel/generator"),1);function A(n,e=new Set,t={}){return E(n,e,t)}var Z=N.default.default??N.default;function T(n){return Z(n,{concise:!0}).code}function q(n,e){let t=c.types.cloneNode(n,!0),r=c.types.file(c.types.program([c.types.expressionStatement(t)])),i=!1,a=(o,l,s)=>{for(let p of s)e.add(p);o.replaceWith(c.template.expression(l,{placeholderPattern:!1,plugins:["typescript"]})()),o.skip(),i=!0};return(0,c.traverse)(r,{"JSXElement|JSXFragment"(o){let l=o.node,{code:s,imports:p}=h.emit(b(l,e),{});a(o,s,p)},TaggedTemplateExpression(o){let l=o.node.tag;if(!c.types.isIdentifier(l)||l.name!=="html"&&l.name!=="svg")return;let s=A(o.node,e,{svg:l.name==="svg"}),{code:p,imports:m}=h.emit(s,{});a(o,p,m)}}),i?r.program.body[0].expression:n}function d(n,e){return T(q(n,e))}var Q=new Set(["svg","path","circle","rect","line","polygon","polyline","ellipse","g","defs","clipPath","text"]),Y=/^on[A-Z]/,ee=new Set(["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup"]);function te(n){if(c.types.isJSXIdentifier(n)){let e=n.name[0]!==n.name[0].toLowerCase();return{tag:n.name,component:e}}return c.types.isJSXMemberExpression(n)?{tag:T(n),component:!0}:c.types.isJSXNamespacedName(n)?{tag:`${n.namespace.name}:${n.name.name}`,component:!1}:{tag:"div",component:!1}}function ne(n){return c.types.isJSXIdentifier(n)?n.name==="class"?"className":n.name:c.types.isJSXNamespacedName(n)?`${n.namespace.name}:${n.name.name}`:"unknown"}function u(n){return c.types.isCallExpression(n)||c.types.isOptionalCallExpression(n)?!0:c.types.isMemberExpression(n)||c.types.isOptionalMemberExpression(n)?!(!n.computed&&c.types.isIdentifier(n.property,{name:"children"})):c.types.isConditionalExpression(n)?u(n.test)||u(n.consequent)||u(n.alternate):c.types.isLogicalExpression(n)||c.types.isBinaryExpression(n)?u(n.left)||u(n.right):c.types.isTemplateLiteral(n)?n.expressions.some(e=>u(e)):c.types.isObjectExpression(n)?n.properties.some(e=>c.types.isObjectProperty(e)&&!e.computed&&u(e.value)):c.types.isArrayExpression(n)?n.elements.some(e=>e!=null&&!c.types.isSpreadElement(e)&&u(e)):!1}function re(n,e){let t=ne(n.name),r=Y.test(t),i=r||t.startsWith("on:"),o={name:t,kind:r?"event":"attr"};r&&(o.event={name:t.slice(2).toLowerCase(),delegated:ee.has(t.slice(2).toLowerCase())});let l=n.value;if(l==null)return o.literal=!0,o;if(c.types.isStringLiteral(l))return o.literal=l.value,o;if(c.types.isJSXExpressionContainer(l)&&!c.types.isJSXEmptyExpression(l.expression)){let s=l.expression;return c.types.isStringLiteral(s)||c.types.isNumericLiteral(s)||c.types.isBooleanLiteral(s)?(o.literal=s.value,o):(o.expr=d(s,e),o.reactive=i?!1:u(s),(c.types.isJSXElement(s)||c.types.isJSXFragment(s))&&(o.jsxElement=!0),o)}return o.literal=!0,o}function J(n,e){let t=n.value;return t==null?null:c.types.isStringLiteral(t)?JSON.stringify(t.value):c.types.isJSXExpressionContainer(t)&&!c.types.isJSXEmptyExpression(t.expression)?d(t.expression,e):null}function ie(n,e){let t=[],r=[];for(let i of n){if(c.types.isJSXSpreadAttribute(i)){t.push({name:"",kind:"spread",expr:d(i.argument,e)});continue}if(!c.types.isJSXAttribute(i))continue;let a=c.types.isJSXNamespacedName(i.name)?i.name.namespace.name:null;if(a==="use"){let o=i.name.name.name;e.add(o);let l=J(i,e);r.push(l!=null?`[${o}, () => (${l})]`:`[${o}]`);continue}if(a==="oncapture"){let o=i.name.name.name.toLowerCase(),l=J(i,e)??"undefined";t.push({name:"on:"+o,kind:"attr",expr:`[${l}, { capture: true }]`});continue}t.push(re(i,e))}return r.length>0&&t.push({name:"use",kind:"attr",expr:`[${r.join(", ")}]`}),t}function x(n){let e=n.split(/\r\n|\n|\r/),t=0;for(let i=0;i<e.length;i++)/[^ \t]/.test(e[i])&&(t=i);let r="";for(let i=0;i<e.length;i++){let a=e[i].replace(/\t/g," ");i!==0&&(a=a.replace(/^ +/,"")),i!==e.length-1&&(a=a.replace(/ +$/,"")),a&&(i!==t&&(a+=" "),r+=a)}return r}function P(n,e){let t=[];for(let r of n)if(c.types.isJSXText(r)){let i=x(r.value);i&&t.push({kind:"text",value:i})}else if(c.types.isJSXExpressionContainer(r)){if(!c.types.isJSXEmptyExpression(r.expression)){let i=r.expression;t.push({kind:"expr",code:d(i,e),reactive:u(i)})}}else c.types.isJSXElement(r)||c.types.isJSXFragment(r)?t.push(b(r,e)):c.types.isJSXSpreadChild(r)&&t.push({kind:"expr",code:d(r.expression,e),reactive:!1});return t}function b(n,e=new Set){if(c.types.isJSXFragment(n))return{kind:"fragment",children:P(n.children,e)};let{tag:t,component:r}=te(n.openingElement.name),i=ie(n.openingElement.attributes,e),a=P(n.children,e);return r?{kind:"component",name:t,props:i,children:a}:{kind:"element",tag:t,svg:Q.has(t),props:i,children:a,static:!1}}var se=y.default.default??y.default;function oe(n){return se(n,{concise:!0}).code}var X=new Set(["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup"]);function ae(n){return n.replace(/\\/g,"\\\\").replace(/`/g,"\\`").replace(/\$\{/g,"\\${")}function j(n){return n.charAt(0).toUpperCase()+n.slice(1)}var S=class{constructor(e,t){this.holes=e;this.used=t}hole(e){return this.holes[e]??{node:f.types.identifier("undefined"),code:"undefined",reactive:!1}}emit(e){let{code:t,imports:r}=h.emit(e,{});for(let i of r)this.used.add(i);return t}lowerRoot(e){let t=this.lowerChildren(e);return t.length===1?t[0]:{kind:"fragment",children:t}}lowerChildren(e){let t=[];for(let r=0;r<e.length;r++){let i=e[r];if(i.kind==="Element"||i.kind==="Component"){let o=i.attributes.find(l=>l.kind==="IfDirective");if(o&&o.kind==="IfDirective"){let l=r+1;l<e.length&&this.isBlankText(e[l])&&l++;let s=e[l],p=s&&(s.kind==="Element"||s.kind==="Component")&&s.attributes.some(m=>m.kind==="ElseDirective");t.push(this.lowerIf(i,o.hole,p?s:null)),p&&(r=l);continue}if(i.attributes.some(l=>l.kind==="EachDirective")){t.push(this.lowerEach(i));continue}}let a=this.lowerNode(i);a&&t.push(a)}return t}isBlankText(e){return e.kind==="Text"&&!e.raw&&x(e.value)===""}lowerNode(e){switch(e.kind){case"Text":{if(e.raw)return{kind:"text",value:e.value};let t=x(e.value);return t?{kind:"text",value:t}:null}case"Comment":return null;case"Expression":{let t=this.hole(e.hole);return{kind:"expr",code:t.code,reactive:t.reactive}}case"Fragment":return{kind:"fragment",children:this.lowerChildren(e.children)};case"Element":return this.lowerElement(e);case"Component":return this.lowerComponent(e);default:return null}}lowerElement(e){let t=e.attributes.find(r=>r.kind==="Attribute"&&r.name==="is");if(e.tag==="component"&&t&&t.value&&t.value.kind==="hole"){let r=e.attributes.filter(a=>a!==t),i=this.lowerComponent({...e,kind:"Component",tag:"Dynamic",tagHole:null,attributes:r});return i.props.unshift({name:"component",kind:"attr",expr:`() => (${this.hole(t.value.hole).code})`}),i}return{kind:"element",tag:e.tag,svg:e.namespace==="svg",props:this.lowerAttributes(e.attributes),children:this.lowerChildren(e.children),static:!1}}lowerComponent(e){let t=e.tagHole!=null?this.hole(e.tagHole).code:e.tag,r=this.lowerAttributes(e.attributes),{slots:i,rest:a}=this.partitionSlots(e.children);for(let[o,l]of i){let s=l.length===1?l[0]:{kind:"fragment",children:l};r.push({name:o,kind:"attr",expr:this.emit(s),jsxElement:!0})}return{kind:"component",name:t,props:r,children:this.lowerChildren(a)}}partitionSlots(e){let t=new Map,r=[];for(let i of e){if(i.kind==="Element"||i.kind==="Component"){let a=i.attributes.find(o=>o.kind==="Attribute"&&o.name==="slot");if(a&&a.value&&a.value.kind==="static"){let o={...i,attributes:i.attributes.filter(p=>p!==a)},l=o.kind==="Element"?this.lowerElement(o):this.lowerComponent(o),s=t.get(a.value.value)??[];s.push(l),t.set(a.value.value,s);continue}}r.push(i)}return{slots:t,rest:r}}lowerIf(e,t,r){let i=this.hole(t),a=[{name:"when",kind:"attr",expr:i.code,reactive:i.reactive}];if(r){let l=this.stripAndLower(r,s=>s.kind==="ElseDirective");a.push({name:"fallback",kind:"attr",expr:this.emit(l),jsxElement:!0})}let o=this.stripAndLower(e,l=>l.kind==="IfDirective");return{kind:"component",name:"Show",props:a,children:[o]}}lowerEach(e){let t=e.attributes.find(s=>s.kind==="EachDirective");if(!t||t.kind!=="EachDirective")return this.lowerNode(e);let r=this.hole(t.hole),i=[{name:"each",kind:"attr",expr:r.code,reactive:r.reactive}];if(t.key){let s="static"in t.key?`(item) => item[${JSON.stringify(t.key.static)}]`:this.hole(t.key.hole).code;i.push({name:"by",kind:"attr",expr:s})}let a=this.itemArrow(e),o;if(a){let s=a.body,p={kind:"expr",code:d(s,this.used),reactive:u(s)},m=this.rebuildWithChildren(e,[p]);o=`(${a.params.map(D=>oe(D)).join(", ")}) => (${this.emit(m)})`}else{let s=this.stripAndLower(e,p=>p.kind==="EachDirective");o=`() => (${this.emit(s)})`}return{kind:"component",name:"For",props:i,children:[{kind:"expr",code:o,reactive:!1}]}}itemArrow(e){let t=e.children.filter(i=>!this.isBlankText(i));if(t.length!==1||t[0].kind!=="Expression")return null;let r=this.hole(t[0].hole).node;return f.types.isArrowFunctionExpression(r)&&!f.types.isBlockStatement(r.body)?r:null}stripAndLower(e,t){let r={...e,attributes:e.attributes.filter(i=>!t(i))};return r.kind==="Element"?this.lowerElement(r):this.lowerComponent(r)}rebuildWithChildren(e,t){let r=this.lowerAttributes(e.attributes.filter(i=>i.kind!=="EachDirective"));return e.kind==="Element"?{kind:"element",tag:e.tag,svg:e.namespace==="svg",props:r,children:t,static:!1}:{kind:"component",name:e.tag,props:r,children:t}}lowerAttributes(e){let t=[],r=[],i=!1,a=[],o=!1,l=[];for(let s of e)switch(s.kind){case"IfDirective":case"EachDirective":case"ElseDirective":break;case"Attribute":t.push(this.plainAttr(s));break;case"PropertyBinding":t.push({name:s.name,kind:"prop",expr:this.hole(s.hole).code,reactive:this.hole(s.hole).reactive});break;case"EventBinding":t.push(this.eventProp(s));break;case"RefBinding":t.push({name:"ref",kind:"ref",expr:this.hole(s.hole).code,reactive:this.hole(s.hole).reactive});break;case"Spread":t.push({name:"",kind:"spread",expr:this.hole(s.hole).code});break;case"ClassDirective":{let p=this.hole(s.hole);r.push(`${JSON.stringify(s.name)}: ${p.code}`),i=i||p.reactive;break}case"StyleDirective":{let p=this.hole(s.hole);a.push(`${JSON.stringify(s.name)}: ${p.code}`),o=o||p.reactive;break}case"BindDirective":t.push(...this.bindProps(s.name,this.hole(s.hole).code));break;case"UseDirective":{let p=s.name??(s.hole!=null?this.hole(s.hole).code:null);if(!p)break;l.push(s.name!=null&&s.hole!=null?`[${p}, () => (${this.hole(s.hole).code})]`:`[${p}]`);break}}return r.length>0&&t.push({name:"classList",kind:"attr",expr:`{ ${r.join(", ")} }`,reactive:i}),a.length>0&&t.push({name:"style",kind:"attr",expr:`{ ${a.join(", ")} }`,reactive:o}),l.length>0&&t.push({name:"use",kind:"attr",expr:`[${l.join(", ")}]`}),t}eventProp(e){let t=e.name.toLowerCase(),r=this.hole(e.hole).code;if(!(e.syntax==="colon"||e.modifiers.length>0))return{name:"on"+j(e.name),kind:"event",event:{name:t,delegated:X.has(t)},expr:r};let a=this.wrapHandler(r,e.modifiers),o=this.eventOptions(e.modifiers),l=o?`[${a}, ${o}]`:a;return{name:"on:"+t,kind:"attr",expr:l}}wrapHandler(e,t){let r=t.includes("self")?"if (e.target !== e.currentTarget) return; ":"",i=[];return t.includes("prevent")&&i.push("e.preventDefault();"),t.includes("stop")&&i.push("e.stopPropagation();"),!r&&i.length===0?e:`(e) => { ${r}${i.join(" ")} return (${e})(e); }`}eventOptions(e){let t=[];return e.includes("capture")&&t.push("capture: true"),e.includes("once")&&t.push("once: true"),e.includes("passive")&&t.push("passive: true"),t.length?`{ ${t.join(", ")} }`:null}bindProps(e,t){let r=e==="checked",i=r?"change":"input",a=r?"checked":"value",o=`(${t})`;return[{name:e,kind:"attr",expr:`${o}[0]()`,reactive:!0},{name:"on"+j(i),kind:"event",event:{name:i,delegated:X.has(i)},expr:`(e) => ${o}[1](e.target.${a})`}]}plainAttr(e){let t=e.value,r=e.name;e.name==="class"?r=t&&t.kind==="hole"&&f.types.isObjectExpression(this.hole(t.hole).node)?"classList":"className":e.name==="html"&&(r="innerHTML");let a={name:r,kind:"attr"};if(t==null)return a.literal=!0,a;if(t.kind==="static")return a.literal=t.value,a;if(t.kind==="hole"){let s=this.hole(t.hole);return a.expr=s.code,a.reactive=s.reactive,a}let o=!1,l=t.parts.map(s=>{if("text"in s)return ae(s.text);let p=this.hole(s.hole);return o=o||p.reactive,"${"+p.code+"}"}).join("");return a.expr="`"+l+"`",a.reactive=o,a}};function E(n,e,t={}){let r=n.quasi,i=r.expressions.map(l=>{let s=l;return{node:s,code:d(s,e),reactive:u(s)}}),a=le(r),{root:o}=(0,L.parseTemplate)(a,{svg:t.svg});return new S(i,e).lowerRoot(o.children)}function le(n){let e=[];return n.quasis.forEach((t,r)=>{let i=t.value.cooked??t.value.raw;if(e.push({kind:"static",text:i,start:t.start??0}),r<n.expressions.length){let a=n.expressions[r];e.push({kind:"hole",index:r,start:a.start??0,end:a.end??0})}}),e}
+"use strict";var ce=Object.create;var b=Object.defineProperty;var pe=Object.getOwnPropertyDescriptor;var ue=Object.getOwnPropertyNames;var de=Object.getPrototypeOf,me=Object.prototype.hasOwnProperty;var fe=(t,e)=>{for(var n in e)b(t,n,{get:e[n],enumerable:!0})},H=(t,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of ue(e))!me.call(t,i)&&i!==n&&b(t,i,{get:()=>e[i],enumerable:!(r=pe(e,i))||r.enumerable});return t};var F=(t,e,n)=>(n=t!=null?ce(de(t)):{},H(e||!t||!t.__esModule?b(n,"default",{value:t,enumerable:!0}):n,t)),he=t=>H(b({},"__esModule",{value:!0}),t);var Ye={};fe(Ye,{lowerLitTemplate:()=>L});module.exports=he(Ye);var N=require("@babel/core"),O=F(require("@babel/generator"),1),le=require("@fluixi/template-parser");var ge={kind:"eager"},ve=["pointerdown","focusin","keydown"],z=new Set(["eager","idle","visible","interaction","media","never"]),f=class extends Error{};function C(t){return t.startsWith("load:")}function y(t,e){let n=t.slice(5);if(!z.has(n))throw new f(`Unknown load strategy 'load:${n}'. Expected one of ${[...z].join(", ")}.`);switch(n){case"eager":return ge;case"idle":return{kind:"idle"};case"never":return{kind:"never"};case"visible":return e?{kind:"visible",rootMargin:e}:{kind:"visible"};case"interaction":return{kind:"interaction",events:e?xe(e):[...ve]};case"media":if(!e)throw new f(`'load:media' needs a query, e.g. load:media="(min-width: 1024px)".`);return{kind:"media",query:e};default:throw new f(`Unhandled load strategy '${n}'.`)}}function xe(t){let e=t.split(/[\s,]+/).map(n=>n.trim()).filter(Boolean);if(e.length===0)throw new f("'load:interaction' was given no event names.");return e}var ke=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]),V={className:"class",htmlFor:"for"},Ee=new Set(["innerHTML","outerHTML","innerText","textContent","value","checked","selected","muted","defaultValue","defaultChecked","children","ref"]),Re=new Set(["script","style","textarea","title"]);function A(t){return Re.has(t)}function W(t){return V[t]??t}function v(t){return t.kind!=="attr"||t.expr!==void 0||t.name.includes(":")?!1:!Ee.has(t.name)}function P(t){if(!t.static||A(t.tag))return!1;for(let e of t.props)if(!v(e))return!1;for(let e of t.children)if(e.kind!=="text"&&!(e.kind==="element"&&P(e)))return!1;return!0}function x(t){let e=t.props.map(Se).filter(Boolean).join(""),n=`<${t.tag}${e}>`;return ke.has(t.tag)?n:`${n}${t.children.map(Ne).join("")}</${t.tag}>`}function Ne(t){if(t.kind==="text")return ye(t.value);if(t.kind!=="element")throw new Error(`serializeStatic: unexpected ${t.kind}`);return x(t)}function Se(t){let e=V[t.name]??t.name,n=t.literal;return n===!0||n===void 0?` ${e}`:n===!1||n===null?"":` ${e}="${be(String(n))}"`}function be(t){return t.replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function ye(t){return t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}var Ie="<!--fx-->",$e="<!--fx/-->";function $(t){return t.kind==="expr"||t.kind==="component"||t.kind==="control"}function we(t){return t.kind==="text"||t.kind==="element"&&U(t)}function U(t){return t.svg||A(t.tag)||!t.props.every(e=>v(e))?!1:t.children.every(e=>we(e)||$(e))}function I(t){if($(t))return!0;let e=t.children;return e?e.some(I):!1}function G(t){for(let e=0;e<t.children.length;e++){let n=t.children[e];if(n.kind==="text"&&(n.value===""||t.children[e+1]?.kind==="text"))return!1}return t.children.every(e=>e.kind!=="element"||G(e))}function K(t){if(!U(t)||!G(t)||!t.children.some(I))return null;let e=[],n=[],r=0,i=a=>{let s=`_n$${r++}`;return e.push({ref:s,expr:a}),s};return o(t,"_el$"),{html:Te(t),tag:t.tag,steps:e,holes:n};function o(a,s){let l=-1;a.children.forEach((u,d)=>{I(u)&&(l=d)});let c=null;for(let u=0;u<=l;u++){let d=a.children[u],g=c?`${c}.nextSibling`:`${s}.firstChild`;if($(d)){let M=i(g),B=i(`holeEnd(${M})`);n.push({parentRef:s,startRef:M,endRef:B,node:d}),c=B;continue}let S=i(g);d.kind==="element"&&I(d)&&o(d,S),c=S}}}function Te(t){return x(q(t)).split(Z).join(Ie+$e)}function q(t){return{...t,children:t.children.map(e=>$(e)?{kind:"text",value:Z}:e.kind==="element"?q(e):e)}}var Z="\0fx-hole\0";var J={version:1,module:"@fluixi/dom",symbols:["createNativeElement","insert","spread","setAttribute","delegateEvents","createComponent","createMemo","untrack","Show","For","Index","Switch","Match","Dynamic","ErrorBoundary"]},it={version:2,module:"@fluixi/dom",symbols:[...J.symbols,"template","cloneTemplate","walk"]};var Ce={show:"Show",for:"For",index:"Index",switch:"Switch",match:"Match",dynamic:"Dynamic",errorBoundary:"ErrorBoundary",suspense:"Suspense"};function Ae(t){return/^[A-Za-z_$][A-Za-z0-9_$]*$/.test(t)}function Q(t){return Ae(t)?t:JSON.stringify(t)}function Pe(t){return t.expr!==void 0?t.reactive?`() => (${t.expr})`:`(${t.expr})`:JSON.stringify(t.literal??!0)}function Je(t){return t.expr!==void 0?`(${t.expr})`:JSON.stringify(t.literal??!0)}function Le(t,e,n){let r=t.filter(s=>s.kind==="spread"),o=t.filter(s=>s.kind!=="spread").map(s=>`${Q(s.name)}: ${Pe(s)}`);e!=null&&o.push(`children: ${e}`);let a=`{ ${o.join(", ")} }`;return r.length>0?(n.add("mergeProps"),`mergeProps(${r.map(s=>s.expr).join(", ")}, ${a})`):a}function ee(t,e,n){return t.length===1?k(t[0],e,n):`[${t.map(r=>k(r,e,n)).join(", ")}]`}function Y(t,e,n,r,i){r.add("createMemo"),r.add("createComponent");let o=e.filter(c=>c.kind==="spread"),s=e.filter(c=>c.kind!=="spread").map(c=>`get ${Q(c.name)}() { return ${Je(c)}; }`);n.length>0&&s.push(`get children() { return ${ee(n,r,i)}; }`);let l=`{ ${s.join(", ")} }`;return o.length>0&&(r.add("mergeProps"),l=`mergeProps(${o.map(c=>c.expr).join(", ")}, ${l})`),`createMemo(() => createComponent(${t}, ${l}))`}function Xe(t,e){let n=W(e.name),r=e.literal;return r===!0||r===void 0?`${t}.setAttribute(${JSON.stringify(n)}, "");`:r===!1||r===null?"":`${t}.setAttribute(${JSON.stringify(n)}, ${JSON.stringify(String(r))});`}var te=!1;function k(t,e,n){switch(t.kind){case"text":return JSON.stringify(t.value);case"expr":return t.reactive?`() => (${t.code})`:`(${t.code})`;case"fragment":return t.children.length===0?"null":ee(t.children,e,n);case"component":return Y(t.name,t.props,t.children,e,n);case"control":{let r=Ce[t.control]??t.control;return e.add(r),Y(r,t.props,t.children,e,n)}case"element":{if(n&&t.static&&!t.svg&&P(t)){e.add("templateNode");let s=`_tmpl$${n.length}`;return n.push({id:s,html:x(t),tag:t.tag,svg:!1}),`templateNode(${s}, ${JSON.stringify(t.tag)})`}if(n&&te){let s=K(t);if(s){e.add("templateNode"),e.add("insert"),e.add("holeEnd"),e.add("holeContent"),e.add("holeScope");let l=`_tmpl$${n.length}`;n.push({id:l,html:s.html,tag:s.tag,svg:!1});let c=[`const _el$ = templateNode(${l}, ${JSON.stringify(s.tag)}, true);`];for(let u of s.steps)c.push(`const ${u.ref} = ${u.expr};`);for(let u of s.holes)c.push(`insert(${u.parentRef}, holeScope(${u.startRef}, () => (${k(u.node,e,n)})), ${u.endRef}, holeContent(${u.startRef}, ${u.endRef}));`);return c.push("return _el$;"),`(() => { ${c.join(" ")} })()`}}e.add("createNativeElement");let r=JSON.stringify(t.tag),i="_el$",o=[],a=t.svg?`${r}, true`:r;if(o.push(`const ${i} = createNativeElement(${a});`),t.props.length>0)if(!t.svg&&t.props.every(v))for(let s of t.props)o.push(Xe(i,s));else{e.add("spread");let s=t.svg?", isSVG: true":"";o.push(`spread({ element: ${i}, props: ${Le(t.props,null,e)}${s} });`)}for(let s of t.children){e.add("insert");let l=k(s,e,n),c=s.kind==="expr"&&s.reactive||s.kind==="component"||s.kind==="control";o.push(c?`insert(${i}, ${l}, null);`:`insert(${i}, ${l});`)}return o.push(`return ${i};`),`(() => { ${o.join(" ")} })()`}}}function E(t,e){if(!e||e.length===0)return t;let n=new Map(e.map(r=>[r.id,JSON.stringify(r.html)]));return t.replace(/_tmpl\$\d+/g,r=>n.get(r)??r)}var R={name:"imperative",contract:J,emit(t,e){let n=new Set,r=e?.templateClone!==!1?[]:void 0;return te=e?.partialTemplates===!0,{code:k(t,n,r),imports:Array.from(n),templates:r}}};var p=require("@babel/core"),X=F(require("@babel/generator"),1);function De(t){switch(t.kind){case"event":return"event";case"ref":return"ref";case"spread":return"spread";case"class":case"style":return"class-or-style-directive";case"attr":case"prop":return t.reactive?"reactive-prop":t.expr!==void 0?"expression-prop":void 0;default:return"expression-prop"}}function w(t){let e=[],n=new Map,r=i=>{switch(i.kind){case"text":return!0;case"expr":return!1;case"component":case"control":for(let o of i.children)r(o);return!1;case"fragment":for(let o of i.children)r(o);return!1;case"element":{let o=!0;for(let s of i.children)r(s)||(o=!1);let a;for(let s of i.props)if(a=De(s),a)break;return!a&&!o&&(a=je(i)),i.static=!a,a?n.set(i,a):e.push(i),i.static}default:return!1}};for(let i of Array.isArray(t)?t:[t])r(i);return{staticElements:e,reasons:n}}function je(t){for(let e of t.children){if(e.kind==="expr")return"expression-child";if(e.kind==="component")return"component-child";if(e.kind==="control")return"control-child";if(e.kind==="element"&&!e.static||e.kind==="fragment")return"expression-child"}return"expression-child"}function ne(t,e=new Set,n={}){let r=L(t,e,n);return w(r),r}var Oe=X.default.default??X.default;function se(t){return Oe(t,{concise:!0}).code}function _e(t,e){let n=p.types.cloneNode(t,!0),r=p.types.file(p.types.program([p.types.expressionStatement(n)])),i=!1,o=(a,s,l)=>{for(let c of l)e.add(c);a.replaceWith(p.template.expression(s,{placeholderPattern:!1,plugins:["typescript"]})()),a.skip(),i=!0};return(0,p.traverse)(r,{"JSXElement|JSXFragment"(a){let s=a.node,{code:l,imports:c,templates:u}=R.emit(We(s,e),{});o(a,E(l,u),c)},TaggedTemplateExpression(a){let s=a.node.tag;if(!p.types.isIdentifier(s)||s.name!=="html"&&s.name!=="svg")return;let l=ne(a.node,e,{svg:s.name==="svg"}),{code:c,imports:u,templates:d}=R.emit(l,{});o(a,E(c,d),u)}}),i?r.program.body[0].expression:t}function h(t,e){return se(_e(t,e))}var Me=new Set(["svg","path","circle","rect","line","polygon","polyline","ellipse","g","defs","clipPath","text"]),Be=/^on[A-Z]/,He=new Set(["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup"]);function Fe(t){if(p.types.isJSXIdentifier(t)){let e=t.name[0]!==t.name[0].toLowerCase();return{tag:t.name,component:e}}return p.types.isJSXMemberExpression(t)?{tag:se(t),component:!0}:p.types.isJSXNamespacedName(t)?{tag:`${t.namespace.name}:${t.name.name}`,component:!1}:{tag:"div",component:!1}}function j(t){return p.types.isJSXIdentifier(t)?t.name==="class"?"className":t.name:p.types.isJSXNamespacedName(t)?`${t.namespace.name}:${t.name.name}`:"unknown"}function m(t){return p.types.isCallExpression(t)||p.types.isOptionalCallExpression(t)?!0:p.types.isMemberExpression(t)||p.types.isOptionalMemberExpression(t)?!(!t.computed&&p.types.isIdentifier(t.property,{name:"children"})):p.types.isConditionalExpression(t)?m(t.test)||m(t.consequent)||m(t.alternate):p.types.isLogicalExpression(t)||p.types.isBinaryExpression(t)?m(t.left)||m(t.right):p.types.isTemplateLiteral(t)?t.expressions.some(e=>m(e)):p.types.isObjectExpression(t)?t.properties.some(e=>p.types.isObjectProperty(e)&&!e.computed&&m(e.value)):p.types.isArrayExpression(t)?t.elements.some(e=>e!=null&&!p.types.isSpreadElement(e)&&m(e)):!1}function ze(t,e){let n=j(t.name),r=Be.test(n),i=r||n.startsWith("on:"),a={name:n,kind:r?"event":"attr"};r&&(a.event={name:n.slice(2).toLowerCase(),delegated:He.has(n.slice(2).toLowerCase())});let s=t.value;if(s==null)return a.literal=!0,a;if(p.types.isStringLiteral(s))return a.literal=s.value,a;if(p.types.isJSXExpressionContainer(s)&&!p.types.isJSXEmptyExpression(s.expression)){let l=s.expression;return p.types.isStringLiteral(l)||p.types.isNumericLiteral(l)||p.types.isBooleanLiteral(l)?(a.literal=l.value,a):(a.expr=h(l,e),a.reactive=i?!1:m(l),(p.types.isJSXElement(l)||p.types.isJSXFragment(l))&&(a.jsxElement=!0),a)}return a.literal=!0,a}function re(t,e){let n=t.value;return n==null?null:p.types.isStringLiteral(n)?JSON.stringify(n.value):p.types.isJSXExpressionContainer(n)&&!p.types.isJSXEmptyExpression(n.expression)?h(n.expression,e):null}function Ve(t,e){let n=[],r=[];for(let i of t){if(p.types.isJSXSpreadAttribute(i)){n.push({name:"",kind:"spread",expr:h(i.argument,e)});continue}if(!p.types.isJSXAttribute(i)||C(j(i.name)))continue;let o=p.types.isJSXNamespacedName(i.name)?i.name.namespace.name:null;if(o==="use"){let a=i.name.name.name;e.add(a);let s=re(i,e);r.push(s!=null?`[${a}, () => (${s})]`:`[${a}]`);continue}if(o==="oncapture"){let a=i.name.name.name.toLowerCase(),s=re(i,e)??"undefined";n.push({name:"on:"+a,kind:"attr",expr:`[${s}, { capture: true }]`});continue}n.push(ze(i,e))}return r.length>0&&n.push({name:"use",kind:"attr",expr:`[${r.join(", ")}]`}),n}function T(t){let e=t.split(/\r\n|\n|\r/),n=0;for(let i=0;i<e.length;i++)/[^ \t]/.test(e[i])&&(n=i);let r="";for(let i=0;i<e.length;i++){let o=e[i].replace(/\t/g," ");i!==0&&(o=o.replace(/^ +/,"")),i!==e.length-1&&(o=o.replace(/ +$/,"")),o&&(i!==n&&(o+=" "),r+=o)}return r}function ie(t,e){let n=[];for(let r of t)if(p.types.isJSXText(r)){let i=T(r.value);i&&n.push({kind:"text",value:i})}else if(p.types.isJSXExpressionContainer(r)){if(!p.types.isJSXEmptyExpression(r.expression)){let i=r.expression;n.push({kind:"expr",code:h(i,e),reactive:m(i)})}}else p.types.isJSXElement(r)||p.types.isJSXFragment(r)?n.push(D(r,e)):p.types.isJSXSpreadChild(r)&&n.push({kind:"expr",code:h(r.expression,e),reactive:!1});return n}function We(t,e=new Set){let n=D(t,e);return w(n),n}function D(t,e){if(p.types.isJSXFragment(t))return{kind:"fragment",children:ie(t.children,e)};let{tag:n,component:r}=Fe(t.openingElement.name),i=Ve(t.openingElement.attributes,e),o=ie(t.children,e);if(r){let a=Ue(t.openingElement.attributes);return{kind:"component",name:n,props:i,children:o,...a?{load:a}:{}}}return{kind:"element",tag:n,svg:Me.has(n),props:i,children:o,static:!1}}function Ue(t){for(let e of t){if(!p.types.isJSXAttribute(e))continue;let n=j(e.name);if(C(n)){if(e.value&&!p.types.isStringLiteral(e.value))throw new f(`'${n}' needs a literal value, not an expression — the strategy is compile-time.`);return y(n,e.value?e.value.value:null)}}}var Ge=O.default.default??O.default;function Ke(t){return Ge(t,{concise:!0}).code}var oe=new Set(["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup"]);function qe(t){return t.replace(/\\/g,"\\\\").replace(/`/g,"\\`").replace(/\$\{/g,"\\${")}function ae(t){return t.charAt(0).toUpperCase()+t.slice(1)}var _=class{constructor(e,n){this.holes=e;this.used=n}hole(e){return this.holes[e]??{node:N.types.identifier("undefined"),code:"undefined",reactive:!1}}emit(e){let{code:n,imports:r,templates:i}=R.emit(e,{});for(let o of r)this.used.add(o);return E(n,i)}lowerRoot(e){let n=this.lowerChildren(e);return n.length===1?n[0]:{kind:"fragment",children:n}}lowerChildren(e){let n=[];for(let r=0;r<e.length;r++){let i=e[r];if(i.kind==="Element"||i.kind==="Component"){let a=i.attributes.find(s=>s.kind==="IfDirective");if(a&&a.kind==="IfDirective"){let s=r+1;s<e.length&&this.isBlankText(e[s])&&s++;let l=e[s],c=l&&(l.kind==="Element"||l.kind==="Component")&&l.attributes.some(u=>u.kind==="ElseDirective");n.push(this.lowerIf(i,a.hole,c?l:null)),c&&(r=s);continue}if(i.attributes.some(s=>s.kind==="EachDirective")){n.push(this.lowerEach(i));continue}}let o=this.lowerNode(i);o&&n.push(o)}return n}isBlankText(e){return e.kind==="Text"&&!e.raw&&T(e.value)===""}lowerNode(e){switch(e.kind){case"Text":{if(e.raw)return{kind:"text",value:e.value};let n=T(e.value);return n?{kind:"text",value:n}:null}case"Comment":return null;case"Expression":{let n=this.hole(e.hole);return{kind:"expr",code:n.code,reactive:n.reactive}}case"Fragment":return{kind:"fragment",children:this.lowerChildren(e.children)};case"Element":return this.lowerElement(e);case"Component":return this.lowerComponent(e);default:return null}}lowerElement(e){let n=e.attributes.find(r=>r.kind==="Attribute"&&r.name==="is");if(e.tag==="component"&&n&&n.value&&n.value.kind==="hole"){let r=e.attributes.filter(o=>o!==n),i=this.lowerComponent({...e,kind:"Component",tag:"Dynamic",tagHole:null,attributes:r});return i.props.unshift({name:"component",kind:"attr",expr:`() => (${this.hole(n.value.hole).code})`}),i}return{kind:"element",tag:e.tag,svg:e.namespace==="svg",props:this.lowerAttributes(e.attributes),children:this.lowerChildren(e.children),static:!1}}lowerComponent(e){let n=e.tagHole!=null?this.hole(e.tagHole).code:e.tag,r=this.lowerAttributes(e.attributes),{slots:i,rest:o}=this.partitionSlots(e.children);for(let[l,c]of i){let u=c.length===1?c[0]:{kind:"fragment",children:c},d={name:l,kind:"attr",expr:this.emit(u),jsxElement:!0},g=r.findIndex(S=>S.name===l);g>=0?r[g]=d:r.push(d)}let a=e.attributes.find(l=>l.kind==="LoadDirective"),s=a?y(`load:${a.strategy}`,a.modifier):void 0;return{kind:"component",name:n,props:r,children:this.lowerChildren(o),...s?{load:s}:{}}}partitionSlots(e){let n=new Map,r=[];for(let i of e){if(i.kind==="Element"||i.kind==="Component"){let o=i.attributes.find(a=>a.kind==="Attribute"&&a.name==="slot");if(o&&o.value&&o.value.kind==="static"){let a={...i,attributes:i.attributes.filter(c=>c!==o)},s=a.kind==="Element"?this.lowerElement(a):this.lowerComponent(a),l=n.get(o.value.value)??[];l.push(s),n.set(o.value.value,l);continue}}r.push(i)}return{slots:n,rest:r}}lowerIf(e,n,r){let i=this.hole(n),o=[{name:"when",kind:"attr",expr:i.code,reactive:i.reactive}];if(r){let s=this.stripAndLower(r,l=>l.kind==="ElseDirective");o.push({name:"fallback",kind:"attr",expr:this.emit(s),jsxElement:!0})}let a=this.stripAndLower(e,s=>s.kind==="IfDirective");return{kind:"component",name:"Show",props:o,children:[a]}}lowerEach(e){let n=e.attributes.find(l=>l.kind==="EachDirective");if(!n||n.kind!=="EachDirective")return this.lowerNode(e);let r=this.hole(n.hole),i=[{name:"each",kind:"attr",expr:r.code,reactive:r.reactive}];if(n.key){let l="static"in n.key?`(item) => item[${JSON.stringify(n.key.static)}]`:this.hole(n.key.hole).code;i.push({name:"by",kind:"attr",expr:l})}let o=this.itemArrow(e),a;if(o){let l=o.body,c={kind:"expr",code:h(l,this.used),reactive:m(l)},u=this.rebuildWithChildren(e,[c]);a=`(${o.params.map(d=>Ke(d)).join(", ")}) => (${this.emit(u)})`}else{let l=this.stripAndLower(e,c=>c.kind==="EachDirective");a=`() => (${this.emit(l)})`}return{kind:"component",name:"For",props:i,children:[{kind:"expr",code:a,reactive:!1}]}}itemArrow(e){let n=e.children.filter(i=>!this.isBlankText(i));if(n.length!==1||n[0].kind!=="Expression")return null;let r=this.hole(n[0].hole).node;return N.types.isArrowFunctionExpression(r)&&!N.types.isBlockStatement(r.body)?r:null}stripAndLower(e,n){let r={...e,attributes:e.attributes.filter(i=>!n(i))};return r.kind==="Element"?this.lowerElement(r):this.lowerComponent(r)}rebuildWithChildren(e,n){let r=this.lowerAttributes(e.attributes.filter(i=>i.kind!=="EachDirective"));return e.kind==="Element"?{kind:"element",tag:e.tag,svg:e.namespace==="svg",props:r,children:n,static:!1}:{kind:"component",name:e.tag,props:r,children:n}}lowerAttributes(e){let n=[],r=[],i=!1,o=[],a=!1,s=[];for(let l of e)switch(l.kind){case"IfDirective":case"EachDirective":case"ElseDirective":break;case"Attribute":n.push(this.plainAttr(l));break;case"PropertyBinding":n.push({name:l.name,kind:"prop",expr:this.hole(l.hole).code,reactive:this.hole(l.hole).reactive});break;case"EventBinding":n.push(this.eventProp(l));break;case"RefBinding":n.push({name:"ref",kind:"ref",expr:this.hole(l.hole).code,reactive:this.hole(l.hole).reactive});break;case"Spread":n.push({name:"",kind:"spread",expr:this.hole(l.hole).code});break;case"ClassDirective":{let c=this.hole(l.hole);r.push(`${JSON.stringify(l.name)}: ${c.code}`),i=i||c.reactive;break}case"StyleDirective":{let c=this.hole(l.hole);o.push(`${JSON.stringify(l.name)}: ${c.code}`),a=a||c.reactive;break}case"BindDirective":n.push(...this.bindProps(l.name,this.hole(l.hole).code));break;case"UseDirective":{let c=l.name??(l.hole!=null?this.hole(l.hole).code:null);if(!c)break;s.push(l.name!=null&&l.hole!=null?`[${c}, () => (${this.hole(l.hole).code})]`:`[${c}]`);break}}return r.length>0&&n.push({name:"classList",kind:"attr",expr:`{ ${r.join(", ")} }`,reactive:i}),o.length>0&&n.push({name:"style",kind:"attr",expr:`{ ${o.join(", ")} }`,reactive:a}),s.length>0&&n.push({name:"use",kind:"attr",expr:`[${s.join(", ")}]`}),n}eventProp(e){let n=e.name.toLowerCase(),r=this.hole(e.hole).code;if(!(e.syntax==="colon"||e.modifiers.length>0))return{name:"on"+ae(e.name),kind:"event",event:{name:n,delegated:oe.has(n)},expr:r};let o=this.wrapHandler(r,e.modifiers),a=this.eventOptions(e.modifiers),s=a?`[${o}, ${a}]`:o;return{name:"on:"+n,kind:"attr",expr:s}}wrapHandler(e,n){let r=n.includes("self")?"if (e.target !== e.currentTarget) return; ":"",i=[];return n.includes("prevent")&&i.push("e.preventDefault();"),n.includes("stop")&&i.push("e.stopPropagation();"),!r&&i.length===0?e:`(e) => { ${r}${i.join(" ")} return (${e})(e); }`}eventOptions(e){let n=[];return e.includes("capture")&&n.push("capture: true"),e.includes("once")&&n.push("once: true"),e.includes("passive")&&n.push("passive: true"),n.length?`{ ${n.join(", ")} }`:null}bindProps(e,n){let r=e==="checked",i=r?"change":"input",o=r?"checked":"value",a=`(${n})`;return[{name:e,kind:"attr",expr:`${a}[0]()`,reactive:!0},{name:"on"+ae(i),kind:"event",event:{name:i,delegated:oe.has(i)},expr:`(e) => ${a}[1](e.target.${o})`}]}plainAttr(e){let n=e.value,r=e.name;e.name==="class"?r=n&&n.kind==="hole"&&N.types.isObjectExpression(this.hole(n.hole).node)?"classList":"className":e.name==="html"&&(r="innerHTML");let o={name:r,kind:"attr"};if(n==null)return o.literal=!0,o;if(n.kind==="static")return o.literal=n.value,o;if(n.kind==="hole"){let l=this.hole(n.hole);return o.expr=l.code,o.reactive=l.reactive,o}let a=!1,s=n.parts.map(l=>{if("text"in l)return qe(l.text);let c=this.hole(l.hole);return a=a||c.reactive,"${"+c.code+"}"}).join("");return o.expr="`"+s+"`",o.reactive=a,o}};function L(t,e,n={}){let r=t.quasi,i=r.expressions.map(s=>{let l=s;return{node:l,code:h(l,e),reactive:m(l)}}),o=Ze(r),{root:a}=(0,le.parseTemplate)(o,{svg:n.svg});return new _(i,e).lowerRoot(a.children)}function Ze(t){let e=[];return t.quasis.forEach((n,r)=>{let i=n.value.cooked??n.value.raw;if(e.push({kind:"static",text:i,start:n.start??0}),r<t.expressions.length){let o=t.expressions[r];e.push({kind:"hole",index:r,start:o.start??0,end:o.end??0})}}),e}

package/dist/frontend/babel/lower-template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lower-template.d.ts","sourceRoot":"","sources":["../../../src/frontend/babel/lower-template.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EAAE,KAAK,IAAI,CAAC,EAAE,MAAM,aAAa,CAAC;AAYzC,OAAO,KAAK,EAAE,MAAM,EAAsB,MAAM,mBAAmB,CAAC;AAgbpE;;;;GAIG;AACH,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,CAAC,CAAC,wBAAwB,EAChC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,EACjB,IAAI,GAAE;IAAE,GAAG,CAAC,EAAE,OAAO,CAAA;CAAO,GAC3B,MAAM,CAUR"}
+{"version":3,"file":"lower-template.d.ts","sourceRoot":"","sources":["../../../src/frontend/babel/lower-template.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EAAE,KAAK,IAAI,CAAC,EAAE,MAAM,aAAa,CAAC;AAYzC,OAAO,KAAK,EAAE,MAAM,EAAsB,MAAM,mBAAmB,CAAC;AA4cpE;;;;GAIG;AACH,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,CAAC,CAAC,wBAAwB,EAChC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,EACjB,IAAI,GAAE;IAAE,GAAG,CAAC,EAAE,OAAO,CAAA;CAAO,GAC3B,MAAM,CAUR"}

package/dist/frontend/babel/lower-template.js

@@ -11,7 +11,8 @@
 import { types as t } from '@babel/core';
 import _generate from '@babel/generator';
 import { parseTemplate, } from '@fluixi/template-parser';
-import { imperativeBackend } from '../../codegen/backends/imperative.js';
+import { parseLoadDirective } from '../../resolve/load-directive.js';
+import { imperativeBackend, inlineTemplates } from '../../codegen/backends/imperative.js';
 import { cleanJSXText, genExpr, isReactiveExpr } from './build-ir.js';
 const generate = _generate.default ?? _generate;
 function gen(node) {
@@ -41,10 +42,12 @@ class Lowerer {
     }
     /** Emit a nested IR subtree to code (for `Show` fallback / `For` children). */
     emit(node) {
-        const { code, imports } = imperativeBackend.emit(node, {});
+        const { code, imports, templates } = imperativeBackend.emit(node, {});
         for (const s of imports)
             this.used.add(s);
-        return code;
+        // No module scope reachable from a nested subtree, so templates are inlined;
+        // `createTemplate` caches by HTML, so this is a lookup rather than a re-parse.
+        return inlineTemplates(code, templates);
     }
     // --- content ------------------------------------------------------------
     lowerRoot(children) {
@@ -143,9 +146,35 @@ class Lowerer {
         const { slots, rest } = this.partitionSlots(el.children);
         for (const [slotName, nodes] of slots) {
             const ir = nodes.length === 1 ? nodes[0] : { kind: 'fragment', children: nodes };
-            props.push({ name: slotName, kind: 'attr', expr: this.emit(ir), jsxElement: true });
+            const slotProp = {
+                name: slotName,
+                kind: 'attr',
+                expr: this.emit(ir),
+                jsxElement: true,
+            };
+            // A slot replaces a same-named attribute rather than joining it. `<Card header>`
+            // alongside `<span slot="header">` otherwise emits the key twice — valid JS where
+            // the last wins, but the first is dead code and esbuild warns on it. Content is
+            // the more specific intent, so the slot is what survives.
+            const clash = props.findIndex((p) => p.name === slotName);
+            if (clash >= 0)
+                props[clash] = slotProp;
+            else
+                props.push(slotProp);
         }
-        return { kind: 'component', name, props, children: this.lowerChildren(rest) };
+        // `load:` is a directive, not a prop: it says when this component's module is
+        // fetched. Parsed with the same helper the JSX path uses so the two cannot drift.
+        const loadAttr = el.attributes.find((a) => a.kind === 'LoadDirective');
+        const load = loadAttr
+            ? parseLoadDirective(`load:${loadAttr.strategy}`, loadAttr.modifier)
+            : undefined;
+        return {
+            kind: 'component',
+            name,
+            props,
+            children: this.lowerChildren(rest),
+            ...(load ? { load } : {}),
+        };
     }
     /** Split a component's children into named slots (`slot="x"`) and the rest. */
     partitionSlots(children) {

package/dist/frontend/babel/lower-template.mjs

@@ -1 +1 @@
-import{types as v}from"@babel/core";import A from"@babel/generator";import{parseTemplate as Z}from"@fluixi/template-parser";var x={version:1,module:"@fluixi/dom",symbols:["createNativeElement","insert","spread","setAttribute","delegateEvents","createComponent","createMemo","untrack","Show","For","Index","Switch","Match","Dynamic","ErrorBoundary"]},te={version:2,module:"@fluixi/dom",symbols:[...x.symbols,"template","cloneTemplate","walk"]};var X={show:"Show",for:"For",index:"Index",switch:"Switch",match:"Match",dynamic:"Dynamic",errorBoundary:"ErrorBoundary",suspense:"Suspense"};function j(n){return/^[A-Za-z_$][A-Za-z0-9_$]*$/.test(n)}function b(n){return j(n)?n:JSON.stringify(n)}function L(n){return n.expr!==void 0?n.reactive?`() => (${n.expr})`:`(${n.expr})`:JSON.stringify(n.literal??!0)}function D(n){return n.expr!==void 0?`(${n.expr})`:JSON.stringify(n.literal??!0)}function O(n,e,t){let r=n.filter(l=>l.kind==="spread"),a=n.filter(l=>l.kind!=="spread").map(l=>`${b(l.name)}: ${L(l)}`);e!=null&&a.push(`children: ${e}`);let o=`{ ${a.join(", ")} }`;return r.length>0?(t.add("mergeProps"),`mergeProps(${r.map(l=>l.expr).join(", ")}, ${o})`):o}function y(n,e){return n.length===1?f(n[0],e):`[${n.map(t=>f(t,e)).join(", ")}]`}function N(n,e,t,r){r.add("createMemo"),r.add("createComponent");let i=e.filter(s=>s.kind==="spread"),o=e.filter(s=>s.kind!=="spread").map(s=>`get ${b(s.name)}() { return ${D(s)}; }`);t.length>0&&o.push(`get children() { return ${y(t,r)}; }`);let l=`{ ${o.join(", ")} }`;return i.length>0&&(r.add("mergeProps"),l=`mergeProps(${i.map(s=>s.expr).join(", ")}, ${l})`),`createMemo(() => createComponent(${n}, ${l}))`}function f(n,e){switch(n.kind){case"text":return JSON.stringify(n.value);case"expr":return n.reactive?`() => (${n.code})`:`(${n.code})`;case"fragment":return n.children.length===0?"null":y(n.children,e);case"component":return N(n.name,n.props,n.children,e);case"control":{let t=X[n.control]??n.control;return e.add(t),N(t,n.props,n.children,e)}case"element":{e.add("createNativeElement");let t=JSON.stringify(n.tag),r="_el$",i=[],a=n.svg?`${t}, true`:t;if(i.push(`const ${r} = createNativeElement(${a});`),n.props.length>0){e.add("spread");let o=n.svg?", isSVG: true":"";i.push(`spread({ element: ${r}, props: ${O(n.props,null,e)}${o} });`)}for(let o of n.children){e.add("insert");let l=f(o,e),s=o.kind==="expr"&&o.reactive||o.kind==="component"||o.kind==="control";i.push(s?`insert(${r}, ${l}, null);`:`insert(${r}, ${l});`)}return i.push(`return ${r};`),`(() => { ${i.join(" ")} })()`}}}var h={name:"imperative",contract:x,emit(n,e){let t=new Set;return{code:f(n,t),imports:Array.from(t)}}};import{types as c,traverse as B,template as F}from"@babel/core";import I from"@babel/generator";function S(n,e=new Set,t={}){return R(n,e,t)}var M=I.default??I;function C(n){return M(n,{concise:!0}).code}function _(n,e){let t=c.cloneNode(n,!0),r=c.file(c.program([c.expressionStatement(t)])),i=!1,a=(o,l,s)=>{for(let p of s)e.add(p);o.replaceWith(F.expression(l,{placeholderPattern:!1,plugins:["typescript"]})()),o.skip(),i=!0};return B(r,{"JSXElement|JSXFragment"(o){let l=o.node,{code:s,imports:p}=h.emit(k(l,e),{});a(o,s,p)},TaggedTemplateExpression(o){let l=o.node.tag;if(!c.isIdentifier(l)||l.name!=="html"&&l.name!=="svg")return;let s=S(o.node,e,{svg:l.name==="svg"}),{code:p,imports:m}=h.emit(s,{});a(o,p,m)}}),i?r.program.body[0].expression:n}function d(n,e){return C(_(n,e))}var H=new Set(["svg","path","circle","rect","line","polygon","polyline","ellipse","g","defs","clipPath","text"]),V=/^on[A-Z]/,G=new Set(["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup"]);function K(n){if(c.isJSXIdentifier(n)){let e=n.name[0]!==n.name[0].toLowerCase();return{tag:n.name,component:e}}return c.isJSXMemberExpression(n)?{tag:C(n),component:!0}:c.isJSXNamespacedName(n)?{tag:`${n.namespace.name}:${n.name.name}`,component:!1}:{tag:"div",component:!1}}function U(n){return c.isJSXIdentifier(n)?n.name==="class"?"className":n.name:c.isJSXNamespacedName(n)?`${n.namespace.name}:${n.name.name}`:"unknown"}function u(n){return c.isCallExpression(n)||c.isOptionalCallExpression(n)?!0:c.isMemberExpression(n)||c.isOptionalMemberExpression(n)?!(!n.computed&&c.isIdentifier(n.property,{name:"children"})):c.isConditionalExpression(n)?u(n.test)||u(n.consequent)||u(n.alternate):c.isLogicalExpression(n)||c.isBinaryExpression(n)?u(n.left)||u(n.right):c.isTemplateLiteral(n)?n.expressions.some(e=>u(e)):c.isObjectExpression(n)?n.properties.some(e=>c.isObjectProperty(e)&&!e.computed&&u(e.value)):c.isArrayExpression(n)?n.elements.some(e=>e!=null&&!c.isSpreadElement(e)&&u(e)):!1}function W(n,e){let t=U(n.name),r=V.test(t),i=r||t.startsWith("on:"),o={name:t,kind:r?"event":"attr"};r&&(o.event={name:t.slice(2).toLowerCase(),delegated:G.has(t.slice(2).toLowerCase())});let l=n.value;if(l==null)return o.literal=!0,o;if(c.isStringLiteral(l))return o.literal=l.value,o;if(c.isJSXExpressionContainer(l)&&!c.isJSXEmptyExpression(l.expression)){let s=l.expression;return c.isStringLiteral(s)||c.isNumericLiteral(s)||c.isBooleanLiteral(s)?(o.literal=s.value,o):(o.expr=d(s,e),o.reactive=i?!1:u(s),(c.isJSXElement(s)||c.isJSXFragment(s))&&(o.jsxElement=!0),o)}return o.literal=!0,o}function $(n,e){let t=n.value;return t==null?null:c.isStringLiteral(t)?JSON.stringify(t.value):c.isJSXExpressionContainer(t)&&!c.isJSXEmptyExpression(t.expression)?d(t.expression,e):null}function z(n,e){let t=[],r=[];for(let i of n){if(c.isJSXSpreadAttribute(i)){t.push({name:"",kind:"spread",expr:d(i.argument,e)});continue}if(!c.isJSXAttribute(i))continue;let a=c.isJSXNamespacedName(i.name)?i.name.namespace.name:null;if(a==="use"){let o=i.name.name.name;e.add(o);let l=$(i,e);r.push(l!=null?`[${o}, () => (${l})]`:`[${o}]`);continue}if(a==="oncapture"){let o=i.name.name.name.toLowerCase(),l=$(i,e)??"undefined";t.push({name:"on:"+o,kind:"attr",expr:`[${l}, { capture: true }]`});continue}t.push(W(i,e))}return r.length>0&&t.push({name:"use",kind:"attr",expr:`[${r.join(", ")}]`}),t}function g(n){let e=n.split(/\r\n|\n|\r/),t=0;for(let i=0;i<e.length;i++)/[^ \t]/.test(e[i])&&(t=i);let r="";for(let i=0;i<e.length;i++){let a=e[i].replace(/\t/g," ");i!==0&&(a=a.replace(/^ +/,"")),i!==e.length-1&&(a=a.replace(/ +$/,"")),a&&(i!==t&&(a+=" "),r+=a)}return r}function w(n,e){let t=[];for(let r of n)if(c.isJSXText(r)){let i=g(r.value);i&&t.push({kind:"text",value:i})}else if(c.isJSXExpressionContainer(r)){if(!c.isJSXEmptyExpression(r.expression)){let i=r.expression;t.push({kind:"expr",code:d(i,e),reactive:u(i)})}}else c.isJSXElement(r)||c.isJSXFragment(r)?t.push(k(r,e)):c.isJSXSpreadChild(r)&&t.push({kind:"expr",code:d(r.expression,e),reactive:!1});return t}function k(n,e=new Set){if(c.isJSXFragment(n))return{kind:"fragment",children:w(n.children,e)};let{tag:t,component:r}=K(n.openingElement.name),i=z(n.openingElement.attributes,e),a=w(n.children,e);return r?{kind:"component",name:t,props:i,children:a}:{kind:"element",tag:t,svg:H.has(t),props:i,children:a,static:!1}}var q=A.default??A;function Q(n){return q(n,{concise:!0}).code}var J=new Set(["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup"]);function Y(n){return n.replace(/\\/g,"\\\\").replace(/`/g,"\\`").replace(/\$\{/g,"\\${")}function P(n){return n.charAt(0).toUpperCase()+n.slice(1)}var E=class{constructor(e,t){this.holes=e;this.used=t}hole(e){return this.holes[e]??{node:v.identifier("undefined"),code:"undefined",reactive:!1}}emit(e){let{code:t,imports:r}=h.emit(e,{});for(let i of r)this.used.add(i);return t}lowerRoot(e){let t=this.lowerChildren(e);return t.length===1?t[0]:{kind:"fragment",children:t}}lowerChildren(e){let t=[];for(let r=0;r<e.length;r++){let i=e[r];if(i.kind==="Element"||i.kind==="Component"){let o=i.attributes.find(l=>l.kind==="IfDirective");if(o&&o.kind==="IfDirective"){let l=r+1;l<e.length&&this.isBlankText(e[l])&&l++;let s=e[l],p=s&&(s.kind==="Element"||s.kind==="Component")&&s.attributes.some(m=>m.kind==="ElseDirective");t.push(this.lowerIf(i,o.hole,p?s:null)),p&&(r=l);continue}if(i.attributes.some(l=>l.kind==="EachDirective")){t.push(this.lowerEach(i));continue}}let a=this.lowerNode(i);a&&t.push(a)}return t}isBlankText(e){return e.kind==="Text"&&!e.raw&&g(e.value)===""}lowerNode(e){switch(e.kind){case"Text":{if(e.raw)return{kind:"text",value:e.value};let t=g(e.value);return t?{kind:"text",value:t}:null}case"Comment":return null;case"Expression":{let t=this.hole(e.hole);return{kind:"expr",code:t.code,reactive:t.reactive}}case"Fragment":return{kind:"fragment",children:this.lowerChildren(e.children)};case"Element":return this.lowerElement(e);case"Component":return this.lowerComponent(e);default:return null}}lowerElement(e){let t=e.attributes.find(r=>r.kind==="Attribute"&&r.name==="is");if(e.tag==="component"&&t&&t.value&&t.value.kind==="hole"){let r=e.attributes.filter(a=>a!==t),i=this.lowerComponent({...e,kind:"Component",tag:"Dynamic",tagHole:null,attributes:r});return i.props.unshift({name:"component",kind:"attr",expr:`() => (${this.hole(t.value.hole).code})`}),i}return{kind:"element",tag:e.tag,svg:e.namespace==="svg",props:this.lowerAttributes(e.attributes),children:this.lowerChildren(e.children),static:!1}}lowerComponent(e){let t=e.tagHole!=null?this.hole(e.tagHole).code:e.tag,r=this.lowerAttributes(e.attributes),{slots:i,rest:a}=this.partitionSlots(e.children);for(let[o,l]of i){let s=l.length===1?l[0]:{kind:"fragment",children:l};r.push({name:o,kind:"attr",expr:this.emit(s),jsxElement:!0})}return{kind:"component",name:t,props:r,children:this.lowerChildren(a)}}partitionSlots(e){let t=new Map,r=[];for(let i of e){if(i.kind==="Element"||i.kind==="Component"){let a=i.attributes.find(o=>o.kind==="Attribute"&&o.name==="slot");if(a&&a.value&&a.value.kind==="static"){let o={...i,attributes:i.attributes.filter(p=>p!==a)},l=o.kind==="Element"?this.lowerElement(o):this.lowerComponent(o),s=t.get(a.value.value)??[];s.push(l),t.set(a.value.value,s);continue}}r.push(i)}return{slots:t,rest:r}}lowerIf(e,t,r){let i=this.hole(t),a=[{name:"when",kind:"attr",expr:i.code,reactive:i.reactive}];if(r){let l=this.stripAndLower(r,s=>s.kind==="ElseDirective");a.push({name:"fallback",kind:"attr",expr:this.emit(l),jsxElement:!0})}let o=this.stripAndLower(e,l=>l.kind==="IfDirective");return{kind:"component",name:"Show",props:a,children:[o]}}lowerEach(e){let t=e.attributes.find(s=>s.kind==="EachDirective");if(!t||t.kind!=="EachDirective")return this.lowerNode(e);let r=this.hole(t.hole),i=[{name:"each",kind:"attr",expr:r.code,reactive:r.reactive}];if(t.key){let s="static"in t.key?`(item) => item[${JSON.stringify(t.key.static)}]`:this.hole(t.key.hole).code;i.push({name:"by",kind:"attr",expr:s})}let a=this.itemArrow(e),o;if(a){let s=a.body,p={kind:"expr",code:d(s,this.used),reactive:u(s)},m=this.rebuildWithChildren(e,[p]);o=`(${a.params.map(T=>Q(T)).join(", ")}) => (${this.emit(m)})`}else{let s=this.stripAndLower(e,p=>p.kind==="EachDirective");o=`() => (${this.emit(s)})`}return{kind:"component",name:"For",props:i,children:[{kind:"expr",code:o,reactive:!1}]}}itemArrow(e){let t=e.children.filter(i=>!this.isBlankText(i));if(t.length!==1||t[0].kind!=="Expression")return null;let r=this.hole(t[0].hole).node;return v.isArrowFunctionExpression(r)&&!v.isBlockStatement(r.body)?r:null}stripAndLower(e,t){let r={...e,attributes:e.attributes.filter(i=>!t(i))};return r.kind==="Element"?this.lowerElement(r):this.lowerComponent(r)}rebuildWithChildren(e,t){let r=this.lowerAttributes(e.attributes.filter(i=>i.kind!=="EachDirective"));return e.kind==="Element"?{kind:"element",tag:e.tag,svg:e.namespace==="svg",props:r,children:t,static:!1}:{kind:"component",name:e.tag,props:r,children:t}}lowerAttributes(e){let t=[],r=[],i=!1,a=[],o=!1,l=[];for(let s of e)switch(s.kind){case"IfDirective":case"EachDirective":case"ElseDirective":break;case"Attribute":t.push(this.plainAttr(s));break;case"PropertyBinding":t.push({name:s.name,kind:"prop",expr:this.hole(s.hole).code,reactive:this.hole(s.hole).reactive});break;case"EventBinding":t.push(this.eventProp(s));break;case"RefBinding":t.push({name:"ref",kind:"ref",expr:this.hole(s.hole).code,reactive:this.hole(s.hole).reactive});break;case"Spread":t.push({name:"",kind:"spread",expr:this.hole(s.hole).code});break;case"ClassDirective":{let p=this.hole(s.hole);r.push(`${JSON.stringify(s.name)}: ${p.code}`),i=i||p.reactive;break}case"StyleDirective":{let p=this.hole(s.hole);a.push(`${JSON.stringify(s.name)}: ${p.code}`),o=o||p.reactive;break}case"BindDirective":t.push(...this.bindProps(s.name,this.hole(s.hole).code));break;case"UseDirective":{let p=s.name??(s.hole!=null?this.hole(s.hole).code:null);if(!p)break;l.push(s.name!=null&&s.hole!=null?`[${p}, () => (${this.hole(s.hole).code})]`:`[${p}]`);break}}return r.length>0&&t.push({name:"classList",kind:"attr",expr:`{ ${r.join(", ")} }`,reactive:i}),a.length>0&&t.push({name:"style",kind:"attr",expr:`{ ${a.join(", ")} }`,reactive:o}),l.length>0&&t.push({name:"use",kind:"attr",expr:`[${l.join(", ")}]`}),t}eventProp(e){let t=e.name.toLowerCase(),r=this.hole(e.hole).code;if(!(e.syntax==="colon"||e.modifiers.length>0))return{name:"on"+P(e.name),kind:"event",event:{name:t,delegated:J.has(t)},expr:r};let a=this.wrapHandler(r,e.modifiers),o=this.eventOptions(e.modifiers),l=o?`[${a}, ${o}]`:a;return{name:"on:"+t,kind:"attr",expr:l}}wrapHandler(e,t){let r=t.includes("self")?"if (e.target !== e.currentTarget) return; ":"",i=[];return t.includes("prevent")&&i.push("e.preventDefault();"),t.includes("stop")&&i.push("e.stopPropagation();"),!r&&i.length===0?e:`(e) => { ${r}${i.join(" ")} return (${e})(e); }`}eventOptions(e){let t=[];return e.includes("capture")&&t.push("capture: true"),e.includes("once")&&t.push("once: true"),e.includes("passive")&&t.push("passive: true"),t.length?`{ ${t.join(", ")} }`:null}bindProps(e,t){let r=e==="checked",i=r?"change":"input",a=r?"checked":"value",o=`(${t})`;return[{name:e,kind:"attr",expr:`${o}[0]()`,reactive:!0},{name:"on"+P(i),kind:"event",event:{name:i,delegated:J.has(i)},expr:`(e) => ${o}[1](e.target.${a})`}]}plainAttr(e){let t=e.value,r=e.name;e.name==="class"?r=t&&t.kind==="hole"&&v.isObjectExpression(this.hole(t.hole).node)?"classList":"className":e.name==="html"&&(r="innerHTML");let a={name:r,kind:"attr"};if(t==null)return a.literal=!0,a;if(t.kind==="static")return a.literal=t.value,a;if(t.kind==="hole"){let s=this.hole(t.hole);return a.expr=s.code,a.reactive=s.reactive,a}let o=!1,l=t.parts.map(s=>{if("text"in s)return Y(s.text);let p=this.hole(s.hole);return o=o||p.reactive,"${"+p.code+"}"}).join("");return a.expr="`"+l+"`",a.reactive=o,a}};function R(n,e,t={}){let r=n.quasi,i=r.expressions.map(l=>{let s=l;return{node:s,code:d(s,e),reactive:u(s)}}),a=ee(r),{root:o}=Z(a,{svg:t.svg});return new E(i,e).lowerRoot(o.children)}function ee(n){let e=[];return n.quasis.forEach((t,r)=>{let i=t.value.cooked??t.value.raw;if(e.push({kind:"static",text:i,start:t.start??0}),r<n.expressions.length){let a=n.expressions[r];e.push({kind:"hole",index:r,start:a.start??0,end:a.end??0})}}),e}export{R as lowerLitTemplate};
+import{types as w}from"@babel/core";import ne from"@babel/generator";import{parseTemplate as _e}from"@fluixi/template-parser";var se={kind:"eager"},oe=["pointerdown","focusin","keydown"],O=new Set(["eager","idle","visible","interaction","media","never"]),f=class extends Error{};function T(t){return t.startsWith("load:")}function S(t,e){let n=t.slice(5);if(!O.has(n))throw new f(`Unknown load strategy 'load:${n}'. Expected one of ${[...O].join(", ")}.`);switch(n){case"eager":return se;case"idle":return{kind:"idle"};case"never":return{kind:"never"};case"visible":return e?{kind:"visible",rootMargin:e}:{kind:"visible"};case"interaction":return{kind:"interaction",events:e?ae(e):[...oe]};case"media":if(!e)throw new f(`'load:media' needs a query, e.g. load:media="(min-width: 1024px)".`);return{kind:"media",query:e};default:throw new f(`Unhandled load strategy '${n}'.`)}}function ae(t){let e=t.split(/[\s,]+/).map(n=>n.trim()).filter(Boolean);if(e.length===0)throw new f("'load:interaction' was given no event names.");return e}var le=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]),_={className:"class",htmlFor:"for"},ce=new Set(["innerHTML","outerHTML","innerText","textContent","value","checked","selected","muted","defaultValue","defaultChecked","children","ref"]),pe=new Set(["script","style","textarea","title"]);function C(t){return pe.has(t)}function M(t){return _[t]??t}function v(t){return t.kind!=="attr"||t.expr!==void 0||t.name.includes(":")?!1:!ce.has(t.name)}function A(t){if(!t.static||C(t.tag))return!1;for(let e of t.props)if(!v(e))return!1;for(let e of t.children)if(e.kind!=="text"&&!(e.kind==="element"&&A(e)))return!1;return!0}function x(t){let e=t.props.map(de).filter(Boolean).join(""),n=`<${t.tag}${e}>`;return le.has(t.tag)?n:`${n}${t.children.map(ue).join("")}</${t.tag}>`}function ue(t){if(t.kind==="text")return fe(t.value);if(t.kind!=="element")throw new Error(`serializeStatic: unexpected ${t.kind}`);return x(t)}function de(t){let e=_[t.name]??t.name,n=t.literal;return n===!0||n===void 0?` ${e}`:n===!1||n===null?"":` ${e}="${me(String(n))}"`}function me(t){return t.replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function fe(t){return t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}var he="<!--fx-->",ge="<!--fx/-->";function y(t){return t.kind==="expr"||t.kind==="component"||t.kind==="control"}function ve(t){return t.kind==="text"||t.kind==="element"&&B(t)}function B(t){return t.svg||C(t.tag)||!t.props.every(e=>v(e))?!1:t.children.every(e=>ve(e)||y(e))}function b(t){if(y(t))return!0;let e=t.children;return e?e.some(b):!1}function H(t){for(let e=0;e<t.children.length;e++){let n=t.children[e];if(n.kind==="text"&&(n.value===""||t.children[e+1]?.kind==="text"))return!1}return t.children.every(e=>e.kind!=="element"||H(e))}function F(t){if(!B(t)||!H(t)||!t.children.some(b))return null;let e=[],n=[],r=0,i=a=>{let s=`_n$${r++}`;return e.push({ref:s,expr:a}),s};return o(t,"_el$"),{html:xe(t),tag:t.tag,steps:e,holes:n};function o(a,s){let l=-1;a.children.forEach((u,d)=>{b(u)&&(l=d)});let c=null;for(let u=0;u<=l;u++){let d=a.children[u],g=c?`${c}.nextSibling`:`${s}.firstChild`;if(y(d)){let D=i(g),j=i(`holeEnd(${D})`);n.push({parentRef:s,startRef:D,endRef:j,node:d}),c=j;continue}let N=i(g);d.kind==="element"&&b(d)&&o(d,N),c=N}}}function xe(t){return x(z(t)).split(V).join(he+ge)}function z(t){return{...t,children:t.children.map(e=>y(e)?{kind:"text",value:V}:e.kind==="element"?z(e):e)}}var V="\0fx-hole\0";var P={version:1,module:"@fluixi/dom",symbols:["createNativeElement","insert","spread","setAttribute","delegateEvents","createComponent","createMemo","untrack","Show","For","Index","Switch","Match","Dynamic","ErrorBoundary"]},Ge={version:2,module:"@fluixi/dom",symbols:[...P.symbols,"template","cloneTemplate","walk"]};var ke={show:"Show",for:"For",index:"Index",switch:"Switch",match:"Match",dynamic:"Dynamic",errorBoundary:"ErrorBoundary",suspense:"Suspense"};function Ee(t){return/^[A-Za-z_$][A-Za-z0-9_$]*$/.test(t)}function U(t){return Ee(t)?t:JSON.stringify(t)}function Re(t){return t.expr!==void 0?t.reactive?`() => (${t.expr})`:`(${t.expr})`:JSON.stringify(t.literal??!0)}function Ne(t){return t.expr!==void 0?`(${t.expr})`:JSON.stringify(t.literal??!0)}function Se(t,e,n){let r=t.filter(s=>s.kind==="spread"),o=t.filter(s=>s.kind!=="spread").map(s=>`${U(s.name)}: ${Re(s)}`);e!=null&&o.push(`children: ${e}`);let a=`{ ${o.join(", ")} }`;return r.length>0?(n.add("mergeProps"),`mergeProps(${r.map(s=>s.expr).join(", ")}, ${a})`):a}function G(t,e,n){return t.length===1?k(t[0],e,n):`[${t.map(r=>k(r,e,n)).join(", ")}]`}function W(t,e,n,r,i){r.add("createMemo"),r.add("createComponent");let o=e.filter(c=>c.kind==="spread"),s=e.filter(c=>c.kind!=="spread").map(c=>`get ${U(c.name)}() { return ${Ne(c)}; }`);n.length>0&&s.push(`get children() { return ${G(n,r,i)}; }`);let l=`{ ${s.join(", ")} }`;return o.length>0&&(r.add("mergeProps"),l=`mergeProps(${o.map(c=>c.expr).join(", ")}, ${l})`),`createMemo(() => createComponent(${t}, ${l}))`}function be(t,e){let n=M(e.name),r=e.literal;return r===!0||r===void 0?`${t}.setAttribute(${JSON.stringify(n)}, "");`:r===!1||r===null?"":`${t}.setAttribute(${JSON.stringify(n)}, ${JSON.stringify(String(r))});`}var K=!1;function k(t,e,n){switch(t.kind){case"text":return JSON.stringify(t.value);case"expr":return t.reactive?`() => (${t.code})`:`(${t.code})`;case"fragment":return t.children.length===0?"null":G(t.children,e,n);case"component":return W(t.name,t.props,t.children,e,n);case"control":{let r=ke[t.control]??t.control;return e.add(r),W(r,t.props,t.children,e,n)}case"element":{if(n&&t.static&&!t.svg&&A(t)){e.add("templateNode");let s=`_tmpl$${n.length}`;return n.push({id:s,html:x(t),tag:t.tag,svg:!1}),`templateNode(${s}, ${JSON.stringify(t.tag)})`}if(n&&K){let s=F(t);if(s){e.add("templateNode"),e.add("insert"),e.add("holeEnd"),e.add("holeContent"),e.add("holeScope");let l=`_tmpl$${n.length}`;n.push({id:l,html:s.html,tag:s.tag,svg:!1});let c=[`const _el$ = templateNode(${l}, ${JSON.stringify(s.tag)}, true);`];for(let u of s.steps)c.push(`const ${u.ref} = ${u.expr};`);for(let u of s.holes)c.push(`insert(${u.parentRef}, holeScope(${u.startRef}, () => (${k(u.node,e,n)})), ${u.endRef}, holeContent(${u.startRef}, ${u.endRef}));`);return c.push("return _el$;"),`(() => { ${c.join(" ")} })()`}}e.add("createNativeElement");let r=JSON.stringify(t.tag),i="_el$",o=[],a=t.svg?`${r}, true`:r;if(o.push(`const ${i} = createNativeElement(${a});`),t.props.length>0)if(!t.svg&&t.props.every(v))for(let s of t.props)o.push(be(i,s));else{e.add("spread");let s=t.svg?", isSVG: true":"";o.push(`spread({ element: ${i}, props: ${Se(t.props,null,e)}${s} });`)}for(let s of t.children){e.add("insert");let l=k(s,e,n),c=s.kind==="expr"&&s.reactive||s.kind==="component"||s.kind==="control";o.push(c?`insert(${i}, ${l}, null);`:`insert(${i}, ${l});`)}return o.push(`return ${i};`),`(() => { ${o.join(" ")} })()`}}}function E(t,e){if(!e||e.length===0)return t;let n=new Map(e.map(r=>[r.id,JSON.stringify(r.html)]));return t.replace(/_tmpl\$\d+/g,r=>n.get(r)??r)}var R={name:"imperative",contract:P,emit(t,e){let n=new Set,r=e?.templateClone!==!1?[]:void 0;return K=e?.partialTemplates===!0,{code:k(t,n,r),imports:Array.from(n),templates:r}}};import{types as p,traverse as $e,template as we}from"@babel/core";import Y from"@babel/generator";function ye(t){switch(t.kind){case"event":return"event";case"ref":return"ref";case"spread":return"spread";case"class":case"style":return"class-or-style-directive";case"attr":case"prop":return t.reactive?"reactive-prop":t.expr!==void 0?"expression-prop":void 0;default:return"expression-prop"}}function I(t){let e=[],n=new Map,r=i=>{switch(i.kind){case"text":return!0;case"expr":return!1;case"component":case"control":for(let o of i.children)r(o);return!1;case"fragment":for(let o of i.children)r(o);return!1;case"element":{let o=!0;for(let s of i.children)r(s)||(o=!1);let a;for(let s of i.props)if(a=ye(s),a)break;return!a&&!o&&(a=Ie(i)),i.static=!a,a?n.set(i,a):e.push(i),i.static}default:return!1}};for(let i of Array.isArray(t)?t:[t])r(i);return{staticElements:e,reasons:n}}function Ie(t){for(let e of t.children){if(e.kind==="expr")return"expression-child";if(e.kind==="component")return"component-child";if(e.kind==="control")return"control-child";if(e.kind==="element"&&!e.static||e.kind==="fragment")return"expression-child"}return"expression-child"}function q(t,e=new Set,n={}){let r=Z(t,e,n);return I(r),r}var Te=Y.default??Y;function te(t){return Te(t,{concise:!0}).code}function Ce(t,e){let n=p.cloneNode(t,!0),r=p.file(p.program([p.expressionStatement(n)])),i=!1,o=(a,s,l)=>{for(let c of l)e.add(c);a.replaceWith(we.expression(s,{placeholderPattern:!1,plugins:["typescript"]})()),a.skip(),i=!0};return $e(r,{"JSXElement|JSXFragment"(a){let s=a.node,{code:l,imports:c,templates:u}=R.emit(je(s,e),{});o(a,E(l,u),c)},TaggedTemplateExpression(a){let s=a.node.tag;if(!p.isIdentifier(s)||s.name!=="html"&&s.name!=="svg")return;let l=q(a.node,e,{svg:s.name==="svg"}),{code:c,imports:u,templates:d}=R.emit(l,{});o(a,E(c,d),u)}}),i?r.program.body[0].expression:t}function h(t,e){return te(Ce(t,e))}var Ae=new Set(["svg","path","circle","rect","line","polygon","polyline","ellipse","g","defs","clipPath","text"]),Pe=/^on[A-Z]/,Je=new Set(["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup"]);function Le(t){if(p.isJSXIdentifier(t)){let e=t.name[0]!==t.name[0].toLowerCase();return{tag:t.name,component:e}}return p.isJSXMemberExpression(t)?{tag:te(t),component:!0}:p.isJSXNamespacedName(t)?{tag:`${t.namespace.name}:${t.name.name}`,component:!1}:{tag:"div",component:!1}}function L(t){return p.isJSXIdentifier(t)?t.name==="class"?"className":t.name:p.isJSXNamespacedName(t)?`${t.namespace.name}:${t.name.name}`:"unknown"}function m(t){return p.isCallExpression(t)||p.isOptionalCallExpression(t)?!0:p.isMemberExpression(t)||p.isOptionalMemberExpression(t)?!(!t.computed&&p.isIdentifier(t.property,{name:"children"})):p.isConditionalExpression(t)?m(t.test)||m(t.consequent)||m(t.alternate):p.isLogicalExpression(t)||p.isBinaryExpression(t)?m(t.left)||m(t.right):p.isTemplateLiteral(t)?t.expressions.some(e=>m(e)):p.isObjectExpression(t)?t.properties.some(e=>p.isObjectProperty(e)&&!e.computed&&m(e.value)):p.isArrayExpression(t)?t.elements.some(e=>e!=null&&!p.isSpreadElement(e)&&m(e)):!1}function Xe(t,e){let n=L(t.name),r=Pe.test(n),i=r||n.startsWith("on:"),a={name:n,kind:r?"event":"attr"};r&&(a.event={name:n.slice(2).toLowerCase(),delegated:Je.has(n.slice(2).toLowerCase())});let s=t.value;if(s==null)return a.literal=!0,a;if(p.isStringLiteral(s))return a.literal=s.value,a;if(p.isJSXExpressionContainer(s)&&!p.isJSXEmptyExpression(s.expression)){let l=s.expression;return p.isStringLiteral(l)||p.isNumericLiteral(l)||p.isBooleanLiteral(l)?(a.literal=l.value,a):(a.expr=h(l,e),a.reactive=i?!1:m(l),(p.isJSXElement(l)||p.isJSXFragment(l))&&(a.jsxElement=!0),a)}return a.literal=!0,a}function Q(t,e){let n=t.value;return n==null?null:p.isStringLiteral(n)?JSON.stringify(n.value):p.isJSXExpressionContainer(n)&&!p.isJSXEmptyExpression(n.expression)?h(n.expression,e):null}function De(t,e){let n=[],r=[];for(let i of t){if(p.isJSXSpreadAttribute(i)){n.push({name:"",kind:"spread",expr:h(i.argument,e)});continue}if(!p.isJSXAttribute(i)||T(L(i.name)))continue;let o=p.isJSXNamespacedName(i.name)?i.name.namespace.name:null;if(o==="use"){let a=i.name.name.name;e.add(a);let s=Q(i,e);r.push(s!=null?`[${a}, () => (${s})]`:`[${a}]`);continue}if(o==="oncapture"){let a=i.name.name.name.toLowerCase(),s=Q(i,e)??"undefined";n.push({name:"on:"+a,kind:"attr",expr:`[${s}, { capture: true }]`});continue}n.push(Xe(i,e))}return r.length>0&&n.push({name:"use",kind:"attr",expr:`[${r.join(", ")}]`}),n}function $(t){let e=t.split(/\r\n|\n|\r/),n=0;for(let i=0;i<e.length;i++)/[^ \t]/.test(e[i])&&(n=i);let r="";for(let i=0;i<e.length;i++){let o=e[i].replace(/\t/g," ");i!==0&&(o=o.replace(/^ +/,"")),i!==e.length-1&&(o=o.replace(/ +$/,"")),o&&(i!==n&&(o+=" "),r+=o)}return r}function ee(t,e){let n=[];for(let r of t)if(p.isJSXText(r)){let i=$(r.value);i&&n.push({kind:"text",value:i})}else if(p.isJSXExpressionContainer(r)){if(!p.isJSXEmptyExpression(r.expression)){let i=r.expression;n.push({kind:"expr",code:h(i,e),reactive:m(i)})}}else p.isJSXElement(r)||p.isJSXFragment(r)?n.push(J(r,e)):p.isJSXSpreadChild(r)&&n.push({kind:"expr",code:h(r.expression,e),reactive:!1});return n}function je(t,e=new Set){let n=J(t,e);return I(n),n}function J(t,e){if(p.isJSXFragment(t))return{kind:"fragment",children:ee(t.children,e)};let{tag:n,component:r}=Le(t.openingElement.name),i=De(t.openingElement.attributes,e),o=ee(t.children,e);if(r){let a=Oe(t.openingElement.attributes);return{kind:"component",name:n,props:i,children:o,...a?{load:a}:{}}}return{kind:"element",tag:n,svg:Ae.has(n),props:i,children:o,static:!1}}function Oe(t){for(let e of t){if(!p.isJSXAttribute(e))continue;let n=L(e.name);if(T(n)){if(e.value&&!p.isStringLiteral(e.value))throw new f(`'${n}' needs a literal value, not an expression — the strategy is compile-time.`);return S(n,e.value?e.value.value:null)}}}var Me=ne.default??ne;function Be(t){return Me(t,{concise:!0}).code}var re=new Set(["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup"]);function He(t){return t.replace(/\\/g,"\\\\").replace(/`/g,"\\`").replace(/\$\{/g,"\\${")}function ie(t){return t.charAt(0).toUpperCase()+t.slice(1)}var X=class{constructor(e,n){this.holes=e;this.used=n}hole(e){return this.holes[e]??{node:w.identifier("undefined"),code:"undefined",reactive:!1}}emit(e){let{code:n,imports:r,templates:i}=R.emit(e,{});for(let o of r)this.used.add(o);return E(n,i)}lowerRoot(e){let n=this.lowerChildren(e);return n.length===1?n[0]:{kind:"fragment",children:n}}lowerChildren(e){let n=[];for(let r=0;r<e.length;r++){let i=e[r];if(i.kind==="Element"||i.kind==="Component"){let a=i.attributes.find(s=>s.kind==="IfDirective");if(a&&a.kind==="IfDirective"){let s=r+1;s<e.length&&this.isBlankText(e[s])&&s++;let l=e[s],c=l&&(l.kind==="Element"||l.kind==="Component")&&l.attributes.some(u=>u.kind==="ElseDirective");n.push(this.lowerIf(i,a.hole,c?l:null)),c&&(r=s);continue}if(i.attributes.some(s=>s.kind==="EachDirective")){n.push(this.lowerEach(i));continue}}let o=this.lowerNode(i);o&&n.push(o)}return n}isBlankText(e){return e.kind==="Text"&&!e.raw&&$(e.value)===""}lowerNode(e){switch(e.kind){case"Text":{if(e.raw)return{kind:"text",value:e.value};let n=$(e.value);return n?{kind:"text",value:n}:null}case"Comment":return null;case"Expression":{let n=this.hole(e.hole);return{kind:"expr",code:n.code,reactive:n.reactive}}case"Fragment":return{kind:"fragment",children:this.lowerChildren(e.children)};case"Element":return this.lowerElement(e);case"Component":return this.lowerComponent(e);default:return null}}lowerElement(e){let n=e.attributes.find(r=>r.kind==="Attribute"&&r.name==="is");if(e.tag==="component"&&n&&n.value&&n.value.kind==="hole"){let r=e.attributes.filter(o=>o!==n),i=this.lowerComponent({...e,kind:"Component",tag:"Dynamic",tagHole:null,attributes:r});return i.props.unshift({name:"component",kind:"attr",expr:`() => (${this.hole(n.value.hole).code})`}),i}return{kind:"element",tag:e.tag,svg:e.namespace==="svg",props:this.lowerAttributes(e.attributes),children:this.lowerChildren(e.children),static:!1}}lowerComponent(e){let n=e.tagHole!=null?this.hole(e.tagHole).code:e.tag,r=this.lowerAttributes(e.attributes),{slots:i,rest:o}=this.partitionSlots(e.children);for(let[l,c]of i){let u=c.length===1?c[0]:{kind:"fragment",children:c},d={name:l,kind:"attr",expr:this.emit(u),jsxElement:!0},g=r.findIndex(N=>N.name===l);g>=0?r[g]=d:r.push(d)}let a=e.attributes.find(l=>l.kind==="LoadDirective"),s=a?S(`load:${a.strategy}`,a.modifier):void 0;return{kind:"component",name:n,props:r,children:this.lowerChildren(o),...s?{load:s}:{}}}partitionSlots(e){let n=new Map,r=[];for(let i of e){if(i.kind==="Element"||i.kind==="Component"){let o=i.attributes.find(a=>a.kind==="Attribute"&&a.name==="slot");if(o&&o.value&&o.value.kind==="static"){let a={...i,attributes:i.attributes.filter(c=>c!==o)},s=a.kind==="Element"?this.lowerElement(a):this.lowerComponent(a),l=n.get(o.value.value)??[];l.push(s),n.set(o.value.value,l);continue}}r.push(i)}return{slots:n,rest:r}}lowerIf(e,n,r){let i=this.hole(n),o=[{name:"when",kind:"attr",expr:i.code,reactive:i.reactive}];if(r){let s=this.stripAndLower(r,l=>l.kind==="ElseDirective");o.push({name:"fallback",kind:"attr",expr:this.emit(s),jsxElement:!0})}let a=this.stripAndLower(e,s=>s.kind==="IfDirective");return{kind:"component",name:"Show",props:o,children:[a]}}lowerEach(e){let n=e.attributes.find(l=>l.kind==="EachDirective");if(!n||n.kind!=="EachDirective")return this.lowerNode(e);let r=this.hole(n.hole),i=[{name:"each",kind:"attr",expr:r.code,reactive:r.reactive}];if(n.key){let l="static"in n.key?`(item) => item[${JSON.stringify(n.key.static)}]`:this.hole(n.key.hole).code;i.push({name:"by",kind:"attr",expr:l})}let o=this.itemArrow(e),a;if(o){let l=o.body,c={kind:"expr",code:h(l,this.used),reactive:m(l)},u=this.rebuildWithChildren(e,[c]);a=`(${o.params.map(d=>Be(d)).join(", ")}) => (${this.emit(u)})`}else{let l=this.stripAndLower(e,c=>c.kind==="EachDirective");a=`() => (${this.emit(l)})`}return{kind:"component",name:"For",props:i,children:[{kind:"expr",code:a,reactive:!1}]}}itemArrow(e){let n=e.children.filter(i=>!this.isBlankText(i));if(n.length!==1||n[0].kind!=="Expression")return null;let r=this.hole(n[0].hole).node;return w.isArrowFunctionExpression(r)&&!w.isBlockStatement(r.body)?r:null}stripAndLower(e,n){let r={...e,attributes:e.attributes.filter(i=>!n(i))};return r.kind==="Element"?this.lowerElement(r):this.lowerComponent(r)}rebuildWithChildren(e,n){let r=this.lowerAttributes(e.attributes.filter(i=>i.kind!=="EachDirective"));return e.kind==="Element"?{kind:"element",tag:e.tag,svg:e.namespace==="svg",props:r,children:n,static:!1}:{kind:"component",name:e.tag,props:r,children:n}}lowerAttributes(e){let n=[],r=[],i=!1,o=[],a=!1,s=[];for(let l of e)switch(l.kind){case"IfDirective":case"EachDirective":case"ElseDirective":break;case"Attribute":n.push(this.plainAttr(l));break;case"PropertyBinding":n.push({name:l.name,kind:"prop",expr:this.hole(l.hole).code,reactive:this.hole(l.hole).reactive});break;case"EventBinding":n.push(this.eventProp(l));break;case"RefBinding":n.push({name:"ref",kind:"ref",expr:this.hole(l.hole).code,reactive:this.hole(l.hole).reactive});break;case"Spread":n.push({name:"",kind:"spread",expr:this.hole(l.hole).code});break;case"ClassDirective":{let c=this.hole(l.hole);r.push(`${JSON.stringify(l.name)}: ${c.code}`),i=i||c.reactive;break}case"StyleDirective":{let c=this.hole(l.hole);o.push(`${JSON.stringify(l.name)}: ${c.code}`),a=a||c.reactive;break}case"BindDirective":n.push(...this.bindProps(l.name,this.hole(l.hole).code));break;case"UseDirective":{let c=l.name??(l.hole!=null?this.hole(l.hole).code:null);if(!c)break;s.push(l.name!=null&&l.hole!=null?`[${c}, () => (${this.hole(l.hole).code})]`:`[${c}]`);break}}return r.length>0&&n.push({name:"classList",kind:"attr",expr:`{ ${r.join(", ")} }`,reactive:i}),o.length>0&&n.push({name:"style",kind:"attr",expr:`{ ${o.join(", ")} }`,reactive:a}),s.length>0&&n.push({name:"use",kind:"attr",expr:`[${s.join(", ")}]`}),n}eventProp(e){let n=e.name.toLowerCase(),r=this.hole(e.hole).code;if(!(e.syntax==="colon"||e.modifiers.length>0))return{name:"on"+ie(e.name),kind:"event",event:{name:n,delegated:re.has(n)},expr:r};let o=this.wrapHandler(r,e.modifiers),a=this.eventOptions(e.modifiers),s=a?`[${o}, ${a}]`:o;return{name:"on:"+n,kind:"attr",expr:s}}wrapHandler(e,n){let r=n.includes("self")?"if (e.target !== e.currentTarget) return; ":"",i=[];return n.includes("prevent")&&i.push("e.preventDefault();"),n.includes("stop")&&i.push("e.stopPropagation();"),!r&&i.length===0?e:`(e) => { ${r}${i.join(" ")} return (${e})(e); }`}eventOptions(e){let n=[];return e.includes("capture")&&n.push("capture: true"),e.includes("once")&&n.push("once: true"),e.includes("passive")&&n.push("passive: true"),n.length?`{ ${n.join(", ")} }`:null}bindProps(e,n){let r=e==="checked",i=r?"change":"input",o=r?"checked":"value",a=`(${n})`;return[{name:e,kind:"attr",expr:`${a}[0]()`,reactive:!0},{name:"on"+ie(i),kind:"event",event:{name:i,delegated:re.has(i)},expr:`(e) => ${a}[1](e.target.${o})`}]}plainAttr(e){let n=e.value,r=e.name;e.name==="class"?r=n&&n.kind==="hole"&&w.isObjectExpression(this.hole(n.hole).node)?"classList":"className":e.name==="html"&&(r="innerHTML");let o={name:r,kind:"attr"};if(n==null)return o.literal=!0,o;if(n.kind==="static")return o.literal=n.value,o;if(n.kind==="hole"){let l=this.hole(n.hole);return o.expr=l.code,o.reactive=l.reactive,o}let a=!1,s=n.parts.map(l=>{if("text"in l)return He(l.text);let c=this.hole(l.hole);return a=a||c.reactive,"${"+c.code+"}"}).join("");return o.expr="`"+s+"`",o.reactive=a,o}};function Z(t,e,n={}){let r=t.quasi,i=r.expressions.map(s=>{let l=s;return{node:l,code:h(l,e),reactive:m(l)}}),o=Fe(r),{root:a}=_e(o,{svg:n.svg});return new X(i,e).lowerRoot(a.children)}function Fe(t){let e=[];return t.quasis.forEach((n,r)=>{let i=n.value.cooked??n.value.raw;if(e.push({kind:"static",text:i,start:n.start??0}),r<t.expressions.length){let o=t.expressions[r];e.push({kind:"hole",index:r,start:o.start??0,end:o.end??0})}}),e}export{Z as lowerLitTemplate};