h.reach&&(h.reach=mt);var Je=M.prev;ut&&(Je=x(l,Je,ut),q+=ut.length),m(l,Je,Be);var as=new u(w,z?r.tokenize(ze,z):ze,rs,ze);if(M=x(l,Je,as),Dt&&x(l,M,Dt),Be>1){var ft={cause:w+","+j,reach:mt};d(a,l,p,M.prev,q,ft),h&&ft.reach>h.reach&&(h.reach=ft.reach)}}}}}}function k(){var a={value:null,prev:null,next:null},l={value:null,prev:a,next:null};a.next=l,this.head=a,this.tail=l,this.length=0}function x(a,l,p){var c=l.next,o={value:p,prev:l,next:c};return l.next=o,c.prev=o,a.length++,o}function m(a,l,p){for(var c=l.next,o=0;o/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern://i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/?[\da-f]{1,8};/i]};f.languages.markup.tag.inside["attr-value"].inside.entity=f.languages.markup.entity;f.languages.markup.doctype.inside["internal-subset"].inside=f.languages.markup;f.hooks.add("wrap",function(t){t.type==="entity"&&(t.attributes.title=t.content.replace(/&/,"&"))});Object.defineProperty(f.languages.markup.tag,"addInlined",{value:function(e,s){var n={};n["language-"+s]={pattern:/(^$)/i,lookbehind:!0,inside:f.languages[s]},n.cdata=/^$/i;var r={"included-cdata":{pattern://i,inside:n}};r["language-"+s]={pattern:/[\s\S]+/,inside:f.languages[s]};var u={};u[e]={pattern:RegExp(/(<__[^>]*>)(?:))*\]\]>|(?!)/.source.replace(/__/g,function(){return e}),"i"),lookbehind:!0,greedy:!0,inside:r},f.languages.insertBefore("markup","cdata",u)}});Object.defineProperty(f.languages.markup.tag,"addAttribute",{value:function(t,e){f.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+t+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[e,"language-"+e],inside:f.languages[e]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}});f.languages.html=f.languages.markup;f.languages.mathml=f.languages.markup;f.languages.svg=f.languages.markup;f.languages.xml=f.languages.extend("markup",{});f.languages.ssml=f.languages.xml;f.languages.atom=f.languages.xml;f.languages.rss=f.languages.xml;(function(t){var e=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;t.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+e.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+e.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+e.source+"$"),alias:"url"}}},selector:{pattern:RegExp(`(^|[{}\\s])[^{}\\s](?:[^{};"'\\s]|\\s+(?![\\s{])|`+e.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:e,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},t.languages.css.atrule.inside.rest=t.languages.css;var s=t.languages.markup;s&&(s.tag.addInlined("style","css"),s.tag.addAttribute("style","css"))})(f);f.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/};f.languages.javascript=f.languages.extend("clike",{"class-name":[f.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+(/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source)+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/});f.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/;f.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:f.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:f.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:f.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:f.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:f.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/});f.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:f.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}});f.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}});f.languages.markup&&(f.languages.markup.tag.addInlined("script","javascript"),f.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript"));f.languages.js=f.languages.javascript;(function(){if(typeof f>"u"||typeof document>"u")return;Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector);var t="Loading\u2026",e=function(A,y){return"\u2716 Error "+A+" while fetching file: "+y},s="\u2716 Error: File does not exist or is empty",n={js:"javascript",py:"python",rb:"ruby",ps1:"powershell",psm1:"powershell",sh:"bash",bat:"batch",h:"c",tex:"latex"},r="data-src-status",u="loading",v="loaded",d="failed",k="pre[data-src]:not(["+r+'="'+v+'"]):not(['+r+'="'+u+'"])';function x(A,y,_){var a=new XMLHttpRequest;a.open("GET",A,!0),a.onreadystatechange=function(){a.readyState==4&&(a.status<400&&a.responseText?y(a.responseText):a.status>=400?_(e(a.status,a.statusText)):_(s))},a.send(null)}function m(A){var y=/^\s*(\d+)\s*(?:(,)\s*(?:(\d+)\s*)?)?$/.exec(A||"");if(y){var _=Number(y[1]),a=y[2],l=y[3];return a?l?[_,Number(l)]:[_,void 0]:[_,_]}}f.hooks.add("before-highlightall",function(A){A.selector+=", "+k}),f.hooks.add("before-sanity-check",function(A){var y=A.element;if(y.matches(k)){A.code="",y.setAttribute(r,u);var _=y.appendChild(document.createElement("CODE"));_.textContent=t;var a=y.getAttribute("data-src"),l=A.language;if(l==="none"){var p=(/\.(\w+)$/.exec(a)||[,"none"])[1];l=n[p]||p}f.util.setLanguage(_,l),f.util.setLanguage(y,l);var c=f.plugins.autoloader;c&&c.loadLanguages(l),x(a,function(o){y.setAttribute(r,v);var h=m(y.getAttribute("data-range"));if(h){var w=o.split(/\r\n?|\n/g),g=h[0],j=h[1]==null?w.length:h[1];g<0&&(g+=w.length),g=Math.max(0,Math.min(g-1,w.length)),j<0&&(j+=w.length),j=Math.max(0,Math.min(j,w.length)),o=w.slice(g,j).join(`
+`),y.hasAttribute("data-start")||y.setAttribute("data-start",String(g+1))}_.textContent=o,f.highlightElement(_)},function(o){y.setAttribute(r,d),_.textContent=o})}}),f.plugins.fileHighlight={highlight:function(y){for(var _=(y||document).querySelectorAll(k),a=0,l;l=_[a++];)f.highlightElement(l)}};var E=!1;f.fileHighlight=function(){E||(console.warn("Prism.fileHighlight is deprecated. Use `Prism.plugins.fileHighlight.highlight` instead."),E=!0),f.plugins.fileHighlight.highlight.apply(this,arguments)}})()});var tr={};us(tr,{BUILD_ID:()=>er,TempleComponent:()=>F.TempleComponent,TempleElement:()=>F.TempleElement,TempleEmitter:()=>F.TempleEmitter,TempleException:()=>F.TempleException,TempleRegistry:()=>F.TempleRegistry,children:()=>F.children,components:()=>Qs,data:()=>F.data,emitter:()=>F.emitter,props:()=>F.props,signal:()=>F.signal});var $=T(D());var Qt=T(D()),H=T(C()),oe=class extends Qt.TempleComponent{static component=["layout","Layout_9f3ab204ce271feaf6f7"];styles(){return""}template(){(0,H.classlist)().add("relative","w-full","vh","scroll-hidden");let e=(0,H.children)(),s=e.find(m=>m.nodeName.endsWith("PANEL-MAIN")),n=e.find(m=>m.nodeName.endsWith("PANEL-HEAD")),r=e.find(m=>m.nodeName.endsWith("PANEL-FOOT")),u=e.find(m=>m.nodeName.endsWith("PANEL-LEFT")),v=e.find(m=>m.nodeName.endsWith("PANEL-RIGHT")),d={head:!!n,foot:!!r,left:!!u,right:!!v},k=new Set,x={left:!1,right:!1,change:m=>k.add(m)};return s&&H.TempleRegistry.get(s).setAttribute("show",x).setAttribute("layout",d),n&&H.TempleRegistry.get(n).setAttribute("show",x).setAttribute("layout",d),r&&H.TempleRegistry.get(r).setAttribute("show",x).setAttribute("layout",d),u&&H.TempleRegistry.get(u).setAttribute("show",x).setAttribute("layout",d),v&&H.TempleRegistry.get(v).setAttribute("show",x).setAttribute("layout",d),this.toggle=m=>{x[m]=!x[m],k.forEach(E=>E())},()=>[H.TempleRegistry.createText(`
+`,!1),...this._toNodeList(e)]}};var Me=T(D()),et=T(C()),pe=class extends Me.TempleComponent{static component=["head","Head_2bf4dff19bc88ba4138b"];styles(){return""}template(){let{layout:e,show:s}=this.element.attributes,n=(0,et.classlist)(),r=u=>{this.classList.add("absolute","top-0","right-0","h-60","transition-500"),e?.left?(this.classList.remove("left-0"),this.classList.add("left-226")):this.classList.add("left-0"),s.left?(this.classList.remove("md-left-0"),this.classList.add("md-left-226")):(this.classList.remove("md-left-226"),this.classList.add("md-left-0"))};return s.change(r),r(),()=>[Me.TempleRegistry.createText(`
+`,!1),Me.TempleRegistry.createElement("header",{class:"block w-full h-full relative"},[...this._toNodeList((0,et.children)())]).element]}};var Ne=T(D()),tt=T(C()),ce=class extends Ne.TempleComponent{static component=["left","Left_f4ab589e043eee17d229"];styles(){return""}template(){let{layout:e,show:s}=this.element.attributes,n=(0,tt.classlist)(),r=u=>{this.classList.add("w-226","absolute","bottom-0","left-0","top-0","transition-500"),s.left?(this.classList.remove("md-left--226"),this.classList.add("md-left-0")):this.classList.add("md-left--226")};return s.change(r),r(),()=>[Ne.TempleRegistry.createText(`
+`,!1),Ne.TempleRegistry.createElement("aside",{class:"block w-full h-full relative"},[...this._toNodeList((0,tt.children)())]).element]}};var Ie=T(D()),st=T(C()),de=class extends Ie.TempleComponent{static component=["right","Right_4ce97029791442c57f8d"];styles(){return""}template(){let{layout:e,show:s}=this.element.attributes,n=(0,st.classlist)(),r=u=>{this.classList.add("w-200","absolute","right-0","transition-500"),e?.foot?(this.classList.remove("bottom-0"),this.classList.add("bottom-60")):this.classList.add("bottom-0"),e?.head?(this.classList.remove("top-0"),this.classList.add("top-60")):this.classList.add("top-0"),s.right?(this.classList.remove("md-right--200"),this.classList.add("md-right-0")):this.classList.add("md-right--200")};return s.change(r),r(),()=>[Ie.TempleRegistry.createText(`
+`,!1),Ie.TempleRegistry.createElement("aside",{class:"block w-full h-full relative"},[...this._toNodeList((0,st.children)())]).element]}};var Oe=T(D()),rt=T(C()),ue=class extends Oe.TempleComponent{static component=["main","Main_847772763f4518728ede"];styles(){return""}template(){let{layout:e,show:s}=this.element.attributes,n=(0,rt.classlist)(),r=u=>{this.classList.add("absolute","transition-500"),e?.head?(this.classList.remove("top-0"),this.classList.add("top-60")):this.classList.add("top-0"),e?.foot?(this.classList.remove("bottom-0"),this.classList.add("bottom-60")):this.classList.add("bottom-0"),e?.left?(this.classList.remove("left-0"),this.classList.add("left-226")):this.classList.add("left-0"),e?.right?(this.classList.remove("right-0"),this.classList.add("right-200")):this.classList.add("right-0"),s.left?(this.classList.remove("md-left-0"),this.classList.add("md-left-226")):(this.classList.remove("md-left-226"),this.classList.add("md-left-0")),s.right?(this.classList.remove("md-right-0"),this.classList.add("md-right-200")):(this.classList.remove("md-right-200"),this.classList.add("md-right-0"))};return s.change(r),r(),()=>[Oe.TempleRegistry.createText(`
+`,!1),Oe.TempleRegistry.createElement("main",{class:"block w-full h-full relative"},[...this._toNodeList((0,rt.children)())]).element]}};var nt=T(D()),fe=T(C()),me=class extends nt.TempleComponent{static component=["alert","Alert_f0fe98801b4b833c4233"];styles(){return""}template(){let{curved:e,rounded:s,pill:n,info:r,warning:u,success:v,error:d,muted:k,primary:x,color:m,secondary:E,outline:A,transparent:y,solid:_,style:a,class:l,...p}=(0,fe.props)(),c=(0,fe.component)(),o=document.createElement("div");(0,fe.children)().forEach(w=>o.appendChild(w)),c.classList.add("block"),o.classList.add("block","p-16"),e?o.classList.add("curved"):s?o.classList.add("rounded"):n&&o.classList.add("pill");let h=A?"outline":y?"transparent":"solid";return h==="outline"||h==="transparent"?(o.classList.add("bd-solid","bd-thin"),h==="outline"&&o.classList.add("bg-white"),m?(o.style.color=m,o.style.borderColor=m):r?o.classList.add("bd-info","tx-info"):u?o.classList.add("bd-warning","tx-warning"):v?o.classList.add("bd-success","tx-success"):d?o.classList.add("bd-error","tx-error"):k?o.classList.add("bd-muted","tx-muted"):x?o.classList.add("bd-primary","tx-primary"):E&&o.classList.add("bd-secondary","tx-secondary")):(o.classList.add("tx-white"),m?o.style.backgroundColor=m:r?o.classList.add("bg-info"):u?o.classList.add("bg-warning"):v?o.classList.add("bg-success"):d?o.classList.add("bg-error"):k?o.classList.add("bg-muted"):x?o.classList.add("bg-primary"):E&&o.classList.add("bg-secondary")),()=>[nt.TempleRegistry.createText(`
+`,!1),...this._toNodeList([o])]}};var V=T(D()),ge=T(C()),he=class extends V.TempleComponent{static component=["tab","Tab_5a341768ef0a010965e3"];styles(){return""}template(){let{group:e,selector:s="",active:n="",inactive:r="",style:u,class:v,...d}=(0,ge.props)(),k=(0,ge.component)(),x=n.split(" "),m=r.split(" ");k.classList.add("cursor-pointer");let E=()=>{let y=k.hasAttribute("on");k.classList.remove(...y?m:x),k.classList.add(...y?x:m),Array.from(document.querySelectorAll(s)).forEach(_=>{_.style.display=y?"block":"none"})},A=()=>{Array.from(document.querySelectorAll(`[group="${e}"]`)).forEach(y=>{let _=y.getAttribute("selector");s===_&&!y.hasAttribute("on")?(y.setAttribute("on",""),Array.from(document.querySelectorAll(s)).forEach(a=>{a.style.display="block"}),typeof y.render=="function"&&y.render()):s!==_&&y.hasAttribute("on")&&(y.removeAttribute("on"),Array.from(document.querySelectorAll(_)).forEach(a=>{a.style.display="none"}),typeof y.render=="function"&&y.render())})};return()=>[V.TempleRegistry.createText(`
+`,!1),V.TempleRegistry.createElement("a",{...d,class:"block h-full w-full",click:A,mount:E},[V.TempleRegistry.createText(`
+ `,!1),...this._toNodeList((0,ge.children)()),V.TempleRegistry.createText(`
+`,!1)]).element]}};var $e=T(D()),it=T(C()),ye=class extends $e.TempleComponent{static component=["docs","Docs_40562a7bb56d70d971df"];styles(){return""}template(){return(0,it.classlist)().add("block","w-full","h-full","scroll-y-auto","scroll-x-hidden"),()=>[$e.TempleRegistry.createText(`
+`,!1),$e.TempleRegistry.createElement("article",{class:"block p-10 tx-t-1"},[...this._toNodeList((0,it.children)())]).element]}};var i=T(D());var L=T(D()),At=T(Et()),es=T(C()),K=class extends L.TempleComponent{static component=["code","Code_6f36bc13bb6a166c7abc"];styles(){return`:host {
display: block;
font-size: 14px;
line-height: 20px;
}
:host([inline]) {
- display: inline;
+ display: inline !important;
}
:host([inline]),
:host([inline]) > pre,
:host([inline]) > pre > code {
- display: inline;
+ display: inline !important;
}
.snippet {
background-color: #000000;
color: #ABB2BF;
+ height: 100%;
margin: 0;
+ overflow: auto;
padding: 0;
}
@@ -73,146 +85,30 @@ var TempleAPI=(()=>{var Rt=Object.create;var ve=Object.defineProperty;var Dt=Obj
.terminal {
background-color: #000000;
+ font-family: 'Courier New', Courier, monospace;
font-size: 15px;
+ height: 100%;
+ overflow: auto;
padding: 10px;
}
.terminal span {
color: #00FF00;
- }`}template(){let e=this.props,{lang:r="markup",numbers:l=!1,inline:s=!1,trim:m=!1,ltrim:h=!1,rtrim:d=!1,detab:x=0}=e,b=(0,Et.children)(),T=b[0]?.textContent||"";x&&(T=T.replace(new RegExp(`\\n {${x}}`,"g"),`
-`)),m?T=T.trim():h?T=T.replace(/^\s+/,""):d&&(T=T.replace(/\s+$/,""));let A=w=>{if(!T)return;let v=Ze.default.highlight(T,Ze.default.languages[r],r);if(w.detail.target.innerHTML=v,l){let _=v.match(/\n(?!$)/g),n=_?_.length+1:1,i=new Array(n+1).join(""),o=document.createElement("span");o.setAttribute("aria-hidden","true"),o.className="line-numbers-rows",o.innerHTML=i,w.detail.target.appendChild(o)}};return()=>[E.TempleRegistry.createElement("link",{rel:"stylesheet",href:"https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/themes/prism.min.css"}).element,E.TempleRegistry.createText(`
-`,!1),E.TempleRegistry.createElement("link",{rel:"stylesheet",href:"https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/themes/prism-tomorrow.min.css"}).element,E.TempleRegistry.createText(`
-`,!1),...r==="bash"?[E.TempleRegistry.createText(`
- `,!1),E.TempleRegistry.createElement("div",{class:"terminal"},[E.TempleRegistry.createElement("span",{},[E.TempleRegistry.createText("$",!1)]).element,E.TempleRegistry.createText(" ",!1),...this._toNodeList(b)]).element,E.TempleRegistry.createText(`
-`,!1)]:T?[,E.TempleRegistry.createText(`
- `,!1),...l?[E.TempleRegistry.createText(`
- `,!1),E.TempleRegistry.createElement("pre",{class:"snippet line-numbers"},[E.TempleRegistry.createElement("code",{mount:A},[]).element]).element,E.TempleRegistry.createText(`
- `,!1)]:[,E.TempleRegistry.createText(`
- `,!1),E.TempleRegistry.createElement("pre",{class:"snippet pad"},[E.TempleRegistry.createElement("code",{mount:A},[]).element]).element,E.TempleRegistry.createText(`
- `,!1)],E.TempleRegistry.createText(`
-`,!1)]:[]]}};var S=P($()),De=P(W()),V=class extends S.TempleComponent{static component=["app","App_05341fddbfd1fe4f273b"];styles(){return""}template(){let{title:e,panel:r}=(0,De.props)(),l=`body ${r?"panel":""}`,s=r?`height:${r}px`:"";return()=>[S.TempleRegistry.createText(`
-`,!1),S.TempleRegistry.createElement("div",{class:"window"},[S.TempleRegistry.createText(`
- `,!1),S.TempleRegistry.createElement("div",{class:"head"},[S.TempleRegistry.createText(`
- `,!1),S.TempleRegistry.createElement("span",{class:"dot"},[]).element,S.TempleRegistry.createText(`
- `,!1),S.TempleRegistry.createElement("span",{class:"dot"},[]).element,S.TempleRegistry.createText(`
- `,!1),S.TempleRegistry.createElement("span",{class:"dot"},[]).element,S.TempleRegistry.createText(`
- `,!1),S.TempleRegistry.createElement("span",{class:"title"},[...this._toNodeList(e)]).element,S.TempleRegistry.createText(`
- `,!1)]).element,S.TempleRegistry.createText(`
- `,!1),S.TempleRegistry.createElement("div",{class:l,style:s},[...this._toNodeList((0,De.children)())]).element,S.TempleRegistry.createText(`
-`,!1)]).element]}};var q=P($()),Q=P(W()),K=class extends q.TempleComponent{static component=["alert","Alert_6b81bcb0566ce7f0cd2d"];styles(){return`:host {
- --black: #222222;
- --white: #FCFCFC;
- --info: #1474FC;
- --error: #DC3545;
- --warning: #FF7B07;
- --success: #28A745;
- --muted: #999999;
- --primary: #E49F1A;
- --secondary: #DA532C;
- }
-
- /* Text Colors
- ---------------------------------*/
- .tx-white, .tx-white a {
- color: var(--info);
- }
- .tx-white, .tx-white a {
- color: var(--white);
- }
- .tx-error, .tx-error a {
- color: var(--error);
- }
- .tx-warning, .tx-warning a {
- color: var(--warning);
- }
- .tx-success, .tx-success a {
- color: var(--success);
- }
- .tx-muted, .tx-muted a {
- color: var(--muted);
- }
- .tx-primary, .tx-primary a {
- color: var(--primary);
- }
- .tx-secondary, .tx-secondary a {
- color: var(--secondary);
- }
+ }`}template(){let e=this.props,{lang:s="markup",numbers:n=!1,inline:r=!1,trim:u=!1,ltrim:v=!1,rtrim:d=!1,detab:k=0}=e,x=(0,es.children)(),m=x[0]?.textContent||"";k&&(m=m.replace(new RegExp(`\\n {${k}}`,"g"),`
+`)),u?m=m.trim():v?m=m.replace(/^\s+/,""):d&&(m=m.replace(/\s+$/,""));let E=A=>{if(!m)return;let y=At.default.highlight(m,At.default.languages[s],s);if(A.detail.target.innerHTML=y,n){let _=y.match(/\n(?!$)/g),a=_?_.length+1:1,l=new Array(a+1).join(""),p=document.createElement("span");p.setAttribute("aria-hidden","true"),p.className="line-numbers-rows",p.innerHTML=l,A.detail.target.appendChild(p)}};return()=>[L.TempleRegistry.createElement("link",{rel:"stylesheet",href:"https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/themes/prism.min.css"}).element,L.TempleRegistry.createText(`
+`,!1),L.TempleRegistry.createElement("link",{rel:"stylesheet",href:"https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/themes/prism-tomorrow.min.css"}).element,L.TempleRegistry.createText(`
+`,!1),...s==="bash"?[L.TempleRegistry.createText(`
+ `,!1),L.TempleRegistry.createElement("div",{class:"terminal"},[L.TempleRegistry.createElement("span",{},[L.TempleRegistry.createText("$",!1)]).element,L.TempleRegistry.createText(" ",!1),...this._toNodeList(x)]).element,L.TempleRegistry.createText(`
+`,!1)]:m?[,L.TempleRegistry.createText(`
+ `,!1),...n?[L.TempleRegistry.createText(`
+ `,!1),L.TempleRegistry.createElement("pre",{class:"snippet line-numbers"},[L.TempleRegistry.createElement("code",{mount:E},[]).element]).element,L.TempleRegistry.createText(`
+ `,!1)]:[,L.TempleRegistry.createText(`
+ `,!1),L.TempleRegistry.createElement("pre",{class:"snippet pad"},[L.TempleRegistry.createElement("code",{mount:E},[]).element]).element,L.TempleRegistry.createText(`
+ `,!1)],L.TempleRegistry.createText(`
+`,!1)]:[,L.TempleRegistry.createText(`
+ `,!1),L.TempleRegistry.createElement("span",{},[L.TempleRegistry.createText("????",!1)]).element,L.TempleRegistry.createText(`
+`,!1)],L.TempleRegistry.createText(`
- /* Borders
- ---------------------------------*/
- .curved {
- border-radius: 5px;
- }
- .rounded {
- border-radius:12px;
- }
- .pill {
- border-radius: 10000px;
- }
- .solid {
- border-style: solid;
- }
- .thin {
- border-width: 1px;
- }
-
- .bd-info {
- border-color: var(--info);
- }
- .bd-error {
- border-color: var(--error);
- }
- .bd-warning {
- border-color: var(--warning);
- }
- .bd-success {
- border-color: var(--success);
- }
- .bd-muted {
- border-color: var(--muted);
- }
- .bd-primary {
- border-color: var(--primary);
- }
- .bd-secondary {
- border-color: var(--secondary);
- }
-
- /* Backgrounds
- ---------------------------------*/
- .bg-white {
- background-color: var(--white);
- }
- .bg-info {
- background-color: var(--info);
- }
- .bg-error {
- background-color: var(--error);
- }
- .bg-warning {
- background-color: var(--warning);
- }
- .bg-success {
- background-color: var(--success);
- }
- .bg-muted {
- background-color: var(--muted);
- }
- .bg-primary {
- background-color: var(--primary);
- }
- .bg-secondary {
- background-color: var(--secondary);
- }
-
- /* Alert
- ---------------------------------*/
- .alert {
- padding: 16px;
- }`}template(){let{color:e,info:r,warning:l,success:s,error:m,muted:h,primary:d,secondary:x,solid:b,outline:T,curved:A,rounded:w,pill:v,style:_}=(0,Q.props)(),n={classes:["alert"],styles:""},i=T?"outline":"solid";A?n.classes.push("curved"):w?n.classes.push("rounded"):v&&n.classes.push("pill"),i==="outline"?(n.classes.push("solid","thin"),e?(n.styles+=`border-color: ${e};`,n.styles+=`color: ${e};`):r?n.classes.push("bd-info","tx-info"):l?n.classes.push("bd-warning","tx-warning"):s?n.classes.push("bd-success","tx-success"):m?n.classes.push("bd-error","tx-error"):h?n.classes.push("bd-muted","tx-muted"):d?n.classes.push("bd-primary","tx-primary"):x&&n.classes.push("bd-secondary","tx-secondary")):(n.classes.push("tx-white"),e?n.styles+=`background-color: ${e};`:r?n.classes.push("bg-info"):l?n.classes.push("bg-warning"):s?n.classes.push("bg-success"):m?n.classes.push("bg-error"):h?n.classes.push("bg-muted"):d?n.classes.push("bg-primary"):x&&n.classes.push("bg-secondary"));let o={classes:[...n.classes,(0,Q.classnames)()].join(" "),styles:{...n.styles,..._}};return()=>[q.TempleRegistry.createElement("link",{rel:"stylesheet",type:"text/css",href:"/temple/styles/fontawesome/all.css"}).element,q.TempleRegistry.createText(`
-`,!1),q.TempleRegistry.createElement("div",{class:o.classes,style:o.styles},[q.TempleRegistry.createText(`
- `,!1),...this._toNodeList((0,Q.children)()),q.TempleRegistry.createText(`
-`,!1)]).element]}};var fe=P($()),Ce=P(W()),ee=class extends fe.TempleComponent{static component=["tab","Tab_dd9d261e4f37efc3079c"];styles(){return""}template(){let{group:e,selector:r,class:l,...s}=(0,Ce.props)(),m=()=>{Array.from(document.querySelectorAll(r)).forEach(d=>{d.style.display=l.indexOf("active")>-1?"block":"none"})},h=()=>{Array.from(document.querySelectorAll(`[group="${e}"]`)).forEach(d=>{let x=d.props.selector;r===x?(d.classList.add("active"),Array.from(document.querySelectorAll(r)).forEach(b=>{b.style.display="block"})):(d.classList.remove("active"),Array.from(document.querySelectorAll(x)).forEach(b=>{b.style.display="none"}))})};return()=>[fe.TempleRegistry.createText(`
-`,!1),fe.TempleRegistry.createElement("a",{...s,click:h,mount:m},[...this._toNodeList((0,Ce.children)())]).element]}};var a=P($());var he=P(W());var ge={Asset:{type:{kind:"property",list:!1,type:["text/html","text/javascript","text/css","text/plain"],description:"The MIME type of the build file asset"},content:{kind:"property",list:!1,type:"string",description:"The source code of the build file asset."}},Path:{path:{kind:"property",list:!1,type:"string",description:"The file path",example:"'/path/to/file'"},type:{kind:"property",list:!1,type:"string",description:"The type of path.",example:"'file'"}},Config:{brand:{kind:"property",list:!1,type:"string",description:"The brand prefixed before the component tag name.",example:"'temple'"},cwd:{kind:"property",list:!1,type:"string",description:"The project's current working directory (cwd).",example:"'/path/to/project'"},fs:{kind:"property",list:!1,type:"FileSystem",description:"The file system being used to read/write files.",example:`import fs from 'fs';
+`,!1)]}};var Q=T(C());var He={Asset:{type:{kind:"property",list:!1,type:["text/html","text/javascript","text/css","text/plain"],description:"The MIME type of the build file asset"},content:{kind:"property",list:!1,type:"string",description:"The source code of the build file asset."}},Path:{path:{kind:"property",list:!1,type:"string",description:"The file path",example:"'/path/to/file'"},type:{kind:"property",list:!1,type:"string",description:"The type of path.",example:"'file'"}},Config:{brand:{kind:"property",list:!1,type:"string",description:"The brand prefixed before the component tag name.",example:"'temple'"},cwd:{kind:"property",list:!1,type:"string",description:"The project's current working directory (cwd).",example:"'/path/to/project'"},fs:{kind:"property",list:!1,type:"FileSystem",description:"The file system being used to read/write files.",example:`import fs from 'fs';
fs`},emitter:{kind:"property",list:!1,type:"EventEmitter",description:"The NodeJS EventEmitter instance being used.",example:`import EventEmitter from 'events';
@@ -305,229 +201,216 @@ refresh.sync(builder);`},router:{kind:"property",list:!1,type:"Function",descrip
app.use(router);`}},"Express Developer Tools":{refresh:{kind:"property",list:!1,type:"RefreshServer",description:"The refresh server instance used to update clients.",example:`const { refresh } = dev();
refresh.sync(builder);`},router:{kind:"property",list:!1,type:"Function",description:"Express middleware to handle developer tool routes like '/dev.js' and '/__temple_dev__'.",example:`const { router } = dev();
app.use(router);`},view:{kind:"property",list:!1,type:"Function",description:"Middleware used to setup an express view engine.",example:`const { view } = dev();
-app.engine('dtml', view(compiler));`}}};var te=class extends a.TempleComponent{static component=["ui","Ui_dcdb1ec28ab9a6dac63a"];styles(){return`:host {
- border-radius: 5px;
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+app.engine('dtml', view(compiler));`}}};var be=class extends i.TempleComponent{static component=["ui","Ui_0ec6f6ca4b362d125365"];styles(){return""}template(){(0,Q.classlist)().add("block","my-40","scroll-hidden","curved","shadow-0-0-10-0-0-0-5");let{start:e="TempleCompiler"}=(0,Q.props)(),s=(0,Q.signal)([e]),n=(0,Q.signal)(e),r=v=>{let d=v.target.getAttribute("data-type");s.value=[...s.value,d],n.value=d},u=()=>{s.value=s.value.slice(0,s.value.length-1),n.value=s.value[s.value.length-1]};return()=>[i.TempleRegistry.createText(`
+`,!1),i.TempleRegistry.createElement("h3",{class:"tx-secondary bg-t-2 tx-16 m-0 p-10"},[i.TempleRegistry.createText(`
+ `,!1),...s.value.length>1?[i.TempleRegistry.createText(`
+ `,!1),i.TempleRegistry.createElement("a",{class:"tx-t-1 cursor-pointer",click:u},[i.TempleRegistry.createText(`
+ `,!1),i.TempleRegistry.createElement("i",{class:"fas fa-arrow-left"},[]).element,i.TempleRegistry.createText(`
+ `,!1)]).element,i.TempleRegistry.createText(`
+ `,!1)]:[],i.TempleRegistry.createText(`
+ API: `,!1),...this._toNodeList(n.value),i.TempleRegistry.createText(`
+`,!1)]).element,i.TempleRegistry.createText(`
+`,!1),i.TempleRegistry.createElement("div",{class:"bg-t-0 p-10"},[i.TempleRegistry.createText(`
+ `,!1),i.TempleRegistry.createElement("div",{class:"relative mb-20 scroll-auto"},[i.TempleRegistry.createText(`
+ `,!1),i.TempleRegistry.createElement("table",{class:"w-full bd-collapse"},[i.TempleRegistry.createText(`
+ `,!1),i.TempleRegistry.createElement("thead",{},[i.TempleRegistry.createText(`
+ `,!1),i.TempleRegistry.createElement("th",{class:"p-10 tx-left tx-uppercase"},[i.TempleRegistry.createText("Property",!1)]).element,i.TempleRegistry.createText(`
+ `,!1),...n.value.includes("Emitter")?[]:[i.TempleRegistry.createText(`
+ `,!1),i.TempleRegistry.createElement("th",{class:"p-10 tx-left tx-uppercase"},[i.TempleRegistry.createText("Returns",!1)]).element,i.TempleRegistry.createText(`
+ `,!1)],i.TempleRegistry.createText(`
+ `,!1),i.TempleRegistry.createElement("th",{class:"p-10 tx-left tx-uppercase"},[i.TempleRegistry.createText("Description",!1)]).element,i.TempleRegistry.createText(`
+ `,!1)]).element,i.TempleRegistry.createText(`
+ `,!1),i.TempleRegistry.createElement("tbody",{},[i.TempleRegistry.createText(`
+ `,!1),...Object.entries(He[n.value]).map(([v,d])=>[i.TempleRegistry.createText(`
+ `,!1),i.TempleRegistry.createElement("tr",{},[i.TempleRegistry.createText(`
+ `,!1),...d.kind==="property"?[i.TempleRegistry.createText(`
+ `,!1),i.TempleRegistry.createElement("td",{class:"tx-primary tx-top tx-nowrap bd-solid bd-t-2 bdx-0 bdb-0 bdt-1 p-10"},[i.TempleRegistry.createText(`
+ `,!1),...this._toNodeList(v),i.TempleRegistry.createText(`
+ `,!1)]).element,i.TempleRegistry.createText(`
+ `,!1),...He[d.type]?[i.TempleRegistry.createText(`
+ `,!1),i.TempleRegistry.createElement("td",{class:"tx-top tx-nowrap bd-solid bd-t-2 bdx-0 bdb-0 bdt-1 p-10"},[i.TempleRegistry.createText(`
+ `,!1),i.TempleRegistry.createElement("a",{"data-type":d.type,click:r},[i.TempleRegistry.createText(`
+ `,!1),...this._toNodeList(d.type),i.TempleRegistry.createText(`
+ `,!1)]).element,...this._toNodeList(d.list?"[]":""),i.TempleRegistry.createText(`
+ `,!1)]).element,i.TempleRegistry.createText(`
+ `,!1)]:[,i.TempleRegistry.createText(`
+ `,!1),i.TempleRegistry.createElement("td",{class:"tx-top tx-nowrap bd-solid bd-t-2 bdx-0 bdb-0 bdt-1 p-10"},[i.TempleRegistry.createText(`
+ `,!1),...this._toNodeList(d.type),...this._toNodeList(d.list?"[]":""),i.TempleRegistry.createText(`
+ `,!1)]).element,i.TempleRegistry.createText(`
+ `,!1)],i.TempleRegistry.createText(`
+ `,!1)]:d.kind==="function"?[,i.TempleRegistry.createText(`
+ `,!1),i.TempleRegistry.createElement("td",{class:"tx-primary tx-top bd-solid bd-t-2 bdx-0 bdb-0 bdt-1 p-10",nowrap:!0},[i.TempleRegistry.createText(`
+ `,!1),...this._toNodeList(v),i.TempleRegistry.createText(`(
+ `,!1),...Object.entries(d.args).map(([k,x])=>[i.TempleRegistry.createText(`
+ `,!1),...k>0?[i.TempleRegistry.createText(", ",!1)]:[],i.TempleRegistry.createText(`
+ `,!1),...this._toNodeList(x.name),i.TempleRegistry.createText(`:
+ `,!1),...He[x.type]?[i.TempleRegistry.createText(`
+ `,!1),i.TempleRegistry.createElement("a",{"data-type":x.type,click:r},[i.TempleRegistry.createText(`
+ `,!1),...this._toNodeList(x.type),i.TempleRegistry.createText(`
+ `,!1)]).element,...this._toNodeList(x.list?"[]":""),i.TempleRegistry.createText(`
+ `,!1)]:[,i.TempleRegistry.createText(`
+ `,!1),...this._toNodeList(x.type),...this._toNodeList(x.list?"[]":""),i.TempleRegistry.createText(`
+ `,!1)],i.TempleRegistry.createText(`
+ `,!1)]).flat(),i.TempleRegistry.createText(`
+ )
+ `,!1)]).element,i.TempleRegistry.createText(`
+ `,!1),...He[d.returns.type]?[i.TempleRegistry.createText(`
+ `,!1),i.TempleRegistry.createElement("td",{class:"tx-top tx-nowrap bd-solid bd-t-2 bdx-0 bdb-0 bdt-1 p-10"},[i.TempleRegistry.createText(`
+ `,!1),i.TempleRegistry.createElement("a",{"data-type":d.returns.type,click:r},[i.TempleRegistry.createText(`
+ `,!1),...this._toNodeList(d.returns.type),i.TempleRegistry.createText(`
+ `,!1)]).element,...this._toNodeList(d.returns.list?"[]":""),i.TempleRegistry.createText(`
+ `,!1)]).element,i.TempleRegistry.createText(`
+ `,!1)]:[,i.TempleRegistry.createText(`
+ `,!1),i.TempleRegistry.createElement("td",{class:"tx-top tx-nowrap bd-solid bd-t-2 bdx-0 bdb-0 bdt-1 p-10"},[i.TempleRegistry.createText(`
+ `,!1),...this._toNodeList(d.returns.type),...this._toNodeList(d.returns.list?"[]":""),i.TempleRegistry.createText(`
+ `,!1)]).element,i.TempleRegistry.createText(`
+ `,!1)],i.TempleRegistry.createText(`
+ `,!1)]:d.kind==="event"?[,i.TempleRegistry.createText(`
+ `,!1),i.TempleRegistry.createElement("td",{class:"tx-primary tx-top bd-solid bd-t-2 bdx-0 bdb-0 bdt-1 p-10",nowrap:!0},[i.TempleRegistry.createText(`
+ `,!1),...this._toNodeList(`on('${v}', (event: Event) => void)`),i.TempleRegistry.createText(`
+ `,!1)]).element,i.TempleRegistry.createText(`
+ `,!1)]:[],i.TempleRegistry.createText(`
+ `,!1),i.TempleRegistry.createElement("td",{class:"tx-top tx-lh-24 bd-solid bd-t-2 bdx-0 bdb-0 bdt-1 p-10"},[i.TempleRegistry.createText(`
+ `,!1),...d.description?[i.TempleRegistry.createText(`
+ `,!1),i.TempleRegistry.createElement("p",{class:"pb-10"},[...this._toNodeList(d.description)]).element,i.TempleRegistry.createText(`
+ `,!1),...d.example?[i.TempleRegistry.createText(`
+ `,!1),i.TempleRegistry.createElement("h5",{},[i.TempleRegistry.createText("Example",!1)]).element,i.TempleRegistry.createText(`
+ `,!1),i.TempleRegistry.createComponent("api-ide-code",K,{lang:"js"},[...this._toNodeList(d.example)]).element,i.TempleRegistry.createText(`
+ `,!1)]:[],i.TempleRegistry.createText(`
+ `,!1)]:[],i.TempleRegistry.createText(`
+ `,!1)]).element,i.TempleRegistry.createText(`
+ `,!1)]).element,i.TempleRegistry.createText(`
+ `,!1)]).flat(),i.TempleRegistry.createText(`
+ `,!1)]).element,i.TempleRegistry.createText(`
+ `,!1)]).element,i.TempleRegistry.createText(`
+ `,!1)]).element,i.TempleRegistry.createText(`
+`,!1)]).element]}};var ee=T(D()),lt=T(C()),xe=class extends ee.TempleComponent{static component=["head","Head_939ecb5f22962d8c2924"];styles(){return""}template(){return(0,lt.classlist)().add("absolute","top-0","right-0","left-170","h-45","bg-t-0","z-1"),()=>[ee.TempleRegistry.createText(`
+`,!1),ee.TempleRegistry.createElement("header",{class:"w-full h-full scroll-x-auto"},[ee.TempleRegistry.createText(`
+ `,!1),...this._toNodeList((0,lt.children)()),ee.TempleRegistry.createText(`
+`,!1)]).element]}};var te=T(D()),ot=T(C()),ve=class extends te.TempleComponent{static component=["left","Left_a7102198c3628da88b4f"];styles(){return""}template(){return(0,ot.classlist)().add("absolute","top-0","bottom-0","left-0","w-170","bg-h-000000","bd-solid","bd-t-2","bdy-0","bdl-0","bdr-1","z-2"),()=>[te.TempleRegistry.createText(`
+`,!1),te.TempleRegistry.createElement("aside",{class:"w-full h-full scroll-auto"},[te.TempleRegistry.createText(`
+ `,!1),...this._toNodeList((0,ot.children)()),te.TempleRegistry.createText(`
+`,!1)]).element]}};var se=T(D()),pt=T(C()),ke=class extends se.TempleComponent{static component=["main","Main_bbd0517424ebab9de270"];styles(){return""}template(){return(0,pt.classlist)().add("absolute","top-45","right-0","left-170","bottom-0","bg-black","bd-solid","bd-t-2","bdx-0","bdb-0","bdt-1"),()=>[se.TempleRegistry.createText(`
+`,!1),se.TempleRegistry.createElement("main",{class:"w-full h-full scroll-auto"},[se.TempleRegistry.createText(`
+ `,!1),...this._toNodeList((0,pt.children)()),se.TempleRegistry.createText(`
+`,!1)]).element]}};var S=T(D()),ct=T(C()),Te=class extends S.TempleComponent{static component=["app","App_381239c61b65b86a1c20"];styles(){return""}template(){let{title:e,height:s}=(0,ct.props)(),n=s?`height:${s}px`:"";return()=>[S.TempleRegistry.createText(`
+`,!1),S.TempleRegistry.createElement("div",{class:"bd-rad-curved scroll-hidden shadow-0-0-10-0-0-0-5"},[S.TempleRegistry.createText(`
+ `,!1),S.TempleRegistry.createElement("div",{class:"relative flex flex-center-y gap-10 p-10 bg-t-1 tx-c-999999 tx-16"},[S.TempleRegistry.createText(`
+ `,!1),S.TempleRegistry.createElement("span",{class:"bg-h-999999 pill h-10 w-10"},[]).element,S.TempleRegistry.createText(`
+ `,!1),S.TempleRegistry.createElement("span",{class:"bg-h-999999 pill h-10 w-10"},[]).element,S.TempleRegistry.createText(`
+ `,!1),S.TempleRegistry.createElement("span",{class:"bg-h-999999 pill h-10 w-10"},[]).element,S.TempleRegistry.createText(`
+ `,!1),S.TempleRegistry.createElement("span",{class:"flex flex-center h-full w-full absolute top-0 left-0"},[S.TempleRegistry.createText(`
+ `,!1),...this._toNodeList(e),S.TempleRegistry.createText(`
+ `,!1)]).element,S.TempleRegistry.createText(`
+ `,!1)]).element,S.TempleRegistry.createText(`
+ `,!1),S.TempleRegistry.createElement("div",{class:"bg-black tx-t-1 relative",style:n},[...this._toNodeList((0,ct.children)())]).element,S.TempleRegistry.createText(`
+`,!1)]).element]}};var R=T(D()),Lt=T(Et()),ts=T(C()),we=class extends R.TempleComponent{static component=["code","Code_5294df1c620ef5ddbd2f"];styles(){return`:host {
display: block;
- margin: 40px 0;
- overflow: hidden;
- }
- a {
- color: #007BFF;
- cursor: pointer;
- }
- th {
- padding: 10px;
- text-align: left;
- text-transform: uppercase;
- }
- td {
- border-color: #666666;
- border-top-style: solid;
- border-top-width: 1px;
- padding: 10px;
+ font-size: 14px;
+ line-height: 20px;
}
- .tbl-container {
- position: relative;
- margin-bottom: 20px;
- overflow: auto;
+ :host([inline]) {
+ display: inline !important;
}
- .tbl {
- border-collapse: collapse;
- display: table;
- width: 100%;
+ :host([inline]),
+ :host([inline]) > pre,
+ :host([inline]) > pre > code {
+ display: inline !important;
}
-
- .tbl-scroll {
- overflow: auto;
- flex-grow: 1;
+ .snippet {
+ background-color: #000000;
+ color: #ABB2BF;
height: 100%;
- width: 100%;
- }
-
- .tbl-valign="top" nowrap {
- white-space: valign="top" nowrap;
+ margin: 0;
+ padding: 0;
}
- .tbl-z0 {
- z-index: 0;
- }
- .tbl-z1 {
- z-index: 1;
- }
- .tbl-z2 {
- z-index: 2;
- }
- .tbl-z3 {
- z-index: 3;
+ .line-numbers {
+ position: relative;
+ padding-left: 3.8em;
+ counter-reset: linenumber;
}
- .tbl-z4 {
- z-index: 4;
+ :host([inline]) .line-numbers {
+ position: static;
+ padding-left: 0;
}
- .tbl-sticky {
- position: sticky;
- }
- .tbl-sticky-b {
- bottom: 0;
- }
- .tbl-sticky-l {
- left: 0;
+ .line-numbers > code {
+ position: relative;
+ white-space: inherit;
}
- .tbl-sticky-t {
+
+ .line-numbers .line-numbers-rows {
+ position: absolute;
+ pointer-events: none;
top: 0;
- }
- .tbl-sticky-r {
- right: 0;
- }
+ font-size: 100%;
+ left: -3.8em;
+ width: 3em; /* works for line-numbers below 1000 lines */
+ letter-spacing: -1px;
+ border-right: 1px solid #999;
- .tbl-col {
- border-color: black;
- border-style: solid;
- border-top-width: 1px;
- padding-bottom: 16px;
- padding-left: 12px;
- padding-right: 12px;
- padding-top: 16px;
- }
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
- .tbl-foot {
- border-color: black;
- border-style: solid;
- border-top-width: 1px;
- padding-bottom: 16px;
- padding-left: 12px;
- padding-right: 12px;
- padding-top: 16px;
}
- .tbl-row {
- padding-bottom: 16px;
- padding-left: 12px;
- padding-right: 12px;
- padding-top: 16px;
+ :host([inline]) .line-numbers .line-numbers-rows {
+ display: none;
}
- .tbl-head {
- border-color: black;
- border-style: solid;
- border-top-width: 1px;
- padding-bottom: 16px;
- padding-left: 12px;
- padding-right: 12px;
- padding-top: 16px;
+ .line-numbers-rows > span {
+ display: block;
+ counter-increment: linenumber;
}
- tr td:first-child {
- color: #E49F1A;
+ .line-numbers-rows > span:before {
+ content: counter(linenumber);
+ color: #999;
+ display: block;
+ padding-right: 0.8em;
+ text-align: right;
+ }
+ .pad {
+ padding: 5px;
}
- h3 {
- color: #DA532C;
- background: #1A1A1A;
- border-bottom: 1px solid #29252A;
- font-size: 16px;
- margin: 0;
+ .terminal {
+ background-color: #000000;
+ font-family: 'Courier New', Courier, monospace;
+ font-size: 15px;
+ height: 100%;
padding: 10px;
}
- h5 {
- font-weight: normal;
- margin: 15px 0 5px;
- text-transform: uppercase;
- }
- td p {
- margin: 0 0 10px;
- }
- .container {
- background-color: #020202;
- padding: 10px;
- }`}template(){let{start:e="TempleCompiler"}=(0,he.props)(),r=(0,he.signal)([e]),l=(0,he.signal)(e),s=h=>{let d=h.target.getAttribute("data-type");r.value=[...r.value,d],l.value=d},m=()=>{r.value=r.value.slice(0,r.value.length-1),l.value=r.value[r.value.length-1]};return()=>[a.TempleRegistry.createElement("link",{rel:"stylesheet",type:"text/css",href:"/temple/styles/fontawesome/all.css"}).element,a.TempleRegistry.createText(`
-`,!1),a.TempleRegistry.createElement("div",{},[a.TempleRegistry.createText(`
- `,!1),a.TempleRegistry.createElement("h3",{},[a.TempleRegistry.createText(`
- `,!1),...r.value.length>1?[a.TempleRegistry.createText(`
- `,!1),a.TempleRegistry.createElement("a",{click:m},[a.TempleRegistry.createText(`
- `,!1),a.TempleRegistry.createElement("i",{class:"fas fa-arrow-left"},[]).element,a.TempleRegistry.createText(`
- `,!1)]).element,a.TempleRegistry.createText(`
- `,!1)]:[],a.TempleRegistry.createText(`
- API: `,!1),...this._toNodeList(l.value),a.TempleRegistry.createText(`
- `,!1)]).element,a.TempleRegistry.createText(`
- `,!1),a.TempleRegistry.createElement("div",{class:"container"},[a.TempleRegistry.createText(`
- `,!1),a.TempleRegistry.createElement("div",{class:"tbl-container"},[a.TempleRegistry.createText(`
- `,!1),a.TempleRegistry.createElement("table",{class:"tbl"},[a.TempleRegistry.createText(`
- `,!1),a.TempleRegistry.createElement("thead",{},[a.TempleRegistry.createText(`
- `,!1),a.TempleRegistry.createElement("th",{},[a.TempleRegistry.createText("Property",!1)]).element,a.TempleRegistry.createText(`
- `,!1),...l.value.includes("Emitter")?[]:[a.TempleRegistry.createText(`
- `,!1),a.TempleRegistry.createElement("th",{},[a.TempleRegistry.createText("Returns",!1)]).element,a.TempleRegistry.createText(`
- `,!1)],a.TempleRegistry.createText(`
- `,!1),a.TempleRegistry.createElement("th",{},[a.TempleRegistry.createText("Description",!1)]).element,a.TempleRegistry.createText(`
- `,!1)]).element,a.TempleRegistry.createText(`
- `,!1),a.TempleRegistry.createElement("tbody",{},[a.TempleRegistry.createText(`
- `,!1),...Object.entries(ge[l.value]).map(([h,d])=>[a.TempleRegistry.createText(`
- `,!1),a.TempleRegistry.createElement("tr",{},[a.TempleRegistry.createText(`
- `,!1),...d.kind==="property"?[a.TempleRegistry.createText(`
- `,!1),a.TempleRegistry.createElement("td",{valign:"top",nowrap:!0},[...this._toNodeList(h)]).element,a.TempleRegistry.createText(`
- `,!1),...ge[d.type]?[a.TempleRegistry.createText(`
- `,!1),a.TempleRegistry.createElement("td",{valign:"top",nowrap:!0},[a.TempleRegistry.createText(`
- `,!1),a.TempleRegistry.createElement("a",{"data-type":d.type,click:s},[a.TempleRegistry.createText(`
- `,!1),...this._toNodeList(d.type),a.TempleRegistry.createText(`
- `,!1)]).element,...this._toNodeList(d.list?"[]":""),a.TempleRegistry.createText(`
- `,!1)]).element,a.TempleRegistry.createText(`
- `,!1)]:[,a.TempleRegistry.createText(`
- `,!1),a.TempleRegistry.createElement("td",{valign:"top",nowrap:!0},[...this._toNodeList(d.type),...this._toNodeList(d.list?"[]":"")]).element,a.TempleRegistry.createText(`
- `,!1)],a.TempleRegistry.createText(`
- `,!1)]:d.kind==="function"?[,a.TempleRegistry.createText(`
- `,!1),a.TempleRegistry.createElement("td",{valign:"top",nowrap:!0},[a.TempleRegistry.createText(`
- `,!1),...this._toNodeList(h),a.TempleRegistry.createText(`(
- `,!1),...Object.entries(d.args).map(([x,b])=>[a.TempleRegistry.createText(`
- `,!1),...x>0?[a.TempleRegistry.createText(", ",!1)]:[],a.TempleRegistry.createText(`
- `,!1),...this._toNodeList(b.name),a.TempleRegistry.createText(`:
- `,!1),...ge[b.type]?[a.TempleRegistry.createText(`
- `,!1),a.TempleRegistry.createElement("a",{"data-type":b.type,click:s},[a.TempleRegistry.createText(`
- `,!1),...this._toNodeList(b.type),a.TempleRegistry.createText(`
- `,!1)]).element,...this._toNodeList(b.list?"[]":""),a.TempleRegistry.createText(`
- `,!1)]:[,a.TempleRegistry.createText(`
- `,!1),...this._toNodeList(b.type),...this._toNodeList(b.list?"[]":""),a.TempleRegistry.createText(`
- `,!1)],a.TempleRegistry.createText(`
- `,!1)]).flat(),a.TempleRegistry.createText(`
- )
- `,!1)]).element,a.TempleRegistry.createText(`
- `,!1),...ge[d.returns.type]?[a.TempleRegistry.createText(`
- `,!1),a.TempleRegistry.createElement("td",{valign:"top",nowrap:!0},[a.TempleRegistry.createText(`
- `,!1),a.TempleRegistry.createElement("a",{"data-type":d.returns.type,click:s},[a.TempleRegistry.createText(`
- `,!1),...this._toNodeList(d.returns.type),a.TempleRegistry.createText(`
- `,!1)]).element,...this._toNodeList(d.returns.list?"[]":""),a.TempleRegistry.createText(`
- `,!1)]).element,a.TempleRegistry.createText(`
- `,!1)]:[,a.TempleRegistry.createText(`
- `,!1),a.TempleRegistry.createElement("td",{valign:"top",nowrap:!0},[...this._toNodeList(d.returns.type),...this._toNodeList(d.returns.list?"[]":"")]).element,a.TempleRegistry.createText(`
- `,!1)],a.TempleRegistry.createText(`
- `,!1)]:d.kind==="event"?[,a.TempleRegistry.createText(`
- `,!1),a.TempleRegistry.createElement("td",{valign:"top",nowrap:!0},[...this._toNodeList(`on('${h}', (event: Event) => void)`)]).element,a.TempleRegistry.createText(`
- `,!1)]:[],a.TempleRegistry.createText(`
- `,!1),a.TempleRegistry.createElement("td",{},[a.TempleRegistry.createText(`
- `,!1),...d.description?[a.TempleRegistry.createText(`
- `,!1),a.TempleRegistry.createElement("p",{},[...this._toNodeList(d.description)]).element,a.TempleRegistry.createText(`
- `,!1),...d.example?[a.TempleRegistry.createText(`
- `,!1),a.TempleRegistry.createElement("h5",{},[a.TempleRegistry.createText("Example",!1)]).element,a.TempleRegistry.createText(`
- `,!1),a.TempleRegistry.createComponent("ide-code",H,{lang:"js"},[...this._toNodeList(d.example)]).element,a.TempleRegistry.createText(`
- `,!1)]:[],a.TempleRegistry.createText(`
- `,!1)]:[],a.TempleRegistry.createText(`
- `,!1)]).element,a.TempleRegistry.createText(`
- `,!1)]).element,a.TempleRegistry.createText(`
- `,!1)]).flat(),a.TempleRegistry.createText(`
- `,!1)]).element,a.TempleRegistry.createText(`
- `,!1)]).element,a.TempleRegistry.createText(`
- `,!1)]).element,a.TempleRegistry.createText(`
- `,!1)]).element,a.TempleRegistry.createText(`
-`,!1)]).element]}};var M=P($());var Xe=function(t,...e){let r=Ye(t);for(let l=0;l[M.TempleRegistry.createText(`
- `,!1),...r?[M.TempleRegistry.createText(`
- `,!1),M.TempleRegistry.createElement("p",{},[...this._toNodeList(T)]).element,M.TempleRegistry.createText(`
- `,!1)]:l?[,M.TempleRegistry.createText(`
- `,!1),M.TempleRegistry.createElement("li",{},[...this._toNodeList(T)]).element,M.TempleRegistry.createText(`
- `,!1)]:s?[,M.TempleRegistry.createText(`
- `,!1),M.TempleRegistry.createElement("div",{},[...this._toNodeList(T)]).element,M.TempleRegistry.createText(`
- `,!1)]:[,M.TempleRegistry.createText(`
- `,!1),...this._toNodeList(T),M.TempleRegistry.createText(`
- `,!1)]]}};var F=P($());L.emitter.once("ready",()=>{let t=document.querySelector("script[data-app]");if(!t)throw L.TempleException.for("APP_DATA not found");try{let d=atob(t.getAttribute("data-app"));window.__APP_DATA__=JSON.parse(d),Object.entries(window.__APP_DATA__).forEach(([x,b])=>{L.data.set(x,b)})}catch{throw L.TempleException.for("APP_DATA is not a valid JSON")}L.data.set("current","document");let e="/docs/getting-started.html",r=Xe("Getting Started - Temple reactive web component template engine."),l=Xe("How to install, setup and use Temple in a project."),s=d=>{document.body.classList.toggle("panel-left-open")},m="https://github.com/OSSPhilippines/temple/tree/main/examples";L.data.delete("current");let h={0:{class:"head panel-head"},1:{class:"menu fas fa-fw fa-bars",click:s},2:{href:"/temple"},3:{src:"/temple/temple-icon.png",alt:"Temple Logo"},5:{class:"tx-white",href:"/temple"},7:{class:"tx-white",href:"/temple/docs/index.html"},8:{class:"github",href:"https://github.com/OSSPhilippines/temple",target:"_blank"},9:{class:"fab fa-github"},10:{class:"npm",href:"https://www.npmjs.com/package/@ossph/temple",target:"_blank"},11:{class:"fab fa-npm text-white"},12:{class:"discord",href:"https://discord.gg/open-source-software-ph-905496362982981723",target:"_blank"},13:{class:"fab fa-discord text-white"},14:{class:"left panel-left"},16:{href:"/temple"},17:{src:"/temple/temple-icon.png",alt:"Temple Logo"},19:{class:"tx-white",href:"/temple"},20:{class:"toggle fas fa-fw fa-chevron-left",click:s},23:{href:"/temple/docs/index.html"},24:{href:"/temple/docs/getting-started.html"},26:{href:"/temple/docs/markup-syntax.html"},27:{href:"/temple/docs/state-management.html"},28:{href:"/temple/docs/component-strategy.html"},29:{href:"/temple/docs/compiler-api.html"},30:{href:"/temple/docs/client-api.html"},32:{href:"/temple/docs/template-engine.html"},33:{href:"/temple/docs/single-page.html"},34:{href:"/temple/docs/static-site.html"},35:{href:"/temple/docs/component-publisher.html"},36:{href:"/temple/docs/developer-tools.html"},37:{class:"panel-right right"},40:{href:"#http"},41:{href:"#develop"},42:{href:"#cache"},43:{href:"#tailwind"},44:{href:"#express"},45:{class:"panel-main"},46:{class:"docs container"},48:{p:!0,trim:!0},49:{title:"Terminal"},50:{lang:"bash"},51:{solid:!0,curved:!0,info:!0},52:{class:"fas fa-info-circle"},54:{target:"_blank",href:"https://marketplace.visualstudio.com/items?itemName=ossph.temple-language"},55:{p:!0,trim:!0},56:{inline:!0},57:{title:"src/index.ts"},58:{lang:"js",numbers:!0,trim:!0,detab:12},59:{p:!0,trim:!0},60:{inline:!0},61:{title:"src/page.dtml"},62:{numbers:!0,trim:!0,detab:12},63:{p:!0,trim:!0},64:{title:"Terminal"},65:{lang:"bash"},66:{name:"http"},68:{p:!0,trim:!0},69:{inline:!0},70:{solid:!0,curved:!0,info:!0},71:{class:"fas fa-info-circle"},73:{panel:410,title:"With NodeJS HTTP"},74:{class:"panel-head"},75:{class:"tabs"},76:{class:"tab active",group:"http",selector:"#index-ts"},77:{class:"tab",group:"http",selector:"#page-dtml"},78:{class:"tab",group:"http",selector:"#package-json"},79:{class:"panel-left"},80:{class:"folder"},81:{class:"fas fa-fw fa-chevron-down"},83:{class:"shift-1 block active",group:"http",selector:"#index-ts"},84:{class:"fas fa-fw fa-file"},85:{class:"shift-1 block",group:"http",selector:"#page-dtml"},86:{class:"fas fa-fw fa-file"},87:{class:"block",group:"http",selector:"#package-json"},88:{class:"fas fa-fw fa-file"},89:{class:"panel-main"},91:{id:"index-ts",lang:"js",numbers:!0,trim:!0,detab:16},92:{id:"page-dtml",style:"display:none",numbers:!0,trim:!0,detab:16},93:{id:"package-json",style:"display:none",lang:"js",numbers:!0,trim:!0,detab:16},94:{p:!0,trim:!0},95:{title:"Terminal"},96:{lang:"bash"},97:{p:!0,trim:!0},98:{lang:"js",inline:!0},99:{lang:"js",inline:!0},100:{start:"TempleOptions"},101:{p:!0,trim:!0},102:{lang:"js",inline:!0},103:{lang:"js",inline:!0},104:{start:"Render Methods"},105:{name:"develop"},107:{p:!0,trim:!0},108:{lang:"js",inline:!0},109:{title:"Terminal"},110:{lang:"bash"},111:{p:!0,trim:!0},112:{lang:"js",inline:!0},113:{lang:"js",inline:!0},114:{title:"src/index.ts"},115:{lang:"js",numbers:!0,trim:!0,detab:12},116:{p:!0,trim:!0},117:{inline:!0,lang:"js"},118:{inline:!0,lang:"js"},119:{start:"DeveloperOptions"},120:{p:!0,trim:!0},121:{start:"Developer Tools"},122:{p:!0,trim:!0},123:{lang:"js",inline:!0},124:{inline:!0},125:{title:"src/page.dtml"},126:{numbers:!0,trim:!0,detab:12},127:{p:!0,trim:!0},128:{panel:410,title:"With Developer Tools"},129:{class:"panel-head"},130:{class:"tabs"},131:{class:"tab active",group:"develop",selector:"#index-ts"},132:{class:"tab",group:"develop",selector:"#page-dtml"},133:{class:"tab",group:"develop",selector:"#package-json"},134:{class:"panel-left"},135:{class:"folder"},136:{class:"fas fa-fw fa-chevron-down"},138:{class:"shift-1 block active",group:"develop",selector:"#index-ts"},139:{class:"fas fa-fw fa-file"},140:{class:"shift-1 block",group:"develop",selector:"#page-dtml"},141:{class:"fas fa-fw fa-file"},142:{class:"block",group:"develop",selector:"#package-json"},143:{class:"fas fa-fw fa-file"},144:{class:"panel-main"},146:{id:"index-ts",lang:"js",numbers:!0,trim:!0,detab:16},147:{id:"page-dtml",style:"display:none",numbers:!0,trim:!0,detab:16},148:{id:"package-json",style:"display:none",lang:"js",numbers:!0,trim:!0,detab:16},149:{p:!0,trim:!0},150:{lang:"js",inline:!0},151:{title:"Terminal"},152:{lang:"bash"},153:{p:!0,trim:!0},154:{lang:"js",inline:!0},155:{name:"cache"},157:{p:!0,trim:!0},158:{lang:"js",inline:!0},159:{title:"src/index.ts"},160:{lang:"js",numbers:!0,trim:!0,detab:12},161:{p:!0,trim:!0},162:{lang:"js",inline:!0},163:{title:"src/index.ts"},164:{lang:"js",numbers:!0,trim:!0,detab:12},165:{p:!0,trim:!0},166:{title:"Terminal"},167:{lang:"bash"},168:{p:!0,trim:!0},169:{lang:"js",inline:!0},170:{lang:"js",inline:!0},171:{panel:400,title:"cache.ts (Internal)"},172:{lang:"js",numbers:!0,trim:!0,detab:12},173:{p:!0,trim:!0},174:{start:"EventEmitter"},175:{name:"tailwind"},177:{p:!0,trim:!0},178:{p:!0,trim:!0},179:{inline:!0},180:{solid:!0,curved:!0,warning:!0},181:{class:"fas fa-exclamation-triangle"},183:{p:!0,trim:!0},184:{inline:!0,lang:"js"},185:{title:"Terminal"},186:{lang:"bash"},187:{p:!0,trim:!0},188:{inline:!0,lang:"js"},189:{inline:!0,lang:"js"},190:{title:"src/index.ts"},191:{lang:"js",numbers:!0,trim:!0,detab:12},192:{p:!0,trim:!0},193:{inline:!0,lang:"js"},194:{inline:!0},195:{inline:!0,lang:"js"},196:{title:"src/page.dtml"},197:{numbers:!0,trim:!0,detab:12},198:{p:!0,trim:!0},199:{panel:410,title:"With TailwindCSS"},200:{class:"panel-head"},201:{class:"tabs"},202:{class:"tab active",group:"tailwind",selector:"#index-ts"},203:{class:"tab",group:"tailwind",selector:"#page-dtml"},204:{class:"tab",group:"tailwind",selector:"#package-json"},205:{class:"panel-left"},206:{class:"folder"},207:{class:"fas fa-fw fa-chevron-down"},209:{class:"shift-1 block active",group:"tailwind",selector:"#index-ts"},210:{class:"fas fa-fw fa-file"},211:{class:"shift-1 block",group:"tailwind",selector:"#page-dtml"},212:{class:"fas fa-fw fa-file"},213:{class:"block",group:"tailwind",selector:"#package-json"},214:{class:"fas fa-fw fa-file"},215:{class:"panel-main"},217:{id:"index-ts",lang:"js",numbers:!0,trim:!0,detab:16},218:{id:"page-dtml",style:"display:none",numbers:!0,trim:!0,detab:16},219:{id:"package-json",style:"display:none",lang:"js",numbers:!0,trim:!0,detab:16},220:{p:!0,trim:!0},221:{title:"Terminal"},222:{lang:"bash"},223:{p:!0,trim:!0},224:{lang:"js",inline:!0},225:{lang:"js",inline:!0},226:{name:"express"},228:{p:!0,trim:!0},229:{inline:!0,lang:"js"},230:{title:"Terminal"},231:{lang:"bash"},232:{p:!0,trim:!0},233:{inline:!0,lang:"js"},234:{inline:!0,lang:"js"},235:{inline:!0,lang:"js"},236:{inline:!0,lang:"js"},237:{start:"Express Developer Tools"},238:{p:!0,trim:!0},239:{inline:!0,lang:"js"},240:{inline:!0,lang:"js"},241:{numbers:!0,trim:!0,detab:10,lang:"js"},242:{p:!0,trim:!0},243:{inline:!0,lang:"js"},244:{numbers:!0,trim:!0,detab:10},245:{p:!0,trim:!0},246:{panel:410,title:"With ExpressJS"},247:{class:"panel-head"},248:{class:"tabs"},249:{class:"tab active",group:"express",selector:"#index-ts"},250:{class:"tab",group:"express",selector:"#page-dtml"},251:{class:"tab",group:"express",selector:"#package-json"},252:{class:"panel-left"},253:{class:"folder"},254:{class:"fas fa-fw fa-chevron-down"},256:{class:"shift-1 block active",group:"express",selector:"#index-ts"},257:{class:"fas fa-fw fa-file"},258:{class:"shift-1 block",group:"express",selector:"#page-dtml"},259:{class:"fas fa-fw fa-file"},260:{class:"block",group:"express",selector:"#package-json"},261:{class:"fas fa-fw fa-file"},262:{class:"panel-main"},264:{id:"index-ts",lang:"js",numbers:!0,trim:!0,detab:16},265:{id:"page-dtml",style:"display:none",numbers:!0,trim:!0,detab:16},266:{id:"package-json",style:"display:none",lang:"js",numbers:!0,trim:!0,detab:16},267:{p:!0,trim:!0},268:{title:"Terminal"},269:{lang:"bash"},270:{p:!0,trim:!0},271:{lang:"js",inline:!0},273:{p:!0,trim:!0},276:{target:"_blank",href:`${m}/with-fastify`},278:{target:"_blank",href:`${m}/with-hapi`},280:{target:"_blank",href:`${m}/with-koa`},282:{target:"_blank",href:`${m}/with-nest`},284:{target:"_blank",href:`${m}/with-restify`},286:{target:"_blank",href:`${m}/with-webpack`},287:{p:!0,trim:!0},290:{href:"/temple/docs/template-engine.html"},292:{href:"/temple/docs/single-page.html"},294:{href:"/temple/docs/static-site.html"},296:{href:"/temple/docs/component-publisher.html"},297:{class:"pager"},298:{class:"prev",href:"/temple/docs/index.html"},299:{class:"fas fa-fw fa-chevron-left"},300:{class:"next",href:"/temple/docs/markup-syntax.html"},301:{class:"fas fa-fw fa-chevron-right"},302:{class:"foot"}};for(let d of document.body.querySelectorAll("*")){let x=Object.fromEntries(Array.from(d.attributes).map(T=>[T.nodeName,T.nodeValue.length>0?T.nodeValue:!0])),b=String(L.TempleRegistry.elements.size);h[b]&&(Object.assign(x,h[b]),d.TempleAttributes=h[b]),L.TempleRegistry.register(d,x)}customElements.define("panel-main",Y),customElements.define("ide-code",H),customElements.define("ide-app",V),customElements.define("tui-alert",K),customElements.define("tui-tab",ee),customElements.define("api-ui",te),customElements.define("i18n-translate",re),L.emitter.emit("mounted",document.body)});var ur={PanelMain_fd7f1af6410c5b5c8e1f:Y,IdeCode_6f36bc13bb6a166c7abc:H,IdeApp_05341fddbfd1fe4f273b:V,TuiAlert_6b81bcb0566ce7f0cd2d:K,TuiTab_dd9d261e4f37efc3079c:ee,ApiUi_dcdb1ec28ab9a6dac63a:te,I18nTranslate_7d25e372f5ffb5e39dad:re},mr="a67341498153885a2fc0";return Ot(fr);})();
+ .terminal span {
+ color: #00FF00;
+ }`}template(){let e=this.props,{lang:s="markup",numbers:n=!1,inline:r=!1,trim:u=!1,ltrim:v=!1,rtrim:d=!1,detab:k=0}=e,x=(0,ts.children)(),m=x[0]?.textContent||"";k&&(m=m.replace(new RegExp(`\\n {${k}}`,"g"),`
+`)),u?m=m.trim():v?m=m.replace(/^\s+/,""):d&&(m=m.replace(/\s+$/,""));let E=A=>{if(!m)return;let y=Lt.default.highlight(m,Lt.default.languages[s],s);if(A.detail.target.innerHTML=y,n){let _=y.match(/\n(?!$)/g),a=_?_.length+1:1,l=new Array(a+1).join(""),p=document.createElement("span");p.setAttribute("aria-hidden","true"),p.className="line-numbers-rows",p.innerHTML=l,A.detail.target.appendChild(p)}};return()=>[R.TempleRegistry.createElement("link",{rel:"stylesheet",href:"https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/themes/prism.min.css"}).element,R.TempleRegistry.createText(`
+`,!1),R.TempleRegistry.createElement("link",{rel:"stylesheet",href:"https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/themes/prism-tomorrow.min.css"}).element,R.TempleRegistry.createText(`
+`,!1),...s==="bash"?[R.TempleRegistry.createText(`
+ `,!1),R.TempleRegistry.createElement("div",{class:"terminal"},[R.TempleRegistry.createElement("span",{},[R.TempleRegistry.createText("$",!1)]).element,R.TempleRegistry.createText(" ",!1),...this._toNodeList(x)]).element,R.TempleRegistry.createText(`
+`,!1)]:m?[,R.TempleRegistry.createText(`
+ `,!1),...n?[R.TempleRegistry.createText(`
+ `,!1),R.TempleRegistry.createElement("pre",{class:"snippet line-numbers"},[R.TempleRegistry.createElement("code",{mount:E},[]).element]).element,R.TempleRegistry.createText(`
+ `,!1)]:[,R.TempleRegistry.createText(`
+ `,!1),R.TempleRegistry.createElement("pre",{class:"snippet pad"},[R.TempleRegistry.createElement("code",{mount:E},[]).element]).element,R.TempleRegistry.createText(`
+ `,!1)],R.TempleRegistry.createText(`
+`,!1)]:[,R.TempleRegistry.createText(`
+ `,!1),R.TempleRegistry.createElement("span",{},[R.TempleRegistry.createText("????",!1)]).element,R.TempleRegistry.createText(`
+`,!1)],R.TempleRegistry.createText(`
+
+`,!1)]}};var O=T(D());var ss=function(t){return t};var dt=T(C()),_e=class extends O.TempleComponent{static component=["translate","Translate_0014b007fc91289b2776"];styles(){return""}template(){let{trim:e=!1,p:s=!1,li:n=!1,div:r=!1}=(0,dt.props)(),u=(0,dt.children)(),v=[],d=[];for(let E of u)typeof E=="string"?v.push(E):E instanceof Node&&E.textContent?v.push(E.textContent):(v.push("%s"),d.push(E));let k=v.join("");e&&(k=k.replace(/\s+/," ").trim());let x=ss(k).split("%s"),m=[];for(let E=0;E[O.TempleRegistry.createText(`
+ `,!1),...s?[O.TempleRegistry.createText(`
+ `,!1),O.TempleRegistry.createElement("p",{},[...this._toNodeList(m)]).element,O.TempleRegistry.createText(`
+ `,!1)]:n?[,O.TempleRegistry.createText(`
+ `,!1),O.TempleRegistry.createElement("li",{},[...this._toNodeList(m)]).element,O.TempleRegistry.createText(`
+ `,!1)]:r?[,O.TempleRegistry.createText(`
+ `,!1),O.TempleRegistry.createElement("div",{},[...this._toNodeList(m)]).element,O.TempleRegistry.createText(`
+ `,!1)]:[,O.TempleRegistry.createText(`
+ `,!1),...this._toNodeList(m),O.TempleRegistry.createText(`
+ `,!1)]]}};var Rt=function(t,...e){let s=Ks(t);for(let n=0;n{let t=document.querySelector("script[data-app]");if(!t)throw $.TempleException.for("APP_DATA not found");try{let d=atob(t.getAttribute("data-app"));window.__APP_DATA__=JSON.parse(d),Object.entries(window.__APP_DATA__).forEach(([k,x])=>{$.data.set(k,x)})}catch{throw $.TempleException.for("APP_DATA is not a valid JSON")}$.data.set("current","document");let e="/docs/getting-started.html",s=Rt("Getting Started - Temple reactive web component template engine."),n=Rt("How to install, setup and use Temple in a project."),r=()=>{document.getElementsByTagName("panel-layout")[0].toggle("left")},u="https://github.com/OSSPhilippines/temple/tree/main/examples";$.data.delete("current");let v={2:{class:"flex flex-center-y px-20 py-15 m-0 bg-t-1"},3:{class:"fas fa-fw fa-bars cursor-pointer py-5 pr-10 none md-inline-block tx-t-1",click:r},4:{class:"flex-grow"},5:{class:"flex flex-center-y"},6:{class:"tx-white",href:"/temple/docs/index.html"},7:{class:"tx-t-1 tx-5xl ml-10",href:"https://github.com/OSSPhilippines/temple",target:"_blank"},8:{class:"fab fa-github"},9:{class:"bg-h-cb3837 pill tx-t-1 tx-lg ml-5 p-5 tx-center",href:"https://www.npmjs.com/package/@ossph/temple",target:"_blank"},10:{class:"fab fa-npm text-white"},11:{class:"bg-h-7289da pill tx-t-1 tx-lg ml-5 p-5 tx-center",href:"https://discord.gg/open-source-software-ph-905496362982981723",target:"_blank"},12:{class:"fab fa-discord text-white"},14:{class:"flex flex-center-y bg-t-2 py-15 pr-5 pl-10"},15:{href:"/temple"},16:{class:"h-26 mr-10",src:"/temple/temple-icon.png",alt:"Temple Logo"},17:{class:"flex-grow m-0 tx-uppercase"},18:{class:"tx-white",href:"/temple"},19:{class:"fas fa-fw fa-chevron-left cursor-pointer none md-inline-block",click:r},20:{class:"bg-t-1 scroll-auto h-calc-full-60"},21:{class:"bt-1 bt-solid bt-t-1 tx-muted tx-14 mb-0 mt-0 pt-20 pb-10 pl-10 tx-uppercase"},22:{class:"block tx-t-1 py-10 pl-10",href:"/temple/docs/index.html"},23:{class:"block tx-t-1 py-10 pl-10 tx-bold",href:"/temple/docs/getting-started.html"},24:{class:"bt-1 bt-solid bt-t-1 tx-muted tx-14 mb-0 mt-20 pt-20 pb-10 pl-10 tx-uppercase"},25:{class:"block tx-t-1 py-10 pl-10",href:"/temple/docs/markup-syntax.html"},26:{class:"block tx-t-1 py-10 pl-10",href:"/temple/docs/state-management.html"},27:{class:"block tx-t-1 py-10 pl-10",href:"/temple/docs/component-strategy.html"},28:{class:"block tx-t-1 py-10 pl-10",href:"/temple/docs/compiler-api.html"},29:{class:"block tx-t-1 py-10 pl-10",href:"/temple/docs/client-api.html"},30:{class:"bt-1 bt-solid bt-t-1 tx-muted tx-14 mb-0 mt-20 pt-20 pb-10 pl-10 tx-uppercase"},31:{class:"block tx-t-1 py-10 pl-10",href:"/temple/docs/template-engine.html"},32:{class:"block tx-t-1 py-10 pl-10",href:"/temple/docs/single-page.html"},33:{class:"block tx-t-1 py-10 pl-10",href:"/temple/docs/static-site.html"},34:{class:"block tx-t-1 py-10 pl-10",href:"/temple/docs/component-publisher.html"},35:{class:"block tx-t-1 py-10 pl-10 mb-100",href:"/temple/docs/developer-tools.html"},37:{class:"m-0 px-10 py-20 h-calc-full-40 bg-t-2 scroll-auto"},38:{class:"tx-muted tx-14 mb-0 mt-0 pb-10 tx-uppercase"},39:{class:"tx-14 tx-lh-32"},40:{class:"block tx-t-0",href:"#http"},41:{class:"block tx-t-0",href:"#develop"},42:{class:"block tx-t-0",href:"#cache"},43:{class:"block tx-t-0",href:"#tailwind"},44:{class:"block tx-t-0",href:"#express"},47:{class:"tx-primary tx-uppercase tx-30 py-20"},48:{p:!0,trim:!0,class:"tx-lh-36 py-20"},49:{title:"Terminal",class:"py-20"},50:{lang:"bash"},51:{solid:!0,curved:!0,info:!0,class:"py-20 tx-lh-24"},52:{class:"fas fa-info-circle"},54:{target:"_blank",class:"tx-white tx-underline",href:"https://marketplace.visualstudio.com/items?itemName=ossph.temple-language"},55:{p:!0,trim:!0,class:"tx-lh-36 py-20"},56:{inline:!0},57:{title:"src/index.ts",class:"py-20"},58:{class:"scroll-auto",lang:"js",numbers:!0,trim:!0,detab:14},59:{p:!0,trim:!0,class:"tx-lh-36 py-20"},60:{inline:!0},61:{title:"src/page.dtml",class:"py-20"},62:{class:"scroll-auto",numbers:!0,trim:!0,detab:14},63:{p:!0,trim:!0,class:"tx-lh-36 py-20"},64:{title:"Terminal",class:"py-20"},65:{lang:"bash"},66:{name:"http"},67:{class:"tx-primary tx-uppercase tx-26 pt-40 pb-10 mb-20 bd-solid bd-t-1 bdb-1 bdt-0 bdx-0"},68:{p:!0,trim:!0,class:"tx-lh-36 py-20"},69:{inline:!0},70:{solid:!0,curved:!0,info:!0,class:"py-20 tx-lh-24"},71:{class:"fas fa-info-circle"},73:{height:410,title:"With NodeJS HTTP"},75:{class:"flex bd-h-333333 bd-solid bdx-0 bdt-0 bdl-1 scroll-x-auto pt-5 pl-5"},76:{on:!0,class:"relative ml-2 p-10 curve-t-sm bd-solid bd-t-1 bdx-1 bdt-1 bdb-0",active:"bg-black tx-white",inactive:"bg-t-1 tx-muted",group:"http",selector:"#http-index-ts"},77:{class:"relative ml-2 p-10 curve-t-sm bd-solid bd-t-1 bdx-1 bdt-1 bdb-0",active:"bg-black tx-white",inactive:"bg-t-1 tx-muted",group:"http",selector:"#http-page-dtml"},78:{class:"relative ml-2 p-10 curve-t-sm bd-solid bd-t-1 bdx-1 bdt-1 bdb-0",active:"bg-black tx-white",inactive:"bg-t-1 tx-muted",group:"http",selector:"#http-package-json"},80:{class:"p-5"},81:{class:"fas fa-fw fa-chevron-down"},83:{on:!0,class:"pl-15 pt-10 block",active:"tx-white",inactive:"tx-muted",group:"http",selector:"#http-index-ts"},84:{class:"fas fa-fw fa-file"},85:{class:"pl-15 pt-10 block",active:"tx-white",inactive:"tx-muted",group:"http",selector:"#http-page-dtml"},86:{class:"fas fa-fw fa-file"},87:{class:"pt-10 block",active:"tx-white",inactive:"tx-muted",group:"http",selector:"#http-package-json"},88:{class:"fas fa-fw fa-file"},90:{id:"http-index-ts",lang:"js",numbers:!0,trim:!0,detab:16},91:{id:"http-page-dtml",style:"display:none",numbers:!0,trim:!0,detab:16},92:{id:"http-package-json",style:"display:none",lang:"js",numbers:!0,trim:!0,detab:16},93:{p:!0,trim:!0,class:"tx-lh-36 py-20"},94:{title:"Terminal",class:"py-20"},95:{lang:"bash"},96:{p:!0,trim:!0,class:"tx-lh-36 py-20"},97:{lang:"js",inline:!0},98:{lang:"js",inline:!0},99:{start:"Render Methods"},100:{name:"develop"},101:{class:"tx-primary tx-uppercase tx-26 pt-40 pb-10 mb-20 bd-solid bd-t-1 bdb-1 bdt-0 bdx-0"},102:{p:!0,trim:!0,class:"tx-lh-36 py-20"},103:{lang:"js",inline:!0},104:{title:"Terminal",class:"py-20"},105:{lang:"bash"},106:{p:!0,trim:!0,class:"tx-lh-36 py-20"},107:{lang:"js",inline:!0},108:{lang:"js",inline:!0},109:{title:"src/index.ts",class:"py-20"},110:{lang:"js",numbers:!0,trim:!0,detab:14},111:{p:!0,trim:!0,class:"tx-lh-36 py-20"},112:{inline:!0,lang:"js"},113:{inline:!0,lang:"js"},114:{start:"DeveloperOptions"},115:{p:!0,trim:!0,class:"tx-lh-36 py-20"},116:{start:"Developer Tools"},117:{p:!0,trim:!0,class:"tx-lh-36 py-20"},118:{lang:"js",inline:!0},119:{inline:!0},120:{title:"src/page.dtml",class:"py-20"},121:{numbers:!0,trim:!0,detab:14},122:{p:!0,trim:!0,class:"tx-lh-36 py-20"},123:{height:410,title:"With Developer Tools",class:"py-20"},125:{class:"flex bd-h-333333 bd-solid bdx-0 bdt-0 bdl-1 scroll-x-auto pt-5 pl-5"},126:{on:!0,class:"relative ml-2 p-10 curve-t-sm bd-solid bd-t-1 bdx-1 bdt-1 bdb-0",active:"bg-black tx-white",inactive:"bg-t-1 tx-muted",group:"develop",selector:"#develop-index-ts"},127:{class:"relative ml-2 p-10 curve-t-sm bd-solid bd-t-1 bdx-1 bdt-1 bdb-0",active:"bg-black tx-white",inactive:"bg-t-1 tx-muted",group:"develop",selector:"#develop-page-dtml"},128:{class:"relative ml-2 p-10 curve-t-sm bd-solid bd-t-1 bdx-1 bdt-1 bdb-0",active:"bg-black tx-white",inactive:"bg-t-1 tx-muted",group:"develop",selector:"#develop-package-json"},130:{class:"p-5"},131:{class:"fas fa-fw fa-chevron-down"},133:{on:!0,class:"pl-15 pt-10 block",active:"tx-white",inactive:"tx-muted",group:"develop",selector:"#develop-index-ts"},134:{class:"fas fa-fw fa-file"},135:{class:"pl-15 pt-10 block",active:"tx-white",inactive:"tx-muted",group:"develop",selector:"#develop-page-dtml"},136:{class:"fas fa-fw fa-file"},137:{class:"pt-10 block",active:"tx-white",inactive:"tx-muted",group:"develop",selector:"#develop-package-json"},138:{class:"fas fa-fw fa-file"},140:{id:"develop-index-ts",lang:"js",numbers:!0,trim:!0,detab:16},141:{id:"develop-page-dtml",style:"display:none",numbers:!0,trim:!0,detab:16},142:{id:"develop-package-json",style:"display:none",lang:"js",numbers:!0,trim:!0,detab:16},143:{p:!0,trim:!0,class:"tx-lh-36 py-20"},144:{lang:"js",inline:!0},145:{title:"Terminal",class:"py-20"},146:{lang:"bash"},147:{p:!0,trim:!0,class:"tx-lh-36 py-20"},148:{lang:"js",inline:!0},149:{name:"cache"},150:{class:"tx-primary tx-uppercase tx-26 pt-40 pb-10 mb-20 bd-solid bd-t-1 bdb-1 bdt-0 bdx-0"},151:{p:!0,trim:!0,class:"tx-lh-36 py-20"},152:{lang:"js",inline:!0},153:{title:"src/index.ts",class:"py-20"},154:{lang:"js",numbers:!0,trim:!0,detab:14},155:{p:!0,trim:!0,class:"tx-lh-36 py-20"},156:{lang:"js",inline:!0},157:{title:"src/index.ts",class:"py-20"},158:{lang:"js",numbers:!0,trim:!0,detab:14},159:{p:!0,trim:!0,class:"tx-lh-36 py-20"},160:{title:"Terminal",class:"py-20"},161:{lang:"bash"},162:{p:!0,trim:!0,class:"tx-lh-36 py-20"},163:{lang:"js",inline:!0},164:{lang:"js",inline:!0},165:{height:400,title:"cache.ts (Internal)",class:"py-20"},166:{lang:"js",numbers:!0,trim:!0,detab:14},167:{p:!0,trim:!0,class:"tx-lh-36 py-20"},168:{start:"EventEmitter"},169:{name:"tailwind"},170:{class:"tx-primary tx-uppercase tx-26 pt-40 pb-10 mb-20 bd-solid bd-t-1 bdb-1 bdt-0 bdx-0"},171:{p:!0,trim:!0,class:"tx-lh-36 py-20"},172:{p:!0,trim:!0,class:"tx-lh-36 py-20"},173:{inline:!0},174:{solid:!0,curved:!0,warning:!0,class:"py-20 tx-lh-24"},175:{class:"fas fa-exclamation-triangle"},177:{p:!0,trim:!0,class:"tx-lh-36 py-20"},178:{inline:!0,lang:"js"},179:{title:"Terminal",class:"py-20"},180:{lang:"bash"},181:{p:!0,trim:!0,class:"tx-lh-36 py-20"},182:{inline:!0,lang:"js"},183:{inline:!0,lang:"js"},184:{title:"src/index.ts",class:"py-20"},185:{lang:"js",numbers:!0,trim:!0,detab:14},186:{p:!0,trim:!0,class:"tx-lh-36 py-20"},187:{inline:!0,lang:"js"},188:{inline:!0},189:{inline:!0,lang:"js"},190:{title:"src/page.dtml",class:"py-20"},191:{numbers:!0,trim:!0,detab:14},192:{p:!0,trim:!0,class:"tx-lh-36 py-20"},193:{height:410,title:"With TailwindCSS",class:"py-20"},195:{class:"flex bd-h-333333 bd-solid bdx-0 bdt-0 bdl-1 scroll-x-auto pt-5 pl-5"},196:{on:!0,class:"relative ml-2 p-10 curve-t-sm bd-solid bd-t-1 bdx-1 bdt-1 bdb-0",active:"bg-black tx-white",inactive:"bg-t-1 tx-muted",group:"tailwind",selector:"#tailwind-index-ts"},197:{class:"relative ml-2 p-10 curve-t-sm bd-solid bd-t-1 bdx-1 bdt-1 bdb-0",active:"bg-black tx-white",inactive:"bg-t-1 tx-muted",group:"tailwind",selector:"#tailwind-page-dtml"},198:{class:"relative ml-2 p-10 curve-t-sm bd-solid bd-t-1 bdx-1 bdt-1 bdb-0",active:"bg-black tx-white",inactive:"bg-t-1 tx-muted",group:"tailwind",selector:"#tailwind-package-json"},200:{class:"p-5"},201:{class:"fas fa-fw fa-chevron-down"},203:{on:!0,class:"pl-15 pt-10 block",active:"tx-white",inactive:"tx-muted",group:"tailwind",selector:"#tailwind-index-ts"},204:{class:"fas fa-fw fa-file"},205:{class:"pl-15 pt-10 block",active:"tx-white",inactive:"tx-muted",group:"tailwind",selector:"#tailwind-page-dtml"},206:{class:"fas fa-fw fa-file"},207:{class:"pt-10 block",active:"tx-white",inactive:"tx-muted",group:"tailwind",selector:"#tailwind-package-json"},208:{class:"fas fa-fw fa-file"},210:{id:"tailwind-index-ts",lang:"js",numbers:!0,trim:!0,detab:16},211:{id:"tailwind-page-dtml",style:"display:none",numbers:!0,trim:!0,detab:16},212:{id:"tailwind-package-json",style:"display:none",lang:"js",numbers:!0,trim:!0,detab:16},213:{p:!0,trim:!0,class:"tx-lh-36 py-20"},214:{title:"Terminal",class:"py-20"},215:{lang:"bash"},216:{p:!0,trim:!0,class:"tx-lh-36 py-20"},217:{lang:"js",inline:!0},218:{lang:"js",inline:!0},219:{name:"express"},220:{class:"tx-primary tx-uppercase tx-26 pt-40 pb-10 mb-20 bd-solid bd-t-1 bdb-1 bdt-0 bdx-0"},221:{p:!0,trim:!0,class:"tx-lh-36 py-20"},222:{inline:!0,lang:"js"},223:{title:"Terminal",class:"py-20"},224:{lang:"bash"},225:{p:!0,trim:!0,class:"tx-lh-36 py-20"},226:{inline:!0,lang:"js"},227:{inline:!0,lang:"js"},228:{inline:!0,lang:"js"},229:{inline:!0,lang:"js"},230:{start:"Express Developer Tools"},231:{p:!0,trim:!0,class:"tx-lh-36 py-20"},232:{inline:!0,lang:"js"},233:{inline:!0,lang:"js"},234:{numbers:!0,trim:!0,detab:12,lang:"js",class:"py-20"},235:{p:!0,trim:!0,class:"tx-lh-36 py-20"},236:{inline:!0,lang:"js"},237:{numbers:!0,trim:!0,detab:12,class:"py-20"},238:{p:!0,trim:!0,class:"tx-lh-36 py-20"},239:{height:410,title:"With ExpressJS",class:"py-20"},241:{class:"flex bd-h-333333 bd-solid bdx-0 bdt-0 bdl-1 scroll-x-auto pt-5 pl-5"},242:{on:!0,class:"relative ml-2 p-10 curve-t-sm bd-solid bd-t-1 bdx-1 bdt-1 bdb-0",active:"bg-black tx-white",inactive:"bg-t-1 tx-muted",group:"express",selector:"#express-index-ts"},243:{class:"relative ml-2 p-10 curve-t-sm bd-solid bd-t-1 bdx-1 bdt-1 bdb-0",active:"bg-black tx-white",inactive:"bg-t-1 tx-muted",group:"express",selector:"#express-page-dtml"},244:{class:"relative ml-2 p-10 curve-t-sm bd-solid bd-t-1 bdx-1 bdt-1 bdb-0",active:"bg-black tx-white",inactive:"bg-t-1 tx-muted",group:"express",selector:"#express-package-json"},246:{class:"p-5"},247:{class:"fas fa-fw fa-chevron-down"},249:{on:!0,class:"pl-15 pt-10 block",active:"tx-white",inactive:"tx-muted",group:"express",selector:"#express-index-ts"},250:{class:"fas fa-fw fa-file"},251:{class:"pl-15 pt-10 block",active:"tx-white",inactive:"tx-muted",group:"express",selector:"#express-page-dtml"},252:{class:"fas fa-fw fa-file"},253:{class:"pt-10 block",active:"tx-white",inactive:"tx-muted",group:"express",selector:"#express-package-json"},254:{class:"fas fa-fw fa-file"},256:{id:"express-index-ts",lang:"js",numbers:!0,trim:!0,detab:16},257:{id:"express-page-dtml",style:"display:none",numbers:!0,trim:!0,detab:16},258:{id:"express-package-json",style:"display:none",lang:"js",numbers:!0,trim:!0,detab:16},259:{p:!0,trim:!0,class:"tx-lh-36 py-20"},260:{title:"Terminal",class:"py-20"},261:{lang:"bash"},262:{p:!0,trim:!0,class:"tx-lh-36 py-20"},263:{lang:"js",inline:!0},264:{class:"tx-t-1 tx-uppercase tx-22 pt-40 pb-20"},265:{p:!0,trim:!0,class:"tx-lh-36 py-20"},267:{class:"py-5"},268:{class:"tx-t-1 tx-underline",target:"_blank",href:`${u}/with-fastify`},269:{class:"py-5"},270:{class:"tx-t-1 tx-underline",target:"_blank",href:`${u}/with-hapi`},271:{class:"py-5"},272:{class:"tx-t-1 tx-underline",target:"_blank",href:`${u}/with-koa`},273:{class:"py-5"},274:{class:"tx-t-1 tx-underline",target:"_blank",href:`${u}/with-nest`},275:{class:"py-5"},276:{class:"tx-t-1 tx-underline",target:"_blank",href:`${u}/with-restify`},277:{class:"py-5"},278:{class:"tx-t-1 tx-underline",target:"_blank",href:`${u}/with-webpack`},279:{p:!0,trim:!0,class:"tx-lh-36 py-10"},281:{class:"py-5"},282:{class:"tx-t-1 tx-underline",href:"/temple/docs/template-engine.html"},283:{class:"py-5"},284:{class:"tx-t-1 tx-underline",href:"/temple/docs/single-page.html"},285:{class:"py-5"},286:{class:"tx-t-1 tx-underline",href:"/temple/docs/static-site.html"},287:{class:"py-5"},288:{class:"tx-t-1 tx-underline",href:"/temple/docs/component-publisher.html"},289:{class:"flex"},290:{class:"tx-primary py-40",href:"/temple/docs/index.html"},291:{class:"fas fa-fw fa-chevron-left tx-t-1"},292:{class:"flex-grow tx-right tx-primary py-40",href:"/temple/docs/markup-syntax.html"},293:{class:"fas fa-fw fa-chevron-right tx-t-1"},294:{class:"foot"}};for(let d of document.body.querySelectorAll("*")){let k=Object.fromEntries(Array.from(d.attributes).map(m=>[m.nodeName,m.nodeValue.length>0?m.nodeValue:!0])),x=String($.TempleRegistry.elements.size);v[x]&&(Object.assign(k,v[x]),d.TempleAttributes=v[x]),$.TempleRegistry.register(d,k)}customElements.define("panel-layout",oe),customElements.define("panel-head",pe),customElements.define("panel-left",ce),customElements.define("panel-right",de),customElements.define("panel-main",ue),customElements.define("tui-alert",me),customElements.define("tui-tab",he),customElements.define("api-docs",ye),customElements.define("api-ui",be),customElements.define("app-head",xe),customElements.define("app-left",ve),customElements.define("app-main",ke),customElements.define("ide-app",Te),customElements.define("ide-code",we),customElements.define("i18n-translate",_e),$.emitter.emit("mounted",document.body)});var Qs={PanelLayout_9f3ab204ce271feaf6f7:oe,PanelHead_2bf4dff19bc88ba4138b:pe,PanelLeft_f4ab589e043eee17d229:ce,PanelRight_4ce97029791442c57f8d:de,PanelMain_847772763f4518728ede:ue,TuiAlert_f0fe98801b4b833c4233:me,TuiTab_5a341768ef0a010965e3:he,ApiDocs_40562a7bb56d70d971df:ye,ApiUi_0ec6f6ca4b362d125365:be,ApiIdeCode_6f36bc13bb6a166c7abc:K,AppHead_939ecb5f22962d8c2924:xe,AppLeft_a7102198c3628da88b4f:ve,AppMain_bbd0517424ebab9de270:ke,IdeApp_381239c61b65b86a1c20:Te,IdeCode_5294df1c620ef5ddbd2f:we,I18nTranslate_0014b007fc91289b2776:_e},er="a67341498153885a2fc0";return ms(tr);})();
/*! Bundled license information:
prismjs/prism.js:
diff --git a/docs/build/client/f01cefc94e8ee605f3f5.css b/docs/build/client/f01cefc94e8ee605f3f5.css
index 9fa6e05..cab810b 100644
--- a/docs/build/client/f01cefc94e8ee605f3f5.css
+++ b/docs/build/client/f01cefc94e8ee605f3f5.css
@@ -1,165 +1,247 @@
-body {
- font-family: Arial, Helvetica, sans-serif;
- }
- h1, h2, h3, h4, h5, h6, p {
- margin: 0;
- padding: 0;
- }
- a, a:link, a:hover, a:active, a:visited {
- color: var(--fg-primary);
- text-decoration: none;
- }
- p, li {
- font-size: 20px;
- line-height: 36px;
- }
- .fab, .fas, .fa {
- line-height: 16px;
- }
- .section-hero {
- background-color: var(--bg-first);
- padding: 40px 0;
- text-align: center;
- width: 100%;
- }
- .section-hero img {
- height: 100px;
- }
- .section-hero h1 {
- font-size: 40px;
- }
- .section-hero p {
- font-size: 30px;
- padding: 30px 0;
- }
- .section-sample {
- margin: auto;
- max-width: 960px;
- padding: 0 20px;
- }
- .section-sample p {
- padding: 20px;
- text-align: center;
- }
+html, body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+}
- .section-bullets {
- background-color: var(--bg-first);
- margin: auto;
- padding: 40px 20px;
- text-align: center;
- }
- .section-bullets ul {
- align-items: center;
- display: flex;
- justify-content: center;
- list-style: none;
- padding: 0;
- text-align: center;
- }
- .section-bullets li {
- width: calc(33.33%-20px);
- margin: 10px;
- max-width: 300px;
- }
- .section-bullets li h3 {
- margin-bottom: 20px;
- text-transform: uppercase;
- }
- .section-bullets li p {
- font-size: 16px;
- line-height: 26px;
- }
+h1, h2, h3, h4, h5, h6, p {
+ margin: 0;
+ padding: 0;
+}
- .section-interactive {
- margin: auto;
- max-width: 960px;
- padding: 40px 20px;
- }
- .section-interactive h3 {
- margin-top: 40px;
- margin-bottom: 20px;
- text-align: center;
- text-transform: uppercase;
- }
- .section-interactive p {
- font-size: 16px;
- line-height: 26px;
- margin-bottom: 20px;
- text-align: center;
- }
+a {
+ text-decoration: none;
+}
+ html-head:not(:defined) { opacity: 0; }
+html-header:not(:defined) { opacity: 0; }
+panel-layout:not(:defined) { opacity: 0; }
+panel-head:not(:defined) { opacity: 0; }
+panel-main:not(:defined) { opacity: 0; }
+tui-button:not(:defined) { opacity: 0; }
+ide-app:not(:defined) { opacity: 0; }
+ide-code:not(:defined) { opacity: 0; }
+ide-preview:not(:defined) { opacity: 0; }
+i18n-translate:not(:defined) { opacity: 0; }
+tweet-box:not(:defined) { opacity: 0; }
+ :root {
+ --black: #000000;
+ --white: #FFFFFF;
+ --info: #1474FC;
+ --error: #DC3545;
+ --warning: #FF7B07;
+ --success: #28A745;
+ --muted: #999999;
+}
- .section-servers {
- background-color: #CCCCCC;
- margin: auto;
- padding: 40px 20px;
- text-align: center;
- }
- .section-servers h3 {
- color: #242424;
- font-size: 30px;
- text-transform: uppercase;
- }
- .section-servers div {
- align-items: center;
- display: flex;
- flex-wrap: wrap;
- justify-content: center;
- margin: 40px auto 0;
- max-width: 960px;
- }
- .section-servers a {
- display: block;
- flex-basis: 33%;
- margin-bottom: 20px;
- }
- .section-servers img {
- height: 60px;
- }
+.light {
+ --bg-0: #EFEFEF;
+ --bg-1: #CFCFCF;
+ --bg-2: #AFAFAF;
+ --bg-3: #8F8F8F;
+ --bg-4: #6F6F6F;
+ --bd-0: #EFEFEF;
+ --bd-1: #CFCFCF;
+ --bd-2: #AFAFAF;
+ --bd-3: #8F8F8F;
+ --bd-4: #6F6F6F;
+ --bg-inverse: #242424;
+ --tx-0: #000000;
+ --tx-1: #242424;
+ --tx-inverse: #CFCFCF;
+}
- .section-testimonials {
- background-color: var(--bg-first);
- margin: auto;
- padding: 40px 20px;
- }
- .section-testimonials h3 {
- font-size: 26px;
- text-align: center;
- }
- .section-testimonials > section {
- display: flex;
- flex-wrap: wrap;
- }
- .section-testimonials tweet-box {
- flex-basis: 33%;
- }
-
- .section-action {
- margin: auto;
- padding: 40px 20px;
- text-align: center;
- }
- .section-action h3 {
- font-size: 26px;
- margin-bottom: 20px;
- }
-
- @media (max-width: 960px) {
- .section-testimonials tweet-box {
- flex-basis: 50%;
- }
- }
-
- @media (max-width: 767px) {
- .section-bullets ul {
- display: block;
- }
- .section-bullets li {
- margin: 10px auto 40px;
- }
- .section-servers div {
- display: block;
- }
- .section-testimonials tweet-box {
- flex-basis: 100%;
- }
- }
\ No newline at end of file
+.dark {
+ --bg-0: #121212;
+ --bg-1: #222222;
+ --bg-2: #323232;
+ --bg-3: #424242;
+ --bg-4: #525252;
+ --bd-0: #121212;
+ --bd-1: #222222;
+ --bd-2: #323232;
+ --bd-3: #424242;
+ --bd-4: #525252;
+ --bg-inverse: #DBDBDB;
+ --tx-0: #FFFFFF;
+ --tx-1: #CFCFCF;
+ --tx-inverse: #222222;
+}
+ html-head { display: block; }
+html-header { display: block; }
+panel-layout { display: block; }
+panel-head { display: block; }
+panel-main { display: block; }
+tui-button { display: block; }
+ide-app { display: block; }
+ide-code { display: block; }
+ide-preview { display: block; }
+i18n-translate { display: block; }
+tweet-box { display: block; }
+ .arial { font-family: Arial, sans-serif; }
+.none { display: none; }
+.block { display: block; }
+.flex { display: flex; }
+.inline { display: inline; }
+.inline-block { display: inline-block; }
+.transparent { opacity: 0; }
+.relative { position: relative; }
+.absolute { position: absolute; }
+.static { position: static; }
+.bottom-0 { bottom: 0px; }
+.bottom-60 { bottom: 60px; }
+.left-0 { left: 0px; }
+.left-226 { left: 226px; }
+.left-0 { left: 0px; }
+.left-226 { left: 226px; }
+.right-0 { right: 0px; }
+.right-200 { right: 200px; }
+.right-0 { right: 0px; }
+.right-200 { right: 200px; }
+.top-0 { top: 0px; }
+.top-60 { top: 60px; }
+.flex-grow { flex-grow: 1; }
+.flex-center { align-items: center; justify-content: center; }
+.flex-center-y { align-items: center; }
+.flex-wrap { flex-wrap: wrap; }
+.basis-half { flex-basis: 50%; }
+.basis-third { flex-basis: 33.33%; }
+.gap-10 { gap: 10px; }
+.scroll-auto { overflow: auto; }
+.scroll-hidden { overflow: hidden; }
+.h-full { height: 100%; }
+.h-26 { height: 26px; }
+.h-7289 { height: 7289px; }
+.h-905496362982981723 { height: 905496362982981723px; }
+.h-60 { height: 60px; }
+.h-999999 { height: 999999px; }
+.h-10 { height: 10px; }
+.h-100 { height: 100px; }
+.h-36 { height: 36px; }
+.h-24 { height: 24px; }
+.h-242424 { height: 242424px; }
+.vh { height: 100vh; }
+.w-full { width: 100%; }
+.w-third { width: 33.33%; }
+.w-0 { width: 0px; }
+.w-10 { width: 10px; }
+.wm-960 { max-width: 960px; }
+.wm-300 { max-width: 300px; }
+.wm-400 { max-width: 400px; }
+.bg-primary { background-color: var(--primary) !important; }
+.bg-secondary { background-color: var(--secondary) !important; }
+.bg-black { background-color: var(--black) !important; }
+.bg-white { background-color: var(--white) !important; }
+.bg-info { background-color: var(--info) !important; }
+.bg-error { background-color: var(--error) !important; }
+.bg-warning { background-color: var(--warning) !important; }
+.bg-success { background-color: var(--success) !important; }
+.bg-muted { background-color: var(--muted) !important; }
+.bg-t-1 { background-color: var(--bg-1) !important; }
+.bg-t-0 { background-color: var(--bg-0) !important; }
+.bg-h-cb3837 { background-color: #cb3837; }
+.bg-h-7289da { background-color: #7289da; }
+.bg-h-999999 { background-color: #999999; }
+.bg-h-cccccc { background-color: #cccccc; }
+.tx-5 { font-size: 5px; }
+.tx-16 { font-size: 16px; }
+.tx-40 { font-size: 40px; }
+.tx-30 { font-size: 30px; }
+.tx-18 { font-size: 18px; }
+.tx-26 { font-size: 26px; }
+.tx-lg { font-size: 16px; }
+.tx-5xl { font-size: 26px; }
+.tx-center { text-align: center; }
+.tx-uppercase { text-transform: uppercase; }
+.tx-nodecor { text-decoration: none; }
+.tx-lh-36 { line-height: 36px; }
+.tx-lh-24 { line-height: 24px; }
+.tx-primary { color: var(--primary) !important; }
+.tx-secondary { color: var(--secondary) !important; }
+.tx-black { color: var(--black) !important; }
+.tx-white { color: var(--white) !important; }
+.tx-info { color: var(--info) !important; }
+.tx-error { color: var(--error) !important; }
+.tx-warning { color: var(--warning) !important; }
+.tx-success { color: var(--success) !important; }
+.tx-muted { color: var(--muted) !important; }
+.tx-t-1 { color: var(--tx-1) !important; }
+.tx-h-242424 { color: #242424; }
+.bd-solid { border-style: solid; }
+.bd-primary { border-color: var(--primary) !important; }
+.bd-secondary { border-color: var(--secondary) !important; }
+.bd-info { border-color: var(--info) !important; }
+.bd-error { border-color: var(--error) !important; }
+.bd-warning { border-color: var(--warning) !important; }
+.bd-success { border-color: var(--success) !important; }
+.bd-muted { border-color: var(--muted) !important; }
+.curved { border-radius: 4px; }
+.rounded { border-radius: 12px; }
+.pill { border-radius: 10000px; }
+.m-auto { margin: auto; }
+.mx-auto { margin-left: auto; margin-right: auto; }
+.m-0 { margin: 0px; }
+.m-0 { margin: 0px; }
+.m-60 { margin: 60px; }
+.m-960 { margin: 960px; }
+.m-300 { margin: 300px; }
+.m-400 { margin: 400px; }
+.mb-20 { margin-bottom: 20px; }
+.mb-0 { margin-bottom: 0px; }
+.ml-10 { margin-left: 10px; }
+.ml-5 { margin-left: 5px; }
+.mr-10 { margin-right: 10px; }
+.mt-20 { margin-top: 20px; }
+.mt-40 { margin-top: 40px; }
+.p-5 { padding: 5px; }
+.p-0 { padding: 0px; }
+.p-60 { padding: 60px; }
+.p-10 { padding: 10px; }
+.p-10 { padding: 10px; }
+.p-20 { padding: 20px; }
+.p-0 { padding: 0px; }
+.pr-10 { padding-right: 10px; }
+.px-20 { padding-left: 20px; padding-right: 20px; }
+.px-4 { padding-left: 4px; padding-right: 4px; }
+.px-8 { padding-left: 8px; padding-right: 8px; }
+.px-12 { padding-left: 12px; padding-right: 12px; }
+.px-16 { padding-left: 16px; padding-right: 16px; }
+.px-24 { padding-left: 24px; padding-right: 24px; }
+.px-28 { padding-left: 28px; padding-right: 28px; }
+.px-32 { padding-left: 32px; padding-right: 32px; }
+.px-36 { padding-left: 36px; padding-right: 36px; }
+.py-15 { padding-top: 15px; padding-bottom: 15px; }
+.py-5 { padding-top: 5px; padding-bottom: 5px; }
+.py-2 { padding-top: 2px; padding-bottom: 2px; }
+.py-4 { padding-top: 4px; padding-bottom: 4px; }
+.py-6 { padding-top: 6px; padding-bottom: 6px; }
+.py-8 { padding-top: 8px; padding-bottom: 8px; }
+.py-10 { padding-top: 10px; padding-bottom: 10px; }
+.py-12 { padding-top: 12px; padding-bottom: 12px; }
+.py-14 { padding-top: 14px; padding-bottom: 14px; }
+.py-16 { padding-top: 16px; padding-bottom: 16px; }
+.py-18 { padding-top: 18px; padding-bottom: 18px; }
+.py-40 { padding-top: 40px; padding-bottom: 40px; }
+.py-30 { padding-top: 30px; padding-bottom: 30px; }
+.list-none { list-style: none; }
+.cursor-pointer { cursor: pointer; }
+.transition-500 { transition: 500ms; }
+.shadow-0-0-10-0-0-0-5 { box-shadow: 0px 0px 10px rgb(0, 0, 0, 0.5); }
+@media (max-width: 420px) {
+ .sm-block { display: block; }
+}
+@media (max-width: 767px) {
+ .md-block { display: block; }
+ .md-inline-block { display: inline-block; }
+ .md-left-0 { left: 0px; }
+ .md-left-226 { left: 226px; }
+ .md-right-0 { right: 0px; }
+ .md-right-200 { right: 200px; }
+ .md-w-auto { width: auto; }
+ .md-wm-400 { max-width: 400px; }
+ .md-m-auto { margin: auto; }
+ .md-mt-20 { margin-top: 20px; }
+}
+@media (max-width: 992px) {
+ .lg-basis-half { flex-basis: 50%; }
+}
\ No newline at end of file
diff --git a/docs/build/client/f01cefc94e8ee605f3f5.html b/docs/build/client/f01cefc94e8ee605f3f5.html
index 006ff10..e7fb3ee 100644
--- a/docs/build/client/f01cefc94e8ee605f3f5.html
+++ b/docs/build/client/f01cefc94e8ee605f3f5.html
@@ -18,271 +18,304 @@
-
+
-
-
-
-
-
- Temple
-
- The reactive web component template engine.
-
-
- Get Started
-
-
- Read the Docs
-
-
-
-
- Temple is a modern HTML markup language and a server first
- template engine with a built-in parser/compiler that
- generates web components and supports reactivity.
-
-
-
-
- <style>
- h1 { font-weight: bold; }
- </style>
- <script>
- const name = 'world';
- </script>
- <h1>Hello {name}!</h1>
-
-
-
-
Hello world!
+
+
+
+
+ Temple
+
+ The reactive web component template engine.
+
+
+ Get Started
+
+
+ Read the Docs
+
+
+
+
+ Temple is a modern HTML markup language and a server first
+ template engine with a built-in parser/compiler that
+ generates web components and supports reactivity.
+
+
+
+
+ <style>
+ h1 { font-weight: bold; }
+ </style>
+ <script>
+ const name = 'world';
+ </script>
+ <h1>Hello {name}!</h1>
+
+
+
+
Hello world!
+
+
+
+
+
+
-
-
-
-
- -
-
Expressive Markup
-
- Any data type as attributes. Easily express logic with
- markup directives like if, each, and try catch.
-
-
- -
-
Reactive Signals
-
- Easily transition from backend logic to reactive states.
- No Hydration and no memoization needed.
-
-
- -
-
Bare Metal
-
- Work with the DOM directly. Import any web components
- from any source. Works with Lit, HTMX.
-
-
-
-
-
- Server Setup
-
- Temple can be used with popular server
- frameworks in just a few lines of code.
-
-
-
- import temple from '@ossph/temple/compiler';
- //make a temple compiler
- const compiler = temple();
- //render HTML
- const results = compiler.render('./page.dtml');
-
-
-
- Props
-
- Import your component props and use immediately
-
-
-
-
- <style>
- h1 { font-weight: bold; }
- </style>
- <script>
- import { props } from '@ossph/temple';
- const { name } = props();
- </script>
- <h1>Hello {name}!</h1>
-
-
-
-
Hello world!
+
+
+
+
+ Reactive Signals
+
+
+ Easily transition from backend logic to reactive states.
+ No Hydration and no memoization needed.
+
-
-
-
-
- Reactive Signals
-
- Use signals to manage state changes and re-renders.
-
-
-
-
- <style>
- h1 { font-weight: bold; }
- </style>
- <script>
- import { signal } from '@ossph/temple';
- const name = signal('world');
- name.value += '!';
- </script>
- <h1>Hello {name.value}</h1>
-
-
-
-
Hello world!
+
+
+
+
+ Bare Metal
+
+
+ Work with the DOM directly. Import any web components
+ from any source. Works with Lit, HTMX.
+
-
-
-
-
- Components and Templates
-
- Import components and templates for reusability.
-
-
-
-
- <!-- page.html -->
- <link rel="import" href="./my-heading.html" />
- <script>
- const name = 'world';
- </script>
- <my-heading {name}>Hello</my-heading>
-
-
- <!-- my-heading.html -->
- <script>
- import { props } from '@ossph/temple';
- const { name, children } = props();
- </script>
- <h1>{children} {name}</h1>
+
+
+
+
+
+ Server Setup
+
+
+ Temple can be used with popular server
+ frameworks in just a few lines of code.
+
+
+
+ import temple from '@ossph/temple/compiler';
+ //make a temple compiler
+ const compiler = temple();
+ //render HTML
+ const results = compiler.render('./page.dtml');
-
-
+
- Conditionals and Iterations
-
- Case for conditions and iterations in an expressive way.
-
-
-
-
- <script>
- const name = 'world';
- const show = name === "world";
- </script>
+
+ Props
+
+
+ Import your component props and use immediately
+
+
+
+
+ <style>
+ h1 { font-weight: bold; }
+ </style>
+ <script>
+ import { props } from '@ossph/temple';
+ const { name } = props();
+ </script>
+ <h1>Hello {name}!</h1>
+
+
+
+
Hello world!
+
+
+
+
- <if true=show>
- <h1>Hello {name}</h1>
- </if>
-
-
- <script>
- const list = [ 'a', 'b', 'c' ];
- </script>
- <ul>
- <each key=i value=item from=list>
- <li>{i}: {item}</li>
- </each>
- </ul>
-
+
+ Reactive Signals
+
+
+ Use signals to manage state changes and re-renders.
+
+
+
+
+ <style>
+ h1 { font-weight: bold; }
+ </style>
+ <script>
+ import { signal } from '@ossph/temple';
+ const name = signal('world');
+ name.value += '!';
+ </script>
+ <h1>Hello {name.value}</h1>
+
+
+
+
Hello world!
+
+
+
+
+
+
+ Components and Templates
+
+
+ Import components and templates for reusability.
+
+
+
+
+ <!-- page.html -->
+ <link rel="import" href="./my-heading.html" />
+ <script>
+ const name = 'world';
+ </script>
+ <my-heading {name}>Hello</my-heading>
+
+
+ <!-- my-heading.html -->
+ <script>
+ import { props } from '@ossph/temple';
+ const { name, children } = props();
+ </script>
+ <h1>{children} {name}</h1>
+
+
+
+
+
+ Conditionals and Iterations
+
+
+ Case for conditions and iterations in an expressive way.
+
+
+
+
+ <script>
+ const name = 'world';
+ const show = name === "world";
+ </script>
+
+ <if true=show>
+ <h1>Hello {name}</h1>
+ </if>
+
+
+ <script>
+ const list = [ 'a', 'b', 'c' ];
+ </script>
+ <ul>
+ <each key=i value=item from=list>
+ <li>{i}: {item}</li>
+ </each>
+ </ul>
+
+
+
+
+
+
+ Works With Popular Server Frameworks
+
+
-
-
-
- Works With Popular Server Frameworks
-
-
-
- Temple Loves Developers!
-
-
- Im a vue developer. No need for this. OSSPH does not support this project.
-
-
- Temple? Never heard of it...
"The Name..."
-
-
- Temple is good news for Node developers. I'm a rust developer so it don't matter to me.
-
-
- Temple copied this section from us. We are the original.
-
-
- After creating the Temple project, I am really excited to get back to ReactJS.
-
-
- Temple? no thanks. Keep your stack front end. App router for life.
-
-
-
- What are you waiting for?
-
- Get Started
-
-
- Read the Docs
-
-
-
-
+
+
+ Temple Loves Developers!
+
+
+
+ Im a vue developer. No need for this. OSSPH does not support this project.
+
+
+ Temple? Never heard of it...
"The Name..."
+
+
+ Temple is good news for Node developers. I'm a rust developer so it don't matter to me.
+
+
+ Temple copied this section from us. We are the original.
+
+
+ After creating the Temple project, I am really excited to get back to ReactJS.
+
+
+ Temple? no thanks. Keep your stack front end. App router for life.
+
+
+
+
+
+ What are you waiting for?
+
+
+ Get Started
+
+
+ Read the Docs
+
+
+
+
+
\ No newline at end of file
diff --git a/docs/build/client/f01cefc94e8ee605f3f5.js b/docs/build/client/f01cefc94e8ee605f3f5.js
index fea9ca0..fd986cd 100644
--- a/docs/build/client/f01cefc94e8ee605f3f5.js
+++ b/docs/build/client/f01cefc94e8ee605f3f5.js
@@ -1,191 +1,36 @@
-var TempleAPI=(()=>{var jt=Object.create;var Te=Object.defineProperty;var St=Object.getOwnPropertyDescriptor;var Ct=Object.getOwnPropertyNames;var Ot=Object.getPrototypeOf,Dt=Object.prototype.hasOwnProperty;var D=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports),Mt=(t,e)=>{for(var r in e)Te(t,r,{get:e[r],enumerable:!0})},tt=(t,e,r,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of Ct(e))!Dt.call(t,n)&&n!==r&&Te(t,n,{get:()=>e[n],enumerable:!(i=St(e,n))||i.enumerable});return t};var M=(t,e,r)=>(r=t!=null?jt(Ot(t)):{},tt(e||!t||!t.__esModule?Te(r,"default",{value:t,enumerable:!0}):r,t)),$t=t=>tt(Te({},"__esModule",{value:!0}),t);var He=D(Ie=>{"use strict";Object.defineProperty(Ie,"__esModule",{value:!0});var Ne=class extends Error{static for(e,...r){return r.forEach(function(i){e=e.replace("%s",i)}),new this(e)}static forErrorsFound(e){let r=new this("Invalid Parameters");return r.errors=e,r}static require(e,r,...i){if(!e){for(let n of i)r=r.replace("%s",n);throw new this(r)}}constructor(e,r=500){super(),this.errors={},this.start=0,this.end=0,this.message=e,this.name=this.constructor.name,this.code=r}withCode(e){return this.code=e,this}withPosition(e,r){return this.start=e,this.end=r,this}toJSON(){return{error:!0,code:this.code,message:this.message}}};Ie.default=Ne});var oe=D(le=>{"use strict";Object.defineProperty(le,"__esModule",{value:!0});le.TempleEmitter=void 0;var Ee=class extends EventTarget{emit(e,r){return this.dispatchEvent(new CustomEvent(e,{detail:r})),this}on(e,r){if(e==="ready"&&document.readyState!=="loading"){let i=new CustomEvent("ready");return setTimeout(()=>r(i),1),this}return this.addEventListener(e,r),this}once(e,r){let i=n=>{this.unbind(e,i),r(n)};return this.on(e,i),this}unbind(e,r){return this.removeEventListener(e,r),this}};le.TempleEmitter=Ee;var rt=new Ee;document.onreadystatechange=()=>{document.readyState!=="loading"&&rt.emit("ready")};le.default=rt});var Ue=D(ue=>{"use strict";var Lt=ue&&ue.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(ue,"__esModule",{value:!0});var Be=Lt(oe()),Ge=class{get attributes(){return Object.assign({},this._attributes)}get element(){return this._element}constructor(e,r){this._element=e,this._attributes=r}hasAttribute(e){return e in this._attributes}getAttribute(e){return this._attributes[e]}removeAttribute(e,r=!1){let i=this.getAttribute(e);return typeof i>"u"?this:(delete this._attributes[e],this._element.removeAttribute(e),r||Be.default.emit("attribute-remove",{element:this,key:e,previous:i}),this)}setAttribute(e,r,i=!1){if(typeof r>"u")return this.removeAttribute(e,i);let n=this.getAttribute(e);return n===r?this:(this._attributes[e]=r,typeof r=="string"&&this._element.setAttribute(e,r),i||(typeof n>"u"?Be.default.emit("attribute-create",{element:this,key:e,value:r}):Be.default.emit("attribute-update",{element:this,key:e,value:r,previous:n})),this)}setAttributes(e,r=!1){for(let[n,f]of Object.entries(e))this.setAttribute(n,f,r);let i=Object.keys(e);for(let n of Object.keys(this._attributes))i.includes(n)||this.removeAttribute(n,r);return this}};ue.default=Ge});var Fe=D(ce=>{"use strict";var qt=ce&&ce.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(ce,"__esModule",{value:!0});var Rt=qt(Ue()),ke=class{static get elements(){return this._elements}static createComponent(e,r,i,n=[]){let f=document.createElement("template");f.innerHTML=`<${e}>${e}>`;let h=f.content.querySelector(`${e}`);Object.setPrototypeOf(h,r.prototype),h.constructor=r.constructor,h.constructor.component=r.component;for(let[x,k]of Object.entries(i))typeof k=="string"?h.setAttribute(x,k):k===!0&&h.setAttribute(x,x);return h._TempleAttributes=i,h.props=i,n.forEach(x=>h.appendChild(x)),h.register(),customElements.get(e)||h.connectedCallback(),this.register(h,i)}static createElement(e,r,i=[]){let n=document.createElement(e);for(let[f,m]of Object.entries(r))typeof m=="string"?n.setAttribute(f,m):m===!0&&n.setAttribute(f,f);return i.filter(f=>typeof f<"u").forEach(f=>n.appendChild(f)),this.register(n,r)}static createText(e,r=!1){return document.createTextNode(e)}static filter(e){let r=[];return this._elements.forEach((i,n)=>{e(i,n)&&r.push(i)}),r}static get(e){return this._elements.get(e)||null}static has(e){return this._elements.has(e)}static map(e){let r=[];return this._elements.forEach((i,n)=>{r.push(e(i,n))}),r}static register(e,r){if(this.has(e))return this.get(e);let i=new Rt.default(e,r||{});return this._elements.set(e,i),i}};ke._elements=new Map;ce.default=ke});var G=D(de=>{"use strict";Object.defineProperty(de,"__esModule",{value:!0});de.TempleDataMap=void 0;var Pe=class{constructor(){window.__APP_DATA__||(window.__APP_DATA__={})}clear(){return window.__APP_DATA__={},this}delete(e){return this.has(e)?(delete window.__APP_DATA__[e],!0):!1}entries(){return Object.entries(window.__APP_DATA__)}has(e){return e in window.__APP_DATA__}get(e){return window.__APP_DATA__[e]}keys(){return Object.keys(window.__APP_DATA__)}set(e,r){return window.__APP_DATA__[e]=r,this}values(){return Object.values(window.__APP_DATA__)}};de.TempleDataMap=Pe;var zt=new Pe;de.default=zt});var st=D(fe=>{"use strict";var Je=fe&&fe.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(fe,"__esModule",{value:!0});var pe=Je(Fe()),je=Je(oe()),nt=Je(G()),Ze=class t extends HTMLElement{constructor(){super(...arguments),this._initiated=!1,this._template=null,this._attributes={},this._props={},this._children=void 0,this._rendering=!1}static register(){customElements.define(this.component[0],this)}get attr(){return this._attributes}get element(){return pe.default.has(this)?pe.default.get(this):pe.default.register(this,this._TempleAttributes||{})}get metadata(){let[e,r]=this.constructor.component;return{tagname:e,classname:r}}get originalChildren(){return this._children}get initiated(){return this._initiated}get props(){return this._props}set props(e){this._props=Object.assign({},e),this._attributes=Object.fromEntries(Object.entries(e).filter(r=>typeof r[1]=="string"||r[1]===!0))}adoptedCallback(){this.render()}attributeChangedCallback(e,r,i){this.props=Object.assign(Object.assign({},this.props),{[e]:i}),this.render()}connectedCallback(){this.wait()}disconnectedCallback(){}getParentComponent(){let e=this.parentElement;for(;e;){if(e instanceof t)return e;e=e.parentElement}return null}register(){pe.default.register(this,this._props)}render(){let e=this.getParentComponent();if(e&&!e.initiated)return;if(this._rendering)return;this._rendering=!0,nt.default.set("current",this);let r=this.styles();this._template?je.default.emit("unmounted",this):this._template=this.template();let i=this._template().filter(Boolean);if(r.length===0)this.textContent="",i.forEach(n=>this.appendChild(n));else{this.shadowRoot||this.attachShadow({mode:"open"});let n=this.shadowRoot;this.textContent="",n.textContent="";let f=document.createElement("style");f.innerText=r,n.appendChild(f),i.forEach(m=>{var h;return(h=this.shadowRoot)===null||h===void 0?void 0:h.appendChild(m)})}return nt.default.delete("current"),this._initiated=!0,je.default.emit("mounted",this),this._rendering=!1,this.shadowRoot?this.shadowRoot.innerHTML:this.innerHTML}wait(){if(document.readyState!=="loading")this._update();else{let e=()=>{this._update(),je.default.unbind("ready",e)};je.default.on("ready",e)}}_toNodeList(e){return e instanceof Node?[e]:Array.isArray(e)&&e.every(r=>r instanceof Node)?e:[pe.default.createText(String(e))]}_update(){typeof this._children>"u"&&(this._children=Array.from(this.childNodes||[]));let e=this.element;e&&(this.props=Object.assign({},e.attributes),this.render()),this._initiated||this.render()}};fe.default=Ze});var at=D(ge=>{"use strict";var Nt=ge&&ge.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(ge,"__esModule",{value:!0});var It=Nt(G());function Ht(t){let e=It.default.get("env")||{};return t?e[t]||null:e}ge.default=Ht});var We=D(me=>{"use strict";var Bt=me&&me.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(me,"__esModule",{value:!0});me.default=Gt;var it=Bt(G());function Gt(t=null){return t||(t=it.default.get("current")||null),t?t==="document"?it.default.get("props")||{}:t.props:{}}});var lt=D(he=>{"use strict";var Ut=he&&he.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(he,"__esModule",{value:!0});he.default=Jt;var Zt=Ut(We());function Jt(t=null){return(0,Zt.default)(t).class}});var ut=D(Y=>{"use strict";var Wt=Y&&Y.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(Y,"__esModule",{value:!0});Y.innerHTML=Kt;Y.default=ot;var Yt=Wt(G());function Kt(t=null){let e=ot(t),r=document.createElement("template");return r.append(...e),r.innerHTML}function ot(t=null){return t||(t=Yt.default.get("current")||null),t?t.originalChildren||[]:[]}});var pt=D(U=>{"use strict";var dt=U&&U.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(U,"__esModule",{value:!0});U.SignalRegistry=void 0;U.default=Qt;var ct=dt(He()),Xt=dt(G()),K=class t{static observe(e,r){let i={getter:()=>n.raw,setter:m=>m},n={raw:r,getter(m){return i.getter=m,n},setter(m){return i.setter=m,n}};Object.defineProperty(n,"value",{get(){return i.getter()},set(m){let h=i.setter(m),x=t.serialize(h)!==t.serialize(n.raw);n.raw=h,x&&e.render()}});let f=this._observers.get(e);return f?(f.observed++,f.values.push(n)):this._observers.set(e,{observed:1,values:[n]}),n}static observer(e){return this._observers.get(e)||null}static serialize(e){return JSON.stringify(e)}};U.SignalRegistry=K;K._observers=new Map;function Qt(t,e=null){if(e||(e=Xt.default.get("current")||null),!e)throw ct.default.for("Signals can only be created within a Temple component");if(!e.initiated)return K.observe(e,t);let r=K.observer(e);if(!r)throw ct.default.for("State mismatch");return r.values[r.observed++%r.values.length]}});var bt=D(Se=>{"use strict";var gt=Se&&Se.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(Se,"__esModule",{value:!0});var ft=gt(Fe()),mt=gt(oe()),ht=(t,e)=>Array.from(t.querySelectorAll("*")).filter(r=>{let i=ft.default.get(r);return i&&i.hasAttribute(e)}).map(r=>ft.default.get(r));function Ye(t,e){mt.default.on("mounted",r=>{if(!r.detail)return;let i=r.detail;ht(i.shadowRoot||i,t).forEach(e)})}function Vt(t,e){mt.default.on("unmounted",r=>{if(!r.detail)return;let i=r.detail;ht(i.shadowRoot||i,t).forEach(e)})}Ye("mount",t=>{let e=t.getAttribute("mount");if(typeof e=="function"){let r=new CustomEvent("mount",{detail:{node:t,target:t.element}});e(r)}});Vt("unmount",t=>{let e=t.getAttribute("unmount");if(typeof e=="function"){let r=new CustomEvent("unmount",{detail:{node:t,target:t.element}});e(r)}});Ye("if",t=>{let e=t.getAttribute("if");(e===!1||e==="false"||typeof e=="function"&&!e())&&t.element.remove()});["click","dblclick","mousedown","mouseup","mousemove","mouseover","mouseout","wheel","keydown","keypress","keyup","blur","change","contextmenu","focus","input","submit","invalid","reset","search","select","copy","cut","paste","drag","dragstart","dragend","dragover","dragenter","dragleave","drop","scroll","durationchange","ended","error","loadeddata","loadedmetadata","loadstart","pause","play","playing","progress","ratechange","seeked","seeking","stalled","suspend","timeupdate","volumechange","waiting","animationstart","animationend","animationiteration","transitionend","toggle"].forEach(t=>Ye(t,e=>{let r=e.getAttribute(t);typeof r=="function"&&(e.element.removeEventListener(t,r),e.element.addEventListener(t,r))}))});var Ke=D(g=>{"use strict";var er=g&&g.__createBinding||(Object.create?function(t,e,r,i){i===void 0&&(i=r);var n=Object.getOwnPropertyDescriptor(e,r);(!n||("get"in n?!e.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(t,i,n)}:function(t,e,r,i){i===void 0&&(i=r),t[i]=e[r]}),tr=g&&g.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),Ce=g&&g.__importStar||function(t){if(t&&t.__esModule)return t;var e={};if(t!=null)for(var r in t)r!=="default"&&Object.prototype.hasOwnProperty.call(t,r)&&er(e,t,r);return tr(e,t),e},Z=g&&g.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(g,"__esModule",{value:!0});g.SignalRegistry=g.TempleException=g.TempleEmitter=g.TempleElement=g.TempleRegistry=g.TempleComponent=g.TempleDataMap=g.emitter=g.signal=g.innerHTML=g.children=g.classnames=g.props=g.env=g.data=void 0;var rr=Z(He());g.TempleException=rr.default;var nr=Z(st());g.TempleComponent=nr.default;var sr=Z(Fe());g.TempleRegistry=sr.default;var ar=Z(Ue());g.TempleElement=ar.default;var _t=Ce(oe());g.emitter=_t.default;Object.defineProperty(g,"TempleEmitter",{enumerable:!0,get:function(){return _t.TempleEmitter}});var vt=Ce(G());g.data=vt.default;Object.defineProperty(g,"TempleDataMap",{enumerable:!0,get:function(){return vt.TempleDataMap}});var ir=Z(at());g.env=ir.default;var lr=Z(We());g.props=lr.default;var or=Z(lt());g.classnames=or.default;var xt=Ce(ut());g.children=xt.default;Object.defineProperty(g,"innerHTML",{enumerable:!0,get:function(){return xt.innerHTML}});var yt=Ce(pt());g.signal=yt.default;Object.defineProperty(g,"SignalRegistry",{enumerable:!0,get:function(){return yt.SignalRegistry}});bt()});var I=D((Fr,wt)=>{wt.exports={...Ke()}});var J=D((jr,At)=>{At.exports={...Ke()}});var Tt=D((Cr,De)=>{var ur=typeof window<"u"?window:typeof WorkerGlobalScope<"u"&&self instanceof WorkerGlobalScope?self:{};var c=function(t){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,r=0,i={},n={manual:t.Prism&&t.Prism.manual,disableWorkerMessageHandler:t.Prism&&t.Prism.disableWorkerMessageHandler,util:{encode:function a(s){return s instanceof f?new f(s.type,a(s.content),s.alias):Array.isArray(s)?s.map(a):s.replace(/&/g,"&").replace(/"u")return null;if("currentScript"in document)return document.currentScript;try{throw new Error}catch(o){var a=(/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(o.stack)||[])[1];if(a){var s=document.getElementsByTagName("script");for(var l in s)if(s[l].src==a)return s[l]}return null}},isActive:function(a,s,l){for(var o="no-"+s;a;){var u=a.classList;if(u.contains(s))return!0;if(u.contains(o))return!1;a=a.parentElement}return!!l}},languages:{plain:i,plaintext:i,text:i,txt:i,extend:function(a,s){var l=n.util.clone(n.languages[a]);for(var o in s)l[o]=s[o];return l},insertBefore:function(a,s,l,o){o=o||n.languages;var u=o[a],p={};for(var b in u)if(u.hasOwnProperty(b)){if(b==s)for(var d in l)l.hasOwnProperty(d)&&(p[d]=l[d]);l.hasOwnProperty(b)||(p[b]=u[b])}var w=o[a];return o[a]=p,n.languages.DFS(n.languages,function(O,N){N===w&&O!=a&&(this[O]=p)}),p},DFS:function a(s,l,o,u){u=u||{};var p=n.util.objId;for(var b in s)if(s.hasOwnProperty(b)){l.call(s,b,s[b],o||b);var d=s[b],w=n.util.type(d);w==="Object"&&!u[p(d)]?(u[p(d)]=!0,a(d,l,null,u)):w==="Array"&&!u[p(d)]&&(u[p(d)]=!0,a(d,l,b,u))}}},plugins:{},highlightAll:function(a,s){n.highlightAllUnder(document,a,s)},highlightAllUnder:function(a,s,l){var o={callback:l,container:a,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};n.hooks.run("before-highlightall",o),o.elements=Array.prototype.slice.apply(o.container.querySelectorAll(o.selector)),n.hooks.run("before-all-elements-highlight",o);for(var u=0,p;p=o.elements[u++];)n.highlightElement(p,s===!0,o.callback)},highlightElement:function(a,s,l){var o=n.util.getLanguage(a),u=n.languages[o];n.util.setLanguage(a,o);var p=a.parentElement;p&&p.nodeName.toLowerCase()==="pre"&&n.util.setLanguage(p,o);var b=a.textContent,d={element:a,language:o,grammar:u,code:b};function w(N){d.highlightedCode=N,n.hooks.run("before-insert",d),d.element.innerHTML=d.highlightedCode,n.hooks.run("after-highlight",d),n.hooks.run("complete",d),l&&l.call(d.element)}if(n.hooks.run("before-sanity-check",d),p=d.element.parentElement,p&&p.nodeName.toLowerCase()==="pre"&&!p.hasAttribute("tabindex")&&p.setAttribute("tabindex","0"),!d.code){n.hooks.run("complete",d),l&&l.call(d.element);return}if(n.hooks.run("before-highlight",d),!d.grammar){w(n.util.encode(d.code));return}if(s&&t.Worker){var O=new Worker(n.filename);O.onmessage=function(N){w(N.data)},O.postMessage(JSON.stringify({language:d.language,code:d.code,immediateClose:!0}))}else w(n.highlight(d.code,d.grammar,d.language))},highlight:function(a,s,l){var o={code:a,grammar:s,language:l};if(n.hooks.run("before-tokenize",o),!o.grammar)throw new Error('The language "'+o.language+'" has no grammar.');return o.tokens=n.tokenize(o.code,o.grammar),n.hooks.run("after-tokenize",o),f.stringify(n.util.encode(o.tokens),o.language)},tokenize:function(a,s){var l=s.rest;if(l){for(var o in l)s[o]=l[o];delete s.rest}var u=new x;return k(u,u.head,a),h(a,u,s,u.head,0),F(u)},hooks:{all:{},add:function(a,s){var l=n.hooks.all;l[a]=l[a]||[],l[a].push(s)},run:function(a,s){var l=n.hooks.all[a];if(!(!l||!l.length))for(var o=0,u;u=l[o++];)u(s)}},Token:f};t.Prism=n;function f(a,s,l,o){this.type=a,this.content=s,this.alias=l,this.length=(o||"").length|0}f.stringify=function a(s,l){if(typeof s=="string")return s;if(Array.isArray(s)){var o="";return s.forEach(function(w){o+=a(w,l)}),o}var u={type:s.type,content:a(s.content,l),tag:"span",classes:["token",s.type],attributes:{},language:l},p=s.alias;p&&(Array.isArray(p)?Array.prototype.push.apply(u.classes,p):u.classes.push(p)),n.hooks.run("wrap",u);var b="";for(var d in u.attributes)b+=" "+d+'="'+(u.attributes[d]||"").replace(/"/g,""")+'"';return"<"+u.tag+' class="'+u.classes.join(" ")+'"'+b+">"+u.content+""+u.tag+">"};function m(a,s,l,o){a.lastIndex=s;var u=a.exec(l);if(u&&o&&u[1]){var p=u[1].length;u.index+=p,u[0]=u[0].slice(p)}return u}function h(a,s,l,o,u,p){for(var b in l)if(!(!l.hasOwnProperty(b)||!l[b])){var d=l[b];d=Array.isArray(d)?d:[d];for(var w=0;w
=p.reach);L+=P.value.length,P=P.next){var H=P.value;if(s.length>a.length)return;if(!(H instanceof f)){var xe=1,z;if(W){if(z=m(ve,L,a,be),!z||z.index>=a.length)break;var ye=z.index,Ft=z.index+z[0].length,B=L;for(B+=P.value.length;ye>=B;)P=P.next,B+=P.value.length;if(B-=P.value.length,L=B,P.value instanceof f)continue;for(var ie=P;ie!==s.tail&&(Bp.reach&&(p.reach=Re);var Ae=P.prev;qe&&(Ae=k(s,Ae,qe),L+=qe.length),y(s,Ae,xe);var Pt=new f(b,N?n.tokenize(we,N):we,_e,we);if(P=k(s,Ae,Pt),et&&k(s,P,et),xe>1){var ze={cause:b+","+w,reach:Re};h(a,s,l,P.prev,L,ze),p&&ze.reach>p.reach&&(p.reach=ze.reach)}}}}}}function x(){var a={value:null,prev:null,next:null},s={value:null,prev:a,next:null};a.next=s,this.head=a,this.tail=s,this.length=0}function k(a,s,l){var o=s.next,u={value:l,prev:s,next:o};return s.next=u,o.prev=u,a.length++,u}function y(a,s,l){for(var o=s.next,u=0;u/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern://i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/?[\da-f]{1,8};/i]};c.languages.markup.tag.inside["attr-value"].inside.entity=c.languages.markup.entity;c.languages.markup.doctype.inside["internal-subset"].inside=c.languages.markup;c.hooks.add("wrap",function(t){t.type==="entity"&&(t.attributes.title=t.content.replace(/&/,"&"))});Object.defineProperty(c.languages.markup.tag,"addInlined",{value:function(e,r){var i={};i["language-"+r]={pattern:/(^$)/i,lookbehind:!0,inside:c.languages[r]},i.cdata=/^$/i;var n={"included-cdata":{pattern://i,inside:i}};n["language-"+r]={pattern:/[\s\S]+/,inside:c.languages[r]};var f={};f[e]={pattern:RegExp(/(<__[^>]*>)(?:))*\]\]>|(?!)/.source.replace(/__/g,function(){return e}),"i"),lookbehind:!0,greedy:!0,inside:n},c.languages.insertBefore("markup","cdata",f)}});Object.defineProperty(c.languages.markup.tag,"addAttribute",{value:function(t,e){c.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+t+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[e,"language-"+e],inside:c.languages[e]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}});c.languages.html=c.languages.markup;c.languages.mathml=c.languages.markup;c.languages.svg=c.languages.markup;c.languages.xml=c.languages.extend("markup",{});c.languages.ssml=c.languages.xml;c.languages.atom=c.languages.xml;c.languages.rss=c.languages.xml;(function(t){var e=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;t.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+e.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+e.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+e.source+"$"),alias:"url"}}},selector:{pattern:RegExp(`(^|[{}\\s])[^{}\\s](?:[^{};"'\\s]|\\s+(?![\\s{])|`+e.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:e,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},t.languages.css.atrule.inside.rest=t.languages.css;var r=t.languages.markup;r&&(r.tag.addInlined("style","css"),r.tag.addAttribute("style","css"))})(c);c.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/};c.languages.javascript=c.languages.extend("clike",{"class-name":[c.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+(/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source)+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/});c.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/;c.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:c.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:c.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:c.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:c.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:c.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/});c.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:c.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}});c.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}});c.languages.markup&&(c.languages.markup.tag.addInlined("script","javascript"),c.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript"));c.languages.js=c.languages.javascript;(function(){if(typeof c>"u"||typeof document>"u")return;Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector);var t="Loading\u2026",e=function(A,_){return"\u2716 Error "+A+" while fetching file: "+_},r="\u2716 Error: File does not exist or is empty",i={js:"javascript",py:"python",rb:"ruby",ps1:"powershell",psm1:"powershell",sh:"bash",bat:"batch",h:"c",tex:"latex"},n="data-src-status",f="loading",m="loaded",h="failed",x="pre[data-src]:not(["+n+'="'+m+'"]):not(['+n+'="'+f+'"])';function k(A,_,T){var a=new XMLHttpRequest;a.open("GET",A,!0),a.onreadystatechange=function(){a.readyState==4&&(a.status<400&&a.responseText?_(a.responseText):a.status>=400?T(e(a.status,a.statusText)):T(r))},a.send(null)}function y(A){var _=/^\s*(\d+)\s*(?:(,)\s*(?:(\d+)\s*)?)?$/.exec(A||"");if(_){var T=Number(_[1]),a=_[2],s=_[3];return a?s?[T,Number(s)]:[T,void 0]:[T,T]}}c.hooks.add("before-highlightall",function(A){A.selector+=", "+x}),c.hooks.add("before-sanity-check",function(A){var _=A.element;if(_.matches(x)){A.code="",_.setAttribute(n,f);var T=_.appendChild(document.createElement("CODE"));T.textContent=t;var a=_.getAttribute("data-src"),s=A.language;if(s==="none"){var l=(/\.(\w+)$/.exec(a)||[,"none"])[1];s=i[l]||l}c.util.setLanguage(T,s),c.util.setLanguage(_,s);var o=c.plugins.autoloader;o&&o.loadLanguages(s),k(a,function(u){_.setAttribute(n,m);var p=y(_.getAttribute("data-range"));if(p){var b=u.split(/\r\n?|\n/g),d=p[0],w=p[1]==null?b.length:p[1];d<0&&(d+=b.length),d=Math.max(0,Math.min(d-1,b.length)),w<0&&(w+=b.length),w=Math.max(0,Math.min(w,b.length)),u=b.slice(d,w).join(`
-`),_.hasAttribute("data-start")||_.setAttribute("data-start",String(d+1))}T.textContent=u,c.highlightElement(T)},function(u){_.setAttribute(n,h),T.textContent=u})}}),c.plugins.fileHighlight={highlight:function(_){for(var T=(_||document).querySelectorAll(x),a=0,s;s=T[a++];)c.highlightElement(s)}};var F=!1;c.fileHighlight=function(){F||(console.warn("Prism.fileHighlight is deprecated. Use `Prism.plugins.fileHighlight.highlight` instead."),F=!0),c.plugins.fileHighlight.highlight.apply(this,arguments)}})()});var pr={};Mt(pr,{BUILD_ID:()=>dr,TempleComponent:()=>S.TempleComponent,TempleElement:()=>S.TempleElement,TempleEmitter:()=>S.TempleEmitter,TempleException:()=>S.TempleException,TempleRegistry:()=>S.TempleRegistry,children:()=>S.children,components:()=>cr,data:()=>S.data,emitter:()=>S.emitter,props:()=>S.props,signal:()=>S.signal});var R=M(I());var Oe=M(I()),X=class extends Oe.TempleComponent{static component=["main","Main_fd7f1af6410c5b5c8e1f"];styles(){return""}template(){let e=this.props,r=()=>this.originalChildren;return()=>[Oe.TempleRegistry.createElement("main",{},[...this._toNodeList(r())]).element]}};var $=M(I()),V=M(J()),Q=class extends $.TempleComponent{static component=["button","Button_adebe13e99f6c9d5075e"];styles(){return`:host {
- --black: #222222;
- --white: #FCFCFC;
- --info: #1474FC;
- --error: #DC3545;
- --warning: #FF7B07;
- --success: #28A745;
- --muted: #999999;
- --primary: #E49F1A;
- --secondary: #DA532C;
- }
-
- /* Text Colors
- ---------------------------------*/
- .tx-white {
- color: var(--white);
- }
- .tx-info {
- color: var(--info);
- }
- .tx-error {
- color: var(--error);
- }
- .tx-warning {
- color: var(--warning);
- }
- .tx-success {
- color: var(--success);
- }
- .tx-muted {
- color: var(--muted);
- }
- .tx-primary {
- color: var(--primary);
- }
- .tx-secondary {
- color: var(--secondary);
- }
-
- /* Generic
- ---------------------------------*/
- .block {
- display: block;
- }
- .full {
- width: 100%;
- }
-
- /* Borders
- ---------------------------------*/
- .curved {
- border-radius: 5px;
- }
- .rounded {
- border-radius:12px;
- }
- .pill {
- border-radius: 10000px;
- }
- .solid {
- border-style: solid;
- }
- .dash {
- border-style: dashed;
- }
- .dotted {
- border-style: dotted;
- }
- .thin {
- border-width: 1px;
- }
- .thick {
- border-width: 5px;
- }
-
- .bd-info {
- border-color: var(--info);
- }
- .bd-error {
- border-color: var(--error);
- }
- .bd-warning {
- border-color: var(--warning);
- }
- .bd-success {
- border-color: var(--success);
- }
- .bd-muted {
- border-color: var(--muted);
- }
- .bd-primary {
- border-color: var(--primary);
- }
- .bd-secondary {
- border-color: var(--secondary);
- }
-
- /* Backgrounds
- ---------------------------------*/
- .bg-white {
- background-color: var(--white);
- }
- .bg-info {
- background-color: var(--info);
- }
- .bg-error {
- background-color: var(--error);
- }
- .bg-warning {
- background-color: var(--warning);
- }
- .bg-success {
- background-color: var(--success);
- }
- .bg-muted {
- background-color: var(--muted);
- }
- .bg-primary {
- background-color: var(--primary);
- }
- .bg-secondary {
- background-color: var(--secondary);
- }
-
- /* Padding
- ---------------------------------*/
- .pd-xs {
- padding: 2px 4px;
- }
- .pd-sm {
- padding: 4px 8px;
- }
- .pd-md {
- padding: 6px 12px;
- }
- .pd-lg {
- padding: 8px 16px;
- }
- .pd-xl {
- padding: 10px 20px;
- }
- .pd-2xl {
- padding: 12px 24px;
- }
- .pd-3xl {
- padding: 14px 28px;
- }
- .pd-4xl {
- padding: 16px 32px;
- }
- .pd-5xl {
- padding: 18px 36px;
- }
-
- /* Button
- ---------------------------------*/
- .button, .button:link, .button:hover, .button:active .button:visited {
- border: 0;
- display: inline-block;
- text-align: center;
- text-decoration: none;
- }`}template(){let{block:e,full:r,color:i,xs:n,sm:f,md:m,lg:h,xl:x,xl2:k,xl3:y,xl4:F,xl5:A,curved:_,rounded:T,pill:a,info:s,warning:l,success:o,error:u,muted:p,primary:b,secondary:d,outline:w,transparent:O,solid:N,style:be,href:W,..._e}=(0,V.props)(),v={classes:["button"],styles:""};e&&v.classes.push("block"),r&&v.classes.push("full");let ve=n?"xs":f?"sm":m?"md":h?"lg":x?"xl":k?"2xl":y?"3xl":F?"4xl":A?"5xl":"md";v.classes.push(`pd-${ve}`);let P=w?"outline":O?"transparent":"solid";_?v.classes.push("curved"):T?v.classes.push("rounded"):a&&v.classes.push("pill"),P==="outline"||P==="transparent"?(v.classes.push("solid","thin"),P==="outline"&&v.classes.push("bg-white"),i?(v.styles+=`border-color: ${i};`,v.styles+=`color: ${i};`):s?v.classes.push("bd-info","tx-info"):l?v.classes.push("bd-warning","tx-warning"):o?v.classes.push("bd-success","tx-success"):u?v.classes.push("bd-error","tx-error"):p?v.classes.push("bd-muted","tx-muted"):b?v.classes.push("bd-primary","tx-primary"):d&&v.classes.push("bd-secondary","tx-secondary")):(v.classes.push("tx-white"),i?v.styles+=`background-color: ${i};`:s?v.classes.push("bg-info"):l?v.classes.push("bg-warning"):o?v.classes.push("bg-success"):u?v.classes.push("bg-error"):p?v.classes.push("bg-muted"):b?v.classes.push("bg-primary"):d&&v.classes.push("bg-secondary"));let L={classes:[...v.classes,(0,V.classnames)()].join(" "),styles:v.styles+be},H=(0,V.children)();return()=>[$.TempleRegistry.createElement("link",{rel:"stylesheet",type:"text/css",href:"/temple/styles/fontawesome/all.css"}).element,$.TempleRegistry.createText(`
-`,!1),...W?[$.TempleRegistry.createText(`
- `,!1),$.TempleRegistry.createElement("a",{class:L.classes,style:L.styles,href:W,..._e},[$.TempleRegistry.createText(`
- `,!1),...this._toNodeList(H),$.TempleRegistry.createText(`
- `,!1)]).element,$.TempleRegistry.createText(`
-`,!1)]:[],$.TempleRegistry.createText(`
-`,!1),...W?[]:[$.TempleRegistry.createText(`
- `,!1),$.TempleRegistry.createElement("button",{class:L.classes,style:L.styles,..._e},[$.TempleRegistry.createText(`
- `,!1),...this._toNodeList(H),$.TempleRegistry.createText(`
- `,!1)]).element,$.TempleRegistry.createText(`
-`,!1)]]}};var E=M(I()),Xe=M(Tt()),Et=M(J()),ee=class extends E.TempleComponent{static component=["code","Code_6f36bc13bb6a166c7abc"];styles(){return`:host {
+var TempleAPI=(()=>{var qt=Object.create;var Se=Object.defineProperty;var Rt=Object.getOwnPropertyDescriptor;var zt=Object.getOwnPropertyNames;var It=Object.getPrototypeOf,Ht=Object.prototype.hasOwnProperty;var O=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports),Bt=(t,e)=>{for(var s in e)Se(t,s,{get:e[s],enumerable:!0})},ft=(t,e,s,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of zt(e))!Ht.call(t,r)&&r!==s&&Se(t,r,{get:()=>e[r],enumerable:!(a=Rt(e,r))||a.enumerable});return t};var F=(t,e,s)=>(s=t!=null?qt(It(t)):{},ft(e||!t||!t.__esModule?Se(s,"default",{value:t,enumerable:!0}):s,t)),Gt=t=>ft(Se({},"__esModule",{value:!0}),t);var he=O(Ve=>{"use strict";Object.defineProperty(Ve,"__esModule",{value:!0});var Qe=class extends Error{static for(e,...s){return s.forEach(function(a){e=e.replace("%s",a)}),new this(e)}static forErrorsFound(e){let s=new this("Invalid Parameters");return s.errors=e,s}static require(e,s,...a){if(!e){for(let r of a)s=s.replace("%s",r);throw new this(s)}}constructor(e,s=500){super(),this.errors={},this.start=0,this.end=0,this.message=e,this.name=this.constructor.name,this.code=s}withCode(e){return this.code=e,this}withPosition(e,s){return this.start=e,this.end=s,this}toJSON(){return{error:!0,code:this.code,message:this.message}}};Ve.default=Qe});var Oe=O(M=>{"use strict";var Ut=M&&M.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(M,"__esModule",{value:!0});M.match=M.TempleEmitter=M.events=void 0;M.bindAttribute=W;M.unbindAttribute=mt;var pt=Ut(Me());M.events=["click","dblclick","mousedown","mouseup","mousemove","mouseover","mouseout","wheel","keydown","keypress","keyup","blur","change","contextmenu","focus","input","submit","invalid","reset","search","select","copy","cut","paste","drag","dragstart","dragend","dragover","dragenter","dragleave","drop","scroll","durationchange","ended","error","loadeddata","loadedmetadata","loadstart","pause","play","playing","progress","ratechange","seeked","seeking","stalled","suspend","timeupdate","volumechange","waiting","animationstart","animationend","animationiteration","transitionend","toggle"];var Ce=class extends EventTarget{emit(e,s){return this.dispatchEvent(new CustomEvent(e,{detail:s})),this}on(e,s){if(e==="ready"&&document.readyState!=="loading"){let a=new CustomEvent("ready");return setTimeout(()=>s(a),1),this}return this.addEventListener(e,s),this}once(e,s){let a=r=>{this.unbind(e,a),s(r)};return this.on(e,a),this}unbind(e,s){return this.removeEventListener(e,s),this}};M.TempleEmitter=Ce;var Wt=(t,e)=>Array.from(t.querySelectorAll("*")).filter(s=>{let a=pt.default.get(s),r=a&&a.hasAttribute(e)&&!a.hasEvent(e);return r&&a.addEvent(e),r}).map(s=>pt.default.get(s));M.match=Wt;function W(t,e){je.on("mounted",s=>{if(!s.detail)return;let a=s.detail;(0,M.match)(a.shadowRoot||a,t).forEach(e)})}function mt(t,e){je.on("unmounted",s=>{if(!s.detail)return;let a=s.detail;(0,M.match)(a.shadowRoot||a,t).forEach(e)})}var je=new Ce;M.default=(document.onreadystatechange=()=>{document.readyState!=="loading"&&je.emit("ready")},W("mount",t=>{let e=t.getAttribute("mount");if(typeof e=="function"){let s=new CustomEvent("mount",{detail:{node:t,target:t.element}});e(s)}}),mt("unmount",t=>{let e=t.getAttribute("unmount");if(typeof e=="function"){let s=new CustomEvent("unmount",{detail:{node:t,target:t.element}});e(s)}}),W("connect",t=>{let e=t.getAttribute("connect");if(typeof e=="function"){let s=new CustomEvent("connect",{detail:{node:t,target:t.element}});e(s)}}),W("disconnect",t=>{let e=t.getAttribute("disconnect");if(typeof e=="function"){let s=new CustomEvent("disconnect",{detail:{node:t,target:t.element}});e(s)}}),W("adopt",t=>{let e=t.getAttribute("adopt");if(typeof e=="function"){let s=new CustomEvent("adopt",{detail:{node:t,target:t.element}});e(s)}}),W("if",t=>{let e=t.getAttribute("if");(e===!1||e==="false"||typeof e=="function"&&!e())&&t.element.remove()}),M.events.forEach(t=>W(t,e=>{let s=e.getAttribute(t);typeof s=="function"&&(e.element.removeEventListener(t,s),e.element.addEventListener(t,s))})),je)});var st=O(ge=>{"use strict";var Zt=ge&&ge.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(ge,"__esModule",{value:!0});var et=Zt(Oe()),tt=class{get attributes(){return Object.assign({},this._attributes)}get element(){return this._element}get events(){return this._events}constructor(e,s){this._events=new Set,this._element=e,this._attributes=s}addEvent(e){return this._events.add(e),this}getAttribute(e){return this._attributes[e]}hasAttribute(e){return e in this._attributes}hasEvent(e){return this._events.has(e)}removeAttribute(e,s=!1){let a=this.getAttribute(e);return typeof a>"u"?this:(delete this._attributes[e],this._element.removeAttribute(e),s||et.default.emit("attribute-remove",{element:this,key:e,previous:a}),this)}setAttribute(e,s,a=!1){if(typeof s>"u")return this.removeAttribute(e,a);let r=this.getAttribute(e);return r===s?this:(this._attributes[e]=s,typeof s=="string"&&this._element.setAttribute(e,s),a||(typeof r>"u"?et.default.emit("attribute-create",{element:this,key:e,value:s}):et.default.emit("attribute-update",{element:this,key:e,value:s,previous:r})),this)}setAttributes(e,s=!1){for(let[r,u]of Object.entries(e))this.setAttribute(r,u,s);let a=Object.keys(e);for(let r of Object.keys(this._attributes))a.includes(r)||this.removeAttribute(r,s);return this}};ge.default=tt});var Me=O(be=>{"use strict";var Jt=be&&be.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(be,"__esModule",{value:!0});var Yt=Jt(st()),ht=document.createElement("textarea"),Kt=t=>(ht.innerHTML=t,ht.value),De=class{static get elements(){return this._elements}static createComponent(e,s,a,r=[]){let u=document.createElement("template");u.innerHTML=`<${e}>${e}>`;let g=u.content.querySelector(`${e}`);return Object.setPrototypeOf(g,s.prototype),g.constructor=s.constructor,g.constructor.component=s.component,g.register(a,r),g.element}static createElement(e,s,a=[]){let r=document.createElement(e);for(let[u,_]of Object.entries(s))typeof _=="string"?r.setAttribute(u,_):_===!0&&r.setAttribute(u,u);return a.filter(u=>typeof u<"u").forEach(u=>r.appendChild(u)),this.register(r,s)}static createText(e,s=!0){return document.createTextNode(Kt(e))}static filter(e){let s=[];return this._elements.forEach((a,r)=>{e(a,r)&&s.push(a)}),s}static get(e){return this._elements.get(e)||null}static has(e){return this._elements.has(e)}static map(e){let s=[];return this._elements.forEach((a,r)=>{s.push(e(a,r))}),s}static register(e,s){if(this.has(e))return this.get(e);let a=new Yt.default(e,s||{});return this._elements.set(e,a),a}};De._elements=new Map;be.default=De});var ee=O(xe=>{"use strict";Object.defineProperty(xe,"__esModule",{value:!0});xe.TempleDataMap=void 0;var $e=class{constructor(){window.__APP_DATA__||(window.__APP_DATA__={})}clear(){return window.__APP_DATA__={},this}delete(e){return this.has(e)?(delete window.__APP_DATA__[e],!0):!1}entries(){return Object.entries(window.__APP_DATA__)}has(e){return e in window.__APP_DATA__}get(e){return window.__APP_DATA__[e]}keys(){return Object.keys(window.__APP_DATA__)}set(e,s){return window.__APP_DATA__[e]=s,this}values(){return Object.values(window.__APP_DATA__)}};xe.TempleDataMap=$e;var Xt=new $e;xe.default=Xt});var bt=O(_e=>{"use strict";var qe=_e&&_e.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(_e,"__esModule",{value:!0});var gt=qe(he()),Z=qe(Me()),J=qe(Oe()),Ne=qe(ee()),rt=class t extends HTMLElement{static register(){customElements.define(this.component[0],this)}get attr(){return Object.fromEntries(Array.from(this.attributes).map(e=>[e.name,e.value]))}get element(){if(!Z.default.has(this))throw gt.default.for("Component not mapped.");return Z.default.get(this)}get metadata(){let[e,s]=this.constructor.component;return{tagname:e,classname:s}}get originalChildren(){return this._children}get initiated(){return this._initiated}get props(){return this.getAttributes()}get virtual(){return this._virtual}set props(e){this.setAttributes(e)}constructor(){if(super(),this._initiated=!1,this._template=null,this._children=void 0,this._rendering=!1,this._observer=null,this._virtual=!1,!Z.default.has(this))throw gt.default.for("Component not mapped.")}adoptedCallback(){this.render(),J.default.emit("adopt",this)}connectedCallback(){this.wait(),J.default.emit("connect",this)}disconnectedCallback(){J.default.emit("disconnect",this)}getAttribute(e){return this.element.getAttribute(e)}getAttributes(){return Object.assign({},this.element.attributes)}getParentComponent(){let e=this.parentElement;for(;e;){if(e instanceof t)return e;e=e.parentElement}return null}hasAttribute(e){return this.element.hasAttribute(e)}register(e={},s=[]){Z.default.has(this)?Z.default.get(this).setAttributes(e):Z.default.register(this,e);for(let[a,r]of Object.entries(e))typeof r=="string"?super.setAttribute(a,r):r===!0&&super.setAttribute(a,a);this._children=s,this._virtual=!0,this.connectedCallback()}removeAttribute(e){this.hasAttribute(e)&&this.element.removeAttribute(e),super.hasAttribute(e)&&super.removeAttribute(e)}render(){let e=this.getParentComponent();if(e&&!e.initiated)return;if(this._rendering)return;this._rendering=!0;let s=Ne.default.get("current");Ne.default.set("current",this);let a=this.styles();this._template?J.default.emit("unmounted",this):this._template=this.template();let r=this._template().filter(Boolean);if(a.length===0)this.textContent="",r.forEach(u=>this.appendChild(u));else{this.shadowRoot||this.attachShadow({mode:"open"});let u=this.shadowRoot;this.textContent="",u.textContent="";let _=document.createElement("style");_.innerText=a,u.appendChild(_),r.forEach(g=>{var y;return(y=this.shadowRoot)===null||y===void 0?void 0:y.appendChild(g)})}return s?Ne.default.set("current",s):Ne.default.delete("current"),this._initiated=!0,this._rendering=!1,J.default.emit("mounted",this),this.shadowRoot?this.shadowRoot.innerHTML:this.innerHTML}setAttribute(e,s){this.element.setAttribute(e,s),(typeof s=="string"||s===!0)&&super.setAttribute(e,s)}setAttributes(e){this.element.setAttributes(e)}wait(){if(document.readyState!=="loading")this._update();else{let e=()=>{this._update(),J.default.unbind("ready",e)};J.default.on("ready",e)}}_toNodeList(e){return e instanceof Node?[e]:Array.isArray(e)&&e.every(s=>s instanceof Node)?e:[Z.default.createText(String(e))]}_update(){typeof this._children>"u"&&(this._children=Array.from(this.childNodes||[])),this._initiated||this.render()}};_e.default=rt});var te=O(ve=>{"use strict";var xt=ve&&ve.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(ve,"__esModule",{value:!0});ve.default=es;var Qt=xt(he()),Vt=xt(ee());function es(t=null,e=!1){if(!t&&(t=Vt.default.get("current"),!t)){if(!e)throw Qt.default.for("Not called within a Temple component");return null}return t}});var _t=O(ye=>{"use strict";var ts=ye&&ye.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(ye,"__esModule",{value:!0});var ss=ts(ee());function rs(t){let e=ss.default.get("env")||{};return t?e[t]||null:e}ye.default=rs});var nt=O(we=>{"use strict";var vt=we&&we.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(we,"__esModule",{value:!0});we.default=is;var ns=vt(te()),as=vt(ee());function is(t=null){let e=(0,ns.default)(t,!0);return typeof e=="string"?as.default.get("props")||{}:e?e.props:{}}});var wt=O(se=>{"use strict";var yt=se&&se.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(se,"__esModule",{value:!0});se.classlist=cs;se.default=us;var ls=yt(te()),os=yt(nt());function cs(t=null){var e;if(t==="body")return document.body.classList;if(t==="head")return document.head.classList;if(t==="document")return(e=document.body.parentElement)===null||e===void 0?void 0:e.classList;let s=(0,ls.default)(t);return s?.classList}function us(t=null){return(0,os.default)(t).class}});var At=O(Y=>{"use strict";var ds=Y&&Y.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(Y,"__esModule",{value:!0});Y.innerHTML=ps;Y.innerText=ms;Y.default=at;var fs=ds(te());function ps(t=null){let e=at(t),s=document.createElement("template");return s.append(...e.map(a=>a.cloneNode(!0))),s.innerHTML}function ms(t=null){let e=at(t),s=document.createElement("template");return s.append(...e.map(a=>a.cloneNode(!0))),s.innerText}function at(t=null){let e=(0,fs.default)(t,!0);return typeof e!="string"&&e?e.originalChildren||[]:[]}});var Et=O(K=>{"use strict";var Tt=K&&K.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(K,"__esModule",{value:!0});K.SignalRegistry=void 0;K.default=bs;var hs=Tt(te()),gs=Tt(he()),re=class t{static observe(e,s){let a={getter:()=>u.raw,setter:g=>g},r=new Set,u={raw:s,change(g){r.add(g)},getter(g){return a.getter=g,u},setter(g){return a.setter=g,u}};Object.defineProperty(u,"value",{get(){return a.getter()},set(g){let y=a.setter(g),A=t.serialize(y)!==t.serialize(u.raw);u.raw=y,A&&(r.forEach(b=>b(y)),e.render())}});let _=this._observers.get(e);return _?(_.observed++,_.values.push(u)):this._observers.set(e,{observed:1,values:[u]}),u}static observer(e){return this._observers.get(e)||null}static serialize(e){return JSON.stringify(e)}};K.SignalRegistry=re;re._observers=new Map;function bs(t,e=null){let s=(0,hs.default)(e);if(!s.initiated)return re.observe(s,t);let a=re.observer(s);if(!a)throw gs.default.for("Signal state mismatch");return a.values[a.observed++%a.values.length]}});var lt=O(h=>{"use strict";var xs=h&&h.__createBinding||(Object.create?function(t,e,s,a){a===void 0&&(a=s);var r=Object.getOwnPropertyDescriptor(e,s);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[s]}}),Object.defineProperty(t,a,r)}:function(t,e,s,a){a===void 0&&(a=s),t[a]=e[s]}),_s=h&&h.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),Ae=h&&h.__importStar||function(t){if(t&&t.__esModule)return t;var e={};if(t!=null)for(var s in t)s!=="default"&&Object.prototype.hasOwnProperty.call(t,s)&&xs(e,t,s);return _s(e,t),e},X=h&&h.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(h,"__esModule",{value:!0});h.SignalRegistry=h.TempleException=h.TempleEmitter=h.TempleElement=h.TempleRegistry=h.TempleComponent=h.TempleDataMap=h.emitter=h.signal=h.innerHTML=h.innerText=h.children=h.classnames=h.classlist=h.props=h.env=h.data=h.component=void 0;var vs=X(he());h.TempleException=vs.default;var ys=X(bt());h.TempleComponent=ys.default;var ws=X(Me());h.TempleRegistry=ws.default;var As=X(st());h.TempleElement=As.default;var kt=Ae(Oe());h.emitter=kt.default;Object.defineProperty(h,"TempleEmitter",{enumerable:!0,get:function(){return kt.TempleEmitter}});var Ts=X(te());h.component=Ts.default;var Lt=Ae(ee());h.data=Lt.default;Object.defineProperty(h,"TempleDataMap",{enumerable:!0,get:function(){return Lt.TempleDataMap}});var Es=X(_t());h.env=Es.default;var ks=X(nt());h.props=ks.default;var Ft=Ae(wt());h.classnames=Ft.default;Object.defineProperty(h,"classlist",{enumerable:!0,get:function(){return Ft.classlist}});var it=Ae(At());h.children=it.default;Object.defineProperty(h,"innerHTML",{enumerable:!0,get:function(){return it.innerHTML}});Object.defineProperty(h,"innerText",{enumerable:!0,get:function(){return it.innerText}});var Pt=Ae(Et());h.signal=Pt.default;Object.defineProperty(h,"SignalRegistry",{enumerable:!0,get:function(){return Pt.SignalRegistry}})});var q=O((Ws,St)=>{St.exports={...lt()}});var B=O((Zs,Ct)=>{Ct.exports={...lt()}});var Ot=O((Vs,Be)=>{var Ls=typeof window<"u"?window:typeof WorkerGlobalScope<"u"&&self instanceof WorkerGlobalScope?self:{};var d=function(t){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,s=0,a={},r={manual:t.Prism&&t.Prism.manual,disableWorkerMessageHandler:t.Prism&&t.Prism.disableWorkerMessageHandler,util:{encode:function i(n){return n instanceof u?new u(n.type,i(n.content),n.alias):Array.isArray(n)?n.map(i):n.replace(/&/g,"&").replace(/"u")return null;if("currentScript"in document)return document.currentScript;try{throw new Error}catch(o){var i=(/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(o.stack)||[])[1];if(i){var n=document.getElementsByTagName("script");for(var l in n)if(n[l].src==i)return n[l]}return null}},isActive:function(i,n,l){for(var o="no-"+n;i;){var c=i.classList;if(c.contains(n))return!0;if(c.contains(o))return!1;i=i.parentElement}return!!l}},languages:{plain:a,plaintext:a,text:a,txt:a,extend:function(i,n){var l=r.util.clone(r.languages[i]);for(var o in n)l[o]=n[o];return l},insertBefore:function(i,n,l,o){o=o||r.languages;var c=o[i],m={};for(var x in c)if(c.hasOwnProperty(x)){if(x==n)for(var p in l)l.hasOwnProperty(p)&&(m[p]=l[p]);l.hasOwnProperty(x)||(m[x]=c[x])}var E=o[i];return o[i]=m,r.languages.DFS(r.languages,function(j,I){I===E&&j!=i&&(this[j]=m)}),m},DFS:function i(n,l,o,c){c=c||{};var m=r.util.objId;for(var x in n)if(n.hasOwnProperty(x)){l.call(n,x,n[x],o||x);var p=n[x],E=r.util.type(p);E==="Object"&&!c[m(p)]?(c[m(p)]=!0,i(p,l,null,c)):E==="Array"&&!c[m(p)]&&(c[m(p)]=!0,i(p,l,x,c))}}},plugins:{},highlightAll:function(i,n){r.highlightAllUnder(document,i,n)},highlightAllUnder:function(i,n,l){var o={callback:l,container:i,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};r.hooks.run("before-highlightall",o),o.elements=Array.prototype.slice.apply(o.container.querySelectorAll(o.selector)),r.hooks.run("before-all-elements-highlight",o);for(var c=0,m;m=o.elements[c++];)r.highlightElement(m,n===!0,o.callback)},highlightElement:function(i,n,l){var o=r.util.getLanguage(i),c=r.languages[o];r.util.setLanguage(i,o);var m=i.parentElement;m&&m.nodeName.toLowerCase()==="pre"&&r.util.setLanguage(m,o);var x=i.textContent,p={element:i,language:o,grammar:c,code:x};function E(I){p.highlightedCode=I,r.hooks.run("before-insert",p),p.element.innerHTML=p.highlightedCode,r.hooks.run("after-highlight",p),r.hooks.run("complete",p),l&&l.call(p.element)}if(r.hooks.run("before-sanity-check",p),m=p.element.parentElement,m&&m.nodeName.toLowerCase()==="pre"&&!m.hasAttribute("tabindex")&&m.setAttribute("tabindex","0"),!p.code){r.hooks.run("complete",p),l&&l.call(p.element);return}if(r.hooks.run("before-highlight",p),!p.grammar){E(r.util.encode(p.code));return}if(n&&t.Worker){var j=new Worker(r.filename);j.onmessage=function(I){E(I.data)},j.postMessage(JSON.stringify({language:p.language,code:p.code,immediateClose:!0}))}else E(r.highlight(p.code,p.grammar,p.language))},highlight:function(i,n,l){var o={code:i,grammar:n,language:l};if(r.hooks.run("before-tokenize",o),!o.grammar)throw new Error('The language "'+o.language+'" has no grammar.');return o.tokens=r.tokenize(o.code,o.grammar),r.hooks.run("after-tokenize",o),u.stringify(r.util.encode(o.tokens),o.language)},tokenize:function(i,n){var l=n.rest;if(l){for(var o in l)n[o]=l[o];delete n.rest}var c=new y;return A(c,c.head,i),g(i,c,n,c.head,0),T(c)},hooks:{all:{},add:function(i,n){var l=r.hooks.all;l[i]=l[i]||[],l[i].push(n)},run:function(i,n){var l=r.hooks.all[i];if(!(!l||!l.length))for(var o=0,c;c=l[o++];)c(n)}},Token:u};t.Prism=r;function u(i,n,l,o){this.type=i,this.content=n,this.alias=l,this.length=(o||"").length|0}u.stringify=function i(n,l){if(typeof n=="string")return n;if(Array.isArray(n)){var o="";return n.forEach(function(E){o+=i(E,l)}),o}var c={type:n.type,content:i(n.content,l),tag:"span",classes:["token",n.type],attributes:{},language:l},m=n.alias;m&&(Array.isArray(m)?Array.prototype.push.apply(c.classes,m):c.classes.push(m)),r.hooks.run("wrap",c);var x="";for(var p in c.attributes)x+=" "+p+'="'+(c.attributes[p]||"").replace(/"/g,""")+'"';return"<"+c.tag+' class="'+c.classes.join(" ")+'"'+x+">"+c.content+""+c.tag+">"};function _(i,n,l,o){i.lastIndex=n;var c=i.exec(l);if(c&&o&&c[1]){var m=c[1].length;c.index+=m,c[0]=c[0].slice(m)}return c}function g(i,n,l,o,c,m){for(var x in l)if(!(!l.hasOwnProperty(x)||!l[x])){var p=l[x];p=Array.isArray(p)?p:[p];for(var E=0;E=m.reach);z+=f.value.length,f=f.next){var H=f.value;if(n.length>i.length)return;if(!(H instanceof u)){var G=1,$;if(Ze){if($=_(V,z,i,Q),!$||$.index>=i.length)break;var Le=$.index,$t=$.index+$[0].length,U=z;for(U+=f.value.length;Le>=U;)f=f.next,U+=f.value.length;if(U-=f.value.length,z=U,f.value instanceof u)continue;for(var me=f;me!==n.tail&&(U<$t||typeof me.value=="string");me=me.next)G++,U+=me.value.length;G--,H=i.slice(z,U),$.index-=z}else if($=_(V,0,H,Q),!$)continue;var Le=$.index,Fe=$[0],Ye=H.slice(0,Le),dt=H.slice(Le+Fe.length),Ke=z+H.length;m&&Ke>m.reach&&(m.reach=Ke);var Pe=f.prev;Ye&&(Pe=A(n,Pe,Ye),z+=Ye.length),b(n,Pe,G);var Nt=new u(x,I?r.tokenize(Fe,I):Fe,ut,Fe);if(f=A(n,Pe,Nt),dt&&A(n,f,dt),G>1){var Xe={cause:x+","+E,reach:Ke};g(i,n,l,f.prev,z,Xe),m&&Xe.reach>m.reach&&(m.reach=Xe.reach)}}}}}}function y(){var i={value:null,prev:null,next:null},n={value:null,prev:i,next:null};i.next=n,this.head=i,this.tail=n,this.length=0}function A(i,n,l){var o=n.next,c={value:l,prev:n,next:o};return n.next=c,o.prev=c,i.length++,c}function b(i,n,l){for(var o=n.next,c=0;c/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern://i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/?[\da-f]{1,8};/i]};d.languages.markup.tag.inside["attr-value"].inside.entity=d.languages.markup.entity;d.languages.markup.doctype.inside["internal-subset"].inside=d.languages.markup;d.hooks.add("wrap",function(t){t.type==="entity"&&(t.attributes.title=t.content.replace(/&/,"&"))});Object.defineProperty(d.languages.markup.tag,"addInlined",{value:function(e,s){var a={};a["language-"+s]={pattern:/(^$)/i,lookbehind:!0,inside:d.languages[s]},a.cdata=/^$/i;var r={"included-cdata":{pattern://i,inside:a}};r["language-"+s]={pattern:/[\s\S]+/,inside:d.languages[s]};var u={};u[e]={pattern:RegExp(/(<__[^>]*>)(?:))*\]\]>|(?!)/.source.replace(/__/g,function(){return e}),"i"),lookbehind:!0,greedy:!0,inside:r},d.languages.insertBefore("markup","cdata",u)}});Object.defineProperty(d.languages.markup.tag,"addAttribute",{value:function(t,e){d.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+t+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[e,"language-"+e],inside:d.languages[e]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}});d.languages.html=d.languages.markup;d.languages.mathml=d.languages.markup;d.languages.svg=d.languages.markup;d.languages.xml=d.languages.extend("markup",{});d.languages.ssml=d.languages.xml;d.languages.atom=d.languages.xml;d.languages.rss=d.languages.xml;(function(t){var e=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;t.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+e.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+e.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+e.source+"$"),alias:"url"}}},selector:{pattern:RegExp(`(^|[{}\\s])[^{}\\s](?:[^{};"'\\s]|\\s+(?![\\s{])|`+e.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:e,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},t.languages.css.atrule.inside.rest=t.languages.css;var s=t.languages.markup;s&&(s.tag.addInlined("style","css"),s.tag.addAttribute("style","css"))})(d);d.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/};d.languages.javascript=d.languages.extend("clike",{"class-name":[d.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+(/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source)+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/});d.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/;d.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:d.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:d.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:d.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:d.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:d.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/});d.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:d.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}});d.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}});d.languages.markup&&(d.languages.markup.tag.addInlined("script","javascript"),d.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript"));d.languages.js=d.languages.javascript;(function(){if(typeof d>"u"||typeof document>"u")return;Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector);var t="Loading\u2026",e=function(k,v){return"\u2716 Error "+k+" while fetching file: "+v},s="\u2716 Error: File does not exist or is empty",a={js:"javascript",py:"python",rb:"ruby",ps1:"powershell",psm1:"powershell",sh:"bash",bat:"batch",h:"c",tex:"latex"},r="data-src-status",u="loading",_="loaded",g="failed",y="pre[data-src]:not(["+r+'="'+_+'"]):not(['+r+'="'+u+'"])';function A(k,v,L){var i=new XMLHttpRequest;i.open("GET",k,!0),i.onreadystatechange=function(){i.readyState==4&&(i.status<400&&i.responseText?v(i.responseText):i.status>=400?L(e(i.status,i.statusText)):L(s))},i.send(null)}function b(k){var v=/^\s*(\d+)\s*(?:(,)\s*(?:(\d+)\s*)?)?$/.exec(k||"");if(v){var L=Number(v[1]),i=v[2],n=v[3];return i?n?[L,Number(n)]:[L,void 0]:[L,L]}}d.hooks.add("before-highlightall",function(k){k.selector+=", "+y}),d.hooks.add("before-sanity-check",function(k){var v=k.element;if(v.matches(y)){k.code="",v.setAttribute(r,u);var L=v.appendChild(document.createElement("CODE"));L.textContent=t;var i=v.getAttribute("data-src"),n=k.language;if(n==="none"){var l=(/\.(\w+)$/.exec(i)||[,"none"])[1];n=a[l]||l}d.util.setLanguage(L,n),d.util.setLanguage(v,n);var o=d.plugins.autoloader;o&&o.loadLanguages(n),A(i,function(c){v.setAttribute(r,_);var m=b(v.getAttribute("data-range"));if(m){var x=c.split(/\r\n?|\n/g),p=m[0],E=m[1]==null?x.length:m[1];p<0&&(p+=x.length),p=Math.max(0,Math.min(p-1,x.length)),E<0&&(E+=x.length),E=Math.max(0,Math.min(E,x.length)),c=x.slice(p,E).join(`
+`),v.hasAttribute("data-start")||v.setAttribute("data-start",String(p+1))}L.textContent=c,d.highlightElement(L)},function(c){v.setAttribute(r,g),L.textContent=c})}}),d.plugins.fileHighlight={highlight:function(v){for(var L=(v||document).querySelectorAll(y),i=0,n;n=L[i++];)d.highlightElement(n)}};var T=!1;d.fileHighlight=function(){T||(console.warn("Prism.fileHighlight is deprecated. Use `Prism.plugins.fileHighlight.highlight` instead."),T=!0),d.plugins.fileHighlight.highlight.apply(this,arguments)}})()});var Cs={};Bt(Cs,{BUILD_ID:()=>Ss,TempleComponent:()=>C.TempleComponent,TempleElement:()=>C.TempleElement,TempleEmitter:()=>C.TempleEmitter,TempleException:()=>C.TempleException,TempleRegistry:()=>C.TempleRegistry,children:()=>C.children,components:()=>Ps,data:()=>C.data,emitter:()=>C.emitter,props:()=>C.props,signal:()=>C.signal});var N=F(q());var jt=F(q()),R=F(B()),ne=class extends jt.TempleComponent{static component=["layout","Layout_9f3ab204ce271feaf6f7"];styles(){return""}template(){(0,R.classlist)().add("relative","w-full","vh","scroll-hidden");let e=(0,R.children)(),s=e.find(b=>b.nodeName.endsWith("PANEL-MAIN")),a=e.find(b=>b.nodeName.endsWith("PANEL-HEAD")),r=e.find(b=>b.nodeName.endsWith("PANEL-FOOT")),u=e.find(b=>b.nodeName.endsWith("PANEL-LEFT")),_=e.find(b=>b.nodeName.endsWith("PANEL-RIGHT")),g={head:!!a,foot:!!r,left:!!u,right:!!_},y=new Set,A={left:!1,right:!1,change:b=>y.add(b)};return s&&R.TempleRegistry.get(s).setAttribute("show",A).setAttribute("layout",g),a&&R.TempleRegistry.get(a).setAttribute("show",A).setAttribute("layout",g),r&&R.TempleRegistry.get(r).setAttribute("show",A).setAttribute("layout",g),u&&R.TempleRegistry.get(u).setAttribute("show",A).setAttribute("layout",g),_&&R.TempleRegistry.get(_).setAttribute("show",A).setAttribute("layout",g),this.toggle=b=>{A[b]=!A[b],y.forEach(T=>T())},()=>[R.TempleRegistry.createText(`
+`,!1),...this._toNodeList(e)]}};var Te=F(q()),Re=F(B()),ae=class extends Te.TempleComponent{static component=["head","Head_2bf4dff19bc88ba4138b"];styles(){return""}template(){let{layout:e,show:s}=this.element.attributes,a=(0,Re.classlist)(),r=u=>{this.classList.add("absolute","top-0","right-0","h-60","transition-500"),e?.left?(this.classList.remove("left-0"),this.classList.add("left-226")):this.classList.add("left-0"),s.left?(this.classList.remove("md-left-0"),this.classList.add("md-left-226")):(this.classList.remove("md-left-226"),this.classList.add("md-left-0"))};return s.change(r),r(),()=>[Te.TempleRegistry.createText(`
+`,!1),Te.TempleRegistry.createElement("header",{class:"block w-full h-full relative"},[...this._toNodeList((0,Re.children)())]).element]}};var Ee=F(q()),ze=F(B()),ie=class extends Ee.TempleComponent{static component=["main","Main_847772763f4518728ede"];styles(){return""}template(){let{layout:e,show:s}=this.element.attributes,a=(0,ze.classlist)(),r=u=>{this.classList.add("absolute","transition-500"),e?.head?(this.classList.remove("top-0"),this.classList.add("top-60")):this.classList.add("top-0"),e?.foot?(this.classList.remove("bottom-0"),this.classList.add("bottom-60")):this.classList.add("bottom-0"),e?.left?(this.classList.remove("left-0"),this.classList.add("left-226")):this.classList.add("left-0"),e?.right?(this.classList.remove("right-0"),this.classList.add("right-200")):this.classList.add("right-0"),s.left?(this.classList.remove("md-left-0"),this.classList.add("md-left-226")):(this.classList.remove("md-left-226"),this.classList.add("md-left-0")),s.right?(this.classList.remove("md-right-0"),this.classList.add("md-right-200")):(this.classList.remove("md-right-200"),this.classList.add("md-right-0"))};return s.change(r),r(),()=>[Ee.TempleRegistry.createText(`
+`,!1),Ee.TempleRegistry.createElement("main",{class:"block w-full h-full relative"},[...this._toNodeList((0,ze.children)())]).element]}};var Ie=F(q()),oe=F(B()),le=class extends Ie.TempleComponent{static component=["button","Button_d798a3059463b9c4868b"];styles(){return""}template(){let{block:e,full:s,color:a,xs:r,sm:u,md:_,lg:g,xl:y,xl2:A,xl3:b,xl4:T,xl5:k,curved:v,rounded:L,pill:i,info:n,warning:l,success:o,error:c,muted:m,primary:x,secondary:p,outline:E,transparent:j,solid:I,href:Q,style:Ze,class:ut,...Je}=(0,oe.props)(),V=(0,oe.component)(),f=document.createElement(Q?"a":"button");Object.entries(Je).forEach(([G,$])=>f.setAttribute(G,$)),Q&&f.setAttribute("href",Q),(0,oe.children)().forEach(G=>f.appendChild(G)),f.classList.add("inline-block","tx-center","tx-nodecor","cursor-pointer"),e?(V.classList.add("block"),f.classList.add("block")):(V.classList.add("inline-block"),f.classList.add("inline-block")),s&&(V.classList.add("w-full"),f.classList.add("w-full"));let z=r?f.classList.add("py-2","px-4"):u?f.classList.add("py-4","px-8"):_?f.classList.add("py-6","px-12"):g?f.classList.add("py-8","px-16"):y?f.classList.add("py-10","px-20"):A?f.classList.add("py-12","px-24"):b?f.classList.add("py-14","px-28"):T?f.classList.add("py-16","px-32"):k?f.classList.add("py-18","px-36"):f.classList.add("py-6","px-12");v?f.classList.add("curved"):L?f.classList.add("rounded"):i&&f.classList.add("pill");let H=E?"outline":j?"transparent":"solid";return H==="outline"||H==="transparent"?(f.classList.add("bd-solid","bd-thin"),H==="outline"&&f.classList.add("bg-white"),a?(f.style.color=a,f.style.borderColor=a):n?f.classList.add("bd-info","tx-info"):l?f.classList.add("bd-warning","tx-warning"):o?f.classList.add("bd-success","tx-success"):c?f.classList.add("bd-error","tx-error"):m?f.classList.add("bd-muted","tx-muted"):x?f.classList.add("bd-primary","tx-primary"):p&&f.classList.add("bd-secondary","tx-secondary")):(f.classList.add("tx-white"),a?f.style.backgroundColor=a:n?f.classList.add("bg-info"):l?f.classList.add("bg-warning"):o?f.classList.add("bg-success"):c?f.classList.add("bg-error"):m?f.classList.add("bg-muted"):x?f.classList.add("bg-primary"):p&&f.classList.add("bg-secondary")),()=>[Ie.TempleRegistry.createText(`
+`,!1),...this._toNodeList([f])]}};var P=F(q()),He=F(B()),ce=class extends P.TempleComponent{static component=["app","App_381239c61b65b86a1c20"];styles(){return""}template(){let{title:e,height:s}=(0,He.props)(),a=s?`height:${s}px`:"";return()=>[P.TempleRegistry.createText(`
+`,!1),P.TempleRegistry.createElement("div",{class:"bd-rad-curved scroll-hidden shadow-0-0-10-0-0-0-5"},[P.TempleRegistry.createText(`
+ `,!1),P.TempleRegistry.createElement("div",{class:"relative flex flex-center-y gap-10 p-10 bg-t-1 tx-c-999999 tx-16"},[P.TempleRegistry.createText(`
+ `,!1),P.TempleRegistry.createElement("span",{class:"bg-h-999999 pill h-10 w-10"},[]).element,P.TempleRegistry.createText(`
+ `,!1),P.TempleRegistry.createElement("span",{class:"bg-h-999999 pill h-10 w-10"},[]).element,P.TempleRegistry.createText(`
+ `,!1),P.TempleRegistry.createElement("span",{class:"bg-h-999999 pill h-10 w-10"},[]).element,P.TempleRegistry.createText(`
+ `,!1),P.TempleRegistry.createElement("span",{class:"flex flex-center h-full w-full absolute top-0 left-0"},[P.TempleRegistry.createText(`
+ `,!1),...this._toNodeList(e),P.TempleRegistry.createText(`
+ `,!1)]).element,P.TempleRegistry.createText(`
+ `,!1)]).element,P.TempleRegistry.createText(`
+ `,!1),P.TempleRegistry.createElement("div",{class:"bg-black tx-t-1 relative",style:a},[...this._toNodeList((0,He.children)())]).element,P.TempleRegistry.createText(`
+`,!1)]).element]}};var w=F(q()),ot=F(Ot()),Mt=F(B()),ue=class extends w.TempleComponent{static component=["code","Code_5294df1c620ef5ddbd2f"];styles(){return`:host {
display: block;
font-size: 14px;
line-height: 20px;
}
:host([inline]) {
- display: inline;
+ display: inline !important;
}
:host([inline]),
:host([inline]) > pre,
:host([inline]) > pre > code {
- display: inline;
+ display: inline !important;
}
.snippet {
background-color: #000000;
color: #ABB2BF;
+ height: 100%;
margin: 0;
padding: 0;
}
@@ -244,51 +89,39 @@ var TempleAPI=(()=>{var jt=Object.create;var Te=Object.defineProperty;var St=Obj
.terminal {
background-color: #000000;
+ font-family: 'Courier New', Courier, monospace;
font-size: 15px;
+ height: 100%;
padding: 10px;
}
.terminal span {
color: #00FF00;
- }`}template(){let e=this.props,{lang:r="markup",numbers:i=!1,inline:n=!1,trim:f=!1,ltrim:m=!1,rtrim:h=!1,detab:x=0}=e,k=(0,Et.children)(),y=k[0]?.textContent||"";x&&(y=y.replace(new RegExp(`\\n {${x}}`,"g"),`
-`)),f?y=y.trim():m?y=y.replace(/^\s+/,""):h&&(y=y.replace(/\s+$/,""));let F=A=>{if(!y)return;let _=Xe.default.highlight(y,Xe.default.languages[r],r);if(A.detail.target.innerHTML=_,i){let T=_.match(/\n(?!$)/g),a=T?T.length+1:1,s=new Array(a+1).join(""),l=document.createElement("span");l.setAttribute("aria-hidden","true"),l.className="line-numbers-rows",l.innerHTML=s,A.detail.target.appendChild(l)}};return()=>[E.TempleRegistry.createElement("link",{rel:"stylesheet",href:"https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/themes/prism.min.css"}).element,E.TempleRegistry.createText(`
-`,!1),E.TempleRegistry.createElement("link",{rel:"stylesheet",href:"https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/themes/prism-tomorrow.min.css"}).element,E.TempleRegistry.createText(`
-`,!1),...r==="bash"?[E.TempleRegistry.createText(`
- `,!1),E.TempleRegistry.createElement("div",{class:"terminal"},[E.TempleRegistry.createElement("span",{},[E.TempleRegistry.createText("$",!1)]).element,E.TempleRegistry.createText(" ",!1),...this._toNodeList(k)]).element,E.TempleRegistry.createText(`
-`,!1)]:y?[,E.TempleRegistry.createText(`
- `,!1),...i?[E.TempleRegistry.createText(`
- `,!1),E.TempleRegistry.createElement("pre",{class:"snippet line-numbers"},[E.TempleRegistry.createElement("code",{mount:F},[]).element]).element,E.TempleRegistry.createText(`
- `,!1)]:[,E.TempleRegistry.createText(`
- `,!1),E.TempleRegistry.createElement("pre",{class:"snippet pad"},[E.TempleRegistry.createElement("code",{mount:F},[]).element]).element,E.TempleRegistry.createText(`
- `,!1)],E.TempleRegistry.createText(`
-`,!1)]:[]]}};var te=M(I()),kt=M(J()),re=class extends te.TempleComponent{static component=["preview","Preview_f99bb2771682cb0390ea"];styles(){return`:host {
- display: block;
- }
- .preview {
- background-color: #EFEFEF;
- color: #222222;
- font-family: Arial, Helvetica, sans-serif;
- font-size: 13px;
- padding: 10px;
- }`}template(){return()=>[te.TempleRegistry.createElement("link",{rel:"stylesheet",href:"https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css"}).element,te.TempleRegistry.createText(`
-`,!1),te.TempleRegistry.createElement("div",{class:"preview"},[...this._toNodeList((0,kt.children)())]).element]}};var C=M(I()),Me=M(J()),ne=class extends C.TempleComponent{static component=["app","App_05341fddbfd1fe4f273b"];styles(){return""}template(){let{title:e,panel:r}=(0,Me.props)(),i=`body ${r?"panel":""}`,n=r?`height:${r}px`:"";return()=>[C.TempleRegistry.createText(`
-`,!1),C.TempleRegistry.createElement("div",{class:"window"},[C.TempleRegistry.createText(`
- `,!1),C.TempleRegistry.createElement("div",{class:"head"},[C.TempleRegistry.createText(`
- `,!1),C.TempleRegistry.createElement("span",{class:"dot"},[]).element,C.TempleRegistry.createText(`
- `,!1),C.TempleRegistry.createElement("span",{class:"dot"},[]).element,C.TempleRegistry.createText(`
- `,!1),C.TempleRegistry.createElement("span",{class:"dot"},[]).element,C.TempleRegistry.createText(`
- `,!1),C.TempleRegistry.createElement("span",{class:"title"},[...this._toNodeList(e)]).element,C.TempleRegistry.createText(`
- `,!1)]).element,C.TempleRegistry.createText(`
- `,!1),C.TempleRegistry.createElement("div",{class:i,style:n},[...this._toNodeList((0,Me.children)())]).element,C.TempleRegistry.createText(`
-`,!1)]).element]}};var q=M(I());var Qe=function(t,...e){let r=Ve(t);for(let i=0;i[q.TempleRegistry.createText(`
- `,!1),...r?[q.TempleRegistry.createText(`
- `,!1),q.TempleRegistry.createElement("p",{},[...this._toNodeList(y)]).element,q.TempleRegistry.createText(`
- `,!1)]:i?[,q.TempleRegistry.createText(`
- `,!1),q.TempleRegistry.createElement("li",{},[...this._toNodeList(y)]).element,q.TempleRegistry.createText(`
- `,!1)]:n?[,q.TempleRegistry.createText(`
- `,!1),q.TempleRegistry.createElement("div",{},[...this._toNodeList(y)]).element,q.TempleRegistry.createText(`
- `,!1)]:[,q.TempleRegistry.createText(`
- `,!1),...this._toNodeList(y),q.TempleRegistry.createText(`
- `,!1)]]}};var j=M(I()),Le=M(J()),ae=class extends j.TempleComponent{static component=["tweet-box","TweetBox_5d0865ca9f2b26ab6c62"];styles(){return`a, a:link, a:hover, a:active, a:visited {
+ }`}template(){let e=this.props,{lang:s="markup",numbers:a=!1,inline:r=!1,trim:u=!1,ltrim:_=!1,rtrim:g=!1,detab:y=0}=e,A=(0,Mt.children)(),b=A[0]?.textContent||"";y&&(b=b.replace(new RegExp(`\\n {${y}}`,"g"),`
+`)),u?b=b.trim():_?b=b.replace(/^\s+/,""):g&&(b=b.replace(/\s+$/,""));let T=k=>{if(!b)return;let v=ot.default.highlight(b,ot.default.languages[s],s);if(k.detail.target.innerHTML=v,a){let L=v.match(/\n(?!$)/g),i=L?L.length+1:1,n=new Array(i+1).join(""),l=document.createElement("span");l.setAttribute("aria-hidden","true"),l.className="line-numbers-rows",l.innerHTML=n,k.detail.target.appendChild(l)}};return()=>[w.TempleRegistry.createElement("link",{rel:"stylesheet",href:"https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/themes/prism.min.css"}).element,w.TempleRegistry.createText(`
+`,!1),w.TempleRegistry.createElement("link",{rel:"stylesheet",href:"https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/themes/prism-tomorrow.min.css"}).element,w.TempleRegistry.createText(`
+`,!1),...s==="bash"?[w.TempleRegistry.createText(`
+ `,!1),w.TempleRegistry.createElement("div",{class:"terminal"},[w.TempleRegistry.createElement("span",{},[w.TempleRegistry.createText("$",!1)]).element,w.TempleRegistry.createText(" ",!1),...this._toNodeList(A)]).element,w.TempleRegistry.createText(`
+`,!1)]:b?[,w.TempleRegistry.createText(`
+ `,!1),...a?[w.TempleRegistry.createText(`
+ `,!1),w.TempleRegistry.createElement("pre",{class:"snippet line-numbers"},[w.TempleRegistry.createElement("code",{mount:T},[]).element]).element,w.TempleRegistry.createText(`
+ `,!1)]:[,w.TempleRegistry.createText(`
+ `,!1),w.TempleRegistry.createElement("pre",{class:"snippet pad"},[w.TempleRegistry.createElement("code",{mount:T},[]).element]).element,w.TempleRegistry.createText(`
+ `,!1)],w.TempleRegistry.createText(`
+`,!1)]:[,w.TempleRegistry.createText(`
+ `,!1),w.TempleRegistry.createElement("span",{},[w.TempleRegistry.createText("????",!1)]).element,w.TempleRegistry.createText(`
+`,!1)],w.TempleRegistry.createText(`
+
+`,!1)]}};var ke=F(q()),Ge=F(B()),de=class extends ke.TempleComponent{static component=["preview","Preview_ab5776d356e4ce3da5d5"];styles(){return""}template(){return(0,Ge.classlist)().add("block","w-full","h-full","scroll-auto"),()=>[ke.TempleRegistry.createText(`
+`,!1),ke.TempleRegistry.createElement("div",{class:"bg-white tx-black arial p-10 h-full"},[...this._toNodeList((0,Ge.children)())]).element]}};var D=F(q());var Dt=function(t){return t};var Ue=F(B()),fe=class extends D.TempleComponent{static component=["translate","Translate_0014b007fc91289b2776"];styles(){return""}template(){let{trim:e=!1,p:s=!1,li:a=!1,div:r=!1}=(0,Ue.props)(),u=(0,Ue.children)(),_=[],g=[];for(let T of u)typeof T=="string"?_.push(T):T instanceof Node&&T.textContent?_.push(T.textContent):(_.push("%s"),g.push(T));let y=_.join("");e&&(y=y.replace(/\s+/," ").trim());let A=Dt(y).split("%s"),b=[];for(let T=0;T[D.TempleRegistry.createText(`
+ `,!1),...s?[D.TempleRegistry.createText(`
+ `,!1),D.TempleRegistry.createElement("p",{},[...this._toNodeList(b)]).element,D.TempleRegistry.createText(`
+ `,!1)]:a?[,D.TempleRegistry.createText(`
+ `,!1),D.TempleRegistry.createElement("li",{},[...this._toNodeList(b)]).element,D.TempleRegistry.createText(`
+ `,!1)]:r?[,D.TempleRegistry.createText(`
+ `,!1),D.TempleRegistry.createElement("div",{},[...this._toNodeList(b)]).element,D.TempleRegistry.createText(`
+ `,!1)]:[,D.TempleRegistry.createText(`
+ `,!1),...this._toNodeList(b),D.TempleRegistry.createText(`
+ `,!1)]]}};var S=F(q()),We=F(B()),pe=class extends S.TempleComponent{static component=["tweet-box","TweetBox_5d0865ca9f2b26ab6c62"];styles(){return`a, a:link, a:hover, a:active, a:visited {
color: var(--fg-primary);
text-decoration: none;
}
@@ -324,17 +157,18 @@ var TempleAPI=(()=>{var jt=Object.create;var Te=Object.defineProperty;var St=Obj
.tweet-box .content .message {
font-size: 14px;
line-height: 24px;
- }`}template(){let{name:e,handle:r,href:i,src:n}=(0,Le.props)();return()=>[j.TempleRegistry.createText(`
-`,!1),j.TempleRegistry.createElement("main",{class:"tweet-box"},[j.TempleRegistry.createText(`
- `,!1),j.TempleRegistry.createElement("aside",{class:"avatar"},[j.TempleRegistry.createText(`
- `,!1),j.TempleRegistry.createElement("img",{src:n,alt:r}).element,j.TempleRegistry.createText(`
- `,!1)]).element,j.TempleRegistry.createText(`
- `,!1),j.TempleRegistry.createElement("section",{class:"content"},[j.TempleRegistry.createText(`
- `,!1),j.TempleRegistry.createElement("h3",{},[...this._toNodeList(e)]).element,j.TempleRegistry.createText(`
- `,!1),j.TempleRegistry.createElement("a",{href:i,target:"_blank"},[...this._toNodeList(r)]).element,j.TempleRegistry.createText(`
- `,!1),j.TempleRegistry.createElement("div",{class:"message"},[...this._toNodeList((0,Le.children)())]).element,j.TempleRegistry.createText(`
- `,!1)]).element,j.TempleRegistry.createText(`
-`,!1)]).element]}};var S=M(I());R.emitter.once("ready",()=>{let t=document.querySelector("script[data-app]");if(!t)throw R.TempleException.for("APP_DATA not found");try{let m=atob(t.getAttribute("data-app"));window.__APP_DATA__=JSON.parse(m),Object.entries(window.__APP_DATA__).forEach(([h,x])=>{R.data.set(h,x)})}catch{throw R.TempleException.for("APP_DATA is not a valid JSON")}R.data.set("current","document");let e="/temple/index.html",r=Qe("Temple - The reactive web component template engine."),i=Qe("Temple is a template engine that generates web components and support reactivity."),n=m=>{document.body.classList.toggle("panel-left-open")};R.data.delete("current");let f={0:{class:"head panel-head"},1:{class:"menu fas fa-fw fa-bars",click:n},2:{href:"/temple"},3:{src:"/temple/temple-icon.png",alt:"Temple Logo"},5:{class:"tx-white",href:"/temple"},7:{class:"tx-white",href:"/temple/docs/index.html"},8:{class:"github",href:"https://github.com/OSSPhilippines/temple",target:"_blank"},9:{class:"fab fa-github"},10:{class:"npm",href:"https://www.npmjs.com/package/@ossph/temple",target:"_blank"},11:{class:"fab fa-npm text-white"},12:{class:"discord",href:"https://discord.gg/open-source-software-ph-905496362982981723",target:"_blank"},13:{class:"fab fa-discord text-white"},14:{class:"panel-main"},15:{class:"section-hero"},16:{src:"/temple/temple-icon.png",alt:"Temple Logo"},18:{p:!0,trim:!0},19:{primary:!0,xl:!0,rounded:!0,style:"margin-right:10px;",href:"/temple/docs/getting-started.html"},20:{secondary:!0,xl:!0,rounded:!0,href:"/temple/docs/index.html"},21:{class:"section-sample"},22:{p:!0,trim:!0},23:{title:"Basic Example"},24:{class:"split-view"},25:{numbers:!0,trim:!0,detab:14},29:{class:"section-bullets"},33:{p:!0,trim:!0},36:{p:!0,trim:!0},39:{p:!0,trim:!0},40:{class:"section-interactive"},42:{p:!0,trim:!0},43:{title:"Server Example"},44:{lang:"js",numbers:!0,trim:!0,detab:12},46:{p:!0,trim:!0},47:{title:"Props Example"},48:{class:"split-view"},49:{numbers:!0,trim:!0,detab:14},54:{p:!0,trim:!0},55:{title:"Signal Example"},56:{class:"split-view"},57:{numbers:!0,trim:!0,detab:14},62:{p:!0,trim:!0},63:{title:"Import Example"},64:{class:"split-view"},65:{numbers:!0,trim:!0,detab:14},66:{class:"div",trim:!0,detab:14},68:{p:!0,trim:!0},69:{title:"Conditional + Iteration Example"},70:{class:"split-view"},71:{numbers:!0,trim:!0,detab:14},72:{class:"div",trim:!0,detab:14},73:{class:"section-servers"},76:{href:"https://expressjs.com/",target:"_blank"},77:{src:"https://upload.wikimedia.org/wikipedia/commons/6/64/Expressjs.png",alt:"Express"},78:{href:"https://fastify.dev/",target:"_blank"},79:{src:"https://upload.wikimedia.org/wikipedia/commons/0/0a/Fastify_logo.svg",alt:"Fastify"},80:{href:"https://hapi.dev/",target:"_blank"},81:{src:"https://raw.githubusercontent.com/hapijs/assets/master/images/hapi.png",alt:"Hapi"},82:{href:"https://koajs.com/",target:"_blank"},83:{src:"https://cdn.icon-icons.com/icons2/2699/PNG/512/koajs_logo_icon_168379.png",alt:"Koa"},84:{href:"https://nestjs.com/",target:"_blank"},85:{src:"https://cdn.icon-icons.com/icons2/2699/PNG/512/nestjs_logo_icon_169927.png",alt:"NestJS"},86:{href:"http://restify.com/",target:"_blank"},87:{src:"https://raw.githubusercontent.com/restify/node-restify/gh-images/logo/png/restify_logo_black_transp_288x288.png?raw=true",alt:"Restify"},88:{class:"section-testimonials"},91:{name:"Joff Tiquez",handle:"@jrtiquez",href:"https://twitter.com/jrtiquez",src:"https://github.com/jofftiquez.png"},93:{name:"Primeagen",handle:"@theprimeagen",href:"https://twitter.com/ThePrimeagen",src:"https://pbs.twimg.com/profile_images/1759330620160049152/2i_wkOoK_400x400.jpg"},96:{name:"Kristian Quirapas",handle:"@YourCompanyCTO",href:"https://twitter.com/YourCompanyCTO",src:"https://avatars.githubusercontent.com/u/85150796?v=4"},98:{name:"Drizzle Team",handle:"@drizzle.team",href:"https://twitter.com/DrizzleORM",src:"https://pbs.twimg.com/profile_images/1767809210060877824/mAtEmNk0_400x400.jpg"},100:{name:"Chris B",handle:"@cblanquera",href:"https://twitter.com/cblanquera",src:"https://avatars.githubusercontent.com/u/120378?v=4"},102:{name:"Theo",handle:"@t3dotgg",href:"https://twitter.com/t3dotgg",src:"https://yt3.googleusercontent.com/4NapxEtLcHQ6wN2zA_DMmkOk47RFb_gy6sjSmUZGg_ARHjlIUjFsrNFddrcKMkTYpBNxCp3J=s160-c-k-c0x00ffffff-no-rj"},104:{class:"section-action"},106:{primary:!0,xl:!0,rounded:!0,style:"margin-right:10px;",href:"/temple/docs/getting-started.html"},107:{secondary:!0,xl:!0,rounded:!0,href:"/temple/docs/index.html"},108:{class:"foot"}};for(let m of document.body.querySelectorAll("*")){let h=Object.fromEntries(Array.from(m.attributes).map(k=>[k.nodeName,k.nodeValue.length>0?k.nodeValue:!0])),x=String(R.TempleRegistry.elements.size);f[x]&&(Object.assign(h,f[x]),m.TempleAttributes=f[x]),R.TempleRegistry.register(m,h)}customElements.define("panel-main",X),customElements.define("tui-button",Q),customElements.define("ide-code",ee),customElements.define("ide-preview",re),customElements.define("ide-app",ne),customElements.define("i18n-translate",se),customElements.define("tweet-box",ae),R.emitter.emit("mounted",document.body)});var cr={PanelMain_fd7f1af6410c5b5c8e1f:X,TuiButton_adebe13e99f6c9d5075e:Q,IdeCode_6f36bc13bb6a166c7abc:ee,IdePreview_f99bb2771682cb0390ea:re,IdeApp_05341fddbfd1fe4f273b:ne,I18nTranslate_7d25e372f5ffb5e39dad:se,TweetBox_5d0865ca9f2b26ab6c62:ae},dr="f01cefc94e8ee605f3f5";return $t(pr);})();
+ }`}template(){let{name:e,handle:s,href:a,src:r}=(0,We.props)();return()=>[S.TempleRegistry.createText(`
+`,!1),S.TempleRegistry.createElement("main",{class:"tweet-box"},[S.TempleRegistry.createText(`
+ `,!1),S.TempleRegistry.createElement("aside",{class:"avatar"},[S.TempleRegistry.createText(`
+ `,!1),S.TempleRegistry.createElement("img",{src:r,alt:s}).element,S.TempleRegistry.createText(`
+ `,!1)]).element,S.TempleRegistry.createText(`
+ `,!1),S.TempleRegistry.createElement("section",{class:"content"},[S.TempleRegistry.createText(`
+ `,!1),S.TempleRegistry.createElement("h3",{},[...this._toNodeList(e)]).element,S.TempleRegistry.createText(`
+ `,!1),S.TempleRegistry.createElement("a",{href:a,target:"_blank"},[...this._toNodeList(s)]).element,S.TempleRegistry.createText(`
+ `,!1),S.TempleRegistry.createElement("div",{class:"message"},[...this._toNodeList((0,We.children)())]).element,S.TempleRegistry.createText(`
+ `,!1)]).element,S.TempleRegistry.createText(`
+`,!1)]).element,S.TempleRegistry.createText(`
+`,!1)]}};var ct=function(t,...e){let s=Fs(t);for(let a=0;a{let t=document.querySelector("script[data-app]");if(!t)throw N.TempleException.for("APP_DATA not found");try{let u=atob(t.getAttribute("data-app"));window.__APP_DATA__=JSON.parse(u),Object.entries(window.__APP_DATA__).forEach(([_,g])=>{N.data.set(_,g)})}catch{throw N.TempleException.for("APP_DATA is not a valid JSON")}N.data.set("current","document");let e="/temple/index.html",s=ct("Temple - The reactive web component template engine."),a=ct("Temple is a template engine that generates web components and support reactivity.");N.data.delete("current");let r={2:{class:"flex flex-center-y px-20 py-15 m-0 bg-t-1"},3:{href:"/temple"},4:{alt:"Temple Logo",class:"h-26 mr-10",src:"/temple/temple-icon.png"},5:{class:"flex-grow tx-uppercase"},6:{class:"tx-white",href:"/temple"},7:{class:"flex flex-center-y"},8:{class:"tx-white",href:"/temple/docs/index.html"},9:{class:"tx-t-1 tx-5xl ml-10",href:"https://github.com/OSSPhilippines/temple",target:"_blank"},10:{class:"fab fa-github"},11:{class:"bg-h-cb3837 pill tx-t-1 tx-lg ml-5 p-5 tx-center",href:"https://www.npmjs.com/package/@ossph/temple",target:"_blank"},12:{class:"fab fa-npm text-white"},13:{class:"bg-h-7289da pill tx-t-1 tx-lg ml-5 p-5 tx-center",href:"https://discord.gg/open-source-software-ph-905496362982981723",target:"_blank"},14:{class:"fab fa-discord text-white"},15:{class:"scroll-auto"},16:{class:"bg-t-1 py-40 tx-center w-full"},17:{class:"h-100",src:"/temple/temple-icon.png",alt:"Temple Logo"},18:{class:"tx-40"},19:{p:!0,trim:!0,class:"tx-30 py-30 tx-lh-36"},20:{primary:!0,xl:!0,rounded:!0,class:"mr-10",href:"/temple/docs/getting-started.html"},21:{secondary:!0,xl:!0,rounded:!0,class:"inline-block",href:"/temple/docs/index.html"},22:{class:"m-auto wm-960 px-20"},23:{p:!0,trim:!0,class:"p-20 tx-center tx-lh-36 tx-18"},24:{class:"block",title:"Basic Example"},25:{class:"flex bg-white md-block"},26:{numbers:!0,trim:!0,detab:14,class:"basis-half"},27:{class:"basis-half"},30:{class:"bg-t-1 m-auto py-40 px-20 tx-center"},31:{class:"flex flex-center list-none p-0 tx-center md-block"},32:{class:"w-third wm-300 md-wm-400 md-w-auto md-m-auto"},33:{class:"p-10"},34:{class:"mb-20 tx-uppercase"},35:{p:!0,trim:!0,class:"tx-16 tx-lh-24"},36:{class:"w-third wm-300 md-wm-400 md-w-auto md-m-auto md-mt-20"},37:{class:"p-10"},38:{class:"mb-20 tx-uppercase"},39:{p:!0,trim:!0,class:"tx-16 tx-lh-24"},40:{class:"w-third wm-300 md-wm-400 md-w-auto md-m-auto md-mt-20"},41:{class:"p-10"},42:{class:"mb-20 tx-uppercase"},43:{p:!0,trim:!0,class:"tx-16 tx-lh-24"},44:{class:"m-auto wm-960 px-20 py-40"},45:{class:"mt-40 mb-20 tx-center tx-uppercase"},46:{p:!0,trim:!0,class:"tx-center tx-lh-24 mb-20"},47:{title:"Server Example"},48:{lang:"js",numbers:!0,trim:!0,detab:12},49:{class:"mt-40 mb-20 tx-center tx-uppercase"},50:{p:!0,trim:!0,class:"tx-center tx-lh-24 mb-20"},51:{title:"Props Example"},52:{class:"flex bg-white md-block"},53:{numbers:!0,trim:!0,detab:14,class:"basis-half"},54:{class:"basis-half"},57:{class:"mt-40 mb-20 tx-center tx-uppercase"},58:{p:!0,trim:!0,class:"tx-center tx-lh-24 mb-20"},59:{title:"Signal Example"},60:{class:"flex bg-white md-block"},61:{numbers:!0,trim:!0,detab:14,class:"basis-half"},62:{class:"basis-half"},65:{class:"mt-40 mb-20 tx-center tx-uppercase"},66:{p:!0,trim:!0,class:"tx-center tx-lh-24 mb-20"},67:{title:"Import Example"},68:{class:"flex bg-white md-block"},69:{numbers:!0,trim:!0,detab:14,class:"basis-half"},70:{class:"div basis-half",trim:!0,detab:14},71:{class:"mt-40 mb-20 tx-center tx-uppercase"},72:{p:!0,trim:!0,class:"tx-center tx-lh-24 mb-20"},73:{title:"Conditional + Iteration Example"},74:{class:"flex bg-white md-block"},75:{numbers:!0,trim:!0,detab:14,class:"basis-half"},76:{class:"div basis-half",trim:!0,detab:14},77:{class:"m-auto px-20 py-40 tx-center bg-h-cccccc"},78:{class:"tx-h-242424 tx-30 tx-uppercase"},79:{class:"flex flex-center flex-wrap mx-auto mt-40 mb-0 sm-block"},80:{class:"block basis-third mb-20",href:"https://expressjs.com/",target:"_blank"},81:{class:"h-60",src:"https://upload.wikimedia.org/wikipedia/commons/6/64/Expressjs.png",alt:"Express"},82:{class:"block basis-third mb-20",href:"https://fastify.dev/",target:"_blank"},83:{class:"h-60",src:"https://upload.wikimedia.org/wikipedia/commons/0/0a/Fastify_logo.svg",alt:"Fastify"},84:{class:"block basis-third mb-20",href:"https://hapi.dev/",target:"_blank"},85:{class:"h-60",src:"https://raw.githubusercontent.com/hapijs/assets/master/images/hapi.png",alt:"Hapi"},86:{class:"block basis-third mb-20",href:"https://koajs.com/",target:"_blank"},87:{class:"h-60",src:"https://cdn.icon-icons.com/icons2/2699/PNG/512/koajs_logo_icon_168379.png",alt:"Koa"},88:{class:"block basis-third mb-20",href:"https://nestjs.com/",target:"_blank"},89:{class:"h-60",src:"https://cdn.icon-icons.com/icons2/2699/PNG/512/nestjs_logo_icon_169927.png",alt:"NestJS"},90:{class:"block basis-third mb-20",href:"http://restify.com/",target:"_blank"},91:{class:"h-60",src:"https://raw.githubusercontent.com/restify/node-restify/gh-images/logo/png/restify_logo_black_transp_288x288.png?raw=true",alt:"Restify"},92:{class:"bg-t-1 m-auto py-40 px-20"},93:{class:"tx-26 tx-center"},94:{class:"flex flex-wrap md-block"},95:{class:"block basis-third lg-basis-half",name:"Joff Tiquez",handle:"@jrtiquez",href:"https://twitter.com/jrtiquez",src:"https://github.com/jofftiquez.png"},97:{class:"block basis-third lg-basis-half",name:"Primeagen",handle:"@theprimeagen",href:"https://twitter.com/ThePrimeagen",src:"https://pbs.twimg.com/profile_images/1759330620160049152/2i_wkOoK_400x400.jpg"},100:{class:"block basis-third lg-basis-half",name:"Kristian Quirapas",handle:"@YourCompanyCTO",href:"https://twitter.com/YourCompanyCTO",src:"https://avatars.githubusercontent.com/u/85150796?v=4"},102:{class:"block basis-third lg-basis-half",name:"Drizzle Team",handle:"@drizzle.team",href:"https://twitter.com/DrizzleORM",src:"https://pbs.twimg.com/profile_images/1767809210060877824/mAtEmNk0_400x400.jpg"},104:{class:"block basis-third lg-basis-half",name:"Chris B",handle:"@cblanquera",href:"https://twitter.com/cblanquera",src:"https://avatars.githubusercontent.com/u/120378?v=4"},106:{class:"block basis-third lg-basis-half",name:"Theo",handle:"@t3dotgg",href:"https://twitter.com/t3dotgg",src:"https://yt3.googleusercontent.com/4NapxEtLcHQ6wN2zA_DMmkOk47RFb_gy6sjSmUZGg_ARHjlIUjFsrNFddrcKMkTYpBNxCp3J=s160-c-k-c0x00ffffff-no-rj"},108:{class:"m-auto py-40 px-20 tx-center"},109:{class:"tx-26 mb-20"},110:{primary:!0,xl:!0,rounded:!0,class:"inline-block",style:"margin-right:10px;",href:"/temple/docs/getting-started.html"},111:{secondary:!0,xl:!0,rounded:!0,class:"inline-block",href:"/temple/docs/index.html"},112:{class:"foot"}};for(let u of document.body.querySelectorAll("*")){let _=Object.fromEntries(Array.from(u.attributes).map(y=>[y.nodeName,y.nodeValue.length>0?y.nodeValue:!0])),g=String(N.TempleRegistry.elements.size);r[g]&&(Object.assign(_,r[g]),u.TempleAttributes=r[g]),N.TempleRegistry.register(u,_)}customElements.define("panel-layout",ne),customElements.define("panel-head",ae),customElements.define("panel-main",ie),customElements.define("tui-button",le),customElements.define("ide-app",ce),customElements.define("ide-code",ue),customElements.define("ide-preview",de),customElements.define("i18n-translate",fe),customElements.define("tweet-box",pe),N.emitter.emit("mounted",document.body)});var Ps={PanelLayout_9f3ab204ce271feaf6f7:ne,PanelHead_2bf4dff19bc88ba4138b:ae,PanelMain_847772763f4518728ede:ie,TuiButton_d798a3059463b9c4868b:le,IdeApp_381239c61b65b86a1c20:ce,IdeCode_5294df1c620ef5ddbd2f:ue,IdePreview_ab5776d356e4ce3da5d5:de,I18nTranslate_0014b007fc91289b2776:fe,TweetBox_5d0865ca9f2b26ab6c62:pe},Ss="f01cefc94e8ee605f3f5";return Gt(Cs);})();
/*! Bundled license information:
prismjs/prism.js:
diff --git a/docs/build/client/f859bf7a335e9eba03e0.css b/docs/build/client/f859bf7a335e9eba03e0.css
index e69de29..6eec7b4 100644
--- a/docs/build/client/f859bf7a335e9eba03e0.css
+++ b/docs/build/client/f859bf7a335e9eba03e0.css
@@ -0,0 +1,215 @@
+html, body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+}
+
+h1, h2, h3, h4, h5, h6, p {
+ margin: 0;
+ padding: 0;
+}
+
+a {
+ text-decoration: none;
+}
+ html-head:not(:defined) { opacity: 0; }
+html-header:not(:defined) { opacity: 0; }
+html-aside:not(:defined) { opacity: 0; }
+panel-layout:not(:defined) { opacity: 0; }
+panel-head:not(:defined) { opacity: 0; }
+panel-left:not(:defined) { opacity: 0; }
+panel-main:not(:defined) { opacity: 0; }
+tui-alert:not(:defined) { opacity: 0; }
+api-docs:not(:defined) { opacity: 0; }
+api-ui:not(:defined) { opacity: 0; }
+ide-code:not(:defined) { opacity: 0; }
+i18n-translate:not(:defined) { opacity: 0; }
+ :root {
+ --black: #000000;
+ --white: #FFFFFF;
+ --info: #1474FC;
+ --error: #DC3545;
+ --warning: #FF7B07;
+ --success: #28A745;
+ --muted: #999999;
+}
+
+.light {
+ --bg-0: #EFEFEF;
+ --bg-1: #CFCFCF;
+ --bg-2: #AFAFAF;
+ --bg-3: #8F8F8F;
+ --bg-4: #6F6F6F;
+ --bd-0: #EFEFEF;
+ --bd-1: #CFCFCF;
+ --bd-2: #AFAFAF;
+ --bd-3: #8F8F8F;
+ --bd-4: #6F6F6F;
+ --bg-inverse: #242424;
+ --tx-0: #000000;
+ --tx-1: #242424;
+ --tx-inverse: #CFCFCF;
+}
+
+.dark {
+ --bg-0: #121212;
+ --bg-1: #222222;
+ --bg-2: #323232;
+ --bg-3: #424242;
+ --bg-4: #525252;
+ --bd-0: #121212;
+ --bd-1: #222222;
+ --bd-2: #323232;
+ --bd-3: #424242;
+ --bd-4: #525252;
+ --bg-inverse: #DBDBDB;
+ --tx-0: #FFFFFF;
+ --tx-1: #CFCFCF;
+ --tx-inverse: #222222;
+}
+ html-head { display: block; }
+html-header { display: block; }
+html-aside { display: block; }
+panel-layout { display: block; }
+panel-head { display: block; }
+panel-left { display: block; }
+panel-main { display: block; }
+tui-alert { display: block; }
+api-docs { display: block; }
+api-ui { display: block; }
+api-ide-code { display: block; }
+ide-code { display: block; }
+i18n-translate { display: block; }
+ .arial { font-family: Arial, sans-serif; }
+.none { display: none; }
+.block { display: block; }
+.flex { display: flex; }
+.inline { display: inline; }
+.transparent { opacity: 0; }
+.relative { position: relative; }
+.absolute { position: absolute; }
+.static { position: static; }
+.bottom-0 { bottom: 0px; }
+.bottom-60 { bottom: 60px; }
+.left-0 { left: 0px; }
+.left-226 { left: 226px; }
+.left-0 { left: 0px; }
+.left-226 { left: 226px; }
+.left--226 { left: -226px; }
+.right-0 { right: 0px; }
+.right-200 { right: 200px; }
+.right-0 { right: 0px; }
+.right-200 { right: 200px; }
+.top-0 { top: 0px; }
+.top-60 { top: 60px; }
+.flex-grow { flex-grow: 1; }
+.flex-center-y { align-items: center; }
+.scroll-auto { overflow: auto; }
+.scroll-hidden { overflow: hidden; }
+.scroll-x-hidden { overflow-x: hidden; }
+.scroll-y-auto { overflow-y: auto; }
+.h-full { height: 100%; }
+.h-26 { height: 26px; }
+.h-7289 { height: 7289px; }
+.h-905496362982981723 { height: 905496362982981723px; }
+.h-60 { height: 60px; }
+.h-24 { height: 24px; }
+.h-36 { height: 36px; }
+.h-calc-full-60 { height: calc(100% - 60px); }
+.vh { height: 100vh; }
+.w-full { width: 100%; }
+.w-226 { width: 226px; }
+.w-0 { width: 0px; }
+.bg-primary { background-color: var(--primary) !important; }
+.bg-secondary { background-color: var(--secondary) !important; }
+.bg-white { background-color: var(--white) !important; }
+.bg-info { background-color: var(--info) !important; }
+.bg-error { background-color: var(--error) !important; }
+.bg-warning { background-color: var(--warning) !important; }
+.bg-success { background-color: var(--success) !important; }
+.bg-muted { background-color: var(--muted) !important; }
+.bg-t-1 { background-color: var(--bg-1) !important; }
+.bg-t-2 { background-color: var(--bg-2) !important; }
+.bg-t-0 { background-color: var(--bg-0) !important; }
+.bg-h-cb3837 { background-color: #cb3837; }
+.bg-h-7289da { background-color: #7289da; }
+.tx-5 { font-size: 5px; }
+.tx-14 { font-size: 14px; }
+.tx-16 { font-size: 16px; }
+.tx-30 { font-size: 30px; }
+.tx-lg { font-size: 16px; }
+.tx-5xl { font-size: 26px; }
+.tx-center { text-align: center; }
+.tx-left { text-align: left; }
+.tx-right { text-align: right; }
+.tx-bold { font-weight: bold; }
+.tx-uppercase { text-transform: uppercase; }
+.tx-nowrap { white-space: nowrap; }
+.tx-top { vertical-align: top; }
+.tx-lh-24 { line-height: 24px; }
+.tx-lh-36 { line-height: 36px; }
+.tx-primary { color: var(--primary) !important; }
+.tx-secondary { color: var(--secondary) !important; }
+.tx-white { color: var(--white) !important; }
+.tx-info { color: var(--info) !important; }
+.tx-error { color: var(--error) !important; }
+.tx-warning { color: var(--warning) !important; }
+.tx-success { color: var(--success) !important; }
+.tx-muted { color: var(--muted) !important; }
+.tx-t-1 { color: var(--tx-1) !important; }
+.bd-solid { border-style: solid; }
+.bd-collapse { border-collapse: collapse; }
+.bd-primary { border-color: var(--primary) !important; }
+.bd-secondary { border-color: var(--secondary) !important; }
+.bd-info { border-color: var(--info) !important; }
+.bd-error { border-color: var(--error) !important; }
+.bd-warning { border-color: var(--warning) !important; }
+.bd-success { border-color: var(--success) !important; }
+.bd-muted { border-color: var(--muted) !important; }
+.bd-t-2 { border-color: var(--bd-2) !important; }
+.bdb-0 { border-bottom-width: 0px; }
+.bdt-1 { border-top-width: 1px; }
+.bdx-0 { border-left-width: 0px; border-right-width: 0px; }
+.curved { border-radius: 4px; }
+.rounded { border-radius: 12px; }
+.pill { border-radius: 10000px; }
+.m-0 { margin: 0px; }
+.m-0 { margin: 0px; }
+.m-60 { margin: 60px; }
+.mb-0 { margin-bottom: 0px; }
+.mb-100 { margin-bottom: 100px; }
+.mb-20 { margin-bottom: 20px; }
+.ml-10 { margin-left: 10px; }
+.ml-5 { margin-left: 5px; }
+.mr-10 { margin-right: 10px; }
+.mt-0 { margin-top: 0px; }
+.mt-20 { margin-top: 20px; }
+.my-40 { margin-top: 40px; margin-bottom: 40px; }
+.p-5 { padding: 5px; }
+.p-0 { padding: 0px; }
+.p-60 { padding: 60px; }
+.p-16 { padding: 16px; }
+.p-10 { padding: 10px; }
+.pb-10 { padding-bottom: 10px; }
+.pl-10 { padding-left: 10px; }
+.pr-10 { padding-right: 10px; }
+.pr-5 { padding-right: 5px; }
+.pt-20 { padding-top: 20px; }
+.px-20 { padding-left: 20px; padding-right: 20px; }
+.py-15 { padding-top: 15px; padding-bottom: 15px; }
+.py-5 { padding-top: 5px; padding-bottom: 5px; }
+.py-10 { padding-top: 10px; padding-bottom: 10px; }
+.py-20 { padding-top: 20px; padding-bottom: 20px; }
+.py-40 { padding-top: 40px; padding-bottom: 40px; }
+.cursor-pointer { cursor: pointer; }
+.transition-500 { transition: 500ms; }
+.shadow-0-0-10-0-0-0-5 { box-shadow: 0px 0px 10px rgb(0, 0, 0, 0.5); }
+@media (max-width: 767px) {
+ .md-inline-block { display: inline-block; }
+ .md-left-0 { left: 0px; }
+ .md-left-226 { left: 226px; }
+ .md-left--226 { left: -226px; }
+ .md-right-0 { right: 0px; }
+ .md-right-200 { right: 200px; }
+}
\ No newline at end of file
diff --git a/docs/build/client/f859bf7a335e9eba03e0.html b/docs/build/client/f859bf7a335e9eba03e0.html
index 6945732..f9e8bf8 100644
--- a/docs/build/client/f859bf7a335e9eba03e0.html
+++ b/docs/build/client/f859bf7a335e9eba03e0.html
@@ -18,91 +18,148 @@
-
+
-
-
-
-
-
-
-
-