${i}
diff --git a/usr/lib/hosts-switch/webapp/lib/wkit.js b/usr/lib/hosts-switch/webapp/lib/wkit.js
index 2bfd83b..54d6938 100644
--- a/usr/lib/hosts-switch/webapp/lib/wkit.js
+++ b/usr/lib/hosts-switch/webapp/lib/wkit.js
@@ -1,3 +1,3 @@
var g=Object.create(null);["autofocus","autoplay","async","allowTransparency","checked","controls","declare","disabled","defer","defaultChecked","defaultSelected","contentEditable","isMap","loop","multiple","noHref","noResize","noShade","open","readOnly","selected","loading"].forEach(function(i){g[i.toLowerCase()]=i});var z=Symbol("wc_path"),p=Symbol("wc-nothing"),B=Symbol("finalized"),x=Symbol("props"),_=Symbol("changed_props"),w=Symbol("mounted"),C=Symbol("pending"),O=Symbol("children"),oe="* {box-sizing: border-box;margin: 0;padding: 0;}::before,::after {box-sizing: border-box;}";function ne(i){switch(i){case Number:return 0;case Boolean:return!1;case Object:return{};case Array:return[];default:return""}}function Ee(i){switch(typeof i){case"number":return{type:Number,default:i};case"boolean":return{type:Boolean,default:i};case"object":return Array.isArray(i)?{type:Array,default:i}:{type:Object,default:i};case"string":let e=String,t=!0;if(i.includes("!")){i=i.split("!");let s=i.shift();s==="str"?i=i.join("!"):s==="num"?(e=Number,i=+i.shift()||0):s==="bool"&&(e=Boolean,i=i.shift(),i=i!=="false"&&i!==""),t=!1}return{type:e,default:i,attribute:t};default:return{type:String,default:i+""}}}function le(i){if(i&&typeof i=="object"&&i.hasOwnProperty("type"))return Object.assign({attribute:!0,default:ne(i.type)},i);switch(i){case Number:i={type:Number};break;case Boolean:i={type:Boolean};break;case Object:i={type:Object};break;case Array:i={type:Array};break;default:i=Ee(i);break}return i.default=i.hasOwnProperty("default")?i.default:ne(i.type),i.attribute=i.hasOwnProperty("attribute")?i.attribute:!0,i}function R(i,e){switch(e.type){case Number:return i===null?null:+i||0;case Boolean:return i===!1?!1:i!==null;case Object:if(typeof i=="object")return i;try{return JSON.parse(i)}catch{return{}}case Array:if(typeof i=="object")return i;try{return JSON.parse(i)}catch{return[]}default:return i==null?null:i+""}}var ae=CSSStyleSheet;document.adoptedStyleSheets||(ae=class{elem=document.createElement("style");replaceSync(i){this.elem.textContent=i.replace(/\s+/g," ")}});function Se(i,...e){let t="",s=Array.from(i);for(;s.length;)t+=s.shift()+(e.shift()||"");return t}function ce(i,e=""){let t=new ae;typeof e=="string"?e=[e]:e=e.flat(1/0),e=(oe+e.join(" ")).trim(),t.replaceSync(e),i.adoptedStyleSheets?i.adoptedStyleSheets=[t]:i.appendChild(t.elem)}function M(i=200,e=[],t=!1){t===!1&&(this.style.display="");let s=this.animate(e,{duration:i,direction:t?"reverse":"normal",fill:"forwards"});return new Promise(r=>{s.addEventListener("finish",n=>{t&&(this.style.display="none"),s.cancel(),r()},{once:!0})})}var N={fade:[{opacity:0},{opacity:1}],scale:[{transform:"scale(0)"},{transform:"scale(1)"}],"micro-bounce":[{opacity:0,transform:"scale(0.8)"},{transform:"scale(1.05)",opacity:1},{transform:"scale(1)"}],slide:[{opacity:0,transform:"translateY(-50px)"},{opacity:1,transform:"translateY(0)"}],bounce:[{transform:"scale(0)"},{transform:"scale(1.2)"},{transform:"scale(1)"}],rotate:[{transform:"rotate(0)"},{transform:"rotate(360deg)"}]};var Y="$wc$",b=`wc$${String(Math.random()).slice(9)}$`,ye="?"+b,Ce=`<${ye}>`,k=(i="")=>document.createComment(i),P=i=>i===null||typeof i!="object"&&typeof i!="function",ge=Array.isArray,Te=i=>ge(i)||typeof(i==null?!1:i[Symbol.iterator])=="function",D=`[
\f\r]`,ke=`[^
-\f\r"'\`<>=]`,Ve=`[^\\s"'>=/]`,T=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,he=1,q=2,Oe=3,fe=/-->/g,de=/>/g,$=new RegExp(`>|${D}(?:(${Ve}+)(${D}*=${D}*(?:${ke}|("|')|))|$)`,"g"),Re=0,ue=1,Me=2,pe=3,me=/'/g,_e=/"/g,$e=/^(?:script|style|textarea|title)$/i,Pe=1,j=2,F=1,L=2,je=5,K=6,Le=7,be=new Map,y=document.createTreeWalker(document,129,null,!1);function W(){}function Ie(i,e){let t=i.length-1,s=[],r=e===j?"
":"",n,o=T;for(let a=0;a"?(o=n??T,u=-1):h[ue]===void 0?u=-2:(u=o.lastIndex-h[Me].length,d=h[ue],o=h[pe]===void 0?$:h[pe]==='"'?_e:me):o===_e||o===me?o=$:o===fe||o===de?o=T:(o=$,n=void 0);let v=o===$&&i[a+1].startsWith("/>")?" ":"";r+=o===T?c+Ce:u>=0?(s.push(d),c.slice(0,u)+Y+c.slice(u)+b+v):c+b+(u===-2?(s.push(void 0),a):v)}let l=r+(i[t]||"")+(e===j?" ":"");if(!Array.isArray(i)||!i.hasOwnProperty("raw"))throw new Error("invalid html ast");return[l,s]}var A=class{constructor({strings:e,["__dom_type__"]:t},s){this.parts=[];let r,n=0,o=0,l=e.length-1,a=this.parts,[c,u]=Ie(e,t);if(this.el=A.createElement(c),y.currentNode=this.el.content,t===j){let d=this.el.content,f=d.firstChild;f.remove(),d.append(...f.childNodes)}for(;(r=y.nextNode())!==null&&a.length
0){r.textContent="";for(let h=0;h2||s[0]!==""||s[1]!==""?(this._$committedValue=new Array(s.length-1).fill(new String),this.strings=s):this._$committedValue=p}get tagName(){return this.element.tagName}get _$isConnected(){return this._$parent._$isConnected}_$setValue(e,t){let s=this.strings,r=!1;if(s===void 0)r=!P(e)||e!==this._$committedValue,r&&(this._$committedValue=e);else{let n=e;e=s[0];for(let o=0;oo.stopPropagation();break;case"prevent":this.#t=o=>o.preventDefault();break;case"self":this.#s=o=>o.target===this.element;break;case"capture":case"once":case"passive":s[n]=!0;break}let r=e!==this.#e;if(this.#e&&t.$events[this.name]){for(let n of t.$events[this.name])if(n.el===this.element){r=s.capture!==n.capture||s.once!==n.once||s.passive!==n.passive,r&&this.element.removeEventListener(this.name,n.listener,n.options);break}}e&&r&&(this.element.addEventListener(this.name,this,s),this.#e=e,t.$events[this.name]?t.$events[this.name].push({el:this.element,listener:this,options:s}):t.$events[this.name]=[{el:this.element,listener:this,options:s}])}handleEvent(e){this.#i(e),this.#t(e),this.#s(e)!==!1&&this.#e.call(this.options.host,e)}},X=class{constructor(e,t,s){this.element=e,this.type=K,this._$disconnectableChildren=void 0,this._$parent=t,this.options=s}get _$isConnected(){return this._$parent._$isConnected}_$setValue(e){}};function xe(i,e,t={}){let s=e[z];return s===void 0&&(s=new E(e.insertBefore(k(),null),null,void 0,t),e[z]=s),s._$setValue(i),s}function ee(i,...e){return{__dom_type__:Pe,strings:i,values:e}}function He(i,e=[]){let t=e.length?i.split("%s"):[i];return t.raw=!0,ee(t,...e)}function ve(i,...e){return{__dom_type__:j,strings:i,values:e}}function I(){}function te(i,e,t){let s=t?"querySelectorAll":"querySelector";return e?e[s](i):document.body[s](i)}function Ue(i,e){return te(i,e,!0)}var V=function(){let i=[],e=document.createTextNode(""),t=!1;function s(){let r=i.length;for(let n=0;nt.toUpperCase())}function ze(i){try{let e=i.getBoundingClientRect();if(e.width||e.height||i.getClientRects().length){let t=i.ownerDocument,s=t.documentElement,r=t.defaultView;return{top:e.top+r.pageYOffset-s.clientTop,left:e.left+r.pageXOffset-s.clientLeft}}}catch{return{left:0,top:0}}}function re(i,e,t,s,r=!0){let n=e.split(","),o,l=i.host===i,a=l?i:null;if(typeof t=="function"?(r=s,s=t,t=null):(typeof t!="string"&&(t=null),s=s||I),l===!1){let c=i;for(;c&&c!==document.body&&c!==document;){if(c.ownHost){l=!0,a=c.ownHost;break}c=c.parentNode}}return t?o=function(c){let u=te(t,i),d=c.target;if(u)for(;d!==i;)if(u.contains(d)){s(c);break}else d=d.parentNode}:o=s,n.forEach(function(c){c=c.trim(),l&&(a.$events[c]?a.$events[c].push({el:i,listener:o,options:r}):a.$events[c]=[{el:i,listener:o,options:r}]),i.addEventListener(c,o,r)}),o}function H(i,e,t=I,s=!1){e.split(",").forEach(function(n){i.removeEventListener(n.trim(),t,s)})}function Be(i,e=I){return re(document,"mousedown",t=>{let s=t.composedPath?t.composedPath():t.path;if(s){for(;s.length>3;)if(s.shift()===i)return}else{let r=t.explicitOriginalTarget||t.target;if(i===r||i.contains(r)||i.root&&i.root.contains(r))return}e(t)})}function De(i=I){H(document,"mousedown",i)}function we(i,e="click",t={},s){let r=new Event(e,{bubbles:!s,cancelable:!0});Object.assign(r,t),i.dispatchEvent(r)}function rt(i={}){let e="";for(let t in i)i[t]&&(e+=" "+t);return e.slice(1)}function nt(i={}){let e="";for(let t in i)(i[t]||i[t]===0)&&(e+=ie(t)+":"+i[t]+";");return e}var Ne=class extends HTMLElement{static get observedAttributes(){let e=[];return this.finalize(),this.parseAnim(),this[x].forEach((t,s)=>{e.push(t.attrName)}),e}static parseAnim(){if(this.hasOwnProperty("animation")){let{type:e="fade",duration:t,custom:s,immediate:r=!1}=this.animation,n=N[e]||N.fade;s&&(n=s),Object.defineProperty(this.prototype,"$animate",{value(o){if(this[w])return M.call(this,t,n,o)},enumerable:!1}),this.prototype.$animate.immediate=r,delete this.animation}}static finalize(){if(this[B])return!1;if(this[B]=!0,this[x]=new Map,this.hasOwnProperty("props"))for(let e in this.props){let t=le(this.props[e]),s=e.toLowerCase();t.attrName=s,g[s]?e=g[s]:(t.attrName=ie(e),e=se(e)),this[x].set(e,t)}delete this.props}static reg(e=""){e="wc-"+e,customElements.get(e)||customElements.define(e,this)}constructor(){super(),this[C]=!1,this[w]=!1,this[_]=new Map,this.host=this,this.root=this.shadowRoot||this.attachShadow({mode:"open"}),this.root.ownHost=this,Object.defineProperty(this,"$refs",{value:Object.create(null),enumerable:!1}),Object.defineProperty(this,"$events",{value:Object.create(null),enumerable:!1}),window.wkitd&&this.$store&&window.wkitd.assign(this);for(let[e,t]of this.constructor[x])this.createProperty(e,t),this[_].set(e,this[e]);this.created()}createProperty(e,t){let s=Symbol(e),r;if(t.type===Array||t.type===Object){let n=this.#e(e,t);r={get(){return n},set(o){n=this.#e(e,t,R(o,t)),this.$requestUpdate(e)},enumerable:!1}}else r={get(){return this[s]},set(n){let o=this[s];n=R(n,t),o!==n&&(this[s]=n,this.$requestUpdate(e),t.observer&&t.observer.call(this,n,o))},enumerable:!1},this[s]=t.default;Object.defineProperty(this,e,r)}#e(e,t,s){return new Proxy(s||t.default,{set:(r,n,o)=>{if(n==="length"&&t.type===Array)return!0;let l=r[n];return r[n]=o,this.$requestUpdate(e),t.observer&&t.observer.call(this,o,l),!0}})}#t(){for(let[e,t]of this[_])this.#s(e,t);this[_].clear(),this.$requestUpdate()}#i(e){return this.constructor[x].get(e)}connectedCallback(){this.$animate&&(this.style.display="none"),this.#t(),ce(this.root,this.constructor.styles),this[O]?.setConnected(!0)}disconnectedCallback(){if(this[O]?.setConnected(!1),!document.body?.contains(this)){let e=this.$events;if(e)for(let t in e)for(let s of e[t])H(s.el,t,s.listener,s.options);window.wkitd&&this.$store&&window.wkitd.deassign(this)}this.unmounted()}attributeChangedCallback(e,t,s){t!==s&&this.#r(e,s,t)}#s(e,t){let s=this.#i(e),r=s.attrName;if(s.attribute===!1){this.removeAttribute(r);return}switch(s.type){case Number:case String:t===null?this.removeAttribute(r):this.setAttribute(r,t);break;case Boolean:t===null||t===!1?this.removeAttribute(r):this.setAttribute(r,"");break}}#r(e,t,s){let r=g[e],n,o;if(r&&(e=r),o=se(e),n=this.#i(o),t=R(t,n),n.attribute===!1){if(t===null)return;if(t===this[o]){this.removeAttribute(e);return}}this[o]=t}$requestUpdate(e){e!==void 0&&(this[_].set(e,this[e]),this.#s(e,this[e])),this[C]===!1&&(this[C]=!0,V(t=>this.#n()))}#n(){let e=this[_];this.#a(),this.#o(e),this.#l()}#o(e){this[w]===!1?(this[w]=!0,this.$animate?.immediate&&this.$animate(),this.__keep_alive__&&V(t=>this.activated()),V(t=>this.mounted())):V(t=>this.updated(e))}#l(){this[_].clear(),this[C]=!1}#a(){let e=this.render();this[O]=xe(e,this.root,{host:this,isConnected:!this[w]&&this.isConnected})}created(){}mounted(){}activated(){}deactivated(){}unmounted(){}updated(){}render(){return ee`":"",n,o=T;for(let a=0;a"?(o=n??T,u=-1):h[ue]===void 0?u=-2:(u=o.lastIndex-h[Me].length,d=h[ue],o=h[pe]===void 0?$:h[pe]==='"'?_e:me):o===_e||o===me?o=$:o===fe||o===de?o=T:(o=$,n=void 0);let H=o===$&&i[a+1].startsWith("/>")?" ":"";r+=o===T?c+Ce:u>=0?(s.push(d),c.slice(0,u)+Y+c.slice(u)+b+H):c+b+(u===-2?(s.push(void 0),a):H)}let l=r+(i[t]||"")+(e===j?" ":"");if(!Array.isArray(i)||!i.hasOwnProperty("raw"))throw new Error("invalid html ast");return[l,s]}var A=class{constructor({strings:e,["__dom_type__"]:t},s){this.parts=[];let r,n=0,o=0,l=e.length-1,a=this.parts,[c,u]=Ie(e,t);if(this.el=A.createElement(c),y.currentNode=this.el.content,t===j){let d=this.el.content,f=d.firstChild;f.remove(),d.append(...f.childNodes)}for(;(r=y.nextNode())!==null&&a.length0){r.textContent="";for(let h=0;h2||s[0]!==""||s[1]!==""?(this._$committedValue=new Array(s.length-1).fill(new String),this.strings=s):this._$committedValue=p}get tagName(){return this.element.tagName}get _$isConnected(){return this._$parent._$isConnected}_$setValue(e,t){let s=this.strings,r=!1;if(s===void 0)r=!P(e)||e!==this._$committedValue,r&&(this._$committedValue=e);else{let n=e;e=s[0];for(let o=0;oo.stopPropagation();break;case"prevent":this.#t=o=>o.preventDefault();break;case"self":this.#s=o=>o.target===this.element;break;case"capture":case"once":case"passive":s[n]=!0;break}let r=e!==this.#e;if(this.#e&&t.$events[this.name]){for(let n of t.$events[this.name])if(n.el===this.element){r=s.capture!==n.capture||s.once!==n.once||s.passive!==n.passive,r&&this.element.removeEventListener(this.name,n.listener,n.options);break}}e&&r&&(this.element.addEventListener(this.name,this,s),this.#e=e,t.$events[this.name]?t.$events[this.name].push({el:this.element,listener:this,options:s}):t.$events[this.name]=[{el:this.element,listener:this,options:s}])}handleEvent(e){this.#i(e),this.#t(e),this.#s(e)!==!1&&this.#e.call(this.options.host,e)}},X=class{constructor(e,t,s){this.element=e,this.type=K,this._$disconnectableChildren=void 0,this._$parent=t,this.options=s}get _$isConnected(){return this._$parent._$isConnected}_$setValue(e){}};function xe(i,e,t={}){let s=e[z];return s===void 0&&(s=new E(e.insertBefore(k(),null),null,void 0,t),e[z]=s),s._$setValue(i),s}function ee(i,...e){return{__dom_type__:Pe,strings:i,values:e}}function ve(i,e=[]){let t=e.length?i.split("%s"):[i];return t.raw=!0,ee(t,...e)}function He(i,...e){return{__dom_type__:j,strings:i,values:e}}function I(){}function te(i,e,t){let s=t?"querySelectorAll":"querySelector";return e?e[s](i):document.body[s](i)}function Ue(i,e){return te(i,e,!0)}var V=function(){let i=[],e=document.createTextNode(""),t=!1;function s(){let r=i.length;for(let n=0;nt.toUpperCase())}function ze(i){try{let e=i.getBoundingClientRect();if(e.width||e.height||i.getClientRects().length){let t=i.ownerDocument,s=t.documentElement,r=t.defaultView;return{top:e.top+r.pageYOffset-s.clientTop,left:e.left+r.pageXOffset-s.clientLeft}}}catch{return{left:0,top:0}}}function re(i,e,t,s,r=!0){let n=e.split(","),o,l=i.host===i,a=l?i:null;if(typeof t=="function"?(r=s,s=t,t=null):(typeof t!="string"&&(t=null),s=s||I),l===!1){let c=i;for(;c&&c!==document.body&&c!==document;){if(c.ownHost){l=!0,a=c.ownHost;break}c=c.parentNode}}return t?o=function(c){let u=te(t,i),d=c.target;if(u)for(;d!==i;)if(u.contains(d)){s(c);break}else d=d.parentNode}:o=s,n.forEach(function(c){c=c.trim(),l&&(a.$events[c]?a.$events[c].push({el:i,listener:o,options:r}):a.$events[c]=[{el:i,listener:o,options:r}]),i.addEventListener(c,o,r)}),o}function v(i,e,t=I,s=!1){e.split(",").forEach(function(n){i.removeEventListener(n.trim(),t,s)})}function Be(i,e=I){return re(document,"mousedown",t=>{let s=t.composedPath?t.composedPath():t.path;if(s){for(;s.length>3;)if(s.shift()===i)return}else{let r=t.explicitOriginalTarget||t.target;if(i===r||i.contains(r)||i.root&&i.root.contains(r))return}e(t)})}function De(i=I){v(document,"mousedown",i)}function we(i,e="click",t={},s){let r=new Event(e,{bubbles:!s,cancelable:!0});Object.assign(r,t),i.dispatchEvent(r)}function rt(i={}){let e="";for(let t in i)i[t]&&(e+=" "+t);return e.slice(1)}function nt(i={}){let e="";for(let t in i)(i[t]||i[t]===0)&&(e+=ie(t)+":"+i[t]+";");return e}var Ne=class extends HTMLElement{static get observedAttributes(){let e=[];return this.finalize(),this.parseAnim(),this[x].forEach((t,s)=>{e.push(t.attrName)}),e}static parseAnim(){if(this.hasOwnProperty("animation")){let{type:e="fade",duration:t,custom:s,immediate:r=!1}=this.animation,n=N[e]||N.fade;s&&(n=s),Object.defineProperty(this.prototype,"$animate",{value(o){if(this[w])return M.call(this,t,n,o)},enumerable:!1}),this.prototype.$animate.immediate=r,delete this.animation}}static finalize(){if(this[B])return!1;if(this[B]=!0,this[x]=new Map,this.hasOwnProperty("props"))for(let e in this.props){let t=le(this.props[e]),s=e.toLowerCase();t.attrName=s,g[s]?e=g[s]:(t.attrName=ie(e),e=se(e)),this[x].set(e,t)}delete this.props}static reg(e=""){e="wc-"+e,customElements.get(e)||customElements.define(e,this)}constructor(){super(),this[C]=!1,this[w]=!1,this[_]=new Map,this.host=this,this.root=this.shadowRoot||this.attachShadow({mode:"open"}),this.root.ownHost=this,Object.defineProperty(this,"$refs",{value:Object.create(null),enumerable:!1}),Object.defineProperty(this,"$events",{value:Object.create(null),enumerable:!1}),window.wkitd&&this.$store&&window.wkitd.assign(this);for(let[e,t]of this.constructor[x])this.createProperty(e,t),this[_].set(e,this[e]);this.created()}createProperty(e,t){let s=Symbol(e),r;if(t.type===Array||t.type===Object){let n=this.#e(e,t);r={get(){return n},set(o){n=this.#e(e,t,R(o,t)),this.$requestUpdate(e)},enumerable:!1}}else r={get(){return this[s]},set(n){let o=this[s];n=R(n,t),o!==n&&(this[s]=n,this.$requestUpdate(e),t.observer&&t.observer.call(this,n,o))},enumerable:!1},this[s]=t.default;Object.defineProperty(this,e,r)}#e(e,t,s){return new Proxy(s||t.default,{get:(r,n,o)=>{let l=Reflect.get(r,n,o);return typeof l=="object"?this.#e(l):l},set:(r,n,o,l)=>{if(n==="length"&&t.type===Array)return!0;let a=r[n];return Reflect.set(r,key,o,l),this.$requestUpdate(e),t.observer&&t.observer.call(this,o,a),!0}})}#t(){for(let[e,t]of this[_])this.#s(e,t);this[_].clear(),this.$requestUpdate()}#i(e){return this.constructor[x].get(e)}connectedCallback(){this.$animate&&(this.style.display="none"),this.#t(),ce(this.root,this.constructor.styles),this[O]?.setConnected(!0)}disconnectedCallback(){if(this[O]?.setConnected(!1),!document.body?.contains(this)){let e=this.$events;if(e)for(let t in e)for(let s of e[t])v(s.el,t,s.listener,s.options);window.wkitd&&this.$store&&window.wkitd.deassign(this)}this.unmounted()}attributeChangedCallback(e,t,s){t!==s&&this.#r(e,s,t)}#s(e,t){let s=this.#i(e),r=s.attrName;if(s.attribute===!1){this.removeAttribute(r);return}switch(s.type){case Number:case String:t===null?this.removeAttribute(r):this.setAttribute(r,t);break;case Boolean:t===null||t===!1?this.removeAttribute(r):this.setAttribute(r,"");break}}#r(e,t,s){let r=g[e],n,o;if(r&&(e=r),o=se(e),n=this.#i(o),t=R(t,n),n.attribute===!1){if(t===null)return;if(t===this[o]){this.removeAttribute(e);return}}this[o]=t}$requestUpdate(e){e!==void 0&&(this[_].set(e,this[e]),this.#s(e,this[e])),this[C]===!1&&(this[C]=!0,V(t=>this.#n()))}#n(){let e=this[_];this.#a(),this.#o(e),this.#l()}#o(e){this[w]===!1?(this[w]=!0,this.$animate?.immediate&&this.$animate(),this.__keep_alive__&&V(t=>this.activated()),V(t=>this.mounted())):V(t=>this.updated(e))}#l(){this[_].clear(),this[C]=!1}#a(){try{let e=this.render();this[O]=xe(e,this.root,{host:this,isConnected:!this[w]&&this.isConnected})}catch(e){console.error(e)}}created(){}mounted(){}activated(){}deactivated(){}unmounted(){}updated(){}render(){return ee`{this.#l(A)}):this.#l(A)}}if(this.#e.get("!")){let n=this.#e.get("!");t.current=n.name,this.#r={path:r,name:n.name,params:{},query:{}}}}}#l(e){let t=window.wkitd.get(h);t.current=e.name,this.#r=e,this.#c()}#c(){for(let[e,t]of this.#n)t.call(e,this.route)}init(){this.#t=!0,this.#i()}rsync(e,t){this.#n.set(e,t),this.#t&&this.#c()}beforeEach(e=w){this.#o=e}addRoute(e){Array.isArray(e)?e.forEach(t=>{this.#a(t)}):this.#a(e),this.#t&&this.#i()}go(e=0){history.go(e)}back(){this.go(-1)}forward(){this.go(1)}push(e={path:"",query:{}},t=!1){let o="",r="";typeof e=="string"?o=e.trim():(r=k(e.query||""),o=e.path+(r?`?${r}`:"")),!(!o&&o===location.hash.slice(1))&&(this.type===v?t?location.replace(o.replace(/^\//,"#/")):location.hash=o:(t?window.history.replaceState({path:o},null,o+r):window.history.pushState({path:o},null,o+r),this.#p()))}replace(e={path:"",query:{}}){this.push(e,!0)}};function M(){return()=>new O}function Q(){return()=>new O(L)}import{Component as j,html as ee,css as D,raw as I}from"wkit";var $,_=class extends j{constructor(){super(...arguments);m(this,$,[])}created(){window.wkitd.set(h,this)}sync(t){T(this,$,t)}render(){let t={immediate:!0,custom:[{transform:"translateX(-32px)",opacity:0},{transform:"translateX(0)",opacity:1}]};if(this.keepAlive){let o=E(this,$).map(r=>[this.transition?`<${r} ref="${r}" :__keep_alive__="%s" #animation="%s" style="%s">`:`<${r} ref="${r}" :__keep_alive__="%s" style=%s>`,[this.current===r,{...t,immediate:this.current===r},this.current===r?"":"display:none"]]);return I(o.map(r=>r[0]).join(""),o.map(r=>r[1]).flat())}else if(this.current)return this.transition?I(`<${this.current} #animation="%s">`,[t]):I(`<${this.current}>`)}};$=new WeakMap,d(_,"props",{keepAlive:!1,transition:!1,current:{type:String,default:"",attribute:!1,observer(t,o){this.keepAlive&&t&&(o&&this.$refs[o]&&this.$refs[o].deactivated(),this.$refs[t]?.$requestUpdate(),this.$refs[t]?.$animate(),this.$refs[t]?.activated())}}}),d(_,"styles",D`
+`);o=e.path.replace(ee,function(r,s,n,a){return t.push(n.slice(1)),s==="/"&&(s="/?"),s+"([A-Za-z0-9_]+)"+a}),o="^"+o+"$",e.regexp=new RegExp(o),e.vars=t}return e}#a(e){if(e.path!=="!"&&e.path[0]!=="/"){console.error('route path must start with "/"');return}e.path=e.path.replace(/^[\/]+|[\/]+$|\s+/g,"/"),this.#e.set(e.path,this.#h(e)),this.#s.add(e.name)}#p(){let e=this.type===k,t=window.wkitd.get(h),o=location.hash||"#/",r=e?o:location.href.replace(location.origin,"").replace(o,""),s;if(r.includes("?")&&([r,s]=r.split("?")),r=r.replace(Q,"/"),!(!t||r===this.#r.path)){for(let[n,a]of this.#e){let u=r.match(a.regexp);if(u){let l=Object.create(null);for(let E=1;E{this.#l(A)}):this.#l(A)}}if(this.#e.get("!")){let n=this.#e.get("!");t.current=n.name,this.#r={path:r,name:n.name,params:{},query:{}}}}}#l(e){let t=window.wkitd.get(h);t.current=e.name,this.#r=e,this.#c()}#c(){for(let[e,t]of this.#n)t.call(e,this.route)}init(){this.#t=!0,this.#i()}rsync(e,t){this.#n.set(e,t),this.#t&&this.#c()}beforeEach(e=w){this.#o=e}addRoute(e){Array.isArray(e)?e.forEach(t=>{this.#a(t)}):this.#a(e),this.#t&&this.#i()}go(e=0){history.go(e)}back(){this.go(-1)}forward(){this.go(1)}push(e={path:"",query:{}},t=!1){let o="",r="";typeof e=="string"?o=e.trim():(r=v(e.query||""),o=e.path+(r?`?${r}`:"")),!(!o&&o===location.hash.slice(1))&&(this.type===k?t?location.replace(o.replace(/^\//,"#/")):location.hash=o:(t?window.history.replaceState({path:o},null,o+r):window.history.pushState({path:o},null,o+r),this.#p()))}replace(e={path:"",query:{}}){this.push(e,!0)}};function j(){return()=>new R}function re(){return()=>new R(te)}import{Component as D,html as oe,css as N,raw as I}from"wkit";var $,_=class extends D{constructor(){super(...arguments);m(this,$,[])}created(){window.wkitd.set(h,this)}sync(t){T(this,$,t)}render(){let t={immediate:!0,custom:[{transform:"translateX(-32px)",opacity:0},{transform:"translateX(0)",opacity:1}]};if(this.keepAlive){let o=b(this,$).map(r=>[this.transition?`<${r} ref="${r}" :__keep_alive__="%s" #animation="%s" style="%s">`:`<${r} ref="${r}" :__keep_alive__="%s" style=%s>`,[this.current===r,{...t,immediate:this.current===r},this.current===r?"":"display:none"]]);return I(o.map(r=>r[0]).join(""),o.map(r=>r[1]).flat())}else if(this.current)return this.transition?I(`<${this.current} #animation="%s">`,[t]):I(`<${this.current}>`)}};$=new WeakMap,d(_,"props",{keepAlive:!1,transition:!1,current:{type:String,default:"",attribute:!1,observer(t,o){this.keepAlive&&t&&(o&&this.$refs[o]&&this.$refs[o].deactivated(),this.$refs[t]?.$requestUpdate(),this.$refs[t]?.$animate(),this.$refs[t]?.activated())}}}),d(_,"styles",N`
:host {
display: block;
}
- `);var f,R,N,S,X,g=class extends j{constructor(){super(...arguments);m(this,R);m(this,S);m(this,f,"")}mounted(){this.$router.rsync(this,t=>{this.classList.toggle("active",t.path===this.to.path)})}render(){return T(this,f,C(this,S,X).call(this)),ee`
+ `);var f,O,X,S,z,g=class extends D{constructor(){super(...arguments);m(this,O);m(this,S);m(this,f,"")}mounted(){this.$router.rsync(this,t=>{this.classList.toggle("active",t.path===this.to.path)})}render(){return T(this,f,C(this,S,z).call(this)),oe`
`}};f=new WeakMap,R=new WeakSet,N=function(){let t=this.$router.type,{path:o}=this.to;this.disabled||(t==="hash"?location.hash=E(this,f):this.$router.push(this.to))},S=new WeakSet,X=function(){let t=this.$router.type,{path:o="",query:r={}}=this.to,s=typeof r=="string"?r.replaceAll("?",""):k(r);return o=o.replace(/^\//,""),s&&(o+="?"+s),"/"+o},d(g,"props",{to:Object,disabled:!1}),d(g,"styles",D`
+ >`}};f=new WeakMap,O=new WeakSet,X=function(){let t=this.$router.type,{path:o}=this.to;this.disabled||(t==="hash"?location.hash=b(this,f):this.$router.push(this.to))},S=new WeakSet,z=function(){let t=this.$router.type,{path:o="",query:r={}}=this.to,s=typeof r=="string"?r.replaceAll("?",""):v(r);return o=o.replace(/^\//,""),s&&(o+="?"+s),"/"+o},d(g,"props",{to:Object,disabled:!1}),d(g,"styles",N`
:host {
display: inline-flex;
align-items: center;
@@ -28,7 +28,7 @@ var G=Object.defineProperty;var Z=(i,e,t)=>e in i?G(i,e,{enumerable:!0,configura
opacity: 0.6;
cursor: not-allowed;
}
- `);customElements.get("router-view")||customElements.define("router-view",_);customElements.get("router-link")||customElements.define("router-link",g);function ke({history:i=M(),routes:e=[]}={}){let t=i();window.wkitd.set(c,t),t.addRoute(e);function o(){Object.defineProperty(te.prototype,"$router",{get(){return window.wkitd.get(c)},set(r){console.error("Can not set readonly property $router of Component")},enumerable:!1})}return o.beforeEach=t.beforeEach.bind(t),o}import{Component as z}from"wkit";function re(i={}){let e=!1;return function(){Object.defineProperty(z.prototype,"$store",{get(){return window.wkitd.get(y)},set(t){if(e)return console.error("Can not set readonly property $store of Component");window.wkitd.set(y,new Proxy(t,{set(o,r,s){return o[r]=s,window.wkitd.broadcast(),!0}})),e=!0},enumerable:!1}),z.prototype.$store=i}}var p=class extends ie{};function Pe({data:i={},styles:e=[],methods:t={},mounted:o=w,render:r}={}){return new function(){p.props=i,p.styles=e,Object.assign(p.prototype,t,{mounted:o}),this.use=function(s=w,...n){return s.apply(p.prototype,n),this},this.mount=function(){let s=window.wkitd.get(c);r?p.prototype.render=r:s?p.prototype.render=function(){return K`It works!!!
If you don't use router, you may define the
@@ -51,4 +51,4 @@ var G=Object.defineProperty;var Z=(i,e,t)=>e in i?G(i,e,{enumerable:!0,configura
}) .mount()
- `}),s&&(p.prototype.mounted=function(...n){let a=window.wkitd.get(h);if(a)a.sync(s.views),s.init(),o.call(this,...n);else throw new Error('