From d86f9cf4e3cff3f12a11363ef8bcbfbc13d7414e Mon Sep 17 00:00:00 2001
From: Dino Reic <rejotl@gmail.com>
Date: Mon, 15 Jul 2024 14:34:59 +0200
Subject: [PATCH] copy code in example

---
 README.md          |  66 ++++++++++--------
 demo/fez/todo.html |   2 +-
 demo/fez/todo.js   |   4 +-
 demo/main.css      |  43 +++++++++---
 dist/fez.js        |   6 +-
 dist/fez.js.map    |   6 +-
 index.html         | 162 ++++++++++++++++++++++++++++++++-------------
 index.html.tpl     |  28 ++++++--
 package.json       |   5 +-
 src/fez.js         |  32 ++++-----
 10 files changed, 234 insertions(+), 120 deletions(-)

diff --git a/README.md b/README.md
index c536b7a..dc1535a 100644
--- a/README.md
+++ b/README.md
@@ -73,6 +73,12 @@ Fez.globalCss(`
   ...
 `)
 
+// internal, get unique ID for a string, poor mans MD5 / SHA1
+Fez.fnv1('some string')
+
+// get generated css class name, from scss source string
+Fez.css(text)
+
 // define custom DOM node name -> <foo-bar>...
 Fez('foo-bar', class extends FezBase {
   // set element node name, set as property or method, defaults to DIV
@@ -104,28 +110,15 @@ Fez('foo-bar', class extends FezBase {
   static html = `...`
 
   connect(props) {
-    // internal, get unique ID for a string, poor mans MD5
-    const uid = this.klass.fnv1('some string')
-
     // copy attributes from attr hash to root node
     this.copy('href', 'onclick', 'style')
 
-    // internal, check if node is attached
-    this.isAttached()
-
-    // copy all child nodes from source to target, without target returns tm node
-    this.slot(someNode, tmpRoot)
-    const tmpRoot = this.slot(self.root)
-
     // clasic interval, that rune only while node is attached
     this.setInterval(func, tick) { ... }
 
     // get closest form data, as object
     this.formData()
 
-    // get generated css class (uses gobber.js)
-    const localCssClass = this.css(text)
-
     // mounted DOM node root
     this.root
 
@@ -143,35 +136,52 @@ Fez('foo-bar', class extends FezBase {
 
     // gets value for FORM fields or node innerHTML
     this.val(selector)
-
-    // gets root childNodes. pass function to loop forEach on selection
-    this.childNodes(func)
+    // set value to a node, uses value or innerHTML
+    this.val(selector, value)
 
     // you can publish globaly, and subscribe localy
     Fez.publish('channel', foo)
     this.subscribe('channel', (foo) => { ... })
 
+    // gets root childNodes. pass function to loop forEach on selection
+    this.childNodes(func)
+
+    // check if the this.root node is attached to dom
+    this.isAttached()
+
     // on every "this.data" props change, auto update view.
     this.data = this.reactiveStore()
 
     // render template and attach result dom to root. uses Idiomorph for DOM morph
     this.html(`
-      {{if @list}}
-        <ul>
-          {{#each this.list as name, index}} // runs in node scope
+      <!-- resolve any condition -->
+      {{if this.list[0]}}
+
+        <!-- fez-this will link DOM node to object property (inspired by Svelte) -->
+        <ul fez-this="listRoot">
+
+          <!-- runs in node scope -->
+          {{#each this.list as name, index}}
+
+          <!-- @ will be replaced with this. (inspired by CoffeeScript) -->
           {{#each @list as name, index}}
-          {{#for name, i in @list} // you can use for loop
-            <li>
-              <input onkeyup="$$.list[{{ index }}].name = this.value" value="{{ name }}" /> // $$ will point to fez instance
+
+          <!-- you can use for loop -->
+          {{#for name, i in @list}
+
+            <!--
+              fez-use will call object function by name, and pass current node,
+              when node is added to dom (Inspired by Svelte)
+            -->
+            <li fez-use="animate">
+
+              <!-- $$ will point to fez instance, same as Fez(this) -->
+              <input onkeyup="$$.list[{{ index }}].name = this.value" value="{{ name }}" />
+
             </li>
           {{/list}}
         </ul>
       {{/if}}
-      <span class="btn" onclick="$$.getData()">read</span>
-
-      <h3>Svelte inspired</h3>
-      <span fez-this="data.foo">bind this node to this.data.foo</span>
-      <span fez-use="colorize">pass this node to this.colorize</span>
     `)
   }
   // you can render to another root too
@@ -184,7 +194,7 @@ Fez('foo-bar', class extends FezBase {
 
 ## Examples / playground
 
-Examples are avaliable on [jsitor](https://jsitor.com/QoResUvMc).
+Examples are avaliable on [jsitor](https://jsitor.com/QoResUvMc) or [local GH pages](dux.github.io/fez/).
 
 ## More in detail
 
diff --git a/demo/fez/todo.html b/demo/fez/todo.html
index 76be3b6..d5586f2 100644
--- a/demo/fez/todo.html
+++ b/demo/fez/todo.html
@@ -1,3 +1,3 @@
-Todo app demo, features reactiveStore, fez-use, runtime scss. <a href="https://todomvc.com/" target="mvc">ToDo MVC candidate</a> (<a href="https://github.com/tastejs/todomvc/tree/master/examples/react/src">React</a>, <a href="https://github.com/tastejs/todomvc/tree/master/examples/vue/src">Vue</a>, <a href="https://github.com/tastejs/todomvc/tree/master/examples/angular/src">Angular</a>)
+Todo app demo, features reactiveStore, fez-use &sdot; <a href="https://todomvc.com/" target="mvc">ToDo MVC candidate</a> (<a href="https://github.com/tastejs/todomvc/tree/master/examples/react/src">React</a>, <a href="https://github.com/tastejs/todomvc/tree/master/examples/vue/src">Vue</a>, <a href="https://github.com/tastejs/todomvc/tree/master/examples/angular/src">Angular</a>)
 
 <ui-todo></ui-todo>
diff --git a/demo/fez/todo.js b/demo/fez/todo.js
index aafed41..f10f3a5 100644
--- a/demo/fez/todo.js
+++ b/demo/fez/todo.js
@@ -12,14 +12,14 @@ Fez('ui-todo', class extends FezBase {
         <p>
       {{/if}}
         <input
-          type="text" name="" value="{{ task.name }}"
+          type="text"
+          value="{{ task.name }}"
           onkeyup="$$.setName({{ index }}, this.value)"
           style="{{ task.done ? 'background-color: #ccc;' : '' }}"
         />
         &sdot;
         <input
           type="checkbox"
-          name=""
           {{ task.done ? 'checked=""' : '' }}
           onclick="$$.toggleComplete({{ index }})"
         />
diff --git a/demo/main.css b/demo/main.css
index cf785e8..370cbbc 100644
--- a/demo/main.css
+++ b/demo/main.css
@@ -5,24 +5,15 @@ body {
 
 .flex {
   display: flex;
-  justify-items: baseline;
-  align-items: baseline;
   gap: 20px;
 
   > div {
+    width: 50%;
     flex: 1;
   }
 }
 
-.arrow {
-  font-size: 50px;
-  text-align: center;
-  color: #aaa;
-  padding: 10px;
-}
-
 pre {
-  max-width: 700px;
   overflow: auto;
 
   code {
@@ -33,9 +24,41 @@ pre {
 h2 {
   border-top: 1px solid #ccc;
   padding-top: 20px;
+  margin-bottom: 0;
 }
 
 input {
   padding: 5px 10px;
   font-size: 16px;
 }
+
+.arrow {
+  font-size: 50px;
+  text-align: center;
+  color: #aaa;
+  padding: 10px;
+}
+
+.body {
+  padding-top: 30px;
+}
+
+.relative {
+  margin-bottom: -40px;
+  position: relative;
+
+  .copy {
+    padding: 2px 10px;
+    background-color: #888;
+    border-radius: 4px;
+    color: #fff;
+    border: none;
+    position: absolute;
+    float: right;
+    right: 10px;
+    top: 7px;
+    z-index: 1;
+    font-size: 14px;
+    cursor: pointer;
+  }
+}
diff --git a/dist/fez.js b/dist/fez.js
index e83f55d..2b9c0f7 100644
--- a/dist/fez.js
+++ b/dist/fez.js
@@ -1,4 +1,4 @@
-(()=>{function q(l,e){let i=/(\r\n|\r|\n)/g,a=/{{\s*(.+?)\s*}}/g,p=/^each\s+(.*)\s+as\s+(.*)$/,d=/^if\s+(.*)$/,u=/^else if\s+(.*)$/;function o(A){let E=T=>T.replaceAll("@","this."),R=`
+(()=>{function q(l,e){let s=/(\r\n|\r|\n)/g,o=/{{\s*(.+?)\s*}}/g,p=/^each\s+(.*)\s+as\s+(.*)$/,d=/^if\s+(.*)$/,u=/^else if\s+(.*)$/;function a(A){let E=T=>T.replaceAll("@","this."),R=`
       let _strings = [], _sequence = [], _values = [];
 
       function htmlEscape(text) {
@@ -13,7 +13,7 @@
         }
       }
 
-      _sequence.push('${A.trim().replace(i,"\\n").replace(a,(T,y)=>{if(y=y.replace(/^[#:]/,""),y.startsWith("each")||y.startsWith("for")){let S=y.split(/\s+/);if(S.shift()==="for"){let N=S.pop();S.pop(),y=`each ${N} as ${S.join(" ")}`}let z=p.exec(y);if(z)return z[1]=E(z[1]),`');
+      _sequence.push('${A.trim().replace(s,"\\n").replace(o,(T,y)=>{if(y=y.replace(/^[#:]/,""),y.startsWith("each")||y.startsWith("for")){let S=y.split(/\s+/);if(S.shift()==="for"){let N=S.pop();S.pop(),y=`each ${N} as ${S.join(" ")}`}let z=p.exec(y);if(z)return z[1]=E(z[1]),`');
  (!Array.isArray(${z[1]}) ? Array.from(Object.entries(${z[1]} || []), ([key, value]) => [key, value]) : ${z[1]}).forEach((${z[2]}) => { _sequence.push('`}else if(y.startsWith("if")){let S=d.exec(y);if(S)return S[1]=E(S[1]),`');
  if (${S[1]}) { _sequence.push('`}else if(y.startsWith("else if")){let S=u.exec(y);if(S)return S[1]=E(S[1]),`');
  } else if (${S[1]}) { _sequence.push('`}else{if(y==="else")return`');
@@ -26,5 +26,5 @@
  _sequence.push('`})}');
       _strings.push(_sequence.join(''));
       return [_strings, _values];
-    `;return new Function("_data",R)}function m(A){let E=o(A);return()=>{let[R,T]=E.bind(e)();return R.reduce((y,k,S)=>y+T[S-1]+k)}}function g(A){let E=new Set(["area","base","br","col","embed","hr","img","input","link","meta","source","track","wbr"]);return A.replace(/<([a-z-]+)\b([^>]*)\/>/g,(R,T,y)=>E.has(T)?R:`<${T}${y}></${T}>`)}return l=g(l),m(l)}var Y=function(){"use strict";let l=new Set,e={morphStyle:"outerHTML",callbacks:{beforeNodeAdded:T,afterNodeAdded:T,beforeNodeMorphed:T,afterNodeMorphed:T,beforeNodeRemoved:T,afterNodeRemoved:T,beforeAttributeUpdated:T},head:{style:"merge",shouldPreserve:function(t){return t.getAttribute("im-preserve")==="true"},shouldReAppend:function(t){return t.getAttribute("im-re-append")==="true"},shouldRemove:T,afterHeadMorphed:T}};function i(t,r,s={}){t instanceof Document&&(t=t.documentElement),typeof r=="string"&&(r=re(r));let f=ne(r),c=k(t,f,s);return a(t,f,c)}function a(t,r,s){if(s.head.block){let f=t.querySelector("head"),c=r.querySelector("head");if(f&&c){let h=E(c,f,s);Promise.all(h).then(function(){a(t,r,Object.assign(s,{head:{block:!1,ignore:!0}}))});return}}if(s.morphStyle==="innerHTML")return u(r,t,s),t.children;if(s.morphStyle==="outerHTML"||s.morphStyle==null){let f=se(r,t,s),c=f?.previousSibling,h=f?.nextSibling,b=d(t,f,s);return f?ie(c,b,h):[]}else throw"Do not understand how to morph style "+s.morphStyle}function p(t,r){return r.ignoreActiveValue&&t===document.activeElement&&t!==document.body}function d(t,r,s){if(!(s.ignoreActive&&t===document.activeElement))return r==null?s.callbacks.beforeNodeRemoved(t)===!1?t:(t.remove(),s.callbacks.afterNodeRemoved(t),null):z(t,r)?(s.callbacks.beforeNodeMorphed(t,r)===!1||(t instanceof HTMLHeadElement&&s.head.ignore||(t instanceof HTMLHeadElement&&s.head.style!=="morph"?E(r,t,s):(m(r,t,s),p(t,s)||u(r,t,s))),s.callbacks.afterNodeMorphed(t,r)),t):s.callbacks.beforeNodeRemoved(t)===!1||s.callbacks.beforeNodeAdded(r)===!1?t:(t.parentElement.replaceChild(r,t),s.callbacks.afterNodeAdded(r),s.callbacks.afterNodeRemoved(t),r)}function u(t,r,s){let f=t.firstChild,c=r.firstChild,h;for(;f;){if(h=f,f=h.nextSibling,c==null){if(s.callbacks.beforeNodeAdded(h)===!1)return;r.appendChild(h),s.callbacks.afterNodeAdded(h),j(s,h);continue}if(S(h,c,s)){d(c,h,s),c=c.nextSibling,j(s,h);continue}let b=ee(t,r,h,c,s);if(b){c=N(c,b,s),d(b,h,s),j(s,h);continue}let M=te(t,r,h,c,s);if(M){c=N(c,M,s),d(M,h,s),j(s,h);continue}if(s.callbacks.beforeNodeAdded(h)===!1)return;r.insertBefore(h,c),s.callbacks.afterNodeAdded(h),j(s,h)}for(;c!==null;){let b=c;c=c.nextSibling,U(b,s)}}function o(t,r,s,f){return t==="value"&&f.ignoreActiveValue&&r===document.activeElement?!0:f.callbacks.beforeAttributeUpdated(t,r,s)===!1}function m(t,r,s){let f=t.nodeType;if(f===1){let c=t.attributes,h=r.attributes;for(let b of c)o(b.name,r,"update",s)||r.getAttribute(b.name)!==b.value&&r.setAttribute(b.name,b.value);for(let b=h.length-1;0<=b;b--){let M=h[b];o(M.name,r,"remove",s)||t.hasAttribute(M.name)||r.removeAttribute(M.name)}}(f===8||f===3)&&r.nodeValue!==t.nodeValue&&(r.nodeValue=t.nodeValue),p(r,s)||A(t,r,s)}function g(t,r,s,f){if(t[s]!==r[s]){let c=o(s,r,"update",f);c||(r[s]=t[s]),t[s]?c||r.setAttribute(s,t[s]):o(s,r,"remove",f)||r.removeAttribute(s)}}function A(t,r,s){if(t instanceof HTMLInputElement&&r instanceof HTMLInputElement&&t.type!=="file"){let f=t.value,c=r.value;g(t,r,"checked",s),g(t,r,"disabled",s),t.hasAttribute("value")?f!==c&&(o("value",r,"update",s)||(r.setAttribute("value",f),r.value=f)):o("value",r,"remove",s)||(r.value="",r.removeAttribute("value"))}else if(t instanceof HTMLOptionElement)g(t,r,"selected",s);else if(t instanceof HTMLTextAreaElement&&r instanceof HTMLTextAreaElement){let f=t.value,c=r.value;if(o("value",r,"update",s))return;f!==c&&(r.value=f),r.firstChild&&r.firstChild.nodeValue!==f&&(r.firstChild.nodeValue=f)}}function E(t,r,s){let f=[],c=[],h=[],b=[],M=s.head.style,H=new Map;for(let _ of t.children)H.set(_.outerHTML,_);for(let _ of r.children){let L=H.has(_.outerHTML),F=s.head.shouldReAppend(_),B=s.head.shouldPreserve(_);L||B?F?c.push(_):(H.delete(_.outerHTML),h.push(_)):M==="append"?F&&(c.push(_),b.push(_)):s.head.shouldRemove(_)!==!1&&c.push(_)}b.push(...H.values());let X=[];for(let _ of b){let L=document.createRange().createContextualFragment(_.outerHTML).firstChild;if(s.callbacks.beforeNodeAdded(L)!==!1){if(L.href||L.src){let F=null,B=new Promise(function(ue){F=ue});L.addEventListener("load",function(){F()}),X.push(B)}r.appendChild(L),s.callbacks.afterNodeAdded(L),f.push(L)}}for(let _ of c)s.callbacks.beforeNodeRemoved(_)!==!1&&(r.removeChild(_),s.callbacks.afterNodeRemoved(_));return s.head.afterHeadMorphed(r,{added:f,kept:h,removed:c}),X}function R(){}function T(){}function y(t){let r={};return Object.assign(r,e),Object.assign(r,t),r.callbacks={},Object.assign(r.callbacks,e.callbacks),Object.assign(r.callbacks,t.callbacks),r.head={},Object.assign(r.head,e.head),Object.assign(r.head,t.head),r}function k(t,r,s){return s=y(s),{target:t,newContent:r,config:s,morphStyle:s.morphStyle,ignoreActive:s.ignoreActive,ignoreActiveValue:s.ignoreActiveValue,idMap:fe(t,r),deadIds:new Set,callbacks:s.callbacks,head:s.head}}function S(t,r,s){return t==null||r==null?!1:t.nodeType===r.nodeType&&t.tagName===r.tagName?t.id!==""&&t.id===r.id?!0:O(s,t,r)>0:!1}function z(t,r){return t==null||r==null?!1:t.nodeType===r.nodeType&&t.tagName===r.tagName}function N(t,r,s){for(;t!==r;){let f=t;t=t.nextSibling,U(f,s)}return j(s,r),r.nextSibling}function ee(t,r,s,f,c){let h=O(c,s,r),b=null;if(h>0){let M=f,H=0;for(;M!=null;){if(S(s,M,c))return M;if(H+=O(c,M,t),H>h)return null;M=M.nextSibling}}return b}function te(t,r,s,f,c){let h=f,b=s.nextSibling,M=0;for(;h!=null;){if(O(c,h,t)>0)return null;if(z(s,h))return h;if(z(b,h)&&(M++,b=b.nextSibling,M>=2))return null;h=h.nextSibling}return h}function re(t){let r=new DOMParser,s=t.replace(/<svg(\s[^>]*>|>)([\s\S]*?)<\/svg>/gim,"");if(s.match(/<\/html>/)||s.match(/<\/head>/)||s.match(/<\/body>/)){let f=r.parseFromString(t,"text/html");if(s.match(/<\/html>/))return f.generatedByIdiomorph=!0,f;{let c=f.firstChild;return c?(c.generatedByIdiomorph=!0,c):null}}else{let c=r.parseFromString("<body><template>"+t+"</template></body>","text/html").body.querySelector("template").content;return c.generatedByIdiomorph=!0,c}}function ne(t){if(t==null)return document.createElement("div");if(t.generatedByIdiomorph)return t;if(t instanceof Node){let r=document.createElement("div");return r.append(t),r}else{let r=document.createElement("div");for(let s of[...t])r.append(s);return r}}function ie(t,r,s){let f=[],c=[];for(;t!=null;)f.push(t),t=t.previousSibling;for(;f.length>0;){let h=f.pop();c.push(h),r.parentElement.insertBefore(h,r)}for(c.push(r);s!=null;)f.push(s),c.push(s),s=s.nextSibling;for(;f.length>0;)r.parentElement.insertBefore(f.pop(),r.nextSibling);return c}function se(t,r,s){let f;f=t.firstChild;let c=f,h=0;for(;f;){let b=le(f,r,s);b>h&&(c=f,h=b),f=f.nextSibling}return c}function le(t,r,s){return z(t,r)?.5+O(s,t,r):0}function U(t,r){j(r,t),r.callbacks.beforeNodeRemoved(t)!==!1&&(t.remove(),r.callbacks.afterNodeRemoved(t))}function oe(t,r){return!t.deadIds.has(r)}function ae(t,r,s){return(t.idMap.get(s)||l).has(r)}function j(t,r){let s=t.idMap.get(r)||l;for(let f of s)t.deadIds.add(f)}function O(t,r,s){let f=t.idMap.get(r)||l,c=0;for(let h of f)oe(t,h)&&ae(t,h,s)&&++c;return c}function G(t,r){let s=t.parentElement,f=t.querySelectorAll("[id]");for(let c of f){let h=c;for(;h!==s&&h!=null;){let b=r.get(h);b==null&&(b=new Set,r.set(h,b)),b.add(c.id),h=h.parentElement}}}function fe(t,r){let s=new Map;return G(t,s),G(r,s),s}return{morph:i,defaults:e}}();var ce={data:""},J=l=>typeof window=="object"?((l?l.querySelector("#_goober"):window._goober)||Object.assign((l||document.head).appendChild(document.createElement("style")),{innerHTML:" ",id:"_goober"})).firstChild:l||ce,de=l=>{let e=J(l),i=e.data;return e.data="",i},he=/(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g,pe=/\/\*[^]*?\*\/|  +/g,Z=/\n+/g,C=(l,e)=>{let i="",a="",p="";for(let d in l){let u=l[d];d[0]=="@"?d[1]=="i"?i=d+" "+u+";":a+=d[1]=="f"?C(u,d):d+"{"+C(u,d[1]=="k"?"":e)+"}":typeof u=="object"?a+=C(u,e?e.replace(/([^,])+/g,o=>d.replace(/(^:.*)|([^,])+/g,m=>/&/.test(m)?m.replace(/&/g,o):o?o+" "+m:m)):d):u!=null&&(d=/^--/.test(d)?d:d.replace(/[A-Z]/g,"-$&").toLowerCase(),p+=C.p?C.p(d,u):d+":"+u+";")}return i+(e&&p?e+"{"+p+"}":p)+a},w={},K=l=>{if(typeof l=="object"){let e="";for(let i in l)e+=i+K(l[i]);return e}return l},me=(l,e,i,a,p)=>{let d=K(l),u=w[d]||(w[d]=(m=>{let g=0,A=11;for(;g<m.length;)A=101*A+m.charCodeAt(g++)>>>0;return"go"+A})(d));if(!w[u]){let m=d!==l?l:(g=>{let A,E,R=[{}];for(;A=he.exec(g.replace(pe,""));)A[4]?R.shift():A[3]?(E=A[3].replace(Z," ").trim(),R.unshift(R[0][E]=R[0][E]||{})):R[0][A[1]]=A[2].replace(Z," ").trim();return R[0]})(l);w[u]=C(p?{["@keyframes "+u]:m}:m,i?"":"."+u)}let o=i&&w.g?w.g:null;return i&&(w.g=w[u]),((m,g,A,E)=>{E?g.data=g.data.replace(E,m):g.data.indexOf(m)===-1&&(g.data=A?m+g.data:g.data+m)})(w[u],e,a,o),u},be=(l,e,i)=>l.reduce((a,p,d)=>{let u=e[d];if(u&&u.call){let o=u(i),m=o&&o.props&&o.props.className||/^go/.test(o)&&o;u=m?"."+m:o&&typeof o=="object"?o.props?"":C(o,""):o===!1?"":o}return a+p+(u??"")},"");function P(l){let e=this||{},i=l.call?l(e.p):l;return me(i.unshift?i.raw?be(i,[].slice.call(arguments,1),e.p):i.reduce((a,p)=>Object.assign(a,p&&p.call?p(e.p):p),{}):i,J(e.target),e.g,e.o,e.k)}var Q,V,D,ge=P.bind({g:1}),ye=P.bind({k:1});function ve(l,e,i,a){C.p=e,Q=l,V=i,D=a}function Ae(l,e){let i=this||{};return function(){let a=arguments;function p(d,u){let o=Object.assign({},d),m=o.className||p.className;i.p=Object.assign({theme:V&&V()},o),i.o=/ *go\d+/.test(m),o.className=P.apply(i,a)+(m?" "+m:""),e&&(o.ref=u);let g=l;return l[0]&&(g=o.as||l,delete o.as),D&&g[0]&&D(o),Q(g,o)}return e?e(p):p}}var x={css:P,extractCss:de,glob:ge,keyframes:ye,setup:ve,styled:Ae};function W(l,e={},i){if(typeof e=="string"&&([e,i]=[i,e],e||={}),e instanceof Node&&(i=e,e={}),Array.isArray(l)&&(i=l,l="div"),(typeof e!="object"||Array.isArray(e))&&(i=e,e={}),l.includes(".")){let p=l.split(".");l=p.shift()||"div";let d=p.join(" ");e.class?e.class+=` ${d}`:e.class=d}let a=document.createElement(l);for(let[p,d]of Object.entries(e))if(typeof d=="function")a[p]=d.bind(this);else{let u=String(d).replaceAll("$$.",this.fezHtmlRoot);a.setAttribute(p,u)}if(i)if(Array.isArray(i))for(let p of i)a.appendChild(p);else i instanceof Node?a.appendChild(i):a.innerHTML=String(i);return a}var I=class{static __objects=[];static find(e,i){return v.find(e,i)}static fnv1(e){var i,a,p,d,u,o;for(i=2166136261,a=16777619,p=i,d=u=0,o=e.length-1;0<=o?u<=o:u>=o;d=0<=o?++u:--u)p^=e.charCodeAt(d),p*=a;return p.toString(36).replaceAll("-","")}static getProps(e){let i={};for(let a of e.attributes)i[a.name]=a.value;return i}static formData(e){let i=new FormData(e.closest("form")),a={};return i.forEach((p,d)=>{a[d]=p}),a}static fastBind(){return!1}constructor(){this.__int={}}n=W;get fezHtmlRoot(){return`Fez.find(this, "${this.fezName}").`}get isAttached(){return this.root?.parentNode?!0:(Object.keys(this.__int).forEach(e=>{clearInterval(this.__int[e])}),this.root.fez=null,this.root=null,!1)}prop(e){let i=this.oldRoot[e]||this.props[e];return typeof i=="function"&&(i=i.bind(this.root)),i}copy(){for(let e of Array.from(arguments)){let i=this.props[e];if(i!==void 0){if(e=="class"){let a=this.root.getAttribute(e,i);a&&(i=[a,i].join(" "))}typeof i=="string"?this.root.setAttribute(e,i):this.root[e]=i}}}slot(e,i){i||=document.createElement("template");let a=i.nodeName=="SLOT";for(;e.firstChild;)a?i.parentNode.insertBefore(e.lastChild,i.nextSibling):i.appendChild(e.firstChild);return a?i.parentNode.removeChild(i):e.innerHTML="",i}style(){console.error("call Fez static style")}connect(){console.error('Fez is missing "connect" method.',this.root)}parseHtml(e,i){if(typeof e=="object"&&(e=e[0]),e=e.replaceAll("$$.",this.fezHtmlRoot.replaceAll('"',"&quot;")),e.includes("{{"))try{e=q(e,this)()}catch(a){console.error(`Fez stache template error in "${this.fezName}"`,a)}return e}html(e,i){e||(e=this._fez_html_func||console.error(`Fez error ${this.fezName}: class template not defined (static html = '...')`)),typeof i>"u"&&(i=e,e=this.root),typeof e=="string"&&(e=this.find(e));let a=document.createElement("div");typeof i=="function"&&(i=i()),Array.isArray(i)?i[0]instanceof Node?i.forEach(u=>{a.appendChild(u)}):i=i.join(""):typeof i=="string"?a.innerHTML=this.parseHtml(i):i&&a.appendChild(i);let p=a.querySelector("slot");p&&this.slot(e,p),v.morphdom(e,a);let d=(u,o)=>{e.querySelectorAll(`*[${u}]`).forEach(m=>{let g=m.getAttribute(u);m.removeAttribute(u),g&&o.bind(this)(g,m)})};d("fez-this",(u,o)=>{this[u]=o}),d("fez-use",(u,o)=>{let m=this[u];typeof m=="function"?m(o):console.error(`Fez error: "${u}" is not a function in ${this.fezName}`)}),d("fez-class",u=>{let o=u.split(/\s+/),m=o.pop();o.forEach(g=>n.classList.add(g)),m&&setTimeout(()=>{n.classList.add(m)},1e3)})}setInterval(e,i,a){return typeof e=="number"&&([i,e]=[e,i]),a||=this.class.fnv1(String(e)),clearInterval(this.__int[a]),this.__int[a]=setInterval(()=>{this.isAttached&&e()},i),this.__int[a]}css(e,i){let a=v.css(e);return i&&this.root.classList.add(a),a}find(e){return this.root.querySelector(e)}val(e,i){let a=this.find(".time");["INPUT","TEXTAREA","SELECT"].includes(a.nodeName)?a.value=i:a.innerHTML=new Date}formData(e){return this.class.formData(e||this.root)}attr(e,i){return typeof i>"u"?this.root.getAttribute(e):(this.root.setAttribute(e,i),i)}childNodes(e){let i=Array.from(this.root.querySelectorAll(":scope > *"));if(e)i.forEach(e);else return i}subscribe(e,i){v._subs||={},v._subs[e]||=[],v._subs[e]=v._subs[e].filter(a=>a[0].isAttached),v._subs[e].push([this,i])}fezRegister(){this.class.css&&(typeof this.class.css=="function"&&(this.class.css=this.class.css(this)),this.class.css.includes(":")&&(this.class.css=v.css(this.class.css)),this.root.classList.add(this.class.css)),this.fezRegisterBindMethods()}fezRegisterBindMethods(){Object.getOwnPropertyNames(Object.getPrototypeOf(this)).filter(i=>i!=="constructor"&&typeof this[i]=="function").forEach(i=>this[i]=this[i].bind(this))}reactiveStore(e,i){e||={},i||=(p,d,u)=>{this._nextRenderTick||=window.requestAnimationFrame(()=>{v.info("reactive render"),this.html(),this._nextRenderTick=null},0)},i.bind(this);function a(p,d){return typeof p!="object"||p===null?p:new Proxy(p,{set(u,o,m,g){typeof m=="object"&&m!==null&&(m=a(m,d));let A=Reflect.set(u,o,m,g);return d(u,o,m),A},get(u,o,m){let g=Reflect.get(u,o,m);return typeof g=="object"&&g!==null?a(g,d):g}})}return a(e,i)}};setInterval(()=>{I.__objects=I.__objects.filter(l=>l.isAttached)},1e4);var _e=new MutationObserver((l,e)=>{for(let i of l)if(i.type==="attributes"){let a=i.target.fez,p=i.attributeName,d=i.target.getAttribute(p);a.props[p]=d,a.onPropsChange(p,d)}}),v=(l,e)=>{function i(){let p=this.parentNode;if(p){let d=typeof e.nodeName=="function"?e.nodeName(this):e.nodeName,u=document.createElement(d||"div");u.classList.add("fez"),u.classList.add(`fez-${l}`),p.replaceChild(u,this);let o=new e;o.oldRoot=this,o.fezName=l,o.root=u,o.props=e.getProps(this),o.class=e,o.slot(this,u),u.fez=o,window.$&&(o.$root=$(u)),o.props.id&&u.setAttribute("id",o.props.id),e.html&&(typeof e.html=="function"&&(e.html=e.html(this)),o._fez_html_func=q(e.html,o)),o.fezRegister(),o.connect(o.props),e.__objects.push(o),o._fez_html_func&&o.html(),o.onPropsChange&&_e.observe(u,{attributes:!0})}}function a(p){return typeof e.fastBind=="function"?e.fastBind(p):e.fastBind}if(!l)return I;if(typeof e!="function")return v.find(l,e);customElements.define(l,class extends HTMLElement{connectedCallback(){this.firstChild||a(this)?(v.info(`fast bind: ${l}`),i.bind(this)()):(v.info(`slow bind: ${l}`),window.requestAnimationFrame(()=>{i.bind(this)()}))}})};v.find=(l,e)=>{typeof l=="string"&&(l=document.body.querySelector(l)),typeof l.val=="function"&&(l=l[0]);let i=e?`.fez-${e}`:".fez";return l.closest(i).fez};v.globalCss=l=>{let e=v.css(l);return document.addEventListener("DOMContentLoaded",()=>{document.body.classList.add(e)}),e};v.css=l=>x.css(l);v.info=l=>{window.DEBUG&&console.log(`Fez: ${l}`)};v.morphdom=(l,e,i={})=>{i.childrenOnly===void 0&&(i.childrenOnly=!0),Y.morph(l,e,{morphStyle:"innerHTML"})};v.htmlEscape=l=>l.replaceAll("'","&apos;").replaceAll('"',"&quot;").replaceAll("<","&lt;").replaceAll(">","&gt;");v.publish=(l,...e)=>{v._subs[l]||=[],v._subs[l].forEach(i=>{i[1].bind(i[0])(...e)})};window.Fez=v;window.FezBase=I;})();
+    `;return new Function("_data",R)}function m(A){let E=a(A);return()=>{let[R,T]=E.bind(e)();return R.reduce((y,k,S)=>y+T[S-1]+k)}}function g(A){let E=new Set(["area","base","br","col","embed","hr","img","input","link","meta","source","track","wbr"]);return A.replace(/<([a-z-]+)\b([^>]*)\/>/g,(R,T,y)=>E.has(T)?R:`<${T}${y}></${T}>`)}return l=g(l),m(l)}var Y=function(){"use strict";let l=new Set,e={morphStyle:"outerHTML",callbacks:{beforeNodeAdded:T,afterNodeAdded:T,beforeNodeMorphed:T,afterNodeMorphed:T,beforeNodeRemoved:T,afterNodeRemoved:T,beforeAttributeUpdated:T},head:{style:"merge",shouldPreserve:function(t){return t.getAttribute("im-preserve")==="true"},shouldReAppend:function(t){return t.getAttribute("im-re-append")==="true"},shouldRemove:T,afterHeadMorphed:T}};function s(t,r,i={}){t instanceof Document&&(t=t.documentElement),typeof r=="string"&&(r=re(r));let f=ne(r),c=k(t,f,i);return o(t,f,c)}function o(t,r,i){if(i.head.block){let f=t.querySelector("head"),c=r.querySelector("head");if(f&&c){let h=E(c,f,i);Promise.all(h).then(function(){o(t,r,Object.assign(i,{head:{block:!1,ignore:!0}}))});return}}if(i.morphStyle==="innerHTML")return u(r,t,i),t.children;if(i.morphStyle==="outerHTML"||i.morphStyle==null){let f=se(r,t,i),c=f?.previousSibling,h=f?.nextSibling,b=d(t,f,i);return f?ie(c,b,h):[]}else throw"Do not understand how to morph style "+i.morphStyle}function p(t,r){return r.ignoreActiveValue&&t===document.activeElement&&t!==document.body}function d(t,r,i){if(!(i.ignoreActive&&t===document.activeElement))return r==null?i.callbacks.beforeNodeRemoved(t)===!1?t:(t.remove(),i.callbacks.afterNodeRemoved(t),null):z(t,r)?(i.callbacks.beforeNodeMorphed(t,r)===!1||(t instanceof HTMLHeadElement&&i.head.ignore||(t instanceof HTMLHeadElement&&i.head.style!=="morph"?E(r,t,i):(m(r,t,i),p(t,i)||u(r,t,i))),i.callbacks.afterNodeMorphed(t,r)),t):i.callbacks.beforeNodeRemoved(t)===!1||i.callbacks.beforeNodeAdded(r)===!1?t:(t.parentElement.replaceChild(r,t),i.callbacks.afterNodeAdded(r),i.callbacks.afterNodeRemoved(t),r)}function u(t,r,i){let f=t.firstChild,c=r.firstChild,h;for(;f;){if(h=f,f=h.nextSibling,c==null){if(i.callbacks.beforeNodeAdded(h)===!1)return;r.appendChild(h),i.callbacks.afterNodeAdded(h),j(i,h);continue}if(S(h,c,i)){d(c,h,i),c=c.nextSibling,j(i,h);continue}let b=ee(t,r,h,c,i);if(b){c=N(c,b,i),d(b,h,i),j(i,h);continue}let M=te(t,r,h,c,i);if(M){c=N(c,M,i),d(M,h,i),j(i,h);continue}if(i.callbacks.beforeNodeAdded(h)===!1)return;r.insertBefore(h,c),i.callbacks.afterNodeAdded(h),j(i,h)}for(;c!==null;){let b=c;c=c.nextSibling,U(b,i)}}function a(t,r,i,f){return t==="value"&&f.ignoreActiveValue&&r===document.activeElement?!0:f.callbacks.beforeAttributeUpdated(t,r,i)===!1}function m(t,r,i){let f=t.nodeType;if(f===1){let c=t.attributes,h=r.attributes;for(let b of c)a(b.name,r,"update",i)||r.getAttribute(b.name)!==b.value&&r.setAttribute(b.name,b.value);for(let b=h.length-1;0<=b;b--){let M=h[b];a(M.name,r,"remove",i)||t.hasAttribute(M.name)||r.removeAttribute(M.name)}}(f===8||f===3)&&r.nodeValue!==t.nodeValue&&(r.nodeValue=t.nodeValue),p(r,i)||A(t,r,i)}function g(t,r,i,f){if(t[i]!==r[i]){let c=a(i,r,"update",f);c||(r[i]=t[i]),t[i]?c||r.setAttribute(i,t[i]):a(i,r,"remove",f)||r.removeAttribute(i)}}function A(t,r,i){if(t instanceof HTMLInputElement&&r instanceof HTMLInputElement&&t.type!=="file"){let f=t.value,c=r.value;g(t,r,"checked",i),g(t,r,"disabled",i),t.hasAttribute("value")?f!==c&&(a("value",r,"update",i)||(r.setAttribute("value",f),r.value=f)):a("value",r,"remove",i)||(r.value="",r.removeAttribute("value"))}else if(t instanceof HTMLOptionElement)g(t,r,"selected",i);else if(t instanceof HTMLTextAreaElement&&r instanceof HTMLTextAreaElement){let f=t.value,c=r.value;if(a("value",r,"update",i))return;f!==c&&(r.value=f),r.firstChild&&r.firstChild.nodeValue!==f&&(r.firstChild.nodeValue=f)}}function E(t,r,i){let f=[],c=[],h=[],b=[],M=i.head.style,H=new Map;for(let _ of t.children)H.set(_.outerHTML,_);for(let _ of r.children){let L=H.has(_.outerHTML),F=i.head.shouldReAppend(_),B=i.head.shouldPreserve(_);L||B?F?c.push(_):(H.delete(_.outerHTML),h.push(_)):M==="append"?F&&(c.push(_),b.push(_)):i.head.shouldRemove(_)!==!1&&c.push(_)}b.push(...H.values());let X=[];for(let _ of b){let L=document.createRange().createContextualFragment(_.outerHTML).firstChild;if(i.callbacks.beforeNodeAdded(L)!==!1){if(L.href||L.src){let F=null,B=new Promise(function(ue){F=ue});L.addEventListener("load",function(){F()}),X.push(B)}r.appendChild(L),i.callbacks.afterNodeAdded(L),f.push(L)}}for(let _ of c)i.callbacks.beforeNodeRemoved(_)!==!1&&(r.removeChild(_),i.callbacks.afterNodeRemoved(_));return i.head.afterHeadMorphed(r,{added:f,kept:h,removed:c}),X}function R(){}function T(){}function y(t){let r={};return Object.assign(r,e),Object.assign(r,t),r.callbacks={},Object.assign(r.callbacks,e.callbacks),Object.assign(r.callbacks,t.callbacks),r.head={},Object.assign(r.head,e.head),Object.assign(r.head,t.head),r}function k(t,r,i){return i=y(i),{target:t,newContent:r,config:i,morphStyle:i.morphStyle,ignoreActive:i.ignoreActive,ignoreActiveValue:i.ignoreActiveValue,idMap:fe(t,r),deadIds:new Set,callbacks:i.callbacks,head:i.head}}function S(t,r,i){return t==null||r==null?!1:t.nodeType===r.nodeType&&t.tagName===r.tagName?t.id!==""&&t.id===r.id?!0:O(i,t,r)>0:!1}function z(t,r){return t==null||r==null?!1:t.nodeType===r.nodeType&&t.tagName===r.tagName}function N(t,r,i){for(;t!==r;){let f=t;t=t.nextSibling,U(f,i)}return j(i,r),r.nextSibling}function ee(t,r,i,f,c){let h=O(c,i,r),b=null;if(h>0){let M=f,H=0;for(;M!=null;){if(S(i,M,c))return M;if(H+=O(c,M,t),H>h)return null;M=M.nextSibling}}return b}function te(t,r,i,f,c){let h=f,b=i.nextSibling,M=0;for(;h!=null;){if(O(c,h,t)>0)return null;if(z(i,h))return h;if(z(b,h)&&(M++,b=b.nextSibling,M>=2))return null;h=h.nextSibling}return h}function re(t){let r=new DOMParser,i=t.replace(/<svg(\s[^>]*>|>)([\s\S]*?)<\/svg>/gim,"");if(i.match(/<\/html>/)||i.match(/<\/head>/)||i.match(/<\/body>/)){let f=r.parseFromString(t,"text/html");if(i.match(/<\/html>/))return f.generatedByIdiomorph=!0,f;{let c=f.firstChild;return c?(c.generatedByIdiomorph=!0,c):null}}else{let c=r.parseFromString("<body><template>"+t+"</template></body>","text/html").body.querySelector("template").content;return c.generatedByIdiomorph=!0,c}}function ne(t){if(t==null)return document.createElement("div");if(t.generatedByIdiomorph)return t;if(t instanceof Node){let r=document.createElement("div");return r.append(t),r}else{let r=document.createElement("div");for(let i of[...t])r.append(i);return r}}function ie(t,r,i){let f=[],c=[];for(;t!=null;)f.push(t),t=t.previousSibling;for(;f.length>0;){let h=f.pop();c.push(h),r.parentElement.insertBefore(h,r)}for(c.push(r);i!=null;)f.push(i),c.push(i),i=i.nextSibling;for(;f.length>0;)r.parentElement.insertBefore(f.pop(),r.nextSibling);return c}function se(t,r,i){let f;f=t.firstChild;let c=f,h=0;for(;f;){let b=le(f,r,i);b>h&&(c=f,h=b),f=f.nextSibling}return c}function le(t,r,i){return z(t,r)?.5+O(i,t,r):0}function U(t,r){j(r,t),r.callbacks.beforeNodeRemoved(t)!==!1&&(t.remove(),r.callbacks.afterNodeRemoved(t))}function oe(t,r){return!t.deadIds.has(r)}function ae(t,r,i){return(t.idMap.get(i)||l).has(r)}function j(t,r){let i=t.idMap.get(r)||l;for(let f of i)t.deadIds.add(f)}function O(t,r,i){let f=t.idMap.get(r)||l,c=0;for(let h of f)oe(t,h)&&ae(t,h,i)&&++c;return c}function G(t,r){let i=t.parentElement,f=t.querySelectorAll("[id]");for(let c of f){let h=c;for(;h!==i&&h!=null;){let b=r.get(h);b==null&&(b=new Set,r.set(h,b)),b.add(c.id),h=h.parentElement}}}function fe(t,r){let i=new Map;return G(t,i),G(r,i),i}return{morph:s,defaults:e}}();var ce={data:""},J=l=>typeof window=="object"?((l?l.querySelector("#_goober"):window._goober)||Object.assign((l||document.head).appendChild(document.createElement("style")),{innerHTML:" ",id:"_goober"})).firstChild:l||ce,de=l=>{let e=J(l),s=e.data;return e.data="",s},he=/(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g,pe=/\/\*[^]*?\*\/|  +/g,Z=/\n+/g,C=(l,e)=>{let s="",o="",p="";for(let d in l){let u=l[d];d[0]=="@"?d[1]=="i"?s=d+" "+u+";":o+=d[1]=="f"?C(u,d):d+"{"+C(u,d[1]=="k"?"":e)+"}":typeof u=="object"?o+=C(u,e?e.replace(/([^,])+/g,a=>d.replace(/(^:.*)|([^,])+/g,m=>/&/.test(m)?m.replace(/&/g,a):a?a+" "+m:m)):d):u!=null&&(d=/^--/.test(d)?d:d.replace(/[A-Z]/g,"-$&").toLowerCase(),p+=C.p?C.p(d,u):d+":"+u+";")}return s+(e&&p?e+"{"+p+"}":p)+o},w={},K=l=>{if(typeof l=="object"){let e="";for(let s in l)e+=s+K(l[s]);return e}return l},me=(l,e,s,o,p)=>{let d=K(l),u=w[d]||(w[d]=(m=>{let g=0,A=11;for(;g<m.length;)A=101*A+m.charCodeAt(g++)>>>0;return"go"+A})(d));if(!w[u]){let m=d!==l?l:(g=>{let A,E,R=[{}];for(;A=he.exec(g.replace(pe,""));)A[4]?R.shift():A[3]?(E=A[3].replace(Z," ").trim(),R.unshift(R[0][E]=R[0][E]||{})):R[0][A[1]]=A[2].replace(Z," ").trim();return R[0]})(l);w[u]=C(p?{["@keyframes "+u]:m}:m,s?"":"."+u)}let a=s&&w.g?w.g:null;return s&&(w.g=w[u]),((m,g,A,E)=>{E?g.data=g.data.replace(E,m):g.data.indexOf(m)===-1&&(g.data=A?m+g.data:g.data+m)})(w[u],e,o,a),u},be=(l,e,s)=>l.reduce((o,p,d)=>{let u=e[d];if(u&&u.call){let a=u(s),m=a&&a.props&&a.props.className||/^go/.test(a)&&a;u=m?"."+m:a&&typeof a=="object"?a.props?"":C(a,""):a===!1?"":a}return o+p+(u??"")},"");function P(l){let e=this||{},s=l.call?l(e.p):l;return me(s.unshift?s.raw?be(s,[].slice.call(arguments,1),e.p):s.reduce((o,p)=>Object.assign(o,p&&p.call?p(e.p):p),{}):s,J(e.target),e.g,e.o,e.k)}var Q,V,D,ge=P.bind({g:1}),ye=P.bind({k:1});function ve(l,e,s,o){C.p=e,Q=l,V=s,D=o}function Ae(l,e){let s=this||{};return function(){let o=arguments;function p(d,u){let a=Object.assign({},d),m=a.className||p.className;s.p=Object.assign({theme:V&&V()},a),s.o=/ *go\d+/.test(m),a.className=P.apply(s,o)+(m?" "+m:""),e&&(a.ref=u);let g=l;return l[0]&&(g=a.as||l,delete a.as),D&&g[0]&&D(a),Q(g,a)}return e?e(p):p}}var x={css:P,extractCss:de,glob:ge,keyframes:ye,setup:ve,styled:Ae};function W(l,e={},s){if(typeof e=="string"&&([e,s]=[s,e],e||={}),e instanceof Node&&(s=e,e={}),Array.isArray(l)&&(s=l,l="div"),(typeof e!="object"||Array.isArray(e))&&(s=e,e={}),l.includes(".")){let p=l.split(".");l=p.shift()||"div";let d=p.join(" ");e.class?e.class+=` ${d}`:e.class=d}let o=document.createElement(l);for(let[p,d]of Object.entries(e))if(typeof d=="function")o[p]=d.bind(this);else{let u=String(d).replaceAll("$$.",this.fezHtmlRoot);o.setAttribute(p,u)}if(s)if(Array.isArray(s))for(let p of s)o.appendChild(p);else s instanceof Node?o.appendChild(s):o.innerHTML=String(s);return o}var I=class{static __objects=[];static getProps(e){let s={};for(let o of e.attributes)s[o.name]=o.value;return s}static formData(e){let s=new FormData(e.closest("form")),o={};return s.forEach((p,d)=>{o[d]=p}),o}static fastBind(){return!1}constructor(){this.__int={}}n=W;get fezHtmlRoot(){return`Fez.find(this, "${this.fezName}").`}get isAttached(){return this.root?.parentNode?!0:(Object.keys(this.__int).forEach(e=>{clearInterval(this.__int[e])}),this.root.fez=null,this.root=null,!1)}prop(e){let s=this.oldRoot[e]||this.props[e];return typeof s=="function"&&(s=s.bind(this.root)),s}copy(){for(let e of Array.from(arguments)){let s=this.props[e];if(s!==void 0){if(e=="class"){let o=this.root.getAttribute(e,s);o&&(s=[o,s].join(" "))}typeof s=="string"?this.root.setAttribute(e,s):this.root[e]=s}}}slot(e,s){s||=document.createElement("template");let o=s.nodeName=="SLOT";for(;e.firstChild;)o?s.parentNode.insertBefore(e.lastChild,s.nextSibling):s.appendChild(e.firstChild);return o?s.parentNode.removeChild(s):e.innerHTML="",s}style(){console.error("call Fez static style")}connect(){console.error('Fez is missing "connect" method.',this.root)}parseHtml(e,s){if(typeof e=="object"&&(e=e[0]),e=e.replaceAll("$$.",this.fezHtmlRoot.replaceAll('"',"&quot;")),e.includes("{{"))try{e=q(e,this)()}catch(o){console.error(`Fez stache template error in "${this.fezName}"`,o)}return e}html(e,s){e||(e=this._fez_html_func||console.error(`Fez error ${this.fezName}: class template not defined (static html = '...')`)),typeof s>"u"&&(s=e,e=this.root),typeof e=="string"&&(e=this.find(e));let o=document.createElement("div");typeof s=="function"&&(s=s()),Array.isArray(s)?s[0]instanceof Node?s.forEach(u=>{o.appendChild(u)}):s=s.join(""):typeof s=="string"?o.innerHTML=this.parseHtml(s):s&&o.appendChild(s);let p=o.querySelector("slot");p&&this.slot(e,p),v.morphdom(e,o);let d=(u,a)=>{e.querySelectorAll(`*[${u}]`).forEach(m=>{let g=m.getAttribute(u);m.removeAttribute(u),g&&a.bind(this)(g,m)})};d("fez-this",(u,a)=>{this[u]=a}),d("fez-use",(u,a)=>{let m=this[u];typeof m=="function"?m(a):console.error(`Fez error: "${u}" is not a function in ${this.fezName}`)}),d("fez-class",u=>{let a=u.split(/\s+/),m=a.pop();a.forEach(g=>n.classList.add(g)),m&&setTimeout(()=>{n.classList.add(m)},1e3)})}setInterval(e,s,o){return typeof e=="number"&&([s,e]=[e,s]),o||=v.fnv1(String(e)),clearInterval(this.__int[o]),this.__int[o]=setInterval(()=>{this.isAttached&&e()},s),this.__int[o]}css(e,s){let o=v.css(e);return s&&this.root.classList.add(o),o}find(e){return this.root.querySelector(e)}val(e,s){let o=this.find(".time");["INPUT","TEXTAREA","SELECT"].includes(o.nodeName)?o.value=s:o.innerHTML=new Date}formData(e){return this.class.formData(e||this.root)}attr(e,s){return typeof s>"u"?this.root.getAttribute(e):(this.root.setAttribute(e,s),s)}childNodes(e){let s=Array.from(this.root.querySelectorAll(":scope > *"));if(e)s.forEach(e);else return s}subscribe(e,s){v._subs||={},v._subs[e]||=[],v._subs[e]=v._subs[e].filter(o=>o[0].isAttached),v._subs[e].push([this,s])}fezRegister(){this.class.css&&(typeof this.class.css=="function"&&(this.class.css=this.class.css(this)),this.class.css.includes(":")&&(this.class.css=v.css(this.class.css)),this.root.classList.add(this.class.css)),this.fezRegisterBindMethods()}fezRegisterBindMethods(){Object.getOwnPropertyNames(Object.getPrototypeOf(this)).filter(s=>s!=="constructor"&&typeof this[s]=="function").forEach(s=>this[s]=this[s].bind(this))}reactiveStore(e,s){e||={},s||=(p,d,u)=>{this._nextRenderTick||=window.requestAnimationFrame(()=>{v.info("reactive render"),this.html(),this._nextRenderTick=null},0)},s.bind(this);function o(p,d){return typeof p!="object"||p===null?p:new Proxy(p,{set(u,a,m,g){typeof m=="object"&&m!==null&&(m=o(m,d));let A=Reflect.set(u,a,m,g);return d(u,a,m),A},get(u,a,m){let g=Reflect.get(u,a,m);return typeof g=="object"&&g!==null?o(g,d):g}})}return o(e,s)}};setInterval(()=>{I.__objects=I.__objects.filter(l=>l.isAttached)},1e4);var _e=new MutationObserver((l,e)=>{for(let s of l)if(s.type==="attributes"){let o=s.target.fez,p=s.attributeName,d=s.target.getAttribute(p);o.props[p]=d,o.onPropsChange(p,d)}}),v=(l,e)=>{function s(){let p=this.parentNode;if(p){let d=typeof e.nodeName=="function"?e.nodeName(this):e.nodeName,u=document.createElement(d||"div");u.classList.add("fez"),u.classList.add(`fez-${l}`),p.replaceChild(u,this);let a=new e;a.oldRoot=this,a.fezName=l,a.root=u,a.props=e.getProps(this),a.class=e,a.slot(this,u),u.fez=a,window.$&&(a.$root=$(u)),a.props.id&&u.setAttribute("id",a.props.id),e.html&&(typeof e.html=="function"&&(e.html=e.html(this)),a._fez_html_func=q(e.html,a)),a.fezRegister(),a.connect(a.props),e.__objects.push(a),a._fez_html_func&&a.html(),a.onPropsChange&&_e.observe(u,{attributes:!0})}}function o(p){return typeof e.fastBind=="function"?e.fastBind(p):e.fastBind}if(!l)return I;if(typeof e!="function")return v.find(l,e);customElements.define(l,class extends HTMLElement{connectedCallback(){this.firstChild||o(this)?(v.info(`fast bind: ${l}`),s.bind(this)()):(v.info(`slow bind: ${l}`),window.requestAnimationFrame(()=>{s.bind(this)()}))}})};v.find=(l,e)=>{typeof l=="string"&&(l=document.body.querySelector(l)),typeof l.val=="function"&&(l=l[0]);let s=e?`.fez-${e}`:".fez";return l.closest(s).fez};v.globalCss=l=>{let e=v.css(l);return document.addEventListener("DOMContentLoaded",()=>{document.body.classList.add(e)}),e};v.css=l=>x.css(l);v.info=l=>{window.DEBUG&&console.log(`Fez: ${l}`)};v.morphdom=(l,e,s={})=>{s.childrenOnly===void 0&&(s.childrenOnly=!0),Y.morph(l,e,{morphStyle:"innerHTML"})};v.htmlEscape=l=>l.replaceAll("'","&apos;").replaceAll('"',"&quot;").replaceAll("<","&lt;").replaceAll(">","&gt;");v.publish=(l,...e)=>{v._subs[l]||=[],v._subs[l].forEach(s=>{s[1].bind(s[0])(...e)})};v.fnv1=l=>{var e,s,o,p,d,u;for(e=2166136261,s=16777619,o=e,p=d=0,u=l.length-1;0<=u?d<=u:d>=u;p=0<=u?++d:--d)o^=l.charCodeAt(p),o*=s;return o.toString(36).replaceAll("-","")};window.Fez=v;window.FezBase=I;})();
 //# sourceMappingURL=fez.js.map
diff --git a/dist/fez.js.map b/dist/fez.js.map
index 7e5fb22..98c7003 100644
--- a/dist/fez.js.map
+++ b/dist/fez.js.map
@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/lib/stache.js", "../src/lib/idiomorph.js", "../src/lib/gobber.js", "../src/lib/n.js", "../src/fez.js"],
-  "sourcesContent": ["// https://github.com/ryanmorr/stache\nexport default function renderStache(tpl, context) {\n  const NEW_LINES_RE = /(\\r\\n|\\r|\\n)/g;\n  const TEMPLATE_RE = /{{\\s*(.+?)\\s*}}/g;\n  const EACH_RE = /^each\\s+(.*)\\s+as\\s+(.*)$/;\n  const IF_RE = /^if\\s+(.*)$/;\n  const ELSE_IF_RE = /^else if\\s+(.*)$/;\n\n  function stache(source) {\n    const monkey = (t) => t.replaceAll('@', 'this.')\n\n    let func = `\n      let _strings = [], _sequence = [], _values = [];\n\n      function htmlEscape(text) {\n        if (typeof text === 'string') {\n          return text\n            .replaceAll(\"'\", '&apos;')\n            .replaceAll('\"', '&quot;')\n            .replaceAll('<', '&lt;')\n            .replaceAll('>', '&gt;')\n        } else {\n          return text\n        }\n      }\n\n      _sequence.push('${\n        source.trim().replace(NEW_LINES_RE, '\\\\n').replace(TEMPLATE_RE, (all, code) => {\n          // {{#if -> {{#if\n          code = code.replace(/^[#:]/, '')\n\n          if (code.startsWith('each') || code.startsWith('for')) {\n            // support fro #for\n            const parts = code.split(/\\s+/)\n            if (parts.shift() === 'for') {\n              const list = parts.pop()\n              parts.pop()\n              code = `each ${list} as ${parts.join(' ')}`\n            }\n\n            let loop = EACH_RE.exec(code);\n            if (loop) {\n                loop[1] = monkey(loop[1])\n                return `');\\n (!Array.isArray(${loop[1]}) ? Array.from(Object.entries(${loop[1]} || []), ([key, value]) => [key, value]) : ${loop[1]}).forEach((${loop[2]}) => { _sequence.push('`\n              }\n          } else if (code.startsWith('if')) {\n            let conditional = (IF_RE).exec(code);\n            if (conditional) {\n              conditional[1] = monkey(conditional[1])\n              return `');\\n if (${conditional[1]}) { _sequence.push('`\n            }\n          } else if (code.startsWith('else if')) {\n            let conditionalElse = (ELSE_IF_RE).exec(code);\n            if (conditionalElse) {\n              conditionalElse[1] = monkey(conditionalElse[1])\n              return `');\\n } else if (${conditionalElse[1]}) { _sequence.push('`\n            }\n          } else if (code === 'else') {\n            return `');\\n } else { _sequence.push('` // eslint-disable-line quotes\n          } else if (code === '/each' || code === '/for') {\n            return `');\\n }); _sequence.push('` // eslint-disable-line quotes\n          } else if (code === '/if') {\n            return `');\\n } _sequence.push('` // eslint-disable-line quotes\n          }\n\n          // support for @html -> {{@html raw}} -> same as in svelte\n          const codeParts = code.split(/^\\@html\\s+/)\n          if (codeParts[1]) {\n            code = monkey(codeParts[1])\n          } else {\n            code = `htmlEscape(${monkey(code)})`\n          }\n\n          return `');\\n _strings.push(_sequence.join(''));\\n _sequence = [];\\n _values.push(${code});\\n _sequence.push('`;\n        })\n      }');\n      _strings.push(_sequence.join(''));\n      return [_strings, _values];\n    `\n\n    return new Function('_data', func);\n  }\n\n  function createTemplate(source) {\n    const tpl = stache(source);\n    return () => {\n      const [strings, values] = tpl.bind(context)();\n      return strings.reduce((acc, str, i) => acc + (values[i - 1]) + str);\n    };\n  }\n\n  function closeCustomTags(html) {\n    const selfClosingTags = new Set([\n      'area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input', 'link', 'meta', 'source', 'track', 'wbr'\n    ])\n\n    return html.replace(/<([a-z-]+)\\b([^>]*)\\/>/g, (match, tagName, attributes) => {\n      return selfClosingTags.has(tagName) ? match : `<${tagName}${attributes}></${tagName}>`\n    })\n  }\n\n  tpl = closeCustomTags(tpl)\n  return createTemplate(tpl)\n}\n", "// base IIFE to define idiomorph\nvar Idiomorph = (function () {\n        'use strict';\n\n        //=============================================================================\n        // AND NOW IT BEGINS...\n        //=============================================================================\n        let EMPTY_SET = new Set();\n\n        // default configuration values, updatable by users now\n        let defaults = {\n            morphStyle: \"outerHTML\",\n            callbacks : {\n                beforeNodeAdded: noOp,\n                afterNodeAdded: noOp,\n                beforeNodeMorphed: noOp,\n                afterNodeMorphed: noOp,\n                beforeNodeRemoved: noOp,\n                afterNodeRemoved: noOp,\n                beforeAttributeUpdated: noOp,\n\n            },\n            head: {\n                style: 'merge',\n                shouldPreserve: function (elt) {\n                    return elt.getAttribute(\"im-preserve\") === \"true\";\n                },\n                shouldReAppend: function (elt) {\n                    return elt.getAttribute(\"im-re-append\") === \"true\";\n                },\n                shouldRemove: noOp,\n                afterHeadMorphed: noOp,\n            }\n        };\n\n        //=============================================================================\n        // Core Morphing Algorithm - morph, morphNormalizedContent, morphOldNodeTo, morphChildren\n        //=============================================================================\n        function morph(oldNode, newContent, config = {}) {\n\n            if (oldNode instanceof Document) {\n                oldNode = oldNode.documentElement;\n            }\n\n            if (typeof newContent === 'string') {\n                newContent = parseContent(newContent);\n            }\n\n            let normalizedContent = normalizeContent(newContent);\n\n            let ctx = createMorphContext(oldNode, normalizedContent, config);\n\n            return morphNormalizedContent(oldNode, normalizedContent, ctx);\n        }\n\n        function morphNormalizedContent(oldNode, normalizedNewContent, ctx) {\n            if (ctx.head.block) {\n                let oldHead = oldNode.querySelector('head');\n                let newHead = normalizedNewContent.querySelector('head');\n                if (oldHead && newHead) {\n                    let promises = handleHeadElement(newHead, oldHead, ctx);\n                    // when head promises resolve, call morph again, ignoring the head tag\n                    Promise.all(promises).then(function () {\n                        morphNormalizedContent(oldNode, normalizedNewContent, Object.assign(ctx, {\n                            head: {\n                                block: false,\n                                ignore: true\n                            }\n                        }));\n                    });\n                    return;\n                }\n            }\n\n            if (ctx.morphStyle === \"innerHTML\") {\n\n                // innerHTML, so we are only updating the children\n                morphChildren(normalizedNewContent, oldNode, ctx);\n                return oldNode.children;\n\n            } else if (ctx.morphStyle === \"outerHTML\" || ctx.morphStyle == null) {\n                // otherwise find the best element match in the new content, morph that, and merge its siblings\n                // into either side of the best match\n                let bestMatch = findBestNodeMatch(normalizedNewContent, oldNode, ctx);\n\n                // stash the siblings that will need to be inserted on either side of the best match\n                let previousSibling = bestMatch?.previousSibling;\n                let nextSibling = bestMatch?.nextSibling;\n\n                // morph it\n                let morphedNode = morphOldNodeTo(oldNode, bestMatch, ctx);\n\n                if (bestMatch) {\n                    // if there was a best match, merge the siblings in too and return the\n                    // whole bunch\n                    return insertSiblings(previousSibling, morphedNode, nextSibling);\n                } else {\n                    // otherwise nothing was added to the DOM\n                    return []\n                }\n            } else {\n                throw \"Do not understand how to morph style \" + ctx.morphStyle;\n            }\n        }\n\n\n        /**\n         * @param possibleActiveElement\n         * @param ctx\n         * @returns {boolean}\n         */\n        function ignoreValueOfActiveElement(possibleActiveElement, ctx) {\n            return ctx.ignoreActiveValue && possibleActiveElement === document.activeElement && possibleActiveElement !== document.body;\n        }\n\n        /**\n         * @param oldNode root node to merge content into\n         * @param newContent new content to merge\n         * @param ctx the merge context\n         * @returns {Element} the element that ended up in the DOM\n         */\n        function morphOldNodeTo(oldNode, newContent, ctx) {\n            if (ctx.ignoreActive && oldNode === document.activeElement) {\n                // don't morph focused element\n            } else if (newContent == null) {\n                if (ctx.callbacks.beforeNodeRemoved(oldNode) === false) return oldNode;\n\n                oldNode.remove();\n                ctx.callbacks.afterNodeRemoved(oldNode);\n                return null;\n            } else if (!isSoftMatch(oldNode, newContent)) {\n                if (ctx.callbacks.beforeNodeRemoved(oldNode) === false) return oldNode;\n                if (ctx.callbacks.beforeNodeAdded(newContent) === false) return oldNode;\n\n                oldNode.parentElement.replaceChild(newContent, oldNode);\n                ctx.callbacks.afterNodeAdded(newContent);\n                ctx.callbacks.afterNodeRemoved(oldNode);\n                return newContent;\n            } else {\n                if (ctx.callbacks.beforeNodeMorphed(oldNode, newContent) === false) return oldNode;\n\n                if (oldNode instanceof HTMLHeadElement && ctx.head.ignore) {\n                    // ignore the head element\n                } else if (oldNode instanceof HTMLHeadElement && ctx.head.style !== \"morph\") {\n                    handleHeadElement(newContent, oldNode, ctx);\n                } else {\n                    syncNodeFrom(newContent, oldNode, ctx);\n                    if (!ignoreValueOfActiveElement(oldNode, ctx)) {\n                        morphChildren(newContent, oldNode, ctx);\n                    }\n                }\n                ctx.callbacks.afterNodeMorphed(oldNode, newContent);\n                return oldNode;\n            }\n        }\n\n        /**\n         * This is the core algorithm for matching up children.  The idea is to use id sets to try to match up\n         * nodes as faithfully as possible.  We greedily match, which allows us to keep the algorithm fast, but\n         * by using id sets, we are able to better match up with content deeper in the DOM.\n         *\n         * Basic algorithm is, for each node in the new content:\n         *\n         * - if we have reached the end of the old parent, append the new content\n         * - if the new content has an id set match with the current insertion point, morph\n         * - search for an id set match\n         * - if id set match found, morph\n         * - otherwise search for a \"soft\" match\n         * - if a soft match is found, morph\n         * - otherwise, prepend the new node before the current insertion point\n         *\n         * The two search algorithms terminate if competing node matches appear to outweigh what can be achieved\n         * with the current node.  See findIdSetMatch() and findSoftMatch() for details.\n         *\n         * @param {Element} newParent the parent element of the new content\n         * @param {Element } oldParent the old content that we are merging the new content into\n         * @param ctx the merge context\n         */\n        function morphChildren(newParent, oldParent, ctx) {\n\n            let nextNewChild = newParent.firstChild;\n            let insertionPoint = oldParent.firstChild;\n            let newChild;\n\n            // run through all the new content\n            while (nextNewChild) {\n\n                newChild = nextNewChild;\n                nextNewChild = newChild.nextSibling;\n\n                // if we are at the end of the exiting parent's children, just append\n                if (insertionPoint == null) {\n                    if (ctx.callbacks.beforeNodeAdded(newChild) === false) return;\n\n                    oldParent.appendChild(newChild);\n                    ctx.callbacks.afterNodeAdded(newChild);\n                    removeIdsFromConsideration(ctx, newChild);\n                    continue;\n                }\n\n                // if the current node has an id set match then morph\n                if (isIdSetMatch(newChild, insertionPoint, ctx)) {\n                    morphOldNodeTo(insertionPoint, newChild, ctx);\n                    insertionPoint = insertionPoint.nextSibling;\n                    removeIdsFromConsideration(ctx, newChild);\n                    continue;\n                }\n\n                // otherwise search forward in the existing old children for an id set match\n                let idSetMatch = findIdSetMatch(newParent, oldParent, newChild, insertionPoint, ctx);\n\n                // if we found a potential match, remove the nodes until that point and morph\n                if (idSetMatch) {\n                    insertionPoint = removeNodesBetween(insertionPoint, idSetMatch, ctx);\n                    morphOldNodeTo(idSetMatch, newChild, ctx);\n                    removeIdsFromConsideration(ctx, newChild);\n                    continue;\n                }\n\n                // no id set match found, so scan forward for a soft match for the current node\n                let softMatch = findSoftMatch(newParent, oldParent, newChild, insertionPoint, ctx);\n\n                // if we found a soft match for the current node, morph\n                if (softMatch) {\n                    insertionPoint = removeNodesBetween(insertionPoint, softMatch, ctx);\n                    morphOldNodeTo(softMatch, newChild, ctx);\n                    removeIdsFromConsideration(ctx, newChild);\n                    continue;\n                }\n\n                // abandon all hope of morphing, just insert the new child before the insertion point\n                // and move on\n                if (ctx.callbacks.beforeNodeAdded(newChild) === false) return;\n\n                oldParent.insertBefore(newChild, insertionPoint);\n                ctx.callbacks.afterNodeAdded(newChild);\n                removeIdsFromConsideration(ctx, newChild);\n            }\n\n            // remove any remaining old nodes that didn't match up with new content\n            while (insertionPoint !== null) {\n\n                let tempNode = insertionPoint;\n                insertionPoint = insertionPoint.nextSibling;\n                removeNode(tempNode, ctx);\n            }\n        }\n\n        //=============================================================================\n        // Attribute Syncing Code\n        //=============================================================================\n\n        /**\n         * @param attr {String} the attribute to be mutated\n         * @param to {Element} the element that is going to be updated\n         * @param updateType {(\"update\"|\"remove\")}\n         * @param ctx the merge context\n         * @returns {boolean} true if the attribute should be ignored, false otherwise\n         */\n        function ignoreAttribute(attr, to, updateType, ctx) {\n            if(attr === 'value' && ctx.ignoreActiveValue && to === document.activeElement){\n                return true;\n            }\n            return ctx.callbacks.beforeAttributeUpdated(attr, to, updateType) === false;\n        }\n\n        /**\n         * syncs a given node with another node, copying over all attributes and\n         * inner element state from the 'from' node to the 'to' node\n         *\n         * @param {Element} from the element to copy attributes & state from\n         * @param {Element} to the element to copy attributes & state to\n         * @param ctx the merge context\n         */\n        function syncNodeFrom(from, to, ctx) {\n            let type = from.nodeType\n\n            // if is an element type, sync the attributes from the\n            // new node into the new node\n            if (type === 1 /* element type */) {\n                const fromAttributes = from.attributes;\n                const toAttributes = to.attributes;\n                for (const fromAttribute of fromAttributes) {\n                    if (ignoreAttribute(fromAttribute.name, to, 'update', ctx)) {\n                        continue;\n                    }\n                    if (to.getAttribute(fromAttribute.name) !== fromAttribute.value) {\n                        to.setAttribute(fromAttribute.name, fromAttribute.value);\n                    }\n                }\n                // iterate backwards to avoid skipping over items when a delete occurs\n                for (let i = toAttributes.length - 1; 0 <= i; i--) {\n                    const toAttribute = toAttributes[i];\n                    if (ignoreAttribute(toAttribute.name, to, 'remove', ctx)) {\n                        continue;\n                    }\n                    if (!from.hasAttribute(toAttribute.name)) {\n                        to.removeAttribute(toAttribute.name);\n                    }\n                }\n            }\n\n            // sync text nodes\n            if (type === 8 /* comment */ || type === 3 /* text */) {\n                if (to.nodeValue !== from.nodeValue) {\n                    to.nodeValue = from.nodeValue;\n                }\n            }\n\n            if (!ignoreValueOfActiveElement(to, ctx)) {\n                // sync input values\n                syncInputValue(from, to, ctx);\n            }\n        }\n\n        /**\n         * @param from {Element} element to sync the value from\n         * @param to {Element} element to sync the value to\n         * @param attributeName {String} the attribute name\n         * @param ctx the merge context\n         */\n        function syncBooleanAttribute(from, to, attributeName, ctx) {\n            if (from[attributeName] !== to[attributeName]) {\n                let ignoreUpdate = ignoreAttribute(attributeName, to, 'update', ctx);\n                if (!ignoreUpdate) {\n                    to[attributeName] = from[attributeName];\n                }\n                if (from[attributeName]) {\n                    if (!ignoreUpdate) {\n                        to.setAttribute(attributeName, from[attributeName]);\n                    }\n                } else {\n                    if (!ignoreAttribute(attributeName, to, 'remove', ctx)) {\n                        to.removeAttribute(attributeName);\n                    }\n                }\n            }\n        }\n\n        /**\n         * NB: many bothans died to bring us information:\n         *\n         *  https://github.com/patrick-steele-idem/morphdom/blob/master/src/specialElHandlers.js\n         *  https://github.com/choojs/nanomorph/blob/master/lib/morph.jsL113\n         *\n         * @param from {Element} the element to sync the input value from\n         * @param to {Element} the element to sync the input value to\n         * @param ctx the merge context\n         */\n        function syncInputValue(from, to, ctx) {\n            if (from instanceof HTMLInputElement &&\n                to instanceof HTMLInputElement &&\n                from.type !== 'file') {\n\n                let fromValue = from.value;\n                let toValue = to.value;\n\n                // sync boolean attributes\n                syncBooleanAttribute(from, to, 'checked', ctx);\n                syncBooleanAttribute(from, to, 'disabled', ctx);\n\n                if (!from.hasAttribute('value')) {\n                    if (!ignoreAttribute('value', to, 'remove', ctx)) {\n                        to.value = '';\n                        to.removeAttribute('value');\n                    }\n                } else if (fromValue !== toValue) {\n                    if (!ignoreAttribute('value', to, 'update', ctx)) {\n                        to.setAttribute('value', fromValue);\n                        to.value = fromValue;\n                    }\n                }\n            } else if (from instanceof HTMLOptionElement) {\n                syncBooleanAttribute(from, to, 'selected', ctx)\n            } else if (from instanceof HTMLTextAreaElement && to instanceof HTMLTextAreaElement) {\n                let fromValue = from.value;\n                let toValue = to.value;\n                if (ignoreAttribute('value', to, 'update', ctx)) {\n                    return;\n                }\n                if (fromValue !== toValue) {\n                    to.value = fromValue;\n                }\n                if (to.firstChild && to.firstChild.nodeValue !== fromValue) {\n                    to.firstChild.nodeValue = fromValue\n                }\n            }\n        }\n\n        //=============================================================================\n        // the HEAD tag can be handled specially, either w/ a 'merge' or 'append' style\n        //=============================================================================\n        function handleHeadElement(newHeadTag, currentHead, ctx) {\n\n            let added = []\n            let removed = []\n            let preserved = []\n            let nodesToAppend = []\n\n            let headMergeStyle = ctx.head.style;\n\n            // put all new head elements into a Map, by their outerHTML\n            let srcToNewHeadNodes = new Map();\n            for (const newHeadChild of newHeadTag.children) {\n                srcToNewHeadNodes.set(newHeadChild.outerHTML, newHeadChild);\n            }\n\n            // for each elt in the current head\n            for (const currentHeadElt of currentHead.children) {\n\n                // If the current head element is in the map\n                let inNewContent = srcToNewHeadNodes.has(currentHeadElt.outerHTML);\n                let isReAppended = ctx.head.shouldReAppend(currentHeadElt);\n                let isPreserved = ctx.head.shouldPreserve(currentHeadElt);\n                if (inNewContent || isPreserved) {\n                    if (isReAppended) {\n                        // remove the current version and let the new version replace it and re-execute\n                        removed.push(currentHeadElt);\n                    } else {\n                        // this element already exists and should not be re-appended, so remove it from\n                        // the new content map, preserving it in the DOM\n                        srcToNewHeadNodes.delete(currentHeadElt.outerHTML);\n                        preserved.push(currentHeadElt);\n                    }\n                } else {\n                    if (headMergeStyle === \"append\") {\n                        // we are appending and this existing element is not new content\n                        // so if and only if it is marked for re-append do we do anything\n                        if (isReAppended) {\n                            removed.push(currentHeadElt);\n                            nodesToAppend.push(currentHeadElt);\n                        }\n                    } else {\n                        // if this is a merge, we remove this content since it is not in the new head\n                        if (ctx.head.shouldRemove(currentHeadElt) !== false) {\n                            removed.push(currentHeadElt);\n                        }\n                    }\n                }\n            }\n\n            // Push the remaining new head elements in the Map into the\n            // nodes to append to the head tag\n            nodesToAppend.push(...srcToNewHeadNodes.values());\n            log(\"to append: \", nodesToAppend);\n\n            let promises = [];\n            for (const newNode of nodesToAppend) {\n                log(\"adding: \", newNode);\n                let newElt = document.createRange().createContextualFragment(newNode.outerHTML).firstChild;\n                log(newElt);\n                if (ctx.callbacks.beforeNodeAdded(newElt) !== false) {\n                    if (newElt.href || newElt.src) {\n                        let resolve = null;\n                        let promise = new Promise(function (_resolve) {\n                            resolve = _resolve;\n                        });\n                        newElt.addEventListener('load', function () {\n                            resolve();\n                        });\n                        promises.push(promise);\n                    }\n                    currentHead.appendChild(newElt);\n                    ctx.callbacks.afterNodeAdded(newElt);\n                    added.push(newElt);\n                }\n            }\n\n            // remove all removed elements, after we have appended the new elements to avoid\n            // additional network requests for things like style sheets\n            for (const removedElement of removed) {\n                if (ctx.callbacks.beforeNodeRemoved(removedElement) !== false) {\n                    currentHead.removeChild(removedElement);\n                    ctx.callbacks.afterNodeRemoved(removedElement);\n                }\n            }\n\n            ctx.head.afterHeadMorphed(currentHead, {added: added, kept: preserved, removed: removed});\n            return promises;\n        }\n\n        //=============================================================================\n        // Misc\n        //=============================================================================\n\n        function log() {\n            //console.log(arguments);\n        }\n\n        function noOp() {\n        }\n\n        /*\n          Deep merges the config object and the Idiomoroph.defaults object to\n          produce a final configuration object\n         */\n        function mergeDefaults(config) {\n            let finalConfig = {};\n            // copy top level stuff into final config\n            Object.assign(finalConfig, defaults);\n            Object.assign(finalConfig, config);\n\n            // copy callbacks into final config (do this to deep merge the callbacks)\n            finalConfig.callbacks = {};\n            Object.assign(finalConfig.callbacks, defaults.callbacks);\n            Object.assign(finalConfig.callbacks, config.callbacks);\n\n            // copy head config into final config  (do this to deep merge the head)\n            finalConfig.head = {};\n            Object.assign(finalConfig.head, defaults.head);\n            Object.assign(finalConfig.head, config.head);\n            return finalConfig;\n        }\n\n        function createMorphContext(oldNode, newContent, config) {\n            config = mergeDefaults(config);\n            return {\n                target: oldNode,\n                newContent: newContent,\n                config: config,\n                morphStyle: config.morphStyle,\n                ignoreActive: config.ignoreActive,\n                ignoreActiveValue: config.ignoreActiveValue,\n                idMap: createIdMap(oldNode, newContent),\n                deadIds: new Set(),\n                callbacks: config.callbacks,\n                head: config.head\n            }\n        }\n\n        function isIdSetMatch(node1, node2, ctx) {\n            if (node1 == null || node2 == null) {\n                return false;\n            }\n            if (node1.nodeType === node2.nodeType && node1.tagName === node2.tagName) {\n                if (node1.id !== \"\" && node1.id === node2.id) {\n                    return true;\n                } else {\n                    return getIdIntersectionCount(ctx, node1, node2) > 0;\n                }\n            }\n            return false;\n        }\n\n        function isSoftMatch(node1, node2) {\n            if (node1 == null || node2 == null) {\n                return false;\n            }\n            return node1.nodeType === node2.nodeType && node1.tagName === node2.tagName\n        }\n\n        function removeNodesBetween(startInclusive, endExclusive, ctx) {\n            while (startInclusive !== endExclusive) {\n                let tempNode = startInclusive;\n                startInclusive = startInclusive.nextSibling;\n                removeNode(tempNode, ctx);\n            }\n            removeIdsFromConsideration(ctx, endExclusive);\n            return endExclusive.nextSibling;\n        }\n\n        //=============================================================================\n        // Scans forward from the insertionPoint in the old parent looking for a potential id match\n        // for the newChild.  We stop if we find a potential id match for the new child OR\n        // if the number of potential id matches we are discarding is greater than the\n        // potential id matches for the new child\n        //=============================================================================\n        function findIdSetMatch(newContent, oldParent, newChild, insertionPoint, ctx) {\n\n            // max id matches we are willing to discard in our search\n            let newChildPotentialIdCount = getIdIntersectionCount(ctx, newChild, oldParent);\n\n            let potentialMatch = null;\n\n            // only search forward if there is a possibility of an id match\n            if (newChildPotentialIdCount > 0) {\n                let potentialMatch = insertionPoint;\n                // if there is a possibility of an id match, scan forward\n                // keep track of the potential id match count we are discarding (the\n                // newChildPotentialIdCount must be greater than this to make it likely\n                // worth it)\n                let otherMatchCount = 0;\n                while (potentialMatch != null) {\n\n                    // If we have an id match, return the current potential match\n                    if (isIdSetMatch(newChild, potentialMatch, ctx)) {\n                        return potentialMatch;\n                    }\n\n                    // computer the other potential matches of this new content\n                    otherMatchCount += getIdIntersectionCount(ctx, potentialMatch, newContent);\n                    if (otherMatchCount > newChildPotentialIdCount) {\n                        // if we have more potential id matches in _other_ content, we\n                        // do not have a good candidate for an id match, so return null\n                        return null;\n                    }\n\n                    // advanced to the next old content child\n                    potentialMatch = potentialMatch.nextSibling;\n                }\n            }\n            return potentialMatch;\n        }\n\n        //=============================================================================\n        // Scans forward from the insertionPoint in the old parent looking for a potential soft match\n        // for the newChild.  We stop if we find a potential soft match for the new child OR\n        // if we find a potential id match in the old parents children OR if we find two\n        // potential soft matches for the next two pieces of new content\n        //=============================================================================\n        function findSoftMatch(newContent, oldParent, newChild, insertionPoint, ctx) {\n\n            let potentialSoftMatch = insertionPoint;\n            let nextSibling = newChild.nextSibling;\n            let siblingSoftMatchCount = 0;\n\n            while (potentialSoftMatch != null) {\n\n                if (getIdIntersectionCount(ctx, potentialSoftMatch, newContent) > 0) {\n                    // the current potential soft match has a potential id set match with the remaining new\n                    // content so bail out of looking\n                    return null;\n                }\n\n                // if we have a soft match with the current node, return it\n                if (isSoftMatch(newChild, potentialSoftMatch)) {\n                    return potentialSoftMatch;\n                }\n\n                if (isSoftMatch(nextSibling, potentialSoftMatch)) {\n                    // the next new node has a soft match with this node, so\n                    // increment the count of future soft matches\n                    siblingSoftMatchCount++;\n                    nextSibling = nextSibling.nextSibling;\n\n                    // If there are two future soft matches, bail to allow the siblings to soft match\n                    // so that we don't consume future soft matches for the sake of the current node\n                    if (siblingSoftMatchCount >= 2) {\n                        return null;\n                    }\n                }\n\n                // advanced to the next old content child\n                potentialSoftMatch = potentialSoftMatch.nextSibling;\n            }\n\n            return potentialSoftMatch;\n        }\n\n        function parseContent(newContent) {\n            let parser = new DOMParser();\n\n            // remove svgs to avoid false-positive matches on head, etc.\n            let contentWithSvgsRemoved = newContent.replace(/<svg(\\s[^>]*>|>)([\\s\\S]*?)<\\/svg>/gim, '');\n\n            // if the newContent contains a html, head or body tag, we can simply parse it w/o wrapping\n            if (contentWithSvgsRemoved.match(/<\\/html>/) || contentWithSvgsRemoved.match(/<\\/head>/) || contentWithSvgsRemoved.match(/<\\/body>/)) {\n                let content = parser.parseFromString(newContent, \"text/html\");\n                // if it is a full HTML document, return the document itself as the parent container\n                if (contentWithSvgsRemoved.match(/<\\/html>/)) {\n                    content.generatedByIdiomorph = true;\n                    return content;\n                } else {\n                    // otherwise return the html element as the parent container\n                    let htmlElement = content.firstChild;\n                    if (htmlElement) {\n                        htmlElement.generatedByIdiomorph = true;\n                        return htmlElement;\n                    } else {\n                        return null;\n                    }\n                }\n            } else {\n                // if it is partial HTML, wrap it in a template tag to provide a parent element and also to help\n                // deal with touchy tags like tr, tbody, etc.\n                let responseDoc = parser.parseFromString(\"<body><template>\" + newContent + \"</template></body>\", \"text/html\");\n                let content = responseDoc.body.querySelector('template').content;\n                content.generatedByIdiomorph = true;\n                return content\n            }\n        }\n\n        function normalizeContent(newContent) {\n            if (newContent == null) {\n                // noinspection UnnecessaryLocalVariableJS\n                const dummyParent = document.createElement('div');\n                return dummyParent;\n            } else if (newContent.generatedByIdiomorph) {\n                // the template tag created by idiomorph parsing can serve as a dummy parent\n                return newContent;\n            } else if (newContent instanceof Node) {\n                // a single node is added as a child to a dummy parent\n                const dummyParent = document.createElement('div');\n                dummyParent.append(newContent);\n                return dummyParent;\n            } else {\n                // all nodes in the array or HTMLElement collection are consolidated under\n                // a single dummy parent element\n                const dummyParent = document.createElement('div');\n                for (const elt of [...newContent]) {\n                    dummyParent.append(elt);\n                }\n                return dummyParent;\n            }\n        }\n\n        function insertSiblings(previousSibling, morphedNode, nextSibling) {\n            let stack = []\n            let added = []\n            while (previousSibling != null) {\n                stack.push(previousSibling);\n                previousSibling = previousSibling.previousSibling;\n            }\n            while (stack.length > 0) {\n                let node = stack.pop();\n                added.push(node); // push added preceding siblings on in order and insert\n                morphedNode.parentElement.insertBefore(node, morphedNode);\n            }\n            added.push(morphedNode);\n            while (nextSibling != null) {\n                stack.push(nextSibling);\n                added.push(nextSibling); // here we are going in order, so push on as we scan, rather than add\n                nextSibling = nextSibling.nextSibling;\n            }\n            while (stack.length > 0) {\n                morphedNode.parentElement.insertBefore(stack.pop(), morphedNode.nextSibling);\n            }\n            return added;\n        }\n\n        function findBestNodeMatch(newContent, oldNode, ctx) {\n            let currentElement;\n            currentElement = newContent.firstChild;\n            let bestElement = currentElement;\n            let score = 0;\n            while (currentElement) {\n                let newScore = scoreElement(currentElement, oldNode, ctx);\n                if (newScore > score) {\n                    bestElement = currentElement;\n                    score = newScore;\n                }\n                currentElement = currentElement.nextSibling;\n            }\n            return bestElement;\n        }\n\n        function scoreElement(node1, node2, ctx) {\n            if (isSoftMatch(node1, node2)) {\n                return .5 + getIdIntersectionCount(ctx, node1, node2);\n            }\n            return 0;\n        }\n\n        function removeNode(tempNode, ctx) {\n            removeIdsFromConsideration(ctx, tempNode)\n            if (ctx.callbacks.beforeNodeRemoved(tempNode) === false) return;\n\n            tempNode.remove();\n            ctx.callbacks.afterNodeRemoved(tempNode);\n        }\n\n        //=============================================================================\n        // ID Set Functions\n        //=============================================================================\n\n        function isIdInConsideration(ctx, id) {\n            return !ctx.deadIds.has(id);\n        }\n\n        function idIsWithinNode(ctx, id, targetNode) {\n            let idSet = ctx.idMap.get(targetNode) || EMPTY_SET;\n            return idSet.has(id);\n        }\n\n        function removeIdsFromConsideration(ctx, node) {\n            let idSet = ctx.idMap.get(node) || EMPTY_SET;\n            for (const id of idSet) {\n                ctx.deadIds.add(id);\n            }\n        }\n\n        function getIdIntersectionCount(ctx, node1, node2) {\n            let sourceSet = ctx.idMap.get(node1) || EMPTY_SET;\n            let matchCount = 0;\n            for (const id of sourceSet) {\n                // a potential match is an id in the source and potentialIdsSet, but\n                // that has not already been merged into the DOM\n                if (isIdInConsideration(ctx, id) && idIsWithinNode(ctx, id, node2)) {\n                    ++matchCount;\n                }\n            }\n            return matchCount;\n        }\n\n        /**\n         * A bottom up algorithm that finds all elements with ids inside of the node\n         * argument and populates id sets for those nodes and all their parents, generating\n         * a set of ids contained within all nodes for the entire hierarchy in the DOM\n         *\n         * @param node {Element}\n         * @param {Map<Node, Set<String>>} idMap\n         */\n        function populateIdMapForNode(node, idMap) {\n            let nodeParent = node.parentElement;\n            // find all elements with an id property\n            let idElements = node.querySelectorAll('[id]');\n            for (const elt of idElements) {\n                let current = elt;\n                // walk up the parent hierarchy of that element, adding the id\n                // of element to the parent's id set\n                while (current !== nodeParent && current != null) {\n                    let idSet = idMap.get(current);\n                    // if the id set doesn't exist, create it and insert it in the  map\n                    if (idSet == null) {\n                        idSet = new Set();\n                        idMap.set(current, idSet);\n                    }\n                    idSet.add(elt.id);\n                    current = current.parentElement;\n                }\n            }\n        }\n\n        /**\n         * This function computes a map of nodes to all ids contained within that node (inclusive of the\n         * node).  This map can be used to ask if two nodes have intersecting sets of ids, which allows\n         * for a looser definition of \"matching\" than tradition id matching, and allows child nodes\n         * to contribute to a parent nodes matching.\n         *\n         * @param {Element} oldContent  the old content that will be morphed\n         * @param {Element} newContent  the new content to morph to\n         * @returns {Map<Node, Set<String>>} a map of nodes to id sets for the\n         */\n        function createIdMap(oldContent, newContent) {\n            let idMap = new Map();\n            populateIdMapForNode(oldContent, idMap);\n            populateIdMapForNode(newContent, idMap);\n            return idMap;\n        }\n\n        //=============================================================================\n        // This is what ends up becoming the Idiomorph global object\n        //=============================================================================\n        return {\n            morph,\n            defaults\n        }\n    })();\n\nexport {Idiomorph};\n", "/**\n * Skipped minification because the original files appears to be already minified.\n * Original file: /npm/goober@2.1.14/dist/goober.modern.js\n *\n * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files\n */\nlet e={data:\"\"},t=t=>\"object\"==typeof window?((t?t.querySelector(\"#_goober\"):window._goober)||Object.assign((t||document.head).appendChild(document.createElement(\"style\")),{innerHTML:\" \",id:\"_goober\"})).firstChild:t||e,a=e=>{let a=t(e),r=a.data;return a.data=\"\",r},r=/(?:([\\u0080-\\uFFFF\\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\\s*)/g,l=/\\/\\*[^]*?\\*\\/|  +/g,s=/\\n+/g,n=(e,t)=>{let a=\"\",r=\"\",l=\"\";for(let s in e){let o=e[s];\"@\"==s[0]?\"i\"==s[1]?a=s+\" \"+o+\";\":r+=\"f\"==s[1]?n(o,s):s+\"{\"+n(o,\"k\"==s[1]?\"\":t)+\"}\":\"object\"==typeof o?r+=n(o,t?t.replace(/([^,])+/g,(e=>s.replace(/(^:.*)|([^,])+/g,(t=>/&/.test(t)?t.replace(/&/g,e):e?e+\" \"+t:t)))):s):null!=o&&(s=/^--/.test(s)?s:s.replace(/[A-Z]/g,\"-$&\").toLowerCase(),l+=n.p?n.p(s,o):s+\":\"+o+\";\")}return a+(t&&l?t+\"{\"+l+\"}\":l)+r},o={},c=e=>{if(\"object\"==typeof e){let t=\"\";for(let a in e)t+=a+c(e[a]);return t}return e},i=(e,t,a,i,p)=>{let u=c(e),d=o[u]||(o[u]=(e=>{let t=0,a=11;for(;t<e.length;)a=101*a+e.charCodeAt(t++)>>>0;return\"go\"+a})(u));if(!o[d]){let t=u!==e?e:(e=>{let t,a,n=[{}];for(;t=r.exec(e.replace(l,\"\"));)t[4]?n.shift():t[3]?(a=t[3].replace(s,\" \").trim(),n.unshift(n[0][a]=n[0][a]||{})):n[0][t[1]]=t[2].replace(s,\" \").trim();return n[0]})(e);o[d]=n(p?{[\"@keyframes \"+d]:t}:t,a?\"\":\".\"+d)}let f=a&&o.g?o.g:null;return a&&(o.g=o[d]),((e,t,a,r)=>{r?t.data=t.data.replace(r,e):-1===t.data.indexOf(e)&&(t.data=a?e+t.data:t.data+e)})(o[d],t,i,f),d},p=(e,t,a)=>e.reduce(((e,r,l)=>{let s=t[l];if(s&&s.call){let e=s(a),t=e&&e.props&&e.props.className||/^go/.test(e)&&e;s=t?\".\"+t:e&&\"object\"==typeof e?e.props?\"\":n(e,\"\"):!1===e?\"\":e}return e+r+(null==s?\"\":s)}),\"\");function u(e){let a=this||{},r=e.call?e(a.p):e;return i(r.unshift?r.raw?p(r,[].slice.call(arguments,1),a.p):r.reduce(((e,t)=>Object.assign(e,t&&t.call?t(a.p):t)),{}):r,t(a.target),a.g,a.o,a.k)}let d,f,g,b=u.bind({g:1}),m=u.bind({k:1});function h(e,t,a,r){n.p=t,d=e,f=a,g=r}function y(e,t){let a=this||{};return function(){let r=arguments;function l(s,n){let o=Object.assign({},s),c=o.className||l.className;a.p=Object.assign({theme:f&&f()},o),a.o=/ *go\\d+/.test(c),o.className=u.apply(a,r)+(c?\" \"+c:\"\"),t&&(o.ref=n);let i=e;return e[0]&&(i=o.as||e,delete o.as),g&&i[0]&&g(o),d(i,o)}return t?t(l):l}}\nexport default { css:u, extractCss: a, glob: b, keyframes: m, setup: h, styled: y }\n", "// Exposes node building method, that gets node name, attrs and body.\n// n('span', {id: id}), n('.foo', {id: id}, body), n('.foo', {id: id}, [...])\n// * you can switch places for attrs and body, and body can be list of nodes\n// * n('.foo.bar') -> n('div', { class: 'foo bar' })\n//\n// copyright @dux, 2024\n// Licence MIT\n\nexport default function n(name, attrs = {}, data) {\n  if (typeof attrs === 'string') {\n    [attrs, data] = [data, attrs]\n    attrs ||= {}\n  }\n\n  if (attrs instanceof Node) {\n    data = attrs\n    attrs = {}\n  }\n\n  if (Array.isArray(name)) {\n    data = name\n    name = 'div'\n  }\n\n  if (typeof attrs !== 'object' || Array.isArray(attrs)) {\n    data = attrs\n    attrs = {}\n  }\n\n  if (name.includes('.')) {\n    const parts = name.split('.')\n    name = parts.shift() || 'div'\n    const c = parts.join(' ');\n    if (attrs.class) {\n      attrs.class += ` ${c}`;\n    } else {\n      attrs.class = c\n    }\n  }\n\n  const node = document.createElement(name);\n\n  for (const [k, v] of Object.entries(attrs)) {\n    if (typeof v === 'function') {\n      node[k] = v.bind(this)\n    } else {\n      const value = String(v).replaceAll('$$.', this.fezHtmlRoot);\n      node.setAttribute(k, value)\n    }\n  }\n\n  if (data) {\n    if (Array.isArray(data)) {\n      for (const n of data) {\n        node.appendChild(n)\n      }\n    } else if (data instanceof Node) {\n      node.appendChild(data)\n    } else {\n      node.innerHTML = String(data)\n    }\n  }\n\n  return node\n}\n", "// templating\nimport renderStache from './lib/stache'\n\n// morph dom from one state to another\nimport { Idiomorph } from './lib/idiomorph'\n\n// runtime scss\nimport Gobber from './lib/gobber'\n\n// HTML node builder\nimport parseNode from './lib/n'\n\nclass FezBase {\n  static __objects = []\n\n  static find(node, name) {\n    return Fez.find(node, name)\n  }\n\n  // get unique id from string\n  static fnv1(str) {\n    var FNV_OFFSET_BASIS, FNV_PRIME, hash, i, j, ref;\n    FNV_OFFSET_BASIS = 2166136261;\n    FNV_PRIME = 16777619;\n    hash = FNV_OFFSET_BASIS;\n    for (i = j = 0, ref = str.length - 1; (0 <= ref ? j <= ref : j >= ref); i = 0 <= ref ? ++j : --j) {\n      hash ^= str.charCodeAt(i);\n      hash *= FNV_PRIME;\n    }\n    return hash.toString(36).replaceAll('-', '');\n  }\n\n  // get node attributes as object\n  static getProps(node) {\n    const attrs = {}\n    for (const attr of node.attributes) {\n      attrs[attr.name] = attr.value\n    }\n    return attrs\n  }\n\n  static formData(node) {\n    const formData = new FormData(node.closest('form'))\n    const formObject = {}\n    formData.forEach((value, key) => {\n      formObject[key] = value\n    });\n    return formObject\n  }\n\n  static fastBind() {\n    // return true to bind without requestAnimationFrame\n    // you can do this if you are sure you are not expecting innerHTML data\n    return false\n  }\n\n  // instance methods\n\n  constructor() {\n    this.__int = {}\n  }\n\n  n = parseNode\n\n  // string selector for use in HTML nodes\n  get fezHtmlRoot() {\n    return `Fez.find(this, \"${this.fezName}\").`\n  }\n\n  // checks if node is attached and clears all if not\n  get isAttached() {\n    if (this.root?.parentNode) {\n      return true\n    } else {\n      Object.keys(this.__int).forEach((key)=> {\n        clearInterval(this.__int[key])\n      })\n      this.root.fez = null\n      this.root = null\n      return false\n    }\n  }\n\n  // get single node property\n  prop(name) {\n    let v = this.oldRoot[name] || this.props[name]\n    if (typeof v == 'function') {\n      // if @prop('onclick'), we want \"this\" to point to this.root (dom node)\n      v = v.bind(this.root)\n    }\n    return v\n  }\n\n  // copy attributes to root node\n  copy() {\n    for (const name of Array.from(arguments)) {\n      let value = this.props[name]\n\n      if (value !== undefined) {\n        if (name == 'class') {\n          const klass = this.root.getAttribute(name, value)\n\n          if (klass) {\n            value = [klass, value].join(' ')\n          }\n        }\n\n        if (typeof value == 'string') {\n          this.root.setAttribute(name, value)\n        } else {\n          this.root[name] = value\n        }\n      }\n    }\n  }\n\n  // copy child nodes, natively to preserve bound events\n  // if node name is SLOT insert adjacent and remove SLOT, else as a child nodes\n  slot(source, target) {\n    target ||= document.createElement('template')\n    const isSlot = target.nodeName == 'SLOT'\n\n    while (source.firstChild) {\n      if (isSlot) {\n        target.parentNode.insertBefore(source.lastChild, target.nextSibling);\n      } else {\n        target.appendChild(source.firstChild)\n      }\n    }\n\n    if (isSlot) {\n      target.parentNode.removeChild(target)\n    } else {\n      source.innerHTML = ''\n    }\n\n    return target\n  }\n\n  style() { console.error('call Fez static style') }\n\n  connect() {\n    console.error('Fez is missing \"connect\" method.', this.root)\n  }\n\n  parseHtml(text, context) {\n    if (typeof text == 'object') {\n      text = text[0]\n    }\n\n    text = text.replaceAll('$$.', this.fezHtmlRoot.replaceAll('\"', '&quot;'))\n\n    if (text.includes('{{')) {\n      try {\n        const func = renderStache(text, this)\n        text = func()// .replace(/\\n\\s*\\n/g, \"\\n\")\n      } catch(error) {\n        console.error(`Fez stache template error in \"${this.fezName}\"`, error)\n      }\n    }\n\n    return text\n  }\n\n  // inject htmlString as innerHTML and replace $$. with local pointer\n  // $$. will point to current fez instance\n  // <slot></slot> will be replaced with current root\n  // this.html('...loading')\n  // this.html('.images', '...loading')\n  html(target, body) {\n    if (!target) {\n      target = this._fez_html_func || console.error(`Fez error ${this.fezName}: class template not defined (static html = '...')`)\n    }\n\n    if (typeof body == 'undefined') {\n      body = target\n      target = this.root\n    }\n\n    if (typeof target == 'string') {\n      target = this.find(target)\n    }\n\n    const newNode = document.createElement('div')\n\n    if (typeof body === 'function') {\n      body = body()\n    }\n\n    if (Array.isArray(body)) {\n      if (body[0] instanceof Node) {\n        body.forEach((n)=>{\n          newNode.appendChild(n)\n        })\n      } else {\n        body = body.join('')\n      }\n    } else if (typeof body === 'string') {\n      newNode.innerHTML = this.parseHtml(body)\n    } else if (body) {\n      newNode.appendChild(body)\n    }\n\n    const slot = newNode.querySelector('slot')\n    if (slot) {\n      this.slot(target, slot)\n    }\n\n    // old way, just replace\n    // target.innerHTML = ''\n    // this.slot(newNode, target)\n\n    Fez.morphdom(target, newNode)\n\n    const fetchAttr = (name, func) => {\n      target.querySelectorAll(`*[${name}]`).forEach((n)=>{\n        let value = n.getAttribute(name)\n        n.removeAttribute(name)\n        if (value) {\n          func.bind(this)(value, n)\n        }\n      })\n    }\n\n    fetchAttr('fez-this', (value, n) => {\n      this[value] = n\n    })\n\n    fetchAttr('fez-use', (value, n) => {\n      const target = this[value]\n      if (typeof target == 'function') {\n        target(n)\n      } else {\n        console.error(`Fez error: \"${value}\" is not a function in ${this.fezName}`)\n      }\n    })\n\n    fetchAttr('fez-class', (value) => {\n      let classes = value.split(/\\s+/)\n      let lastClass = classes.pop()\n      classes.forEach((c)=> n.classList.add(c) )\n      if (lastClass) {\n        setTimeout(()=>{\n          n.classList.add(lastClass)\n        }, 1000)\n      }\n    })\n  }\n\n  // run only if node is attached, clear otherwise\n  setInterval(func, tick, name) {\n    if (typeof func == 'number') {\n      [tick, func] = [func, tick]\n    }\n\n    name ||= this.class.fnv1(String(func))\n\n    clearInterval(this.__int[name])\n\n    this.__int[name] = setInterval(() => {\n      if (this.isAttached) {\n        func()\n      }\n    }, tick)\n\n    return this.__int[name]\n  }\n\n  // add css class for scss styled text\n  css(text, isGlobal) {\n    const className = Fez.css(text)\n\n    if (isGlobal) {\n      this.root.classList.add(className)\n    }\n\n    return className\n  }\n\n  find(selector) {\n    return this.root.querySelector(selector)\n  }\n\n  val(selector, data) {\n    const node = this.find('.time')\n\n    if (['INPUT', 'TEXTAREA', 'SELECT'].includes(node.nodeName)) {\n      node.value = data\n    } else {\n      node.innerHTML = new Date()\n    }\n  }\n\n  formData(node) {\n    return this.class.formData(node || this.root)\n  }\n\n  // get or set attribute\n  attr(name, value) {\n    if (typeof value === 'undefined') {\n      return this.root.getAttribute(name)\n    } else {\n      this.root.setAttribute(name, value)\n      return value\n    }\n  }\n\n  // get root node child nodes as array\n  childNodes(func) {\n    const list = Array.from(this.root.querySelectorAll(\":scope > *\"))\n\n    if (func) {\n      list.forEach(func)\n    } else {\n      return list\n    }\n  }\n\n  subscribe(channel, func) {\n    Fez._subs ||= {}\n    Fez._subs[channel] ||= []\n    Fez._subs[channel] = Fez._subs[channel].filter((el) => el[0].isAttached)\n    Fez._subs[channel].push([this, func])\n  }\n\n  fezRegister() {\n    if (this.class.css) {\n      if (typeof this.class.css == 'function') {\n        this.class.css = this.class.css(this)\n      }\n\n      if (this.class.css.includes(':')) {\n        this.class.css = Fez.css(this.class.css)\n      }\n      this.root.classList.add(this.class.css)\n    }\n\n    this.fezRegisterBindMethods()\n  }\n\n  // bind all instance method to this, to avoid calling with .bind(this)\n  fezRegisterBindMethods() {\n    const methods = Object.getOwnPropertyNames(Object.getPrototypeOf(this))\n      .filter(method => method !== 'constructor' && typeof this[method] === 'function')\n\n    methods.forEach(method => this[method] = this[method].bind(this))\n  }\n\n  reactiveStore(obj, handler) {\n    obj ||= {}\n\n    handler ||= (o, k, v) => {\n      this._nextRenderTick ||= window.requestAnimationFrame(()=>{\n        Fez.info('reactive render')\n        this.html()\n        this._nextRenderTick = null\n      },0)\n    }\n\n    handler.bind(this)\n\n    // licence ? -> generated by ChatGPT 2024\n    function createReactive(obj, handler) {\n      if (typeof obj !== 'object' || obj === null) {\n        return obj;\n      }\n\n      return new Proxy(obj, {\n        set(target, property, value, receiver) {\n          if (typeof value === 'object' && value !== null) {\n            value = createReactive(value, handler)\n          }\n          const result = Reflect.set(target, property, value, receiver)\n          handler(target, property, value)\n          return result\n        },\n        get(target, property, receiver) {\n          const value = Reflect.get(target, property, receiver)\n          if (typeof value === 'object' && value !== null) {\n            return createReactive(value, handler)\n          }\n          return value\n        }\n      });\n    }\n\n    return createReactive(obj, handler);\n  }\n\n}\n\n// clear all unnatached nodes\nsetInterval(() => {\n  FezBase.__objects = FezBase.__objects.filter(\n    (el) => el.isAttached\n  )\n}, 10_000)\n\n//\n\nconst observer = new MutationObserver((mutationsList, _) => {\n  for (const mutation of mutationsList) {\n    if (mutation.type === 'attributes') {\n      const fez = mutation.target.fez\n      const name = mutation.attributeName\n      const value = mutation.target.getAttribute(name)\n      fez.props[name] = value\n      fez.onPropsChange(name, value)\n      // console.log(`The [${name}] attribute was modified to [${value}].`);\n    }\n  }\n});\n\nconst Fez = (name, klass) => {\n  function connect() {\n    const parentNode = this.parentNode\n    if (parentNode) {\n      const nodeName = typeof klass.nodeName == 'function' ? klass.nodeName(this) : klass.nodeName\n      const newNode = document.createElement(nodeName || 'div')\n\n      newNode.classList.add('fez')\n      newNode.classList.add(`fez-${name}`)\n\n      parentNode.replaceChild(newNode, this);\n\n      const object =  new klass()\n      object.oldRoot = this\n      object.fezName = name\n      object.root = newNode\n      object.props = klass.getProps(this)\n      object.class = klass\n\n      // copy child nodes, natively to preserve bound events\n      object.slot(this, newNode)\n\n      newNode.fez = object\n\n      if (window.$) {\n        object.$root = $(newNode)\n      }\n\n      if (object.props.id) {\n        newNode.setAttribute('id', object.props.id)\n      }\n\n      if (klass.html) {\n        if (typeof klass.html === 'function') {\n          klass.html = klass.html(this)\n        }\n        object._fez_html_func = renderStache(klass.html, object)\n      }\n\n      object.fezRegister()\n      object.connect(object.props)\n      klass.__objects.push(object)\n\n      if (object._fez_html_func) {\n        object.html()\n      }\n\n      if (object.onPropsChange) {\n        observer.observe(newNode, {attributes:true})\n      }\n    }\n  }\n\n  function forceFastRender(n) {\n    return typeof klass.fastBind === 'function' ? klass.fastBind(n) : klass.fastBind\n  }\n\n  if (!name) {\n    return FezBase\n  }\n\n  if (typeof klass != 'function') {\n    return Fez.find(name, klass)\n  }\n\n  customElements.define(name, class extends HTMLElement {\n    connectedCallback() {\n      // when we render nested fez components, and under Svelte, sometimes node innerHTML is empty, but it should not be\n      // in that case, we need to wait for another tick to get content\n      // this solution looks like it is not efficient, because it slow renders fez components that do not have and are not intended to have body, but by testing this looks like it is not effecting render performance\n      // if you want to force fast render, add static fastBind = true or check\n      if (this.firstChild || forceFastRender(this)) {\n        Fez.info(`fast bind: ${name}`)\n        connect.bind(this)()\n      } else {\n        Fez.info(`slow bind: ${name}`)\n        window.requestAnimationFrame(()=>{\n          connect.bind(this)()\n        })\n      }\n    }\n  })\n}\n\nFez.find = (node, name) => {\n  if (typeof node == 'string') {\n    node = document.body.querySelector(node)\n  }\n\n  if (typeof node.val == 'function') {\n    node = node[0]\n  }\n\n  const klass = name ? `.fez-${name}` : '.fez'\n\n  return node.closest(klass).fez\n}\n\nFez.globalCss = (text) => {\n  const cssClass = Fez.css(text)\n  document.addEventListener(\"DOMContentLoaded\", () => {\n    document.body.classList.add(cssClass)\n  })\n  return cssClass\n}\n\nFez.css = (text) => {\n  return Gobber.css(text)\n}\n\nFez.info = (text) => {\n  if (window.DEBUG) {\n    console.log(`Fez: ${text}`)\n  }\n}\n\nFez.morphdom = (target, newNode, opts = {}) => {\n  if (opts.childrenOnly === undefined) {\n    opts.childrenOnly = true\n  }\n\n  // Morphdom(target, newNode, opts)\n  Idiomorph.morph(target, newNode, { morphStyle: 'innerHTML'})\n}\n\nFez.htmlEscape = (text) => {\n  return text\n    .replaceAll(\"'\", '&apos;')\n    .replaceAll('\"', '&quot;')\n    .replaceAll('<', '&lt;')\n    .replaceAll('>', '&gt;')\n}\n\nFez.publish = (channel, ...args) => {\n  Fez._subs[channel] ||= []\n  Fez._subs[channel].forEach((el) => {\n    el[1].bind(el[0])(...args)\n  })\n}\n\nwindow.Fez = Fez\nwindow.FezBase = FezBase\n"],
-  "mappings": "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",
-  "names": ["renderStache", "tpl", "context", "NEW_LINES_RE", "TEMPLATE_RE", "EACH_RE", "IF_RE", "ELSE_IF_RE", "stache", "source", "monkey", "t", "func", "all", "code", "parts", "list", "loop", "conditional", "conditionalElse", "codeParts", "createTemplate", "strings", "values", "acc", "str", "i", "closeCustomTags", "html", "selfClosingTags", "match", "tagName", "attributes", "Idiomorph", "EMPTY_SET", "defaults", "noOp", "elt", "morph", "oldNode", "newContent", "config", "parseContent", "normalizedContent", "normalizeContent", "ctx", "createMorphContext", "morphNormalizedContent", "normalizedNewContent", "oldHead", "newHead", "promises", "handleHeadElement", "morphChildren", "bestMatch", "findBestNodeMatch", "previousSibling", "nextSibling", "morphedNode", "morphOldNodeTo", "insertSiblings", "ignoreValueOfActiveElement", "possibleActiveElement", "isSoftMatch", "syncNodeFrom", "newParent", "oldParent", "nextNewChild", "insertionPoint", "newChild", "removeIdsFromConsideration", "isIdSetMatch", "idSetMatch", "findIdSetMatch", "removeNodesBetween", "softMatch", "findSoftMatch", "tempNode", "removeNode", "ignoreAttribute", "attr", "to", "updateType", "from", "type", "fromAttributes", "toAttributes", "fromAttribute", "i", "toAttribute", "syncInputValue", "syncBooleanAttribute", "attributeName", "ignoreUpdate", "fromValue", "toValue", "newHeadTag", "currentHead", "added", "removed", "preserved", "nodesToAppend", "headMergeStyle", "srcToNewHeadNodes", "newHeadChild", "currentHeadElt", "inNewContent", "isReAppended", "isPreserved", "newNode", "newElt", "resolve", "promise", "_resolve", "removedElement", "log", "mergeDefaults", "finalConfig", "createIdMap", "node1", "node2", "getIdIntersectionCount", "startInclusive", "endExclusive", "newChildPotentialIdCount", "potentialMatch", "otherMatchCount", "potentialSoftMatch", "siblingSoftMatchCount", "parser", "contentWithSvgsRemoved", "content", "htmlElement", "dummyParent", "stack", "node", "currentElement", "bestElement", "score", "newScore", "scoreElement", "isIdInConsideration", "id", "idIsWithinNode", "targetNode", "idSet", "sourceSet", "matchCount", "populateIdMapForNode", "idMap", "nodeParent", "idElements", "current", "oldContent", "e", "t", "a", "r", "l", "s", "n", "o", "c", "i", "u", "d", "f", "p", "g", "b", "m", "h", "y", "gobber_default", "n", "name", "attrs", "data", "parts", "c", "node", "k", "v", "value", "FezBase", "node", "name", "Fez", "str", "FNV_OFFSET_BASIS", "FNV_PRIME", "hash", "i", "j", "ref", "attrs", "attr", "formData", "formObject", "value", "key", "n", "v", "klass", "source", "target", "isSlot", "text", "context", "renderStache", "error", "body", "newNode", "slot", "fetchAttr", "func", "classes", "lastClass", "c", "tick", "isGlobal", "className", "selector", "data", "list", "channel", "el", "method", "obj", "handler", "o", "k", "createReactive", "property", "receiver", "result", "observer", "mutationsList", "_", "mutation", "fez", "connect", "parentNode", "nodeName", "object", "forceFastRender", "cssClass", "gobber_default", "opts", "Idiomorph", "args"]
+  "sourcesContent": ["// https://github.com/ryanmorr/stache\nexport default function renderStache(tpl, context) {\n  const NEW_LINES_RE = /(\\r\\n|\\r|\\n)/g;\n  const TEMPLATE_RE = /{{\\s*(.+?)\\s*}}/g;\n  const EACH_RE = /^each\\s+(.*)\\s+as\\s+(.*)$/;\n  const IF_RE = /^if\\s+(.*)$/;\n  const ELSE_IF_RE = /^else if\\s+(.*)$/;\n\n  function stache(source) {\n    const monkey = (t) => t.replaceAll('@', 'this.')\n\n    let func = `\n      let _strings = [], _sequence = [], _values = [];\n\n      function htmlEscape(text) {\n        if (typeof text === 'string') {\n          return text\n            .replaceAll(\"'\", '&apos;')\n            .replaceAll('\"', '&quot;')\n            .replaceAll('<', '&lt;')\n            .replaceAll('>', '&gt;')\n        } else {\n          return text\n        }\n      }\n\n      _sequence.push('${\n        source.trim().replace(NEW_LINES_RE, '\\\\n').replace(TEMPLATE_RE, (all, code) => {\n          // {{#if -> {{#if\n          code = code.replace(/^[#:]/, '')\n\n          if (code.startsWith('each') || code.startsWith('for')) {\n            // support fro #for\n            const parts = code.split(/\\s+/)\n            if (parts.shift() === 'for') {\n              const list = parts.pop()\n              parts.pop()\n              code = `each ${list} as ${parts.join(' ')}`\n            }\n\n            let loop = EACH_RE.exec(code);\n            if (loop) {\n                loop[1] = monkey(loop[1])\n                return `');\\n (!Array.isArray(${loop[1]}) ? Array.from(Object.entries(${loop[1]} || []), ([key, value]) => [key, value]) : ${loop[1]}).forEach((${loop[2]}) => { _sequence.push('`\n              }\n          } else if (code.startsWith('if')) {\n            let conditional = (IF_RE).exec(code);\n            if (conditional) {\n              conditional[1] = monkey(conditional[1])\n              return `');\\n if (${conditional[1]}) { _sequence.push('`\n            }\n          } else if (code.startsWith('else if')) {\n            let conditionalElse = (ELSE_IF_RE).exec(code);\n            if (conditionalElse) {\n              conditionalElse[1] = monkey(conditionalElse[1])\n              return `');\\n } else if (${conditionalElse[1]}) { _sequence.push('`\n            }\n          } else if (code === 'else') {\n            return `');\\n } else { _sequence.push('` // eslint-disable-line quotes\n          } else if (code === '/each' || code === '/for') {\n            return `');\\n }); _sequence.push('` // eslint-disable-line quotes\n          } else if (code === '/if') {\n            return `');\\n } _sequence.push('` // eslint-disable-line quotes\n          }\n\n          // support for @html -> {{@html raw}} -> same as in svelte\n          const codeParts = code.split(/^\\@html\\s+/)\n          if (codeParts[1]) {\n            code = monkey(codeParts[1])\n          } else {\n            code = `htmlEscape(${monkey(code)})`\n          }\n\n          return `');\\n _strings.push(_sequence.join(''));\\n _sequence = [];\\n _values.push(${code});\\n _sequence.push('`;\n        })\n      }');\n      _strings.push(_sequence.join(''));\n      return [_strings, _values];\n    `\n\n    return new Function('_data', func);\n  }\n\n  function createTemplate(source) {\n    const tpl = stache(source);\n    return () => {\n      const [strings, values] = tpl.bind(context)();\n      return strings.reduce((acc, str, i) => acc + (values[i - 1]) + str);\n    };\n  }\n\n  function closeCustomTags(html) {\n    const selfClosingTags = new Set([\n      'area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input', 'link', 'meta', 'source', 'track', 'wbr'\n    ])\n\n    return html.replace(/<([a-z-]+)\\b([^>]*)\\/>/g, (match, tagName, attributes) => {\n      return selfClosingTags.has(tagName) ? match : `<${tagName}${attributes}></${tagName}>`\n    })\n  }\n\n  tpl = closeCustomTags(tpl)\n  return createTemplate(tpl)\n}\n", "// base IIFE to define idiomorph\nvar Idiomorph = (function () {\n        'use strict';\n\n        //=============================================================================\n        // AND NOW IT BEGINS...\n        //=============================================================================\n        let EMPTY_SET = new Set();\n\n        // default configuration values, updatable by users now\n        let defaults = {\n            morphStyle: \"outerHTML\",\n            callbacks : {\n                beforeNodeAdded: noOp,\n                afterNodeAdded: noOp,\n                beforeNodeMorphed: noOp,\n                afterNodeMorphed: noOp,\n                beforeNodeRemoved: noOp,\n                afterNodeRemoved: noOp,\n                beforeAttributeUpdated: noOp,\n\n            },\n            head: {\n                style: 'merge',\n                shouldPreserve: function (elt) {\n                    return elt.getAttribute(\"im-preserve\") === \"true\";\n                },\n                shouldReAppend: function (elt) {\n                    return elt.getAttribute(\"im-re-append\") === \"true\";\n                },\n                shouldRemove: noOp,\n                afterHeadMorphed: noOp,\n            }\n        };\n\n        //=============================================================================\n        // Core Morphing Algorithm - morph, morphNormalizedContent, morphOldNodeTo, morphChildren\n        //=============================================================================\n        function morph(oldNode, newContent, config = {}) {\n\n            if (oldNode instanceof Document) {\n                oldNode = oldNode.documentElement;\n            }\n\n            if (typeof newContent === 'string') {\n                newContent = parseContent(newContent);\n            }\n\n            let normalizedContent = normalizeContent(newContent);\n\n            let ctx = createMorphContext(oldNode, normalizedContent, config);\n\n            return morphNormalizedContent(oldNode, normalizedContent, ctx);\n        }\n\n        function morphNormalizedContent(oldNode, normalizedNewContent, ctx) {\n            if (ctx.head.block) {\n                let oldHead = oldNode.querySelector('head');\n                let newHead = normalizedNewContent.querySelector('head');\n                if (oldHead && newHead) {\n                    let promises = handleHeadElement(newHead, oldHead, ctx);\n                    // when head promises resolve, call morph again, ignoring the head tag\n                    Promise.all(promises).then(function () {\n                        morphNormalizedContent(oldNode, normalizedNewContent, Object.assign(ctx, {\n                            head: {\n                                block: false,\n                                ignore: true\n                            }\n                        }));\n                    });\n                    return;\n                }\n            }\n\n            if (ctx.morphStyle === \"innerHTML\") {\n\n                // innerHTML, so we are only updating the children\n                morphChildren(normalizedNewContent, oldNode, ctx);\n                return oldNode.children;\n\n            } else if (ctx.morphStyle === \"outerHTML\" || ctx.morphStyle == null) {\n                // otherwise find the best element match in the new content, morph that, and merge its siblings\n                // into either side of the best match\n                let bestMatch = findBestNodeMatch(normalizedNewContent, oldNode, ctx);\n\n                // stash the siblings that will need to be inserted on either side of the best match\n                let previousSibling = bestMatch?.previousSibling;\n                let nextSibling = bestMatch?.nextSibling;\n\n                // morph it\n                let morphedNode = morphOldNodeTo(oldNode, bestMatch, ctx);\n\n                if (bestMatch) {\n                    // if there was a best match, merge the siblings in too and return the\n                    // whole bunch\n                    return insertSiblings(previousSibling, morphedNode, nextSibling);\n                } else {\n                    // otherwise nothing was added to the DOM\n                    return []\n                }\n            } else {\n                throw \"Do not understand how to morph style \" + ctx.morphStyle;\n            }\n        }\n\n\n        /**\n         * @param possibleActiveElement\n         * @param ctx\n         * @returns {boolean}\n         */\n        function ignoreValueOfActiveElement(possibleActiveElement, ctx) {\n            return ctx.ignoreActiveValue && possibleActiveElement === document.activeElement && possibleActiveElement !== document.body;\n        }\n\n        /**\n         * @param oldNode root node to merge content into\n         * @param newContent new content to merge\n         * @param ctx the merge context\n         * @returns {Element} the element that ended up in the DOM\n         */\n        function morphOldNodeTo(oldNode, newContent, ctx) {\n            if (ctx.ignoreActive && oldNode === document.activeElement) {\n                // don't morph focused element\n            } else if (newContent == null) {\n                if (ctx.callbacks.beforeNodeRemoved(oldNode) === false) return oldNode;\n\n                oldNode.remove();\n                ctx.callbacks.afterNodeRemoved(oldNode);\n                return null;\n            } else if (!isSoftMatch(oldNode, newContent)) {\n                if (ctx.callbacks.beforeNodeRemoved(oldNode) === false) return oldNode;\n                if (ctx.callbacks.beforeNodeAdded(newContent) === false) return oldNode;\n\n                oldNode.parentElement.replaceChild(newContent, oldNode);\n                ctx.callbacks.afterNodeAdded(newContent);\n                ctx.callbacks.afterNodeRemoved(oldNode);\n                return newContent;\n            } else {\n                if (ctx.callbacks.beforeNodeMorphed(oldNode, newContent) === false) return oldNode;\n\n                if (oldNode instanceof HTMLHeadElement && ctx.head.ignore) {\n                    // ignore the head element\n                } else if (oldNode instanceof HTMLHeadElement && ctx.head.style !== \"morph\") {\n                    handleHeadElement(newContent, oldNode, ctx);\n                } else {\n                    syncNodeFrom(newContent, oldNode, ctx);\n                    if (!ignoreValueOfActiveElement(oldNode, ctx)) {\n                        morphChildren(newContent, oldNode, ctx);\n                    }\n                }\n                ctx.callbacks.afterNodeMorphed(oldNode, newContent);\n                return oldNode;\n            }\n        }\n\n        /**\n         * This is the core algorithm for matching up children.  The idea is to use id sets to try to match up\n         * nodes as faithfully as possible.  We greedily match, which allows us to keep the algorithm fast, but\n         * by using id sets, we are able to better match up with content deeper in the DOM.\n         *\n         * Basic algorithm is, for each node in the new content:\n         *\n         * - if we have reached the end of the old parent, append the new content\n         * - if the new content has an id set match with the current insertion point, morph\n         * - search for an id set match\n         * - if id set match found, morph\n         * - otherwise search for a \"soft\" match\n         * - if a soft match is found, morph\n         * - otherwise, prepend the new node before the current insertion point\n         *\n         * The two search algorithms terminate if competing node matches appear to outweigh what can be achieved\n         * with the current node.  See findIdSetMatch() and findSoftMatch() for details.\n         *\n         * @param {Element} newParent the parent element of the new content\n         * @param {Element } oldParent the old content that we are merging the new content into\n         * @param ctx the merge context\n         */\n        function morphChildren(newParent, oldParent, ctx) {\n\n            let nextNewChild = newParent.firstChild;\n            let insertionPoint = oldParent.firstChild;\n            let newChild;\n\n            // run through all the new content\n            while (nextNewChild) {\n\n                newChild = nextNewChild;\n                nextNewChild = newChild.nextSibling;\n\n                // if we are at the end of the exiting parent's children, just append\n                if (insertionPoint == null) {\n                    if (ctx.callbacks.beforeNodeAdded(newChild) === false) return;\n\n                    oldParent.appendChild(newChild);\n                    ctx.callbacks.afterNodeAdded(newChild);\n                    removeIdsFromConsideration(ctx, newChild);\n                    continue;\n                }\n\n                // if the current node has an id set match then morph\n                if (isIdSetMatch(newChild, insertionPoint, ctx)) {\n                    morphOldNodeTo(insertionPoint, newChild, ctx);\n                    insertionPoint = insertionPoint.nextSibling;\n                    removeIdsFromConsideration(ctx, newChild);\n                    continue;\n                }\n\n                // otherwise search forward in the existing old children for an id set match\n                let idSetMatch = findIdSetMatch(newParent, oldParent, newChild, insertionPoint, ctx);\n\n                // if we found a potential match, remove the nodes until that point and morph\n                if (idSetMatch) {\n                    insertionPoint = removeNodesBetween(insertionPoint, idSetMatch, ctx);\n                    morphOldNodeTo(idSetMatch, newChild, ctx);\n                    removeIdsFromConsideration(ctx, newChild);\n                    continue;\n                }\n\n                // no id set match found, so scan forward for a soft match for the current node\n                let softMatch = findSoftMatch(newParent, oldParent, newChild, insertionPoint, ctx);\n\n                // if we found a soft match for the current node, morph\n                if (softMatch) {\n                    insertionPoint = removeNodesBetween(insertionPoint, softMatch, ctx);\n                    morphOldNodeTo(softMatch, newChild, ctx);\n                    removeIdsFromConsideration(ctx, newChild);\n                    continue;\n                }\n\n                // abandon all hope of morphing, just insert the new child before the insertion point\n                // and move on\n                if (ctx.callbacks.beforeNodeAdded(newChild) === false) return;\n\n                oldParent.insertBefore(newChild, insertionPoint);\n                ctx.callbacks.afterNodeAdded(newChild);\n                removeIdsFromConsideration(ctx, newChild);\n            }\n\n            // remove any remaining old nodes that didn't match up with new content\n            while (insertionPoint !== null) {\n\n                let tempNode = insertionPoint;\n                insertionPoint = insertionPoint.nextSibling;\n                removeNode(tempNode, ctx);\n            }\n        }\n\n        //=============================================================================\n        // Attribute Syncing Code\n        //=============================================================================\n\n        /**\n         * @param attr {String} the attribute to be mutated\n         * @param to {Element} the element that is going to be updated\n         * @param updateType {(\"update\"|\"remove\")}\n         * @param ctx the merge context\n         * @returns {boolean} true if the attribute should be ignored, false otherwise\n         */\n        function ignoreAttribute(attr, to, updateType, ctx) {\n            if(attr === 'value' && ctx.ignoreActiveValue && to === document.activeElement){\n                return true;\n            }\n            return ctx.callbacks.beforeAttributeUpdated(attr, to, updateType) === false;\n        }\n\n        /**\n         * syncs a given node with another node, copying over all attributes and\n         * inner element state from the 'from' node to the 'to' node\n         *\n         * @param {Element} from the element to copy attributes & state from\n         * @param {Element} to the element to copy attributes & state to\n         * @param ctx the merge context\n         */\n        function syncNodeFrom(from, to, ctx) {\n            let type = from.nodeType\n\n            // if is an element type, sync the attributes from the\n            // new node into the new node\n            if (type === 1 /* element type */) {\n                const fromAttributes = from.attributes;\n                const toAttributes = to.attributes;\n                for (const fromAttribute of fromAttributes) {\n                    if (ignoreAttribute(fromAttribute.name, to, 'update', ctx)) {\n                        continue;\n                    }\n                    if (to.getAttribute(fromAttribute.name) !== fromAttribute.value) {\n                        to.setAttribute(fromAttribute.name, fromAttribute.value);\n                    }\n                }\n                // iterate backwards to avoid skipping over items when a delete occurs\n                for (let i = toAttributes.length - 1; 0 <= i; i--) {\n                    const toAttribute = toAttributes[i];\n                    if (ignoreAttribute(toAttribute.name, to, 'remove', ctx)) {\n                        continue;\n                    }\n                    if (!from.hasAttribute(toAttribute.name)) {\n                        to.removeAttribute(toAttribute.name);\n                    }\n                }\n            }\n\n            // sync text nodes\n            if (type === 8 /* comment */ || type === 3 /* text */) {\n                if (to.nodeValue !== from.nodeValue) {\n                    to.nodeValue = from.nodeValue;\n                }\n            }\n\n            if (!ignoreValueOfActiveElement(to, ctx)) {\n                // sync input values\n                syncInputValue(from, to, ctx);\n            }\n        }\n\n        /**\n         * @param from {Element} element to sync the value from\n         * @param to {Element} element to sync the value to\n         * @param attributeName {String} the attribute name\n         * @param ctx the merge context\n         */\n        function syncBooleanAttribute(from, to, attributeName, ctx) {\n            if (from[attributeName] !== to[attributeName]) {\n                let ignoreUpdate = ignoreAttribute(attributeName, to, 'update', ctx);\n                if (!ignoreUpdate) {\n                    to[attributeName] = from[attributeName];\n                }\n                if (from[attributeName]) {\n                    if (!ignoreUpdate) {\n                        to.setAttribute(attributeName, from[attributeName]);\n                    }\n                } else {\n                    if (!ignoreAttribute(attributeName, to, 'remove', ctx)) {\n                        to.removeAttribute(attributeName);\n                    }\n                }\n            }\n        }\n\n        /**\n         * NB: many bothans died to bring us information:\n         *\n         *  https://github.com/patrick-steele-idem/morphdom/blob/master/src/specialElHandlers.js\n         *  https://github.com/choojs/nanomorph/blob/master/lib/morph.jsL113\n         *\n         * @param from {Element} the element to sync the input value from\n         * @param to {Element} the element to sync the input value to\n         * @param ctx the merge context\n         */\n        function syncInputValue(from, to, ctx) {\n            if (from instanceof HTMLInputElement &&\n                to instanceof HTMLInputElement &&\n                from.type !== 'file') {\n\n                let fromValue = from.value;\n                let toValue = to.value;\n\n                // sync boolean attributes\n                syncBooleanAttribute(from, to, 'checked', ctx);\n                syncBooleanAttribute(from, to, 'disabled', ctx);\n\n                if (!from.hasAttribute('value')) {\n                    if (!ignoreAttribute('value', to, 'remove', ctx)) {\n                        to.value = '';\n                        to.removeAttribute('value');\n                    }\n                } else if (fromValue !== toValue) {\n                    if (!ignoreAttribute('value', to, 'update', ctx)) {\n                        to.setAttribute('value', fromValue);\n                        to.value = fromValue;\n                    }\n                }\n            } else if (from instanceof HTMLOptionElement) {\n                syncBooleanAttribute(from, to, 'selected', ctx)\n            } else if (from instanceof HTMLTextAreaElement && to instanceof HTMLTextAreaElement) {\n                let fromValue = from.value;\n                let toValue = to.value;\n                if (ignoreAttribute('value', to, 'update', ctx)) {\n                    return;\n                }\n                if (fromValue !== toValue) {\n                    to.value = fromValue;\n                }\n                if (to.firstChild && to.firstChild.nodeValue !== fromValue) {\n                    to.firstChild.nodeValue = fromValue\n                }\n            }\n        }\n\n        //=============================================================================\n        // the HEAD tag can be handled specially, either w/ a 'merge' or 'append' style\n        //=============================================================================\n        function handleHeadElement(newHeadTag, currentHead, ctx) {\n\n            let added = []\n            let removed = []\n            let preserved = []\n            let nodesToAppend = []\n\n            let headMergeStyle = ctx.head.style;\n\n            // put all new head elements into a Map, by their outerHTML\n            let srcToNewHeadNodes = new Map();\n            for (const newHeadChild of newHeadTag.children) {\n                srcToNewHeadNodes.set(newHeadChild.outerHTML, newHeadChild);\n            }\n\n            // for each elt in the current head\n            for (const currentHeadElt of currentHead.children) {\n\n                // If the current head element is in the map\n                let inNewContent = srcToNewHeadNodes.has(currentHeadElt.outerHTML);\n                let isReAppended = ctx.head.shouldReAppend(currentHeadElt);\n                let isPreserved = ctx.head.shouldPreserve(currentHeadElt);\n                if (inNewContent || isPreserved) {\n                    if (isReAppended) {\n                        // remove the current version and let the new version replace it and re-execute\n                        removed.push(currentHeadElt);\n                    } else {\n                        // this element already exists and should not be re-appended, so remove it from\n                        // the new content map, preserving it in the DOM\n                        srcToNewHeadNodes.delete(currentHeadElt.outerHTML);\n                        preserved.push(currentHeadElt);\n                    }\n                } else {\n                    if (headMergeStyle === \"append\") {\n                        // we are appending and this existing element is not new content\n                        // so if and only if it is marked for re-append do we do anything\n                        if (isReAppended) {\n                            removed.push(currentHeadElt);\n                            nodesToAppend.push(currentHeadElt);\n                        }\n                    } else {\n                        // if this is a merge, we remove this content since it is not in the new head\n                        if (ctx.head.shouldRemove(currentHeadElt) !== false) {\n                            removed.push(currentHeadElt);\n                        }\n                    }\n                }\n            }\n\n            // Push the remaining new head elements in the Map into the\n            // nodes to append to the head tag\n            nodesToAppend.push(...srcToNewHeadNodes.values());\n            log(\"to append: \", nodesToAppend);\n\n            let promises = [];\n            for (const newNode of nodesToAppend) {\n                log(\"adding: \", newNode);\n                let newElt = document.createRange().createContextualFragment(newNode.outerHTML).firstChild;\n                log(newElt);\n                if (ctx.callbacks.beforeNodeAdded(newElt) !== false) {\n                    if (newElt.href || newElt.src) {\n                        let resolve = null;\n                        let promise = new Promise(function (_resolve) {\n                            resolve = _resolve;\n                        });\n                        newElt.addEventListener('load', function () {\n                            resolve();\n                        });\n                        promises.push(promise);\n                    }\n                    currentHead.appendChild(newElt);\n                    ctx.callbacks.afterNodeAdded(newElt);\n                    added.push(newElt);\n                }\n            }\n\n            // remove all removed elements, after we have appended the new elements to avoid\n            // additional network requests for things like style sheets\n            for (const removedElement of removed) {\n                if (ctx.callbacks.beforeNodeRemoved(removedElement) !== false) {\n                    currentHead.removeChild(removedElement);\n                    ctx.callbacks.afterNodeRemoved(removedElement);\n                }\n            }\n\n            ctx.head.afterHeadMorphed(currentHead, {added: added, kept: preserved, removed: removed});\n            return promises;\n        }\n\n        //=============================================================================\n        // Misc\n        //=============================================================================\n\n        function log() {\n            //console.log(arguments);\n        }\n\n        function noOp() {\n        }\n\n        /*\n          Deep merges the config object and the Idiomoroph.defaults object to\n          produce a final configuration object\n         */\n        function mergeDefaults(config) {\n            let finalConfig = {};\n            // copy top level stuff into final config\n            Object.assign(finalConfig, defaults);\n            Object.assign(finalConfig, config);\n\n            // copy callbacks into final config (do this to deep merge the callbacks)\n            finalConfig.callbacks = {};\n            Object.assign(finalConfig.callbacks, defaults.callbacks);\n            Object.assign(finalConfig.callbacks, config.callbacks);\n\n            // copy head config into final config  (do this to deep merge the head)\n            finalConfig.head = {};\n            Object.assign(finalConfig.head, defaults.head);\n            Object.assign(finalConfig.head, config.head);\n            return finalConfig;\n        }\n\n        function createMorphContext(oldNode, newContent, config) {\n            config = mergeDefaults(config);\n            return {\n                target: oldNode,\n                newContent: newContent,\n                config: config,\n                morphStyle: config.morphStyle,\n                ignoreActive: config.ignoreActive,\n                ignoreActiveValue: config.ignoreActiveValue,\n                idMap: createIdMap(oldNode, newContent),\n                deadIds: new Set(),\n                callbacks: config.callbacks,\n                head: config.head\n            }\n        }\n\n        function isIdSetMatch(node1, node2, ctx) {\n            if (node1 == null || node2 == null) {\n                return false;\n            }\n            if (node1.nodeType === node2.nodeType && node1.tagName === node2.tagName) {\n                if (node1.id !== \"\" && node1.id === node2.id) {\n                    return true;\n                } else {\n                    return getIdIntersectionCount(ctx, node1, node2) > 0;\n                }\n            }\n            return false;\n        }\n\n        function isSoftMatch(node1, node2) {\n            if (node1 == null || node2 == null) {\n                return false;\n            }\n            return node1.nodeType === node2.nodeType && node1.tagName === node2.tagName\n        }\n\n        function removeNodesBetween(startInclusive, endExclusive, ctx) {\n            while (startInclusive !== endExclusive) {\n                let tempNode = startInclusive;\n                startInclusive = startInclusive.nextSibling;\n                removeNode(tempNode, ctx);\n            }\n            removeIdsFromConsideration(ctx, endExclusive);\n            return endExclusive.nextSibling;\n        }\n\n        //=============================================================================\n        // Scans forward from the insertionPoint in the old parent looking for a potential id match\n        // for the newChild.  We stop if we find a potential id match for the new child OR\n        // if the number of potential id matches we are discarding is greater than the\n        // potential id matches for the new child\n        //=============================================================================\n        function findIdSetMatch(newContent, oldParent, newChild, insertionPoint, ctx) {\n\n            // max id matches we are willing to discard in our search\n            let newChildPotentialIdCount = getIdIntersectionCount(ctx, newChild, oldParent);\n\n            let potentialMatch = null;\n\n            // only search forward if there is a possibility of an id match\n            if (newChildPotentialIdCount > 0) {\n                let potentialMatch = insertionPoint;\n                // if there is a possibility of an id match, scan forward\n                // keep track of the potential id match count we are discarding (the\n                // newChildPotentialIdCount must be greater than this to make it likely\n                // worth it)\n                let otherMatchCount = 0;\n                while (potentialMatch != null) {\n\n                    // If we have an id match, return the current potential match\n                    if (isIdSetMatch(newChild, potentialMatch, ctx)) {\n                        return potentialMatch;\n                    }\n\n                    // computer the other potential matches of this new content\n                    otherMatchCount += getIdIntersectionCount(ctx, potentialMatch, newContent);\n                    if (otherMatchCount > newChildPotentialIdCount) {\n                        // if we have more potential id matches in _other_ content, we\n                        // do not have a good candidate for an id match, so return null\n                        return null;\n                    }\n\n                    // advanced to the next old content child\n                    potentialMatch = potentialMatch.nextSibling;\n                }\n            }\n            return potentialMatch;\n        }\n\n        //=============================================================================\n        // Scans forward from the insertionPoint in the old parent looking for a potential soft match\n        // for the newChild.  We stop if we find a potential soft match for the new child OR\n        // if we find a potential id match in the old parents children OR if we find two\n        // potential soft matches for the next two pieces of new content\n        //=============================================================================\n        function findSoftMatch(newContent, oldParent, newChild, insertionPoint, ctx) {\n\n            let potentialSoftMatch = insertionPoint;\n            let nextSibling = newChild.nextSibling;\n            let siblingSoftMatchCount = 0;\n\n            while (potentialSoftMatch != null) {\n\n                if (getIdIntersectionCount(ctx, potentialSoftMatch, newContent) > 0) {\n                    // the current potential soft match has a potential id set match with the remaining new\n                    // content so bail out of looking\n                    return null;\n                }\n\n                // if we have a soft match with the current node, return it\n                if (isSoftMatch(newChild, potentialSoftMatch)) {\n                    return potentialSoftMatch;\n                }\n\n                if (isSoftMatch(nextSibling, potentialSoftMatch)) {\n                    // the next new node has a soft match with this node, so\n                    // increment the count of future soft matches\n                    siblingSoftMatchCount++;\n                    nextSibling = nextSibling.nextSibling;\n\n                    // If there are two future soft matches, bail to allow the siblings to soft match\n                    // so that we don't consume future soft matches for the sake of the current node\n                    if (siblingSoftMatchCount >= 2) {\n                        return null;\n                    }\n                }\n\n                // advanced to the next old content child\n                potentialSoftMatch = potentialSoftMatch.nextSibling;\n            }\n\n            return potentialSoftMatch;\n        }\n\n        function parseContent(newContent) {\n            let parser = new DOMParser();\n\n            // remove svgs to avoid false-positive matches on head, etc.\n            let contentWithSvgsRemoved = newContent.replace(/<svg(\\s[^>]*>|>)([\\s\\S]*?)<\\/svg>/gim, '');\n\n            // if the newContent contains a html, head or body tag, we can simply parse it w/o wrapping\n            if (contentWithSvgsRemoved.match(/<\\/html>/) || contentWithSvgsRemoved.match(/<\\/head>/) || contentWithSvgsRemoved.match(/<\\/body>/)) {\n                let content = parser.parseFromString(newContent, \"text/html\");\n                // if it is a full HTML document, return the document itself as the parent container\n                if (contentWithSvgsRemoved.match(/<\\/html>/)) {\n                    content.generatedByIdiomorph = true;\n                    return content;\n                } else {\n                    // otherwise return the html element as the parent container\n                    let htmlElement = content.firstChild;\n                    if (htmlElement) {\n                        htmlElement.generatedByIdiomorph = true;\n                        return htmlElement;\n                    } else {\n                        return null;\n                    }\n                }\n            } else {\n                // if it is partial HTML, wrap it in a template tag to provide a parent element and also to help\n                // deal with touchy tags like tr, tbody, etc.\n                let responseDoc = parser.parseFromString(\"<body><template>\" + newContent + \"</template></body>\", \"text/html\");\n                let content = responseDoc.body.querySelector('template').content;\n                content.generatedByIdiomorph = true;\n                return content\n            }\n        }\n\n        function normalizeContent(newContent) {\n            if (newContent == null) {\n                // noinspection UnnecessaryLocalVariableJS\n                const dummyParent = document.createElement('div');\n                return dummyParent;\n            } else if (newContent.generatedByIdiomorph) {\n                // the template tag created by idiomorph parsing can serve as a dummy parent\n                return newContent;\n            } else if (newContent instanceof Node) {\n                // a single node is added as a child to a dummy parent\n                const dummyParent = document.createElement('div');\n                dummyParent.append(newContent);\n                return dummyParent;\n            } else {\n                // all nodes in the array or HTMLElement collection are consolidated under\n                // a single dummy parent element\n                const dummyParent = document.createElement('div');\n                for (const elt of [...newContent]) {\n                    dummyParent.append(elt);\n                }\n                return dummyParent;\n            }\n        }\n\n        function insertSiblings(previousSibling, morphedNode, nextSibling) {\n            let stack = []\n            let added = []\n            while (previousSibling != null) {\n                stack.push(previousSibling);\n                previousSibling = previousSibling.previousSibling;\n            }\n            while (stack.length > 0) {\n                let node = stack.pop();\n                added.push(node); // push added preceding siblings on in order and insert\n                morphedNode.parentElement.insertBefore(node, morphedNode);\n            }\n            added.push(morphedNode);\n            while (nextSibling != null) {\n                stack.push(nextSibling);\n                added.push(nextSibling); // here we are going in order, so push on as we scan, rather than add\n                nextSibling = nextSibling.nextSibling;\n            }\n            while (stack.length > 0) {\n                morphedNode.parentElement.insertBefore(stack.pop(), morphedNode.nextSibling);\n            }\n            return added;\n        }\n\n        function findBestNodeMatch(newContent, oldNode, ctx) {\n            let currentElement;\n            currentElement = newContent.firstChild;\n            let bestElement = currentElement;\n            let score = 0;\n            while (currentElement) {\n                let newScore = scoreElement(currentElement, oldNode, ctx);\n                if (newScore > score) {\n                    bestElement = currentElement;\n                    score = newScore;\n                }\n                currentElement = currentElement.nextSibling;\n            }\n            return bestElement;\n        }\n\n        function scoreElement(node1, node2, ctx) {\n            if (isSoftMatch(node1, node2)) {\n                return .5 + getIdIntersectionCount(ctx, node1, node2);\n            }\n            return 0;\n        }\n\n        function removeNode(tempNode, ctx) {\n            removeIdsFromConsideration(ctx, tempNode)\n            if (ctx.callbacks.beforeNodeRemoved(tempNode) === false) return;\n\n            tempNode.remove();\n            ctx.callbacks.afterNodeRemoved(tempNode);\n        }\n\n        //=============================================================================\n        // ID Set Functions\n        //=============================================================================\n\n        function isIdInConsideration(ctx, id) {\n            return !ctx.deadIds.has(id);\n        }\n\n        function idIsWithinNode(ctx, id, targetNode) {\n            let idSet = ctx.idMap.get(targetNode) || EMPTY_SET;\n            return idSet.has(id);\n        }\n\n        function removeIdsFromConsideration(ctx, node) {\n            let idSet = ctx.idMap.get(node) || EMPTY_SET;\n            for (const id of idSet) {\n                ctx.deadIds.add(id);\n            }\n        }\n\n        function getIdIntersectionCount(ctx, node1, node2) {\n            let sourceSet = ctx.idMap.get(node1) || EMPTY_SET;\n            let matchCount = 0;\n            for (const id of sourceSet) {\n                // a potential match is an id in the source and potentialIdsSet, but\n                // that has not already been merged into the DOM\n                if (isIdInConsideration(ctx, id) && idIsWithinNode(ctx, id, node2)) {\n                    ++matchCount;\n                }\n            }\n            return matchCount;\n        }\n\n        /**\n         * A bottom up algorithm that finds all elements with ids inside of the node\n         * argument and populates id sets for those nodes and all their parents, generating\n         * a set of ids contained within all nodes for the entire hierarchy in the DOM\n         *\n         * @param node {Element}\n         * @param {Map<Node, Set<String>>} idMap\n         */\n        function populateIdMapForNode(node, idMap) {\n            let nodeParent = node.parentElement;\n            // find all elements with an id property\n            let idElements = node.querySelectorAll('[id]');\n            for (const elt of idElements) {\n                let current = elt;\n                // walk up the parent hierarchy of that element, adding the id\n                // of element to the parent's id set\n                while (current !== nodeParent && current != null) {\n                    let idSet = idMap.get(current);\n                    // if the id set doesn't exist, create it and insert it in the  map\n                    if (idSet == null) {\n                        idSet = new Set();\n                        idMap.set(current, idSet);\n                    }\n                    idSet.add(elt.id);\n                    current = current.parentElement;\n                }\n            }\n        }\n\n        /**\n         * This function computes a map of nodes to all ids contained within that node (inclusive of the\n         * node).  This map can be used to ask if two nodes have intersecting sets of ids, which allows\n         * for a looser definition of \"matching\" than tradition id matching, and allows child nodes\n         * to contribute to a parent nodes matching.\n         *\n         * @param {Element} oldContent  the old content that will be morphed\n         * @param {Element} newContent  the new content to morph to\n         * @returns {Map<Node, Set<String>>} a map of nodes to id sets for the\n         */\n        function createIdMap(oldContent, newContent) {\n            let idMap = new Map();\n            populateIdMapForNode(oldContent, idMap);\n            populateIdMapForNode(newContent, idMap);\n            return idMap;\n        }\n\n        //=============================================================================\n        // This is what ends up becoming the Idiomorph global object\n        //=============================================================================\n        return {\n            morph,\n            defaults\n        }\n    })();\n\nexport {Idiomorph};\n", "/**\n * Skipped minification because the original files appears to be already minified.\n * Original file: /npm/goober@2.1.14/dist/goober.modern.js\n *\n * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files\n */\nlet e={data:\"\"},t=t=>\"object\"==typeof window?((t?t.querySelector(\"#_goober\"):window._goober)||Object.assign((t||document.head).appendChild(document.createElement(\"style\")),{innerHTML:\" \",id:\"_goober\"})).firstChild:t||e,a=e=>{let a=t(e),r=a.data;return a.data=\"\",r},r=/(?:([\\u0080-\\uFFFF\\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\\s*)/g,l=/\\/\\*[^]*?\\*\\/|  +/g,s=/\\n+/g,n=(e,t)=>{let a=\"\",r=\"\",l=\"\";for(let s in e){let o=e[s];\"@\"==s[0]?\"i\"==s[1]?a=s+\" \"+o+\";\":r+=\"f\"==s[1]?n(o,s):s+\"{\"+n(o,\"k\"==s[1]?\"\":t)+\"}\":\"object\"==typeof o?r+=n(o,t?t.replace(/([^,])+/g,(e=>s.replace(/(^:.*)|([^,])+/g,(t=>/&/.test(t)?t.replace(/&/g,e):e?e+\" \"+t:t)))):s):null!=o&&(s=/^--/.test(s)?s:s.replace(/[A-Z]/g,\"-$&\").toLowerCase(),l+=n.p?n.p(s,o):s+\":\"+o+\";\")}return a+(t&&l?t+\"{\"+l+\"}\":l)+r},o={},c=e=>{if(\"object\"==typeof e){let t=\"\";for(let a in e)t+=a+c(e[a]);return t}return e},i=(e,t,a,i,p)=>{let u=c(e),d=o[u]||(o[u]=(e=>{let t=0,a=11;for(;t<e.length;)a=101*a+e.charCodeAt(t++)>>>0;return\"go\"+a})(u));if(!o[d]){let t=u!==e?e:(e=>{let t,a,n=[{}];for(;t=r.exec(e.replace(l,\"\"));)t[4]?n.shift():t[3]?(a=t[3].replace(s,\" \").trim(),n.unshift(n[0][a]=n[0][a]||{})):n[0][t[1]]=t[2].replace(s,\" \").trim();return n[0]})(e);o[d]=n(p?{[\"@keyframes \"+d]:t}:t,a?\"\":\".\"+d)}let f=a&&o.g?o.g:null;return a&&(o.g=o[d]),((e,t,a,r)=>{r?t.data=t.data.replace(r,e):-1===t.data.indexOf(e)&&(t.data=a?e+t.data:t.data+e)})(o[d],t,i,f),d},p=(e,t,a)=>e.reduce(((e,r,l)=>{let s=t[l];if(s&&s.call){let e=s(a),t=e&&e.props&&e.props.className||/^go/.test(e)&&e;s=t?\".\"+t:e&&\"object\"==typeof e?e.props?\"\":n(e,\"\"):!1===e?\"\":e}return e+r+(null==s?\"\":s)}),\"\");function u(e){let a=this||{},r=e.call?e(a.p):e;return i(r.unshift?r.raw?p(r,[].slice.call(arguments,1),a.p):r.reduce(((e,t)=>Object.assign(e,t&&t.call?t(a.p):t)),{}):r,t(a.target),a.g,a.o,a.k)}let d,f,g,b=u.bind({g:1}),m=u.bind({k:1});function h(e,t,a,r){n.p=t,d=e,f=a,g=r}function y(e,t){let a=this||{};return function(){let r=arguments;function l(s,n){let o=Object.assign({},s),c=o.className||l.className;a.p=Object.assign({theme:f&&f()},o),a.o=/ *go\\d+/.test(c),o.className=u.apply(a,r)+(c?\" \"+c:\"\"),t&&(o.ref=n);let i=e;return e[0]&&(i=o.as||e,delete o.as),g&&i[0]&&g(o),d(i,o)}return t?t(l):l}}\nexport default { css:u, extractCss: a, glob: b, keyframes: m, setup: h, styled: y }\n", "// Exposes node building method, that gets node name, attrs and body.\n// n('span', {id: id}), n('.foo', {id: id}, body), n('.foo', {id: id}, [...])\n// * you can switch places for attrs and body, and body can be list of nodes\n// * n('.foo.bar') -> n('div', { class: 'foo bar' })\n//\n// copyright @dux, 2024\n// Licence MIT\n\nexport default function n(name, attrs = {}, data) {\n  if (typeof attrs === 'string') {\n    [attrs, data] = [data, attrs]\n    attrs ||= {}\n  }\n\n  if (attrs instanceof Node) {\n    data = attrs\n    attrs = {}\n  }\n\n  if (Array.isArray(name)) {\n    data = name\n    name = 'div'\n  }\n\n  if (typeof attrs !== 'object' || Array.isArray(attrs)) {\n    data = attrs\n    attrs = {}\n  }\n\n  if (name.includes('.')) {\n    const parts = name.split('.')\n    name = parts.shift() || 'div'\n    const c = parts.join(' ');\n    if (attrs.class) {\n      attrs.class += ` ${c}`;\n    } else {\n      attrs.class = c\n    }\n  }\n\n  const node = document.createElement(name);\n\n  for (const [k, v] of Object.entries(attrs)) {\n    if (typeof v === 'function') {\n      node[k] = v.bind(this)\n    } else {\n      const value = String(v).replaceAll('$$.', this.fezHtmlRoot);\n      node.setAttribute(k, value)\n    }\n  }\n\n  if (data) {\n    if (Array.isArray(data)) {\n      for (const n of data) {\n        node.appendChild(n)\n      }\n    } else if (data instanceof Node) {\n      node.appendChild(data)\n    } else {\n      node.innerHTML = String(data)\n    }\n  }\n\n  return node\n}\n", "// templating\nimport renderStache from './lib/stache'\n\n// morph dom from one state to another\nimport { Idiomorph } from './lib/idiomorph'\n\n// runtime scss\nimport Gobber from './lib/gobber'\n\n// HTML node builder\nimport parseNode from './lib/n'\n\nclass FezBase {\n  static __objects = []\n\n  // get node attributes as object\n  static getProps(node) {\n    const attrs = {}\n    for (const attr of node.attributes) {\n      attrs[attr.name] = attr.value\n    }\n    return attrs\n  }\n\n  static formData(node) {\n    const formData = new FormData(node.closest('form'))\n    const formObject = {}\n    formData.forEach((value, key) => {\n      formObject[key] = value\n    });\n    return formObject\n  }\n\n  static fastBind() {\n    // return true to bind without requestAnimationFrame\n    // you can do this if you are sure you are not expecting innerHTML data\n    return false\n  }\n\n  // instance methods\n\n  constructor() {\n    this.__int = {}\n  }\n\n  n = parseNode\n\n  // string selector for use in HTML nodes\n  get fezHtmlRoot() {\n    return `Fez.find(this, \"${this.fezName}\").`\n  }\n\n  // checks if node is attached and clears all if not\n  get isAttached() {\n    if (this.root?.parentNode) {\n      return true\n    } else {\n      Object.keys(this.__int).forEach((key)=> {\n        clearInterval(this.__int[key])\n      })\n      this.root.fez = null\n      this.root = null\n      return false\n    }\n  }\n\n  // get single node property\n  prop(name) {\n    let v = this.oldRoot[name] || this.props[name]\n    if (typeof v == 'function') {\n      // if @prop('onclick'), we want \"this\" to point to this.root (dom node)\n      v = v.bind(this.root)\n    }\n    return v\n  }\n\n  // copy attributes to root node\n  copy() {\n    for (const name of Array.from(arguments)) {\n      let value = this.props[name]\n\n      if (value !== undefined) {\n        if (name == 'class') {\n          const klass = this.root.getAttribute(name, value)\n\n          if (klass) {\n            value = [klass, value].join(' ')\n          }\n        }\n\n        if (typeof value == 'string') {\n          this.root.setAttribute(name, value)\n        } else {\n          this.root[name] = value\n        }\n      }\n    }\n  }\n\n  // copy child nodes, natively to preserve bound events\n  // if node name is SLOT insert adjacent and remove SLOT, else as a child nodes\n  slot(source, target) {\n    target ||= document.createElement('template')\n    const isSlot = target.nodeName == 'SLOT'\n\n    while (source.firstChild) {\n      if (isSlot) {\n        target.parentNode.insertBefore(source.lastChild, target.nextSibling);\n      } else {\n        target.appendChild(source.firstChild)\n      }\n    }\n\n    if (isSlot) {\n      target.parentNode.removeChild(target)\n    } else {\n      source.innerHTML = ''\n    }\n\n    return target\n  }\n\n  style() { console.error('call Fez static style') }\n\n  connect() {\n    console.error('Fez is missing \"connect\" method.', this.root)\n  }\n\n  parseHtml(text, context) {\n    if (typeof text == 'object') {\n      text = text[0]\n    }\n\n    text = text.replaceAll('$$.', this.fezHtmlRoot.replaceAll('\"', '&quot;'))\n\n    if (text.includes('{{')) {\n      try {\n        const func = renderStache(text, this)\n        text = func()// .replace(/\\n\\s*\\n/g, \"\\n\")\n      } catch(error) {\n        console.error(`Fez stache template error in \"${this.fezName}\"`, error)\n      }\n    }\n\n    return text\n  }\n\n  // inject htmlString as innerHTML and replace $$. with local pointer\n  // $$. will point to current fez instance\n  // <slot></slot> will be replaced with current root\n  // this.html('...loading')\n  // this.html('.images', '...loading')\n  html(target, body) {\n    if (!target) {\n      target = this._fez_html_func || console.error(`Fez error ${this.fezName}: class template not defined (static html = '...')`)\n    }\n\n    if (typeof body == 'undefined') {\n      body = target\n      target = this.root\n    }\n\n    if (typeof target == 'string') {\n      target = this.find(target)\n    }\n\n    const newNode = document.createElement('div')\n\n    if (typeof body === 'function') {\n      body = body()\n    }\n\n    if (Array.isArray(body)) {\n      if (body[0] instanceof Node) {\n        body.forEach((n)=>{\n          newNode.appendChild(n)\n        })\n      } else {\n        body = body.join('')\n      }\n    } else if (typeof body === 'string') {\n      newNode.innerHTML = this.parseHtml(body)\n    } else if (body) {\n      newNode.appendChild(body)\n    }\n\n    const slot = newNode.querySelector('slot')\n    if (slot) {\n      this.slot(target, slot)\n    }\n\n    // old way, just replace\n    // target.innerHTML = ''\n    // this.slot(newNode, target)\n\n    Fez.morphdom(target, newNode)\n\n    const fetchAttr = (name, func) => {\n      target.querySelectorAll(`*[${name}]`).forEach((n)=>{\n        let value = n.getAttribute(name)\n        n.removeAttribute(name)\n        if (value) {\n          func.bind(this)(value, n)\n        }\n      })\n    }\n\n    fetchAttr('fez-this', (value, n) => {\n      this[value] = n\n    })\n\n    fetchAttr('fez-use', (value, n) => {\n      const target = this[value]\n      if (typeof target == 'function') {\n        target(n)\n      } else {\n        console.error(`Fez error: \"${value}\" is not a function in ${this.fezName}`)\n      }\n    })\n\n    fetchAttr('fez-class', (value) => {\n      let classes = value.split(/\\s+/)\n      let lastClass = classes.pop()\n      classes.forEach((c)=> n.classList.add(c) )\n      if (lastClass) {\n        setTimeout(()=>{\n          n.classList.add(lastClass)\n        }, 1000)\n      }\n    })\n  }\n\n  // run only if node is attached, clear otherwise\n  setInterval(func, tick, name) {\n    if (typeof func == 'number') {\n      [tick, func] = [func, tick]\n    }\n\n    name ||= Fez.fnv1(String(func))\n\n    clearInterval(this.__int[name])\n\n    this.__int[name] = setInterval(() => {\n      if (this.isAttached) {\n        func()\n      }\n    }, tick)\n\n    return this.__int[name]\n  }\n\n  // add css class for scss styled text\n  css(text, isGlobal) {\n    const className = Fez.css(text)\n\n    if (isGlobal) {\n      this.root.classList.add(className)\n    }\n\n    return className\n  }\n\n  find(selector) {\n    return this.root.querySelector(selector)\n  }\n\n  val(selector, data) {\n    const node = this.find('.time')\n\n    if (['INPUT', 'TEXTAREA', 'SELECT'].includes(node.nodeName)) {\n      node.value = data\n    } else {\n      node.innerHTML = new Date()\n    }\n  }\n\n  formData(node) {\n    return this.class.formData(node || this.root)\n  }\n\n  // get or set attribute\n  attr(name, value) {\n    if (typeof value === 'undefined') {\n      return this.root.getAttribute(name)\n    } else {\n      this.root.setAttribute(name, value)\n      return value\n    }\n  }\n\n  // get root node child nodes as array\n  childNodes(func) {\n    const list = Array.from(this.root.querySelectorAll(\":scope > *\"))\n\n    if (func) {\n      list.forEach(func)\n    } else {\n      return list\n    }\n  }\n\n  subscribe(channel, func) {\n    Fez._subs ||= {}\n    Fez._subs[channel] ||= []\n    Fez._subs[channel] = Fez._subs[channel].filter((el) => el[0].isAttached)\n    Fez._subs[channel].push([this, func])\n  }\n\n  fezRegister() {\n    if (this.class.css) {\n      if (typeof this.class.css == 'function') {\n        this.class.css = this.class.css(this)\n      }\n\n      if (this.class.css.includes(':')) {\n        this.class.css = Fez.css(this.class.css)\n      }\n      this.root.classList.add(this.class.css)\n    }\n\n    this.fezRegisterBindMethods()\n  }\n\n  // bind all instance method to this, to avoid calling with .bind(this)\n  fezRegisterBindMethods() {\n    const methods = Object.getOwnPropertyNames(Object.getPrototypeOf(this))\n      .filter(method => method !== 'constructor' && typeof this[method] === 'function')\n\n    methods.forEach(method => this[method] = this[method].bind(this))\n  }\n\n  reactiveStore(obj, handler) {\n    obj ||= {}\n\n    handler ||= (o, k, v) => {\n      this._nextRenderTick ||= window.requestAnimationFrame(()=>{\n        Fez.info('reactive render')\n        this.html()\n        this._nextRenderTick = null\n      },0)\n    }\n\n    handler.bind(this)\n\n    // licence ? -> generated by ChatGPT 2024\n    function createReactive(obj, handler) {\n      if (typeof obj !== 'object' || obj === null) {\n        return obj;\n      }\n\n      return new Proxy(obj, {\n        set(target, property, value, receiver) {\n          if (typeof value === 'object' && value !== null) {\n            value = createReactive(value, handler)\n          }\n          const result = Reflect.set(target, property, value, receiver)\n          handler(target, property, value)\n          return result\n        },\n        get(target, property, receiver) {\n          const value = Reflect.get(target, property, receiver)\n          if (typeof value === 'object' && value !== null) {\n            return createReactive(value, handler)\n          }\n          return value\n        }\n      });\n    }\n\n    return createReactive(obj, handler);\n  }\n\n}\n\n// clear all unnatached nodes\nsetInterval(() => {\n  FezBase.__objects = FezBase.__objects.filter(\n    (el) => el.isAttached\n  )\n}, 10_000)\n\n//\n\nconst observer = new MutationObserver((mutationsList, _) => {\n  for (const mutation of mutationsList) {\n    if (mutation.type === 'attributes') {\n      const fez = mutation.target.fez\n      const name = mutation.attributeName\n      const value = mutation.target.getAttribute(name)\n      fez.props[name] = value\n      fez.onPropsChange(name, value)\n      // console.log(`The [${name}] attribute was modified to [${value}].`);\n    }\n  }\n});\n\nconst Fez = (name, klass) => {\n  function connect() {\n    const parentNode = this.parentNode\n    if (parentNode) {\n      const nodeName = typeof klass.nodeName == 'function' ? klass.nodeName(this) : klass.nodeName\n      const newNode = document.createElement(nodeName || 'div')\n\n      newNode.classList.add('fez')\n      newNode.classList.add(`fez-${name}`)\n\n      parentNode.replaceChild(newNode, this);\n\n      const object =  new klass()\n      object.oldRoot = this\n      object.fezName = name\n      object.root = newNode\n      object.props = klass.getProps(this)\n      object.class = klass\n\n      // copy child nodes, natively to preserve bound events\n      object.slot(this, newNode)\n\n      newNode.fez = object\n\n      if (window.$) {\n        object.$root = $(newNode)\n      }\n\n      if (object.props.id) {\n        newNode.setAttribute('id', object.props.id)\n      }\n\n      if (klass.html) {\n        if (typeof klass.html === 'function') {\n          klass.html = klass.html(this)\n        }\n        object._fez_html_func = renderStache(klass.html, object)\n      }\n\n      object.fezRegister()\n      object.connect(object.props)\n      klass.__objects.push(object)\n\n      if (object._fez_html_func) {\n        object.html()\n      }\n\n      if (object.onPropsChange) {\n        observer.observe(newNode, {attributes:true})\n      }\n    }\n  }\n\n  function forceFastRender(n) {\n    return typeof klass.fastBind === 'function' ? klass.fastBind(n) : klass.fastBind\n  }\n\n  if (!name) {\n    return FezBase\n  }\n\n  if (typeof klass != 'function') {\n    return Fez.find(name, klass)\n  }\n\n  customElements.define(name, class extends HTMLElement {\n    connectedCallback() {\n      // when we render nested fez components, and under Svelte, sometimes node innerHTML is empty, but it should not be\n      // in that case, we need to wait for another tick to get content\n      // this solution looks like it is not efficient, because it slow renders fez components that do not have and are not intended to have body, but by testing this looks like it is not effecting render performance\n      // if you want to force fast render, add static fastBind = true or check\n      if (this.firstChild || forceFastRender(this)) {\n        Fez.info(`fast bind: ${name}`)\n        connect.bind(this)()\n      } else {\n        Fez.info(`slow bind: ${name}`)\n        window.requestAnimationFrame(()=>{\n          connect.bind(this)()\n        })\n      }\n    }\n  })\n}\n\nFez.find = (node, name) => {\n  if (typeof node == 'string') {\n    node = document.body.querySelector(node)\n  }\n\n  if (typeof node.val == 'function') {\n    node = node[0]\n  }\n\n  const klass = name ? `.fez-${name}` : '.fez'\n\n  return node.closest(klass).fez\n}\n\nFez.globalCss = (text) => {\n  const cssClass = Fez.css(text)\n  document.addEventListener(\"DOMContentLoaded\", () => {\n    document.body.classList.add(cssClass)\n  })\n  return cssClass\n}\n\nFez.css = (text) => {\n  return Gobber.css(text)\n}\n\nFez.info = (text) => {\n  if (window.DEBUG) {\n    console.log(`Fez: ${text}`)\n  }\n}\n\nFez.morphdom = (target, newNode, opts = {}) => {\n  if (opts.childrenOnly === undefined) {\n    opts.childrenOnly = true\n  }\n\n  // Morphdom(target, newNode, opts)\n  Idiomorph.morph(target, newNode, { morphStyle: 'innerHTML'})\n}\n\nFez.htmlEscape = (text) => {\n  return text\n    .replaceAll(\"'\", '&apos;')\n    .replaceAll('\"', '&quot;')\n    .replaceAll('<', '&lt;')\n    .replaceAll('>', '&gt;')\n}\n\nFez.publish = (channel, ...args) => {\n  Fez._subs[channel] ||= []\n  Fez._subs[channel].forEach((el) => {\n    el[1].bind(el[0])(...args)\n  })\n}\n\n  // get unique id from string\nFez.fnv1 = (str) => {\n  var FNV_OFFSET_BASIS, FNV_PRIME, hash, i, j, ref;\n  FNV_OFFSET_BASIS = 2166136261;\n  FNV_PRIME = 16777619;\n  hash = FNV_OFFSET_BASIS;\n  for (i = j = 0, ref = str.length - 1; (0 <= ref ? j <= ref : j >= ref); i = 0 <= ref ? ++j : --j) {\n    hash ^= str.charCodeAt(i);\n    hash *= FNV_PRIME;\n  }\n  return hash.toString(36).replaceAll('-', '');\n}\n\nwindow.Fez = Fez\nwindow.FezBase = FezBase\n"],
+  "mappings": "MACe,SAARA,EAA8BC,EAAKC,EAAS,CACjD,IAAMC,EAAe,gBACfC,EAAc,mBACdC,EAAU,4BACVC,EAAQ,cACRC,EAAa,mBAEnB,SAASC,EAAOC,EAAQ,CACtB,IAAMC,EAAUC,GAAMA,EAAE,WAAW,IAAK,OAAO,EAE3CC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAgBPH,EAAO,KAAK,EAAE,QAAQN,EAAc,KAAK,EAAE,QAAQC,EAAa,CAACS,EAAKC,IAAS,CAI7E,GAFAA,EAAOA,EAAK,QAAQ,QAAS,EAAE,EAE3BA,EAAK,WAAW,MAAM,GAAKA,EAAK,WAAW,KAAK,EAAG,CAErD,IAAMC,EAAQD,EAAK,MAAM,KAAK,EAC9B,GAAIC,EAAM,MAAM,IAAM,MAAO,CAC3B,IAAMC,EAAOD,EAAM,IAAI,EACvBA,EAAM,IAAI,EACVD,EAAO,QAAQE,CAAI,OAAOD,EAAM,KAAK,GAAG,CAAC,EAC3C,CAEA,IAAIE,EAAOZ,EAAQ,KAAKS,CAAI,EAC5B,GAAIG,EACA,OAAAA,EAAK,CAAC,EAAIP,EAAOO,EAAK,CAAC,CAAC,EACjB;AAAA,mBAAyBA,EAAK,CAAC,CAAC,iCAAiCA,EAAK,CAAC,CAAC,8CAA8CA,EAAK,CAAC,CAAC,cAAcA,EAAK,CAAC,CAAC,yBAE/J,SAAWH,EAAK,WAAW,IAAI,EAAG,CAChC,IAAII,EAAeZ,EAAO,KAAKQ,CAAI,EACnC,GAAII,EACF,OAAAA,EAAY,CAAC,EAAIR,EAAOQ,EAAY,CAAC,CAAC,EAC/B;AAAA,OAAaA,EAAY,CAAC,CAAC,sBAEtC,SAAWJ,EAAK,WAAW,SAAS,EAAG,CACrC,IAAIK,EAAmBZ,EAAY,KAAKO,CAAI,EAC5C,GAAIK,EACF,OAAAA,EAAgB,CAAC,EAAIT,EAAOS,EAAgB,CAAC,CAAC,EACvC;AAAA,cAAoBA,EAAgB,CAAC,CAAC,sBAEjD,KAAO,IAAIL,IAAS,OAClB,MAAO;AAAA,4BACF,GAAIA,IAAS,SAAWA,IAAS,OACtC,MAAO;AAAA,uBACF,GAAIA,IAAS,MAClB,MAAO;AAAA,qBAIT,IAAMM,EAAYN,EAAK,MAAM,YAAY,EACzC,OAAIM,EAAU,CAAC,EACbN,EAAOJ,EAAOU,EAAU,CAAC,CAAC,EAE1BN,EAAO,cAAcJ,EAAOI,CAAI,CAAC,IAG5B;AAAA;AAAA;AAAA,gBAA6EA,CAAI;AAAA,kBAC1F,CAAC,CACH;AAAA;AAAA;AAAA,MAKF,OAAO,IAAI,SAAS,QAASF,CAAI,CACnC,CAEA,SAASS,EAAeZ,EAAQ,CAC9B,IAAMR,EAAMO,EAAOC,CAAM,EACzB,MAAO,IAAM,CACX,GAAM,CAACa,EAASC,CAAM,EAAItB,EAAI,KAAKC,CAAO,EAAE,EAC5C,OAAOoB,EAAQ,OAAO,CAACE,EAAKC,EAAKC,IAAMF,EAAOD,EAAOG,EAAI,CAAC,EAAKD,CAAG,CACpE,CACF,CAEA,SAASE,EAAgBC,EAAM,CAC7B,IAAMC,EAAkB,IAAI,IAAI,CAC9B,OAAQ,OAAQ,KAAM,MAAO,QAAS,KAAM,MAAO,QAAS,OAAQ,OAAQ,SAAU,QAAS,KACjG,CAAC,EAED,OAAOD,EAAK,QAAQ,0BAA2B,CAACE,EAAOC,EAASC,IACvDH,EAAgB,IAAIE,CAAO,EAAID,EAAQ,IAAIC,CAAO,GAAGC,CAAU,MAAMD,CAAO,GACpF,CACH,CAEA,OAAA9B,EAAM0B,EAAgB1B,CAAG,EAClBoB,EAAepB,CAAG,CAC3B,CCtGA,IAAIgC,EAAa,UAAY,CACrB,aAKA,IAAIC,EAAY,IAAI,IAGhBC,EAAW,CACX,WAAY,YACZ,UAAY,CACR,gBAAiBC,EACjB,eAAgBA,EAChB,kBAAmBA,EACnB,iBAAkBA,EAClB,kBAAmBA,EACnB,iBAAkBA,EAClB,uBAAwBA,CAE5B,EACA,KAAM,CACF,MAAO,QACP,eAAgB,SAAUC,EAAK,CAC3B,OAAOA,EAAI,aAAa,aAAa,IAAM,MAC/C,EACA,eAAgB,SAAUA,EAAK,CAC3B,OAAOA,EAAI,aAAa,cAAc,IAAM,MAChD,EACA,aAAcD,EACd,iBAAkBA,CACtB,CACJ,EAKA,SAASE,EAAMC,EAASC,EAAYC,EAAS,CAAC,EAAG,CAEzCF,aAAmB,WACnBA,EAAUA,EAAQ,iBAGlB,OAAOC,GAAe,WACtBA,EAAaE,GAAaF,CAAU,GAGxC,IAAIG,EAAoBC,GAAiBJ,CAAU,EAE/CK,EAAMC,EAAmBP,EAASI,EAAmBF,CAAM,EAE/D,OAAOM,EAAuBR,EAASI,EAAmBE,CAAG,CACjE,CAEA,SAASE,EAAuBR,EAASS,EAAsBH,EAAK,CAChE,GAAIA,EAAI,KAAK,MAAO,CAChB,IAAII,EAAUV,EAAQ,cAAc,MAAM,EACtCW,EAAUF,EAAqB,cAAc,MAAM,EACvD,GAAIC,GAAWC,EAAS,CACpB,IAAIC,EAAWC,EAAkBF,EAASD,EAASJ,CAAG,EAEtD,QAAQ,IAAIM,CAAQ,EAAE,KAAK,UAAY,CACnCJ,EAAuBR,EAASS,EAAsB,OAAO,OAAOH,EAAK,CACrE,KAAM,CACF,MAAO,GACP,OAAQ,EACZ,CACJ,CAAC,CAAC,CACN,CAAC,EACD,MACJ,CACJ,CAEA,GAAIA,EAAI,aAAe,YAGnB,OAAAQ,EAAcL,EAAsBT,EAASM,CAAG,EACzCN,EAAQ,SAEZ,GAAIM,EAAI,aAAe,aAAeA,EAAI,YAAc,KAAM,CAGjE,IAAIS,EAAYC,GAAkBP,EAAsBT,EAASM,CAAG,EAGhEW,EAAkBF,GAAW,gBAC7BG,EAAcH,GAAW,YAGzBI,EAAcC,EAAepB,EAASe,EAAWT,CAAG,EAExD,OAAIS,EAGOM,GAAeJ,EAAiBE,EAAaD,CAAW,EAGxD,CAAC,CAEhB,KACI,MAAM,wCAA0CZ,EAAI,UAE5D,CAQA,SAASgB,EAA2BC,EAAuBjB,EAAK,CAC5D,OAAOA,EAAI,mBAAqBiB,IAA0B,SAAS,eAAiBA,IAA0B,SAAS,IAC3H,CAQA,SAASH,EAAepB,EAASC,EAAYK,EAAK,CAC9C,GAAI,EAAAA,EAAI,cAAgBN,IAAY,SAAS,eAEtC,OAAIC,GAAc,KACjBK,EAAI,UAAU,kBAAkBN,CAAO,IAAM,GAAcA,GAE/DA,EAAQ,OAAO,EACfM,EAAI,UAAU,iBAAiBN,CAAO,EAC/B,MACCwB,EAAYxB,EAASC,CAAU,GASnCK,EAAI,UAAU,kBAAkBN,EAASC,CAAU,IAAM,KAEzDD,aAAmB,iBAAmBM,EAAI,KAAK,SAExCN,aAAmB,iBAAmBM,EAAI,KAAK,QAAU,QAChEO,EAAkBZ,EAAYD,EAASM,CAAG,GAE1CmB,EAAaxB,EAAYD,EAASM,CAAG,EAChCgB,EAA2BtB,EAASM,CAAG,GACxCQ,EAAcb,EAAYD,EAASM,CAAG,IAG9CA,EAAI,UAAU,iBAAiBN,EAASC,CAAU,GAC3CD,GArBHM,EAAI,UAAU,kBAAkBN,CAAO,IAAM,IAC7CM,EAAI,UAAU,gBAAgBL,CAAU,IAAM,GAAcD,GAEhEA,EAAQ,cAAc,aAAaC,EAAYD,CAAO,EACtDM,EAAI,UAAU,eAAeL,CAAU,EACvCK,EAAI,UAAU,iBAAiBN,CAAO,EAC/BC,EAiBf,CAwBA,SAASa,EAAcY,EAAWC,EAAWrB,EAAK,CAE9C,IAAIsB,EAAeF,EAAU,WACzBG,EAAiBF,EAAU,WAC3BG,EAGJ,KAAOF,GAAc,CAMjB,GAJAE,EAAWF,EACXA,EAAeE,EAAS,YAGpBD,GAAkB,KAAM,CACxB,GAAIvB,EAAI,UAAU,gBAAgBwB,CAAQ,IAAM,GAAO,OAEvDH,EAAU,YAAYG,CAAQ,EAC9BxB,EAAI,UAAU,eAAewB,CAAQ,EACrCC,EAA2BzB,EAAKwB,CAAQ,EACxC,QACJ,CAGA,GAAIE,EAAaF,EAAUD,EAAgBvB,CAAG,EAAG,CAC7Cc,EAAeS,EAAgBC,EAAUxB,CAAG,EAC5CuB,EAAiBA,EAAe,YAChCE,EAA2BzB,EAAKwB,CAAQ,EACxC,QACJ,CAGA,IAAIG,EAAaC,GAAeR,EAAWC,EAAWG,EAAUD,EAAgBvB,CAAG,EAGnF,GAAI2B,EAAY,CACZJ,EAAiBM,EAAmBN,EAAgBI,EAAY3B,CAAG,EACnEc,EAAea,EAAYH,EAAUxB,CAAG,EACxCyB,EAA2BzB,EAAKwB,CAAQ,EACxC,QACJ,CAGA,IAAIM,EAAYC,GAAcX,EAAWC,EAAWG,EAAUD,EAAgBvB,CAAG,EAGjF,GAAI8B,EAAW,CACXP,EAAiBM,EAAmBN,EAAgBO,EAAW9B,CAAG,EAClEc,EAAegB,EAAWN,EAAUxB,CAAG,EACvCyB,EAA2BzB,EAAKwB,CAAQ,EACxC,QACJ,CAIA,GAAIxB,EAAI,UAAU,gBAAgBwB,CAAQ,IAAM,GAAO,OAEvDH,EAAU,aAAaG,EAAUD,CAAc,EAC/CvB,EAAI,UAAU,eAAewB,CAAQ,EACrCC,EAA2BzB,EAAKwB,CAAQ,CAC5C,CAGA,KAAOD,IAAmB,MAAM,CAE5B,IAAIS,EAAWT,EACfA,EAAiBA,EAAe,YAChCU,EAAWD,EAAUhC,CAAG,CAC5B,CACJ,CAaA,SAASkC,EAAgBC,EAAMC,EAAIC,EAAYrC,EAAK,CAChD,OAAGmC,IAAS,SAAWnC,EAAI,mBAAqBoC,IAAO,SAAS,cACrD,GAEJpC,EAAI,UAAU,uBAAuBmC,EAAMC,EAAIC,CAAU,IAAM,EAC1E,CAUA,SAASlB,EAAamB,EAAMF,EAAIpC,EAAK,CACjC,IAAIuC,EAAOD,EAAK,SAIhB,GAAIC,IAAS,EAAsB,CAC/B,IAAMC,EAAiBF,EAAK,WACtBG,EAAeL,EAAG,WACxB,QAAWM,KAAiBF,EACpBN,EAAgBQ,EAAc,KAAMN,EAAI,SAAUpC,CAAG,GAGrDoC,EAAG,aAAaM,EAAc,IAAI,IAAMA,EAAc,OACtDN,EAAG,aAAaM,EAAc,KAAMA,EAAc,KAAK,EAI/D,QAASC,EAAIF,EAAa,OAAS,EAAG,GAAKE,EAAGA,IAAK,CAC/C,IAAMC,EAAcH,EAAaE,CAAC,EAC9BT,EAAgBU,EAAY,KAAMR,EAAI,SAAUpC,CAAG,GAGlDsC,EAAK,aAAaM,EAAY,IAAI,GACnCR,EAAG,gBAAgBQ,EAAY,IAAI,CAE3C,CACJ,EAGIL,IAAS,GAAmBA,IAAS,IACjCH,EAAG,YAAcE,EAAK,YACtBF,EAAG,UAAYE,EAAK,WAIvBtB,EAA2BoB,EAAIpC,CAAG,GAEnC6C,EAAeP,EAAMF,EAAIpC,CAAG,CAEpC,CAQA,SAAS8C,EAAqBR,EAAMF,EAAIW,EAAe/C,EAAK,CACxD,GAAIsC,EAAKS,CAAa,IAAMX,EAAGW,CAAa,EAAG,CAC3C,IAAIC,EAAed,EAAgBa,EAAeX,EAAI,SAAUpC,CAAG,EAC9DgD,IACDZ,EAAGW,CAAa,EAAIT,EAAKS,CAAa,GAEtCT,EAAKS,CAAa,EACbC,GACDZ,EAAG,aAAaW,EAAeT,EAAKS,CAAa,CAAC,EAGjDb,EAAgBa,EAAeX,EAAI,SAAUpC,CAAG,GACjDoC,EAAG,gBAAgBW,CAAa,CAG5C,CACJ,CAYA,SAASF,EAAeP,EAAMF,EAAIpC,EAAK,CACnC,GAAIsC,aAAgB,kBAChBF,aAAc,kBACdE,EAAK,OAAS,OAAQ,CAEtB,IAAIW,EAAYX,EAAK,MACjBY,EAAUd,EAAG,MAGjBU,EAAqBR,EAAMF,EAAI,UAAWpC,CAAG,EAC7C8C,EAAqBR,EAAMF,EAAI,WAAYpC,CAAG,EAEzCsC,EAAK,aAAa,OAAO,EAKnBW,IAAcC,IAChBhB,EAAgB,QAASE,EAAI,SAAUpC,CAAG,IAC3CoC,EAAG,aAAa,QAASa,CAAS,EAClCb,EAAG,MAAQa,IAPVf,EAAgB,QAASE,EAAI,SAAUpC,CAAG,IAC3CoC,EAAG,MAAQ,GACXA,EAAG,gBAAgB,OAAO,EAQtC,SAAWE,aAAgB,kBACvBQ,EAAqBR,EAAMF,EAAI,WAAYpC,CAAG,UACvCsC,aAAgB,qBAAuBF,aAAc,oBAAqB,CACjF,IAAIa,EAAYX,EAAK,MACjBY,EAAUd,EAAG,MACjB,GAAIF,EAAgB,QAASE,EAAI,SAAUpC,CAAG,EAC1C,OAEAiD,IAAcC,IACdd,EAAG,MAAQa,GAEXb,EAAG,YAAcA,EAAG,WAAW,YAAca,IAC7Cb,EAAG,WAAW,UAAYa,EAElC,CACJ,CAKA,SAAS1C,EAAkB4C,EAAYC,EAAapD,EAAK,CAErD,IAAIqD,EAAQ,CAAC,EACTC,EAAU,CAAC,EACXC,EAAY,CAAC,EACbC,EAAgB,CAAC,EAEjBC,EAAiBzD,EAAI,KAAK,MAG1B0D,EAAoB,IAAI,IAC5B,QAAWC,KAAgBR,EAAW,SAClCO,EAAkB,IAAIC,EAAa,UAAWA,CAAY,EAI9D,QAAWC,KAAkBR,EAAY,SAAU,CAG/C,IAAIS,EAAeH,EAAkB,IAAIE,EAAe,SAAS,EAC7DE,EAAe9D,EAAI,KAAK,eAAe4D,CAAc,EACrDG,EAAc/D,EAAI,KAAK,eAAe4D,CAAc,EACpDC,GAAgBE,EACZD,EAEAR,EAAQ,KAAKM,CAAc,GAI3BF,EAAkB,OAAOE,EAAe,SAAS,EACjDL,EAAU,KAAKK,CAAc,GAG7BH,IAAmB,SAGfK,IACAR,EAAQ,KAAKM,CAAc,EAC3BJ,EAAc,KAAKI,CAAc,GAIjC5D,EAAI,KAAK,aAAa4D,CAAc,IAAM,IAC1CN,EAAQ,KAAKM,CAAc,CAI3C,CAIAJ,EAAc,KAAK,GAAGE,EAAkB,OAAO,CAAC,EAGhD,IAAIpD,EAAW,CAAC,EAChB,QAAW0D,KAAWR,EAAe,CAEjC,IAAIS,EAAS,SAAS,YAAY,EAAE,yBAAyBD,EAAQ,SAAS,EAAE,WAEhF,GAAIhE,EAAI,UAAU,gBAAgBiE,CAAM,IAAM,GAAO,CACjD,GAAIA,EAAO,MAAQA,EAAO,IAAK,CAC3B,IAAIC,EAAU,KACVC,EAAU,IAAI,QAAQ,SAAUC,GAAU,CAC1CF,EAAUE,EACd,CAAC,EACDH,EAAO,iBAAiB,OAAQ,UAAY,CACxCC,EAAQ,CACZ,CAAC,EACD5D,EAAS,KAAK6D,CAAO,CACzB,CACAf,EAAY,YAAYa,CAAM,EAC9BjE,EAAI,UAAU,eAAeiE,CAAM,EACnCZ,EAAM,KAAKY,CAAM,CACrB,CACJ,CAIA,QAAWI,KAAkBf,EACrBtD,EAAI,UAAU,kBAAkBqE,CAAc,IAAM,KACpDjB,EAAY,YAAYiB,CAAc,EACtCrE,EAAI,UAAU,iBAAiBqE,CAAc,GAIrD,OAAArE,EAAI,KAAK,iBAAiBoD,EAAa,CAAC,MAAOC,EAAO,KAAME,EAAW,QAASD,CAAO,CAAC,EACjFhD,CACX,CAMA,SAASgE,GAAM,CAEf,CAEA,SAAS/E,GAAO,CAChB,CAMA,SAASgF,EAAc3E,EAAQ,CAC3B,IAAI4E,EAAc,CAAC,EAEnB,cAAO,OAAOA,EAAalF,CAAQ,EACnC,OAAO,OAAOkF,EAAa5E,CAAM,EAGjC4E,EAAY,UAAY,CAAC,EACzB,OAAO,OAAOA,EAAY,UAAWlF,EAAS,SAAS,EACvD,OAAO,OAAOkF,EAAY,UAAW5E,EAAO,SAAS,EAGrD4E,EAAY,KAAO,CAAC,EACpB,OAAO,OAAOA,EAAY,KAAMlF,EAAS,IAAI,EAC7C,OAAO,OAAOkF,EAAY,KAAM5E,EAAO,IAAI,EACpC4E,CACX,CAEA,SAASvE,EAAmBP,EAASC,EAAYC,EAAQ,CACrD,OAAAA,EAAS2E,EAAc3E,CAAM,EACtB,CACH,OAAQF,EACR,WAAYC,EACZ,OAAQC,EACR,WAAYA,EAAO,WACnB,aAAcA,EAAO,aACrB,kBAAmBA,EAAO,kBAC1B,MAAO6E,GAAY/E,EAASC,CAAU,EACtC,QAAS,IAAI,IACb,UAAWC,EAAO,UAClB,KAAMA,EAAO,IACjB,CACJ,CAEA,SAAS8B,EAAagD,EAAOC,EAAO3E,EAAK,CACrC,OAAI0E,GAAS,MAAQC,GAAS,KACnB,GAEPD,EAAM,WAAaC,EAAM,UAAYD,EAAM,UAAYC,EAAM,QACzDD,EAAM,KAAO,IAAMA,EAAM,KAAOC,EAAM,GAC/B,GAEAC,EAAuB5E,EAAK0E,EAAOC,CAAK,EAAI,EAGpD,EACX,CAEA,SAASzD,EAAYwD,EAAOC,EAAO,CAC/B,OAAID,GAAS,MAAQC,GAAS,KACnB,GAEJD,EAAM,WAAaC,EAAM,UAAYD,EAAM,UAAYC,EAAM,OACxE,CAEA,SAAS9C,EAAmBgD,EAAgBC,EAAc9E,EAAK,CAC3D,KAAO6E,IAAmBC,GAAc,CACpC,IAAI9C,EAAW6C,EACfA,EAAiBA,EAAe,YAChC5C,EAAWD,EAAUhC,CAAG,CAC5B,CACA,OAAAyB,EAA2BzB,EAAK8E,CAAY,EACrCA,EAAa,WACxB,CAQA,SAASlD,GAAejC,EAAY0B,EAAWG,EAAUD,EAAgBvB,EAAK,CAG1E,IAAI+E,EAA2BH,EAAuB5E,EAAKwB,EAAUH,CAAS,EAE1E2D,EAAiB,KAGrB,GAAID,EAA2B,EAAG,CAC9B,IAAIC,EAAiBzD,EAKjB0D,EAAkB,EACtB,KAAOD,GAAkB,MAAM,CAG3B,GAAItD,EAAaF,EAAUwD,EAAgBhF,CAAG,EAC1C,OAAOgF,EAKX,GADAC,GAAmBL,EAAuB5E,EAAKgF,EAAgBrF,CAAU,EACrEsF,EAAkBF,EAGlB,OAAO,KAIXC,EAAiBA,EAAe,WACpC,CACJ,CACA,OAAOA,CACX,CAQA,SAASjD,GAAcpC,EAAY0B,EAAWG,EAAUD,EAAgBvB,EAAK,CAEzE,IAAIkF,EAAqB3D,EACrBX,EAAcY,EAAS,YACvB2D,EAAwB,EAE5B,KAAOD,GAAsB,MAAM,CAE/B,GAAIN,EAAuB5E,EAAKkF,EAAoBvF,CAAU,EAAI,EAG9D,OAAO,KAIX,GAAIuB,EAAYM,EAAU0D,CAAkB,EACxC,OAAOA,EAGX,GAAIhE,EAAYN,EAAasE,CAAkB,IAG3CC,IACAvE,EAAcA,EAAY,YAItBuE,GAAyB,GACzB,OAAO,KAKfD,EAAqBA,EAAmB,WAC5C,CAEA,OAAOA,CACX,CAEA,SAASrF,GAAaF,EAAY,CAC9B,IAAIyF,EAAS,IAAI,UAGbC,EAAyB1F,EAAW,QAAQ,uCAAwC,EAAE,EAG1F,GAAI0F,EAAuB,MAAM,UAAU,GAAKA,EAAuB,MAAM,UAAU,GAAKA,EAAuB,MAAM,UAAU,EAAG,CAClI,IAAIC,EAAUF,EAAO,gBAAgBzF,EAAY,WAAW,EAE5D,GAAI0F,EAAuB,MAAM,UAAU,EACvC,OAAAC,EAAQ,qBAAuB,GACxBA,EACJ,CAEH,IAAIC,EAAcD,EAAQ,WAC1B,OAAIC,GACAA,EAAY,qBAAuB,GAC5BA,GAEA,IAEf,CACJ,KAAO,CAIH,IAAID,EADcF,EAAO,gBAAgB,mBAAqBzF,EAAa,qBAAsB,WAAW,EAClF,KAAK,cAAc,UAAU,EAAE,QACzD,OAAA2F,EAAQ,qBAAuB,GACxBA,CACX,CACJ,CAEA,SAASvF,GAAiBJ,EAAY,CAClC,GAAIA,GAAc,KAGd,OADoB,SAAS,cAAc,KAAK,EAE7C,GAAIA,EAAW,qBAElB,OAAOA,EACJ,GAAIA,aAAsB,KAAM,CAEnC,IAAM6F,EAAc,SAAS,cAAc,KAAK,EAChD,OAAAA,EAAY,OAAO7F,CAAU,EACtB6F,CACX,KAAO,CAGH,IAAMA,EAAc,SAAS,cAAc,KAAK,EAChD,QAAWhG,IAAO,CAAC,GAAGG,CAAU,EAC5B6F,EAAY,OAAOhG,CAAG,EAE1B,OAAOgG,CACX,CACJ,CAEA,SAASzE,GAAeJ,EAAiBE,EAAaD,EAAa,CAC/D,IAAI6E,EAAQ,CAAC,EACTpC,EAAQ,CAAC,EACb,KAAO1C,GAAmB,MACtB8E,EAAM,KAAK9E,CAAe,EAC1BA,EAAkBA,EAAgB,gBAEtC,KAAO8E,EAAM,OAAS,GAAG,CACrB,IAAIC,EAAOD,EAAM,IAAI,EACrBpC,EAAM,KAAKqC,CAAI,EACf7E,EAAY,cAAc,aAAa6E,EAAM7E,CAAW,CAC5D,CAEA,IADAwC,EAAM,KAAKxC,CAAW,EACfD,GAAe,MAClB6E,EAAM,KAAK7E,CAAW,EACtByC,EAAM,KAAKzC,CAAW,EACtBA,EAAcA,EAAY,YAE9B,KAAO6E,EAAM,OAAS,GAClB5E,EAAY,cAAc,aAAa4E,EAAM,IAAI,EAAG5E,EAAY,WAAW,EAE/E,OAAOwC,CACX,CAEA,SAAS3C,GAAkBf,EAAYD,EAASM,EAAK,CACjD,IAAI2F,EACJA,EAAiBhG,EAAW,WAC5B,IAAIiG,EAAcD,EACdE,EAAQ,EACZ,KAAOF,GAAgB,CACnB,IAAIG,EAAWC,GAAaJ,EAAgBjG,EAASM,CAAG,EACpD8F,EAAWD,IACXD,EAAcD,EACdE,EAAQC,GAEZH,EAAiBA,EAAe,WACpC,CACA,OAAOC,CACX,CAEA,SAASG,GAAarB,EAAOC,EAAO3E,EAAK,CACrC,OAAIkB,EAAYwD,EAAOC,CAAK,EACjB,GAAKC,EAAuB5E,EAAK0E,EAAOC,CAAK,EAEjD,CACX,CAEA,SAAS1C,EAAWD,EAAUhC,EAAK,CAC/ByB,EAA2BzB,EAAKgC,CAAQ,EACpChC,EAAI,UAAU,kBAAkBgC,CAAQ,IAAM,KAElDA,EAAS,OAAO,EAChBhC,EAAI,UAAU,iBAAiBgC,CAAQ,EAC3C,CAMA,SAASgE,GAAoBhG,EAAKiG,EAAI,CAClC,MAAO,CAACjG,EAAI,QAAQ,IAAIiG,CAAE,CAC9B,CAEA,SAASC,GAAelG,EAAKiG,EAAIE,EAAY,CAEzC,OADYnG,EAAI,MAAM,IAAImG,CAAU,GAAK9G,GAC5B,IAAI4G,CAAE,CACvB,CAEA,SAASxE,EAA2BzB,EAAK0F,EAAM,CAC3C,IAAIU,EAAQpG,EAAI,MAAM,IAAI0F,CAAI,GAAKrG,EACnC,QAAW4G,KAAMG,EACbpG,EAAI,QAAQ,IAAIiG,CAAE,CAE1B,CAEA,SAASrB,EAAuB5E,EAAK0E,EAAOC,EAAO,CAC/C,IAAI0B,EAAYrG,EAAI,MAAM,IAAI0E,CAAK,GAAKrF,EACpCiH,EAAa,EACjB,QAAWL,KAAMI,EAGTL,GAAoBhG,EAAKiG,CAAE,GAAKC,GAAelG,EAAKiG,EAAItB,CAAK,GAC7D,EAAE2B,EAGV,OAAOA,CACX,CAUA,SAASC,EAAqBb,EAAMc,EAAO,CACvC,IAAIC,EAAaf,EAAK,cAElBgB,EAAahB,EAAK,iBAAiB,MAAM,EAC7C,QAAWlG,KAAOkH,EAAY,CAC1B,IAAIC,EAAUnH,EAGd,KAAOmH,IAAYF,GAAcE,GAAW,MAAM,CAC9C,IAAIP,EAAQI,EAAM,IAAIG,CAAO,EAEzBP,GAAS,OACTA,EAAQ,IAAI,IACZI,EAAM,IAAIG,EAASP,CAAK,GAE5BA,EAAM,IAAI5G,EAAI,EAAE,EAChBmH,EAAUA,EAAQ,aACtB,CACJ,CACJ,CAYA,SAASlC,GAAYmC,EAAYjH,EAAY,CACzC,IAAI6G,EAAQ,IAAI,IAChB,OAAAD,EAAqBK,EAAYJ,CAAK,EACtCD,EAAqB5G,EAAY6G,CAAK,EAC/BA,CACX,CAKA,MAAO,CACH,MAAA/G,EACA,SAAAH,CACJ,CACJ,EAAG,ECz0BP,IAAIuH,GAAE,CAAC,KAAK,EAAE,EAAEC,EAAEA,GAAa,OAAO,QAAjB,WAA0BA,EAAEA,EAAE,cAAc,UAAU,EAAE,OAAO,UAAU,OAAO,QAAQA,GAAG,SAAS,MAAM,YAAY,SAAS,cAAc,OAAO,CAAC,EAAE,CAAC,UAAU,IAAI,GAAG,SAAS,CAAC,GAAG,WAAWA,GAAGD,GAAEE,GAAEF,GAAG,CAAC,IAAIE,EAAED,EAAED,CAAC,EAAEG,EAAED,EAAE,KAAK,OAAOA,EAAE,KAAK,GAAGC,CAAC,EAAEA,GAAE,oEAAoEC,GAAE,qBAAqBC,EAAE,OAAOC,EAAE,CAACN,EAAEC,IAAI,CAAC,IAAIC,EAAE,GAAGC,EAAE,GAAGC,EAAE,GAAG,QAAQC,KAAKL,EAAE,CAAC,IAAIO,EAAEP,EAAEK,CAAC,EAAOA,EAAE,CAAC,GAAR,IAAeA,EAAE,CAAC,GAAR,IAAUH,EAAEG,EAAE,IAAIE,EAAE,IAAIJ,GAAQE,EAAE,CAAC,GAAR,IAAUC,EAAEC,EAAEF,CAAC,EAAEA,EAAE,IAAIC,EAAEC,EAAOF,EAAE,CAAC,GAAR,IAAU,GAAGJ,CAAC,EAAE,IAAc,OAAOM,GAAjB,SAAmBJ,GAAGG,EAAEC,EAAEN,EAAEA,EAAE,QAAQ,WAAYD,GAAGK,EAAE,QAAQ,kBAAmBJ,GAAG,IAAI,KAAKA,CAAC,EAAEA,EAAE,QAAQ,KAAKD,CAAC,EAAEA,EAAEA,EAAE,IAAIC,EAAEA,CAAE,CAAE,EAAEI,CAAC,EAAQE,GAAN,OAAUF,EAAE,MAAM,KAAKA,CAAC,EAAEA,EAAEA,EAAE,QAAQ,SAAS,KAAK,EAAE,YAAY,EAAED,GAAGE,EAAE,EAAEA,EAAE,EAAED,EAAEE,CAAC,EAAEF,EAAE,IAAIE,EAAE,IAAI,CAAC,OAAOL,GAAGD,GAAGG,EAAEH,EAAE,IAAIG,EAAE,IAAIA,GAAGD,CAAC,EAAEI,EAAE,CAAC,EAAEC,EAAER,GAAG,CAAC,GAAa,OAAOA,GAAjB,SAAmB,CAAC,IAAIC,EAAE,GAAG,QAAQC,KAAKF,EAAEC,GAAGC,EAAEM,EAAER,EAAEE,CAAC,CAAC,EAAE,OAAOD,CAAC,CAAC,OAAOD,CAAC,EAAES,GAAE,CAACT,EAAEC,EAAEC,EAAEO,EAAE,IAAI,CAAC,IAAIC,EAAEF,EAAER,CAAC,EAAEW,EAAEJ,EAAEG,CAAC,IAAIH,EAAEG,CAAC,GAAGV,GAAG,CAAC,IAAIC,EAAE,EAAEC,EAAE,GAAG,KAAKD,EAAED,EAAE,QAAQE,EAAE,IAAIA,EAAEF,EAAE,WAAWC,GAAG,IAAI,EAAE,MAAM,KAAKC,CAAC,GAAGQ,CAAC,GAAG,GAAG,CAACH,EAAEI,CAAC,EAAE,CAAC,IAAIV,EAAES,IAAIV,EAAEA,GAAGA,GAAG,CAAC,IAAIC,EAAEC,EAAEI,EAAE,CAAC,CAAC,CAAC,EAAE,KAAKL,EAAEE,GAAE,KAAKH,EAAE,QAAQI,GAAE,EAAE,CAAC,GAAGH,EAAE,CAAC,EAAEK,EAAE,MAAM,EAAEL,EAAE,CAAC,GAAGC,EAAED,EAAE,CAAC,EAAE,QAAQI,EAAE,GAAG,EAAE,KAAK,EAAEC,EAAE,QAAQA,EAAE,CAAC,EAAEJ,CAAC,EAAEI,EAAE,CAAC,EAAEJ,CAAC,GAAG,CAAC,CAAC,GAAGI,EAAE,CAAC,EAAEL,EAAE,CAAC,CAAC,EAAEA,EAAE,CAAC,EAAE,QAAQI,EAAE,GAAG,EAAE,KAAK,EAAE,OAAOC,EAAE,CAAC,CAAC,GAAGN,CAAC,EAAEO,EAAEI,CAAC,EAAEL,EAAE,EAAE,CAAC,CAAC,cAAcK,CAAC,EAAEV,CAAC,EAAEA,EAAEC,EAAE,GAAG,IAAIS,CAAC,CAAC,CAAC,IAAIC,EAAEV,GAAGK,EAAE,EAAEA,EAAE,EAAE,KAAK,OAAOL,IAAIK,EAAE,EAAEA,EAAEI,CAAC,IAAI,CAACX,EAAEC,EAAEC,EAAEC,IAAI,CAACA,EAAEF,EAAE,KAAKA,EAAE,KAAK,QAAQE,EAAEH,CAAC,EAAOC,EAAE,KAAK,QAAQD,CAAC,IAArB,KAAyBC,EAAE,KAAKC,EAAEF,EAAEC,EAAE,KAAKA,EAAE,KAAKD,EAAE,GAAGO,EAAEI,CAAC,EAAEV,EAAEQ,EAAEG,CAAC,EAAED,CAAC,EAAEE,GAAE,CAACb,EAAEC,EAAEC,IAAIF,EAAE,OAAQ,CAACA,EAAEG,EAAEC,IAAI,CAAC,IAAIC,EAAEJ,EAAEG,CAAC,EAAE,GAAGC,GAAGA,EAAE,KAAK,CAAC,IAAIL,EAAEK,EAAEH,CAAC,EAAED,EAAED,GAAGA,EAAE,OAAOA,EAAE,MAAM,WAAW,MAAM,KAAKA,CAAC,GAAGA,EAAEK,EAAEJ,EAAE,IAAIA,EAAED,GAAa,OAAOA,GAAjB,SAAmBA,EAAE,MAAM,GAAGM,EAAEN,EAAE,EAAE,EAAOA,IAAL,GAAO,GAAGA,CAAC,CAAC,OAAOA,EAAEG,GAASE,GAAE,GAAK,EAAG,EAAE,EAAE,SAASK,EAAEV,EAAE,CAAC,IAAIE,EAAE,MAAM,CAAC,EAAEC,EAAEH,EAAE,KAAKA,EAAEE,EAAE,CAAC,EAAEF,EAAE,OAAOS,GAAEN,EAAE,QAAQA,EAAE,IAAIU,GAAEV,EAAE,CAAC,EAAE,MAAM,KAAK,UAAU,CAAC,EAAED,EAAE,CAAC,EAAEC,EAAE,OAAQ,CAACH,EAAEC,IAAI,OAAO,OAAOD,EAAEC,GAAGA,EAAE,KAAKA,EAAEC,EAAE,CAAC,EAAED,CAAC,EAAG,CAAC,CAAC,EAAEE,EAAEF,EAAEC,EAAE,MAAM,EAAEA,EAAE,EAAEA,EAAE,EAAEA,EAAE,CAAC,CAAC,CAAC,IAAIS,EAAEC,EAAEE,EAAEC,GAAEL,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,EAAEM,GAAEN,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,SAASO,GAAEjB,EAAEC,EAAEC,EAAEC,EAAE,CAACG,EAAE,EAAEL,EAAEU,EAAEX,EAAEY,EAAEV,EAAEY,EAAEX,CAAC,CAAC,SAASe,GAAElB,EAAEC,EAAE,CAAC,IAAIC,EAAE,MAAM,CAAC,EAAE,OAAO,UAAU,CAAC,IAAIC,EAAE,UAAU,SAASC,EAAEC,EAAEC,EAAE,CAAC,IAAIC,EAAE,OAAO,OAAO,CAAC,EAAEF,CAAC,EAAEG,EAAED,EAAE,WAAWH,EAAE,UAAUF,EAAE,EAAE,OAAO,OAAO,CAAC,MAAMU,GAAGA,EAAE,CAAC,EAAEL,CAAC,EAAEL,EAAE,EAAE,UAAU,KAAKM,CAAC,EAAED,EAAE,UAAUG,EAAE,MAAMR,EAAEC,CAAC,GAAGK,EAAE,IAAIA,EAAE,IAAIP,IAAIM,EAAE,IAAID,GAAG,IAAIG,EAAET,EAAE,OAAOA,EAAE,CAAC,IAAIS,EAAEF,EAAE,IAAIP,EAAE,OAAOO,EAAE,IAAIO,GAAGL,EAAE,CAAC,GAAGK,EAAEP,CAAC,EAAEI,EAAEF,EAAEF,CAAC,CAAC,CAAC,OAAON,EAAEA,EAAEG,CAAC,EAAEA,CAAC,CAAC,CACjqE,IAAOe,EAAQ,CAAE,IAAIT,EAAG,WAAYR,GAAG,KAAMa,GAAG,UAAWC,GAAG,MAAOC,GAAG,OAAQC,EAAE,ECCnE,SAARE,EAAmBC,EAAMC,EAAQ,CAAC,EAAGC,EAAM,CAqBhD,GApBI,OAAOD,GAAU,WACnB,CAACA,EAAOC,CAAI,EAAI,CAACA,EAAMD,CAAK,EAC5BA,IAAU,CAAC,GAGTA,aAAiB,OACnBC,EAAOD,EACPA,EAAQ,CAAC,GAGP,MAAM,QAAQD,CAAI,IACpBE,EAAOF,EACPA,EAAO,QAGL,OAAOC,GAAU,UAAY,MAAM,QAAQA,CAAK,KAClDC,EAAOD,EACPA,EAAQ,CAAC,GAGPD,EAAK,SAAS,GAAG,EAAG,CACtB,IAAMG,EAAQH,EAAK,MAAM,GAAG,EAC5BA,EAAOG,EAAM,MAAM,GAAK,MACxB,IAAMC,EAAID,EAAM,KAAK,GAAG,EACpBF,EAAM,MACRA,EAAM,OAAS,IAAIG,CAAC,GAEpBH,EAAM,MAAQG,CAElB,CAEA,IAAMC,EAAO,SAAS,cAAcL,CAAI,EAExC,OAAW,CAACM,EAAGC,CAAC,IAAK,OAAO,QAAQN,CAAK,EACvC,GAAI,OAAOM,GAAM,WACfF,EAAKC,CAAC,EAAIC,EAAE,KAAK,IAAI,MAChB,CACL,IAAMC,EAAQ,OAAOD,CAAC,EAAE,WAAW,MAAO,KAAK,WAAW,EAC1DF,EAAK,aAAaC,EAAGE,CAAK,CAC5B,CAGF,GAAIN,EACF,GAAI,MAAM,QAAQA,CAAI,EACpB,QAAWH,KAAKG,EACdG,EAAK,YAAYN,CAAC,OAEXG,aAAgB,KACzBG,EAAK,YAAYH,CAAI,EAErBG,EAAK,UAAY,OAAOH,CAAI,EAIhC,OAAOG,CACT,CCpDA,IAAMI,EAAN,KAAc,CACZ,OAAO,UAAY,CAAC,EAGpB,OAAO,SAASC,EAAM,CACpB,IAAMC,EAAQ,CAAC,EACf,QAAWC,KAAQF,EAAK,WACtBC,EAAMC,EAAK,IAAI,EAAIA,EAAK,MAE1B,OAAOD,CACT,CAEA,OAAO,SAASD,EAAM,CACpB,IAAMG,EAAW,IAAI,SAASH,EAAK,QAAQ,MAAM,CAAC,EAC5CI,EAAa,CAAC,EACpB,OAAAD,EAAS,QAAQ,CAACE,EAAOC,IAAQ,CAC/BF,EAAWE,CAAG,EAAID,CACpB,CAAC,EACMD,CACT,CAEA,OAAO,UAAW,CAGhB,MAAO,EACT,CAIA,aAAc,CACZ,KAAK,MAAQ,CAAC,CAChB,CAEA,EAAIG,EAGJ,IAAI,aAAc,CAChB,MAAO,mBAAmB,KAAK,OAAO,KACxC,CAGA,IAAI,YAAa,CACf,OAAI,KAAK,MAAM,WACN,IAEP,OAAO,KAAK,KAAK,KAAK,EAAE,QAASD,GAAO,CACtC,cAAc,KAAK,MAAMA,CAAG,CAAC,CAC/B,CAAC,EACD,KAAK,KAAK,IAAM,KAChB,KAAK,KAAO,KACL,GAEX,CAGA,KAAKE,EAAM,CACT,IAAIC,EAAI,KAAK,QAAQD,CAAI,GAAK,KAAK,MAAMA,CAAI,EAC7C,OAAI,OAAOC,GAAK,aAEdA,EAAIA,EAAE,KAAK,KAAK,IAAI,GAEfA,CACT,CAGA,MAAO,CACL,QAAWD,KAAQ,MAAM,KAAK,SAAS,EAAG,CACxC,IAAIH,EAAQ,KAAK,MAAMG,CAAI,EAE3B,GAAIH,IAAU,OAAW,CACvB,GAAIG,GAAQ,QAAS,CACnB,IAAME,EAAQ,KAAK,KAAK,aAAaF,EAAMH,CAAK,EAE5CK,IACFL,EAAQ,CAACK,EAAOL,CAAK,EAAE,KAAK,GAAG,EAEnC,CAEI,OAAOA,GAAS,SAClB,KAAK,KAAK,aAAaG,EAAMH,CAAK,EAElC,KAAK,KAAKG,CAAI,EAAIH,CAEtB,CACF,CACF,CAIA,KAAKM,EAAQC,EAAQ,CACnBA,IAAW,SAAS,cAAc,UAAU,EAC5C,IAAMC,EAASD,EAAO,UAAY,OAElC,KAAOD,EAAO,YACRE,EACFD,EAAO,WAAW,aAAaD,EAAO,UAAWC,EAAO,WAAW,EAEnEA,EAAO,YAAYD,EAAO,UAAU,EAIxC,OAAIE,EACFD,EAAO,WAAW,YAAYA,CAAM,EAEpCD,EAAO,UAAY,GAGdC,CACT,CAEA,OAAQ,CAAE,QAAQ,MAAM,uBAAuB,CAAE,CAEjD,SAAU,CACR,QAAQ,MAAM,mCAAoC,KAAK,IAAI,CAC7D,CAEA,UAAUE,EAAMC,EAAS,CAOvB,GANI,OAAOD,GAAQ,WACjBA,EAAOA,EAAK,CAAC,GAGfA,EAAOA,EAAK,WAAW,MAAO,KAAK,YAAY,WAAW,IAAK,QAAQ,CAAC,EAEpEA,EAAK,SAAS,IAAI,EACpB,GAAI,CAEFA,EADaE,EAAaF,EAAM,IAAI,EACxB,CACd,OAAQG,EAAO,CACb,QAAQ,MAAM,iCAAiC,KAAK,OAAO,IAAKA,CAAK,CACvE,CAGF,OAAOH,CACT,CAOA,KAAKF,EAAQM,EAAM,CACZN,IACHA,EAAS,KAAK,gBAAkB,QAAQ,MAAM,aAAa,KAAK,OAAO,oDAAoD,GAGzH,OAAOM,EAAQ,MACjBA,EAAON,EACPA,EAAS,KAAK,MAGZ,OAAOA,GAAU,WACnBA,EAAS,KAAK,KAAKA,CAAM,GAG3B,IAAMO,EAAU,SAAS,cAAc,KAAK,EAExC,OAAOD,GAAS,aAClBA,EAAOA,EAAK,GAGV,MAAM,QAAQA,CAAI,EAChBA,EAAK,CAAC,YAAa,KACrBA,EAAK,QAASX,GAAI,CAChBY,EAAQ,YAAYZ,CAAC,CACvB,CAAC,EAEDW,EAAOA,EAAK,KAAK,EAAE,EAEZ,OAAOA,GAAS,SACzBC,EAAQ,UAAY,KAAK,UAAUD,CAAI,EAC9BA,GACTC,EAAQ,YAAYD,CAAI,EAG1B,IAAME,EAAOD,EAAQ,cAAc,MAAM,EACrCC,GACF,KAAK,KAAKR,EAAQQ,CAAI,EAOxBC,EAAI,SAAST,EAAQO,CAAO,EAE5B,IAAMG,EAAY,CAACd,EAAMe,IAAS,CAChCX,EAAO,iBAAiB,KAAKJ,CAAI,GAAG,EAAE,QAASD,GAAI,CACjD,IAAIF,EAAQE,EAAE,aAAaC,CAAI,EAC/BD,EAAE,gBAAgBC,CAAI,EAClBH,GACFkB,EAAK,KAAK,IAAI,EAAElB,EAAOE,CAAC,CAE5B,CAAC,CACH,EAEAe,EAAU,WAAY,CAACjB,EAAOE,IAAM,CAClC,KAAKF,CAAK,EAAIE,CAChB,CAAC,EAEDe,EAAU,UAAW,CAACjB,EAAOE,IAAM,CACjC,IAAMK,EAAS,KAAKP,CAAK,EACrB,OAAOO,GAAU,WACnBA,EAAOL,CAAC,EAER,QAAQ,MAAM,eAAeF,CAAK,0BAA0B,KAAK,OAAO,EAAE,CAE9E,CAAC,EAEDiB,EAAU,YAAcjB,GAAU,CAChC,IAAImB,EAAUnB,EAAM,MAAM,KAAK,EAC3BoB,EAAYD,EAAQ,IAAI,EAC5BA,EAAQ,QAASE,GAAK,EAAE,UAAU,IAAIA,CAAC,CAAE,EACrCD,GACF,WAAW,IAAI,CACb,EAAE,UAAU,IAAIA,CAAS,CAC3B,EAAG,GAAI,CAEX,CAAC,CACH,CAGA,YAAYF,EAAMI,EAAMnB,EAAM,CAC5B,OAAI,OAAOe,GAAQ,WACjB,CAACI,EAAMJ,CAAI,EAAI,CAACA,EAAMI,CAAI,GAG5BnB,IAASa,EAAI,KAAK,OAAOE,CAAI,CAAC,EAE9B,cAAc,KAAK,MAAMf,CAAI,CAAC,EAE9B,KAAK,MAAMA,CAAI,EAAI,YAAY,IAAM,CAC/B,KAAK,YACPe,EAAK,CAET,EAAGI,CAAI,EAEA,KAAK,MAAMnB,CAAI,CACxB,CAGA,IAAIM,EAAMc,EAAU,CAClB,IAAMC,EAAYR,EAAI,IAAIP,CAAI,EAE9B,OAAIc,GACF,KAAK,KAAK,UAAU,IAAIC,CAAS,EAG5BA,CACT,CAEA,KAAKC,EAAU,CACb,OAAO,KAAK,KAAK,cAAcA,CAAQ,CACzC,CAEA,IAAIA,EAAUC,EAAM,CAClB,IAAM/B,EAAO,KAAK,KAAK,OAAO,EAE1B,CAAC,QAAS,WAAY,QAAQ,EAAE,SAASA,EAAK,QAAQ,EACxDA,EAAK,MAAQ+B,EAEb/B,EAAK,UAAY,IAAI,IAEzB,CAEA,SAASA,EAAM,CACb,OAAO,KAAK,MAAM,SAASA,GAAQ,KAAK,IAAI,CAC9C,CAGA,KAAKQ,EAAMH,EAAO,CAChB,OAAI,OAAOA,EAAU,IACZ,KAAK,KAAK,aAAaG,CAAI,GAElC,KAAK,KAAK,aAAaA,EAAMH,CAAK,EAC3BA,EAEX,CAGA,WAAWkB,EAAM,CACf,IAAMS,EAAO,MAAM,KAAK,KAAK,KAAK,iBAAiB,YAAY,CAAC,EAEhE,GAAIT,EACFS,EAAK,QAAQT,CAAI,MAEjB,QAAOS,CAEX,CAEA,UAAUC,EAASV,EAAM,CACvBF,EAAI,QAAU,CAAC,EACfA,EAAI,MAAMY,CAAO,IAAM,CAAC,EACxBZ,EAAI,MAAMY,CAAO,EAAIZ,EAAI,MAAMY,CAAO,EAAE,OAAQC,GAAOA,EAAG,CAAC,EAAE,UAAU,EACvEb,EAAI,MAAMY,CAAO,EAAE,KAAK,CAAC,KAAMV,CAAI,CAAC,CACtC,CAEA,aAAc,CACR,KAAK,MAAM,MACT,OAAO,KAAK,MAAM,KAAO,aAC3B,KAAK,MAAM,IAAM,KAAK,MAAM,IAAI,IAAI,GAGlC,KAAK,MAAM,IAAI,SAAS,GAAG,IAC7B,KAAK,MAAM,IAAMF,EAAI,IAAI,KAAK,MAAM,GAAG,GAEzC,KAAK,KAAK,UAAU,IAAI,KAAK,MAAM,GAAG,GAGxC,KAAK,uBAAuB,CAC9B,CAGA,wBAAyB,CACP,OAAO,oBAAoB,OAAO,eAAe,IAAI,CAAC,EACnE,OAAOc,GAAUA,IAAW,eAAiB,OAAO,KAAKA,CAAM,GAAM,UAAU,EAE1E,QAAQA,GAAU,KAAKA,CAAM,EAAI,KAAKA,CAAM,EAAE,KAAK,IAAI,CAAC,CAClE,CAEA,cAAcC,EAAKC,EAAS,CAC1BD,IAAQ,CAAC,EAETC,IAAY,CAACC,EAAGC,EAAG9B,IAAM,CACvB,KAAK,kBAAoB,OAAO,sBAAsB,IAAI,CACxDY,EAAI,KAAK,iBAAiB,EAC1B,KAAK,KAAK,EACV,KAAK,gBAAkB,IACzB,EAAE,CAAC,CACL,EAEAgB,EAAQ,KAAK,IAAI,EAGjB,SAASG,EAAeJ,EAAKC,EAAS,CACpC,OAAI,OAAOD,GAAQ,UAAYA,IAAQ,KAC9BA,EAGF,IAAI,MAAMA,EAAK,CACpB,IAAIxB,EAAQ6B,EAAUpC,EAAOqC,EAAU,CACjC,OAAOrC,GAAU,UAAYA,IAAU,OACzCA,EAAQmC,EAAenC,EAAOgC,CAAO,GAEvC,IAAMM,EAAS,QAAQ,IAAI/B,EAAQ6B,EAAUpC,EAAOqC,CAAQ,EAC5D,OAAAL,EAAQzB,EAAQ6B,EAAUpC,CAAK,EACxBsC,CACT,EACA,IAAI/B,EAAQ6B,EAAUC,EAAU,CAC9B,IAAMrC,EAAQ,QAAQ,IAAIO,EAAQ6B,EAAUC,CAAQ,EACpD,OAAI,OAAOrC,GAAU,UAAYA,IAAU,KAClCmC,EAAenC,EAAOgC,CAAO,EAE/BhC,CACT,CACF,CAAC,CACH,CAEA,OAAOmC,EAAeJ,EAAKC,CAAO,CACpC,CAEF,EAGA,YAAY,IAAM,CAChBtC,EAAQ,UAAYA,EAAQ,UAAU,OACnCmC,GAAOA,EAAG,UACb,CACF,EAAG,GAAM,EAIT,IAAMU,GAAW,IAAI,iBAAiB,CAACC,EAAeC,IAAM,CAC1D,QAAWC,KAAYF,EACrB,GAAIE,EAAS,OAAS,aAAc,CAClC,IAAMC,EAAMD,EAAS,OAAO,IACtBvC,EAAOuC,EAAS,cAChB1C,EAAQ0C,EAAS,OAAO,aAAavC,CAAI,EAC/CwC,EAAI,MAAMxC,CAAI,EAAIH,EAClB2C,EAAI,cAAcxC,EAAMH,CAAK,CAE/B,CAEJ,CAAC,EAEKgB,EAAM,CAACb,EAAME,IAAU,CAC3B,SAASuC,GAAU,CACjB,IAAMC,EAAa,KAAK,WACxB,GAAIA,EAAY,CACd,IAAMC,EAAW,OAAOzC,EAAM,UAAY,WAAaA,EAAM,SAAS,IAAI,EAAIA,EAAM,SAC9ES,EAAU,SAAS,cAAcgC,GAAY,KAAK,EAExDhC,EAAQ,UAAU,IAAI,KAAK,EAC3BA,EAAQ,UAAU,IAAI,OAAOX,CAAI,EAAE,EAEnC0C,EAAW,aAAa/B,EAAS,IAAI,EAErC,IAAMiC,EAAU,IAAI1C,EACpB0C,EAAO,QAAU,KACjBA,EAAO,QAAU5C,EACjB4C,EAAO,KAAOjC,EACdiC,EAAO,MAAQ1C,EAAM,SAAS,IAAI,EAClC0C,EAAO,MAAQ1C,EAGf0C,EAAO,KAAK,KAAMjC,CAAO,EAEzBA,EAAQ,IAAMiC,EAEV,OAAO,IACTA,EAAO,MAAQ,EAAEjC,CAAO,GAGtBiC,EAAO,MAAM,IACfjC,EAAQ,aAAa,KAAMiC,EAAO,MAAM,EAAE,EAGxC1C,EAAM,OACJ,OAAOA,EAAM,MAAS,aACxBA,EAAM,KAAOA,EAAM,KAAK,IAAI,GAE9B0C,EAAO,eAAiBpC,EAAaN,EAAM,KAAM0C,CAAM,GAGzDA,EAAO,YAAY,EACnBA,EAAO,QAAQA,EAAO,KAAK,EAC3B1C,EAAM,UAAU,KAAK0C,CAAM,EAEvBA,EAAO,gBACTA,EAAO,KAAK,EAGVA,EAAO,eACTR,GAAS,QAAQzB,EAAS,CAAC,WAAW,EAAI,CAAC,CAE/C,CACF,CAEA,SAASkC,EAAgB9C,EAAG,CAC1B,OAAO,OAAOG,EAAM,UAAa,WAAaA,EAAM,SAASH,CAAC,EAAIG,EAAM,QAC1E,CAEA,GAAI,CAACF,EACH,OAAOT,EAGT,GAAI,OAAOW,GAAS,WAClB,OAAOW,EAAI,KAAKb,EAAME,CAAK,EAG7B,eAAe,OAAOF,EAAM,cAAc,WAAY,CACpD,mBAAoB,CAKd,KAAK,YAAc6C,EAAgB,IAAI,GACzChC,EAAI,KAAK,cAAcb,CAAI,EAAE,EAC7ByC,EAAQ,KAAK,IAAI,EAAE,IAEnB5B,EAAI,KAAK,cAAcb,CAAI,EAAE,EAC7B,OAAO,sBAAsB,IAAI,CAC/ByC,EAAQ,KAAK,IAAI,EAAE,CACrB,CAAC,EAEL,CACF,CAAC,CACH,EAEA5B,EAAI,KAAO,CAACrB,EAAMQ,IAAS,CACrB,OAAOR,GAAQ,WACjBA,EAAO,SAAS,KAAK,cAAcA,CAAI,GAGrC,OAAOA,EAAK,KAAO,aACrBA,EAAOA,EAAK,CAAC,GAGf,IAAMU,EAAQF,EAAO,QAAQA,CAAI,GAAK,OAEtC,OAAOR,EAAK,QAAQU,CAAK,EAAE,GAC7B,EAEAW,EAAI,UAAaP,GAAS,CACxB,IAAMwC,EAAWjC,EAAI,IAAIP,CAAI,EAC7B,gBAAS,iBAAiB,mBAAoB,IAAM,CAClD,SAAS,KAAK,UAAU,IAAIwC,CAAQ,CACtC,CAAC,EACMA,CACT,EAEAjC,EAAI,IAAOP,GACFyC,EAAO,IAAIzC,CAAI,EAGxBO,EAAI,KAAQP,GAAS,CACf,OAAO,OACT,QAAQ,IAAI,QAAQA,CAAI,EAAE,CAE9B,EAEAO,EAAI,SAAW,CAACT,EAAQO,EAASqC,EAAO,CAAC,IAAM,CACzCA,EAAK,eAAiB,SACxBA,EAAK,aAAe,IAItBC,EAAU,MAAM7C,EAAQO,EAAS,CAAE,WAAY,WAAW,CAAC,CAC7D,EAEAE,EAAI,WAAcP,GACTA,EACJ,WAAW,IAAK,QAAQ,EACxB,WAAW,IAAK,QAAQ,EACxB,WAAW,IAAK,MAAM,EACtB,WAAW,IAAK,MAAM,EAG3BO,EAAI,QAAU,CAACY,KAAYyB,IAAS,CAClCrC,EAAI,MAAMY,CAAO,IAAM,CAAC,EACxBZ,EAAI,MAAMY,CAAO,EAAE,QAASC,GAAO,CACjCA,EAAG,CAAC,EAAE,KAAKA,EAAG,CAAC,CAAC,EAAE,GAAGwB,CAAI,CAC3B,CAAC,CACH,EAGArC,EAAI,KAAQsC,GAAQ,CAClB,IAAIC,EAAkBC,EAAWC,EAAMC,EAAGC,EAAGC,EAI7C,IAHAL,EAAmB,WACnBC,EAAY,SACZC,EAAOF,EACFG,EAAIC,EAAI,EAAGC,EAAMN,EAAI,OAAS,EAAI,GAAKM,EAAMD,GAAKC,EAAMD,GAAKC,EAAMF,EAAI,GAAKE,EAAM,EAAED,EAAI,EAAEA,EAC7FF,GAAQH,EAAI,WAAWI,CAAC,EACxBD,GAAQD,EAEV,OAAOC,EAAK,SAAS,EAAE,EAAE,WAAW,IAAK,EAAE,CAC7C,EAEA,OAAO,IAAMzC,EACb,OAAO,QAAUtB",
+  "names": ["renderStache", "tpl", "context", "NEW_LINES_RE", "TEMPLATE_RE", "EACH_RE", "IF_RE", "ELSE_IF_RE", "stache", "source", "monkey", "t", "func", "all", "code", "parts", "list", "loop", "conditional", "conditionalElse", "codeParts", "createTemplate", "strings", "values", "acc", "str", "i", "closeCustomTags", "html", "selfClosingTags", "match", "tagName", "attributes", "Idiomorph", "EMPTY_SET", "defaults", "noOp", "elt", "morph", "oldNode", "newContent", "config", "parseContent", "normalizedContent", "normalizeContent", "ctx", "createMorphContext", "morphNormalizedContent", "normalizedNewContent", "oldHead", "newHead", "promises", "handleHeadElement", "morphChildren", "bestMatch", "findBestNodeMatch", "previousSibling", "nextSibling", "morphedNode", "morphOldNodeTo", "insertSiblings", "ignoreValueOfActiveElement", "possibleActiveElement", "isSoftMatch", "syncNodeFrom", "newParent", "oldParent", "nextNewChild", "insertionPoint", "newChild", "removeIdsFromConsideration", "isIdSetMatch", "idSetMatch", "findIdSetMatch", "removeNodesBetween", "softMatch", "findSoftMatch", "tempNode", "removeNode", "ignoreAttribute", "attr", "to", "updateType", "from", "type", "fromAttributes", "toAttributes", "fromAttribute", "i", "toAttribute", "syncInputValue", "syncBooleanAttribute", "attributeName", "ignoreUpdate", "fromValue", "toValue", "newHeadTag", "currentHead", "added", "removed", "preserved", "nodesToAppend", "headMergeStyle", "srcToNewHeadNodes", "newHeadChild", "currentHeadElt", "inNewContent", "isReAppended", "isPreserved", "newNode", "newElt", "resolve", "promise", "_resolve", "removedElement", "log", "mergeDefaults", "finalConfig", "createIdMap", "node1", "node2", "getIdIntersectionCount", "startInclusive", "endExclusive", "newChildPotentialIdCount", "potentialMatch", "otherMatchCount", "potentialSoftMatch", "siblingSoftMatchCount", "parser", "contentWithSvgsRemoved", "content", "htmlElement", "dummyParent", "stack", "node", "currentElement", "bestElement", "score", "newScore", "scoreElement", "isIdInConsideration", "id", "idIsWithinNode", "targetNode", "idSet", "sourceSet", "matchCount", "populateIdMapForNode", "idMap", "nodeParent", "idElements", "current", "oldContent", "e", "t", "a", "r", "l", "s", "n", "o", "c", "i", "u", "d", "f", "p", "g", "b", "m", "h", "y", "gobber_default", "n", "name", "attrs", "data", "parts", "c", "node", "k", "v", "value", "FezBase", "node", "attrs", "attr", "formData", "formObject", "value", "key", "n", "name", "v", "klass", "source", "target", "isSlot", "text", "context", "renderStache", "error", "body", "newNode", "slot", "Fez", "fetchAttr", "func", "classes", "lastClass", "c", "tick", "isGlobal", "className", "selector", "data", "list", "channel", "el", "method", "obj", "handler", "o", "k", "createReactive", "property", "receiver", "result", "observer", "mutationsList", "_", "mutation", "fez", "connect", "parentNode", "nodeName", "object", "forceFastRender", "cssClass", "gobber_default", "opts", "Idiomorph", "args", "str", "FNV_OFFSET_BASIS", "FNV_PRIME", "hash", "i", "j", "ref"]
 }
diff --git a/index.html b/index.html
index 46480e8..3362e7e 100644
--- a/index.html
+++ b/index.html
@@ -9,9 +9,14 @@
   <link rel="icon" href="./demo/fez.png">
   <link rel="stylesheet" href="./demo/main.css" />
   <link rel="stylesheet" href="./demo/hjs-theme.css" />
+  <link rel="stylesheet" href="https://unpkg.com/highlightjs-copy/dist/highlightjs-copy.min.css" />
   <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>  <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
+  <script src="https://unpkg.com/highlightjs-copy/dist/highlightjs-copy.min.js"></script>
   <script src="./dist/fez.js"></script>
-  <script>hljs.highlightAll();</script>
+  <script>
+    hljs.highlightAll();
+    hljs.addPlugin(new CopyButtonPlugin());
+  </script>
   <script>
     function timeSince(date) {
         const now = new Date();
@@ -51,22 +56,25 @@ <h1>
     <a target="repo" href="https://github.com/dux/fez">GitHub repo</a>
   </h1>
 
-  <p>Fez was created by <a href="https://github.com/dux/">@dux</a> in 2024. Latest update was <script>document.write(timeSince('Mon Jul 15 12:41:26 2024 +0200'))</script>.
+  <p>Fez was created by <a href="https://github.com/dux/">@dux</a> in 2024. Latest update was <script>document.write(timeSince('Mon Jul 15 15:11:48 2024 +0200'))</script>.
 
   
       <script src="./demo/fez/todo.js"></script>
       <h2>
         ui-todo
         &sdot;
-        <small>Todo app demo, features reactiveStore, fez-use, runtime scss. <a href="https://todomvc.com/" target="mvc">ToDo MVC candidate</a> (<a href="https://github.com/tastejs/todomvc/tree/master/examples/react/src">React</a>, <a href="https://github.com/tastejs/todomvc/tree/master/examples/vue/src">Vue</a>, <a href="https://github.com/tastejs/todomvc/tree/master/examples/angular/src">Angular</a>)</small>
+        <small>Todo app demo, features reactiveStore, fez-use &sdot; <a href="https://todomvc.com/" target="mvc">ToDo MVC candidate</a> (<a href="https://github.com/tastejs/todomvc/tree/master/examples/react/src">React</a>, <a href="https://github.com/tastejs/todomvc/tree/master/examples/vue/src">Vue</a>, <a href="https://github.com/tastejs/todomvc/tree/master/examples/angular/src">Angular</a>)</small>
       </h2>
 
       <div class="flex">
-        <div>
-<ui-todo></ui-todo>
+        <div class="body">
+           <ui-todo></ui-todo>
 
         </div>
-        <div><pre style="position: relative; top: -23px;"><code class="language-javascript">
+        <div>
+          <div class="relative">
+            <pre>
+              <code class="language-javascript" id="fez-todo-js">
 Fez('ui-todo', class extends FezBase {
   // if you define static html, it will be converted tu function(fast), and you will be able to refresh state with this.html()
   static html = `
@@ -81,14 +89,14 @@ <h2>
         &lt;p>
       {{/if}}
         &lt;input
-          type="text" name="" value="{{ task.name }}"
+          type="text"
+          value="{{ task.name }}"
           onkeyup="$$.setName({{ index }}, this.value)"
           style="{{ task.done ? 'background-color: #ccc;' : '' }}"
         />
         &sdot;
         &lt;input
           type="checkbox"
-          name=""
           {{ task.done ? 'checked=""' : '' }}
           onclick="$$.toggleComplete({{ index }})"
         />
@@ -155,12 +163,18 @@ <h2>
   }
 })
 
-</code></pre>
+              </code>
+            </pre>
+          </div>
 
-<pre><code class="language-html">
+          <div class="relative">
+            <pre>
+              <code class="language-html" id="fez-todo-html">
 &lt;ui-todo>&lt;/ui-todo>
 
-</code></pre>
+</code>
+            <pre>
+          </div>
         </div>
       </div>
     
@@ -173,8 +187,8 @@ <h2>
       </h2>
 
       <div class="flex">
-        <div>
-<ui-form target="/api">
+        <div class="body">
+           <ui-form target="/api">
   <p>
     <input type="text" name="name" value="Dux" />
   </p>
@@ -191,7 +205,10 @@ <h2>
 </ui-form>
 
         </div>
-        <div><pre style="position: relative; top: -23px;"><code class="language-javascript">
+        <div>
+          <div class="relative">
+            <pre>
+              <code class="language-javascript" id="fez-form-js">
 // render form
 Fez('ui-form', class extends FezBase {
   static nodeName = 'form'
@@ -213,9 +230,13 @@ <h2>
   }
 })
 
-</code></pre>
+              </code>
+            </pre>
+          </div>
 
-<pre><code class="language-html">
+          <div class="relative">
+            <pre>
+              <code class="language-html" id="fez-form-html">
 &lt;ui-form target="/api">
   &lt;p>
     &lt;input type="text" name="name" value="Dux" />
@@ -232,7 +253,9 @@ <h2>
   &lt;/p>
 &lt;/ui-form>
 
-</code></pre>
+</code>
+            <pre>
+          </div>
         </div>
       </div>
     
@@ -245,11 +268,14 @@ <h2>
       </h2>
 
       <div class="flex">
-        <div>
-<ui-time city="Zagreb"></ui-time>
+        <div class="body">
+           <ui-time city="Zagreb"></ui-time>
 
         </div>
-        <div><pre style="position: relative; top: -23px;"><code class="language-javascript">
+        <div>
+          <div class="relative">
+            <pre>
+              <code class="language-javascript" id="fez-time-js">
 Fez('ui-time', class extends FezBase {
   static nodeName = 'div'
 
@@ -290,12 +316,18 @@ <h2>
   }
 })
 
-</code></pre>
+              </code>
+            </pre>
+          </div>
 
-<pre><code class="language-html">
+          <div class="relative">
+            <pre>
+              <code class="language-html" id="fez-time-html">
 &lt;ui-time city="Zagreb">&lt;/ui-time>
 
-</code></pre>
+</code>
+            <pre>
+          </div>
         </div>
       </div>
     
@@ -308,8 +340,8 @@ <h2>
       </h2>
 
       <div class="flex">
-        <div>
-<input
+        <div class="body">
+           <input
   type="range" min="24" max="100" value="24" class="slider" id="myRange"
   oninput="Fez('#blue-icon').setSize(this.value)"
 />
@@ -323,7 +355,10 @@ <h2>
 
 
         </div>
-        <div><pre style="position: relative; top: -23px;"><code class="language-javascript">
+        <div>
+          <div class="relative">
+            <pre>
+              <code class="language-javascript" id="fez-icon-js">
 $(document.head).append(`
   &lt;link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
 `)
@@ -361,9 +396,13 @@ <h2>
   }
 })
 
-</code></pre>
+              </code>
+            </pre>
+          </div>
 
-<pre><code class="language-html">
+          <div class="relative">
+            <pre>
+              <code class="language-html" id="fez-icon-html">
 &lt;input
   type="range" min="24" max="100" value="24" class="slider" id="myRange"
   oninput="Fez('#blue-icon').setSize(this.value)"
@@ -377,7 +416,9 @@ <h2>
 
 
 
-</code></pre>
+</code>
+            <pre>
+          </div>
         </div>
       </div>
     
@@ -390,8 +431,8 @@ <h2>
       </h2>
 
       <div class="flex">
-        <div>
-<button onclick="Fez.publish('ping', Math.random())">ping from anywhere</button>
+        <div class="body">
+           <button onclick="Fez.publish('ping', Math.random())">ping from anywhere</button>
 &sdot;
 Fast ping:
 <button onclick="
@@ -433,7 +474,10 @@ <h4>lisener 3</h4>
 </script>
 
         </div>
-        <div><pre style="position: relative; top: -23px;"><code class="language-javascript">
+        <div>
+          <div class="relative">
+            <pre>
+              <code class="language-javascript" id="fez-pubsub-js">
 Fez('ui-pubsub', class extends FezBase {
   update (info) {
     this.target.innerHTML = info
@@ -446,9 +490,13 @@ <h4>lisener 3</h4>
   }
 })
 
-</code></pre>
+              </code>
+            </pre>
+          </div>
 
-<pre><code class="language-html">
+          <div class="relative">
+            <pre>
+              <code class="language-html" id="fez-pubsub-html">
 &lt;button onclick="Fez.publish('ping', Math.random())">ping from anywhere&lt;/button>
 &sdot;
 Fast ping:
@@ -490,7 +538,9 @@ <h4>lisener 3</h4>
 setInterval(()=>Fez.publish('ping', Math.random()), 5000)
 &lt;/script>
 
-</code></pre>
+</code>
+            <pre>
+          </div>
         </div>
       </div>
     
@@ -503,13 +553,16 @@ <h2>
       </h2>
 
       <div class="flex">
-        <div>
-<ui-list>red,green,blue</ui-list>
+        <div class="body">
+           <ui-list>red,green,blue</ui-list>
 <hr />
 <ui-list></ui-list>
 
         </div>
-        <div><pre style="position: relative; top: -23px;"><code class="language-javascript">
+        <div>
+          <div class="relative">
+            <pre>
+              <code class="language-javascript" id="fez-list-js">
 // component to render google fonts icons
 Fez('ui-list', class extends FezBase {
   static css = `
@@ -554,14 +607,20 @@ <h2>
   }
 })
 
-</code></pre>
+              </code>
+            </pre>
+          </div>
 
-<pre><code class="language-html">
+          <div class="relative">
+            <pre>
+              <code class="language-html" id="fez-list-html">
 &lt;ui-list>red,green,blue&lt;/ui-list>
 &lt;hr />
 &lt;ui-list>&lt;/ui-list>
 
-</code></pre>
+</code>
+            <pre>
+          </div>
         </div>
       </div>
     
@@ -574,8 +633,8 @@ <h2>
       </h2>
 
       <div class="flex">
-        <div>
-<ui-tabs>
+        <div class="body">
+           <ui-tabs>
   <div title="Foo">first tab</div>
   <div title="Bar">
     <p>second tab</p>
@@ -604,7 +663,10 @@ <h4>image tab</h4>
 
 
         </div>
-        <div><pre style="position: relative; top: -23px;"><code class="language-javascript">
+        <div>
+          <div class="relative">
+            <pre>
+              <code class="language-javascript" id="fez-tabs-js">
 Fez('ui-tabs', class extends FezBase {
   static css = `
     --tabs-border: 1px solid #ccc;
@@ -672,9 +734,13 @@ <h4>image tab</h4>
 })
 
 
-</code></pre>
+              </code>
+            </pre>
+          </div>
 
-<pre><code class="language-html">
+          <div class="relative">
+            <pre>
+              <code class="language-html" id="fez-tabs-html">
 &lt;ui-tabs>
   &lt;div title="Foo">first tab&lt;/div>
   &lt;div title="Bar">
@@ -703,7 +769,9 @@ <h4>image tab</h4>
 &lt;/ui-tabs>
 
 
-</code></pre>
+</code>
+            <pre>
+          </div>
         </div>
       </div>
     
diff --git a/index.html.tpl b/index.html.tpl
index eed42eb..7e55c89 100644
--- a/index.html.tpl
+++ b/index.html.tpl
@@ -15,16 +15,25 @@
       </h2>
 
       <div class="flex">
-        <div>
-#{body[1]}
+        <div class="body">
+           #{body[1]}
         </div>
-        <div><pre style="position: relative; top: -23px;"><code class="language-javascript">
+        <div>
+          <div class="relative">
+            <pre>
+              <code class="language-javascript" id="fez-#{name}-js">
 #{escape(File.read("./demo/fez/#{name}.js"))}
-</code></pre>
+              </code>
+            </pre>
+          </div>
 
-<pre><code class="language-html">
+          <div class="relative">
+            <pre>
+              <code class="language-html" id="fez-#{name}-html">
 #{escape(body[1])}
-</code></pre>
+</code>
+            <pre>
+          </div>
         </div>
       </div>
     }
@@ -40,9 +49,14 @@
   <link rel="icon" href="./demo/fez.png">
   <link rel="stylesheet" href="./demo/main.css" />
   <link rel="stylesheet" href="./demo/hjs-theme.css" />
+  <link rel="stylesheet" href="https://unpkg.com/highlightjs-copy/dist/highlightjs-copy.min.css" />
   <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>  <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
+  <script src="https://unpkg.com/highlightjs-copy/dist/highlightjs-copy.min.js"></script>
   <script src="./dist/fez.js"></script>
-  <script>hljs.highlightAll();</script>
+  <script>
+    hljs.highlightAll();
+    hljs.addPlugin(new CopyButtonPlugin());
+  </script>
   <script>
     function timeSince(date) {
         const now = new Date();
diff --git a/package.json b/package.json
index 01ccb20..ef8697a 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,10 @@
   "scripts": {
     "stache": "node test/stache.js",
     "pages": "ruby -r erb -e 'puts ERB.new(File.read(\"./index.html.tpl\")).result' > ./index.html",
-    "dev": "bun run pages; open index.html; bun build.js w"
+    "build": "bun build.js d",
+    "dev": "bun run pages; open index.html; bun build.js w",
+    "sdev": "bun run pages; bun build.js b",
+    "xdev": "find . | grep -v '.git' | grep -v 'node_modules' | entr -c bun run sdev"
   },
   "devDependencies": {
     "coffeescript": "^2.7.0",
diff --git a/src/fez.js b/src/fez.js
index 0053cd3..b683aa7 100644
--- a/src/fez.js
+++ b/src/fez.js
@@ -13,23 +13,6 @@ import parseNode from './lib/n'
 class FezBase {
   static __objects = []
 
-  static find(node, name) {
-    return Fez.find(node, name)
-  }
-
-  // get unique id from string
-  static fnv1(str) {
-    var FNV_OFFSET_BASIS, FNV_PRIME, hash, i, j, ref;
-    FNV_OFFSET_BASIS = 2166136261;
-    FNV_PRIME = 16777619;
-    hash = FNV_OFFSET_BASIS;
-    for (i = j = 0, ref = str.length - 1; (0 <= ref ? j <= ref : j >= ref); i = 0 <= ref ? ++j : --j) {
-      hash ^= str.charCodeAt(i);
-      hash *= FNV_PRIME;
-    }
-    return hash.toString(36).replaceAll('-', '');
-  }
-
   // get node attributes as object
   static getProps(node) {
     const attrs = {}
@@ -253,7 +236,7 @@ class FezBase {
       [tick, func] = [func, tick]
     }
 
-    name ||= this.class.fnv1(String(func))
+    name ||= Fez.fnv1(String(func))
 
     clearInterval(this.__int[name])
 
@@ -551,5 +534,18 @@ Fez.publish = (channel, ...args) => {
   })
 }
 
+  // get unique id from string
+Fez.fnv1 = (str) => {
+  var FNV_OFFSET_BASIS, FNV_PRIME, hash, i, j, ref;
+  FNV_OFFSET_BASIS = 2166136261;
+  FNV_PRIME = 16777619;
+  hash = FNV_OFFSET_BASIS;
+  for (i = j = 0, ref = str.length - 1; (0 <= ref ? j <= ref : j >= ref); i = 0 <= ref ? ++j : --j) {
+    hash ^= str.charCodeAt(i);
+    hash *= FNV_PRIME;
+  }
+  return hash.toString(36).replaceAll('-', '');
+}
+
 window.Fez = Fez
 window.FezBase = FezBase