/**
* Creaton v3.0.10
* (c) 2022-2024 | github.com/reacton-js
* Released under the MIT License.
**/
var Ctn=function(){"use strict";const l=/[A-Z]/g,s=/:(\w+)/g,i=/\.\w+$/,c=new WeakMap,u=(new DOMParser).parseFromString("","text/html"),n=[[/&/g,"&amp;"],[/</g,"&lt;"],[/>/g,"&gt;"],[/"/g,"&quot;"],[/'/g,"&#39;"]],d=Object.getPrototypeOf(async function(){}).constructor,h=(e,t)=>(0<t?"-":"")+e,f=new DocumentFragment,m=new Set,g=Symbol(),p=Symbol(),v=Symbol(),w=Symbol(),y={get:(e,t)=>e[t],set:(e,t,n)=>(e[t]=n,!0)};async function b(...e){for(let r of e){if(r instanceof HTMLTemplateElement){const i=r.content;var t=[...i.querySelectorAll("script")].map(e=>i.removeChild(e).innerHTML).join(""),t=await(t?new d(t)():null);if("function"!=typeof t){console.error(`Error: return value "${t}" is not a class`);continue}t.template=Function(`return this.$tag\`${r.innerHTML}\``),r=t}else if("function"!=typeof r){console.error(`Error: argument "${r}" is not a class or <template> element`);continue}t=r.name.replace(l,h).toLocaleLowerCase();const a=r.mode&&r.mode.toLocaleLowerCase();var n=r.extends&&r.extends.toLocaleLowerCase();const s=!!r.hasOwnProperty("serializable")&&r.serializable;var o=n?Object.getPrototypeOf(document.createElement(n)).constructor:HTMLElement;customElements.define(t,class extends o{constructor(){super(),m.add(this);const n=a?this.attachShadow({mode:a,serializable:s}):this;var e=(new DOMParser).parseFromString("","text/html").body;const o=new Proxy(new r,{get:(e,t)=>t===p?n:"$state"===t?o:(t in e?e:this)[t]});Object.defineProperties(this,{$host:{value:this},$shadow:{value:this.shadowRoot},$data:{value:this.dataset},$state:{value:"closed"!==a?new Proxy(o,y):void 0},[w]:{value:n===this}}),c.set(this,{root:n,temp:e,state:o})}async connectedCallback(){var{root:e,state:t}=c.get(this);"function"==typeof r.startConnect&&await r.startConnect.call(t),"function"==typeof r.template&&(e.innerHTML=r.template.call(t)||""),"function"==typeof r.connected&&r.connected.call(t),setTimeout(()=>{m.delete(this),0===m.size&&f.dispatchEvent(new CustomEvent("load"))},1)}disconnectedCallback(){"function"==typeof r.disconnected&&r.disconnected.call(c.get(this).state)}adoptedCallback(){"function"==typeof r.adopted&&r.adopted.call(c.get(this).state)}attributeChangedCallback(e,t,n){"function"==typeof r.changed&&null!==t&&r.changed.call(c.get(this).state,e,t,n)}static get observedAttributes(){if(Array.isArray(r.attributes))return r.attributes}get $event(){return b.event}get $router(){return b.router}get[v](){return!0}$(e){return(this[p]||this.$shadow||this).querySelector(e)}$$(e){return(this[p]||this.$shadow||this).querySelectorAll(e)}$update(){if("closed"!==a||this[p])return E.call(this,r)}$tag(...e){return b.tag.call(this,...e)}$entities(...e){return b.entities(...e)}},n?{extends:n}:null)}}function E(t){var e=performance.now();if("function"==typeof t.template){var{root:n,temp:o,state:r}=c.get(this.$host),a=(o.innerHTML=t.template.call(r)||"",n.childNodes),s=o.childNodes;let e=0;for(;e<a.length||e<s.length;e++)!function t(n,o,r,a=0){if(o){if(!r)return!n.removeChild(n.childNodes[a]);if(o.nodeName!==r.nodeName)n.replaceChild(r.cloneNode(!0),n.childNodes[a]);else if(o.nodeValue!==r.nodeValue)o.nodeValue=r.nodeValue;else if(o.attributes&&((o.attributes.length||r.attributes.length)&&$(o,r),!o[w])){const s=o.childNodes,i=r.childNodes;let e=0;for(;e<s.length||e<i.length;e++)t(n.childNodes[a],s[e],i[e],e)||e--}}else n.append(r.cloneNode(!0));return!0}(n,a[e],s[e],e)&&e--;o.innerHTML=""}return performance.now()-e+" ms"}function $(t,e){const n=t.attributes,o=e.attributes;new Set([...t.getAttributeNames(),...e.getAttributeNames()]).forEach(e=>{o[e]&&!n[e]?t.setAttribute(e,o[e].value):n[e]&&!o[e]?t.removeAttribute(e):n[e]&&o[e]&&n[e].value!==o[e].value&&(n[e].value=o[e].value)})}function L(e,t,n){var o,r,a=e[g].regs,s=t.replace(location.origin,"");for([o,r]of a){var i,l=o.exec(s);l&&((i=new CustomEvent(r,{detail:n})).url=new URL(t),i.params=l.groups,i.search=i.url.searchParams,e.dispatchEvent(i))}}return b.tag=function(e,...t){let n=0,o="";for(;n<e.length;n++){var r;o+=e.raw[n],n<t.length&&(Array.isArray(t[n])?o+=t[n].join(""):"function"==typeof t[n]?(r=t[n].call(this),o+=Array.isArray(r)?r.join(""):r):o+=t[n])}return o},b.entities=function(e,...t){return(t.length?[...n,...t]:n).reduce((e,t)=>e.replace(...t),e)},b.event=function(e,t,n=null){if(new.target)return new DocumentFragment;e.dispatchEvent(new CustomEvent(t,{detail:n}))},b.router=function(t,e,n=null){if(new.target){const r={},a=new Map,t=new class extends DocumentFragment{addEventListener(...e){a.set(new RegExp(`^/?${e[0].replace(s,(e,t)=>`(?<${t}>\\w+)`)}/?$`),e[0]),document.addEventListener.call(this,...e)}};return t[g]={idx:0,vals:r,regs:a},window.addEventListener("popstate",e=>{L(t,location.href,r[e.state])}),t}var o;e&&e.startsWith(location.origin)&&!i.test(e)&&(o=t[g],history.pushState(o.idx,"",e),L(t,e,o.vals[o.idx++]=n))},b.render=async function({parent:e=document.children[0],slots:t=!1,clean:n=!0}={}){await new Promise(e=>f.addEventListener("load",e));var o=document.createElement("template");return function t(n,e,o,r){if(r&&("STYLE"===n.nodeName||"SCRIPT"===n.nodeName||"TEMPLATE"===n.nodeName||8===n.nodeType))return;let a;if("SLOT"!==n.nodeName||o)if(n[v]){a=u.createElement(n.nodeName);let e;for(e of n.attributes)a.setAttribute(e.name,e.value);n[w]||(n=c.get(n).root)}else a=n.cloneNode(!1);else a=new DocumentFragment;const s=n.assignedNodes?n.assignedNodes({flatten:!1}):(n.content||n).childNodes;if(s){let e=0;for(;e<s.length;e++)t(s[e],a.content||a,o,r)}e.append(a)}(e,o.content,t,n),e===document.children[0]?`<!DOCTYPE html>
`+o.innerHTML:o.innerHTML},b}();