compelem 0.24.0 → 0.25.1

package/CompElem.d.ts

@@ -1,6 +1,7 @@
 import { IComponent } from "./IComponent";
 import { Template } from "./render/Template";
-import { DefaultProps, TplFn, UpdatePoint } from "./types";
+import { UpdatePoint } from "./render/UpdatePoint";
+import { DefaultProps, TplFn } from "./types";
 /**
  * CompElem基类，意为组件元素。提供了基本内置属性及生命周期等必备接口
  * 每个组件都需要继承自该类
@@ -14,7 +15,6 @@ export declare class CompElem<T = HTMLElement> extends HTMLElement implements IC
     __data_: Record<string, any>;
     __updateTree: Array<UpdatePoint>;
     _eventBindList: Array<[string, Function, Node, Function?]>;
-    _listerners: Record<string, Function>;
     __docoEventMap: Map<string, Function>;
     __updateSubViewDeps: Map<string, Set<UpdatePoint>>;
     _cssUpdateInNextTick: boolean;
@@ -23,6 +23,8 @@ export declare class CompElem<T = HTMLElement> extends HTMLElement implements IC
     _watchUpdateSetInNextTick: Set<Function>;
     _watchUpdateArgsInNextTick: Map<Function, Record<string, any>>;
     _computedUpdateSetInNextTick: Set<Function>;
+    _subComponentEventSn: number;
+    _subComponentEventMap: Map<number, Record<string, Function>>;
     get [Symbol.toStringTag](): string;
     get cid(): number;
     get attrs(): Record<string, string>;
@@ -36,7 +38,6 @@ export declare class CompElem<T = HTMLElement> extends HTMLElement implements IC
     get cssSheets(): CSSStyleSheet[];
     get globalCssSheet(): CSSStyleSheet;
     get isMounted(): boolean;
-    __wrapperComponent: WeakRef<CompElem> | undefined;
     /**
      * 组件样式，CSSStyleSheet可动态变更
      */
@@ -60,7 +61,7 @@ export declare class CompElem<T = HTMLElement> extends HTMLElement implements IC
     destroyed(): void;
     get isDestroyed(): boolean;
     destroy(): void;
-    __init(): void;
+    setup(): void;
     propsReady(props: Record<string, any>): void;
     render(): Template | null;
     beforeMount(): void;
@@ -89,13 +90,11 @@ export declare class CompElem<T = HTMLElement> extends HTMLElement implements IC
      */
     _notify(nv: any | undefined, ov: any, chain: string[], subNewValue?: any, subOldValue?: any): void;
     updateProps(props: Record<string, any>): void;
-    _wrapperProp: Record<string, string>;
     _initProps(props: Record<string, any>, attrs?: Record<string, any>): void;
     /**
      * 绑定slot标签，render时调用
      */
     _bindSlot(slot: HTMLSlotElement, name: string, props: Record<string, any>): void;
-    _bindSlotHook(name: string, hook: (...args: any[]) => Template): void;
     _updateSlot(name: string, propName?: string, value?: any): void;
     _asyncDirectives: WeakMap<TplFn, any>;
     renderAsync(cbk: TplFn, ...args: any[]): void;
@@ -107,7 +106,7 @@ export declare class CompElem<T = HTMLElement> extends HTMLElement implements IC
      * @param args 自定义参数
      */
     emit(evName: string, arg?: Record<string, any>, event?: Event): void;
-    _addEvent(evName: string, hook: (e: Event) => void): void;
+    _callEmitEvent(evSrc: number, evName: string, arg: Record<string, any>): void;
     /**
      * 下一帧执行
      * @param cbk

package/IComponent.d.ts

@@ -31,6 +31,11 @@ export interface IComponent<T = HTMLElement> {
     updated(changed: Record<string, any>): void;
     slotChange(slot: HTMLSlotElement, slotName: string): void;
     attributeChangedCallback(attributeName: string, oldValue: string | null, newValue: string | null): void;
+    /**
+     * 初始化组件实例，完成响应属性及参数绑定、执行计算属性及立即执行的监视器、视图等等。
+     * 除非想创建一个全局响应分发器，否则不应该调用该方法
+     */
+    setup(): void;
     /**
      * 抛出自定义事件
      * @param evName 事件名称

package/README.md

@@ -398,8 +398,6 @@ return h` <l-tooltip>
 |ATTR|特性|可用于任何特性值之中，仅能插入一个|`attr="${xxx}"`|
 |PROP|属性|可用于任何属性值之中，必须是组件标签，仅能插入一个|`.value="${xxx}"`|
 |TEXT|文本|标签体内，可插入多个|`<div>${xx1}${xx2}${...}</div>`|
-|CLASS|样式类|用于 class 属性值中，仅能插入一个|`class="a ${b}"`|
-|STYLE|样式规则|用于 style 属性值中，仅能插入一个|`style="a:1;${b}"`|
 |SLOT|插槽|与 TEXT 类似，但标签必须是组件||
 |TAG|标签|直接插入在节点标签上|`<div a="b" ${show(..)}>`|
 
@@ -410,9 +408,9 @@ return h` <l-tooltip>
 | bind    | TAG       | 绑定属性/特性到标签上，根据标签类型及组件 prop 定义自动判断 | `<div a="b" ${bind(obj)}>`                             |
 | show    | TAG       | 隐藏/显示标签（基于 display）                               | `<div a="b" ${show(visible)}>`                         |
 | model   | TAG       | 双向绑定                                                    | `<div a="b" ${model(xx,modelPath?)}>`    
-| classes | CLASS     | 绑定样式类属性，支持对象/数组/字符串。可以和静态字符混用    | `<div class="otherClass ${classes(obj)}>"`             |
-| styles  | STYLE     | 绑定样式规则属性，支持对象/字符串。可以和静态字符混用       | `<div style="a:b;${styles(obj)}>"`                     |
-| forEach | TEXT/SLOT | 输出循环结构                                                | `...>${forEach(ary,(item)=>h`...`)}<...`            |
+| classes | TAG     | 绑定样式类属性，支持对象/数组/字符串。可以和静态字符混用    | `<div class="otherClass" ${classes(obj)}>`             |
+| styles  | TAG     | 绑定样式规则属性，支持对象/字符串。可以和静态字符混用       | `<div style="a:b" ${styles(obj)}>`                     |
+| forEach | TEXT/SLOT | 输出循环结构                                                | `...>${forEach(ary, item=>item.id, (item)=>h`...`)}<...`            |
 | ifTrue  | TEXT/SLOT | 当条件为 true 时输出模板内容                                | `...>${ifTrue(condition,()=>h`...`)}<...`           |
 | ifElse  | TEXT/SLOT | 当条件为 true/false 时输出对应模板内容                      | ` ...>${ifElse(condition,()=>h``,()=>h``)}<... ` |
 | when    | TEXT/SLOT | 多条件分支，支持 switch/ifelse 两种模式                     | ` ...>${when(condition,{c1:()=>h``,c2:...})}<... `  |

package/constants.d.ts

@@ -1,6 +1,6 @@
 import { CompElem } from "./CompElem";
 import { DecoratorWrapper } from "./decorator";
-import { Getter, PropOption, StateOption } from "./types";
+import { Getter, PropOption, StateOption, TplFn } from "./types";
 export declare const SLOT_NAME_DEFAULT = "default";
 /**
  * 共享内容
@@ -35,7 +35,12 @@ export declare const PropShallowKeySetMap: WeakMap<Function, Set<string>>;
 export declare const HasChangedPropOrStateMap: WeakMap<Function, Map<string, Function>>;
 export declare const ComputedUpdateDepsMap: WeakMap<Function, Map<string, Set<Function>>>;
 export declare const CssUpdateDepsMap: WeakMap<Function, Set<string>>;
+export declare const DirectiveScopeMap: Map<Function, string[]>;
 export declare const ComponentDynamicCssUpdaterMap: WeakMap<CompElem<any>, Map<Function, CSSStyleSheet>>;
+export declare const ComponentUninitializedSubComponentPropMap: WeakMap<CompElem<any>, Map<Node, Record<string, any>>>;
+export declare const ComponentUninitializedSlotFunctionMap: WeakMap<Node, Record<string, TplFn>>;
+export declare const ComponentUninitializedWrapperComponentMap: WeakMap<Node, CompElem<any>>;
 export declare const PATH_SEPARATOR = "-";
 export declare const PROP_NAME_SLOTS = "slots";
 export declare const DATA_KEY = "__data_";
+export declare const PLACEHOLDER = "\u27EC\u010A\u27ED";

package/directive/index.d.ts

@@ -1,11 +1,11 @@
 import { CompElem } from "../CompElem";
-import { DirectiveExecutor, DirectiveInstance, EnterPointType, UpdatedSource, UpdatePoint } from "../types";
-export declare const DI_COMMENT_START_NODE_MAP: WeakMap<Node, Node>;
-export declare const TextOrSlotDirectiveExecutorMap: Map<string, DirectiveExecutor>;
-export declare function updateDirective(pointNode: Node, newArgs: any[], oldArgs: any[], executor: DirectiveExecutor, renderComponent: CompElem, slotComponent: CompElem, varChain: any[], up: UpdatePoint, updatedMap?: Record<string, UpdatedSource>): void;
+import { UpdatePoint } from "../render/UpdatePoint";
+import { DirectiveExecutor, DirectiveInstance, EnterPointType, UpdatedSource } from "../types";
+export declare function updateDirective(diFn: Function, pointNode: Node, newArgs: any[], oldArgs: any[], executor: DirectiveExecutor, renderComponent: CompElem, slotComponent: CompElem, varChain: any[], up: UpdatePoint, updatedMap?: Record<string, UpdatedSource>): true | undefined;
 /**
  * 返回指令调用函数
  * @param di
  * @returns
  */
 export declare function directive<T extends Array<any>>(fn: (...args: T) => DirectiveExecutor, scopes: EnterPointType[]): (...args: T) => DirectiveInstance;
+export declare function directiveScopeChecker(diFn: Function, scopeType: string, tagName: string): void;

package/directives/Classes.d.ts

@@ -1,5 +1,5 @@
 /**
- * 根据变量内容自动插入class，仅能用于class属性
+ * 根据变量内容自动插入class，与静态class自动合并
  * @param styles 对象/数组/字符串
  */
 export declare const classes: (clazz: string | Record<string, string | boolean> | string[]) => import("../types").DirectiveInstance;

package/directives/ForEach.d.ts

@@ -1,7 +1,7 @@
-import { TplFn } from "../types";
+import { KeyFn, TplFn } from "../types";
 /**
- * 循环列表并自动优化列表更新
- * foreach循环的只能是节点，且必须有key属性。非节点元素会被过滤掉
- * 使用序号作为key时可能会导致异常问题
+ * 循环节点指令
+ * 1. 支持多根输出
+ * 2.
  */
-export declare const forEach: (value: any[] | Record<string, any>, cbk: TplFn) => import("../types").DirectiveInstance;
+export declare const forEach: (value: any[] | Record<string, any>, keyFn: KeyFn, tmpl: TplFn) => import("../types").DirectiveInstance;

package/directives/Styles.d.ts

@@ -1,5 +1,5 @@
 /**
- * 根据变量内容设置元素样式，仅能用于style属性
+ * 根据变量内容设置元素样式，与静态样式自动合并
  * @param styles 对象/字符串
  */
 export declare const styles: (...args: (string | Record<string, string>)[]) => import("../types").DirectiveInstance;

package/events/event.d.ts

@@ -1,3 +1,4 @@
 import { CompElem } from "../CompElem";
 export type EvHadler = (ev: Event) => any;
-export declare function addEvent(fullName: string, cbk: EvHadler, node: Element, component: CompElem<any>): void | ((remove?: boolean) => void);
+export declare function addEvent(fullName: string, cbk: EvHadler, node: Element, component: CompElem<any>): ((remove?: boolean) => void) | undefined;
+export declare function addEmitEvent(node: Element, component: CompElem<any>, evName: string, c: EvHadler): void;

package/index.d.ts

@@ -1,4 +1,4 @@
-import { buildHTML, createRef, h } from "./render/render";
+import { createRef, h } from "./render/render";
 import { Template } from './render/Template';
 export * from "./decorator/Decorator";
 export * from "./decorator/index";
@@ -24,7 +24,7 @@ export * from "./directives/Show";
 export * from "./directives/Slot";
 export * from "./directives/Styles";
 export * from "./directives/When";
-export { buildHTML, createRef, h, Template };
+export { createRef, h, Template };
 export declare function regComponents(): void;
 export * from './CompElem';
 export * from './types';

package/index.js

@@ -1,7 +1,7 @@
 /**
-   * compelem v0.24.0.1783606236
+   * compelem v0.25.1.1785249888
    * A modern, reactive, fast, lightweight and flexible lib for building web components
    * @holyhigh2
    * git+https://github.com/holyhigh2/compelem.git
    */
-  import t,{toPath as e,some as s,isString as r,isUndefined as n,isBlank as o,closest as i,isObject as a,isFunction as l,startsWith as c,get as u,concat as h,toArray as d,isSymbol as p,isArray as f,defaults as g,merge as _,clone as m,each as v,kebabCase as y,has as E,set as w,includes as b,find as S,debounce as T,throttle as N,once as k,remove as C,map as M,size as A,flatMap as P,test as x,assign as D,first as R,walkTree as L,isEmpty as O,filter as I,isNil as V,camelCase as W,isNull as H,isDefined as U,trim as B,isBoolean as $,parseJSON as j,cloneDeep as F,keys as G,groupBy as z,last as X,reject as K,toString as q,reduce as Q,compact as Y,initial as Z,except as J,join as tt,split as et,isEqual as st,replace as rt,replaceAll as nt,snakeCase as ot,bind as it,isMatch as at,endsWith as lt,isElement as ct,findIndex as ut,call as ht}from"myfx";const dt="default",pt=/\s+\.?key\s*=/;var ft,gt;!function(t){t[t.RENDER=1]="RENDER",t[t.COMPUTED=2]="COMPUTED",t[t.DIRECTIVE=3]="DIRECTIVE"}(ft||(ft={})),function(t){t.Prod="prod",t.Dev="dev"}(gt||(gt={}));const _t=new Map,mt={},vt={},yt=new WeakMap,Et=new WeakMap,wt=new WeakMap,bt=new WeakMap,St=new Map,Tt=new Map,Nt=new WeakMap,kt=new WeakMap,Ct=new WeakMap,Mt=new WeakMap,At=new WeakMap,Pt=new WeakMap,xt=new WeakMap,Dt=new WeakMap,Rt=new WeakMap,Lt=new WeakMap,Ot=new WeakMap,It=new WeakMap,Vt="__data_";function Wt(t){console.error("[CompElem]",t)}function Ht(t,e){console.error(`[CompElem <${t}>]`,e)}function Ut(...t){console.warn("[CompElem]",...t)}function Bt(t,e){console.warn(`[CompElem <${t}>]`,e)}function $t(t){return e(t).join("-")}function jt(t){return Object.getPrototypeOf(t)}function Ft(t){return t===Boolean||s(t,(t=>t===Boolean))}function Gt(t){let e=t;return r(t)&&/(?:^true$)|(?:^false$)/.test(e)?e="true"===e:(n(e)||o(e))&&(e=!0),e}const zt={getNodes(t,e){let s=t.nextSibling;if(!e)return[s];let r=[];for(;s&&s!==e;)r.push(s),s=s?.nextSibling;return r},insertBefore:function(t,e){if(!t.parentNode)return;let s=document.createDocumentFragment();s.append(...e),t.parentNode.insertBefore(s,t)},remove:function(t,e){if(t===e)return void t?.parentNode?.removeChild(t);let s=t.nextSibling;for(;s&&s!==e;)s?.parentNode?.removeChild(s),s=t.nextSibling},clear(t,e){if(!t)return;let s,r=document.createNodeIterator(t,NodeFilter.SHOW_COMMENT);for(r=document.createNodeIterator(t,NodeFilter.SHOW_COMMENT|NodeFilter.SHOW_ELEMENT);s=r.nextNode();)t!==s&&(s instanceof Comment||s instanceof We&&s.destroy())}};function Xt(t,e){let s=i(t,(t=>t.host&&t.host instanceof We),"parentNode");if(!s||s.host!==e)return s?s.host:void 0}function Kt(t,e){let s=e,r=Reflect.get(s[Vt],t);if(Jt.__collecting&&Jt.__varPathList.push(t),se.has(r)){let t=ne.get(r);return t||(t=new Set,ne.set(r,t)),t.add(s.__thisRef),se.get(r)}if(a(r)&&!l(r)&&!(r instanceof Node)&&!Object.isFrozen(r)){let e=xt.get(s.constructor),n=e?.has(t);n||(e=Dt.get(s.constructor),n=e?.has(t)),r=n||"slots"===t?r:oe(r,s,t)}return r}function qt(t,e,s){let r=s;if(!r.__inited)return void Reflect.set(r[Vt],t,e);let n=r[Vt][t],o=Rt.get(r.constructor),i=o?.get(t);if(i){if(!i.call(r,e,n,[t],e,n))return!0}else{if(Object.is(n,e))return!0;if(a(e)&&se.get(n)===e)return!0}Qt(r,e,n,t),Yt(r,t),Zt(r,t),Reflect.set(r[Vt],t,e),r._notify(e,n,[t])}function Qt(t,e,s,r,n,o){let i=jt(t.constructor),a=Ct.get(t.constructor)??Ct.get(i),l=kt.get(t.constructor)??kt.get(i),p=At.get(t.constructor)??At.get(i),f=Mt.get(t.constructor)??Mt.get(i),g=Nt.get(t.constructor)??Nt.get(i);a?.forEach((i=>{(r===i||c(i,r+".")&&!Object.is(u(t._getPrivateData(),i),u(e,i))||c(r,i+".")&&l?.includes(i)&&!Object.is(u(t._getPrivateData(),i),u(e,i)))&&h(d(f[i]),d(p[i])).forEach((a=>{a&&!0!==g.get(i)&&(t._watchUpdateArgsInNextTick?.set(a,{newValue:e,oldValue:s,chain:r.split("."),rootObjNew:n,rootObjOld:o,fullMatch:i===r}),t._watchUpdateSetInNextTick?.add(a),g.has(i)&&g.set(i,!0))}))}))}function Yt(t,e){let s=Lt.get(t.constructor);s?.has(e)&&s.get(e)?.forEach((e=>{t._computedUpdateSetInNextTick.add(e)}))}function Zt(t,e){let s=Ot.get(t.constructor);if(!s)return;let r=e.split("."),n="";r.forEach((e=>{n=n?n+"."+e:e,s.has(n)&&(t._cssUpdateInNextTick=!0)}))}const Jt={popDirectiveQ(){return this.__varPathList.reduceRight(((t,e)=>(t.includes(e)||t.unshift(e),t)),[])},start(){this.__collecting=!0,this.__varPathList=[]},end(t,e){t&&e&&t._regSubViewDeps(Jt.popVarPathList(),e),this.__collecting=!1},popVarPathList(){let t=Array.from(new Set(this.__varPathList));return this.__varPathList=[],t},__varPathList:[],__collecting:!1},te=new WeakMap,ee=new WeakMap,se=new WeakMap,re=new WeakMap,ne=new WeakMap;function oe(t,e,r){if(se.has(t))return se.get(t);if(re.has(t)){if(r){let n=te.get(e);n||(n=new WeakMap,te.set(e,n)),n.set(t,r);let o=ne.get(t);o||(o=new Set,ne.set(t,o)),s(o.values(),(t=>t.deref()===e))||o.add(new WeakRef(e))}return t}const n=new Proxy(t,{get(t,s,r){if(!s)return;const n=Reflect.get(t,s,r);if(p(s))return n;if(l(n))return n;if("length"===s&&f(t))return n;if("__"===s.substring(0,2))return n;if(Jt.__collecting){let t=ee.has(r)?h(ee.get(r)):[];t.push(s);let e=t.join(".");Jt.__varPathList.push(e)}if(se.has(n))return se.get(n);let o=n;if(a(n)&&!l(n)&&!(n instanceof Node)&&!Object.isFrozen(n)){let t=ee.has(r)?h(ee.get(r)):[];o=oe(n,e),t.push(s),ee.set(o,t),se.set(n,o)}return o},set(t,s,r,n){if(!s)return!1;let o=t[s],i=ee.get(n)??[],a=h(i,[s]),l=Rt.get(e.constructor),c=l?.get(a[0]),u=a.length>1,d=r,p=o;if(u&&(p=d=e._getPrivateData()[a[0]]),c){if(!c.call(e,d,p,a,r,o))return!0}else if(Object.is(o,r))return!0;let f=r,g=Reflect.set(t,s,f),_=ne.get(n);return ae(e,f,o,a),_?.forEach((t=>{let e=t.deref();if(!e)return;let s=e._wrapperProp[a[0]],r=a.join(".");r=r.replace(a[0],s),Qt(e,f,o,r),Yt(e,r),Zt(e,r),ie(e,d,p,r.split("."))})),g}});if(ee.has(n)||ee.set(n,r?[r]:[]),se.set(t,n),r&&(re.set(n,e),!te.has(e))){let t=new WeakMap;t.set(n,r),te.set(e,t)}return n}function ie(t,e,s,r,n,o){t._notify(e,s,r)}function ae(t,e,s,r){let n=e,o=s;r.length>1&&(o=n=t._getPrivateData()[r[0]]);let i=r.join(".");Qt(t,e,s,i,n,o),Yt(t,i),Zt(t,i),ie(t,n,o,r)}const le=new Map;class ce{static nextSet=new Set;static nextPending=!1;static next;static flush(){ce.nextPending=!1;let t=Array.from(ce.nextSet);ce.nextSet.clear(),le.clear(),t.forEach((t=>t())),t=null}static pushNext(t){ce.nextSet.add(t),ce.nextPending||(ce.nextPending=!0,ce.next())}}function ue(t){if(1===arguments.length)return(e,s,r)=>{t.required=t.required||!1,t.attribute=!1!==t.attribute,he(e,s,t)};let e=arguments[0],s=arguments[1],r=arguments[2];t={type:void 0,required:!1,attribute:!0},r&&"function"==typeof r.type&&(t=g(r,t),r=void 0),t.shallow=t.shallow||!1,he(e,s,t)}function he(t,e,s,r){let n;if(!wt.has(t.constructor)){const e={};let s=t.constructor;for(;(s=jt(s))!==We;)_(e,m(wt.get(s)??{}));n=new Set,v(e,((t,e)=>{if(t.attribute){let t=y(e);n?.add(t)}})),Tt.set(t.constructor,n),wt.set(t.constructor,e)}if(s.attribute){n||(n=Tt.get(t.constructor));let s=y(e);n?.add(s)}if(s.model){let s=bt.get(t.constructor);s||(s=[],bt.set(t.constructor,s)),s.includes(e)||s.push(e)}if(E(t.constructor,"observedAttributes")||(t.constructor.observedAttributes=[]),n&&(t.constructor.observedAttributes=d(n)),w(wt.get(t.constructor),e,s),s.hasChanged){let r=Rt.get(t.constructor);r||(r=new Map,Rt.set(t.constructor,r)),r.set(e,s.hasChanged)}if(s.shallow){let s=Dt.get(t.constructor);s||(s=new Set,Dt.set(t.constructor,s)),s.add(e)}Reflect.defineProperty(t,e,{get(){return Kt(e,this)},set(s){bt.get(t.constructor)?.includes(e)&&function(t,e,s){s.emit("update:"+t,{value:e})}(e,s,this)}})}(()=>{const t=Promise.resolve(),e=ce.flush;ce.next=()=>{t.then(e)}})();const de=new Set;function pe(t){return Tt.get(t)??de}const fe=["resize","outside","mutate"],ge=new WeakMap,_e=[],me=[],ve=[],ye=new WeakSet,Ee=new ResizeObserver((t=>{for(const e of t){const t=Array.isArray(e.contentBoxSize)?e.contentBoxSize[0]:e.contentBoxSize,s=Array.isArray(e.borderBoxSize)?e.borderBoxSize[0]:e.borderBoxSize;if(!ye.has(e.target)){ye.add(e.target);continue}let r=ge.get(e.target);r&&r({target:e.target,contentBoxSize:t,borderBoxSize:s,type:"resize"})}}));var we;!function(t){t.Child="child",t.Tree="tree",t.Attr="attr",t.Char="char"}(we||(we={}));const be=new WeakMap,Se=new MutationObserver((t=>{for(let e=0;e<t.length;e++){const s=t[e];let r=be.get(s.target);if(!r)return;let n={target:s.target},o=null;switch(s.type){case"subtree":n.type=we.Tree,o=r[we.Tree];break;case"childList":n.type=we.Child,n.addedNodes=s.addedNodes,n.removedNodes=s.removedNodes,o=r[we.Child];break;case"attributes":n.type=we.Attr,n.attributeName=s.attributeName,n.oldValue=s.oldValue,o=r[we.Attr];break;case"characterData":n.type=we.Char,n.oldValue=s.oldValue,o=r[we.Char]}o&&(n.type="mutate",o(n))}}));function Te(e,s,r,n,o){if("resize"===e)return function(t,e){if(ge.has(t))return;ge.set(t,e),Ee.observe(t);let s=Ee;return(e=!1)=>{s.unobserve(t),ge.delete(t),e&&(s=t=null)}}(s,r);if("outside"===e)switch(n[0]){case"mousedown":return function(e,s){return _e.push([e,s]),(r=!1)=>{t.remove(_e,(t=>t[0]===e&&t[1]===s))}}(s,r);case"dblclick":return function(e,s){return ve.push([e,s]),(r=!1)=>{t.remove(ve,(t=>t[0]===e&&t[1]===s))}}(s,r);default:return function(e,s){return me.push([e,s]),(r=!1)=>{t.remove(me,(t=>t[0]===e&&t[1]===s))}}(s,r)}else if("mutate"===e)return function(t,e,s){let r=b(s,"child"),n=b(s,"attr"),o=b(s,"char"),i=b(s,"tree"),a=be.get(t);if(!a)return a={},be.set(t,a),r&&(a[we.Child]=e),n&&(a[we.Attr]=e),o&&(a[we.Char]=e),i&&(a[we.Tree]=e),Se.observe(t,{childList:r,attributes:n,characterData:o,subtree:i}),(e=!1)=>{be.delete(t),e&&(t=null)}}(s,r,n)}document.addEventListener("mousedown",(t=>{let e=u(t.composedPath(),0,t.target);_e.forEach((([s,r])=>{s.contains(e)||s.contains(i(e,(t=>t instanceof ShadowRoot),"parentNode")?.host)||r({type:"outside",target:s,modifier:"mousedown",event:t})}))}),!1),document.addEventListener("click",(t=>{let e=u(t.composedPath(),0,t.target);me.forEach((([s,r])=>{s.contains(e)||s.contains(i(e,(t=>t instanceof ShadowRoot),"parentNode")?.host)||r({type:"outside",target:s,modifier:"click",event:t})}))}),!1),document.addEventListener("dblclick",(t=>{let e=u(t.composedPath(),0,t.target);ve.forEach((([s,r])=>{s.contains(e)||s.contains(i(e,(t=>t instanceof ShadowRoot),"parentNode")?.host)||r({type:"outside",target:s,modifier:"dblclick",event:t})}))}),!1);const Ne=/,|^(debounce:.+)|(debounce$)/,ke=/,|^(throttle:.+)|(throttle$)/,Ce="native",Me={esc:"escape"},Ae=()=>{};function Pe(t,e,s,r){let n,o=t.split("."),i=o.shift(),a=o.includes("once"),l=e??Ae;if(n=S(o,(t=>Ne.test(t)))){let t=n.split(":");l=T(l,parseInt(t[1])||100)}if(n=S(o,(t=>ke.test(t)))){let t=n.split(":");l=N(l,parseInt(t[1])||100)}if(a&&(l=k(l)),s instanceof We&&(s!==r||o.includes(Ce)||o.push(Ce),!o.includes(Ce)))return s._addEvent(i,e);if(function(t){return fe.includes(t)}(i))return Te(i,s,l,o);let c=t=>{if(o.includes("prevent")&&t.preventDefault(),o.includes("stop")&&t.stopPropagation(),!o.includes("self")||t.target===t.currentTarget){if(t instanceof MouseEvent){if(o.includes("left")&&0!=t.button)return;if(o.includes("right")&&2!=t.button)return;if(o.includes("middle")&&1!=t.button)return}else if(t instanceof KeyboardEvent){if(C(o,(t=>"ctrl"==t))[0]&&!t.ctrlKey)return;if(C(o,(t=>"alt"==t))[0]&&!t.altKey)return;if(C(o,(t=>"shift"==t))[0]&&!t.shiftKey)return;if(C(o,(t=>"meta"==t))[0]&&!t.metaKey)return;let e=M(o,(t=>Me[t]||t));if(A(e)>0&&!e.includes(t.key.toLowerCase()))return}l(t)}},u={capture:o.includes("capture")||!1,passive:o.includes("passive")||!1};return s.addEventListener(i,c,u),(t=!1)=>{s.removeEventListener(i,c,u),t&&(s=null)}}const xe={boolean:Boolean,string:String,number:Number,object:Object,array:Array,function:Function,undefined:Object},De=new WeakMap;let Re=[],Le=0;const Oe=new WeakMap,Ie={},Ve="slots";class We extends HTMLElement{static __l_globalRule=document.createElement("style");static defaults(t){Re=P(t.css,(t=>{if(r(t)){let e=new CSSStyleSheet;return e.replaceSync(t),e}return t instanceof CSSStyleSheet?t:[]})),t.global,v(t,((t,e)=>{x(e[0],/[A-Z]/)}))}#t;#e={};__data_={};#s={};#r;__updateTree;_eventBindList;_listerners={};__docoEventMap;__updateSubViewDeps;_cssUpdateInNextTick=!1;_cssVarOldValueMap;__cssSheets;_watchUpdateSetInNextTick;_watchUpdateArgsInNextTick;_computedUpdateSetInNextTick;get[Symbol.toStringTag](){return this.constructor.name}get cid(){return this.#t}get attrs(){return this.#n}get props(){return this.#o}get renderRoot(){return this.#i?.deref()}get renderRoots(){return this.#a.flatMap((t=>t.deref()??[]))}get parentComponent(){return this.#l?.deref()}get wrapperComponent(){return this.__wrapperComponent?.deref()}get slots(){return Ie}get slotHooks(){return this.#c}get cssSheets(){return De.get(this.constructor)}get globalCssSheet(){return We.__l_globalRule.sheet}get isMounted(){return this.#u}#n;#o;#i;#a;#l;__wrapperComponent;#h={};#c={};#d={};#u=!1;#p=!1;#f;static get css(){return[]}static get globalCss(){}static get hostCss(){}get cssVars(){return{}}__inited=!1;#g=!1;#_;__thisRef;constructor(...t){super(),this.#t=Le++,this.__updateTree=[],this.__thisRef=new WeakRef(this),this.#_=this.#m.bind(this),1===A(t)&&(this.#o={},D(this.#o,R(t))),Reflect.getOwnPropertyDescriptor(this.constructor.prototype,"slots")||Reflect.defineProperty(this.constructor.prototype,"slots",{get(){return Kt("slots",this)},set(t){qt("slots",t,this)}});let e=St.get(this.constructor)??St.get(jt(this.constructor));e&&e.sort(((t,e)=>e.priority-t.priority)).forEach((t=>t.create(this))),this.#v=this.#y.bind(this)}insertStyleSheet(t){if(!this.#r)return null;let e;if(r(t)){e=new CSSStyleSheet;try{e.replaceSync(t)}catch(t){}}else{if(this.#r.adoptedStyleSheets.includes(t))return t;e=t}return this.#r.adoptedStyleSheets=[...this.#r.adoptedStyleSheets,e],e}get rootComponent(){let t=this;for(;t.parentComponent;)t=t.parentComponent;return t}#v;connectedCallback(){let t=i(this.parentNode,(t=>t instanceof We||t.host instanceof We),"parentNode");this.#l=t?t instanceof We?new WeakRef(t):new WeakRef(t.host):void 0,We.__l_globalRule.parentNode||document.head.appendChild(We.__l_globalRule);let e=u(this.constructor,"hostCss"),s=u(this.constructor,"hostCssSheet");if(e){s||(r(e)?(s=new CSSStyleSheet,s.replaceSync(e)):s=e,w(this.constructor,"hostCssSheet",s));let t=this.__wrapperComponent?.deref()?.shadowRoot??this.#l?.deref()?.shadowRoot??this.ownerDocument;this.__wrapperComponent&&!this.__wrapperComponent.deref()?.shadowRoot?.contains(this)&&(t=i(this,(t=>t instanceof HTMLDocument||t instanceof ShadowRoot),"parentNode")),t&&s&&!t.adoptedStyleSheets.includes(s)&&(t.adoptedStyleSheets=[...t.adoptedStyleSheets,s])}this.__init(),this.__bindEvents()}disconnectedCallback(){this.__unbindEvents()}__bindEvents(){let t=this._eventBindList;v(t,(t=>{let[e,s,r,n]=t;if(n)return;if(!r)return;let o=Pe(e,s?s.bind(this):s,r,this);t[3]=o}));let e=_t.get(this.constructor);A(e)>0&&(this.__docoEventMap||(this.__docoEventMap=new Map),v(e,(({name:t,targetFn:e,fnName:s})=>{if(this.__docoEventMap.has(t+"@"+s))return;let r=e?e(this):this,n=u(this,s),o=Pe(t,n?n.bind(this):n,r,this);this.__docoEventMap.set(t+"@"+s,o)})))}__unbindEvents(){v(this._eventBindList,(t=>{let[,,,e]=t;e&&e(),t[3]=null}));let t=[];v(this.__docoEventMap,((e,s)=>{e&&e(),t.push(s)})),t.forEach((t=>this.__docoEventMap.delete(t)))}beforeDestroyed(){}destroyed(){}get isDestroyed(){return this.#E}#E=!1;destroy(){if(this.#E)return;this.#E=!0;let t=St.get(this.constructor)??St.get(jt(this.constructor));if(t&&t.sort(((t,e)=>e.priority-t.priority)).forEach((t=>{t.destroy(this)})),this.beforeDestroyed(),this.__unbindEvents(),this._listerners=null,this.__docoEventMap?.clear(),this.__docoEventMap=this._eventBindList=null,It.get(this)?.clear(),It.delete(this),this._watchUpdateArgsInNextTick?.clear(),this._watchUpdateSetInNextTick?.clear(),this._computedUpdateSetInNextTick?.clear(),this._computedUpdateSetInNextTick=null,this.__cssSheets=null,this.__updateSubViewDeps?.clear(),this.#l){let t=this.#l.deref();t&&L(t.__updateTree,(e=>{e.__destroyed||e.node?.deref()===this&&(e.destroy(t),C(e.parent?e.parent.children:t.__updateTree,(t=>t===e)))}))}v(this.__updateTree,(t=>t?.destroy(this))),v(this.#h,(t=>{Oe.delete(t),t.remove()})),v(this.#d,(t=>{v(t,(t=>t.remove()))})),v(this.__data_.slots,((t,e)=>{v(t,(t=>t.remove()))})),this.#w.clear(),this.#d=this.#h=this.#w=this.#e=this.__data_.slots=null,this.remove(),this._wrapperProp=this.#b=this.#i=this.#a=this.#r=this.#s=this.#n=this.#o=this.#i=this.#a=this.#c=this.#v=this.__data_=this.__updateTree=this.#l=this._asyncDirectives=this.__wrapperComponent=null,this.destroyed()}__init(){if(this.__inited)return;if(this.#g)return;this.#g=!0;let t=u(this.constructor,"globalCss");O(t)||!r(t)||u(this.constructor,"_globalRuleInserted")||(We.__l_globalRule.textContent+=t,w(this.constructor,"_globalRuleInserted",!0));let e=De.get(this.constructor),s=e??[];e||(v(u(this.constructor,"css"),(t=>{if(r(t)){let e=new CSSStyleSheet;e.replaceSync(t),s.push(e)}else l(t)||s.push(t)})),De.set(this.constructor,s));const n=this.#S();this.propsReady(n);for(const t in n){const e=n[t];this.__data_[t]=e}this.#T(),this.__data_.slots={},Reflect.defineProperty(this.__data_,"__isData",{enumerable:!1,value:!0});let i=jt(this.constructor);if(Ct.get(this.constructor)??Ct.get(i)){this._watchUpdateSetInNextTick=new Set,this._watchUpdateArgsInNextTick=new Map;let t=Nt.get(this.constructor)??Nt.get(i),e=Pt.get(this.constructor)??Pt.get(i);v(e,((e,s)=>{let r=u(this,s);e.forEach((t=>{t.call(this,r,void 0,s)})),t.has(s)&&t.set(s,!0)}))}let a=D({},yt.get(this.constructor),yt.get(i));if(a){this._computedUpdateSetInNextTick=new Set;let t=Lt.get(this.constructor);t?v(a,((t,e)=>{this[Vt][e]=t.call(this)})):(t=new Map,Lt.set(this.constructor,t),v(a,((e,s)=>{w(e,"key",s),Jt.start(),this[Vt][s]=e.call(this),Jt.end(),Jt.popVarPathList().forEach((s=>{let r=t.get(s);r||(r=new Set,t.set(s,r)),r.add(e)}))})))}Jt.start();let c=this.render();Jt.end();let h,d=Jt.popVarPathList();this.constructor.prototype._viewDeps||(this.constructor.prototype._viewDeps=d),null===c?(this.#a=[],this.#i=void 0):(this.#r=this.attachShadow({mode:"open"}),this.#r.adoptedStyleSheets=[...Re,...De.get(this.constructor)??[]],h=function(t,e){let s,r=[];if(as.has(e.constructor)){s=fs(r,as.get(e.constructor),us(e,t),e)}else{let[n,o]=ls(e,t);as.set(e.constructor,n),s=fs(r,n,o,e)}return e.__updateTree=r,s}(c,this),h&&(this.#a=I(h,(t=>t.nodeType===Node.ELEMENT_NODE)).map((t=>new WeakRef(t))),this.#i=this.#a[0])),this.__inited=!0,this.#N(),v(this.#c,((t,e)=>{this.#k(e)}));const p=this;let f=St.get(this.constructor)??St.get(jt(this.constructor));f&&f.sort(((t,e)=>e.priority-t.priority)).forEach((t=>{t.beforeMount(this,((t,e)=>(p.__data_[t]=e,p.__data_[t])))})),this.beforeMount(),setTimeout((()=>{if(!this.isDestroyed){if(this.#u=!0,this.#r){Jt.start();let t=this.cssVars;if(Jt.end(),!O(t)){this._cssVarOldValueMap={};let e=Ot.get(this.constructor);e||(e=new Set(Jt.popVarPathList()),Ot.set(this.constructor,e));let s="";v(t,((t,e)=>{let r="--"+y(e).replace(/^-+/,"");(o(t)||V(t))&&(t="initial"),this._cssVarOldValueMap[r]=t,s+=";"+r+":"+t})),this.style.cssText+=s}}h&&this.#r.append(...h),f&&f.forEach((t=>{t.mounted(this,((t,e)=>(p.__data_[t]=e,p.__data_[t])))})),this.#f&&this.#f.forEach((t=>ce.pushNext(t))),this.#p&&ce.pushNext(this.#v),this.__bindEvents(),this.mounted()}}),0)}propsReady(t){}render(){return null}beforeMount(){}mounted(){}#m(t){let e=t.currentTarget,s="";v(this.#h,((t,r)=>{if(t===e)return s=r,!1})),this.__inited&&this.#C(e,s===dt?"":s)}#C(t,e){this.#N();let s=u(this.#e[e],"props");s&&v(this.slots,((t,e)=>{t.filter((t=>t.nodeType===Node.ELEMENT_NODE)).forEach((t=>{t instanceof We?t.updateProps(s):v(s,((e,s)=>{if(t instanceof HTMLSlotElement){let r=Oe.get(t);if(r){let n=t.name||dt,o=r.#e[n];o||(o=r.#e[n]={props:{}}),o.props||(o.props={}),o.props[s]=e,r.#C(t,n)}}else t.setAttribute(s,e)}))}))})),this.slotChange(t,e)}slotChange(t,e){}attributeChangedCallback(t,e,s){if(!this.__inited)return;if(Object.is(s,e))return;"undefined"===s&&(s=null);let r=W(t);if(Ft(wt.get(this.constructor)[r].type)){let t=!H(s)&&Gt(s);if(u(this,r)===t)return}this.#M(t,e,s)}shouldUpdate(t){return!0}updated(t){}_notify(t=void 0,e,s,r,n){let o=[];for(let i=0;i<s.length;i++){const a=s[i];o.push(a);let l=u(this,o)??t,c=$t(o);this.#s[c]={value:l,chain:c===Ve?[Ve]:o,oldValue:e,end:o.length===s.length,subNewValue:r,subOldValue:n}}this.isMounted?ce.pushNext(this.#v):this.#p=!0}#y(){if(A(this.#s)<1)return;if(!this.isMounted)return;const t=this.#s;if(this.#s={},!this.shouldUpdate(t))return;let e=St.get(this.constructor)??St.get(jt(this.constructor));e&&e.sort(((t,e)=>e.priority-t.priority)).forEach((e=>{e.updated(this,t)}));let s=!1,r=new Set,n=this.constructor.prototype._viewDeps;if(v(t,((t,e)=>{if(!s&&n?.includes(e)&&(s=!0),this.__updateSubViewDeps?.has(e)){let t=this.__updateSubViewDeps.get(e);t&&t.forEach((t=>{r.add(t)}))}})),this._watchUpdateSetInNextTick?.forEach((t=>{let{newValue:e,oldValue:s,chain:r,rootObjNew:n,rootObjOld:o,fullMatch:i}=this._watchUpdateArgsInNextTick.get(t),a=i?e:n,l=i?s:o;t.call(this,a,l,r,e,s)})),this._watchUpdateSetInNextTick?.clear(),this._watchUpdateArgsInNextTick?.clear(),this._computedUpdateSetInNextTick?.forEach((t=>{let e=u(t,"key"),s=this.__data_[e],r=t.call(this);(a(r)||r!==s)&&(this.__data_[e]=r,this._notify(r,s,[e]))})),this._computedUpdateSetInNextTick?.clear(),this._cssUpdateInNextTick){let t=this.cssVars;v(t,((t,e)=>{let s="--"+y(e).replace(/^-+/,"");this._cssVarOldValueMap[s]!=t&&((o(t)||V(t))&&(t="initial"),this._cssVarOldValueMap[s]=t,this.style.setProperty(s,t+""))}))}this.#i?.deref()&&(s&&_s(this.render(),this,this.__updateTree,r,t),A(r)>0&&r.forEach((e=>{ms(e,this,void 0,t)}))),this.#w.forEach((t=>{this.#k(t)})),this.updated(t)}#S(){let t=wt.get(this.constructor)??wt.get(jt(this.constructor)),e=this.attributes,s=this.tagName,r=this.#o,o={};v(e,(({name:e,value:s})=>{if(e[0]===Qe||e[0]===Ye||e[0]===Ze||e===es||"slot"===e)return;let r=W(e);t&&!t[r]&&(o[e]=s)})),this.#n=this.#n?D(this.#n,o):o;let i={};if(!t)return i;let l=Object.keys(t),c=l.length;for(let o=0;o<c;o++){const c=l[o],h=y(c),d=this.hasAttribute(h);let p,g=t[c],_=E(r,c),m=u(this,c);if(!("_defaultValue"in g)&&(g._defaultValue=m,!g.type)){n(m)&&Ht(s,"Prop '"+c+"' has neither propType nor defaultValue be used for type inference");let t=typeof m;f(m)&&(t="array");let e=xe[t];g.type=e}if(_)p=V(r[c])?m:r[c];else{p=m;let t=e.getNamedItem(h)||e.getNamedItem(Ye+h)||e.getNamedItem(h+Ye);t&&(_=!0,p=t.value)}if(g.required&&!_){Ht(s,"Prop '"+c+"' is required");break}p=this.#A(t,c,p,d),g.attribute&&U(p)&&!a(p)&&this.#P(g,c,p),this.__data_[c]=p,i[c]=p,delete this[c]}return i}#P(t,e,s){let r=y(e),n=B(s);Ft(t.type)?(n=Gt(s),$(n)?n&&!this.hasAttribute(r)?this.toggleAttribute(r,!0):!n&&this.hasAttribute(r)&&this.toggleAttribute(r,!1):this.getAttribute(r)!==n&&this.setAttribute(r,n)):this.getAttribute(r)!==n&&this.setAttribute(r,n)}#x(t,e){let s=t;try{for(let r=0;r<e.length;r++){const n=e[r];s=n===Boolean?Gt(t):n===Number?Number(t):n===String?String(t):n===Object||n===Array?j(t):n===Date?new Date(t):new n(t)}}catch(e){Ht(this.tagName,"Convert attribute error with "+t)}return s}#A(t,e,n,o){let i=t[e];if(!i)return n;let a=i.isValid,l=i.type,c=f(l)?l:[l],u=i.converter,h=n;if(!s(c,(t=>t===String))&&r(h)&&!H(h))try{h=u?u(h):this.#x(h,c)}catch(t){Ht(this.tagName,`Convert attribute '${e}' error with `+h)}for(let t=0;t<c.length;t++){"Boolean"===c[t].name&&o&&(h=Gt(h))}if(V(h))return h;let d=typeof h,p=!U(h);for(let t=0;t<c.length;t++){const e=c[t];if(x(d,e.name,"i")||h instanceof e||Object.prototype.toString.call(h)===Object.prototype.toString.call(e.prototype)){p=!0;break}}return p||Ht(this.tagName,`Invalid prop '${e}'. expected '${c.map((t=>t.name||t))}' but got '${d}'`),a&&(a.call(this,h,this.__data_)||Ht(this.tagName,`Invalid prop '${e}'. IsValid() check failed`)),h}#T(){let t=Et.get(this.constructor)??Et.get(jt(this.constructor));t&&v(t,((e,s)=>{let r=t[s],n=u(this,s);if(r){let t=r.prop;n=t?F(this.__data_[t]):u(this,s)}this.__data_[s]=n,delete this[s]}))}#b=T(this.propsReady,100);updateProps(t){let e=wt.get(this.constructor);if(!e)return;if(!this.__inited)return void D(this.#o,t);let s=[];v(t,((t,r)=>{let n=W(r),o=e[n];if(!o)return;t=this.#A(e,n,t);let i=this.__data_[n],l=Rt.get(this.constructor),c=l?.get(n);if(c){if(!c.call(this,t,i,[n],t,i))return!0}else if(a(t)){let e=Dt.get(this.constructor);if(e?.has(n)&&Object.is(i,t))return!0}else if(Object.is(i,t))return!0;o.attribute&&U(t)&&!a(t)&&s.push([o,n,t]),w(this.__data_,n,t),ae(this,t,i,[n])})),D(this.#o,t),s.forEach((([t,e,s])=>{this.#P(t,e,s)})),this.#o&&this.#b(this.#o)}_wrapperProp={};_initProps(t,e){this.#o=_(this.#o||{},t),this.#n=_(this.#n||{},e),v(t,((t,e)=>{if(a(t)){let s=ee.get(t);if(s){let t=s.join("-");this._wrapperProp[t]=e;let r=this.wrapperComponent?Et.get(this.wrapperComponent?.constructor):null,n=s[0];if(r&&r[n]){let t=wt.get(this.constructor);w(t,[e,"shallow"],r[n].shallow)}}}}))}_bindSlot(t,e,s){this.#h[e]||(this.#h[e]=t,Oe.set(t,this));let r="slotchange",n=Pe(r,this.#_,t,this);if(this._eventBindList.push([r,this.#_,t,n]),!O(s)){let t=this.#e[e];t||(t=this.#e[e]={}),t.props=s}}_bindSlotHook(t,e){this.#c[t]=e}#w=new Set;_updateSlot(t,e,s){let r=this.#h[t],n=this.#c[t];if(!n&&!r)return;let o=this.#e[t];if(e&&(o.props||(o.props={}),o.props[e]=s),n)this.#w.add(t);else{let t=r.assignedElements({flatten:!0});for(let r=0;r<t.length;r++){t[r].setAttribute(e,s+"")}}}#N(){if(!this.#i)return;let t=G(this.#h);if(O(t))return;const e=P(this.childNodes,(t=>t.nodeType===Node.COMMENT_NODE?[]:t instanceof HTMLSlotElement?t.assignedNodes({flatten:!0}):t));let s=z(e,(e=>{if(e.nodeType===Node.TEXT_NODE&&t.includes(dt))return dt;if(e instanceof Element){let s=e.getAttribute("slot")||dt;if(t.includes(s))return s}}));if(O(s))return void(this.slots={});v(s,((t,e)=>{if(e){for(;t.length>0;){let e=t[0];if(!(e.nodeType===Node.TEXT_NODE&&o(e.textContent)||e instanceof HTMLSlotElement&&O(e.assignedNodes({flatten:!0}))))break;t.shift()}for(;t.length>0;){let e=X(t);if(!(e.nodeType===Node.TEXT_NODE&&o(e.textContent)||e instanceof HTMLSlotElement&&O(e.assignedNodes({flatten:!0}))))break;t.pop()}}}));let r={};v(s,((t,e)=>{O(t)||(r[e]=t)})),this.slots=r}#k(t){let e=this.#c[t];if(!e)return;let s=this.#e[t];if(!this.__data_.slots)return;if(!this.__data_.slots[t])return;this.renderAsync(e,u(s,"props"));const r=this._asyncDirectives.get(e);let n=r?.buildView(e(u(s,"props"))),o=K(d(n),(t=>t.nodeType===Node.COMMENT_NODE));if(o){let e=this.#d[t];if(!O(e))for(let t=0;t<e.length;t++){const s=e[t];s.parentNode?.removeChild(s)}this.#d[t]=o,this.append(...o),this.#w.clear()}}_asyncDirectives=new WeakMap;renderAsync(t,...e){}#M(t,e,s){if(!this.__inited)return;if(pe(this.constructor).has(t)){let e=W(t);if(H(s)){let t=wt.get(this.constructor);t&&(s=t[e]._defaultValue)}this.updateProps({[e]:s})}}_regSubViewDeps(t,e){this.__updateSubViewDeps||(this.__updateSubViewDeps=new Map),t.forEach((t=>{let s=this.__updateSubViewDeps.get(t);s||(s=new Set,this.__updateSubViewDeps.set(t,s)),s.add(e)}))}_getPrivateData(){return this.__data_}emit(t,e={},s){s&&(e.event=s),e.target=this,E(this.#n,"emit-native")?this.dispatchEvent(new CustomEvent(t,{bubbles:!1,composed:!1,cancelable:!0,detail:e})):this._listerners[t]&&this._listerners[t](e)}_addEvent(t,e){this._listerners||(this._listerners={}),this._listerners[t]=e}nextTick(t){if(!this.isMounted)return this.#f||(this.#f=[]),void this.#f.push(t);ce.pushNext(t)}forceUpdate(){v(this.__data_,((t,e)=>{this.#s[e]={value:void 0,chain:void 0}})),this.#y()}}class He{strings;vars;constructor(t,e){this.strings=h(t),this.vars=e}getKey(){let t=this.vars,e="";return v(this.strings,((s,r)=>{if(pt.test(s))return e=q(t[r]),!1})),e}getKeys(){let t=this.vars,e=[];for(let s=0;s<this.strings.length;s++){const r=this.strings[s];if(pt.test(r)){let r=q(t[s]);e.push(r)}}return O(e)&&t.forEach((t=>{if(t instanceof He){let s=t.getKey();e.push(s)}})),e}append(t){let e=X(this.strings);return t.strings.forEach(((t,s)=>{0!=s?this.strings.push(t):this.strings[this.strings.length-1]=e+t})),this.vars=h(this.vars,t.vars),this}insert(t,e){let s=e.strings.shift();return this.strings[t]+=s,this.strings.splice(t+1,0,...e.strings),this.vars.splice(t,0,...e.vars),this}getHTML(t){let[e,s]=ls(t,this),r=fs([],e,s,t);return Q(r,((t,e)=>t+(e.nodeType==Node.TEXT_NODE?e.nodeValue:e.outerHTML??"")),"")}flatVars(t){let e=h(this.vars),s=this.strings.length-1,r=0;for(let n=0;n<=s;n++){let s=u(e,r,"");if(s instanceof He&&s.vars.length>0){let[n,o]=ls(t,s);s=n,e.splice(r,1,...o),r+=o.length-1}r++}return e}destroy(){this.strings=this.vars=null}}var Ue,Be;!function(t){t.ATTR="attr",t.PROP="prop",t.TEXT="text",t.CLASS="class",t.STYLE="style",t.SLOT="slot",t.TAG="tag"}(Ue||(Ue={})),function(t){t.NONE="NONE",t.REMOVE="REMOVE",t.REPLACE="REPLACE",t.UPDATE="UPDATE",t.APPEND="APPEND"}(Be||(Be={}));class $e{key;varIndex;value;node;attrName;attrTmpl;isText=!1;isDirective=!1;isComponent=!1;isProp=!1;isToggleProp=!1;isPlaceholder;__destroyed=!1;directiveOldValue;children;parent;constructor(t,e,s,r){this.varIndex=t,e&&(this.node=e),s&&(this.attrName=s),r&&(this.attrTmpl=r)}static createFrom(t){let e=new $e(t.varIndex,t.node,t.attrName,t.attrTmpl);return e.key=t.key,e.value=t.value,e.isText=t.isText,e.isDirective=t.isDirective,e.isComponent=t.isComponent,e.isProp=t.isProp,e.isToggleProp=t.isToggleProp,e.isPlaceholder=t.isPlaceholder,e}destroy(t){if(this.__destroyed)return;this.__destroyed=!0;let e=this.node,s=this.children;this.parent;if(this.node=this.value=this.directiveOldValue=this.children=this.parent=null,!e)return;let r=s;r?.forEach(((e,s)=>{e.destroy(t)})),e instanceof We&&e.destroy(),t&&zt.clear(e.deref(),t),e.deref()?.remove()}insert(t){t.parent=this,this.children||(this.children=[]),this.children.push(t)}}const je=new WeakMap,Fe=new Map;var Ge;!function(t){t.AFTER_BEGIN="afterbegin"}(Ge||(Ge={}));let ze={};function Xe(t,e,s,r,n,o,i,a,l){let c,h=u(r,"__scope","");if([Ue.TEXT,Ue.SLOT].includes(h)?(Jt.start(),c=r(t,e,s,{renderComponent:n,slotComponent:o,varChain:i,updatedMap:l,pointType:h}),Jt.end(n,a)):c=r(t,e,s,{renderComponent:n,slotComponent:o,varChain:i,updatedMap:l,pointType:h}),!c)return;let[p,f]=c;if(p===Be.NONE)return;let g=je.get(t),_=zt.getNodes(g,t),m=a.children;if(p===Be.REMOVE){for(let t=0;t<_.length;t++){const e=_[t];e.remove(),e instanceof We&&e.destroy()}m?.forEach(((t,e)=>{t.destroy(n)}))}else if(p===Be.REPLACE){let e=[];for(let t=0;t<_.length;t++){const e=_[t];e.parentNode?.removeChild(e),e instanceof We&&e.destroy()}m?.forEach(((t,e)=>{t.destroy(n)}));let s=gs(t,f,n,a,!0);e=d(s);let r=document.createDocumentFragment();r.append(...e),t.parentNode.insertBefore(r,t)}else if(p===Be.UPDATE){let e,s={},r=[],o=[];if(f||(f=new He([],[])),O(_)){let e=gs(t,f,n,a,!0);return void g.after(...e)}let i={};f instanceof He&&f.vars.forEach((t=>{if(t instanceof He){const e=t.getKey();if(!e)return;i[e]=t,s[e]=!0,o.push(e)}})),_=I(Y(_),(t=>t.nodeType===Node.ELEMENT_NODE)),e=I(Y(d(e)),(t=>t.nodeType===Node.ELEMENT_NODE));let l={},c="",u={};for(let t=0;t<_.length;t++){let e=_[t],s=e.getAttribute("key");if(!V(s)){if(l[s]){c=s;break}l[s]=e,r.push(s),u[s]=!0}}if(c)return void Wt(`${W(t.nodeValue)} - duplicate key '${c}'`);let h=s,p=[],y=[];v(u,((t,e)=>{h[e]||(y.push(e),delete u[e],C(r,(t=>t===e)))}));let E,w=!1;if(!O(o)){let t=-1,e=[],s=[],n=0,i=0;for(;i<o.length;i++){const a=o[i];let c=r.findIndex((t=>t===a));if(c<0){let t=o[i-1],e=t?l[t]||t:g;p.push({prevNode:e,newkey:a}),n++}else if(c>-1&&c!==i-n){if(t<0||1===Math.abs(t-c)){let t=X(e);e.push({nodeId:a,targetId:0===i?Ge.AFTER_BEGIN:t?t.nodeId:o[i-1]})}else s.push({moveGroup:e,moveIndex:i+e.length}),e=[],e.push({nodeId:a,targetId:o[i-1]});t=c}}if(e.length>0&&s.push({moveGroup:e,moveIndex:i+e.length}),s.length>0){w=!0;let t=s.sort(((t,e)=>t.moveGroup.length-e.moveGroup.length));if(t.length<2){let{moveGroup:e}=t[0];if(e.length>1){let t=X(e).targetId;e[e.length-2].nodeId===t&&(e=Z(e))}e.forEach((({targetId:t,nodeId:e})=>{let s,r=l[e];t===Ge.AFTER_BEGIN?(s=g,s.after(r)):l[t]&&(s=l[t],s.after(r))}))}else{let e=X(t).moveIndex;1===Math.abs(t[t.length-2].moveIndex-e)&&(t=Z(t)),t.forEach((({moveGroup:t})=>{t.forEach((({targetId:t,nodeId:e})=>{let s,r=l[e];t===Ge.AFTER_BEGIN?(s=g,s.after(r)):(s=l[t],s.after(r))}))}))}}}if(y.forEach((t=>{let e=l[t];if(e&&e.parentNode){l[t]=null,e.remove();let s=C(m,(e=>e.key==t));s.forEach((t=>t.destroy(n)))}})),p.length>0&&(E=function(t,e,s,r,n,o){const i=[],a=[],l=[];let c,u=[];t.forEach((t=>{let s=X(u);s&&c===t.prevNode?(s.group||(s.group=[c]),s.group.push(t.newkey)):u.push(t),c=t.newkey;let r=t.newkey;l.push(r),i.push(""),a.push(e[r])})),i.push("");let h=gs(r,new He(i,a),s,o,!0),d=new Map;return h.forEach((t=>{const e=t.getAttribute("key");l.includes(e)&&(d.set(e,!0),n[e]=t)})),u}(p,i,n,t,ze,a),E.forEach(((e,s)=>{let r=e.newkey,n=ze[r],o=e.prevNode;if(e.group){let t=document.createDocumentFragment();t.append(...M(e.group,(t=>ze[t]))),n=t}o===t?o.before(n):o===g?o.after(n):"string"==typeof o?ze[o].after(n):o.after(n)})),ze=null,ze={}),f.vars[0]instanceof He){let t=[],e=[];v(f.vars,(s=>{e.push(...s.vars),t.push(...M(s.vars,(t=>"1")))})),t.push("1"),f=new He(t,e)}if(w||y.length>0||E){const t=z(m,(t=>t.key));let e=[],s=0;o.forEach((r=>{t[r]&&t[r].forEach((t=>{t.varIndex=s++,e.push(t)}))})),J(m,e).forEach((t=>t.destroy(n))),a.children=e}ms(a,n,f)}}let Ke=0;function qe(t,e){let s=t.name||"Di-"+Ke++,r=Symbol.for(s);return(...n)=>{let o=t(...n);return(b(e,Ue.TEXT)||b(e,Ue.SLOT))&&Fe.set(s,o),w(o,"__scope",e[0]),[r,n,o,(t,e)=>{},Jt.popDirectiveQ()]}}const Qe="@",Ye=".",Ze="?",Je="*",ts=":",es="ref",ss="key",rs=/(<\/?)\s*([A-Z][A-Za-z0-9]*)([\s>])/gm,ns=/\s+([\.?@*])?((?:[a-zA-Z]*[A-Z][^\s<>="']+))(?=[\s=>])/gm,os=/<\s*[a-z0-9-]+([^>]*<\!--c_ui-pl_df-->)*[^>]*?(?<!-)>/gims,is="slot-props",as=new Map;function ls(t,e){let s="",r=h(e.vars),n=e.strings.length-1,o=e.vars.length-1,i=0;for(let a=0;a<=n;a++){const n=e.strings[a];let l=u(r,i,"");if(l instanceof He){let[e,s]=ls(t,l);l=e,r.splice(i,1,...s),i+=s.length-1}else l=a>o?"":hs;i++,s=s+n+l}let a=0;return s=s.replace(os,((t,e)=>nt(t,hs,(()=>hs.replace("--\x3e","")+a++)))),s=s.replace(ys,"$1><").trim(),s=cs(s),[s,r]}function cs(t){return r(t)?t=(t=t.replace(ns,((t,e,s)=>` ${e??""}${y(s)}`))).replace(rs,((t,e,s,r)=>e+mt[s]+r)):t+""}function us(t,e){let s=h(e.vars),r=e.strings.length-1;for(let n=0;n<=r;n++){let r=u(e.vars,n,"");if(r instanceof He){let e=us(t,r);s.splice(n,1,...e)}}return s}const hs="\x3c!--c_ui-pl_df--\x3e",ds="\x3c!--c_ui-pl_df",ps=/<!--c_ui-pl_df\d*(-->)?/;function fs(t,e,s,r){const n=document.createElement("div");n.innerHTML=e;let o=r._eventBindList;o||(o=r._eventBindList=[]);const i=document.createNodeIterator(n,NodeFilter.SHOW_ELEMENT|NodeFilter.SHOW_COMMENT);let a,l,u=0,h=null,d="";for(;a=i.nextNode();){if(l&&!l.contains(a)&&(l=void 0),a instanceof HTMLElement||a instanceof SVGElement){a instanceof We&&(l=a);let e={},n=M(a.attributes,(t=>({name:t.name,value:t.value})));for(let i=0;i<n.length;i++){const g=n[i];let{name:_,value:m}=g;if(_!==is)if(c(_,ds)){let e=s[u];if(f(e)&&p(e[0])){let[,s,n,o,i]=e;o(Ue.TAG,r.tagName);let c=new $e(u,new WeakRef(a));c.isDirective=!0,c.value=e,c.isComponent=!!l,t.push(c),h&&h?.contains(a)&&(c.key=d),u++,n(a,s,void 0,{renderComponent:r,slotComponent:l,varChain:i,pointType:Ue.TAG})}a.removeAttribute(_)}else if(_[0]!==Qe)if(_!==es)if(_!==ss)if(X(_)!==Ye){if(ps.test(m)){let n=s[u],o=new $e(u,new WeakRef(a),_.replace(/\.|\?|@/,""),m);if(o.isComponent=!!l,h&&h?.contains(a)&&(o.key=d),_[0]===Ye||_[0]===Ze||_[0]===Je){if(f(n)&&p(n[0])){let[,t,e,s,i]=n,c=Ue.PROP,u=_.substring(1);u!==Ue.STYLE&&u!==Ue.CLASS||(c=u),s(c,r.tagName),e(a,t,void 0,{renderComponent:r,slotComponent:l,varChain:i,attrName:u,pointType:c}),o.value=n,o.isDirective=!0}else if(_[0]===Ze){o.isToggleProp=!0,o.value=!!n;let t=_.substring(1);o.value&&a.setAttribute(t,n)}else if(_[0]===Je){o.value=n;let t=_.substring(1);const[e,s]=t.split(ts);let r=e;switch(s){case"camel":r=W(r);break;case"kebab":r=y(r);break;case"snake":r=ot(r)}o.attrName=r,a.setAttribute(r,n)}else{let t=W(_.substring(1));o.value=n,o.isProp=!0,e[t]=n}a.removeAttribute(_),n=""}else{let t,e;o.value=n;let s="";if(f(n)&&p(n[0])){s=Ue.ATTR,_===Ue.CLASS?s=Ue.CLASS:_===Ue.STYLE&&(s=Ue.STYLE);let[,r,i,a]=n;o.isDirective=!0,o.attrName=_,e=r,t=i,n=""}m=rt(m,ps,n),a.getAttributeNode(_).value=m,U(m)&&a.setAttribute(_,m),t&&t(a,e,void 0,{renderComponent:r,slotComponent:l,pointType:s})}t.push(o),u++}}else e[_.substring(0,_.length-1)]=m,a.removeAttribute(_);else{let e=s[u];a.setAttribute(_,e);let r=new $e(u);r.isPlaceholder=!0,h&&h?.contains(a)&&(r.key=d),t.push(r),u++,h=a,d=e,t.length>0&&t.forEach((t=>{t.key=t.key??e}))}else{if(ps.test(m)){let e=s[u],r=new $e(u);r.isPlaceholder=!0,h&&h?.contains(a)&&(r.key=d),t.push(r),u++,e.__setRef(new WeakRef(a))}a.removeAttribute(_)}else{let e;if(ps.test(m)){let r=new $e(u);r.isPlaceholder=!0,h&&h?.contains(a)&&(r.key=d),t.push(r),e=s[u],u++}let r=_.substring(1);o.push([r,e,a]),a.removeAttribute(_)}}a instanceof We?(g=r,a.__wrapperComponent=new WeakRef(g),A(e)>0&&a._initProps(e)):a instanceof HTMLSlotElement&&r._bindSlot(a,a.name||"default",e)}else{let e=a;if(`\x3c!--${e.nodeValue}--\x3e`!==hs)continue;let n=new $e(u,new WeakRef(a));h&&h?.contains(a)&&(n.key=d),t.push(n),n.isComponent=!!l,n.isText=!0;let o=s[u];if(f(o)&&p(o[0])){const t=Symbol.keyFor(o[0]);let s;s=document.createComment(`compelem-${r.tagName}-${t}-start`),e.parentNode.insertBefore(s,e),e.nodeValue=`compelem-${r.tagName}-${t}-end`,e._diName=t,je.set(e,s),n.isDirective=!0,n.value=o;let i=l?Ue.SLOT:Ue.TEXT,[,a,c,u,h]=o;u(i,r.tagName),n.directiveOldValue=[a,h],Jt.start();let d=c(e,a,void 0,{renderComponent:r,slotComponent:l,varChain:h,pointType:i});if(Jt.end(r,n),d){let t=gs(e,d[1],r,n),s=t.length;t&&s>0&&zt.insertBefore(e,Array.from(t))}o=void 0}else n.value=o,n.node=null;if(u++,!n.isDirective){let t=q(o??""),s=document.createTextNode(t);e.parentNode.insertBefore(s,e),e.remove(),a=s,n.node=new WeakRef(s)}}h&&!h.contains(a)&&h!==a&&(h=null,d="")}var g;return n.childNodes}function gs(t,e,s,r,n=!1){let[o,i]=ls(s,e),a=[],l=fs(a,o,i,s);return n&&s.__bindEvents(),a.forEach((t=>{r.insert(t)})),l}function _s(t,e,s,r,n){if(o(tt(t.strings)))return;if(!s)return;let i=t.flatVars(e);for(let t=0;t<s.length;t++){const o=s[t];let l=o.varIndex;if(l<0)continue;if(o.isPlaceholder)continue;if(o.__destroyed)continue;let c=o.value,h=i,d=o.node.deref();if(!d)continue;let p=et(l,"-");for(let e=0;e<p.length;e++){const s=p[e];h=u(h,s),h&&h.vars&&t<p.length-1&&(h=h.vars)}if(!a(c)&&c===h)continue;let g=d;if(o.isDirective){r?.delete(o);let[,t,s,,i]=o.value;if(!f(h))continue;let a=Xt(d,e),[,l]=h;Xe(d,l,t,s,e,a,i,o,n)}else if(o.isToggleProp){if(!!h===c)continue;g.toggleAttribute(o.attrName,!!h),g instanceof We&&g.updateProps({[o.attrName]:!!h})}else if(o.isProp){if(!a(h)&&h===c)continue;d instanceof We?d.updateProps({[o.attrName]:h}):d instanceof HTMLSlotElement&&e._updateSlot(d.getAttribute("name")||"default",o.attrName,h)}else if(o.attrName){if(!st(c,h))switch(o.attrName){case"value":if(d instanceof HTMLInputElement){d.value=h;break}default:d.setAttribute(o.attrName,rt(o.attrTmpl,ps,h+""))}}else if(o.isText){o.node.deref().textContent=q(h??"")}o.value=h}}function ms(t,e,s,r){if(!t||t.__destroyed)return;let n=t.node.deref();const o=Fe.get(n._diName);let i=Xt(n,e);const[a,l]=t.directiveOldValue;if(!s){let c=o(n,t.value[1],a,{renderComponent:e,slotComponent:i,varChain:l,updatedMap:r,pointType:u(o,"__scope",Ue.TEXT)});if(!c)return;s=c[1]}if(s){if(s.vars[0]instanceof He){let t=[],e=[];v(s.vars,(s=>{e.push(...s.vars),t.push(...M(s.vars,(t=>"1")))})),t.push("1"),s=new He(t,e)}_s(s,e,t.children,void 0,r)}}function vs(t,...e){return new He(r(t)?[t]:t,e)}const ys=/([a-z0-9"'])\s*>\s*</gim;class Es{__ref;get current(){return this.__ref?.deref()}__setRef(t){this.__ref=t}}function ws(){return new Es}var bs;!function(t){t.CLASS="class",t.FIELD="field",t.METHOD="method"}(bs||(bs={}));class Ss{static get priority(){return 0}created(t,...e){}beforeMount(t,e,...s){}mounted(t,e,...s){}updated(t,e){}beforeDestroy(t,...e){}}class Ts{metadata;decorator;key;priority=0;constructor(t,e,s){this.metadata=e,this.decorator=new s(...t),this.priority=u(s,"priority",0)}dispose(){this.metadata=null,this.decorator=null}create(t){let e,s=this.decorator.targets,r=this.metadata[1];a(r)&&U(u(r,"configurable"))?e=bs.METHOD:n(this.metadata[1])&&(e=bs.FIELD),!O(s)&&e&&s.includes(e)?this.decorator.created(t,...this.metadata):Wt(`Decorator '${this.decorator.constructor.name}' is out of targets, expect '${s.join(",")}' bug got '${e}'`)}beforeMount(t,e){this.decorator.beforeMount(t,e,...this.metadata)}mounted(t,e){this.decorator.mounted(t,e,...this.metadata)}updated(t,e){this.decorator.updated(t,e)}destroy(t){this.decorator.beforeDestroy(t,...this.metadata)}}function Ns(t){return(...e)=>(...s)=>{let r=s[0].constructor,n=St.get(r);if(!St.has(r)){let t=Object.getPrototypeOf(r);n=t?h(St.get(t)??[]):[],St.set(r,n)}let o=new Ts(e,s.splice(1),t);return n?.push(o),o}}function ks(t){return(...e)=>{if(!e||e.length<1)return;let s=e[0].constructor,r=St.get(s);if(!St.has(s)){let t=Object.getPrototypeOf(s);r=t?h(St.get(t)??[]):[],St.set(s,r)}let n=new Ts([],e.splice(1),t);return r?.push(n),n}}function Cs(t,e,s){return yt.has(t.constructor)||yt.set(t.constructor,{}),yt.get(t.constructor)[e]=s.get,delete t[e],Reflect.defineProperty(t,e,{get(){return Jt.__collecting&&Jt.__varPathList.push(e),Reflect.get(this[Vt],e)}}),Reflect.getOwnPropertyDescriptor(t,e)}const Ms=Ns(class extends Ss{static get priority(){return Number.MAX_VALUE}created(t,e,...s){let r=u(t,e);w(t,e,T(r,this.wait,this.immediate)),w(t,e+"_$__",r)}beforeDestroy(t,e){w(t,e,null),w(t,e+"_$__",null)}get targets(){return[bs.METHOD]}wait;immediate;constructor(t,e=!1){super(),this.wait=t,this.immediate=e}});function As(t,e){return(s,r,n)=>{if(!_t.has(s.constructor)){let t=[],e=s.constructor;for(;(e=jt(e))!==We;)t=h(t,_t.get(e)??[]);_t.set(s.constructor,t)}_t.get(s.constructor)?.push({name:t,targetFn:e,fnName:r})}}const Ps=Ns(class extends Ss{static get priority(){return Number.MAX_VALUE}created(t,e,s,...r){let n=it(u(t,s),t);w(t,s,k(n)),w(t,s+"_$__",n)}beforeDestroy(t,e){w(t,e,null),w(t,e+"_$__",null)}get targets(){return[bs.METHOD]}});var xs;!function(t){t.ONCE="once"}(xs||(xs={}));const Ds=new WeakMap;class Rs extends Ss{static get priority(){return Number.MAX_VALUE}get targets(){return[bs.FIELD]}selector;cache;constructor(t,e){super(),this.selector=t,this.cache=e}static getKey(t){return t}getter(t){let e=t?.shadowRoot?.querySelector(this.selector),s=Ds.get(t);s||(s=new Map,Ds.set(t,s)),s.set(this.selector,e)}mounted(t,e,s,...r){const n=this;let o=new WeakRef(t);Reflect.defineProperty(t,s,{configurable:!0,get(){let t=o.deref();return Ds.has(t)&&Ds.get(t)?.has(n.selector)&&n.cache===xs.ONCE||n.getter(t),Ds.get(t)?.get(n.selector)}})}beforeDestroy(t,e){Ds.get(t)?.clear(),Ds.delete(t)}updated(t,e){this.cache!==xs.ONCE&&this.getter(t)}}const Ls=Ns(Rs),Os=Ns(class extends Rs{getter(t){let e=t.shadowRoot?.querySelectorAll(this.selector),s=Ds.get(t);s||(s=new Map,Ds.set(t,s)),s.set(this.selector,e)}});function Is(t){if(1===arguments.length)return(e,s)=>{Vs(e,s,t)};Vs(arguments[0],arguments[1],{prop:""})}function Vs(t,e,s){if(!Et.has(t.constructor)){const e={};let s=t.constructor;for(;(s=jt(s))!==We;)_(e,Et.get(s)??{});Et.set(t.constructor,e)}if(s.shallow=s.shallow||!1,w(Et.get(t.constructor),e,s),s.hasChanged){let r=Rt.get(t.constructor);r||(r=new Map,Rt.set(t.constructor,r)),r.set(e,s.hasChanged)}if(s.shallow){let s=xt.get(t.constructor);s||(s=new Set,xt.set(t.constructor,s)),s.add(e)}Reflect.defineProperty(t.constructor.prototype,e,{get(){return Kt(e,this)},set(t){qt(e,t,this)}})}function Ws(t,e,s){Vs(t.prototype,e,s||{prop:""})}function Hs(t){return e=>{e&&(mt[e.name]=t,vt[t]=e)}}const Us=Ns(class extends Ss{static get priority(){return Number.MAX_VALUE}created(t,e,...s){let r=u(t,e);w(t,e,N(r,this.wait)),w(t,e+"_$__",r)}beforeDestroy(t,e){w(t,e,null),w(t,e+"_$__",null)}get targets(){return[bs.METHOD]}wait;constructor(t){super(),this.wait=t}});function Bs(t,e){return(s,r)=>{let n=At.get(s.constructor),o=Mt.get(s.constructor),i=Nt.get(s.constructor),a=kt.get(s.constructor),l=Ct.get(s.constructor),c=Pt.get(s.constructor);if(!l){l=[],Ct.set(s.constructor,l),a=[],kt.set(s.constructor,a),i=new Map,Nt.set(s.constructor,i),n={},At.set(s.constructor,n),o={},Mt.set(s.constructor,o),c={},Pt.set(s.constructor,c);let t=jt(s.constructor);for(;t;)Ct.has(t)&&(l.push(...Ct.get(t)),a.push(...kt.get(t)),Nt.get(t)?.forEach(((t,e)=>{i.set(e,t)})),D(n,At.get(t)),D(o,Mt.get(t)),D(c,Pt.get(t))),t=jt(t)}(f(t)?t:[t]).forEach((t=>{let h=s[r];u(e,"once",!1)&&i.set(t,!1);let d=u(e,"deep",!1);if(l.push(t),d?(n[t]=n[t]??new Set,n[t].add(h),a.push(t)):(o[t]=o[t]??new Set,o[t].add(h)),u(e,"immediate",!1)){let e=c[t];e||(e=c[t]=new Set),e.add(h)}}))}}const $s=["key"],js=qe((function(t){return(t,[e],s)=>{let r=t;if(s)v(e,((t,e)=>{r.setAttribute(e,t)}));else if(r instanceof We){let t={},s={},n=wt.get(r.constructor);v(e,((e,r)=>{if($s.includes(r))return;let o=W(r);(n?n[o]:void 0)?t[r]=e:s[r]=e+""})),r._initProps(t,s)}else v(e,((t,e)=>{r.setAttribute(e,t)}))}}),[Ue.TAG]),Fs=new WeakMap,Gs=qe((function(t){return(t,[e],s,{renderComponent:n})=>{let o=[];if(f(e)?o=Y(e):a(e)?o=P(e,((t,e)=>t?e:[])):r(e)&&(o=e.split(" ")),o.length<1&&!s)return;let i=t;if(Fs.get(i)&&Fs.get(i).length===o.length&&at(Fs.get(i),o))return;let l=Fs.get(i);v(l,(t=>{i.classList.remove(t)})),v(o,(t=>{i.classList.add(t)})),l=h(o),Fs.set(i,l)}}),[Ue.CLASS]),zs=new WeakMap,Xs=qe((function(t,e){return(t,e,s,{varChain:r,updatedMap:n})=>{let o=t,i=function(t,e,s){let r=M(t,((t,s)=>e(t,s)));if(r.length<1){let t=new He([],[]);return zs.set(s,t),t}let n=[],o=[];const i=[],a=[];for(let t=0;t<r.length;t++){const e=r[t];let s=X(o),l=e.vars,c=!0,u=e.strings;for(let t=0;t<u.length;t++){const e=u[t];if(pt.test(e)){let e=l[t]+"";if(n.includes(e))return void Wt(`forEach - duplicate key '${e}'`);n.push(e),c=!1}0==t&&s?o[o.length-1]=s+e:o.push(e)}if(c)return void Wt("forEach - missing 'key' prop");let h=X(i);h&&u.length>0&&(i[i.length-1]=B(h)+u.shift()),i.push(""),a.push(e)}i.push("");let l=new He(i,a);return zs.set(s,l),l}(e[0],e[1],o);if(s&&s[0]&&A(e[0])===A(s[0])){let t=G(n).find((t=>lt(t,X(r))));if(t&&u(n,[t,"end"],!0)){const t=zs.get(o);return[Be.NONE,t]}}return s?[Be.UPDATE,i]:[Be.APPEND,i]}}),[Ue.TEXT,Ue.SLOT]);let Ks=document.createElement("div"),qs=new WeakMap;const Qs=qe((function(t){return(t,e,s,{renderComponent:r,slotComponent:n})=>{if(!(s&&e[0]==s[0]||V(e[0])))if(ct(t))t.innerHTML=cs(e[0]);else{let r=qs.get(t);r||(r=t.previousSibling,qs.set(t,r)),Ks.innerHTML=cs(e[0]),o(s)||zt.remove(r,t),t.before(...Ks.childNodes)}}}),[Ue.TAG,Ue.TEXT,Ue.SLOT]),Ys=new WeakMap,Zs=qe((function(t,e,s){return(t,[e,s,r],n,{renderComponent:o})=>{let i=t;if(n){if(!!e==!!n[0]){let t=Ys.get(i);return[Be.UPDATE,new He(["",""],[t.call(o,e)])]}let t=e?s:r;return Ys.set(i,t),[Be.REPLACE,t.call(o,e)]}{let t=e?s:r;return Ys.set(i,t),[Be.APPEND,t.call(o,e)]}}}),[Ue.TEXT,Ue.SLOT]),Js=qe((function(t,e){return(t,[e,s],r)=>r?e===r[0]?[Be.UPDATE,new He(["",""],[e?s():vs``])]:e?[Be.REPLACE,e?s():vs``]:[Be.REMOVE]:[Be.APPEND,e?s():vs``]}),[Ue.TEXT,Ue.SLOT]);var tr;!function(t){t.CHANGE="change",t.INPUT="input"}(tr||(tr={}));const er=qe((function(t,s="value",n){return(t,[s,n,o],i,{varChain:l,renderComponent:c})=>{n=n??"value";const h=t;if(i){const t=i[0],e=s;if(!a(e)&&Object.is(e,t))return;if(h instanceof We)h.updateProps({[n]:e});else if(h instanceof HTMLTextAreaElement||h instanceof HTMLSelectElement){if(h.setAttribute(n,e+""),h instanceof HTMLSelectElement){let t=S(h.querySelectorAll("option"),(t=>t.value==e));t&&(t.selected=!0)}}else if(h instanceof HTMLInputElement){if(h.value==e)return;switch(h.type){case"checkbox":case"radio":e?h.setAttribute("checked",""):h.removeAttribute("checked");break;case"text":case"email":case"number":case"password":case"search":case"tel":case"url":h.setAttribute(n,e+""),w(h,n,e);break;default:h.setAttribute(n,e+"")}}return}let d;d=r(o)?e(o)[0]:X(l);const p=et(d,".")[0];p in c||c._wrapperProp[p]||Wt(`model - property '${p}' is not defined on the instance of `+c.tagName);let f=c._eventBindList;if(a(s)||B(s)||(s=""),h instanceof We){h._initProps({[n]:s});let t="update:"+n;f.push([t,function(t){let e=this,s=e._wrapperProp[p];!(p in e)&&s&&u(e.wrapperComponent,p)===u(e,s)&&(e=e.wrapperComponent||e),w(e,d,t.value)},h])}else if(h instanceof HTMLTextAreaElement){h.setAttribute(n,s+"");let t="input";f.push([t,function(t){let e=t.target;w(this,d,e.value)},h])}else if(h instanceof HTMLInputElement){let t="",e="";switch(h.type){case"checkbox":case"radio":t="checked",e="change";break;default:t="value",e="input"}h.setAttribute(n??t,s+""),f.push([e,function(t){let e=t.target;w(this,d,e.value)},h])}else h instanceof HTMLSelectElement&&(h.setAttribute(n,s+""),f.push(["change",function(t){let e=t.target,s=this,r=s._wrapperProp[p];!(p in s)&&r&&u(s.wrapperComponent,p)===u(s,r)&&(s=s.wrapperComponent||s),w(s,d,e.value)},h]))}}),[Ue.TAG]),sr=new WeakMap,rr=qe((function(t,e){return(t,[e,s],r)=>{if(r&&e===r[0])return;let n=t;if(!sr.has(n)){let t=n.style.display;sr.set(n,"none"==t?"unset":t)}n.style.display=e?sr.get(n):"none",s&&s(n,e)}}),[Ue.TAG]),nr=qe((function(t,e){return(t,[e,s],r,{renderComponent:n,slotComponent:o})=>{r||(e=e.bind(n),o._bindSlotHook(s||"default",e))}}),[Ue.SLOT]);class or{static getCssText(t,e=!1){return r(t)?t:tt(M(t,((t,s)=>s.startsWith("--")?s+":"+t+(e?" !important":""):y(s)+":"+t+(e?" !important":""))),";")+";"}static setStyle(t,e){if(r(t)&&!B(t))return;let s=or.getCssText(t);e.style.cssText=s}}const ir=qe((function(...t){return(t,e,s,{renderComponent:r})=>{let n=t,o=Q(e,((t,e)=>t+or.getCssText(e)),""),i=Y(o.split(";").map((t=>t.split(":")[0]))),a=Y(n.style.cssText.split(";")),l=K(a,(t=>i.some((e=>t.trim().startsWith(e)))));n.style.cssText=o+l.join(";")}}),[Ue.STYLE]),ar=new WeakMap,lr=qe((function(t,e){return(t,[e,s],r)=>{let n=()=>vs``,o=[],i=[];v(s,((t,e)=>{if(l(t))o.push(e),i.push(t);else{let e=t[0],s=t[1];o.push(e),i.push(s)}"default"===e&&(n=t)}));let a=ut(o,(t=>l(t)?t(e):t==e)),c=ar.get(t);return ar.set(t,a),r?c==a?[Be.UPDATE,ht(i[a]??n)]:[Be.REPLACE,ht(i[a]??n)]:[Be.APPEND,ht(i[a]??n)]}}),[Ue.TEXT,Ue.SLOT]);function cr(){v(vt,((t,e)=>{customElements.define(e,t)}))}export{We as CompElem,or as CssHelper,je as DI_COMMENT_START_NODE_MAP,Ss as Decorator,bs as DecoratorType,Ts as DecoratorWrapper,Be as DirectiveUpdateTag,zt as DomUtil,Ue as EnterPointType,tr as ModelTriggerType,xs as QueryCache,He as Template,Fe as TextOrSlotDirectiveExecutorMap,$e as UpdatePoint,pe as _getObservedAttrs,jt as _getSuper,$t as _toUpdatePath,js as bind,ls as buildHTML,Gs as classes,Cs as computed,ws as createRef,Ms as debounced,Ns as decorator,ks as decoratorWithNoArgs,qe as directive,As as event,Xs as forEach,Gt as getBooleanValue,Xt as getSlotComponent,vs as h,Qs as html,Zs as ifElse,Js as ifTrue,Ft as isBooleanProp,Ws as makeState,er as model,Ps as onced,ue as prop,Ls as query,Os as queryAll,cr as regComponents,rr as show,Wt as showError,Ht as showTagError,Bt as showTagWarn,Ut as showWarn,nr as slot,Is as state,ir as styles,Hs as tag,Us as throttled,Xe as updateDirective,Bs as watch,lr as when};
+  import t,{toPath as e,some as s,isString as r,isUndefined as n,isBlank as o,closest as i,assign as a,isObject as l,isFunction as c,isSymbol as u,isArray as h,concat as d,startsWith as p,get as f,toArray as g,defaults as _,merge as m,clone as E,each as w,kebabCase as v,has as y,set as b,includes as S,find as N,debounce as T,throttle as M,once as C,noop as k,remove as R,map as x,size as A,flatMap as P,test as I,first as L,walkTree as O,isEmpty as D,filter as V,isNil as W,camelCase as H,isNull as U,isDefined as B,trim as F,isBoolean as K,parseJSON as j,cloneDeep as $,keys as G,groupBy as X,last as z,reject as q,compact as Q,intersect as Z,except as J,initial as Y,findIndex as tt,toString as et,reduce as st,split as rt,isEqual as nt,replace as ot,snakeCase as it,range as at,bind as lt,isMatch as ct,isElement as ut,join as ht}from"myfx";const dt="default",pt=/\s+\.?key\s*=/;var ft,gt;!function(t){t[t.RENDER=1]="RENDER",t[t.COMPUTED=2]="COMPUTED",t[t.DIRECTIVE=3]="DIRECTIVE"}(ft||(ft={})),function(t){t.Prod="prod",t.Dev="dev"}(gt||(gt={}));const _t=new Map,mt={},Et={},wt=new WeakMap,vt=new WeakMap,yt=new WeakMap,bt=new WeakMap,St=new Map,Nt=new Map,Tt=new WeakMap,Mt=new WeakMap,Ct=new WeakMap,kt=new WeakMap,Rt=new WeakMap,xt=new WeakMap,At=new WeakMap,Pt=new WeakMap,It=new WeakMap,Lt=new WeakMap,Ot=new WeakMap,Dt=new Map,Vt=new WeakMap,Wt=new WeakMap,Ht=new WeakMap,Ut=new WeakMap,Bt="__data_",Ft="⟬Ċ⟭";function Kt(t){console.error("[CompElem]",t)}function jt(t,e){console.error(`[CompElem <${t}>]`,e)}function $t(...t){console.warn("[CompElem]",...t)}function Gt(t,e){console.warn(`[CompElem <${t}>]`,e)}function Xt(t){return e(t).join("-")}function zt(t){return Object.getPrototypeOf(t)}function qt(t){return t===Boolean||s(t,(t=>t===Boolean))}function Qt(t){let e=t;return r(t)&&/(?:^true$)|(?:^false$)/.test(e)?e="true"===e:(n(e)||o(e))&&(e=!0),e}const Zt={getNodes(t,e){let s=t.nextSibling;if(!e)return[s];let r=[];for(;s&&s!==e;)r.push(s),s=s?.nextSibling;return r},insertBefore:function(t,e){if(!t.parentNode)return;let s=document.createDocumentFragment();s.append(...e),t.parentNode.insertBefore(s,t)},remove:function(t,e){if(t===e)return void t?.parentNode?.removeChild(t);let s=t.nextSibling;for(;s&&s!==e;)s?.parentNode?.removeChild(s),s=t.nextSibling},clear(t,e){if(!t)return;let s,r=document.createNodeIterator(t,NodeFilter.SHOW_COMMENT);for(r=document.createNodeIterator(t,NodeFilter.SHOW_COMMENT|NodeFilter.SHOW_ELEMENT);s=r.nextNode();)t!==s&&(s instanceof Comment||s instanceof Fe&&s.destroy())}};function Jt(t,e){let s=i(t,(t=>t.host&&t.host instanceof Fe),"parentNode");if(!s||s.host!==e)return s?s.host:void 0}function Yt(t){return!!Et[t.tagName.toLowerCase()]}function te(t,e,s){let r=Wt.get(t);r||(r=new Map,Wt.set(t,r));let n=r.get(e)??{};r.set(e,a(n,s))}function ee(t,e){let s=e,r=Reflect.get(s[Bt],t);if(re.__collecting&&re.__varPathList.push(t),ie.has(r)||ae.get(r)){let n=le.get(r);n||(n=new Set,le.set(r,n));let o=ne.get(e);o||(o={},ne.set(e,o));let i=ie.get(r)??r;if(ae.get(i)!==e){let e=oe.get(i);e&&(o[e[0]]=t)}return n.add(s.__thisRef),i}if(l(r)&&!c(r)&&!(r instanceof Node)&&!Object.isFrozen(r)){let e=At.get(s.constructor),n=e?.has(t);n||(e=Pt.get(s.constructor),n=e?.has(t)),r=n||"slots"===t?r:ce(r,s,t)}return r}function se(t,e,s){let r=s;if(!r.__inited)return void Reflect.set(r[Bt],t,e);let n=r[Bt][t],o=It.get(r.constructor),i=o?.get(t),a=ie.get(n);if(i){if(!i.call(r,e,n,[t],e,n))return!0}else{if(Object.is(n,e))return!0;if(l(e)&&a===e)return!0}Reflect.set(r[Bt],t,e),ue(s,e,n,[t])}const re={popDirectiveQ(){return this.__varPathList.reduceRight(((t,e)=>(t.includes(e)||t.unshift(e),t)),[])},start(){this.__collecting=!0,this.__varPathList=[]},end(t,e){t&&e&&t._regSubViewDeps(re.popVarPathList(),e),this.__collecting=!1},popVarPathList(){let t=Array.from(new Set(this.__varPathList));return this.__varPathList=[],t},__varPathList:[],__collecting:!1},ne=new WeakMap,oe=new WeakMap,ie=new WeakMap,ae=new WeakMap,le=new WeakMap;function ce(t,e,r){if(ie.has(t))return ie.get(t);if(ae.has(t)){if(r){let r=le.get(t);r||(r=new Set,le.set(t,r)),s(r.values(),(t=>t.deref()===e))||r.add(new WeakRef(e))}return t}const n=new Proxy(t,{get(t,s,r){if(!s)return;const n=Reflect.get(t,s,r);if(u(s))return n;if(c(n))return n;if("length"===s&&h(t))return n;if("__"===s.substring(0,2))return n;if(re.__collecting){let t=oe.has(r)?d(oe.get(r)):[];t.push(s);let e=t.join(".");re.__varPathList.push(e)}if(ie.has(n))return ie.get(n);let o=n;if(l(n)&&!c(n)&&!(n instanceof Node)&&!Object.isFrozen(n)){let t=oe.has(r)?d(oe.get(r)):[];o=ce(n,e),t.push(s),oe.set(o,t),ie.set(n,o)}return o},set(t,s,r,n){if(!s)return!1;let o=t[s],i=oe.get(n)??[],a=d(i,[s]),l=It.get(e.constructor),c=l?.get(a[0]),u=a.length>1,h=r,p=o;if(u&&(p=h=e._getPrivateData()[a[0]]),c){if(!c.call(e,h,p,a,r,o))return!0}else if(Object.is(o,r))return!0;let f=r,g=Reflect.set(t,s,f);ue(e,f,o,a);let _=le.get(n);return _?.forEach((t=>{let e=t.deref();if(!e)return;let s=(ne.get(e)??{})[a[0]],r=a.join(".");r=r.replace(a[0],s),ue(e,f,o,r.split("."),h,p)})),g}});return oe.has(n)||oe.set(n,r?[r]:[]),ie.set(t,n),r&&ae.set(n,e),n}function ue(t,e,s,r,n,o){n=n??e,o=o??s,r.length>1&&(o=n=t._getPrivateData()[r[0]]);let i=r.join(".");!function(t,e,s,r,n,o){let i=zt(t.constructor),a=Ct.get(t.constructor)??Ct.get(i),l=Mt.get(t.constructor)??Mt.get(i),c=Rt.get(t.constructor)??Rt.get(i),u=kt.get(t.constructor)??kt.get(i),h=Tt.get(t.constructor)??Tt.get(i);a?.forEach((i=>{(r===i||p(i,r+".")&&!Object.is(f(t._getPrivateData(),i),f(e,i))||p(r,i+".")&&l?.includes(i)&&!Object.is(f(t._getPrivateData(),i),f(e,i)))&&d(g(u[i]),g(c[i])).forEach((a=>{a&&!0!==h.get(i)&&(t._watchUpdateArgsInNextTick?.set(a,{newValue:e,oldValue:s,chain:r.split("."),rootObjNew:n,rootObjOld:o,fullMatch:i===r}),t._watchUpdateSetInNextTick?.add(a),h.has(i)&&h.set(i,!0))}))}))}(t,e,s,i,n,o),function(t,e){let s=Lt.get(t.constructor);s?.has(e)&&s.get(e)?.forEach((e=>{t._computedUpdateSetInNextTick.add(e)}))}(t,i),function(t,e){let s=Ot.get(t.constructor);if(!s)return;let r=e.split("."),n="";r.forEach((e=>{n=n?n+"."+e:e,s.has(n)&&(t._cssUpdateInNextTick=!0)}))}(t,i),function(t,e,s,r){t._notify(e,s,r)}(t,n,o,r)}const he=new Map;class de{static nextSet=new Set;static nextPending=!1;static next;static flush(){de.nextPending=!1;let t=Array.from(de.nextSet);de.nextSet.clear(),he.clear(),t.forEach((t=>t())),t=null}static pushNext(t){de.nextSet.add(t),de.nextPending||(de.nextPending=!0,de.next())}}function pe(t){if(1===arguments.length)return(e,s,r)=>{t.required=t.required||!1,t.attribute=!1!==t.attribute,fe(e,s,t)};let e=arguments[0],s=arguments[1],r=arguments[2];t={type:void 0,required:!1,attribute:!0},r&&"function"==typeof r.type&&(t=_(r,t),r=void 0),t.shallow=t.shallow||!1,fe(e,s,t)}function fe(t,e,s,r){let n;if(!yt.has(t.constructor)){const e={};let s=t.constructor;for(;(s=zt(s))!==Fe;)m(e,E(yt.get(s)??{}));n=new Set,w(e,((t,e)=>{if(t.attribute){let t=v(e);n?.add(t)}})),Nt.set(t.constructor,n),yt.set(t.constructor,e)}if(s.attribute){n||(n=Nt.get(t.constructor));let s=v(e);n?.add(s)}if(s.model){let s=bt.get(t.constructor);s||(s=[],bt.set(t.constructor,s)),s.includes(e)||s.push(e)}if(y(t.constructor,"observedAttributes")||(t.constructor.observedAttributes=[]),n&&(t.constructor.observedAttributes=g(n)),b(yt.get(t.constructor),e,s),s.hasChanged){let r=It.get(t.constructor);r||(r=new Map,It.set(t.constructor,r)),r.set(e,s.hasChanged)}if(s.shallow){let s=Pt.get(t.constructor);s||(s=new Set,Pt.set(t.constructor,s)),s.add(e)}Reflect.defineProperty(t,e,{get(){return ee(e,this)},set(s){bt.get(t.constructor)?.includes(e)&&function(t,e,s){s.emit("update:"+t,{value:e})}(e,s,this)}})}(()=>{const t=Promise.resolve(),e=de.flush;de.next=()=>{t.then(e)}})();const ge=new Set;function _e(t){return Nt.get(t)??ge}const me=["resize","outside","mutate"],Ee=new WeakMap,we=[],ve=[],ye=[],be=new WeakSet,Se=new ResizeObserver((t=>{for(const e of t){const t=Array.isArray(e.contentBoxSize)?e.contentBoxSize[0]:e.contentBoxSize,s=Array.isArray(e.borderBoxSize)?e.borderBoxSize[0]:e.borderBoxSize;if(!be.has(e.target)){be.add(e.target);continue}let r=Ee.get(e.target);r&&r({target:e.target,contentBoxSize:t,borderBoxSize:s,type:"resize"})}}));var Ne;!function(t){t.Child="child",t.Tree="tree",t.Attr="attr",t.Char="char"}(Ne||(Ne={}));const Te=new WeakMap,Me=new MutationObserver((t=>{for(let e=0;e<t.length;e++){const s=t[e];let r=Te.get(s.target);if(!r)return;let n={target:s.target},o=null;switch(s.type){case"subtree":n.type=Ne.Tree,o=r[Ne.Tree];break;case"childList":n.type=Ne.Child,n.addedNodes=s.addedNodes,n.removedNodes=s.removedNodes,o=r[Ne.Child];break;case"attributes":n.type=Ne.Attr,n.attributeName=s.attributeName,n.oldValue=s.oldValue,o=r[Ne.Attr];break;case"characterData":n.type=Ne.Char,n.oldValue=s.oldValue,o=r[Ne.Char]}o&&(n.type="mutate",o(n))}}));function Ce(e,s,r,n,o){if("resize"===e)return function(t,e){if(Ee.has(t))return;Ee.set(t,e),Se.observe(t);let s=Se;return(e=!1)=>{s.unobserve(t),Ee.delete(t),e&&(s=t=null)}}(s,r);if("outside"===e)switch(n[0]){case"mousedown":return function(e,s){return we.push([e,s]),(r=!1)=>{t.remove(we,(t=>t[0]===e&&t[1]===s))}}(s,r);case"dblclick":return function(e,s){return ye.push([e,s]),(r=!1)=>{t.remove(ye,(t=>t[0]===e&&t[1]===s))}}(s,r);default:return function(e,s){return ve.push([e,s]),(r=!1)=>{t.remove(ve,(t=>t[0]===e&&t[1]===s))}}(s,r)}else if("mutate"===e)return function(t,e,s){let r=S(s,"child"),n=S(s,"attr"),o=S(s,"char"),i=S(s,"tree"),a=Te.get(t);if(!a)return a={},Te.set(t,a),r&&(a[Ne.Child]=e),n&&(a[Ne.Attr]=e),o&&(a[Ne.Char]=e),i&&(a[Ne.Tree]=e),Me.observe(t,{childList:r,attributes:n,characterData:o,subtree:i}),(e=!1)=>{Te.delete(t),e&&(t=null)}}(s,r,n)}document.addEventListener("mousedown",(t=>{let e=f(t.composedPath(),0,t.target);we.forEach((([s,r])=>{s.contains(e)||s.contains(i(e,(t=>t instanceof ShadowRoot),"parentNode")?.host)||r({type:"outside",target:s,modifier:"mousedown",event:t})}))}),!1),document.addEventListener("click",(t=>{let e=f(t.composedPath(),0,t.target);ve.forEach((([s,r])=>{s.contains(e)||s.contains(i(e,(t=>t instanceof ShadowRoot),"parentNode")?.host)||r({type:"outside",target:s,modifier:"click",event:t})}))}),!1),document.addEventListener("dblclick",(t=>{let e=f(t.composedPath(),0,t.target);ye.forEach((([s,r])=>{s.contains(e)||s.contains(i(e,(t=>t instanceof ShadowRoot),"parentNode")?.host)||r({type:"outside",target:s,modifier:"dblclick",event:t})}))}),!1);const ke=/,|^(debounce:.+)|(debounce$)/,Re=/,|^(throttle:.+)|(throttle$)/,xe="native",Ae={esc:"escape"},Pe=()=>{};function Ie(t,e,s,r){let n,o=t.split("."),i=o.shift(),a=o.includes("once"),l=e??Pe;if(n=N(o,(t=>ke.test(t)))){let t=n.split(":");l=T(l,parseInt(t[1])||100)}if(n=N(o,(t=>Re.test(t)))){let t=n.split(":");l=M(l,parseInt(t[1])||100)}if(a&&(l=C(l)),Et[s.tagName.toLowerCase()]&&(s!==r||o.includes(xe)||o.push(xe),!o.includes(xe)))return Le(s,r,i,l),k;if(function(t){return me.includes(t)}(i))return Ce(i,s,l,o);let c=t=>{if(o.includes("prevent")&&t.preventDefault(),o.includes("stop")&&t.stopPropagation(),!o.includes("self")||t.target===t.currentTarget){if(t instanceof MouseEvent){if(o.includes("left")&&0!=t.button)return;if(o.includes("right")&&2!=t.button)return;if(o.includes("middle")&&1!=t.button)return}else if(t instanceof KeyboardEvent){if(R(o,(t=>"ctrl"==t))[0]&&!t.ctrlKey)return;if(R(o,(t=>"alt"==t))[0]&&!t.altKey)return;if(R(o,(t=>"shift"==t))[0]&&!t.shiftKey)return;if(R(o,(t=>"meta"==t))[0]&&!t.metaKey)return;let e=x(o,(t=>Ae[t]||t));if(A(e)>0&&!e.includes(t.key.toLowerCase()))return}l(t)}},u={capture:o.includes("capture")||!1,passive:o.includes("passive")||!1};return s.addEventListener(i,c,u),(t=!1)=>{s.removeEventListener(i,c,u),t&&(s=null)}}function Le(t,e,s,r){let n=f(t,"__c_emit_event_")??e._subComponentEventSn++;b(t,"__c_emit_event_",n);let o=e._subComponentEventMap.get(n);o||(o={},e._subComponentEventMap.set(n,o)),o[s]=r}const Oe={boolean:Boolean,string:String,number:Number,object:Object,array:Array,function:Function,undefined:Object},De=new WeakMap;let Ve=[],We=0;const He=new WeakMap,Ue={},Be="slots";class Fe extends HTMLElement{static __l_globalRule=document.createElement("style");static defaults(t){Ve=P(t.css,(t=>{if(r(t)){let e=new CSSStyleSheet;return e.replaceSync(t),e}return t instanceof CSSStyleSheet?t:[]})),t.global,w(t,((t,e)=>{I(e[0],/[A-Z]/)}))}#t;#e={};__data_={};#s={};#r;__updateTree;_eventBindList;__docoEventMap;__updateSubViewDeps;_cssUpdateInNextTick=!1;_cssVarOldValueMap;__cssSheets;_watchUpdateSetInNextTick;_watchUpdateArgsInNextTick;_computedUpdateSetInNextTick;_subComponentEventSn=0;_subComponentEventMap=new Map;get[Symbol.toStringTag](){return this.constructor.name}get cid(){return this.#t}get attrs(){return this.#n}get props(){return this.#o}get renderRoot(){return this.#i?.deref()}get renderRoots(){return this.#a.flatMap((t=>t.deref()??[]))}get parentComponent(){return this.#l?.deref()}get wrapperComponent(){return this.#c?.deref()}get slots(){return Ue}get slotHooks(){return this.#u}get cssSheets(){return De.get(this.constructor)}get globalCssSheet(){return Fe.__l_globalRule.sheet}get isMounted(){return this.#h}#n;#o;#i;#a;#l;#c;#d={};#u={};#p={};#h=!1;#f=!1;#g;static get css(){return[]}static get globalCss(){}static get hostCss(){}get cssVars(){return{}}__inited=!1;#_=!1;#m;__thisRef;constructor(...t){super(),this.#t=We++,this.__updateTree=[],this.__thisRef=new WeakRef(this),this.#m=this.#E.bind(this),1===A(t)&&(this.#o={},a(this.#o,L(t))),Reflect.getOwnPropertyDescriptor(this.constructor.prototype,"slots")||Reflect.defineProperty(this.constructor.prototype,"slots",{get(){return ee("slots",this)},set(t){se("slots",t,this)}});let e=St.get(this.constructor)??St.get(zt(this.constructor));e&&e.sort(((t,e)=>e.priority-t.priority)).forEach((t=>t.create(this))),this.#w=this.#v.bind(this)}insertStyleSheet(t){if(!this.#r)return null;let e;if(r(t)){e=new CSSStyleSheet;try{e.replaceSync(t)}catch(t){}}else{if(this.#r.adoptedStyleSheets.includes(t))return t;e=t}return this.#r.adoptedStyleSheets=[...this.#r.adoptedStyleSheets,e],e}get rootComponent(){let t=this;for(;t.parentComponent;)t=t.parentComponent;return t}#w;connectedCallback(){let t=i(this.parentNode,(t=>t instanceof Fe||t.host instanceof Fe),"parentNode");this.#l=t?t instanceof Fe?new WeakRef(t):new WeakRef(t.host):void 0;let e=Ut.get(this);e&&(this.#c=new WeakRef(e),Ut.delete(this)),Fe.__l_globalRule.parentNode||document.head.appendChild(Fe.__l_globalRule);let s=f(this.constructor,"hostCss"),n=f(this.constructor,"hostCssSheet");if(s){n||(r(s)?(n=new CSSStyleSheet,n.replaceSync(s)):n=s,b(this.constructor,"hostCssSheet",n));let t=this.#c?.deref()?.shadowRoot??this.#l?.deref()?.shadowRoot??this.ownerDocument;this.#c&&!this.#c.deref()?.shadowRoot?.contains(this)&&(t=i(this,(t=>t instanceof HTMLDocument||t instanceof ShadowRoot),"parentNode")),t&&n&&!t.adoptedStyleSheets.includes(n)&&(t.adoptedStyleSheets=[...t.adoptedStyleSheets,n])}this.setup(),this.__bindEvents()}disconnectedCallback(){this.__unbindEvents()}__bindEvents(){let t=this._eventBindList;w(t,(t=>{let[e,s,r,n]=t;if(n)return;if(!r)return;let o=Ie(e,s&&f(globalThis,s.name)!==s?s.bind(this):s,r,this);t[3]=o}));let e=_t.get(this.constructor);A(e)>0&&(this.__docoEventMap||(this.__docoEventMap=new Map),w(e,(({name:t,targetFn:e,fnName:s})=>{if(this.__docoEventMap.has(t+"@"+s))return;let r=e?e(this):this,n=f(this,s),o=Ie(t,n&&f(globalThis,n.name)!==n?n.bind(this):n,r,this);this.__docoEventMap.set(t+"@"+s,o)})))}__unbindEvents(){w(this._eventBindList,(t=>{let[,,,e]=t;e&&e(),t[3]=null}));let t=[];w(this.__docoEventMap,((e,s)=>{e&&e(),t.push(s)})),t.forEach((t=>this.__docoEventMap.delete(t)))}beforeDestroyed(){}destroyed(){}get isDestroyed(){return this.#y}#y=!1;destroy(){if(this.#y)return;this.#y=!0;let t=St.get(this.constructor)??St.get(zt(this.constructor));if(t&&t.sort(((t,e)=>e.priority-t.priority)).forEach((t=>{t.destroy(this)})),this.beforeDestroyed(),this.__unbindEvents(),this.__docoEventMap?.clear(),this.__docoEventMap=this._eventBindList=null,Vt.get(this)?.clear(),Vt.delete(this),this._watchUpdateArgsInNextTick?.clear(),this._watchUpdateSetInNextTick?.clear(),this._computedUpdateSetInNextTick?.clear(),this._computedUpdateSetInNextTick=null,this.__cssSheets=null,this.__updateSubViewDeps?.clear(),this.#l){let t=this.#l.deref();t&&O(t.__updateTree,(e=>{e.__destroyed||e.node?.deref()===this&&(e.destroy(t),R(e.parent?e.parent.children:t.__updateTree,(t=>t===e)))}))}w(this.__updateTree,(t=>t?.destroy(this))),w(this.#d,(t=>{He.delete(t),t.remove()})),w(this.#p,(t=>{w(t,(t=>t.remove()))})),w(this.__data_.slots,((t,e)=>{w(t,(t=>t.remove()))})),this.#b.clear(),this.#p=this.#d=this.#b=this.#e=this.__data_.slots=null,this.remove(),this.#S=this.#i=this.#a=this.#r=this.#s=this.#n=this.#o=this.#i=this.#a=this.#u=this.#w=this.__data_=this.__updateTree=this.#l=this._asyncDirectives=this.#c=null,this.destroyed()}setup(){if(this.__inited)return;if(this.#_)return;this.#_=!0;let t=f(this.constructor,"globalCss");D(t)||!r(t)||f(this.constructor,"_globalRuleInserted")||(Fe.__l_globalRule.textContent+=t,b(this.constructor,"_globalRuleInserted",!0));let e=De.get(this.constructor),s=e??[];e||(w(f(this.constructor,"css"),(t=>{if(r(t)){let e=new CSSStyleSheet;e.replaceSync(t),s.push(e)}else c(t)||s.push(t)})),De.set(this.constructor,s));const n=this.#N();this.propsReady(n);for(const t in n){const e=n[t];this.__data_[t]=e}this.#T(),this.__data_.slots={},Reflect.defineProperty(this.__data_,"__isData",{enumerable:!1,value:!0});let i=zt(this.constructor);if(Ct.get(this.constructor)??Ct.get(i)){this._watchUpdateSetInNextTick=new Set,this._watchUpdateArgsInNextTick=new Map;let t=Tt.get(this.constructor)??Tt.get(i),e=xt.get(this.constructor)??xt.get(i);w(e,((e,s)=>{let r=f(this,s);e.forEach((t=>{t.call(this,r,void 0,s)})),t.has(s)&&t.set(s,!0)}))}let l=a({},wt.get(this.constructor),wt.get(i));if(l){this._computedUpdateSetInNextTick=new Set;let t=Lt.get(this.constructor);t?w(l,((t,e)=>{this[Bt][e]=t.call(this)})):(t=new Map,Lt.set(this.constructor,t),w(l,((e,s)=>{b(e,"key",s),re.start(),this[Bt][s]=e.call(this),re.end(),re.popVarPathList().forEach((s=>{let r=t.get(s);r||(r=new Set,t.set(s,r)),r.add(e)}))})))}re.start();let u=this.render();re.end();let h,d=re.popVarPathList();this.constructor.prototype._viewDeps||(this.constructor.prototype._viewDeps=d),null===u?(this.#a=[],this.#i=void 0):(this.#r=this.attachShadow({mode:"open"}),this.#r.adoptedStyleSheets=[...Ve,...De.get(this.constructor)??[]],h=function(t,e){let s,r=[];hs.has(e.constructor)?(s=hs.get(e.constructor),r=fs(t)):(s=new Ze(t,e,r),hs.set(e.constructor,s));let[n,o]=gs(e,s.fragment,s.updatePointMetas,r);return e.__updateTree=o,n}(u,this),h&&A(h.children)>0&&(this.#a=V(h.children,(t=>t.nodeType===Node.ELEMENT_NODE)).map((t=>new WeakRef(t))),this.#i=this.#a[0])),this.__inited=!0,this.#M();let p=Ht.get(this);p&&(this.#u=p,Ht.delete(this)),w(this.#u,((t,e)=>{this.#C(e)}));const g=this;let _=St.get(this.constructor)??St.get(zt(this.constructor));_&&_.sort(((t,e)=>e.priority-t.priority)).forEach((t=>{t.beforeMount(this,((t,e)=>(g.__data_[t]=e,g.__data_[t])))})),this.beforeMount(),setTimeout((()=>{if(!this.isDestroyed){if(this.#h=!0,this.#r){re.start();let t=this.cssVars;if(re.end(),!D(t)){this._cssVarOldValueMap={};let e=Ot.get(this.constructor);e||(e=new Set(re.popVarPathList()),Ot.set(this.constructor,e));let s="";w(t,((t,e)=>{let r="--"+v(e).replace(/^-+/,"");(o(t)||W(t))&&(t="initial"),this._cssVarOldValueMap[r]=t,s+=";"+r+":"+t})),this.style.cssText+=s}}h&&A(h.children)>0&&(this.#r.append(h),Wt.delete(this)),_&&_.forEach((t=>{t.mounted(this,((t,e)=>(g.__data_[t]=e,g.__data_[t])))})),this.#g&&this.#g.forEach((t=>de.pushNext(t))),this.#f&&de.pushNext(this.#w),this.__bindEvents(),this.mounted()}}),0)}propsReady(t){}render(){return null}beforeMount(){}mounted(){}#E(t){let e=t.currentTarget,s="";w(this.#d,((t,r)=>{if(t===e)return s=r,!1})),this.__inited&&this.#k(e,s===dt?"":s)}#k(t,e){this.#M();let s=f(this.#e[e],"props");s&&w(this.slots,((t,e)=>{t.filter((t=>t.nodeType===Node.ELEMENT_NODE)).forEach((t=>{t instanceof Fe?t.updateProps(s):w(s,((e,s)=>{if(t instanceof HTMLSlotElement){let r=He.get(t);if(r){let n=t.name||dt,o=r.#e[n];o||(o=r.#e[n]={props:{}}),o.props||(o.props={}),o.props[s]=e,r.#k(t,n)}}else t.setAttribute(s,e)}))}))})),this.slotChange(t,e)}slotChange(t,e){}attributeChangedCallback(t,e,s){if(!this.__inited)return;if(Object.is(s,e))return;"undefined"===s&&(s=null);let r=H(t);if(qt(yt.get(this.constructor)[r].type)){let t=!U(s)&&Qt(s);if(f(this,r)===t)return}this.#R(t,e,s)}shouldUpdate(t){return!0}updated(t){}_notify(t=void 0,e,s,r,n){let o=[];for(let i=0;i<s.length;i++){const a=s[i];o.push(a);let l=f(this,o)??t,c=Xt(o);this.#s[c]={value:l,chain:c===Be?[Be]:o,oldValue:e,end:o.length===s.length,subNewValue:r,subOldValue:n}}this.isMounted?de.pushNext(this.#w):this.#f=!0}#v(){if(A(this.#s)<1)return;if(!this.isMounted)return;const t=this.#s;if(this.#s={},!this.shouldUpdate(t))return;let e=St.get(this.constructor)??St.get(zt(this.constructor));e&&e.sort(((t,e)=>e.priority-t.priority)).forEach((e=>{e.updated(this,t)}));let s=!1,r=new Set,n=this.constructor.prototype._viewDeps;if(w(t,((t,e)=>{if(!s&&n?.includes(e)&&(s=!0),this.__updateSubViewDeps?.has(e)){let t=this.__updateSubViewDeps.get(e);t&&t.forEach((t=>{r.add(t)}))}})),this._watchUpdateSetInNextTick?.forEach((t=>{let{newValue:e,oldValue:s,chain:r,rootObjNew:n,rootObjOld:o,fullMatch:i}=this._watchUpdateArgsInNextTick.get(t),a=i?e:n,l=i?s:o;t.call(this,a,l,r,e,s)})),this._watchUpdateSetInNextTick?.clear(),this._watchUpdateArgsInNextTick?.clear(),this._computedUpdateSetInNextTick?.forEach((t=>{let e=f(t,"key"),s=this.__data_[e],r=t.call(this);(l(r)||r!==s)&&(this.__data_[e]=r,this._notify(r,s,[e]))})),this._computedUpdateSetInNextTick?.clear(),this._cssUpdateInNextTick){let t=this.cssVars;w(t,((t,e)=>{let s="--"+v(e).replace(/^-+/,"");this._cssVarOldValueMap[s]!=t&&((o(t)||W(t))&&(t="initial"),this._cssVarOldValueMap[s]=t,this.style.setProperty(s,t+""))}))}this.#i?.deref()&&(s&&ms(fs(this.render()),this,this.__updateTree,r,t),A(r)>0&&r.forEach((e=>{!function(t,e,s,r){if(!t||t.__destroyed)return;let n=t.node.deref();const[o,i,a,l]=t.value;let u,h=Jt(n,e);if(!s){let s=o(n,t.value[1],i,{renderComponent:e,slotComponent:h,varChain:l,updatedMap:r,pointType:f(Dt.get(a),[0],Ke.TEXT)});if(!s)return;if(s[0]!==je.REFRESH)return;u=c(s[1])?fs(s[1].call(e,t.value[1][0])):s[1]}if(!u)return;ms(u,e,t.children,void 0,r)}(e,this,void 0,t)}))),this.#b.forEach((t=>{this.#C(t)})),this.updated(t)}#N(){let t=yt.get(this.constructor)??yt.get(zt(this.constructor)),e=this.attributes,s=this.tagName,r=m(this.#o??{},Wt.get(this.wrapperComponent)?.get(this)??{}),o={};w(e,(({name:e,value:s})=>{if(e[0]===es||e[0]===ss||e[0]===rs||e===is||"slot"===e)return;let r=H(e);t&&!t[r]&&(o[e]=s)})),this.#n=this.#n?a(this.#n,o):o;let i={};if(!t)return i;let c=Object.keys(t),u=c.length;for(let o=0;o<u;o++){const a=c[o],u=v(a),d=this.hasAttribute(u);let p,g=t[a],_=y(r,a),m=f(this,a);if(!("_defaultValue"in g)&&(g._defaultValue=m,!g.type)){n(m)&&jt(s,"Prop '"+a+"' has neither propType nor defaultValue be used for type inference");let t=typeof m;h(m)&&(t="array");let e=Oe[t];g.type=e}if(_)p=W(r[a])?m:r[a];else{p=m;let t=e.getNamedItem(u)||e.getNamedItem(ss+u)||e.getNamedItem(u+ss);t&&(_=!0,p=t.value)}if(g.required&&!_){jt(s,"Prop '"+a+"' is required");break}p=this.#x(t,a,p,d),g.attribute&&B(p)&&!l(p)&&this.#A(g,a,p),this.__data_[a]=p,i[a]=p,delete this[a]}return i}#A(t,e,s){let r=v(e),n=F(s);qt(t.type)?(n=Qt(s),K(n)?n&&!this.hasAttribute(r)?this.toggleAttribute(r,!0):!n&&this.hasAttribute(r)&&this.toggleAttribute(r,!1):this.getAttribute(r)!==n&&this.setAttribute(r,n)):this.getAttribute(r)!==n&&this.setAttribute(r,n)}#P(t,e){let s=t;try{for(let r=0;r<e.length;r++){const n=e[r];s=n===Boolean?Qt(t):n===Number?Number(t):n===String?String(t):n===Object||n===Array?j(t):n===Date?new Date(t):new n(t)}}catch(e){jt(this.tagName,"Convert attribute error with "+t)}return s}#x(t,e,n,o){let i=t[e];if(!i)return n;let a=i.isValid,l=i.type,c=h(l)?l:[l],u=i.converter,d=n;if(!s(c,(t=>t===String))&&r(d)&&!U(d))try{d=u?u(d):this.#P(d,c)}catch(t){jt(this.tagName,`Convert attribute '${e}' error with `+d)}for(let t=0;t<c.length;t++){"Boolean"===c[t].name&&o&&(d=Qt(d))}if(W(d))return d;let p=typeof d,f=!B(d);for(let t=0;t<c.length;t++){const e=c[t];if(I(p,e.name,"i")||d instanceof e||Object.prototype.toString.call(d)===Object.prototype.toString.call(e.prototype)){f=!0;break}}return f||jt(this.tagName,`Invalid prop '${e}'. expected '${c.map((t=>t.name||t))}' but got '${p}'`),a&&(a.call(this,d,this.__data_)||jt(this.tagName,`Invalid prop '${e}'. IsValid() check failed`)),d}#T(){let t=vt.get(this.constructor)??vt.get(zt(this.constructor));t&&w(t,((e,s)=>{let r=t[s],n=f(this,s);if(r){let t=r.prop;n=t?$(this.__data_[t]):f(this,s)}this.__data_[s]=n,delete this[s]}))}#S=T(this.propsReady,100);updateProps(t){let e=yt.get(this.constructor);if(!e)return;if(!this.__inited)return void a(this.#o,t);let s=[];w(t,((t,r)=>{let n=H(r),o=e[n];if(!o)return;t=this.#x(e,n,t);let i=this.__data_[n],a=It.get(this.constructor),c=a?.get(n);if(c){if(!c.call(this,t,i,[n],t,i))return!0}else if(l(t)){let e=Pt.get(this.constructor);if(e?.has(n)&&Object.is(i,t))return!0}else if(Object.is(i,t))return!0;o.attribute&&B(t)&&!l(t)&&s.push([o,n,t]),b(this.__data_,n,t),ue(this,t,i,[n])})),a(this.#o,t),s.forEach((([t,e,s])=>{this.#A(t,e,s)})),this.#o&&this.#S(this.#o)}_initProps(t,e){this.#o=m(this.#o||{},t),this.#n=m(this.#n||{},e),w(t,((t,e)=>{if(l(t)){let s=oe.get(t);if(s){let t=this.wrapperComponent?vt.get(this.wrapperComponent?.constructor):null,r=s[0];if(t&&t[r]){let s=yt.get(this.constructor);b(s,[e,"shallow"],t[r].shallow)}}}}))}_bindSlot(t,e,s){this.#d[e]||(this.#d[e]=t,He.set(t,this));let r="slotchange",n=Ie(r,this.#m,t,this);if(this._eventBindList.push([r,this.#m,t,n]),!D(s)){let t=this.#e[e];t||(t=this.#e[e]={}),t.props=s}}#b=new Set;_updateSlot(t,e,s){let r=this.#d[t],n=this.#u[t];if(!n&&!r)return;let o=this.#e[t];if(e&&(o.props||(o.props={}),o.props[e]=s),n)this.#b.add(t);else{let t=r.assignedElements({flatten:!0});for(let r=0;r<t.length;r++){t[r].setAttribute(e,s+"")}}}#M(){if(!this.#i)return;let t=G(this.#d);if(D(t))return;const e=P(this.childNodes,(t=>t.nodeType===Node.COMMENT_NODE?[]:t instanceof HTMLSlotElement?t.assignedNodes({flatten:!0}):t));let s=X(e,(e=>{if(e.nodeType===Node.TEXT_NODE&&t.includes(dt))return dt;if(e instanceof Element){let s=e.getAttribute("slot")||dt;if(t.includes(s))return s}}));if(D(s))return void(this.slots={});w(s,((t,e)=>{if(e){for(;t.length>0;){let e=t[0];if(!(e.nodeType===Node.TEXT_NODE&&o(e.textContent)||e instanceof HTMLSlotElement&&D(e.assignedNodes({flatten:!0}))))break;t.shift()}for(;t.length>0;){let e=z(t);if(!(e.nodeType===Node.TEXT_NODE&&o(e.textContent)||e instanceof HTMLSlotElement&&D(e.assignedNodes({flatten:!0}))))break;t.pop()}}}));let r={};w(s,((t,e)=>{D(t)||(r[e]=t)})),this.slots=r}#C(t){let e=this.#u[t];if(!e)return;let s=this.#e[t];if(!this.__data_.slots)return;if(!this.__data_.slots[t])return;this.renderAsync(e,f(s,"props"));const r=this._asyncDirectives.get(e);let n=r?.buildView(e(f(s,"props"))),o=q(g(n),(t=>t.nodeType===Node.COMMENT_NODE));if(o){let e=this.#p[t];if(!D(e))for(let t=0;t<e.length;t++){const s=e[t];s.parentNode?.removeChild(s)}this.#p[t]=o,this.append(...o),this.#b.clear()}}_asyncDirectives=new WeakMap;renderAsync(t,...e){}#R(t,e,s){if(!this.__inited)return;if(_e(this.constructor).has(t)){let e=H(t);if(U(s)){let t=yt.get(this.constructor);t&&(s=t[e]._defaultValue)}this.updateProps({[e]:s})}}_regSubViewDeps(t,e){this.__updateSubViewDeps||(this.__updateSubViewDeps=new Map),t.forEach((t=>{let s=this.__updateSubViewDeps.get(t);s||(s=new Set,this.__updateSubViewDeps.set(t,s)),s.add(e)}))}_getPrivateData(){return this.__data_}emit(t,e={},s){if(s&&(e.event=s),e.target=this,y(this.#n,"emit-native"))this.dispatchEvent(new CustomEvent(t,{bubbles:!1,composed:!1,cancelable:!0,detail:e}));else{let s=f(this,"__c_emit_event_");this.wrapperComponent?._callEmitEvent(s,t,e)}}_callEmitEvent(t,e,s){let r=this._subComponentEventMap.get(t),n=f(r,e);c(n)&&n.call(this,s)}nextTick(t){if(!this.isMounted)return this.#g||(this.#g=[]),void this.#g.push(t);de.pushNext(t)}forceUpdate(){w(this.__data_,((t,e)=>{this.#s[e]={value:void 0,chain:void 0}})),this.#v()}}var Ke,je,$e;function Ge(t,e,s,r,n,o,i,a,l,c){let u,d=f(Dt.get(t),[0],"");if([Ke.TEXT,Ke.SLOT].includes(d)?(re.start(),u=n(e,s,r,{renderComponent:o,slotComponent:i,varChain:a,updatedMap:c,pointType:d}),re.end(o,l)):u=n(e,s,r,{renderComponent:o,slotComponent:i,varChain:a,updatedMap:c,pointType:d}),!u)return;let[_,m,E,v,y,S]=u;if(_===je.NONE)return;if(_===je.REFRESH)return;let N=S,T=!1;h(S)||(N=x(S,((t,e)=>t)),T=!0);let M=f(e,"__anchor__"),C={};w(G(e),(t=>{"__anchor__"!==t&&p(t,"__c-")&&(C[t]=f(e,[t]))}));let k=l.subViewRootNodes,A=l.children;if(_===je.REMOVE){let t=[];w(k,((e,s)=>{if(h(e))w(e,(t=>{let e=t.deref();e.remove(),e instanceof Fe&&e.destroy()}));else{let s=e.deref();s.remove(),t.push(e),s instanceof Fe&&s.destroy()}})),t.forEach((t=>{R(k,(e=>e===t))})),A?.forEach(((t,e)=>{t.destroy(o),A[e]=null})),l.children=Q(A),h(k)?l.subViewRootNodes=[]:l.subViewRootNodes={}}else if(_===je.REPLACE){w(k,(t=>{let e=t.deref();e.remove(),e instanceof Fe&&e.destroy()})),A?.forEach(((t,e)=>{t.destroy(o),A[e]=null})),l.children=Q(A);let[,t,s]=u;_s(e,l,t,s,o)}else if(_===je.UPDATE){if(D(k))return void _s(e,l,y,m,o,S,((t,e,s)=>E[s]));let t={},s={};w(v,(s=>{let r=t[s];r||(r=t[s]=[]),V(e.parentElement.childNodes,(t=>f(t,["__c-"+M])==s)).forEach((t=>{r.push(t)}))})),l.children?.forEach((t=>{s[t.key]?s[t.key].push(t):s[t.key]=[t]}));let r,n=v,i=E,a=Z(v,E),u=J(v,a),h=[],d=[],p=!1;if(!D(i)){let e=-1,s=[],r=[],o=0,a=0;for(;a<i.length;a++){const l=i[a];let c=n.findIndex((t=>t===l));if(c<0){let e=i[a-1];t[l]=[],h.push({refKey:e,newKey:l}),o++}else if(c>-1&&c!==a-o){if(e<0||1===Math.abs(e-c)){let e=z(s),r=0===a?$e.AFTER_BEGIN:e?e.newKey:i[a-1],n=!1;0!==a&&D(t[r])&&(n=!0),s.push({newKey:l,refKey:r,refNew:n})}else{r.push({moveGroup:s,moveIndex:a+s.length});let e=i[a-1],n=!1;D(t[e])&&(n=!0),s=[],s.push({newKey:l,refKey:e,refNew:n})}e=c}}if(s.length>0&&r.push({moveGroup:s,moveIndex:a+s.length}),r.length>0){p=!0;let e=r.sort(((t,e)=>t.moveGroup.length-e.moveGroup.length));if(e.length<2){let{moveGroup:s}=e[0];if(s.length>1){let t=z(s).refKey;s[s.length-2].newKey===t&&(s=Y(s))}Xe(s,t,v)}else{let s=z(e).moveIndex;1===Math.abs(e[e.length-2].moveIndex-s)&&(e=Y(e)),e.forEach((({moveGroup:e})=>{e[0].refNew?d.push(e):Xe(e,t,v)}))}}}if(h.length>0&&(h.forEach((e=>{let s=tt(E,(t=>t==e.newKey)),r=N[s],n=r;T&&(n=r[0],E[s]);let i=fs(y.call(o,n,e.newKey,s)),[a,c]=gs(o,m.fragment,m.updatePointMetas,i);e.fragment=a,w(c,(t=>{t.key=e.newKey,l.children?.push(t)}));let u=g(a.childNodes),h=t[e.newKey];w(u,(t=>{h.push(t),a.childNodes.forEach((t=>b(t,"__c-"+M,e.newKey+""))),w(C,((e,s)=>b(t,s,e)))}))})),o.__bindEvents(),r=function(t){let e,s=[];return t.forEach((t=>{let r=z(s);r&&e===t.refKey?(r.group||(r.group=[r.fragment]),r.group.push(t.fragment)):s.push(t),e=t.newKey})),s}(h),r.forEach(((s,r)=>{let n=s.fragment,o=t[s.refKey??v[0]],i=L(o),a=z(o);if(s.group){let t=document.createDocumentFragment();t.append(...s.group),n=t}i===e?i.before(n):s.refKey?"string"==typeof i||a.after(n):i.before(n)}))),w(d,(e=>{Xe(e,t,v)})),u.forEach((e=>{t[e].forEach((t=>{t.parentNode?.removeChild(t)})),s[e].forEach((t=>{t.destroy()}))})),p||u.length>0||r){const t=X(A,(t=>t.key));let e=[],s=0;i.forEach((r=>{t[r]&&t[r].forEach((t=>{t.varIndex=s++,e.push(t)}))})),J(A,e).forEach((t=>t.destroy(o))),l.children=e}let _={};if(w(N,((e,s)=>{let r=E[s],n=t[r];_[r]=n.map((t=>new WeakRef(t)))})),l.subViewRootNodes=_,a.length>0){let t=[];w(N,((e,s)=>{let r=s,n=e;T&&(n=e[0],r=e[1]);let i=fs(y.call(o,n,r,s));t.push(...i)})),ms(t,o,l.children,void 0,c)}}return!0}function Xe(t,e,s){t.forEach((({refKey:t,newKey:r})=>{let n=e[r];if(t===$e.AFTER_BEGIN){let t=e[s[0]];L(t).before(...n)}else if(e[t]){let s=e[t],r=z(s);r?.after(...n)}}))}function ze(t,e){return Dt.set(t,e),(...e)=>[t(...e),e,t,re.popDirectiveQ()]}function qe(t,e,s){Dt.get(t)}!function(t){t.ATTR="attr",t.PROP="prop",t.TEXT="text",t.SLOT="slot",t.TAG="tag"}(Ke||(Ke={})),function(t){t.NONE="NONE",t.REFRESH="REFRESH",t.REMOVE="REMOVE",t.REPLACE="REPLACE",t.UPDATE="UPDATE",t.INIT="INIT"}(je||(je={})),function(t){t.AFTER_BEGIN="afterbegin"}($e||($e={}));const Qe=new RegExp(`([a-z0-9"'${Ft}])\\s*>\\s*<`,"img");class Ze{updatePointMetas;fragment;constructor(t,e,s){let[r,n]=this.parseTemplate(t);s&&a(s,n),this.updatePointMetas=[],this.fragment=function(t,e,s,r){const n=document.createElement("template");n.innerHTML=e;const i=document.createNodeIterator(n.content,NodeFilter.SHOW_ELEMENT|NodeFilter.SHOW_TEXT);let a,l,u=0,d=-1,p=-1;for(;a=i.nextNode();)if(d++,l&&!l.contains(a)&&(l=void 0,p=-1),a instanceof HTMLElement||a instanceof SVGElement){Yt(a)&&(l=a,p=d);let e={},n=x(a.attributes,(t=>({name:t.name,value:t.value})));for(let o=0;o<n.length;o++){const i=n[o];let{name:f,value:g}=i;if(f!==us)if(as.test(f)){let e=s[u];if(h(e)&&c(e[0])){let[,,s,n]=e;qe(s,Ke.TAG,r.tagName);let o=new ts(u);o.isDirective=!0,o.directiveType=Ke.TAG,o.nodeSn=d,o.directiveVarChain=n,l&&(o.slotNodeSn=p),t.push(o),u++}a.removeAttribute(f)}else if(f[0]!==es)if(f!==is)if(z(f)!==ss){if(g.includes(Ft)){let e=new ts(u);if(e.attrName=f.replace(/\.|\?|@/,""),e.nodeSn=d,l&&(e.slotNodeSn=p),f[0]===ss||f[0]===rs||f[0]===ns){if(f[0]===rs)e.isToggleProp=!0,e.attrName=f.substring(1);else if(f[0]===ns){e.isRefAttr=!0;let t=f.substring(1);const[s,r]=t.split(os);let n=s;switch(r){case"camel":n=H(n);break;case"kebab":n=v(n);break;case"snake":n=it(n)}e.attrName=n}else{let t=Et[a.tagName.toLowerCase()];yt.get(t);{let t=H(f.substring(1));e.isProp=!0,e.attrName=t}}a.removeAttribute(f)}else e.attrTmpl=g;t.push(e),u++}}else{e[f.substring(0,f.length-1)]=g,a.removeAttribute(f);let t=new ts(u);t.attrName=f.substring(0,f.length-1),t.nodeSn=d,t.isPropPerfix=!0}else{if(as.test(g)){s[u];let e=new ts(u);e.isRef=!0,e.nodeSn=d,t.push(e),u++}a.removeAttribute(f)}else{if(as.test(g)){let e=new ts(u);e.isEvent=!0,e.attrName=f.substring(1),e.nodeSn=d,t.push(e),s[u],u++}a.removeAttribute(f)}}}else{let e=F(a.nodeValue).split(as);if(e.length<2)continue;w(at(e.length-1),(n=>{let i=F(e[n]);if(!o(i)){let t=document.createTextNode(i);a.parentNode.insertBefore(t,a),d++}let f=document.createTextNode("");a.parentNode.insertBefore(f,a);let g=new ts(u);g.isText=!0,g.nodeSn=d,t.push(g);let _=s[u];if(h(_)&&c(_[0])){let t=l?Ke.SLOT:Ke.TEXT;g.isDirective=!0,g.directiveType=t,l&&(g.slotNodeSn=p);let[,,e]=_;qe(e,0,r.tagName),_=void 0}u++,d++})),d--;let n=F(z(e));if(o(n)){let t=a.previousSibling;a.parentNode.removeChild(a),a=t}else a.nodeValue=n,d++}return n.content}(this.updatePointMetas,r,n,e)}parseTemplate(t){let e="",s=d(t.vars),r=t.strings.length-1,n=t.vars.length-1,o=0;for(let i=0;i<=r;i++){const r=t.strings[i];let a=f(s,o,"");if(a instanceof Je){let[t,e]=this.parseTemplate(a);a=t,s.splice(o,1,...e),o+=e.length-1}else a=i>n?"":Ft+o;o++,e=e+r+a}return e=e.replace(Qe,"$1><").trim(),e=ps(e),[e,s]}}class Je{strings;vars;constructor(t,e){this.strings=d(t),this.vars=e}getKey(){let t=this.vars,e="";return w(this.strings,((s,r)=>{if(pt.test(s))return e=et(t[r]),!1})),e}getKeys(){let t=this.vars,e=[];for(let s=0;s<this.strings.length;s++){const r=this.strings[s];if(pt.test(r)){let r=et(t[s]);e.push(r)}}return D(e)&&t.forEach((t=>{if(t instanceof Je){let s=t.getKey();e.push(s)}})),e}append(t){let e=z(this.strings);return t.strings.forEach(((t,s)=>{0!=s?this.strings.push(t):this.strings[this.strings.length-1]=e+t})),this.vars=d(this.vars,t.vars),this}insert(t,e){let s=e.strings.shift();return this.strings[t]+=s,this.strings.splice(t+1,0,...e.strings),this.vars.splice(t,0,...e.vars),this}getHTML(t){let e=[],s=new Ze(this,t,e),[r,n]=gs(t,s.fragment,s.updatePointMetas,e);return st(r.childNodes,((t,e)=>t+(e.nodeType==Node.TEXT_NODE?e.nodeValue:e.outerHTML??"")),"")}destroy(){this.strings=this.vars=null}}class Ye{metaInfo;key;varIndex;value;node;subViewRootNodes;__destroyed=!1;children;parent;constructor(t){this.varIndex=t}static createFrom(t){let e=new Ye(t.varIndex);return e.metaInfo=t,e}destroy(t){if(this.__destroyed)return;this.__destroyed=!0;let e=this.node,s=this.children;if(this.parent,this.node=this.value=this.children=this.parent=this.metaInfo=null,!e)return;let r=s;r?.forEach(((e,s)=>{e.destroy(t)})),e instanceof Fe&&e.destroy(),t&&Zt.clear(e.deref(),t),e.deref()?.remove()}insert(t){t.parent=this,this.children||(this.children=[]),this.children.push(t)}}class ts{varIndex;attrName;attrTmpl;isText=!1;isDirective=!1;directiveType;directiveVarChain;isProp=!1;isPropPerfix=!1;isToggleProp=!1;isPlaceholder=!1;isEvent=!1;isRef=!1;isKey=!1;isRefAttr=!1;isComponent=!1;isSlot=!1;nodeSn=-1;slotNodeSn=-1;constructor(t){this.varIndex=t}}const es="@",ss=".",rs="?",ns="*",os=":",is="ref",as=new RegExp(`${Ft}\\d+`),ls=/(<\/?)\s*([A-Z][A-Za-z0-9]*)([\s>])/gm,cs=/\s+([\.?@*])?((?:[a-zA-Z]*[A-Z][^\s<>="']+))(?=[\s=>])/gm,us="slot-props",hs=new Map;let ds=0;function ps(t){return r(t)?t=(t=t.replace(cs,((t,e,s)=>` ${e??""}${v(s)}`))).replace(ls,((t,e,s,r)=>e+mt[s]+r)):t+""}function fs(t){let e=d(t.vars),s=t.strings.length-1;for(let r=0;r<=s;r++){let s=f(t.vars,r,"");if(s instanceof Je){let t=fs(s);e.splice(r,1,...t)}}return e}function gs(t,e,s,r){let n,o=e.cloneNode(!0),i=[],a=[],l=[],c=t._eventBindList;c||(c=t._eventBindList=[]);const u=document.createNodeIterator(o,NodeFilter.SHOW_ELEMENT|NodeFilter.SHOW_TEXT);let h={},d={};s.forEach(((t,e)=>{h[t.nodeSn]||(h[t.nodeSn]=[]),h[t.nodeSn].push(t),t.slotNodeSn>-1&&(d[t.slotNodeSn]=null)}));let p=-1,f=0;for(;n=u.nextNode();){p++,null===d[p]&&(d[p]=n);let e={};const s=h[p];s&&s.forEach((t=>{let s=r[f++],o=Ye.createFrom(t);if(o.node=new WeakRef(n),o.value=s,t.isProp||t.isPropPerfix)e[t.attrName]=s;else if(t.isRef)s.__setRef(new WeakRef(n));else if(t.isEvent)c.push([t.attrName,s,n]);else if(t.isToggleProp)o.value=!!s,n.toggleAttribute(t.attrName,o.value);else if(t.isRefAttr)n.setAttribute(t.attrName,s);else if(t.isText)if(t.isDirective){let e=t.attrName,r=d[t.slotNodeSn],[i,l,,c]=s;a.push([n,e,r,i,l,c,o])}else n.textContent=s;else if(t.isDirective){let e=d[t.slotNodeSn],[r,o,,i]=s,a=t.attrName;D(i)&&A(t.directiveVarChain)>0&&(i=t.directiveVarChain),l.push([n,a,e,r,o,i,t.directiveType])}else n.setAttribute(t.attrName,t.attrTmpl.replace(as,s));i.push(o)})),n instanceof HTMLSlotElement?t._bindSlot(n,n.name||"default",e):n instanceof HTMLElement&&Yt(n)&&(Ut.set(n,t),te(t,n,e))}return a.forEach((([e,s,r,n,o,i,a])=>{b(e,"__anchor__",ds++),re.start();let l=n(e,o,void 0,{renderComponent:t,slotComponent:r,varChain:i,attrName:s,pointType:a.directiveType});if(re.end(t,a),l&&l.length>1){let[,s,r,n,o]=l;_s(e,a,s,r,t,n,o)}})),l.forEach((([e,s,r,n,o,i,a])=>{n(e,o,void 0,{renderComponent:t,slotComponent:r,varChain:i,attrName:s,pointType:a})})),[o,i]}function _s(t,e,s,r,n,o,i){let a=[],l=i?{}:void 0;o=o??[0];let c=document.createDocumentFragment(),u=f(t,"__anchor__");w(o,((t,o,h,d)=>{re.start();let p=fs(s.call(n,t,o,d));re.end(n);let[f,_]=gs(n,r.fragment,r.updatePointMetas,p),m=g(f.childNodes).map((t=>new WeakRef(t)));if(i){let e=i.call(n,t,o,d)+"";m.forEach((t=>{let s=t.deref();b(s,"__c-"+u,e)})),l[e]=m,_.forEach((t=>{t.key=e})),a.push(..._),c.append(f)}else c=f,e.subViewRootNodes=m,_.forEach((t=>{e.insert(t)}))})),l&&(e.subViewRootNodes=l,a.forEach(((t,s)=>{t.varIndex=s,e.insert(t)}))),c.childNodes.length>0&&(n.__bindEvents(),t.parentNode.insertBefore(c,t))}function ms(t,e,s,r,n){if(!o(t)&&s)for(let o=0;o<s.length;o++){const i=s[o];let a=i.varIndex;if(a<0)continue;let c=i.metaInfo;if(c.isPlaceholder||c.isPropPerfix||c.isRef||c.isEvent||c.isRefAttr||c.isKey)continue;if(i.__destroyed)continue;let u=i.value,d=t,p=i.node.deref();if(!p)continue;let g=rt(a,"-");for(let t=0;t<g.length;t++){const e=g[t];d=f(d,e),d&&d.vars&&o<g.length-1&&(d=d.vars)}if(!l(u)&&u===d)continue;let _=p;if(c.isDirective){let[t,s,o,a]=i.value;if(!h(d))continue;let l=Jt(p,e),[,c]=d;Ge(o,p,c,s,t,e,l,a,i,n)&&r?.delete(i)}else if(c.isToggleProp){if(!!d===u)continue;_.toggleAttribute(c.attrName,!!d),_ instanceof Fe&&_.updateProps({[c.attrName]:!!d})}else if(c.isProp){if(!l(d)&&d===u)continue;p instanceof Fe?p.updateProps({[c.attrName]:d}):p instanceof HTMLSlotElement&&e._updateSlot(p.getAttribute("name")||"default",c.attrName,d)}else if(c.attrName){if(!nt(u,d))switch(c.attrName){case"value":if(p instanceof HTMLInputElement){p.value=d;break}default:p.setAttribute(c.attrName,ot(c.attrTmpl,as,d+""))}}else if(c.isText){let t=i.node,e=et(d??"");e!==t.deref().textContent&&(t.deref().textContent=e)}i.value=d}}function Es(t,...e){return new Je(r(t)?[t]:t,e)}class ws{__ref;get current(){return this.__ref?.deref()}__setRef(t){this.__ref=t}}function vs(){return new ws}var ys;!function(t){t.CLASS="class",t.FIELD="field",t.METHOD="method"}(ys||(ys={}));class bs{static get priority(){return 0}created(t,...e){}beforeMount(t,e,...s){}mounted(t,e,...s){}updated(t,e){}beforeDestroy(t,...e){}}class Ss{metadata;decorator;key;priority=0;constructor(t,e,s){this.metadata=e,this.decorator=new s(...t),this.priority=f(s,"priority",0)}dispose(){this.metadata=null,this.decorator=null}create(t){let e,s=this.decorator.targets,r=this.metadata[1];l(r)&&B(f(r,"configurable"))?e=ys.METHOD:n(this.metadata[1])&&(e=ys.FIELD),!D(s)&&e&&s.includes(e)?this.decorator.created(t,...this.metadata):Kt(`Decorator '${this.decorator.constructor.name}' is out of targets, expect '${s.join(",")}' bug got '${e}'`)}beforeMount(t,e){this.decorator.beforeMount(t,e,...this.metadata)}mounted(t,e){this.decorator.mounted(t,e,...this.metadata)}updated(t,e){this.decorator.updated(t,e)}destroy(t){this.decorator.beforeDestroy(t,...this.metadata)}}function Ns(t){return(...e)=>(...s)=>{let r=s[0].constructor,n=St.get(r);if(!St.has(r)){let t=Object.getPrototypeOf(r);n=t?d(St.get(t)??[]):[],St.set(r,n)}let o=new Ss(e,s.splice(1),t);return n?.push(o),o}}function Ts(t){return(...e)=>{if(!e||e.length<1)return;let s=e[0].constructor,r=St.get(s);if(!St.has(s)){let t=Object.getPrototypeOf(s);r=t?d(St.get(t)??[]):[],St.set(s,r)}let n=new Ss([],e.splice(1),t);return r?.push(n),n}}function Ms(t,e,s){return wt.has(t.constructor)||wt.set(t.constructor,{}),wt.get(t.constructor)[e]=s.get,delete t[e],Reflect.defineProperty(t,e,{get(){return re.__collecting&&re.__varPathList.push(e),Reflect.get(this[Bt],e)}}),Reflect.getOwnPropertyDescriptor(t,e)}const Cs=Ns(class extends bs{static get priority(){return Number.MAX_VALUE}created(t,e,...s){let r=f(t,e);b(t,e,T(r,this.wait,this.immediate)),b(t,e+"_$__",r)}beforeDestroy(t,e){b(t,e,null),b(t,e+"_$__",null)}get targets(){return[ys.METHOD]}wait;immediate;constructor(t,e=!1){super(),this.wait=t,this.immediate=e}});function ks(t,e){return(s,r,n)=>{if(!_t.has(s.constructor)){let t=[],e=s.constructor;for(;(e=zt(e))!==Fe;)t=d(t,_t.get(e)??[]);_t.set(s.constructor,t)}_t.get(s.constructor)?.push({name:t,targetFn:e,fnName:r})}}const Rs=Ns(class extends bs{static get priority(){return Number.MAX_VALUE}created(t,e,s,...r){let n=lt(f(t,s),t);b(t,s,C(n)),b(t,s+"_$__",n)}beforeDestroy(t,e){b(t,e,null),b(t,e+"_$__",null)}get targets(){return[ys.METHOD]}});var xs;!function(t){t.ONCE="once"}(xs||(xs={}));const As=new WeakMap;class Ps extends bs{static get priority(){return Number.MAX_VALUE}get targets(){return[ys.FIELD]}selector;cache;constructor(t,e){super(),this.selector=t,this.cache=e}static getKey(t){return t}getter(t){let e=t?.shadowRoot?.querySelector(this.selector),s=As.get(t);s||(s=new Map,As.set(t,s)),s.set(this.selector,e)}mounted(t,e,s,...r){const n=this;let o=new WeakRef(t);Reflect.defineProperty(t,s,{configurable:!0,get(){let t=o.deref();return As.has(t)&&As.get(t)?.has(n.selector)&&n.cache===xs.ONCE||n.getter(t),As.get(t)?.get(n.selector)}})}beforeDestroy(t,e){As.get(t)?.clear(),As.delete(t)}updated(t,e){this.cache!==xs.ONCE&&this.getter(t)}}const Is=Ns(Ps),Ls=Ns(class extends Ps{getter(t){let e=t.shadowRoot?.querySelectorAll(this.selector),s=As.get(t);s||(s=new Map,As.set(t,s)),s.set(this.selector,e)}});function Os(t){if(1===arguments.length)return(e,s)=>{Ds(e,s,t)};Ds(arguments[0],arguments[1],{prop:""})}function Ds(t,e,s){if(!vt.has(t.constructor)){const e={};let s=t.constructor;for(;(s=zt(s))!==Fe;)m(e,vt.get(s)??{});vt.set(t.constructor,e)}if(s.shallow=s.shallow||!1,b(vt.get(t.constructor),e,s),s.hasChanged){let r=It.get(t.constructor);r||(r=new Map,It.set(t.constructor,r)),r.set(e,s.hasChanged)}if(s.shallow){let s=At.get(t.constructor);s||(s=new Set,At.set(t.constructor,s)),s.add(e)}Reflect.defineProperty(t.constructor.prototype,e,{get(){return ee(e,this)},set(t){se(e,t,this)}})}function Vs(t,e,s){Ds(t.prototype,e,s||{prop:""})}function Ws(t){return e=>{e&&(mt[e.name]=t,Et[t]=e)}}const Hs=Ns(class extends bs{static get priority(){return Number.MAX_VALUE}created(t,e,...s){let r=f(t,e);b(t,e,M(r,this.wait)),b(t,e+"_$__",r)}beforeDestroy(t,e){b(t,e,null),b(t,e+"_$__",null)}get targets(){return[ys.METHOD]}wait;constructor(t){super(),this.wait=t}});function Us(t,e){return(s,r)=>{let n=Rt.get(s.constructor),o=kt.get(s.constructor),i=Tt.get(s.constructor),l=Mt.get(s.constructor),c=Ct.get(s.constructor),u=xt.get(s.constructor);if(!c){c=[],Ct.set(s.constructor,c),l=[],Mt.set(s.constructor,l),i=new Map,Tt.set(s.constructor,i),n={},Rt.set(s.constructor,n),o={},kt.set(s.constructor,o),u={},xt.set(s.constructor,u);let t=zt(s.constructor);for(;t;)Ct.has(t)&&(c.push(...Ct.get(t)),l.push(...Mt.get(t)),Tt.get(t)?.forEach(((t,e)=>{i.set(e,t)})),a(n,Rt.get(t)),a(o,kt.get(t)),a(u,xt.get(t))),t=zt(t)}(h(t)?t:[t]).forEach((t=>{let a=s[r];f(e,"once",!1)&&i.set(t,!1);let h=f(e,"deep",!1);if(c.push(t),h?(n[t]=n[t]??new Set,n[t].add(a),l.push(t)):(o[t]=o[t]??new Set,o[t].add(a)),f(e,"immediate",!1)){let e=u[t];e||(e=u[t]=new Set),e.add(a)}}))}}const Bs=["key"],Fs=ze((function(t){return(t,[e],s,{renderComponent:r})=>{let n=t;if(s)w(e,((t,e)=>{n.setAttribute(e,t)}));else if(Yt(n)){let t={},s=yt.get(n.constructor);w(e,((e,r)=>{if(Bs.includes(r))return;let o=H(r);(s?s[o]:void 0)?t[r]=e:n.setAttribute(r,e+"")})),te(r,n,t)}else w(e,((t,e)=>{n.setAttribute(e,t)}))}}),[Ke.TAG]),Ks=new WeakMap,js=ze((function(t){return(t,[e],s,{renderComponent:n})=>{let o=[];if(h(e)?o=Q(e):l(e)?o=P(e,((t,e)=>t?e:[])):r(e)&&(o=e.split(" ")),o.length<1&&!s)return;let i=t;if(Ks.get(i)&&Ks.get(i).length===o.length&&ct(Ks.get(i),o))return;let a=Ks.get(i);w(a,(t=>{i.classList.remove(t)})),w(o,(t=>{i.classList.add(t)})),a=d(o),Ks.set(i,a)}}),[Ke.TAG]),$s=new WeakMap,Gs=new WeakMap,Xs=ze((function(t,e,s){return(t,r,o,{renderComponent:i,varChain:a,updatedMap:l})=>{let c=r[0];if(f(o,0),D(c)&&n(o))return[je.INIT];let u=0,h=Q(x(c,((t,s)=>e.call(i,t,s,u++)+"")));if(h.length!=new Set(h).size)return void Kt(`forEach - duplicate key in '${h}'`);let d,p=$s.get(t);if($s.set(t,h),o){if(D(h))return[je.REMOVE];if(A(h)===A(p)&&nt(h,p))return[je.REFRESH,zs(c,s,i)]}let g=r[2];if(Gs.has(t))d=Gs.get(t);else{let e=G(c)[0],s=c[e],r=g.call(i,s,e,0);d=new Ze(r,i),Gs.set(t,d)}return o?[je.UPDATE,d,h,p,g,c]:[je.INIT,s,d,c,e]}}),[Ke.TEXT,Ke.SLOT]);function zs(t,e,s){let r=[];return w(t,((t,n)=>{let o=fs(e.call(s,t,n));r.push(...o)})),r}let qs=document.createElement("template"),Qs=new WeakMap;const Zs=ze((function(t){return(t,e,s,{renderComponent:r})=>{if(!(s&&e[0]==s[0]||W(e[0])))if(ut(t))t.innerHTML=ps(e[0]);else{let r=Qs.get(t);r||(r=document.createTextNode(""),t.parentNode?.insertBefore(r,t),Qs.set(t,r)),qs.innerHTML=ps(e[0]),o(s)||Zt.remove(r,t),t.before(qs.content.cloneNode(!0))}}}),[Ke.TAG,Ke.TEXT,Ke.SLOT]),Js=new WeakMap,Ys=new WeakMap,tr=new WeakMap,er=ze((function(t,e,s){return(t,[e,s,r],n,{renderComponent:o})=>{let i;if(n){if(!!e==!!n[0]){let e=Js.get(t);return[je.REFRESH,e]}let a=e?s:r;return e?(i=Ys.get(t),i||(i=new Ze(a.call(o,e),o),Ys.set(t,i))):(i=tr.get(t),i||(i=new Ze(a.call(o,e),o),tr.set(t,i))),[je.REPLACE,a,i]}let a=e?s:r;return e?(i=Ys.get(t),i||(i=new Ze(a.call(o,e),o),Ys.set(t,i))):(i=tr.get(t),i||(i=new Ze(a.call(o,e),o),tr.set(t,i))),Js.set(t,a),[je.INIT,a,i]}}),[Ke.TEXT,Ke.SLOT]),sr=new WeakMap,rr=ze((function(t,e){return(t,[e,s],r,{renderComponent:n})=>{let o=sr.get(t);return e&&!sr.has(t)&&(o=new Ze(s.call(n),n),sr.set(t,o)),r?r[0]?e?[je.REFRESH,s]:[je.REMOVE]:e?[je.REPLACE,s,o]:[je.NONE]:[je.INIT,...e?[s,o]:[]]}}),[Ke.TEXT,Ke.SLOT]);var nr;!function(t){t.CHANGE="change",t.INPUT="input"}(nr||(nr={}));const or=ze((function(t,s="value",n){return(t,[s,n,o],i,{varChain:a,renderComponent:c})=>{n=n??"value";const u=t;if(i){const t=i[0],e=s;if(!l(e)&&Object.is(e,t))return;if(u instanceof Fe)u.updateProps({[n]:e});else if(u instanceof HTMLTextAreaElement||u instanceof HTMLSelectElement){if(u.setAttribute(n,e+""),u instanceof HTMLSelectElement){let t=N(u.querySelectorAll("option"),(t=>t.value==e));t&&(t.selected=!0)}}else if(u instanceof HTMLInputElement){if(u.value==e)return;switch(u.type){case"checkbox":case"radio":e?u.setAttribute("checked",""):u.removeAttribute("checked");break;case"text":case"email":case"number":case"password":case"search":case"tel":case"url":u.setAttribute(n,e+""),b(u,n,e);break;default:u.setAttribute(n,e+"")}}return}let h;h=r(o)?e(o)[0]:z(a);const d=rt(h,".")[0];let p=ne.get(c),g="";p&&(g=p[d]),d in c||!g||g in c||Kt(`model - property '${d}' is not defined on the instance of `+c.tagName);let _=c._eventBindList;if(l(s)||F(s)||(s=""),Et[u.tagName.toLowerCase()]){te(c,u,{[n]:s}),Le(u,c,"update:"+n,(function(t){let e=this,s=(ne.get(e)??{})[d];!(d in e)&&s&&f(e.wrapperComponent,d)===f(e,s)&&(e=e.wrapperComponent||e),b(e,h,t.value)}))}else if(u instanceof HTMLTextAreaElement){u.setAttribute(n,s+"");let t="input";_.push([t,function(t){let e=t.target;b(this,h,e.value)},u])}else if(u instanceof HTMLInputElement){let t="",e="";switch(u.type){case"checkbox":case"radio":t="checked",e="change";break;default:t="value",e="input"}u.setAttribute(n??t,s+""),_.push([e,function(t){let e=t.target;b(this,h,e.value)},u])}else u instanceof HTMLSelectElement&&(u.setAttribute(n,s+""),_.push(["change",function(t){let e=t.target,s=this,r=(ne.get(s)??{})[d];!(d in s)&&r&&f(s.wrapperComponent,d)===f(s,r)&&(s=s.wrapperComponent||s),b(s,h,e.value)},u]))}}),[Ke.TAG]),ir=new WeakMap,ar=ze((function(t,e){return(t,[e,s],r)=>{if(r&&e===r[0])return;let n=t;if(!ir.has(n)){let t=n.style.display;ir.set(n,"none"==t?"unset":t)}n.style.display=e?ir.get(n):"none",s&&s(n,e)}}),[Ke.TAG]),lr=ze((function(t,e){return(t,[e,s],r,{renderComponent:n,slotComponent:o})=>{if(r)return;e=e.bind(n);let i=Ht.get(o);i||(i={},Ht.set(o,i)),i[s||"default"]=e}}),[Ke.SLOT]);class cr{static getCssText(t,e=!1){return r(t)?t:ht(x(t,((t,s)=>s.startsWith("--")?s+":"+t+(e?" !important":""):v(s)+":"+t+(e?" !important":""))),";")+";"}static setStyle(t,e){if(r(t)&&!F(t))return;let s=cr.getCssText(t);e.style.cssText=s}}const ur=ze((function(...t){return(t,e,s,{renderComponent:r})=>{let n=t,o=st(e,((t,e)=>t+cr.getCssText(e)),""),i=Q(o.split(";").map((t=>t.split(":")[0]))),a=Q(n.style.cssText.split(";")),l=q(a,(t=>i.some((e=>t.trim().startsWith(e)))));n.style.cssText=o+l.join(";")}}),[Ke.TAG]),hr=new WeakMap,dr=new WeakMap,pr=ze((function(t,e){return(t,[e,s],r,{renderComponent:n})=>{let o=()=>Es``,i=[],a=[];w(s,((t,e)=>{if(c(t))i.push(e),a.push(t);else{let e=t[0],s=t[1];i.push(e),a.push(s)}"default"===e&&(o=t)}));let l=tt(i,(t=>c(t)?t(e):t==e)),u=hr.get(t);hr.set(t,l);let h=dr.get(t);if(h||(h=[],dr.set(t,h)),!h[l]){let t=new Ze((a[l]??o).call(n),n);h[l]=t}return r?u==l?[je.REFRESH,a[l]??o]:[je.REPLACE,a[l]??o,h[l]]:[je.INIT,a[l]??o,h[l]]}}),[Ke.TEXT,Ke.SLOT]);function fr(){w(Et,((t,e)=>{customElements.define(e,t)}))}export{Fe as CompElem,cr as CssHelper,bs as Decorator,ys as DecoratorType,Ss as DecoratorWrapper,je as DirectiveUpdateTag,Zt as DomUtil,Ke as EnterPointType,nr as ModelTriggerType,xs as QueryCache,Je as Template,_e as _getObservedAttrs,zt as _getSuper,Xt as _toUpdatePath,te as addUninitializedSubComponentProp,Fs as bind,js as classes,Ms as computed,vs as createRef,Cs as debounced,Ns as decorator,Ts as decoratorWithNoArgs,ze as directive,qe as directiveScopeChecker,ks as event,Xs as forEach,Qt as getBooleanValue,Jt as getSlotComponent,Es as h,Zs as html,er as ifElse,rr as ifTrue,qt as isBooleanProp,Yt as isCompElemNode,Vs as makeState,or as model,Rs as onced,pe as prop,Is as query,Ls as queryAll,fr as regComponents,ar as show,Kt as showError,jt as showTagError,Gt as showTagWarn,$t as showWarn,lr as slot,Os as state,ur as styles,Ws as tag,Hs as throttled,Ge as updateDirective,Us as watch,pr as when};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "compelem",
-  "version": "0.24.0",
+  "version": "0.25.1",
   "description": "A modern, reactive, fast, lightweight and flexible lib for building web components",
   "main": "index.js",
   "module": "index.js",
@@ -36,7 +36,7 @@
     "bootstrap-icons": "^1.11.3",
     "eslint": "9.19.0",
     "eslint-config-prettier": "^10.0.1",
-    "myfx": "^1.14.1",
+    "myfx": "^1.15.10",
     "postcss": "^8.4.38",
     "prettier": "^2.8.3",
     "rollup-plugin-banner2": "1.2.2",

package/reactive.d.ts

@@ -3,7 +3,8 @@
  * @author holyhigh2
  */
 import { CompElem } from "./CompElem";
-import { UpdatePoint, Updater } from "./types";
+import { UpdatePoint } from "./render/UpdatePoint";
+import { Updater } from "./types";
 export declare function getterValue(propertyKey: string, context: CompElem): any;
 export declare function setterValue(propertyKey: string, v: any, context: CompElem): true | undefined;
 export declare function emitModelEvent(propertyKey: string, v: any, context: CompElem): void;
@@ -15,12 +16,13 @@ export declare const Collector: {
     __varPathList: string[];
     __collecting: boolean;
 };
+export declare const OBJECT_VAR_ROOT_PATH_IN_CONTEXT: WeakMap<CompElem<any>, Record<string, string>>;
 export declare const OBJECT_VAR_PATH: WeakMap<any, string[]>;
 export declare const PROXY_MAP: WeakMap<Record<string, any>, ProxyConstructor>;
 export declare const EXTRA_CONTEXT_OF_VAR: WeakMap<any, Set<WeakRef<CompElem<any>>>>;
 export declare function reactive(obj: Record<string, any>, context: CompElem<any>, rootProp?: string): ProxyConstructor;
 export declare function notifyUpdate(context: CompElem, newValue: any, oldValue: any, path: string[], subNewValue?: any, subOldValue?: any): void;
-export declare function requestUpdate(context: CompElem<any>, nv: any, ov: any, subChain: string[]): void;
+export declare function requestUpdate(context: CompElem<any>, nv: any, ov: any, subChain: string[], rootObjNew?: any, rootObjOld?: any): void;
 export declare class Queue {
     static nextSet: Set<Updater>;
     static nextPending: boolean;

package/render/Template.d.ts

@@ -23,9 +23,5 @@ export declare class Template {
      */
     insert(position: number, tmpl: Template): this;
     getHTML(comp: CompElem): string;
-    /**
-     * 对var中的Template类型进行合并
-     */
-    flatVars(comp: CompElem): any[];
     destroy(): void;
 }

package/render/TemplateMeta.d.ts

@@ -0,0 +1,13 @@
+import { CompElem } from "../CompElem";
+import { Template } from "./Template";
+import { UpdatePointMeta } from "./UpdatePointMeta";
+/**
+ * 视图模板元信息
+ * @author holyhigh2
+ */
+export declare class TemplateMeta {
+    updatePointMetas: Array<UpdatePointMeta>;
+    fragment: DocumentFragment;
+    constructor(tmpl: Template, component: CompElem<any>, vars?: any[]);
+    parseTemplate(tmpl: Template): [string, any[]];
+}

package/render/UpdatePoint.d.ts

@@ -0,0 +1,20 @@
+import { CompElem } from "../CompElem";
+import { UpdatePointMeta } from "./UpdatePointMeta";
+/**
+ * 视图更新点
+ */
+export declare class UpdatePoint {
+    metaInfo: UpdatePointMeta;
+    key: string;
+    varIndex: number;
+    value: any;
+    node: WeakRef<Node>;
+    subViewRootNodes: Record<string, WeakRef<any>[]> | WeakRef<any>[];
+    __destroyed: boolean;
+    children: UpdatePoint[] | null;
+    parent: UpdatePoint | null;
+    constructor(varIndex: number);
+    static createFrom(upm: UpdatePointMeta): UpdatePoint;
+    destroy(contextComponent?: CompElem<any>): void;
+    insert(up: UpdatePoint): void;
+}

package/render/UpdatePointMeta.d.ts

@@ -0,0 +1,25 @@
+/**
+ * 视图更新点元数据
+ */
+export declare class UpdatePointMeta {
+    varIndex: number;
+    attrName: string;
+    attrTmpl: string;
+    isText: boolean;
+    isDirective: boolean;
+    directiveType: string;
+    directiveVarChain: string[];
+    isProp: boolean;
+    isPropPerfix: boolean;
+    isToggleProp: boolean;
+    isPlaceholder: boolean;
+    isEvent: boolean;
+    isRef: boolean;
+    isKey: boolean;
+    isRefAttr: boolean;
+    isComponent: boolean;
+    isSlot: boolean;
+    nodeSn: number;
+    slotNodeSn: number;
+    constructor(varIndex: number);
+}

package/render/render.d.ts

@@ -1,28 +1,30 @@
 import { CompElem } from "../CompElem";
-import { UpdatedSource, UpdatePoint } from "../types";
+import { KeyFn, TplFn, UpdatedSource } from "../types";
 import { Template } from "./Template";
+import { TemplateMeta } from "./TemplateMeta";
+import { UpdatePoint } from "./UpdatePoint";
+import { UpdatePointMeta } from "./UpdatePointMeta";
 export declare const ATTR_PREFIX_EVENT = "@";
 export declare const ATTR_PREFIX_PROP = ".";
 export declare const ATTR_PREFIX_BOOLEAN = "?";
 export declare const ATTR_PREFIX_REF = "*";
 export declare const ATTR_PROP_DELIMITER = ":";
 export declare const ATTR_REF = "ref";
-export declare const ATTR_KEY = "key";
 /**
  * 提供渲染函数相关操作
  * @author holyhigh2
  */
-export declare function buildHTML(component: CompElem, tmpl: Template): [string, any[]];
 export declare function convertHTML(html: string): string;
-export declare const PLACEHOLDER_EXP: RegExp;
+export declare function buildVars(tmpl: Template): any[];
 /**
- * 构建模板为DOM结构
+ * 构建模板DOM
  * @param html
  */
-export declare function buildTmplate(updatePoints: Array<UpdatePoint>, html: string, vars: any[], renderComponent: CompElem): NodeListOf<ChildNode>;
-export declare function buildView(tmpl: Template, component: CompElem<any>): NodeListOf<ChildNode>;
-export declare function buildSubView(pointNode: Comment, tmpl: Template, component: CompElem<any>, po: UpdatePoint, bindEvent?: boolean): NodeListOf<ChildNode>;
-export declare function updateView(tmpl: Template, renderComponent: CompElem<any>, updatePoints: UpdatePoint[], renderedUps?: Set<UpdatePoint>, changed?: Record<string, UpdatedSource>): void;
+export declare function createTemplate(updatePoints: Array<UpdatePointMeta>, html: string, vars: any[], renderComponent: CompElem): DocumentFragment;
+export declare function renderTemplate(component: CompElem<any>, fragment: DocumentFragment, updatePointMetas: UpdatePointMeta[], vars: any[]): [DocumentFragment, UpdatePoint[]];
+export declare function buildView(tmpl: Template, component: CompElem<any>): DocumentFragment;
+export declare function insertSubView(node: Node, point: UpdatePoint, tmplFn: TplFn, tmplM: TemplateMeta, component: CompElem<any>, valueAry?: any[], keyFn?: KeyFn): void;
+export declare function updateView(vars: any[], renderComponent: CompElem<any>, updatePoints: UpdatePoint[], renderedUps?: Set<UpdatePoint>, changed?: Record<string, UpdatedSource>): void;
 export declare function updateSubScopeView(subScopeUpdatePoint: UpdatePoint, renderComponent: CompElem<any>, tmpl?: Template, updatedMap?: Record<string, UpdatedSource>): void;
 /**
  * HTML模板函数，用于构建模板

package/types.d.ts

@@ -14,6 +14,7 @@ export type SlotOptions = {
     hook: Function;
 };
 export type TplFn = (...args: any[]) => Template;
+export type KeyFn = (item: any, k: string | number, i: number) => string | number;
 export type UpdatedSource = {
     value: any;
     chain?: string[];
@@ -29,8 +30,6 @@ export declare enum EnterPointType {
     ATTR = "attr",//属性，文本内容，可以内嵌多插值
     PROP = "prop",//参数，智能内嵌一个插值
     TEXT = "text",
-    CLASS = "class",
-    STYLE = "style",
     SLOT = "slot",
     TAG = "tag"
 }
@@ -137,48 +136,23 @@ export type DirectiveExecutor = (node: Node, newArgs: any[], oldArgs: any[] | un
     varChain?: string[];
     attrName?: string;
     updatedMap?: Record<string, UpdatedSource>;
-}) => [DirectiveUpdateTag, Template?] | void;
+}) => [DirectiveUpdateTag, ...any] | void;
 export type DirectiveInstance = [
-    symbol,
-    Array<any>,
     DirectiveExecutor,
-    (scopeType: string, tagName: string) => void,
+    Array<any>,
+    Function,
     any[]
 ];
 export declare enum DirectiveUpdateTag {
     NONE = "NONE",//框架不处理
+    REFRESH = "REFRESH",//刷新视图
     REMOVE = "REMOVE",//删除指令创建的节点
     REPLACE = "REPLACE",//删除已有节点后插入
     UPDATE = "UPDATE",//对比更新
-    APPEND = "APPEND"
+    INIT = "INIT"
 }
 export type DefaultProps = Partial<{
     css: Array<string | CSSStyleSheet>;
     global: Record<string, any>;
     [key: string]: Record<string, any>;
 }>;
-/**
- * 视图更新点
- */
-export declare class UpdatePoint {
-    key: string;
-    varIndex: number;
-    value: any;
-    node: WeakRef<Node>;
-    attrName: string;
-    attrTmpl: string;
-    isText: boolean;
-    isDirective: boolean;
-    isComponent: boolean;
-    isProp: boolean;
-    isToggleProp: boolean;
-    isPlaceholder: boolean;
-    __destroyed: boolean;
-    directiveOldValue: Array<any> | null;
-    children: UpdatePoint[] | null;
-    parent: UpdatePoint | null;
-    constructor(varIndex: number, node?: WeakRef<Node>, attrName?: string, attrTmpl?: string);
-    static createFrom(up: UpdatePoint): UpdatePoint;
-    destroy(contextComponent?: CompElem<any>): void;
-    insert(up: UpdatePoint): void;
-}

package/utils.d.ts

@@ -14,3 +14,5 @@ export declare const DomUtil: {
     clear(container: Element, comp: CompElem): void;
 };
 export declare function getSlotComponent(node: Node, renderComponent: CompElem): any;
+export declare function isCompElemNode(node: Element): boolean;
+export declare function addUninitializedSubComponentProp(wrapperComponent: CompElem, node: Element, props: Record<string, any>): void;