nine-9 1.8.1 → 1.9.0

package/dist/index.d.ts

@@ -17,6 +17,7 @@ type KebabToCamel<S extends string> = S extends `${infer First}-${infer Rest}` ?
 type ObjectToEntryUnion<T> = {
     [K in keyof T]: [K, T[K]];
 }[keyof T];
+declare function defineTemplate<T = void>(): T;
 
 type Wrapper<T> = {
     get(): T;
@@ -24,6 +25,7 @@ type Wrapper<T> = {
     updateOnly(): void;
     event: EventSubcriber<[T, T]>;
 };
+declare function normalizeWrap<T>(data: T | Wrapper<T>): Wrapper<T>;
 declare function wrap<T>(initialData: T, wrapperOptions?: Partial<Wrapper<T>>): Wrapper<T>;
 declare function sync<R>(effectRenderer: () => R, dependencies?: unknown[]): Wrapper<R>;
 declare function when(condition: Wrapper<boolean> | (() => boolean), tree: () => SourceTree, dependencies?: unknown[]): Wrapper<SourceTree[]>;
@@ -70,30 +72,13 @@ type HostTree<E extends SupportedHTMLElements = SupportedHTMLElements, T = HTMLE
 };
 declare function tree<E extends SupportedHTMLElements>(data: E | Node): HostTree<E, HTMLElementTagNameMap[E], SupportedHTMLRawAttributes[E]>;
 
-type RawSlotInput = SourceTree | (() => SourceTree);
-type SlotInput = RawSlotInput | Wrapper<RawSlotInput>;
-type SlotOutput = () => Wrapper<SourceTree>;
-declare function pipeExtract(input: SlotInput): SlotOutput;
+declare function camelToHyphen<T extends string>(str: T): T;
+declare function hyphenToCamel<T extends string>(str: T): T;
 
-type EventDescriptor<T, N extends string> = {
-    name: N;
-} & EventOptions<T>;
-interface EventOptions<T> {
-    bubbleable?: boolean;
-    template?: T;
-}
-declare function defineEvent<T, N extends string>(name: N, options?: EventOptions<T>): EventDescriptor<T, N>;
+declare function typedIsArray<T>(arr: unknown[]): arr is T[];
+declare function putIntoArray<T>(data: T): T extends (infer R)[] ? R[] : [T];
+declare function createArray<T>(length: number, filler: () => T): T[];
 
-interface ComponentRenderEntry<P extends ComponentPropertyStore, E extends ComponentEventStore> {
-    (props?: ComponentPropertyInputDict<P>, slot?: SlotInput): ComponentInstance<E>;
-}
-interface ComponentInternalRender<P extends ComponentPropertyStore, E extends ComponentEventStore> {
-    (options: ComponentPropertyOutputDict<P>, slot: SlotOutput, emit: <D extends E[number], K extends D["name"]>(key: K, data: D extends infer R extends EventDescriptor<unknown, string> ? R["name"] extends K ? R["template"] : never : never) => void): SourceTree;
-}
-type Component<P extends ComponentPropertyStore, E extends ComponentEventStore> = ComponentRenderEntry<P, E> & ComponentOption<P, E>;
-interface PropertyTransformer<I, O> {
-    (data: I): O;
-}
 interface ComponentPropertyDescriptor<I = unknown, O = unknown, R extends boolean = boolean> {
     validate?: (data: I) => boolean;
     transform: PropertyTransformer<I, O>;
@@ -102,8 +87,6 @@ interface ComponentPropertyDescriptor<I = unknown, O = unknown, R extends boolea
     downloadable?: boolean;
     uploadable?: boolean;
 }
-type ComponentEventStore = EventDescriptor<unknown, string>[];
-type ComponentPropertyStore = Record<string, ComponentPropertyDescriptor>;
 type ComponentPropertyInputDict<P extends ComponentPropertyStore> = {
     [K in keyof P as P[K]["required"] extends true ? K : never]: P[K] extends ComponentPropertyDescriptor<unknown, infer R> ? R | Wrapper<R> : never;
 } & {
@@ -112,14 +95,67 @@ type ComponentPropertyInputDict<P extends ComponentPropertyStore> = {
 type ComponentPropertyOutputDict<P extends ComponentPropertyStore> = {
     [K in keyof P]: P[K] extends ComponentPropertyDescriptor<unknown, infer R> ? Wrapper<R> : never;
 };
-interface ComponentOption<P extends ComponentPropertyStore, E extends ComponentEventStore> {
+declare function rawProperty<T>(): PropertyTransformer<unknown, T>;
+declare function normalizePropertyDescriptor<I, O, R extends boolean>(descriptor: ComponentPropertyDescriptor<I, O, R>): Required<ComponentPropertyDescriptor<I, O, R>>;
+declare function validateStore(store: ComponentPropertyStore): void;
+declare function hostdown<T extends ComponentPropertyStore>(upstream?: ComponentPropertyInputDict<T>, store?: T): ComponentPropertyOutputDict<T>;
+
+type SlotDescriptor<T = unknown, N extends string = string, R extends boolean = boolean> = {
+    name: N;
+} & SlotOptions<T, R>;
+interface SlotOptions<T, R extends boolean> {
+    template: T;
+    required?: R;
+    defaultValue?: SourceTree;
+}
+type SlotInput<T> = (data: Wrapper<T>) => SourceTree | Wrapper<SourceTree>;
+type SlotOutput<T> = (data: T | Wrapper<T>) => Wrapper<SourceTree>;
+type ComponentSlotInputDict<T extends ComponentSlotStore> = {
+    [K in T[number] as K["name"]]?: SlotInput<K["template"]>;
+};
+type ComponentSlotOutputDict<T extends ComponentSlotStore> = {
+    [K in T[number] as K["name"]]-?: SlotOutput<K["template"]>;
+};
+declare function extractInput<T>(render: SlotInput<T>): SlotOutput<T>;
+declare function renderSlots<T extends ComponentSlotStore>(rawInput?: ComponentSlotInputDict<T>, store?: T): ComponentSlotOutputDict<T>;
+declare function defineSlot<N extends string, R extends boolean, T>(name: N, options: SlotOptions<T, R>): {
+    template: T;
+    required?: R | undefined;
+    defaultValue?: SourceTree;
+    name: N;
+};
+
+type EventDescriptor<T = unknown, N extends string = string> = {
+    name: N;
+} & EventOptions<T>;
+interface EventOptions<T> {
+    bubbleable?: boolean;
+    template?: T;
+}
+declare function defineEvent<T, N extends string>(name: N, options?: EventOptions<T>): EventDescriptor<T, N>;
+
+interface ComponentRenderEntry<P extends ComponentPropertyStore, E extends ComponentEventStore, S extends ComponentSlotStore> {
+    (props?: ComponentPropertyInputDict<P>, slot?: ComponentSlotInputDict<S>): ComponentInstance<E>;
+}
+interface ComponentInternalRender<P extends ComponentPropertyStore, E extends ComponentEventStore, S extends ComponentSlotStore> {
+    (options: ComponentPropertyOutputDict<P>, slot: ComponentSlotOutputDict<S>, emit: <D extends E[number], K extends D["name"]>(key: K, data: D extends infer R extends EventDescriptor ? R["name"] extends K ? R["template"] : never : never) => void): SourceTree;
+}
+type Component<P extends ComponentPropertyStore, E extends ComponentEventStore, S extends ComponentSlotStore> = ComponentRenderEntry<P, E, S> & ComponentOption<P, E, S>;
+interface PropertyTransformer<I, O> {
+    (data: I): O;
+}
+type ComponentPropertyStore = Record<string, ComponentPropertyDescriptor>;
+type ComponentEventStore = EventDescriptor[];
+type ComponentSlotStore = SlotDescriptor[];
+interface ComponentOption<P extends ComponentPropertyStore, E extends ComponentEventStore, S extends ComponentSlotStore> {
     props?: P;
     events?: E;
     styles?: StyleSet[];
+    slots?: S;
 }
 type ComponentInstance<E extends ComponentEventStore = ComponentEventStore> = {
     mount(to: string | HTMLElement): void;
-    on<D extends E[number], K extends D["name"]>(key: K, data: (data: D extends infer R extends EventDescriptor<unknown, string> ? R["name"] extends K ? R["template"] : never : never) => void): ComponentInstance<E>;
+    on<D extends E[number], K extends D["name"]>(key: K, data: (data: D extends infer R extends EventDescriptor ? R["name"] extends K ? R["template"] : never : never) => void): ComponentInstance<E>;
     $: HostTree;
 };
 type RawSourceTree = [
@@ -136,19 +172,7 @@ declare function render(nodeTree: SourceTree): HostTree;
 declare function $<T>(data: Wrapper<T>): Wrapper<SourceTree>;
 declare function flagment<T extends string>(uuid: T): `nine_${string}`;
 declare function attachUUID(root: Node, uuid: string): Node;
-declare function createComponent<P extends ComponentPropertyStore, E extends EventDescriptor<unknown, string>>(options: ComponentOption<P, E[]>, internalRenderer: ComponentInternalRender<P, E[]>): Component<P, E[]>;
-
-declare function rawProperty<T>(): PropertyTransformer<unknown, T>;
-declare function normalizePropertyDescriptor<I, O, R extends boolean>(descriptor: ComponentPropertyDescriptor<I, O, R>): Required<ComponentPropertyDescriptor<I, O, R>>;
-declare function validateStore(store: ComponentPropertyStore): void;
-declare function hostdown<T extends ComponentPropertyStore>(upstream?: ComponentPropertyInputDict<T>, store?: T): ComponentPropertyOutputDict<T>;
-
-declare function camelToHyphen<T extends string>(str: T): T;
-declare function hyphenToCamel<T extends string>(str: T): T;
-
-declare function typedIsArray<T>(arr: unknown[]): arr is T[];
-declare function putIntoArray<T>(data: T): T extends (infer R)[] ? R[] : [T];
-declare function createArray<T>(length: number, filler: () => T): T[];
+declare function createComponent<P extends ComponentPropertyStore, E extends EventDescriptor, S extends SlotDescriptor>(options: ComponentOption<P, E[], S[]>, internalRenderer: ComponentInternalRender<P, E[], S[]>): Component<P, E[], S[]>;
 
 declare namespace logo {
   export {  };
@@ -189,4 +213,4 @@ declare const _default: {
     }, (EventDescriptor<number, "select"> | EventDescriptor<boolean, "toggleState">)[]>;
 };
 
-export { $, type Component, type ComponentEventStore, type ComponentInstance, type ComponentInternalRender, type ComponentOption, type ComponentPropertyDescriptor, type ComponentPropertyInputDict, type ComponentPropertyOutputDict, type ComponentPropertyStore, type ComponentRenderEntry, type EmptyValue, type EventDescriptor, type EventOptions, EventSubcriber, type HostTree, type HostTreeHookStore, type HostTreeHooks, type KebabToCamel, type Normalize, type ObjectToEntryUnion, type PropertyTransformer, type RawSlotInput, type RawSourceTree, type SlotInput, type SlotOutput, type SourceTree, type StyleSet, type Valueof, type Wrapper, index as assets, attachUUID, camelToHyphen, createArray, createComponent, defineEvent, _default as examples, flagment, hostdown, hyphenToCamel, normalizePropertyDescriptor, pipeExtract, putIntoArray, rawProperty, render, styleSet, sync, tree, typedIsArray, validateStore, when, wrap };
+export { $, type Component, type ComponentEventStore, type ComponentInstance, type ComponentInternalRender, type ComponentOption, type ComponentPropertyDescriptor, type ComponentPropertyInputDict, type ComponentPropertyOutputDict, type ComponentPropertyStore, type ComponentRenderEntry, type ComponentSlotInputDict, type ComponentSlotOutputDict, type ComponentSlotStore, type EmptyValue, type EventDescriptor, type EventOptions, EventSubcriber, type HostTree, type HostTreeHookStore, type HostTreeHooks, type KebabToCamel, type Normalize, type ObjectToEntryUnion, type PropertyTransformer, type RawSourceTree, type SlotDescriptor, type SlotInput, type SlotOptions, type SlotOutput, type SourceTree, type StyleSet, type Valueof, type Wrapper, index as assets, attachUUID, camelToHyphen, createArray, createComponent, defineEvent, defineSlot, defineTemplate, _default as examples, extractInput, flagment, hostdown, hyphenToCamel, normalizePropertyDescriptor, normalizeWrap, putIntoArray, rawProperty, render, renderSlots, styleSet, sync, tree, typedIsArray, validateStore, when, wrap };

package/dist/index.js

@@ -28,15 +28,19 @@ __export(index_exports, {
   createArray: () => createArray,
   createComponent: () => createComponent,
   defineEvent: () => defineEvent,
+  defineSlot: () => defineSlot,
+  defineTemplate: () => defineTemplate,
   examples: () => examples_default,
+  extractInput: () => extractInput,
   flagment: () => flagment,
   hostdown: () => hostdown,
   hyphenToCamel: () => hyphenToCamel,
   normalizePropertyDescriptor: () => normalizePropertyDescriptor,
-  pipeExtract: () => pipeExtract,
+  normalizeWrap: () => normalizeWrap,
   putIntoArray: () => putIntoArray,
   rawProperty: () => rawProperty,
   render: () => render,
+  renderSlots: () => renderSlots,
   styleSet: () => styleSet,
   sync: () => sync,
   tree: () => tree,
@@ -202,7 +206,7 @@ function tree(data) {
 // src/exceptions/index.ts
 var ValidationFailed = class extends Error {
 };
-var MissingFieldError = class extends Error {
+var MissingError = class extends Error {
 };
 var ConflictionError = class extends Error {
 };
@@ -212,6 +216,13 @@ var BrokenRendererError = class extends Error {
 };
 
 // src/dom/reactive.ts
+function normalizeWrap(data) {
+  if (matchFlag(data, WRAPPER)) {
+    return data;
+  } else {
+    return wrap(data);
+  }
+}
 function wrap(initialData, wrapperOptions) {
   const arrayActions = ["push", "pop", "shift", "unshift", "splice", "sort", "reverse"];
   const patch = (data) => {
@@ -368,7 +379,7 @@ function hostdown(upstream, store) {
     };
     if (!Object.hasOwn(upstream, propertyKey)) {
       if (descriptor.required) {
-        throw new MissingFieldError(`Missing a required property ${propertyKey}.`);
+        throw new MissingError(`Missing a required property ${propertyKey}.`);
       }
       setValue(descriptor.shadow);
       continue;
@@ -384,12 +395,28 @@ function hostdown(upstream, store) {
 }
 
 // src/dom/slot.ts
-function pipeExtract(input) {
-  if (typeof input === "function") {
-    return () => wrap(input());
-  } else if (matchFlag(input, WRAPPER)) {
-    return pipeExtract(input);
-  } else return () => wrap(input);
+function extractInput(render2) {
+  return (data) => normalizeWrap(render2(normalizeWrap(data)));
+}
+function renderSlots(rawInput, store) {
+  if (!store) return {};
+  const input = rawInput;
+  return Object.fromEntries(store.map((descriptor) => {
+    if (descriptor.required && (!input || !Object.hasOwn(input, descriptor.name))) {
+      throw new MissingError(`Missing a required slot ${descriptor.name}.`);
+    }
+    if (!input) return [descriptor.name, () => null];
+    return [
+      descriptor.name,
+      extractInput(input[descriptor.name])
+    ];
+  }));
+}
+function defineSlot(name, options) {
+  return {
+    name,
+    ...options
+  };
 }
 
 // src/dom/component.ts
@@ -443,15 +470,19 @@ function createComponent(options, internalRenderer) {
     }
   }
   const entryRenderer = (props, slot) => {
-    const nodeTree = internalRenderer(hostdown(props, propStore), pipeExtract(slot), (key, data) => {
-      const targetEvent = options.events?.find((e) => e.name === key);
-      if (!targetEvent) throw new TypeError(`No events named ${key} to emit.`);
-      hostTree.element.dispatchEvent(new CustomEvent(key, {
-        detail: data,
-        bubbles: targetEvent.bubbleable,
-        cancelable: false
-      }));
-    });
+    const nodeTree = internalRenderer(
+      hostdown(props, propStore),
+      renderSlots(slot, options.slots),
+      (key, data) => {
+        const targetEvent = options.events?.find((e) => e.name === key);
+        if (!targetEvent) throw new TypeError(`No events named ${key} to emit.`);
+        hostTree.element.dispatchEvent(new CustomEvent(key, {
+          detail: data,
+          bubbles: targetEvent.bubbleable,
+          cancelable: false
+        }));
+      }
+    );
     const hostTree = render(nodeTree);
     attachUUID(hostTree.element, rawComponentUUID);
     hostTree.hooks.treeUpdated.subcribe((newTrees) => newTrees.forEach((tree2) => attachUUID(tree2.element, rawComponentUUID)));
@@ -475,6 +506,11 @@ function createComponent(options, internalRenderer) {
   });
 }
 
+// src/util/types.ts
+function defineTemplate() {
+  return null;
+}
+
 // src/dom/style.ts
 function styleSet(selector) {
   const rules = {};
@@ -547,22 +583,18 @@ var Counter_default = createComponent({
   },
   events: [
     defineEvent("up", {
-      template: {
-        arg1: 0,
-        arg2: false
-      },
+      template: defineTemplate(),
       bubbleable: true
     }),
     defineEvent("down", {
-      template: {
-        arg3: "sb",
-        arg4: /* @__PURE__ */ Symbol()
-      },
+      template: defineTemplate(),
       bubbleable: true
     })
   ]
-}, (props) => {
+}, (props, _slot, emit) => {
   const doubled = sync(() => props.value.get() * 2, [props.value]);
+  emit("down", 0);
+  emit("up", {});
   return tree("div").use(styleSet().fontSize("20px").padding("10px")).append(
     "\u6572\u6728\u9C7C",
     tree("br"),
@@ -606,15 +638,24 @@ var Selector_default = createComponent({
     }
   },
   events: [
-    defineEvent("select", { template: 0 }),
-    defineEvent("toggleState", { template: false })
+    defineEvent("select", { template: defineTemplate() }),
+    defineEvent("toggleState", { template: defineTemplate() })
   ],
   styles: [
     styleSet(".item").backgroundColor("blue").color("white"),
     styleSet(".flexdown").display("flex").flexDirection("column")
+  ],
+  slots: [
+    defineSlot("title", {
+      template: defineTemplate()
+    })
   ]
 }, (props, slot, emit) => {
   const showing = wrap(false);
+  const text = sync(
+    () => props.items.get()[props.value.get()],
+    [props.items, props.value]
+  );
   const select = (index) => {
     props.value.set(index);
     showing.set(false);
@@ -622,8 +663,10 @@ var Selector_default = createComponent({
   };
   showing.event.subcribe((e) => emit("toggleState", e));
   return tree("div").class("flexdown").ariaAtomic("false").append(
-    tree("span").class("item").use(styleSet().backgroundColor("red")).append($(sync(() => props.items.get()[props.value.get()], [props.items, props.value]))).on("click", () => showing.set(!showing.get())),
-    slot(),
+    tree("span").class("item").use(styleSet().backgroundColor("red")).append(
+      tree("div").append($(text)),
+      slot.title(text)
+    ).on("click", () => showing.set(!showing.get())),
     when(
       showing,
       () => tree("div").class("flexdown").append(
@@ -652,15 +695,19 @@ if (window.__NINE_ENV__?.mode === "development") {
   createArray,
   createComponent,
   defineEvent,
+  defineSlot,
+  defineTemplate,
   examples,
+  extractInput,
   flagment,
   hostdown,
   hyphenToCamel,
   normalizePropertyDescriptor,
-  pipeExtract,
+  normalizeWrap,
   putIntoArray,
   rawProperty,
   render,
+  renderSlots,
   styleSet,
   sync,
   tree,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/channel/event-subcriber.ts","../src/util/char.ts","../src/util/array.ts","../src/constants/flags.ts","../src/dom/tree.ts","../src/exceptions/index.ts","../src/dom/reactive.ts","../src/dom/property.ts","../src/dom/slot.ts","../src/dom/component.ts","../src/dom/style.ts","../src/dom/event.ts","../src/assets/index.ts","../src/examples/Counter.ts","../src/examples/Selector.ts","../src/examples/index.ts"],"sourcesContent":["export * from \"./channel\";\r\nexport * from \"./dom\";\r\nexport * from \"./util\";\r\n\r\nexport * as assets from \"./assets\";\r\nexport { default as examples } from \"./examples\";\r\n\r\nif (window.__NINE_ENV__?.mode === \"development\") {\r\n    console.warn(\"[Nine-9] Initialized in development mode.\");\r\n}","interface SubcriberCallback<T extends unknown[], R> {\r\n    (...data: T): R;\r\n}\r\ninterface Subcriber<T extends unknown[], R> {\r\n    callback: SubcriberCallback<T, R>;\r\n    once: boolean;\r\n}\r\nexport class EventSubcriber<T extends unknown[], R = void> {\r\n    private subcribers: Subcriber<T, R>[] = [];\r\n    private emitting: boolean = false;\r\n\r\n    subcribe(callback: SubcriberCallback<T, R>, once = false) {\r\n        this.subcribers.push({\r\n            callback,\r\n            once,\r\n        });\r\n    }\r\n    emit(...data: T): R[] | void {\r\n        if (this.emitting) return;\r\n        this.emitting = true;\r\n        const result: R[] = [];\r\n        for (const subcriber of this.subcribers) {\r\n            result.push(subcriber.callback(...data));\r\n        }\r\n        this.emitting = false;\r\n        return result;\r\n    }\r\n}","export function camelToHyphen<T extends string>(str: T): T {\r\n    return str.replace(/[A-Z]/g, letter => `-${letter.toLowerCase()}`) as T;\r\n}\r\nexport function hyphenToCamel<T extends string>(str: T): T {\r\n    return str.replace(/-([a-z])/g, (g) => g[1].toUpperCase()) as T;\r\n}","export function typedIsArray<T>(arr: unknown[]): arr is T[] {\r\n    return Array.isArray(arr);\r\n}\r\nexport function putIntoArray<T>(data: T) {\r\n    return [...(Array.isArray(data) ? data : [data])] as T extends (infer R)[] ? R[] : [T];\r\n}\r\nexport function createArray<T>(length: number, filler: () => T): T[] {\r\n    return new Array(length).fill(0).map(filler);\r\n}","import { ComponentInstance, HostTree, Wrapper } from \"@/dom\";\r\n\r\ntype FlagMap<T> =\r\n    { [K in typeof HOST_TREE]: HostTree; }\r\n    & { [K in typeof COMPONENT_INSTANCE]: ComponentInstance; }\r\n    & { [K in typeof WRAPPER]: Wrapper<T>; }\r\n\r\nexport const HOST_TREE = Symbol(\"HostTreeFlag\");\r\nexport const COMPONENT_INSTANCE = Symbol(\"ComponentInstanceFlag\");\r\nexport const WRAPPER = Symbol(\"WrapperFlag\");\r\n\r\nexport function attachFlag<T extends object, F extends keyof FlagMap<unknown>>(data: T, flag: F) {\r\n    return Object.assign(data, { [flag]: true }) as T & { [K in F]: true };\r\n}\r\nexport function matchFlag<T, K extends keyof FlagMap<T>>(data: unknown, flag: K): data is FlagMap<T>[K] {\r\n    return (\r\n        (data !== null && data !== undefined)\r\n        && typeof data === \"object\"\r\n        && Object.hasOwn(data, flag)\r\n        && data[flag] === true\r\n    );\r\n}","import { camelToHyphen } from \"@/util/char\";\r\nimport { render, RawSourceTree } from \"./component\";\r\nimport { Wrapper } from \"./reactive\";\r\nimport { StyleSet } from \"./style\";\r\nimport { putIntoArray } from \"@/util/array\";\r\nimport { attachFlag, HOST_TREE, matchFlag, WRAPPER } from \"@/constants/flags\";\r\nimport { EventSubcriber } from \"@/channel\";\r\nimport { SupportedHTMLRawAttributes, SupportedHTMLElements, SupportedEventHandlerMap } from \"./element\";\r\nimport { KebabToCamel, ObjectToEntryUnion } from \"@/util/types\";\r\n\r\nexport interface HostTreeHooks {\r\n    treeUpdated: [newTrees: HostTree[], oldTrees: HostTree[]];\r\n    attributeUpdated: [attribute: string, newValue: unknown, oldValue: unknown];\r\n    initialized: [rootTree: HostTree];\r\n    $preventEvent: [ObjectToEntryUnion<SupportedEventHandlerMap>, boolean | void];\r\n}\r\nexport type HostTreeHookStore = {\r\n    [K in keyof HostTreeHooks as K extends `$${infer R}` ? R : K]:\r\n    K extends `$${string}`\r\n    ? HostTreeHooks[K] extends [infer E extends unknown[], infer R]\r\n    ? EventSubcriber<E, R>\r\n    : EventSubcriber<HostTreeHooks[K]>\r\n    : EventSubcriber<HostTreeHooks[K]>;\r\n};\r\nexport type HostTree<E extends SupportedHTMLElements = SupportedHTMLElements, T = HTMLElementTagNameMap[E], A = SupportedHTMLRawAttributes[E]> = {\r\n    [K in string & keyof A as KebabToCamel<K>]-?: (data: A[K] | Wrapper<A[K]>) => HostTree<E>;\r\n} & {\r\n    element: T;\r\n    hooks: HostTreeHookStore;\r\n    append(...children: (\r\n        RawSourceTree |\r\n        HostTree |\r\n        RawSourceTree[] |\r\n        HostTree[] |\r\n        (RawSourceTree | HostTree)[] |\r\n        Wrapper<HostTree> |\r\n        Wrapper<RawSourceTree> |\r\n        Wrapper<RawSourceTree | HostTree> |\r\n        Wrapper<(RawSourceTree | HostTree)[]> |\r\n        Wrapper<RawSourceTree | RawSourceTree[]>\r\n    )[]): HostTree<E>;\r\n    use(styleSet: StyleSet | Wrapper<StyleSet>): HostTree<E>;\r\n    on<K extends keyof SupportedEventHandlerMap>(key: K, handler: SupportedEventHandlerMap[K], options?: AddEventListenerOptions): HostTree<E>;\r\n    on(key: string, handler: (...args: unknown[]) => unknown, options?: AddEventListenerOptions): HostTree<E>;\r\n};\r\n\r\nexport function tree<E extends SupportedHTMLElements>(data: E | Node) {\r\n    const element: Node = typeof data === \"string\" ? document.createElement(data) : data;\r\n    const hooks: HostTreeHookStore = {\r\n        treeUpdated: new EventSubcriber(),\r\n        attributeUpdated: new EventSubcriber(),\r\n        initialized: new EventSubcriber(),\r\n        preventEvent: new EventSubcriber()\r\n    };\r\n    const context: HostTree<E> = new Proxy(attachFlag({\r\n        element,\r\n        hooks,\r\n        append(...children: (RawSourceTree | RawSourceTree[] | Wrapper<RawSourceTree | RawSourceTree[]>)[]) {\r\n            for (const child of children) {\r\n                if (matchFlag<RawSourceTree | RawSourceTree[], typeof WRAPPER>(child, WRAPPER)) {\r\n                    let oldChildren: HostTree[] = [];\r\n                    const baseAnchor = new Comment(\"Tree anchor\");\r\n                    element.appendChild(baseAnchor);\r\n                    const update = (newTrees: RawSourceTree[] | RawSourceTree) => {\r\n                        const normalizedTrees = [...(Array.isArray(newTrees) ? newTrees : [newTrees])].reverse();\r\n                        const newChildren: HostTree[] = [];\r\n                        for (const newTree of normalizedTrees) {\r\n                            const child = render(newTree);\r\n                            newChildren.push(child);\r\n                            element.insertBefore(child.element, baseAnchor.nextSibling);\r\n                        }\r\n                        for (const oldChild of oldChildren) {\r\n                            oldChild.element.remove();\r\n                        }\r\n                        hooks.treeUpdated.emit(newChildren, oldChildren);\r\n                        oldChildren = newChildren;\r\n                    };\r\n                    child.event.subcribe(update);\r\n                    update(child.get());\r\n                } else {\r\n                    const children = child;\r\n                    for (const child of putIntoArray(children)) {\r\n                        element.appendChild(render(child).element);\r\n                    }\r\n                }\r\n            }\r\n            return context;\r\n        },\r\n        use(styleSet: StyleSet | Wrapper<StyleSet>) {\r\n            if (element instanceof HTMLElement) {\r\n                const update = (rules: Record<string, string>) => {\r\n                    for (const [key, value] of Object.entries(rules)) {\r\n                        element.style.setProperty(camelToHyphen(String(key)), value);\r\n                    }\r\n                };\r\n                if (matchFlag<StyleSet, typeof WRAPPER>(styleSet, WRAPPER)) {\r\n                    styleSet.event.subcribe((newData) => update(newData.rules));\r\n                    update(styleSet.get().rules);\r\n                } else {\r\n                    update(styleSet.rules);\r\n                }\r\n            }\r\n            return context;\r\n        },\r\n        on<K extends keyof SupportedEventHandlerMap>(key: K, handler: SupportedEventHandlerMap[K], options: AddEventListenerOptions) {\r\n            if (element instanceof EventTarget) {\r\n                element.addEventListener(key, (e) => {\r\n                    //@ts-expect-error 运行时这个本来就是配套的，ts推断不出来\r\n                    const emitResult = hooks.preventEvent.emit(key, handler);\r\n                    if (emitResult && !emitResult.some(Boolean)) {\r\n                        //@ts-expect-error 依旧是传参问题，ts推断不出来\r\n                        handler(e);\r\n                    }\r\n                }, options);\r\n            }\r\n            return context;\r\n        },\r\n    } as HostTree<E>, HOST_TREE), {\r\n        get<P extends keyof Node>(target: Record<string, unknown>, p: P, receiver: unknown) {\r\n            if (Reflect.has(target, p)) {\r\n                return Reflect.get(target, p, receiver);\r\n            } else {\r\n                return (data: HTMLElementTagNameMap[E][P] | Wrapper<HTMLElementTagNameMap[E][P]>) => {\r\n                    const update = (newData: HTMLElementTagNameMap[E][P], oldData: HTMLElementTagNameMap[E][P]) => {\r\n                        if (Object.hasOwn(element, p)) {\r\n                            element[p] = newData;\r\n                        }\r\n                        if (element instanceof Element) {\r\n                            element.setAttribute(camelToHyphen(p), String(newData));\r\n                        }\r\n                        hooks.attributeUpdated.emit(p, newData, oldData);\r\n                    };\r\n                    if (matchFlag<HTMLElementTagNameMap[E][P], typeof WRAPPER>(data, WRAPPER)) {\r\n                        data.event.subcribe(update);\r\n                        update(data.get(), data.get());\r\n                    } else {\r\n                        update(data, data);\r\n                    }\r\n                    return context;\r\n                };\r\n            }\r\n        },\r\n    });\r\n    Promise.resolve().then(() => hooks.initialized.emit(context as unknown as HostTree));\r\n    return context;\r\n}","export class ValidationFailed extends Error { }\r\nexport class MissingFieldError extends Error { }\r\nexport class ConflictionError extends Error { }\r\nexport class AccessError extends Error { }\r\nexport class BrokenRendererError extends Error { }","import { EventSubcriber } from \"@/channel/event-subcriber\";\r\nimport { SourceTree } from \"./component\";\r\nimport { attachFlag, matchFlag, WRAPPER } from \"@/constants/flags\";\r\n\r\nexport type Wrapper<T> = {\r\n    get(): T;\r\n    set(newData: T): void;\r\n    updateOnly(): void;\r\n    event: EventSubcriber<[T, T]>;\r\n};\r\n\r\nexport function wrap<T>(initialData: T, wrapperOptions?: Partial<Wrapper<T>>): Wrapper<T> {\r\n    const arrayActions = [\"push\", \"pop\", \"shift\", \"unshift\", \"splice\", \"sort\", \"reverse\"];\r\n    const patch = (data: T) => {\r\n        if (!Array.isArray(data)) { return data; }\r\n        const { proxy, revoke: newRevoke } = Proxy.revocable(data, {\r\n            get(target, p: string, receiver) {\r\n                if (arrayActions.includes(p)) {\r\n                    const originalMethod = Reflect.get(target, p, receiver) as (...args: unknown[]) => unknown;\r\n                    if (typeof originalMethod === \"function\") {\r\n                        return (...args: unknown[]) => {\r\n                            let oldData = wrapper.get();\r\n                            if (Array.isArray(oldData)) {\r\n                                oldData = [...oldData] as T;\r\n                                const result = originalMethod.call(target, ...args);\r\n                                wrapper.event.emit(wrapper.get(), oldData);\r\n                                return result;\r\n                            }\r\n                        };\r\n                    } else return Reflect.get(target, p, receiver);\r\n                } else {\r\n                    return Reflect.get(target, p, receiver);\r\n                }\r\n            },\r\n            set(target, p, newValue, receiver) {\r\n                const oldValue = Reflect.get(target, p, receiver);\r\n                if (oldValue !== newValue) {\r\n                    let oldData = wrapper.get();\r\n                    if (Array.isArray(oldData)) {\r\n                        oldData = [...oldData] as T;\r\n                        const result = Reflect.set(target, p, newValue, receiver);\r\n                        wrapper.event.emit(wrapper.get(), oldData);\r\n                        return result;\r\n                    }\r\n                }\r\n                return Reflect.set(target, p, newValue, receiver);\r\n            },\r\n        });\r\n        oldRevoke = newRevoke;\r\n        return proxy;\r\n    };\r\n    const event = new EventSubcriber<[T, T]>();\r\n    let oldRevoke: (() => void) | null = null;\r\n    let currentData = patch(initialData);\r\n    const wrapper: Wrapper<T> = attachFlag({\r\n        get() { return currentData; },\r\n        set(newData) {\r\n            if (currentData !== newData) {\r\n                let oldData = currentData;\r\n                if (Array.isArray(oldData) && oldRevoke) {\r\n                    oldData = [...oldData] as T;\r\n                    oldRevoke();\r\n                    currentData = patch(newData);\r\n                } else {\r\n                    currentData = newData;\r\n                };\r\n                this.event.emit(newData, oldData);\r\n            }\r\n        },\r\n        updateOnly() {\r\n            this.event.emit(this.get(), this.get());\r\n        },\r\n        event\r\n    }, WRAPPER);\r\n    return { ...wrapper, ...wrapperOptions ?? {} };\r\n}\r\nexport function sync<R>(effectRenderer: () => R, dependencies: unknown[] = []): Wrapper<R> {\r\n    const internalWrapper = wrap(effectRenderer());\r\n    const update = () => {\r\n        const newData = effectRenderer();\r\n        const currentData = internalWrapper.get();\r\n        const hasChanged = currentData !== newData;\r\n        if (hasChanged) {\r\n            internalWrapper.set(newData);\r\n        }\r\n    };\r\n    for (const dependency of dependencies) {\r\n        if (!matchFlag(dependency, WRAPPER)) continue;\r\n        dependency.event.subcribe(update);\r\n    }\r\n    return internalWrapper;\r\n}\r\nexport function when(condition: Wrapper<boolean> | (() => boolean), tree: () => SourceTree, dependencies: unknown[] = []) {\r\n    return sync(() => {\r\n        let result: boolean;\r\n        if (typeof condition === \"function\") {\r\n            result = condition();\r\n        } else {\r\n            result = condition.get();\r\n        }\r\n        return [result ? tree() : null];\r\n    }, [...dependencies, ...(matchFlag(condition, WRAPPER) ? [condition] : [])]);\r\n}\r\n","import { ComponentPropertyDescriptor, ComponentPropertyInputDict, ComponentPropertyOutputDict, ComponentPropertyStore, PropertyTransformer } from \"./component\";\r\nimport { AccessError, ConflictionError, MissingFieldError, ValidationFailed } from \"@/exceptions\";\r\nimport { matchFlag, WRAPPER } from \"@/constants/flags\";\r\nimport { wrap } from \"./reactive\";\r\n\r\nexport function rawProperty<T>(): PropertyTransformer<unknown, T> {\r\n    return (x) => x as T;\r\n}\r\nexport function normalizePropertyDescriptor\r\n    <I, O, R extends boolean>(\r\n    descriptor: ComponentPropertyDescriptor<I, O, R>\r\n): Required<ComponentPropertyDescriptor<I, O, R>> {\r\n    return Object.assign({\r\n        validate: () => true,\r\n        transform: x => x,\r\n        shadow: null,\r\n        required: false,\r\n        downloadable: true,\r\n        uploadable: false\r\n    } satisfies Required<ComponentPropertyDescriptor>, descriptor);\r\n}\r\nexport function validateStore(store: ComponentPropertyStore) {\r\n    for (const propertyKey in store) {\r\n        const descriptor = store[propertyKey];\r\n        if (descriptor.shadow) {\r\n            if (descriptor.required) {\r\n                throw new ConflictionError(`The required property ${propertyKey} can't have a shadow.`);\r\n            }\r\n            if (descriptor.validate && !descriptor.validate(descriptor.shadow)) {\r\n                throw new ValidationFailed(`The shadow of ${propertyKey} can't pass the validation.`);\r\n            }\r\n        }\r\n    }\r\n}\r\nexport function hostdown<T extends ComponentPropertyStore>(upstream?: ComponentPropertyInputDict<T>, store?: T) {\r\n    if (!upstream) upstream = {} as ComponentPropertyInputDict<T>;\r\n    const downstream: Record<string, unknown> = {};\r\n    for (const propertyKey in store) {\r\n        const descriptor = normalizePropertyDescriptor(store[propertyKey]);\r\n        const setValue = (newValue: unknown) => {\r\n            if (matchFlag(downstream[propertyKey], WRAPPER)) {\r\n                downstream[propertyKey].set(newValue);\r\n            } else {\r\n                const wrapper = wrap(newValue);\r\n                downstream[propertyKey] = wrapper;\r\n                wrapper.event.subcribe((newData) => {\r\n                    if (!matchFlag(upstream[propertyKey], WRAPPER) || !matchFlag(downstream[propertyKey], WRAPPER)) return;\r\n                    if (downstream[propertyKey].get() === upstream[propertyKey].get()) return;\r\n                    if (!descriptor.uploadable) throw new AccessError(`Property ${propertyKey} isn't uploadable but being set.`);\r\n                    upstream[propertyKey].set(newData);\r\n                });\r\n            }\r\n        };\r\n        const update = (inputValue: unknown, firstSet: boolean) => {\r\n            if (!firstSet && !descriptor.downloadable) {\r\n                console.warn(`Property ${propertyKey} isn't downloadable but being emitted.`);\r\n                return;\r\n            }\r\n            if (!descriptor.validate(inputValue)) {\r\n                throw new ValidationFailed(`The input value of ${propertyKey} can't pass the validation.`);\r\n            }\r\n            setValue(descriptor.transform(inputValue));\r\n        };\r\n        if (!Object.hasOwn(upstream, propertyKey)) {\r\n            if (descriptor.required) {\r\n                throw new MissingFieldError(`Missing a required property ${propertyKey}.`);\r\n            }\r\n            setValue(descriptor.shadow);\r\n            continue;\r\n        }\r\n        if (matchFlag(upstream[propertyKey], WRAPPER)) {\r\n            upstream[propertyKey].event.subcribe(e => update(e, false));\r\n            update(upstream[propertyKey].get(), true);\r\n        } else {\r\n            update(upstream[propertyKey], true);\r\n        }\r\n    }\r\n    return downstream as ComponentPropertyOutputDict<T>;\r\n}","import { matchFlag, WRAPPER } from \"@/constants/flags\";\r\nimport { SourceTree } from \"./component\";\r\nimport { wrap, Wrapper } from \"./reactive\";\r\n\r\nexport type RawSlotInput = SourceTree | (() => SourceTree);\r\nexport type SlotInput = RawSlotInput | Wrapper<RawSlotInput>;\r\nexport type SlotOutput = () => Wrapper<SourceTree>;\r\n\r\nexport function pipeExtract(input: SlotInput): SlotOutput {\r\n    if (typeof input === \"function\") {\r\n        return () => wrap(input());\r\n    } else if (matchFlag<RawSlotInput, typeof WRAPPER>(input, WRAPPER)) {\r\n        return pipeExtract(input);\r\n    } else return () => wrap(input);\r\n}","import { EmptyValue } from \"@/util/types\";\r\nimport { HostTree, tree } from \"./tree\";\r\nimport { hostdown, normalizePropertyDescriptor, validateStore } from \"./property\";\r\nimport { Wrapper } from \"./reactive\";\r\nimport { SlotInput, SlotOutput, pipeExtract } from \"./slot\";\r\nimport { BrokenRendererError } from \"@/exceptions\";\r\nimport { attachFlag, COMPONENT_INSTANCE, HOST_TREE, matchFlag } from \"@/constants/flags\";\r\nimport { EventDescriptor } from \"./event\";\r\nimport { StyleSet } from \"./style\";\r\n\r\nexport interface ComponentRenderEntry<P extends ComponentPropertyStore, E extends ComponentEventStore> {\r\n    (props?: ComponentPropertyInputDict<P>, slot?: SlotInput): ComponentInstance<E>;\r\n}\r\nexport interface ComponentInternalRender<P extends ComponentPropertyStore, E extends ComponentEventStore> {\r\n    (\r\n        options: ComponentPropertyOutputDict<P>,\r\n        slot: SlotOutput,\r\n        emit: <D extends E[number], K extends D[\"name\"]>(\r\n            key: K,\r\n            data: D extends infer R extends EventDescriptor<unknown, string> ? R[\"name\"] extends K ? R[\"template\"] : never : never\r\n        ) => void\r\n    ): SourceTree;\r\n}\r\nexport type Component<P extends ComponentPropertyStore, E extends ComponentEventStore> =\r\n    ComponentRenderEntry<P, E> & ComponentOption<P, E>;\r\nexport interface PropertyTransformer<I, O> {\r\n    (data: I): O;\r\n}\r\nexport interface ComponentPropertyDescriptor<I = unknown, O = unknown, R extends boolean = boolean> {\r\n    validate?: (data: I) => boolean;\r\n    transform: PropertyTransformer<I, O>;\r\n    shadow?: O;\r\n    required?: R;\r\n    downloadable?: boolean;\r\n    uploadable?: boolean;\r\n}\r\nexport type ComponentEventStore = EventDescriptor<unknown, string>[];\r\nexport type ComponentPropertyStore = Record<string, ComponentPropertyDescriptor>;\r\nexport type ComponentPropertyInputDict<P extends ComponentPropertyStore> = {\r\n    [K in keyof P as P[K][\"required\"] extends true ? K : never]:\r\n    P[K] extends ComponentPropertyDescriptor<unknown, infer R>\r\n    ? R | Wrapper<R> : never;\r\n} & {\r\n    [K in keyof P as P[K][\"required\"] extends false | unknown ? K : never]?:\r\n    P[K] extends ComponentPropertyDescriptor<unknown, infer R>\r\n    ? R | Wrapper<R> | EmptyValue : never;\r\n}\r\nexport type ComponentPropertyOutputDict<P extends ComponentPropertyStore> = {\r\n    [K in keyof P]:\r\n    P[K] extends ComponentPropertyDescriptor<unknown, infer R>\r\n    ? Wrapper<R> : never;\r\n};\r\nexport interface ComponentOption<P extends ComponentPropertyStore, E extends ComponentEventStore> {\r\n    props?: P;\r\n    events?: E;\r\n    styles?: StyleSet[];\r\n}\r\nexport type ComponentInstance<E extends ComponentEventStore = ComponentEventStore> = {\r\n    mount(to: string | HTMLElement): void;\r\n    on<D extends E[number], K extends D[\"name\"]>(\r\n        key: K,\r\n        data: (data: D extends infer R extends EventDescriptor<unknown, string> ? R[\"name\"] extends K ? R[\"template\"] : never : never) => void\r\n    ): ComponentInstance<E>;\r\n    $: HostTree;\r\n};\r\nexport type RawSourceTree = [\r\n    HTMLElement,\r\n    // HostTree,\r\n    string,\r\n    number,\r\n    boolean,\r\n    bigint,\r\n    EmptyValue,\r\n    ComponentInstance,\r\n][number];\r\nexport type SourceTree = RawSourceTree | HostTree;\r\n\r\nexport function render(nodeTree: SourceTree): HostTree {\r\n    let result: HostTree;\r\n    if (nodeTree instanceof Node) {\r\n        result = tree(nodeTree);\r\n    } else if (typeof nodeTree === \"string\" || typeof nodeTree === \"number\" || typeof nodeTree === \"boolean\" || typeof nodeTree === \"bigint\") {\r\n        result = tree(new Text(String(nodeTree)));\r\n    } else if (matchFlag(nodeTree, COMPONENT_INSTANCE)) {\r\n        result = nodeTree.$;\r\n    } else if (nodeTree === null || nodeTree === undefined) {\r\n        result = tree(new Comment(\"Empty tree context\"));\r\n    } else if (matchFlag(nodeTree, HOST_TREE)) {\r\n        result = nodeTree;\r\n    } else {\r\n        throw new BrokenRendererError(`Failed to render ${nodeTree} into a Node.`);\r\n    }\r\n    return result;\r\n}\r\nexport function $<T>(data: Wrapper<T>) {\r\n    return data as unknown as Wrapper<SourceTree>;\r\n}\r\nexport function flagment<T extends string>(uuid: T) {\r\n    return `nine_${uuid.replaceAll(\"-\", \"_\")}` as const;\r\n}\r\nexport function attachUUID(root: Node, uuid: string): Node {\r\n    for (const node of [root, ...root.childNodes]) {\r\n        if (node instanceof HTMLElement) {\r\n            node.dataset[flagment(uuid)] = \"true\";\r\n        }\r\n        if (node !== root && node.childNodes.length > 0) {\r\n            attachUUID(node, uuid);\r\n        }\r\n    }\r\n    return root;\r\n}\r\nexport function createComponent<\r\n    P extends ComponentPropertyStore,\r\n    E extends EventDescriptor<unknown, string>\r\n>(\r\n    options: ComponentOption<P, E[]>,\r\n    internalRenderer: ComponentInternalRender<P, E[]>\r\n): Component<P, E[]> {\r\n    validateStore(options.props ?? {});\r\n    const propStore = Object.fromEntries(\r\n        Object\r\n            .entries(options.props ?? {})\r\n            .map(([key, value]) => [\r\n                key,\r\n                normalizePropertyDescriptor(value),\r\n            ])\r\n    ) as P;\r\n    const rawComponentUUID = crypto.randomUUID();\r\n    const flagmentedUUID = flagment(rawComponentUUID);\r\n    if (options.styles) {\r\n        for (const styleSet of options.styles) {\r\n            styleSet.apply(`[data-${flagmentedUUID}=\"true\"]`);\r\n        }\r\n    }\r\n    const entryRenderer = (props?: ComponentPropertyInputDict<P>, slot?: SlotInput) => {\r\n        const nodeTree = internalRenderer(hostdown(props, propStore), pipeExtract(slot), (key, data) => {\r\n            const targetEvent = options.events?.find(e => e.name === key);\r\n            if (!targetEvent) throw new TypeError(`No events named ${key} to emit.`);\r\n            hostTree.element.dispatchEvent(new CustomEvent(key, {\r\n                detail: data,\r\n                bubbles: targetEvent.bubbleable,\r\n                cancelable: false\r\n            }));\r\n        });\r\n        const hostTree = render(nodeTree);\r\n        attachUUID(hostTree.element, rawComponentUUID);\r\n        hostTree.hooks.treeUpdated.subcribe((newTrees) => newTrees.forEach(tree => attachUUID(tree.element, rawComponentUUID)));\r\n        return attachFlag({\r\n            mount(to: string | HTMLElement) {\r\n                const targets = typeof to === \"string\" ? [...document.querySelectorAll<HTMLElement>(to)] : [to];\r\n                for (const target of targets) {\r\n                    target.appendChild(hostTree.element);\r\n                }\r\n            },\r\n            on(key: string, handler: (data: unknown) => void) {\r\n                hostTree.on(key, event => event instanceof CustomEvent ? handler(event.detail) : null);\r\n                return this;\r\n            },\r\n            $: hostTree\r\n        }, COMPONENT_INSTANCE);\r\n    };\r\n    return Object.assign(entryRenderer, {\r\n        props: propStore,\r\n        events: options.events\r\n    } as Component<P, E[]>);\r\n}","import { camelToHyphen } from \"@/util\";\r\n\r\nexport type StyleSet = {\r\n    [K in keyof CSSStyleDeclaration]: (data: string) => StyleSet;\r\n} & {\r\n    rules: Record<keyof CSSStyleDeclaration, string>;\r\n    selector?: string;\r\n    apply(selector?: string): StyleSet;\r\n    ruleString(): string;\r\n    selectorString(selector?: string): string;\r\n};\r\nexport function styleSet(selector?: string) {\r\n    const rules = {} as Record<keyof CSSStyleDeclaration, string>;\r\n    const context: StyleSet = new Proxy({\r\n        rules,\r\n        selector,\r\n        apply(selector) {\r\n            const style = document.createElement(\"style\");\r\n            document.head.appendChild(style);\r\n            style.textContent = `${this.selectorString(selector)}{${this.ruleString()}}`;\r\n        },\r\n        ruleString() {\r\n            return Object.entries(rules).map(([key, value]) => `${camelToHyphen(String(key))}:${value};`).join(\"\");\r\n        },\r\n        selectorString(selector) {\r\n            return ((this.selector || \"\") + (selector || \"\")) || \"*\";\r\n        },\r\n    } as StyleSet, {\r\n        get<P extends string & keyof CSSStyleDeclaration>(target: Record<string, unknown>, p: P, receiver: unknown) {\r\n            if (Reflect.has(target, p)) {\r\n                return Reflect.get(target, p, receiver);\r\n            } else {\r\n                return (data: CSSStyleDeclaration[P]) => {\r\n                    rules[p] = String(data);\r\n                    return context;\r\n                };\r\n            }\r\n        },\r\n    });\r\n    return context;\r\n}","export type EventDescriptor<T, N extends string> = {\r\n    name: N;\r\n} & EventOptions<T>;\r\nexport interface EventOptions<T> {\r\n    bubbleable?: boolean;\r\n    template?: T;\r\n}\r\n\r\nexport function defineEvent<T, N extends string>(name: N, options?: EventOptions<T>): EventDescriptor<T, N> {\r\n    return { name, ...options ?? {} };\r\n}","export * as logo from \"./logo.svg\";\r\n","import { $, createComponent, tree, sync, styleSet, createArray, when, defineEvent } from \"@\";\r\n\r\nexport default createComponent({ //创建组件\r\n    props: {\r\n        value: { //参数名\r\n            validate: Number.isInteger, //验证器\r\n            transform: Number, //转换器\r\n            required: false, //是否必填\r\n            shadow: 0, //默认值\r\n            downloadable: true, //（上游→下游）\r\n            uploadable: true, //（下游→上游），v-model双向绑定\r\n        }\r\n    },\r\n    events: [\r\n        defineEvent(\"up\", {\r\n            template: {\r\n                arg1: 0,\r\n                arg2: false\r\n            },\r\n            bubbleable: true\r\n        }),\r\n        defineEvent(\"down\", {\r\n            template: {\r\n                arg3: \"sb\",\r\n                arg4: Symbol()\r\n            },\r\n            bubbleable: true\r\n        })\r\n    ]\r\n}, (props) => {\r\n    const doubled = sync(() => props.value.get() * 2, [props.value]); //computed\r\n    return tree(\"div\")\r\n        .use(styleSet().fontSize(\"20px\").padding(\"10px\"))\r\n        .append(\r\n            \"敲木鱼\", tree(\"br\"),\r\n            tree(\"button\")\r\n                .on(\"click\", () => props.value.set(props.value.get() + 1)) //参数uploadable，赋值会实时同步到上游\r\n                .append(\"点击加一\"),\r\n            tree(\"button\")\r\n                .on(\"click\", () => props.value.set(props.value.get() - 1))\r\n                .append(\"点击减一\"),\r\n            tree(\"br\"),\r\n            \"当前值：\", $(props.value), //引用响应式的值，类似模板语法{{ count }}\r\n            \"双倍值：\", $(doubled),\r\n            $(sync( //只要是能渲染的东西，就能进行响应式引用\r\n                () => createArray(\r\n                    doubled.get(),\r\n                    () => tree(\"div\").append(\"你点了一下\")\r\n                ),\r\n                [doubled]\r\n            )), //列表渲染v-for\r\n            when(\r\n                () => props.value.get() > 10,\r\n                () => tree(\"p\").append(\"count > 10 时显示\"),\r\n                [props.value]\r\n            ), //条件渲染v-if\r\n        );\r\n});","import { $, createComponent, defineEvent, rawProperty, styleSet, sync, tree, when, wrap } from \"@\";\r\n\r\nexport default createComponent({\r\n    props: {\r\n        items: {\r\n            transform: rawProperty<string[]>(),\r\n            shadow: [\"OptionA\", \"OptionB\", \"OptionC\"]\r\n        },\r\n        value: {\r\n            transform: Number,\r\n            uploadable: true,\r\n            required: true\r\n        }\r\n    },\r\n    events: [\r\n        defineEvent(\"select\", { template: 0 }),\r\n        defineEvent(\"toggleState\", { template: false })\r\n    ],\r\n    styles: [\r\n        styleSet(\".item\")\r\n            .backgroundColor(\"blue\")\r\n            .color(\"white\"),\r\n        styleSet(\".flexdown\")\r\n            .display(\"flex\")\r\n            .flexDirection(\"column\")\r\n    ]\r\n}, (props, slot, emit) => {\r\n    const showing = wrap(false);\r\n    const select = (index: number) => {\r\n        props.value.set(index);\r\n        showing.set(false);\r\n        emit(\"select\", props.value.get());\r\n    };\r\n    showing.event.subcribe(e => emit(\"toggleState\", e));\r\n\r\n    return tree(\"div\")\r\n        .class(\"flexdown\")\r\n        .ariaAtomic(\"false\")\r\n        .append(\r\n            tree(\"span\")\r\n                .class(\"item\")\r\n                .use(styleSet().backgroundColor(\"red\"))\r\n                .append($(sync(() => props.items.get()[props.value.get()], [props.items, props.value])))\r\n                .on(\"click\", () => showing.set(!showing.get())),\r\n            slot(),\r\n            when(showing, () =>\r\n                tree(\"div\")\r\n                    .class(\"flexdown\")\r\n                    .append(\r\n                        $(sync(() =>\r\n                            props.items.get().map((label, index) =>\r\n                                tree(\"span\")\r\n                                    .class(\"item\")\r\n                                    .append(label)\r\n                                    .on(\"click\", () => select(index))\r\n                            ), [props.items]))\r\n                    )\r\n            )\r\n        );\r\n});","import Counter from \"./Counter\";\r\nimport Selector from \"./Selector\";\r\n\r\nexport default { Counter, Selector };"],"mappings":"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","names":["child","children","styleSet","data","tree","styleSet","tree","selector"]}
+{"version":3,"sources":["../src/index.ts","../src/channel/event-subcriber.ts","../src/util/char.ts","../src/util/array.ts","../src/constants/flags.ts","../src/dom/tree.ts","../src/exceptions/index.ts","../src/dom/reactive.ts","../src/dom/property.ts","../src/dom/slot.ts","../src/dom/component.ts","../src/util/types.ts","../src/dom/style.ts","../src/dom/event.ts","../src/assets/index.ts","../src/examples/Counter.ts","../src/examples/Selector.ts","../src/examples/index.ts"],"sourcesContent":["export * from \"./channel\";\r\nexport * from \"./dom\";\r\nexport * from \"./util\";\r\n\r\nexport * as assets from \"./assets\";\r\nexport { default as examples } from \"./examples\";\r\n\r\nif (window.__NINE_ENV__?.mode === \"development\") {\r\n    console.warn(\"[Nine-9] Initialized in development mode.\");\r\n}","interface SubcriberCallback<T extends unknown[], R> {\r\n    (...data: T): R;\r\n}\r\ninterface Subcriber<T extends unknown[], R> {\r\n    callback: SubcriberCallback<T, R>;\r\n    once: boolean;\r\n}\r\nexport class EventSubcriber<T extends unknown[], R = void> {\r\n    private subcribers: Subcriber<T, R>[] = [];\r\n    private emitting: boolean = false;\r\n\r\n    subcribe(callback: SubcriberCallback<T, R>, once = false) {\r\n        this.subcribers.push({\r\n            callback,\r\n            once,\r\n        });\r\n    }\r\n    emit(...data: T): R[] | void {\r\n        if (this.emitting) return;\r\n        this.emitting = true;\r\n        const result: R[] = [];\r\n        for (const subcriber of this.subcribers) {\r\n            result.push(subcriber.callback(...data));\r\n        }\r\n        this.emitting = false;\r\n        return result;\r\n    }\r\n}","export function camelToHyphen<T extends string>(str: T): T {\r\n    return str.replace(/[A-Z]/g, letter => `-${letter.toLowerCase()}`) as T;\r\n}\r\nexport function hyphenToCamel<T extends string>(str: T): T {\r\n    return str.replace(/-([a-z])/g, (g) => g[1].toUpperCase()) as T;\r\n}","export function typedIsArray<T>(arr: unknown[]): arr is T[] {\r\n    return Array.isArray(arr);\r\n}\r\nexport function putIntoArray<T>(data: T) {\r\n    return [...(Array.isArray(data) ? data : [data])] as T extends (infer R)[] ? R[] : [T];\r\n}\r\nexport function createArray<T>(length: number, filler: () => T): T[] {\r\n    return new Array(length).fill(0).map(filler);\r\n}","import { ComponentInstance, HostTree, Wrapper } from \"@/dom\";\r\n\r\ntype FlagMap<T> =\r\n    { [K in typeof HOST_TREE]: HostTree; }\r\n    & { [K in typeof COMPONENT_INSTANCE]: ComponentInstance; }\r\n    & { [K in typeof WRAPPER]: Wrapper<T>; }\r\n\r\nexport const HOST_TREE = Symbol(\"HostTreeFlag\");\r\nexport const COMPONENT_INSTANCE = Symbol(\"ComponentInstanceFlag\");\r\nexport const WRAPPER = Symbol(\"WrapperFlag\");\r\n\r\nexport function attachFlag<T extends object, F extends keyof FlagMap<unknown>>(data: T, flag: F) {\r\n    return Object.assign(data, { [flag]: true }) as T & { [K in F]: true };\r\n}\r\nexport function matchFlag<T, K extends keyof FlagMap<T>>(data: unknown, flag: K): data is FlagMap<T>[K] {\r\n    return (\r\n        (data !== null && data !== undefined)\r\n        && typeof data === \"object\"\r\n        && Object.hasOwn(data, flag)\r\n        && data[flag] === true\r\n    );\r\n}","import { camelToHyphen } from \"@/util/char\";\r\nimport { render, RawSourceTree } from \"./component\";\r\nimport { Wrapper } from \"./reactive\";\r\nimport { StyleSet } from \"./style\";\r\nimport { putIntoArray } from \"@/util/array\";\r\nimport { attachFlag, HOST_TREE, matchFlag, WRAPPER } from \"@/constants/flags\";\r\nimport { EventSubcriber } from \"@/channel\";\r\nimport { SupportedHTMLRawAttributes, SupportedHTMLElements, SupportedEventHandlerMap } from \"./element\";\r\nimport { KebabToCamel, ObjectToEntryUnion } from \"@/util/types\";\r\n\r\nexport interface HostTreeHooks {\r\n    treeUpdated: [newTrees: HostTree[], oldTrees: HostTree[]];\r\n    attributeUpdated: [attribute: string, newValue: unknown, oldValue: unknown];\r\n    initialized: [rootTree: HostTree];\r\n    $preventEvent: [ObjectToEntryUnion<SupportedEventHandlerMap>, boolean | void];\r\n}\r\nexport type HostTreeHookStore = {\r\n    [K in keyof HostTreeHooks as K extends `$${infer R}` ? R : K]:\r\n    K extends `$${string}`\r\n    ? HostTreeHooks[K] extends [infer E extends unknown[], infer R]\r\n    ? EventSubcriber<E, R>\r\n    : EventSubcriber<HostTreeHooks[K]>\r\n    : EventSubcriber<HostTreeHooks[K]>;\r\n};\r\nexport type HostTree<E extends SupportedHTMLElements = SupportedHTMLElements, T = HTMLElementTagNameMap[E], A = SupportedHTMLRawAttributes[E]> = {\r\n    [K in string & keyof A as KebabToCamel<K>]-?: (data: A[K] | Wrapper<A[K]>) => HostTree<E>;\r\n} & {\r\n    element: T;\r\n    hooks: HostTreeHookStore;\r\n    append(...children: (\r\n        RawSourceTree |\r\n        HostTree |\r\n        RawSourceTree[] |\r\n        HostTree[] |\r\n        (RawSourceTree | HostTree)[] |\r\n        Wrapper<HostTree> |\r\n        Wrapper<RawSourceTree> |\r\n        Wrapper<RawSourceTree | HostTree> |\r\n        Wrapper<(RawSourceTree | HostTree)[]> |\r\n        Wrapper<RawSourceTree | RawSourceTree[]>\r\n    )[]): HostTree<E>;\r\n    use(styleSet: StyleSet | Wrapper<StyleSet>): HostTree<E>;\r\n    on<K extends keyof SupportedEventHandlerMap>(key: K, handler: SupportedEventHandlerMap[K], options?: AddEventListenerOptions): HostTree<E>;\r\n    on(key: string, handler: (...args: unknown[]) => unknown, options?: AddEventListenerOptions): HostTree<E>;\r\n};\r\n\r\nexport function tree<E extends SupportedHTMLElements>(data: E | Node) {\r\n    const element: Node = typeof data === \"string\" ? document.createElement(data) : data;\r\n    const hooks: HostTreeHookStore = {\r\n        treeUpdated: new EventSubcriber(),\r\n        attributeUpdated: new EventSubcriber(),\r\n        initialized: new EventSubcriber(),\r\n        preventEvent: new EventSubcriber()\r\n    };\r\n    const context: HostTree<E> = new Proxy(attachFlag({\r\n        element,\r\n        hooks,\r\n        append(...children: (RawSourceTree | RawSourceTree[] | Wrapper<RawSourceTree | RawSourceTree[]>)[]) {\r\n            for (const child of children) {\r\n                if (matchFlag<RawSourceTree | RawSourceTree[], typeof WRAPPER>(child, WRAPPER)) {\r\n                    let oldChildren: HostTree[] = [];\r\n                    const baseAnchor = new Comment(\"Tree anchor\");\r\n                    element.appendChild(baseAnchor);\r\n                    const update = (newTrees: RawSourceTree[] | RawSourceTree) => {\r\n                        const normalizedTrees = [...(Array.isArray(newTrees) ? newTrees : [newTrees])].reverse();\r\n                        const newChildren: HostTree[] = [];\r\n                        for (const newTree of normalizedTrees) {\r\n                            const child = render(newTree);\r\n                            newChildren.push(child);\r\n                            element.insertBefore(child.element, baseAnchor.nextSibling);\r\n                        }\r\n                        for (const oldChild of oldChildren) {\r\n                            oldChild.element.remove();\r\n                        }\r\n                        hooks.treeUpdated.emit(newChildren, oldChildren);\r\n                        oldChildren = newChildren;\r\n                    };\r\n                    child.event.subcribe(update);\r\n                    update(child.get());\r\n                } else {\r\n                    const children = child;\r\n                    for (const child of putIntoArray(children)) {\r\n                        element.appendChild(render(child).element);\r\n                    }\r\n                }\r\n            }\r\n            return context;\r\n        },\r\n        use(styleSet: StyleSet | Wrapper<StyleSet>) {\r\n            if (element instanceof HTMLElement) {\r\n                const update = (rules: Record<string, string>) => {\r\n                    for (const [key, value] of Object.entries(rules)) {\r\n                        element.style.setProperty(camelToHyphen(String(key)), value);\r\n                    }\r\n                };\r\n                if (matchFlag<StyleSet, typeof WRAPPER>(styleSet, WRAPPER)) {\r\n                    styleSet.event.subcribe((newData) => update(newData.rules));\r\n                    update(styleSet.get().rules);\r\n                } else {\r\n                    update(styleSet.rules);\r\n                }\r\n            }\r\n            return context;\r\n        },\r\n        on<K extends keyof SupportedEventHandlerMap>(key: K, handler: SupportedEventHandlerMap[K], options: AddEventListenerOptions) {\r\n            if (element instanceof EventTarget) {\r\n                element.addEventListener(key, (e) => {\r\n                    //@ts-expect-error 运行时这个本来就是配套的，ts推断不出来\r\n                    const emitResult = hooks.preventEvent.emit(key, handler);\r\n                    if (emitResult && !emitResult.some(Boolean)) {\r\n                        //@ts-expect-error 依旧是传参问题，ts推断不出来\r\n                        handler(e);\r\n                    }\r\n                }, options);\r\n            }\r\n            return context;\r\n        },\r\n    } as HostTree<E>, HOST_TREE), {\r\n        get<P extends keyof Node>(target: Record<string, unknown>, p: P, receiver: unknown) {\r\n            if (Reflect.has(target, p)) {\r\n                return Reflect.get(target, p, receiver);\r\n            } else {\r\n                return (data: HTMLElementTagNameMap[E][P] | Wrapper<HTMLElementTagNameMap[E][P]>) => {\r\n                    const update = (newData: HTMLElementTagNameMap[E][P], oldData: HTMLElementTagNameMap[E][P]) => {\r\n                        if (Object.hasOwn(element, p)) {\r\n                            element[p] = newData;\r\n                        }\r\n                        if (element instanceof Element) {\r\n                            element.setAttribute(camelToHyphen(p), String(newData));\r\n                        }\r\n                        hooks.attributeUpdated.emit(p, newData, oldData);\r\n                    };\r\n                    if (matchFlag<HTMLElementTagNameMap[E][P], typeof WRAPPER>(data, WRAPPER)) {\r\n                        data.event.subcribe(update);\r\n                        update(data.get(), data.get());\r\n                    } else {\r\n                        update(data, data);\r\n                    }\r\n                    return context;\r\n                };\r\n            }\r\n        },\r\n    });\r\n    Promise.resolve().then(() => hooks.initialized.emit(context as unknown as HostTree));\r\n    return context;\r\n}","export class ValidationFailed extends Error { }\r\nexport class MissingError extends Error { }\r\nexport class ConflictionError extends Error { }\r\nexport class AccessError extends Error { }\r\nexport class BrokenRendererError extends Error { }","import { EventSubcriber } from \"@/channel/event-subcriber\";\r\nimport { SourceTree } from \"./component\";\r\nimport { attachFlag, matchFlag, WRAPPER } from \"@/constants/flags\";\r\n\r\nexport type Wrapper<T> = {\r\n    get(): T;\r\n    set(newData: T): void;\r\n    updateOnly(): void;\r\n    event: EventSubcriber<[T, T]>;\r\n};\r\n\r\nexport function normalizeWrap<T>(data: T | Wrapper<T>): Wrapper<T> {\r\n    if (matchFlag<T, typeof WRAPPER>(data, WRAPPER)) {\r\n        return data;\r\n    } else {\r\n        return wrap(data);\r\n    }\r\n}\r\nexport function wrap<T>(initialData: T, wrapperOptions?: Partial<Wrapper<T>>): Wrapper<T> {\r\n    const arrayActions = [\"push\", \"pop\", \"shift\", \"unshift\", \"splice\", \"sort\", \"reverse\"];\r\n    const patch = (data: T) => {\r\n        if (!Array.isArray(data)) { return data; }\r\n        const { proxy, revoke: newRevoke } = Proxy.revocable(data, {\r\n            get(target, p: string, receiver) {\r\n                if (arrayActions.includes(p)) {\r\n                    const originalMethod = Reflect.get(target, p, receiver) as (...args: unknown[]) => unknown;\r\n                    if (typeof originalMethod === \"function\") {\r\n                        return (...args: unknown[]) => {\r\n                            let oldData = wrapper.get();\r\n                            if (Array.isArray(oldData)) {\r\n                                oldData = [...oldData] as T;\r\n                                const result = originalMethod.call(target, ...args);\r\n                                wrapper.event.emit(wrapper.get(), oldData);\r\n                                return result;\r\n                            }\r\n                        };\r\n                    } else return Reflect.get(target, p, receiver);\r\n                } else {\r\n                    return Reflect.get(target, p, receiver);\r\n                }\r\n            },\r\n            set(target, p, newValue, receiver) {\r\n                const oldValue = Reflect.get(target, p, receiver);\r\n                if (oldValue !== newValue) {\r\n                    let oldData = wrapper.get();\r\n                    if (Array.isArray(oldData)) {\r\n                        oldData = [...oldData] as T;\r\n                        const result = Reflect.set(target, p, newValue, receiver);\r\n                        wrapper.event.emit(wrapper.get(), oldData);\r\n                        return result;\r\n                    }\r\n                }\r\n                return Reflect.set(target, p, newValue, receiver);\r\n            },\r\n        });\r\n        oldRevoke = newRevoke;\r\n        return proxy;\r\n    };\r\n    const event = new EventSubcriber<[T, T]>();\r\n    let oldRevoke: (() => void) | null = null;\r\n    let currentData = patch(initialData);\r\n    const wrapper: Wrapper<T> = attachFlag({\r\n        get() { return currentData; },\r\n        set(newData) {\r\n            if (currentData !== newData) {\r\n                let oldData = currentData;\r\n                if (Array.isArray(oldData) && oldRevoke) {\r\n                    oldData = [...oldData] as T;\r\n                    oldRevoke();\r\n                    currentData = patch(newData);\r\n                } else {\r\n                    currentData = newData;\r\n                };\r\n                this.event.emit(newData, oldData);\r\n            }\r\n        },\r\n        updateOnly() {\r\n            this.event.emit(this.get(), this.get());\r\n        },\r\n        event\r\n    }, WRAPPER);\r\n    return { ...wrapper, ...wrapperOptions ?? {} };\r\n}\r\nexport function sync<R>(effectRenderer: () => R, dependencies: unknown[] = []): Wrapper<R> {\r\n    const internalWrapper = wrap(effectRenderer());\r\n    const update = () => {\r\n        const newData = effectRenderer();\r\n        const currentData = internalWrapper.get();\r\n        const hasChanged = currentData !== newData;\r\n        if (hasChanged) {\r\n            internalWrapper.set(newData);\r\n        }\r\n    };\r\n    for (const dependency of dependencies) {\r\n        if (!matchFlag(dependency, WRAPPER)) continue;\r\n        dependency.event.subcribe(update);\r\n    }\r\n    return internalWrapper;\r\n}\r\nexport function when(condition: Wrapper<boolean> | (() => boolean), tree: () => SourceTree, dependencies: unknown[] = []) {\r\n    return sync(() => {\r\n        let result: boolean;\r\n        if (typeof condition === \"function\") {\r\n            result = condition();\r\n        } else {\r\n            result = condition.get();\r\n        }\r\n        return [result ? tree() : null];\r\n    }, [...dependencies, ...(matchFlag(condition, WRAPPER) ? [condition] : [])]);\r\n}\r\n","import { ComponentPropertyStore, PropertyTransformer } from \"./component\";\r\nimport { AccessError, ConflictionError, MissingError, ValidationFailed } from \"@/exceptions\";\r\nimport { matchFlag, WRAPPER } from \"@/constants/flags\";\r\nimport { wrap, Wrapper } from \"./reactive\";\r\nimport { EmptyValue } from \"@/util\";\r\n\r\nexport interface ComponentPropertyDescriptor<I = unknown, O = unknown, R extends boolean = boolean> {\r\n    validate?: (data: I) => boolean;\r\n    transform: PropertyTransformer<I, O>;\r\n    shadow?: O;\r\n    required?: R;\r\n    downloadable?: boolean;\r\n    uploadable?: boolean;\r\n}\r\nexport type ComponentPropertyInputDict<P extends ComponentPropertyStore> = {\r\n    [K in keyof P as P[K][\"required\"] extends true ? K : never]:\r\n    P[K] extends ComponentPropertyDescriptor<unknown, infer R>\r\n    ? R | Wrapper<R> : never;\r\n} & {\r\n    [K in keyof P as P[K][\"required\"] extends false | unknown ? K : never]?:\r\n    P[K] extends ComponentPropertyDescriptor<unknown, infer R>\r\n    ? R | Wrapper<R> | EmptyValue : never;\r\n}\r\nexport type ComponentPropertyOutputDict<P extends ComponentPropertyStore> = {\r\n    [K in keyof P]:\r\n    P[K] extends ComponentPropertyDescriptor<unknown, infer R>\r\n    ? Wrapper<R> : never;\r\n};\r\n\r\nexport function rawProperty<T>(): PropertyTransformer<unknown, T> {\r\n    return (x) => x as T;\r\n}\r\nexport function normalizePropertyDescriptor\r\n    <I, O, R extends boolean>(\r\n    descriptor: ComponentPropertyDescriptor<I, O, R>\r\n): Required<ComponentPropertyDescriptor<I, O, R>> {\r\n    return Object.assign({\r\n        validate: () => true,\r\n        transform: x => x,\r\n        shadow: null,\r\n        required: false,\r\n        downloadable: true,\r\n        uploadable: false\r\n    } satisfies Required<ComponentPropertyDescriptor>, descriptor);\r\n}\r\nexport function validateStore(store: ComponentPropertyStore) {\r\n    for (const propertyKey in store) {\r\n        const descriptor = store[propertyKey];\r\n        if (descriptor.shadow) {\r\n            if (descriptor.required) {\r\n                throw new ConflictionError(`The required property ${propertyKey} can't have a shadow.`);\r\n            }\r\n            if (descriptor.validate && !descriptor.validate(descriptor.shadow)) {\r\n                throw new ValidationFailed(`The shadow of ${propertyKey} can't pass the validation.`);\r\n            }\r\n        }\r\n    }\r\n}\r\nexport function hostdown<T extends ComponentPropertyStore>(upstream?: ComponentPropertyInputDict<T>, store?: T) {\r\n    if (!upstream) upstream = {} as ComponentPropertyInputDict<T>;\r\n    const downstream: Record<string, unknown> = {};\r\n    for (const propertyKey in store) {\r\n        const descriptor = normalizePropertyDescriptor(store[propertyKey]);\r\n        const setValue = (newValue: unknown) => {\r\n            if (matchFlag(downstream[propertyKey], WRAPPER)) {\r\n                downstream[propertyKey].set(newValue);\r\n            } else {\r\n                const wrapper = wrap(newValue);\r\n                downstream[propertyKey] = wrapper;\r\n                wrapper.event.subcribe((newData) => {\r\n                    if (!matchFlag(upstream[propertyKey], WRAPPER) || !matchFlag(downstream[propertyKey], WRAPPER)) return;\r\n                    if (downstream[propertyKey].get() === upstream[propertyKey].get()) return;\r\n                    if (!descriptor.uploadable) throw new AccessError(`Property ${propertyKey} isn't uploadable but being set.`);\r\n                    upstream[propertyKey].set(newData);\r\n                });\r\n            }\r\n        };\r\n        const update = (inputValue: unknown, firstSet: boolean) => {\r\n            if (!firstSet && !descriptor.downloadable) {\r\n                console.warn(`Property ${propertyKey} isn't downloadable but being emitted.`);\r\n                return;\r\n            }\r\n            if (!descriptor.validate(inputValue)) {\r\n                throw new ValidationFailed(`The input value of ${propertyKey} can't pass the validation.`);\r\n            }\r\n            setValue(descriptor.transform(inputValue));\r\n        };\r\n        if (!Object.hasOwn(upstream, propertyKey)) {\r\n            if (descriptor.required) {\r\n                throw new MissingError(`Missing a required property ${propertyKey}.`);\r\n            }\r\n            setValue(descriptor.shadow);\r\n            continue;\r\n        }\r\n        if (matchFlag(upstream[propertyKey], WRAPPER)) {\r\n            upstream[propertyKey].event.subcribe(e => update(e, false));\r\n            update(upstream[propertyKey].get(), true);\r\n        } else {\r\n            update(upstream[propertyKey], true);\r\n        }\r\n    }\r\n    return downstream as ComponentPropertyOutputDict<T>;\r\n}","\r\nimport { ComponentSlotStore, SourceTree } from \"./component\";\r\nimport { normalizeWrap, Wrapper } from \"./reactive\";\r\nimport { MissingError } from \"@/exceptions\";\r\n\r\nexport type SlotDescriptor<T = unknown, N extends string = string, R extends boolean = boolean> = {\r\n    name: N;\r\n} & SlotOptions<T, R>;\r\nexport interface SlotOptions<T, R extends boolean> {\r\n    template: T;\r\n    required?: R;\r\n    defaultValue?: SourceTree;\r\n}\r\nexport type SlotInput<T> = (data: Wrapper<T>) => SourceTree | Wrapper<SourceTree>;\r\nexport type SlotOutput<T> = (data: T | Wrapper<T>) => Wrapper<SourceTree>;\r\nexport type ComponentSlotInputDict<T extends ComponentSlotStore> = {\r\n    [K in T[number]as K[\"name\"]]?: SlotInput<K[\"template\"]>;\r\n};\r\nexport type ComponentSlotOutputDict<T extends ComponentSlotStore> = {\r\n    [K in T[number]as K[\"name\"]]-?: SlotOutput<K[\"template\"]>;\r\n}\r\n\r\nexport function extractInput<T>(render: SlotInput<T>): SlotOutput<T> {\r\n    return (data: T | Wrapper<T>) => normalizeWrap(render(normalizeWrap(data)));\r\n}\r\nexport function renderSlots<T extends ComponentSlotStore>(rawInput?: ComponentSlotInputDict<T>, store?: T): ComponentSlotOutputDict<T> {\r\n    if (!store) return {} as ComponentSlotOutputDict<T>;\r\n    const input = rawInput as Record<string, SlotInput<T[number][\"template\"]>>;\r\n    return Object.fromEntries(store.map(descriptor => {\r\n        if (descriptor.required && (!input || !Object.hasOwn(input, descriptor.name))) {\r\n            throw new MissingError(`Missing a required slot ${descriptor.name}.`);\r\n        }\r\n        if (!input) return [descriptor.name, () => null];\r\n        return [\r\n            descriptor.name,\r\n            extractInput(input[descriptor.name])\r\n        ];\r\n    })) as ComponentSlotOutputDict<T>;\r\n}\r\nexport function defineSlot<N extends string, R extends boolean, T>(name: N, options: SlotOptions<T, R>) {\r\n    return {\r\n        name,\r\n        ...options\r\n    };\r\n}","import { EmptyValue } from \"@/util/types\";\r\nimport { HostTree, tree } from \"./tree\";\r\nimport { ComponentPropertyDescriptor, ComponentPropertyInputDict, ComponentPropertyOutputDict, hostdown, normalizePropertyDescriptor, validateStore } from \"./property\";\r\nimport { Wrapper } from \"./reactive\";\r\nimport { ComponentSlotInputDict, ComponentSlotOutputDict, renderSlots, SlotDescriptor } from \"./slot\";\r\nimport { BrokenRendererError } from \"@/exceptions\";\r\nimport { attachFlag, COMPONENT_INSTANCE, HOST_TREE, matchFlag } from \"@/constants/flags\";\r\nimport { EventDescriptor } from \"./event\";\r\nimport { StyleSet } from \"./style\";\r\n\r\nexport interface ComponentRenderEntry<P extends ComponentPropertyStore, E extends ComponentEventStore, S extends ComponentSlotStore> {\r\n    (props?: ComponentPropertyInputDict<P>, slot?: ComponentSlotInputDict<S>): ComponentInstance<E>;\r\n}\r\nexport interface ComponentInternalRender<P extends ComponentPropertyStore, E extends ComponentEventStore, S extends ComponentSlotStore> {\r\n    (\r\n        options: ComponentPropertyOutputDict<P>,\r\n        slot: ComponentSlotOutputDict<S>,\r\n        emit: <D extends E[number], K extends D[\"name\"]>(\r\n            key: K,\r\n            data: D extends infer R extends EventDescriptor ? R[\"name\"] extends K ? R[\"template\"] : never : never\r\n        ) => void\r\n    ): SourceTree;\r\n}\r\nexport type Component<P extends ComponentPropertyStore, E extends ComponentEventStore, S extends ComponentSlotStore> =\r\n    ComponentRenderEntry<P, E, S> & ComponentOption<P, E, S>;\r\nexport interface PropertyTransformer<I, O> {\r\n    (data: I): O;\r\n}\r\n\r\nexport type ComponentPropertyStore = Record<string, ComponentPropertyDescriptor>;\r\nexport type ComponentEventStore = EventDescriptor[];\r\nexport type ComponentSlotStore = SlotDescriptor[];\r\n\r\nexport interface ComponentOption<P extends ComponentPropertyStore, E extends ComponentEventStore, S extends ComponentSlotStore> {\r\n    props?: P;\r\n    events?: E;\r\n    styles?: StyleSet[];\r\n    slots?: S;\r\n}\r\nexport type ComponentInstance<E extends ComponentEventStore = ComponentEventStore> = {\r\n    mount(to: string | HTMLElement): void;\r\n    on<D extends E[number], K extends D[\"name\"]>(\r\n        key: K,\r\n        data: (data: D extends infer R extends EventDescriptor ? R[\"name\"] extends K ? R[\"template\"] : never : never) => void\r\n    ): ComponentInstance<E>;\r\n    $: HostTree;\r\n};\r\nexport type RawSourceTree = [\r\n    HTMLElement,\r\n    string,\r\n    number,\r\n    boolean,\r\n    bigint,\r\n    EmptyValue,\r\n    ComponentInstance,\r\n][number];\r\nexport type SourceTree = RawSourceTree | HostTree;\r\n\r\nexport function render(nodeTree: SourceTree): HostTree {\r\n    let result: HostTree;\r\n    if (nodeTree instanceof Node) {\r\n        result = tree(nodeTree);\r\n    } else if (typeof nodeTree === \"string\" || typeof nodeTree === \"number\" || typeof nodeTree === \"boolean\" || typeof nodeTree === \"bigint\") {\r\n        result = tree(new Text(String(nodeTree)));\r\n    } else if (matchFlag(nodeTree, COMPONENT_INSTANCE)) {\r\n        result = nodeTree.$;\r\n    } else if (nodeTree === null || nodeTree === undefined) {\r\n        result = tree(new Comment(\"Empty tree context\"));\r\n    } else if (matchFlag(nodeTree, HOST_TREE)) {\r\n        result = nodeTree;\r\n    } else {\r\n        throw new BrokenRendererError(`Failed to render ${nodeTree} into a Node.`);\r\n    }\r\n    return result;\r\n}\r\nexport function $<T>(data: Wrapper<T>) {\r\n    return data as unknown as Wrapper<SourceTree>;\r\n}\r\nexport function flagment<T extends string>(uuid: T) {\r\n    return `nine_${uuid.replaceAll(\"-\", \"_\")}` as const;\r\n}\r\nexport function attachUUID(root: Node, uuid: string): Node {\r\n    for (const node of [root, ...root.childNodes]) {\r\n        if (node instanceof HTMLElement) {\r\n            node.dataset[flagment(uuid)] = \"true\";\r\n        }\r\n        if (node !== root && node.childNodes.length > 0) {\r\n            attachUUID(node, uuid);\r\n        }\r\n    }\r\n    return root;\r\n}\r\nexport function createComponent<\r\n    P extends ComponentPropertyStore,\r\n    E extends EventDescriptor,\r\n    S extends SlotDescriptor\r\n>(\r\n    options: ComponentOption<P, E[], S[]>,\r\n    internalRenderer: ComponentInternalRender<P, E[], S[]>\r\n): Component<P, E[], S[]> {\r\n    validateStore(options.props ?? {});\r\n    const propStore = Object.fromEntries(\r\n        Object\r\n            .entries(options.props ?? {})\r\n            .map(([key, value]) => [\r\n                key,\r\n                normalizePropertyDescriptor(value),\r\n            ])\r\n    ) as P;\r\n    const rawComponentUUID = crypto.randomUUID();\r\n    const flagmentedUUID = flagment(rawComponentUUID);\r\n    if (options.styles) {\r\n        for (const styleSet of options.styles) {\r\n            styleSet.apply(`[data-${flagmentedUUID}=\"true\"]`);\r\n        }\r\n    }\r\n    const entryRenderer = (props?: ComponentPropertyInputDict<P>, slot?: ComponentSlotInputDict<S[]>) => {\r\n        const nodeTree = internalRenderer(\r\n            hostdown(props, propStore),\r\n            renderSlots(slot, options.slots),\r\n            (key, data) => {\r\n                const targetEvent = options.events?.find(e => e.name === key);\r\n                if (!targetEvent) throw new TypeError(`No events named ${key} to emit.`);\r\n                hostTree.element.dispatchEvent(new CustomEvent(key, {\r\n                    detail: data,\r\n                    bubbles: targetEvent.bubbleable,\r\n                    cancelable: false\r\n                }));\r\n            });\r\n        const hostTree = render(nodeTree);\r\n        attachUUID(hostTree.element, rawComponentUUID);\r\n        hostTree.hooks.treeUpdated.subcribe((newTrees) => newTrees.forEach(tree => attachUUID(tree.element, rawComponentUUID)));\r\n        return attachFlag({\r\n            mount(to: string | HTMLElement) {\r\n                const targets = typeof to === \"string\" ? [...document.querySelectorAll<HTMLElement>(to)] : [to];\r\n                for (const target of targets) {\r\n                    target.appendChild(hostTree.element);\r\n                }\r\n            },\r\n            on(key: string, handler: (data: unknown) => void) {\r\n                hostTree.on(key, event => event instanceof CustomEvent ? handler(event.detail) : null);\r\n                return this;\r\n            },\r\n            $: hostTree\r\n        }, COMPONENT_INSTANCE);\r\n    };\r\n    return Object.assign(entryRenderer, {\r\n        props: propStore,\r\n        events: options.events\r\n    } as Component<P, E[], S[]>);\r\n}","export type EmptyValue = undefined | null | void | never;\r\nexport type Normalize<T extends Record<string, unknown>> = T extends Record<infer K, infer R> ? Record<K, Required<R>> : never;\r\nexport type Valueof<T> = T[keyof T];\r\nexport type KebabToCamel<S extends string> =\r\n    S extends `${infer First}-${infer Rest}`\r\n    ? `${First}${Capitalize<KebabToCamel<Rest>>}`\r\n    : S;\r\nexport type ObjectToEntryUnion<T> = {\r\n    [K in keyof T]: [K, T[K]];\r\n}[keyof T];\r\n\r\nexport function defineTemplate<T = void>(): T {\r\n    return null as T;\r\n}","import { camelToHyphen } from \"@/util\";\r\n\r\nexport type StyleSet = {\r\n    [K in keyof CSSStyleDeclaration]: (data: string) => StyleSet;\r\n} & {\r\n    rules: Record<keyof CSSStyleDeclaration, string>;\r\n    selector?: string;\r\n    apply(selector?: string): StyleSet;\r\n    ruleString(): string;\r\n    selectorString(selector?: string): string;\r\n};\r\nexport function styleSet(selector?: string) {\r\n    const rules = {} as Record<keyof CSSStyleDeclaration, string>;\r\n    const context: StyleSet = new Proxy({\r\n        rules,\r\n        selector,\r\n        apply(selector) {\r\n            const style = document.createElement(\"style\");\r\n            document.head.appendChild(style);\r\n            style.textContent = `${this.selectorString(selector)}{${this.ruleString()}}`;\r\n        },\r\n        ruleString() {\r\n            return Object.entries(rules).map(([key, value]) => `${camelToHyphen(String(key))}:${value};`).join(\"\");\r\n        },\r\n        selectorString(selector) {\r\n            return ((this.selector || \"\") + (selector || \"\")) || \"*\";\r\n        },\r\n    } as StyleSet, {\r\n        get<P extends string & keyof CSSStyleDeclaration>(target: Record<string, unknown>, p: P, receiver: unknown) {\r\n            if (Reflect.has(target, p)) {\r\n                return Reflect.get(target, p, receiver);\r\n            } else {\r\n                return (data: CSSStyleDeclaration[P]) => {\r\n                    rules[p] = String(data);\r\n                    return context;\r\n                };\r\n            }\r\n        },\r\n    });\r\n    return context;\r\n}","export type EventDescriptor<T = unknown, N extends string = string> = {\r\n    name: N;\r\n} & EventOptions<T>;\r\nexport interface EventOptions<T> {\r\n    bubbleable?: boolean;\r\n    template?: T;\r\n}\r\n\r\nexport function defineEvent<T, N extends string>(name: N, options?: EventOptions<T>): EventDescriptor<T, N> {\r\n    return { name, ...options ?? {} };\r\n}","export * as logo from \"./logo.svg\";\r\n","import { $, createComponent, tree, sync, styleSet, createArray, when, defineEvent, defineTemplate } from \"@\";\r\n\r\nexport default createComponent({ //创建组件\r\n    props: {\r\n        value: { //参数名\r\n            validate: Number.isInteger, //验证器\r\n            transform: Number, //转换器\r\n            required: false, //是否必填\r\n            shadow: 0, //默认值\r\n            downloadable: true, //（上游→下游）\r\n            uploadable: true, //（下游→上游），v-model双向绑定\r\n        }\r\n    },\r\n    events: [\r\n        defineEvent(\"up\", {\r\n            template: defineTemplate<{}>(),\r\n            bubbleable: true\r\n        }),\r\n        defineEvent(\"down\", {\r\n            template: defineTemplate<number>(),\r\n            bubbleable: true\r\n        })\r\n    ]\r\n}, (props, _slot, emit) => {\r\n    const doubled = sync(() => props.value.get() * 2, [props.value]); //computed\r\n    emit(\"down\", 0);\r\n    emit(\"up\", {});\r\n    return tree(\"div\")\r\n        .use(styleSet().fontSize(\"20px\").padding(\"10px\"))\r\n        .append(\r\n            \"敲木鱼\", tree(\"br\"),\r\n            tree(\"button\")\r\n                .on(\"click\", () => props.value.set(props.value.get() + 1)) //参数uploadable，赋值会实时同步到上游\r\n                .append(\"点击加一\"),\r\n            tree(\"button\")\r\n                .on(\"click\", () => props.value.set(props.value.get() - 1))\r\n                .append(\"点击减一\"),\r\n            tree(\"br\"),\r\n            \"当前值：\", $(props.value), //引用响应式的值，类似模板语法{{ count }}\r\n            \"双倍值：\", $(doubled),\r\n            $(sync( //只要是能渲染的东西，就能进行响应式引用\r\n                () => createArray(\r\n                    doubled.get(),\r\n                    () => tree(\"div\").append(\"你点了一下\")\r\n                ),\r\n                [doubled]\r\n            )), //列表渲染v-for\r\n            when(\r\n                () => props.value.get() > 10,\r\n                () => tree(\"p\").append(\"count > 10 时显示\"),\r\n                [props.value]\r\n            ), //条件渲染v-if\r\n        );\r\n});","import {\r\n    $,\r\n    createComponent,\r\n    defineEvent,\r\n    defineSlot,\r\n    defineTemplate,\r\n    rawProperty,\r\n    styleSet,\r\n    sync,\r\n    tree,\r\n    when,\r\n    wrap\r\n} from \"@\";\r\n\r\nexport default createComponent({\r\n    props: {\r\n        items: {\r\n            transform: rawProperty<string[]>(),\r\n            shadow: [\"OptionA\", \"OptionB\", \"OptionC\"]\r\n        },\r\n        value: {\r\n            transform: Number,\r\n            uploadable: true,\r\n            required: true\r\n        }\r\n    },\r\n    events: [\r\n        defineEvent(\"select\", { template: defineTemplate<number>() }),\r\n        defineEvent(\"toggleState\", { template: defineTemplate<boolean>() })\r\n    ],\r\n    styles: [\r\n        styleSet(\".item\")\r\n            .backgroundColor(\"blue\")\r\n            .color(\"white\"),\r\n        styleSet(\".flexdown\")\r\n            .display(\"flex\")\r\n            .flexDirection(\"column\")\r\n    ],\r\n    slots: [\r\n        defineSlot(\"title\", {\r\n            template: defineTemplate<string>(),\r\n        })\r\n    ]\r\n}, (props, slot, emit) => {\r\n    const showing = wrap(false);\r\n    const text = sync(() =>\r\n        props.items.get()[props.value.get()]\r\n        , [props.items, props.value]);\r\n\r\n    const select = (index: number) => {\r\n        props.value.set(index);\r\n        showing.set(false);\r\n        emit(\"select\", props.value.get());\r\n    };\r\n    showing.event.subcribe(e => emit(\"toggleState\", e));\r\n\r\n    return tree(\"div\")\r\n        .class(\"flexdown\")\r\n        .ariaAtomic(\"false\")\r\n        .append(\r\n            tree(\"span\")\r\n                .class(\"item\")\r\n                .use(styleSet().backgroundColor(\"red\"))\r\n                .append(\r\n                    tree(\"div\").append($(text)),\r\n                    slot.title(text)\r\n                )\r\n                .on(\"click\", () => showing.set(!showing.get())),\r\n            when(showing, () =>\r\n                tree(\"div\")\r\n                    .class(\"flexdown\")\r\n                    .append(\r\n                        $(sync(() =>\r\n                            props.items.get().map((label, index) =>\r\n                                tree(\"span\")\r\n                                    .class(\"item\")\r\n                                    .append(label)\r\n                                    .on(\"click\", () => select(index))\r\n                            ), [props.items]))\r\n                    )\r\n            )\r\n        );\r\n});","import Counter from \"./Counter\";\r\nimport Selector from \"./Selector\";\r\n\r\nexport default { Counter, Selector };"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACOO,IAAM,iBAAN,MAAoD;AAAA,EAC/C,aAAgC,CAAC;AAAA,EACjC,WAAoB;AAAA,EAE5B,SAAS,UAAmC,OAAO,OAAO;AACtD,SAAK,WAAW,KAAK;AAAA,MACjB;AAAA,MACA;AAAA,IACJ,CAAC;AAAA,EACL;AAAA,EACA,QAAQ,MAAqB;AACzB,QAAI,KAAK,SAAU;AACnB,SAAK,WAAW;AAChB,UAAM,SAAc,CAAC;AACrB,eAAW,aAAa,KAAK,YAAY;AACrC,aAAO,KAAK,UAAU,SAAS,GAAG,IAAI,CAAC;AAAA,IAC3C;AACA,SAAK,WAAW;AAChB,WAAO;AAAA,EACX;AACJ;;;AC3BO,SAAS,cAAgC,KAAW;AACvD,SAAO,IAAI,QAAQ,UAAU,YAAU,IAAI,OAAO,YAAY,CAAC,EAAE;AACrE;AACO,SAAS,cAAgC,KAAW;AACvD,SAAO,IAAI,QAAQ,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,YAAY,CAAC;AAC7D;;;ACLO,SAAS,aAAgB,KAA4B;AACxD,SAAO,MAAM,QAAQ,GAAG;AAC5B;AACO,SAAS,aAAgB,MAAS;AACrC,SAAO,CAAC,GAAI,MAAM,QAAQ,IAAI,IAAI,OAAO,CAAC,IAAI,CAAE;AACpD;AACO,SAAS,YAAe,QAAgB,QAAsB;AACjE,SAAO,IAAI,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,IAAI,MAAM;AAC/C;;;ACDO,IAAM,YAAY,uBAAO,cAAc;AACvC,IAAM,qBAAqB,uBAAO,uBAAuB;AACzD,IAAM,UAAU,uBAAO,aAAa;AAEpC,SAAS,WAA+D,MAAS,MAAS;AAC7F,SAAO,OAAO,OAAO,MAAM,EAAE,CAAC,IAAI,GAAG,KAAK,CAAC;AAC/C;AACO,SAAS,UAAyC,MAAe,MAAgC;AACpG,SACK,SAAS,QAAQ,SAAS,UACxB,OAAO,SAAS,YAChB,OAAO,OAAO,MAAM,IAAI,KACxB,KAAK,IAAI,MAAM;AAE1B;;;ACyBO,SAAS,KAAsC,MAAgB;AAClE,QAAM,UAAgB,OAAO,SAAS,WAAW,SAAS,cAAc,IAAI,IAAI;AAChF,QAAM,QAA2B;AAAA,IAC7B,aAAa,IAAI,eAAe;AAAA,IAChC,kBAAkB,IAAI,eAAe;AAAA,IACrC,aAAa,IAAI,eAAe;AAAA,IAChC,cAAc,IAAI,eAAe;AAAA,EACrC;AACA,QAAM,UAAuB,IAAI,MAAM,WAAW;AAAA,IAC9C;AAAA,IACA;AAAA,IACA,UAAU,UAA0F;AAChG,iBAAW,SAAS,UAAU;AAC1B,YAAI,UAA2D,OAAO,OAAO,GAAG;AAC5E,cAAI,cAA0B,CAAC;AAC/B,gBAAM,aAAa,IAAI,QAAQ,aAAa;AAC5C,kBAAQ,YAAY,UAAU;AAC9B,gBAAM,SAAS,CAAC,aAA8C;AAC1D,kBAAM,kBAAkB,CAAC,GAAI,MAAM,QAAQ,QAAQ,IAAI,WAAW,CAAC,QAAQ,CAAE,EAAE,QAAQ;AACvF,kBAAM,cAA0B,CAAC;AACjC,uBAAW,WAAW,iBAAiB;AACnC,oBAAMA,SAAQ,OAAO,OAAO;AAC5B,0BAAY,KAAKA,MAAK;AACtB,sBAAQ,aAAaA,OAAM,SAAS,WAAW,WAAW;AAAA,YAC9D;AACA,uBAAW,YAAY,aAAa;AAChC,uBAAS,QAAQ,OAAO;AAAA,YAC5B;AACA,kBAAM,YAAY,KAAK,aAAa,WAAW;AAC/C,0BAAc;AAAA,UAClB;AACA,gBAAM,MAAM,SAAS,MAAM;AAC3B,iBAAO,MAAM,IAAI,CAAC;AAAA,QACtB,OAAO;AACH,gBAAMC,YAAW;AACjB,qBAAWD,UAAS,aAAaC,SAAQ,GAAG;AACxC,oBAAQ,YAAY,OAAOD,MAAK,EAAE,OAAO;AAAA,UAC7C;AAAA,QACJ;AAAA,MACJ;AACA,aAAO;AAAA,IACX;AAAA,IACA,IAAIE,WAAwC;AACxC,UAAI,mBAAmB,aAAa;AAChC,cAAM,SAAS,CAAC,UAAkC;AAC9C,qBAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,KAAK,GAAG;AAC9C,oBAAQ,MAAM,YAAY,cAAc,OAAO,GAAG,CAAC,GAAG,KAAK;AAAA,UAC/D;AAAA,QACJ;AACA,YAAI,UAAoCA,WAAU,OAAO,GAAG;AACxD,UAAAA,UAAS,MAAM,SAAS,CAAC,YAAY,OAAO,QAAQ,KAAK,CAAC;AAC1D,iBAAOA,UAAS,IAAI,EAAE,KAAK;AAAA,QAC/B,OAAO;AACH,iBAAOA,UAAS,KAAK;AAAA,QACzB;AAAA,MACJ;AACA,aAAO;AAAA,IACX;AAAA,IACA,GAA6C,KAAQ,SAAsC,SAAkC;AACzH,UAAI,mBAAmB,aAAa;AAChC,gBAAQ,iBAAiB,KAAK,CAAC,MAAM;AAEjC,gBAAM,aAAa,MAAM,aAAa,KAAK,KAAK,OAAO;AACvD,cAAI,cAAc,CAAC,WAAW,KAAK,OAAO,GAAG;AAEzC,oBAAQ,CAAC;AAAA,UACb;AAAA,QACJ,GAAG,OAAO;AAAA,MACd;AACA,aAAO;AAAA,IACX;AAAA,EACJ,GAAkB,SAAS,GAAG;AAAA,IAC1B,IAA0B,QAAiC,GAAM,UAAmB;AAChF,UAAI,QAAQ,IAAI,QAAQ,CAAC,GAAG;AACxB,eAAO,QAAQ,IAAI,QAAQ,GAAG,QAAQ;AAAA,MAC1C,OAAO;AACH,eAAO,CAACC,UAA6E;AACjF,gBAAM,SAAS,CAAC,SAAsC,YAAyC;AAC3F,gBAAI,OAAO,OAAO,SAAS,CAAC,GAAG;AAC3B,sBAAQ,CAAC,IAAI;AAAA,YACjB;AACA,gBAAI,mBAAmB,SAAS;AAC5B,sBAAQ,aAAa,cAAc,CAAC,GAAG,OAAO,OAAO,CAAC;AAAA,YAC1D;AACA,kBAAM,iBAAiB,KAAK,GAAG,SAAS,OAAO;AAAA,UACnD;AACA,cAAI,UAAuDA,OAAM,OAAO,GAAG;AACvE,YAAAA,MAAK,MAAM,SAAS,MAAM;AAC1B,mBAAOA,MAAK,IAAI,GAAGA,MAAK,IAAI,CAAC;AAAA,UACjC,OAAO;AACH,mBAAOA,OAAMA,KAAI;AAAA,UACrB;AACA,iBAAO;AAAA,QACX;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ,CAAC;AACD,UAAQ,QAAQ,EAAE,KAAK,MAAM,MAAM,YAAY,KAAK,OAA8B,CAAC;AACnF,SAAO;AACX;;;ACjJO,IAAM,mBAAN,cAA+B,MAAM;AAAE;AACvC,IAAM,eAAN,cAA2B,MAAM;AAAE;AACnC,IAAM,mBAAN,cAA+B,MAAM;AAAE;AACvC,IAAM,cAAN,cAA0B,MAAM;AAAE;AAClC,IAAM,sBAAN,cAAkC,MAAM;AAAE;;;ACO1C,SAAS,cAAiB,MAAkC;AAC/D,MAAI,UAA6B,MAAM,OAAO,GAAG;AAC7C,WAAO;AAAA,EACX,OAAO;AACH,WAAO,KAAK,IAAI;AAAA,EACpB;AACJ;AACO,SAAS,KAAQ,aAAgB,gBAAkD;AACtF,QAAM,eAAe,CAAC,QAAQ,OAAO,SAAS,WAAW,UAAU,QAAQ,SAAS;AACpF,QAAM,QAAQ,CAAC,SAAY;AACvB,QAAI,CAAC,MAAM,QAAQ,IAAI,GAAG;AAAE,aAAO;AAAA,IAAM;AACzC,UAAM,EAAE,OAAO,QAAQ,UAAU,IAAI,MAAM,UAAU,MAAM;AAAA,MACvD,IAAI,QAAQ,GAAW,UAAU;AAC7B,YAAI,aAAa,SAAS,CAAC,GAAG;AAC1B,gBAAM,iBAAiB,QAAQ,IAAI,QAAQ,GAAG,QAAQ;AACtD,cAAI,OAAO,mBAAmB,YAAY;AACtC,mBAAO,IAAI,SAAoB;AAC3B,kBAAI,UAAU,QAAQ,IAAI;AAC1B,kBAAI,MAAM,QAAQ,OAAO,GAAG;AACxB,0BAAU,CAAC,GAAG,OAAO;AACrB,sBAAM,SAAS,eAAe,KAAK,QAAQ,GAAG,IAAI;AAClD,wBAAQ,MAAM,KAAK,QAAQ,IAAI,GAAG,OAAO;AACzC,uBAAO;AAAA,cACX;AAAA,YACJ;AAAA,UACJ,MAAO,QAAO,QAAQ,IAAI,QAAQ,GAAG,QAAQ;AAAA,QACjD,OAAO;AACH,iBAAO,QAAQ,IAAI,QAAQ,GAAG,QAAQ;AAAA,QAC1C;AAAA,MACJ;AAAA,MACA,IAAI,QAAQ,GAAG,UAAU,UAAU;AAC/B,cAAM,WAAW,QAAQ,IAAI,QAAQ,GAAG,QAAQ;AAChD,YAAI,aAAa,UAAU;AACvB,cAAI,UAAU,QAAQ,IAAI;AAC1B,cAAI,MAAM,QAAQ,OAAO,GAAG;AACxB,sBAAU,CAAC,GAAG,OAAO;AACrB,kBAAM,SAAS,QAAQ,IAAI,QAAQ,GAAG,UAAU,QAAQ;AACxD,oBAAQ,MAAM,KAAK,QAAQ,IAAI,GAAG,OAAO;AACzC,mBAAO;AAAA,UACX;AAAA,QACJ;AACA,eAAO,QAAQ,IAAI,QAAQ,GAAG,UAAU,QAAQ;AAAA,MACpD;AAAA,IACJ,CAAC;AACD,gBAAY;AACZ,WAAO;AAAA,EACX;AACA,QAAM,QAAQ,IAAI,eAAuB;AACzC,MAAI,YAAiC;AACrC,MAAI,cAAc,MAAM,WAAW;AACnC,QAAM,UAAsB,WAAW;AAAA,IACnC,MAAM;AAAE,aAAO;AAAA,IAAa;AAAA,IAC5B,IAAI,SAAS;AACT,UAAI,gBAAgB,SAAS;AACzB,YAAI,UAAU;AACd,YAAI,MAAM,QAAQ,OAAO,KAAK,WAAW;AACrC,oBAAU,CAAC,GAAG,OAAO;AACrB,oBAAU;AACV,wBAAc,MAAM,OAAO;AAAA,QAC/B,OAAO;AACH,wBAAc;AAAA,QAClB;AAAC;AACD,aAAK,MAAM,KAAK,SAAS,OAAO;AAAA,MACpC;AAAA,IACJ;AAAA,IACA,aAAa;AACT,WAAK,MAAM,KAAK,KAAK,IAAI,GAAG,KAAK,IAAI,CAAC;AAAA,IAC1C;AAAA,IACA;AAAA,EACJ,GAAG,OAAO;AACV,SAAO,EAAE,GAAG,SAAS,GAAG,kBAAkB,CAAC,EAAE;AACjD;AACO,SAAS,KAAQ,gBAAyB,eAA0B,CAAC,GAAe;AACvF,QAAM,kBAAkB,KAAK,eAAe,CAAC;AAC7C,QAAM,SAAS,MAAM;AACjB,UAAM,UAAU,eAAe;AAC/B,UAAM,cAAc,gBAAgB,IAAI;AACxC,UAAM,aAAa,gBAAgB;AACnC,QAAI,YAAY;AACZ,sBAAgB,IAAI,OAAO;AAAA,IAC/B;AAAA,EACJ;AACA,aAAW,cAAc,cAAc;AACnC,QAAI,CAAC,UAAU,YAAY,OAAO,EAAG;AACrC,eAAW,MAAM,SAAS,MAAM;AAAA,EACpC;AACA,SAAO;AACX;AACO,SAAS,KAAK,WAA+CC,OAAwB,eAA0B,CAAC,GAAG;AACtH,SAAO,KAAK,MAAM;AACd,QAAI;AACJ,QAAI,OAAO,cAAc,YAAY;AACjC,eAAS,UAAU;AAAA,IACvB,OAAO;AACH,eAAS,UAAU,IAAI;AAAA,IAC3B;AACA,WAAO,CAAC,SAASA,MAAK,IAAI,IAAI;AAAA,EAClC,GAAG,CAAC,GAAG,cAAc,GAAI,UAAU,WAAW,OAAO,IAAI,CAAC,SAAS,IAAI,CAAC,CAAE,CAAC;AAC/E;;;AChFO,SAAS,cAAkD;AAC9D,SAAO,CAAC,MAAM;AAClB;AACO,SAAS,4BAEZ,YAC8C;AAC9C,SAAO,OAAO,OAAO;AAAA,IACjB,UAAU,MAAM;AAAA,IAChB,WAAW,OAAK;AAAA,IAChB,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,cAAc;AAAA,IACd,YAAY;AAAA,EAChB,GAAmD,UAAU;AACjE;AACO,SAAS,cAAc,OAA+B;AACzD,aAAW,eAAe,OAAO;AAC7B,UAAM,aAAa,MAAM,WAAW;AACpC,QAAI,WAAW,QAAQ;AACnB,UAAI,WAAW,UAAU;AACrB,cAAM,IAAI,iBAAiB,yBAAyB,WAAW,uBAAuB;AAAA,MAC1F;AACA,UAAI,WAAW,YAAY,CAAC,WAAW,SAAS,WAAW,MAAM,GAAG;AAChE,cAAM,IAAI,iBAAiB,iBAAiB,WAAW,6BAA6B;AAAA,MACxF;AAAA,IACJ;AAAA,EACJ;AACJ;AACO,SAAS,SAA2C,UAA0C,OAAW;AAC5G,MAAI,CAAC,SAAU,YAAW,CAAC;AAC3B,QAAM,aAAsC,CAAC;AAC7C,aAAW,eAAe,OAAO;AAC7B,UAAM,aAAa,4BAA4B,MAAM,WAAW,CAAC;AACjE,UAAM,WAAW,CAAC,aAAsB;AACpC,UAAI,UAAU,WAAW,WAAW,GAAG,OAAO,GAAG;AAC7C,mBAAW,WAAW,EAAE,IAAI,QAAQ;AAAA,MACxC,OAAO;AACH,cAAM,UAAU,KAAK,QAAQ;AAC7B,mBAAW,WAAW,IAAI;AAC1B,gBAAQ,MAAM,SAAS,CAAC,YAAY;AAChC,cAAI,CAAC,UAAU,SAAS,WAAW,GAAG,OAAO,KAAK,CAAC,UAAU,WAAW,WAAW,GAAG,OAAO,EAAG;AAChG,cAAI,WAAW,WAAW,EAAE,IAAI,MAAM,SAAS,WAAW,EAAE,IAAI,EAAG;AACnE,cAAI,CAAC,WAAW,WAAY,OAAM,IAAI,YAAY,YAAY,WAAW,kCAAkC;AAC3G,mBAAS,WAAW,EAAE,IAAI,OAAO;AAAA,QACrC,CAAC;AAAA,MACL;AAAA,IACJ;AACA,UAAM,SAAS,CAAC,YAAqB,aAAsB;AACvD,UAAI,CAAC,YAAY,CAAC,WAAW,cAAc;AACvC,gBAAQ,KAAK,YAAY,WAAW,wCAAwC;AAC5E;AAAA,MACJ;AACA,UAAI,CAAC,WAAW,SAAS,UAAU,GAAG;AAClC,cAAM,IAAI,iBAAiB,sBAAsB,WAAW,6BAA6B;AAAA,MAC7F;AACA,eAAS,WAAW,UAAU,UAAU,CAAC;AAAA,IAC7C;AACA,QAAI,CAAC,OAAO,OAAO,UAAU,WAAW,GAAG;AACvC,UAAI,WAAW,UAAU;AACrB,cAAM,IAAI,aAAa,+BAA+B,WAAW,GAAG;AAAA,MACxE;AACA,eAAS,WAAW,MAAM;AAC1B;AAAA,IACJ;AACA,QAAI,UAAU,SAAS,WAAW,GAAG,OAAO,GAAG;AAC3C,eAAS,WAAW,EAAE,MAAM,SAAS,OAAK,OAAO,GAAG,KAAK,CAAC;AAC1D,aAAO,SAAS,WAAW,EAAE,IAAI,GAAG,IAAI;AAAA,IAC5C,OAAO;AACH,aAAO,SAAS,WAAW,GAAG,IAAI;AAAA,IACtC;AAAA,EACJ;AACA,SAAO;AACX;;;AChFO,SAAS,aAAgBC,SAAqC;AACjE,SAAO,CAAC,SAAyB,cAAcA,QAAO,cAAc,IAAI,CAAC,CAAC;AAC9E;AACO,SAAS,YAA0C,UAAsC,OAAuC;AACnI,MAAI,CAAC,MAAO,QAAO,CAAC;AACpB,QAAM,QAAQ;AACd,SAAO,OAAO,YAAY,MAAM,IAAI,gBAAc;AAC9C,QAAI,WAAW,aAAa,CAAC,SAAS,CAAC,OAAO,OAAO,OAAO,WAAW,IAAI,IAAI;AAC3E,YAAM,IAAI,aAAa,2BAA2B,WAAW,IAAI,GAAG;AAAA,IACxE;AACA,QAAI,CAAC,MAAO,QAAO,CAAC,WAAW,MAAM,MAAM,IAAI;AAC/C,WAAO;AAAA,MACH,WAAW;AAAA,MACX,aAAa,MAAM,WAAW,IAAI,CAAC;AAAA,IACvC;AAAA,EACJ,CAAC,CAAC;AACN;AACO,SAAS,WAAmD,MAAS,SAA4B;AACpG,SAAO;AAAA,IACH;AAAA,IACA,GAAG;AAAA,EACP;AACJ;;;ACcO,SAAS,OAAO,UAAgC;AACnD,MAAI;AACJ,MAAI,oBAAoB,MAAM;AAC1B,aAAS,KAAK,QAAQ;AAAA,EAC1B,WAAW,OAAO,aAAa,YAAY,OAAO,aAAa,YAAY,OAAO,aAAa,aAAa,OAAO,aAAa,UAAU;AACtI,aAAS,KAAK,IAAI,KAAK,OAAO,QAAQ,CAAC,CAAC;AAAA,EAC5C,WAAW,UAAU,UAAU,kBAAkB,GAAG;AAChD,aAAS,SAAS;AAAA,EACtB,WAAW,aAAa,QAAQ,aAAa,QAAW;AACpD,aAAS,KAAK,IAAI,QAAQ,oBAAoB,CAAC;AAAA,EACnD,WAAW,UAAU,UAAU,SAAS,GAAG;AACvC,aAAS;AAAA,EACb,OAAO;AACH,UAAM,IAAI,oBAAoB,oBAAoB,QAAQ,eAAe;AAAA,EAC7E;AACA,SAAO;AACX;AACO,SAAS,EAAK,MAAkB;AACnC,SAAO;AACX;AACO,SAAS,SAA2B,MAAS;AAChD,SAAO,QAAQ,KAAK,WAAW,KAAK,GAAG,CAAC;AAC5C;AACO,SAAS,WAAW,MAAY,MAAoB;AACvD,aAAW,QAAQ,CAAC,MAAM,GAAG,KAAK,UAAU,GAAG;AAC3C,QAAI,gBAAgB,aAAa;AAC7B,WAAK,QAAQ,SAAS,IAAI,CAAC,IAAI;AAAA,IACnC;AACA,QAAI,SAAS,QAAQ,KAAK,WAAW,SAAS,GAAG;AAC7C,iBAAW,MAAM,IAAI;AAAA,IACzB;AAAA,EACJ;AACA,SAAO;AACX;AACO,SAAS,gBAKZ,SACA,kBACsB;AACtB,gBAAc,QAAQ,SAAS,CAAC,CAAC;AACjC,QAAM,YAAY,OAAO;AAAA,IACrB,OACK,QAAQ,QAAQ,SAAS,CAAC,CAAC,EAC3B,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AAAA,MACnB;AAAA,MACA,4BAA4B,KAAK;AAAA,IACrC,CAAC;AAAA,EACT;AACA,QAAM,mBAAmB,OAAO,WAAW;AAC3C,QAAM,iBAAiB,SAAS,gBAAgB;AAChD,MAAI,QAAQ,QAAQ;AAChB,eAAWC,aAAY,QAAQ,QAAQ;AACnC,MAAAA,UAAS,MAAM,SAAS,cAAc,UAAU;AAAA,IACpD;AAAA,EACJ;AACA,QAAM,gBAAgB,CAAC,OAAuC,SAAuC;AACjG,UAAM,WAAW;AAAA,MACb,SAAS,OAAO,SAAS;AAAA,MACzB,YAAY,MAAM,QAAQ,KAAK;AAAA,MAC/B,CAAC,KAAK,SAAS;AACX,cAAM,cAAc,QAAQ,QAAQ,KAAK,OAAK,EAAE,SAAS,GAAG;AAC5D,YAAI,CAAC,YAAa,OAAM,IAAI,UAAU,mBAAmB,GAAG,WAAW;AACvE,iBAAS,QAAQ,cAAc,IAAI,YAAY,KAAK;AAAA,UAChD,QAAQ;AAAA,UACR,SAAS,YAAY;AAAA,UACrB,YAAY;AAAA,QAChB,CAAC,CAAC;AAAA,MACN;AAAA,IAAC;AACL,UAAM,WAAW,OAAO,QAAQ;AAChC,eAAW,SAAS,SAAS,gBAAgB;AAC7C,aAAS,MAAM,YAAY,SAAS,CAAC,aAAa,SAAS,QAAQ,CAAAC,UAAQ,WAAWA,MAAK,SAAS,gBAAgB,CAAC,CAAC;AACtH,WAAO,WAAW;AAAA,MACd,MAAM,IAA0B;AAC5B,cAAM,UAAU,OAAO,OAAO,WAAW,CAAC,GAAG,SAAS,iBAA8B,EAAE,CAAC,IAAI,CAAC,EAAE;AAC9F,mBAAW,UAAU,SAAS;AAC1B,iBAAO,YAAY,SAAS,OAAO;AAAA,QACvC;AAAA,MACJ;AAAA,MACA,GAAG,KAAa,SAAkC;AAC9C,iBAAS,GAAG,KAAK,WAAS,iBAAiB,cAAc,QAAQ,MAAM,MAAM,IAAI,IAAI;AACrF,eAAO;AAAA,MACX;AAAA,MACA,GAAG;AAAA,IACP,GAAG,kBAAkB;AAAA,EACzB;AACA,SAAO,OAAO,OAAO,eAAe;AAAA,IAChC,OAAO;AAAA,IACP,QAAQ,QAAQ;AAAA,EACpB,CAA2B;AAC/B;;;AC3IO,SAAS,iBAA8B;AAC1C,SAAO;AACX;;;ACFO,SAAS,SAAS,UAAmB;AACxC,QAAM,QAAQ,CAAC;AACf,QAAM,UAAoB,IAAI,MAAM;AAAA,IAChC;AAAA,IACA;AAAA,IACA,MAAMC,WAAU;AACZ,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,eAAS,KAAK,YAAY,KAAK;AAC/B,YAAM,cAAc,GAAG,KAAK,eAAeA,SAAQ,CAAC,IAAI,KAAK,WAAW,CAAC;AAAA,IAC7E;AAAA,IACA,aAAa;AACT,aAAO,OAAO,QAAQ,KAAK,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,GAAG,cAAc,OAAO,GAAG,CAAC,CAAC,IAAI,KAAK,GAAG,EAAE,KAAK,EAAE;AAAA,IACzG;AAAA,IACA,eAAeA,WAAU;AACrB,cAAS,KAAK,YAAY,OAAOA,aAAY,OAAQ;AAAA,IACzD;AAAA,EACJ,GAAe;AAAA,IACX,IAAkD,QAAiC,GAAM,UAAmB;AACxG,UAAI,QAAQ,IAAI,QAAQ,CAAC,GAAG;AACxB,eAAO,QAAQ,IAAI,QAAQ,GAAG,QAAQ;AAAA,MAC1C,OAAO;AACH,eAAO,CAAC,SAAiC;AACrC,gBAAM,CAAC,IAAI,OAAO,IAAI;AACtB,iBAAO;AAAA,QACX;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ,CAAC;AACD,SAAO;AACX;;;AChCO,SAAS,YAAiC,MAAS,SAAkD;AACxG,SAAO,EAAE,MAAM,GAAG,WAAW,CAAC,EAAE;AACpC;;;ACVA;AAAA;AAAA;AAAA;A;;;;;;;;;ACEA,IAAO,kBAAQ,gBAAgB;AAAA;AAAA,EAC3B,OAAO;AAAA,IACH,OAAO;AAAA;AAAA,MACH,UAAU,OAAO;AAAA;AAAA,MACjB,WAAW;AAAA;AAAA,MACX,UAAU;AAAA;AAAA,MACV,QAAQ;AAAA;AAAA,MACR,cAAc;AAAA;AAAA,MACd,YAAY;AAAA;AAAA,IAChB;AAAA,EACJ;AAAA,EACA,QAAQ;AAAA,IACJ,YAAY,MAAM;AAAA,MACd,UAAU,eAAmB;AAAA,MAC7B,YAAY;AAAA,IAChB,CAAC;AAAA,IACD,YAAY,QAAQ;AAAA,MAChB,UAAU,eAAuB;AAAA,MACjC,YAAY;AAAA,IAChB,CAAC;AAAA,EACL;AACJ,GAAG,CAAC,OAAO,OAAO,SAAS;AACvB,QAAM,UAAU,KAAK,MAAM,MAAM,MAAM,IAAI,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC;AAC/D,OAAK,QAAQ,CAAC;AACd,OAAK,MAAM,CAAC,CAAC;AACb,SAAO,KAAK,KAAK,EACZ,IAAI,SAAS,EAAE,SAAS,MAAM,EAAE,QAAQ,MAAM,CAAC,EAC/C;AAAA,IACG;AAAA,IAAO,KAAK,IAAI;AAAA,IAChB,KAAK,QAAQ,EACR,GAAG,SAAS,MAAM,MAAM,MAAM,IAAI,MAAM,MAAM,IAAI,IAAI,CAAC,CAAC,EACxD,OAAO,0BAAM;AAAA,IAClB,KAAK,QAAQ,EACR,GAAG,SAAS,MAAM,MAAM,MAAM,IAAI,MAAM,MAAM,IAAI,IAAI,CAAC,CAAC,EACxD,OAAO,0BAAM;AAAA,IAClB,KAAK,IAAI;AAAA,IACT;AAAA,IAAQ,EAAE,MAAM,KAAK;AAAA;AAAA,IACrB;AAAA,IAAQ,EAAE,OAAO;AAAA,IACjB,EAAE;AAAA;AAAA,MACE,MAAM;AAAA,QACF,QAAQ,IAAI;AAAA,QACZ,MAAM,KAAK,KAAK,EAAE,OAAO,gCAAO;AAAA,MACpC;AAAA,MACA,CAAC,OAAO;AAAA,IACZ,CAAC;AAAA;AAAA,IACD;AAAA,MACI,MAAM,MAAM,MAAM,IAAI,IAAI;AAAA,MAC1B,MAAM,KAAK,GAAG,EAAE,OAAO,+BAAgB;AAAA,MACvC,CAAC,MAAM,KAAK;AAAA,IAChB;AAAA;AAAA,EACJ;AACR,CAAC;;;ACvCD,IAAO,mBAAQ,gBAAgB;AAAA,EAC3B,OAAO;AAAA,IACH,OAAO;AAAA,MACH,WAAW,YAAsB;AAAA,MACjC,QAAQ,CAAC,WAAW,WAAW,SAAS;AAAA,IAC5C;AAAA,IACA,OAAO;AAAA,MACH,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,UAAU;AAAA,IACd;AAAA,EACJ;AAAA,EACA,QAAQ;AAAA,IACJ,YAAY,UAAU,EAAE,UAAU,eAAuB,EAAE,CAAC;AAAA,IAC5D,YAAY,eAAe,EAAE,UAAU,eAAwB,EAAE,CAAC;AAAA,EACtE;AAAA,EACA,QAAQ;AAAA,IACJ,SAAS,OAAO,EACX,gBAAgB,MAAM,EACtB,MAAM,OAAO;AAAA,IAClB,SAAS,WAAW,EACf,QAAQ,MAAM,EACd,cAAc,QAAQ;AAAA,EAC/B;AAAA,EACA,OAAO;AAAA,IACH,WAAW,SAAS;AAAA,MAChB,UAAU,eAAuB;AAAA,IACrC,CAAC;AAAA,EACL;AACJ,GAAG,CAAC,OAAO,MAAM,SAAS;AACtB,QAAM,UAAU,KAAK,KAAK;AAC1B,QAAM,OAAO;AAAA,IAAK,MACd,MAAM,MAAM,IAAI,EAAE,MAAM,MAAM,IAAI,CAAC;AAAA,IACjC,CAAC,MAAM,OAAO,MAAM,KAAK;AAAA,EAAC;AAEhC,QAAM,SAAS,CAAC,UAAkB;AAC9B,UAAM,MAAM,IAAI,KAAK;AACrB,YAAQ,IAAI,KAAK;AACjB,SAAK,UAAU,MAAM,MAAM,IAAI,CAAC;AAAA,EACpC;AACA,UAAQ,MAAM,SAAS,OAAK,KAAK,eAAe,CAAC,CAAC;AAElD,SAAO,KAAK,KAAK,EACZ,MAAM,UAAU,EAChB,WAAW,OAAO,EAClB;AAAA,IACG,KAAK,MAAM,EACN,MAAM,MAAM,EACZ,IAAI,SAAS,EAAE,gBAAgB,KAAK,CAAC,EACrC;AAAA,MACG,KAAK,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC;AAAA,MAC1B,KAAK,MAAM,IAAI;AAAA,IACnB,EACC,GAAG,SAAS,MAAM,QAAQ,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC;AAAA,IAClD;AAAA,MAAK;AAAA,MAAS,MACV,KAAK,KAAK,EACL,MAAM,UAAU,EAChB;AAAA,QACG,EAAE,KAAK,MACH,MAAM,MAAM,IAAI,EAAE;AAAA,UAAI,CAAC,OAAO,UAC1B,KAAK,MAAM,EACN,MAAM,MAAM,EACZ,OAAO,KAAK,EACZ,GAAG,SAAS,MAAM,OAAO,KAAK,CAAC;AAAA,QACxC,GAAG,CAAC,MAAM,KAAK,CAAC,CAAC;AAAA,MACzB;AAAA,IACR;AAAA,EACJ;AACR,CAAC;;;AC/ED,IAAO,mBAAQ,EAAE,0BAAS,2BAAS;;;AjBInC,IAAI,OAAO,cAAc,SAAS,eAAe;AAC7C,UAAQ,KAAK,2CAA2C;AAC5D;","names":["child","children","styleSet","data","tree","render","styleSet","tree","selector"]}

package/dist/test.js

@@ -1,5 +1,27 @@
 "use strict";
 
+// src/channel/event-subcriber.ts
+var EventSubcriber = class {
+  subcribers = [];
+  emitting = false;
+  subcribe(callback, once = false) {
+    this.subcribers.push({
+      callback,
+      once
+    });
+  }
+  emit(...data) {
+    if (this.emitting) return;
+    this.emitting = true;
+    const result = [];
+    for (const subcriber of this.subcribers) {
+      result.push(subcriber.callback(...data));
+    }
+    this.emitting = false;
+    return result;
+  }
+};
+
 // src/util/char.ts
 function camelToHyphen(str) {
   return str.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`);
@@ -24,28 +46,6 @@ function matchFlag(data, flag) {
   return data !== null && data !== void 0 && typeof data === "object" && Object.hasOwn(data, flag) && data[flag] === true;
 }
 
-// src/channel/event-subcriber.ts
-var EventSubcriber = class {
-  subcribers = [];
-  emitting = false;
-  subcribe(callback, once = false) {
-    this.subcribers.push({
-      callback,
-      once
-    });
-  }
-  emit(...data) {
-    if (this.emitting) return;
-    this.emitting = true;
-    const result = [];
-    for (const subcriber of this.subcribers) {
-      result.push(subcriber.callback(...data));
-    }
-    this.emitting = false;
-    return result;
-  }
-};
-
 // src/dom/tree.ts
 function tree(data) {
   const element = typeof data === "string" ? document.createElement(data) : data;
@@ -149,7 +149,7 @@ function tree(data) {
 // src/exceptions/index.ts
 var ValidationFailed = class extends Error {
 };
-var MissingFieldError = class extends Error {
+var MissingError = class extends Error {
 };
 var ConflictionError = class extends Error {
 };
@@ -159,6 +159,13 @@ var BrokenRendererError = class extends Error {
 };
 
 // src/dom/reactive.ts
+function normalizeWrap(data) {
+  if (matchFlag(data, WRAPPER)) {
+    return data;
+  } else {
+    return wrap(data);
+  }
+}
 function wrap(initialData, wrapperOptions) {
   const arrayActions = ["push", "pop", "shift", "unshift", "splice", "sort", "reverse"];
   const patch = (data) => {
@@ -315,7 +322,7 @@ function hostdown(upstream, store) {
     };
     if (!Object.hasOwn(upstream, propertyKey)) {
       if (descriptor.required) {
-        throw new MissingFieldError(`Missing a required property ${propertyKey}.`);
+        throw new MissingError(`Missing a required property ${propertyKey}.`);
       }
       setValue(descriptor.shadow);
       continue;
@@ -331,12 +338,28 @@ function hostdown(upstream, store) {
 }
 
 // src/dom/slot.ts
-function pipeExtract(input) {
-  if (typeof input === "function") {
-    return () => wrap(input());
-  } else if (matchFlag(input, WRAPPER)) {
-    return pipeExtract(input);
-  } else return () => wrap(input);
+function extractInput(render2) {
+  return (data) => normalizeWrap(render2(normalizeWrap(data)));
+}
+function renderSlots(rawInput, store) {
+  if (!store) return {};
+  const input = rawInput;
+  return Object.fromEntries(store.map((descriptor) => {
+    if (descriptor.required && (!input || !Object.hasOwn(input, descriptor.name))) {
+      throw new MissingError(`Missing a required slot ${descriptor.name}.`);
+    }
+    if (!input) return [descriptor.name, () => null];
+    return [
+      descriptor.name,
+      extractInput(input[descriptor.name])
+    ];
+  }));
+}
+function defineSlot(name, options) {
+  return {
+    name,
+    ...options
+  };
 }
 
 // src/dom/component.ts
@@ -390,15 +413,19 @@ function createComponent(options, internalRenderer) {
     }
   }
   const entryRenderer = (props, slot) => {
-    const nodeTree = internalRenderer(hostdown(props, propStore), pipeExtract(slot), (key, data) => {
-      const targetEvent = options.events?.find((e) => e.name === key);
-      if (!targetEvent) throw new TypeError(`No events named ${key} to emit.`);
-      hostTree.element.dispatchEvent(new CustomEvent(key, {
-        detail: data,
-        bubbles: targetEvent.bubbleable,
-        cancelable: false
-      }));
-    });
+    const nodeTree = internalRenderer(
+      hostdown(props, propStore),
+      renderSlots(slot, options.slots),
+      (key, data) => {
+        const targetEvent = options.events?.find((e) => e.name === key);
+        if (!targetEvent) throw new TypeError(`No events named ${key} to emit.`);
+        hostTree.element.dispatchEvent(new CustomEvent(key, {
+          detail: data,
+          bubbles: targetEvent.bubbleable,
+          cancelable: false
+        }));
+      }
+    );
     const hostTree = render(nodeTree);
     attachUUID(hostTree.element, rawComponentUUID);
     hostTree.hooks.treeUpdated.subcribe((newTrees) => newTrees.forEach((tree2) => attachUUID(tree2.element, rawComponentUUID)));
@@ -422,6 +449,11 @@ function createComponent(options, internalRenderer) {
   });
 }
 
+// src/util/types.ts
+function defineTemplate() {
+  return null;
+}
+
 // src/dom/style.ts
 function styleSet(selector) {
   const rules = {};
@@ -459,11 +491,6 @@ function defineEvent(name, options) {
   return { name, ...options ?? {} };
 }
 
-// src/index.ts
-if (window.__NINE_ENV__?.mode === "development") {
-  console.warn("[Nine-9] Initialized in development mode.");
-}
-
 // src/examples/Counter.ts
 var Counter_default = createComponent({
   //创建组件
@@ -486,22 +513,18 @@ var Counter_default = createComponent({
   },
   events: [
     defineEvent("up", {
-      template: {
-        arg1: 0,
-        arg2: false
-      },
+      template: defineTemplate(),
       bubbleable: true
     }),
     defineEvent("down", {
-      template: {
-        arg3: "sb",
-        arg4: /* @__PURE__ */ Symbol()
-      },
+      template: defineTemplate(),
       bubbleable: true
     })
   ]
-}, (props) => {
+}, (props, _slot, emit) => {
   const doubled = sync(() => props.value.get() * 2, [props.value]);
+  emit("down", 0);
+  emit("up", {});
   return tree("div").use(styleSet().fontSize("20px").padding("10px")).append(
     "\u6572\u6728\u9C7C",
     tree("br"),
@@ -545,15 +568,24 @@ var Selector_default = createComponent({
     }
   },
   events: [
-    defineEvent("select", { template: 0 }),
-    defineEvent("toggleState", { template: false })
+    defineEvent("select", { template: defineTemplate() }),
+    defineEvent("toggleState", { template: defineTemplate() })
   ],
   styles: [
     styleSet(".item").backgroundColor("blue").color("white"),
     styleSet(".flexdown").display("flex").flexDirection("column")
+  ],
+  slots: [
+    defineSlot("title", {
+      template: defineTemplate()
+    })
   ]
 }, (props, slot, emit) => {
   const showing = wrap(false);
+  const text = sync(
+    () => props.items.get()[props.value.get()],
+    [props.items, props.value]
+  );
   const select = (index) => {
     props.value.set(index);
     showing.set(false);
@@ -561,8 +593,10 @@ var Selector_default = createComponent({
   };
   showing.event.subcribe((e) => emit("toggleState", e));
   return tree("div").class("flexdown").ariaAtomic("false").append(
-    tree("span").class("item").use(styleSet().backgroundColor("red")).append($(sync(() => props.items.get()[props.value.get()], [props.items, props.value]))).on("click", () => showing.set(!showing.get())),
-    slot(),
+    tree("span").class("item").use(styleSet().backgroundColor("red")).append(
+      tree("div").append($(text)),
+      slot.title(text)
+    ).on("click", () => showing.set(!showing.get())),
     when(
       showing,
       () => tree("div").class("flexdown").append(
@@ -577,7 +611,15 @@ var Selector_default = createComponent({
 // src/examples/index.ts
 var examples_default = { Counter: Counter_default, Selector: Selector_default };
 
+// src/index.ts
+if (window.__NINE_ENV__?.mode === "development") {
+  console.warn("[Nine-9] Initialized in development mode.");
+}
+
 // src/test.ts
 var value = wrap(0);
-examples_default.Selector({ value }).on("select", (e) => console.log("\u5F53\u524D\u9009\u9879\uFF1A", e)).on("toggleState", (e) => console.log("\u5F53\u524D\u662F\u5426\u5F00\u5173\uFF1A", e)).mount("#app");
+value.event.subcribe((e) => console.log("\u4E0B\u6E38\u66F4\u65B0\uFF1A", e));
+examples_default.Selector({ value }, {
+  title: (text) => tree("span").append("\u5F53\u524D\u9009\u9879\u7684label\uFF1A", $(text))
+}).on("select", (e) => console.log("\u5F53\u524D\u9009\u9879\uFF1A", e)).on("toggleState", (e) => console.log("\u5F53\u524D\u662F\u5426\u5F00\u5173\uFF1A", e)).mount("#app");
 //# sourceMappingURL=test.js.map

package/dist/test.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/util/char.ts","../src/util/array.ts","../src/constants/flags.ts","../src/channel/event-subcriber.ts","../src/dom/tree.ts","../src/exceptions/index.ts","../src/dom/reactive.ts","../src/dom/property.ts","../src/dom/slot.ts","../src/dom/component.ts","../src/dom/style.ts","../src/dom/event.ts","../src/index.ts","../src/examples/Counter.ts","../src/examples/Selector.ts","../src/examples/index.ts","../src/test.ts"],"sourcesContent":["export function camelToHyphen<T extends string>(str: T): T {\r\n    return str.replace(/[A-Z]/g, letter => `-${letter.toLowerCase()}`) as T;\r\n}\r\nexport function hyphenToCamel<T extends string>(str: T): T {\r\n    return str.replace(/-([a-z])/g, (g) => g[1].toUpperCase()) as T;\r\n}","export function typedIsArray<T>(arr: unknown[]): arr is T[] {\r\n    return Array.isArray(arr);\r\n}\r\nexport function putIntoArray<T>(data: T) {\r\n    return [...(Array.isArray(data) ? data : [data])] as T extends (infer R)[] ? R[] : [T];\r\n}\r\nexport function createArray<T>(length: number, filler: () => T): T[] {\r\n    return new Array(length).fill(0).map(filler);\r\n}","import { ComponentInstance, HostTree, Wrapper } from \"@/dom\";\r\n\r\ntype FlagMap<T> =\r\n    { [K in typeof HOST_TREE]: HostTree; }\r\n    & { [K in typeof COMPONENT_INSTANCE]: ComponentInstance; }\r\n    & { [K in typeof WRAPPER]: Wrapper<T>; }\r\n\r\nexport const HOST_TREE = Symbol(\"HostTreeFlag\");\r\nexport const COMPONENT_INSTANCE = Symbol(\"ComponentInstanceFlag\");\r\nexport const WRAPPER = Symbol(\"WrapperFlag\");\r\n\r\nexport function attachFlag<T extends object, F extends keyof FlagMap<unknown>>(data: T, flag: F) {\r\n    return Object.assign(data, { [flag]: true }) as T & { [K in F]: true };\r\n}\r\nexport function matchFlag<T, K extends keyof FlagMap<T>>(data: unknown, flag: K): data is FlagMap<T>[K] {\r\n    return (\r\n        (data !== null && data !== undefined)\r\n        && typeof data === \"object\"\r\n        && Object.hasOwn(data, flag)\r\n        && data[flag] === true\r\n    );\r\n}","interface SubcriberCallback<T extends unknown[], R> {\r\n    (...data: T): R;\r\n}\r\ninterface Subcriber<T extends unknown[], R> {\r\n    callback: SubcriberCallback<T, R>;\r\n    once: boolean;\r\n}\r\nexport class EventSubcriber<T extends unknown[], R = void> {\r\n    private subcribers: Subcriber<T, R>[] = [];\r\n    private emitting: boolean = false;\r\n\r\n    subcribe(callback: SubcriberCallback<T, R>, once = false) {\r\n        this.subcribers.push({\r\n            callback,\r\n            once,\r\n        });\r\n    }\r\n    emit(...data: T): R[] | void {\r\n        if (this.emitting) return;\r\n        this.emitting = true;\r\n        const result: R[] = [];\r\n        for (const subcriber of this.subcribers) {\r\n            result.push(subcriber.callback(...data));\r\n        }\r\n        this.emitting = false;\r\n        return result;\r\n    }\r\n}","import { camelToHyphen } from \"@/util/char\";\r\nimport { render, RawSourceTree } from \"./component\";\r\nimport { Wrapper } from \"./reactive\";\r\nimport { StyleSet } from \"./style\";\r\nimport { putIntoArray } from \"@/util/array\";\r\nimport { attachFlag, HOST_TREE, matchFlag, WRAPPER } from \"@/constants/flags\";\r\nimport { EventSubcriber } from \"@/channel\";\r\nimport { SupportedHTMLRawAttributes, SupportedHTMLElements, SupportedEventHandlerMap } from \"./element\";\r\nimport { KebabToCamel, ObjectToEntryUnion } from \"@/util/types\";\r\n\r\nexport interface HostTreeHooks {\r\n    treeUpdated: [newTrees: HostTree[], oldTrees: HostTree[]];\r\n    attributeUpdated: [attribute: string, newValue: unknown, oldValue: unknown];\r\n    initialized: [rootTree: HostTree];\r\n    $preventEvent: [ObjectToEntryUnion<SupportedEventHandlerMap>, boolean | void];\r\n}\r\nexport type HostTreeHookStore = {\r\n    [K in keyof HostTreeHooks as K extends `$${infer R}` ? R : K]:\r\n    K extends `$${string}`\r\n    ? HostTreeHooks[K] extends [infer E extends unknown[], infer R]\r\n    ? EventSubcriber<E, R>\r\n    : EventSubcriber<HostTreeHooks[K]>\r\n    : EventSubcriber<HostTreeHooks[K]>;\r\n};\r\nexport type HostTree<E extends SupportedHTMLElements = SupportedHTMLElements, T = HTMLElementTagNameMap[E], A = SupportedHTMLRawAttributes[E]> = {\r\n    [K in string & keyof A as KebabToCamel<K>]-?: (data: A[K] | Wrapper<A[K]>) => HostTree<E>;\r\n} & {\r\n    element: T;\r\n    hooks: HostTreeHookStore;\r\n    append(...children: (\r\n        RawSourceTree |\r\n        HostTree |\r\n        RawSourceTree[] |\r\n        HostTree[] |\r\n        (RawSourceTree | HostTree)[] |\r\n        Wrapper<HostTree> |\r\n        Wrapper<RawSourceTree> |\r\n        Wrapper<RawSourceTree | HostTree> |\r\n        Wrapper<(RawSourceTree | HostTree)[]> |\r\n        Wrapper<RawSourceTree | RawSourceTree[]>\r\n    )[]): HostTree<E>;\r\n    use(styleSet: StyleSet | Wrapper<StyleSet>): HostTree<E>;\r\n    on<K extends keyof SupportedEventHandlerMap>(key: K, handler: SupportedEventHandlerMap[K], options?: AddEventListenerOptions): HostTree<E>;\r\n    on(key: string, handler: (...args: unknown[]) => unknown, options?: AddEventListenerOptions): HostTree<E>;\r\n};\r\n\r\nexport function tree<E extends SupportedHTMLElements>(data: E | Node) {\r\n    const element: Node = typeof data === \"string\" ? document.createElement(data) : data;\r\n    const hooks: HostTreeHookStore = {\r\n        treeUpdated: new EventSubcriber(),\r\n        attributeUpdated: new EventSubcriber(),\r\n        initialized: new EventSubcriber(),\r\n        preventEvent: new EventSubcriber()\r\n    };\r\n    const context: HostTree<E> = new Proxy(attachFlag({\r\n        element,\r\n        hooks,\r\n        append(...children: (RawSourceTree | RawSourceTree[] | Wrapper<RawSourceTree | RawSourceTree[]>)[]) {\r\n            for (const child of children) {\r\n                if (matchFlag<RawSourceTree | RawSourceTree[], typeof WRAPPER>(child, WRAPPER)) {\r\n                    let oldChildren: HostTree[] = [];\r\n                    const baseAnchor = new Comment(\"Tree anchor\");\r\n                    element.appendChild(baseAnchor);\r\n                    const update = (newTrees: RawSourceTree[] | RawSourceTree) => {\r\n                        const normalizedTrees = [...(Array.isArray(newTrees) ? newTrees : [newTrees])].reverse();\r\n                        const newChildren: HostTree[] = [];\r\n                        for (const newTree of normalizedTrees) {\r\n                            const child = render(newTree);\r\n                            newChildren.push(child);\r\n                            element.insertBefore(child.element, baseAnchor.nextSibling);\r\n                        }\r\n                        for (const oldChild of oldChildren) {\r\n                            oldChild.element.remove();\r\n                        }\r\n                        hooks.treeUpdated.emit(newChildren, oldChildren);\r\n                        oldChildren = newChildren;\r\n                    };\r\n                    child.event.subcribe(update);\r\n                    update(child.get());\r\n                } else {\r\n                    const children = child;\r\n                    for (const child of putIntoArray(children)) {\r\n                        element.appendChild(render(child).element);\r\n                    }\r\n                }\r\n            }\r\n            return context;\r\n        },\r\n        use(styleSet: StyleSet | Wrapper<StyleSet>) {\r\n            if (element instanceof HTMLElement) {\r\n                const update = (rules: Record<string, string>) => {\r\n                    for (const [key, value] of Object.entries(rules)) {\r\n                        element.style.setProperty(camelToHyphen(String(key)), value);\r\n                    }\r\n                };\r\n                if (matchFlag<StyleSet, typeof WRAPPER>(styleSet, WRAPPER)) {\r\n                    styleSet.event.subcribe((newData) => update(newData.rules));\r\n                    update(styleSet.get().rules);\r\n                } else {\r\n                    update(styleSet.rules);\r\n                }\r\n            }\r\n            return context;\r\n        },\r\n        on<K extends keyof SupportedEventHandlerMap>(key: K, handler: SupportedEventHandlerMap[K], options: AddEventListenerOptions) {\r\n            if (element instanceof EventTarget) {\r\n                element.addEventListener(key, (e) => {\r\n                    //@ts-expect-error 运行时这个本来就是配套的，ts推断不出来\r\n                    const emitResult = hooks.preventEvent.emit(key, handler);\r\n                    if (emitResult && !emitResult.some(Boolean)) {\r\n                        //@ts-expect-error 依旧是传参问题，ts推断不出来\r\n                        handler(e);\r\n                    }\r\n                }, options);\r\n            }\r\n            return context;\r\n        },\r\n    } as HostTree<E>, HOST_TREE), {\r\n        get<P extends keyof Node>(target: Record<string, unknown>, p: P, receiver: unknown) {\r\n            if (Reflect.has(target, p)) {\r\n                return Reflect.get(target, p, receiver);\r\n            } else {\r\n                return (data: HTMLElementTagNameMap[E][P] | Wrapper<HTMLElementTagNameMap[E][P]>) => {\r\n                    const update = (newData: HTMLElementTagNameMap[E][P], oldData: HTMLElementTagNameMap[E][P]) => {\r\n                        if (Object.hasOwn(element, p)) {\r\n                            element[p] = newData;\r\n                        }\r\n                        if (element instanceof Element) {\r\n                            element.setAttribute(camelToHyphen(p), String(newData));\r\n                        }\r\n                        hooks.attributeUpdated.emit(p, newData, oldData);\r\n                    };\r\n                    if (matchFlag<HTMLElementTagNameMap[E][P], typeof WRAPPER>(data, WRAPPER)) {\r\n                        data.event.subcribe(update);\r\n                        update(data.get(), data.get());\r\n                    } else {\r\n                        update(data, data);\r\n                    }\r\n                    return context;\r\n                };\r\n            }\r\n        },\r\n    });\r\n    Promise.resolve().then(() => hooks.initialized.emit(context as unknown as HostTree));\r\n    return context;\r\n}","export class ValidationFailed extends Error { }\r\nexport class MissingFieldError extends Error { }\r\nexport class ConflictionError extends Error { }\r\nexport class AccessError extends Error { }\r\nexport class BrokenRendererError extends Error { }","import { EventSubcriber } from \"@/channel/event-subcriber\";\r\nimport { SourceTree } from \"./component\";\r\nimport { attachFlag, matchFlag, WRAPPER } from \"@/constants/flags\";\r\n\r\nexport type Wrapper<T> = {\r\n    get(): T;\r\n    set(newData: T): void;\r\n    updateOnly(): void;\r\n    event: EventSubcriber<[T, T]>;\r\n};\r\n\r\nexport function wrap<T>(initialData: T, wrapperOptions?: Partial<Wrapper<T>>): Wrapper<T> {\r\n    const arrayActions = [\"push\", \"pop\", \"shift\", \"unshift\", \"splice\", \"sort\", \"reverse\"];\r\n    const patch = (data: T) => {\r\n        if (!Array.isArray(data)) { return data; }\r\n        const { proxy, revoke: newRevoke } = Proxy.revocable(data, {\r\n            get(target, p: string, receiver) {\r\n                if (arrayActions.includes(p)) {\r\n                    const originalMethod = Reflect.get(target, p, receiver) as (...args: unknown[]) => unknown;\r\n                    if (typeof originalMethod === \"function\") {\r\n                        return (...args: unknown[]) => {\r\n                            let oldData = wrapper.get();\r\n                            if (Array.isArray(oldData)) {\r\n                                oldData = [...oldData] as T;\r\n                                const result = originalMethod.call(target, ...args);\r\n                                wrapper.event.emit(wrapper.get(), oldData);\r\n                                return result;\r\n                            }\r\n                        };\r\n                    } else return Reflect.get(target, p, receiver);\r\n                } else {\r\n                    return Reflect.get(target, p, receiver);\r\n                }\r\n            },\r\n            set(target, p, newValue, receiver) {\r\n                const oldValue = Reflect.get(target, p, receiver);\r\n                if (oldValue !== newValue) {\r\n                    let oldData = wrapper.get();\r\n                    if (Array.isArray(oldData)) {\r\n                        oldData = [...oldData] as T;\r\n                        const result = Reflect.set(target, p, newValue, receiver);\r\n                        wrapper.event.emit(wrapper.get(), oldData);\r\n                        return result;\r\n                    }\r\n                }\r\n                return Reflect.set(target, p, newValue, receiver);\r\n            },\r\n        });\r\n        oldRevoke = newRevoke;\r\n        return proxy;\r\n    };\r\n    const event = new EventSubcriber<[T, T]>();\r\n    let oldRevoke: (() => void) | null = null;\r\n    let currentData = patch(initialData);\r\n    const wrapper: Wrapper<T> = attachFlag({\r\n        get() { return currentData; },\r\n        set(newData) {\r\n            if (currentData !== newData) {\r\n                let oldData = currentData;\r\n                if (Array.isArray(oldData) && oldRevoke) {\r\n                    oldData = [...oldData] as T;\r\n                    oldRevoke();\r\n                    currentData = patch(newData);\r\n                } else {\r\n                    currentData = newData;\r\n                };\r\n                this.event.emit(newData, oldData);\r\n            }\r\n        },\r\n        updateOnly() {\r\n            this.event.emit(this.get(), this.get());\r\n        },\r\n        event\r\n    }, WRAPPER);\r\n    return { ...wrapper, ...wrapperOptions ?? {} };\r\n}\r\nexport function sync<R>(effectRenderer: () => R, dependencies: unknown[] = []): Wrapper<R> {\r\n    const internalWrapper = wrap(effectRenderer());\r\n    const update = () => {\r\n        const newData = effectRenderer();\r\n        const currentData = internalWrapper.get();\r\n        const hasChanged = currentData !== newData;\r\n        if (hasChanged) {\r\n            internalWrapper.set(newData);\r\n        }\r\n    };\r\n    for (const dependency of dependencies) {\r\n        if (!matchFlag(dependency, WRAPPER)) continue;\r\n        dependency.event.subcribe(update);\r\n    }\r\n    return internalWrapper;\r\n}\r\nexport function when(condition: Wrapper<boolean> | (() => boolean), tree: () => SourceTree, dependencies: unknown[] = []) {\r\n    return sync(() => {\r\n        let result: boolean;\r\n        if (typeof condition === \"function\") {\r\n            result = condition();\r\n        } else {\r\n            result = condition.get();\r\n        }\r\n        return [result ? tree() : null];\r\n    }, [...dependencies, ...(matchFlag(condition, WRAPPER) ? [condition] : [])]);\r\n}\r\n","import { ComponentPropertyDescriptor, ComponentPropertyInputDict, ComponentPropertyOutputDict, ComponentPropertyStore, PropertyTransformer } from \"./component\";\r\nimport { AccessError, ConflictionError, MissingFieldError, ValidationFailed } from \"@/exceptions\";\r\nimport { matchFlag, WRAPPER } from \"@/constants/flags\";\r\nimport { wrap } from \"./reactive\";\r\n\r\nexport function rawProperty<T>(): PropertyTransformer<unknown, T> {\r\n    return (x) => x as T;\r\n}\r\nexport function normalizePropertyDescriptor\r\n    <I, O, R extends boolean>(\r\n    descriptor: ComponentPropertyDescriptor<I, O, R>\r\n): Required<ComponentPropertyDescriptor<I, O, R>> {\r\n    return Object.assign({\r\n        validate: () => true,\r\n        transform: x => x,\r\n        shadow: null,\r\n        required: false,\r\n        downloadable: true,\r\n        uploadable: false\r\n    } satisfies Required<ComponentPropertyDescriptor>, descriptor);\r\n}\r\nexport function validateStore(store: ComponentPropertyStore) {\r\n    for (const propertyKey in store) {\r\n        const descriptor = store[propertyKey];\r\n        if (descriptor.shadow) {\r\n            if (descriptor.required) {\r\n                throw new ConflictionError(`The required property ${propertyKey} can't have a shadow.`);\r\n            }\r\n            if (descriptor.validate && !descriptor.validate(descriptor.shadow)) {\r\n                throw new ValidationFailed(`The shadow of ${propertyKey} can't pass the validation.`);\r\n            }\r\n        }\r\n    }\r\n}\r\nexport function hostdown<T extends ComponentPropertyStore>(upstream?: ComponentPropertyInputDict<T>, store?: T) {\r\n    if (!upstream) upstream = {} as ComponentPropertyInputDict<T>;\r\n    const downstream: Record<string, unknown> = {};\r\n    for (const propertyKey in store) {\r\n        const descriptor = normalizePropertyDescriptor(store[propertyKey]);\r\n        const setValue = (newValue: unknown) => {\r\n            if (matchFlag(downstream[propertyKey], WRAPPER)) {\r\n                downstream[propertyKey].set(newValue);\r\n            } else {\r\n                const wrapper = wrap(newValue);\r\n                downstream[propertyKey] = wrapper;\r\n                wrapper.event.subcribe((newData) => {\r\n                    if (!matchFlag(upstream[propertyKey], WRAPPER) || !matchFlag(downstream[propertyKey], WRAPPER)) return;\r\n                    if (downstream[propertyKey].get() === upstream[propertyKey].get()) return;\r\n                    if (!descriptor.uploadable) throw new AccessError(`Property ${propertyKey} isn't uploadable but being set.`);\r\n                    upstream[propertyKey].set(newData);\r\n                });\r\n            }\r\n        };\r\n        const update = (inputValue: unknown, firstSet: boolean) => {\r\n            if (!firstSet && !descriptor.downloadable) {\r\n                console.warn(`Property ${propertyKey} isn't downloadable but being emitted.`);\r\n                return;\r\n            }\r\n            if (!descriptor.validate(inputValue)) {\r\n                throw new ValidationFailed(`The input value of ${propertyKey} can't pass the validation.`);\r\n            }\r\n            setValue(descriptor.transform(inputValue));\r\n        };\r\n        if (!Object.hasOwn(upstream, propertyKey)) {\r\n            if (descriptor.required) {\r\n                throw new MissingFieldError(`Missing a required property ${propertyKey}.`);\r\n            }\r\n            setValue(descriptor.shadow);\r\n            continue;\r\n        }\r\n        if (matchFlag(upstream[propertyKey], WRAPPER)) {\r\n            upstream[propertyKey].event.subcribe(e => update(e, false));\r\n            update(upstream[propertyKey].get(), true);\r\n        } else {\r\n            update(upstream[propertyKey], true);\r\n        }\r\n    }\r\n    return downstream as ComponentPropertyOutputDict<T>;\r\n}","import { matchFlag, WRAPPER } from \"@/constants/flags\";\r\nimport { SourceTree } from \"./component\";\r\nimport { wrap, Wrapper } from \"./reactive\";\r\n\r\nexport type RawSlotInput = SourceTree | (() => SourceTree);\r\nexport type SlotInput = RawSlotInput | Wrapper<RawSlotInput>;\r\nexport type SlotOutput = () => Wrapper<SourceTree>;\r\n\r\nexport function pipeExtract(input: SlotInput): SlotOutput {\r\n    if (typeof input === \"function\") {\r\n        return () => wrap(input());\r\n    } else if (matchFlag<RawSlotInput, typeof WRAPPER>(input, WRAPPER)) {\r\n        return pipeExtract(input);\r\n    } else return () => wrap(input);\r\n}","import { EmptyValue } from \"@/util/types\";\r\nimport { HostTree, tree } from \"./tree\";\r\nimport { hostdown, normalizePropertyDescriptor, validateStore } from \"./property\";\r\nimport { Wrapper } from \"./reactive\";\r\nimport { SlotInput, SlotOutput, pipeExtract } from \"./slot\";\r\nimport { BrokenRendererError } from \"@/exceptions\";\r\nimport { attachFlag, COMPONENT_INSTANCE, HOST_TREE, matchFlag } from \"@/constants/flags\";\r\nimport { EventDescriptor } from \"./event\";\r\nimport { StyleSet } from \"./style\";\r\n\r\nexport interface ComponentRenderEntry<P extends ComponentPropertyStore, E extends ComponentEventStore> {\r\n    (props?: ComponentPropertyInputDict<P>, slot?: SlotInput): ComponentInstance<E>;\r\n}\r\nexport interface ComponentInternalRender<P extends ComponentPropertyStore, E extends ComponentEventStore> {\r\n    (\r\n        options: ComponentPropertyOutputDict<P>,\r\n        slot: SlotOutput,\r\n        emit: <D extends E[number], K extends D[\"name\"]>(\r\n            key: K,\r\n            data: D extends infer R extends EventDescriptor<unknown, string> ? R[\"name\"] extends K ? R[\"template\"] : never : never\r\n        ) => void\r\n    ): SourceTree;\r\n}\r\nexport type Component<P extends ComponentPropertyStore, E extends ComponentEventStore> =\r\n    ComponentRenderEntry<P, E> & ComponentOption<P, E>;\r\nexport interface PropertyTransformer<I, O> {\r\n    (data: I): O;\r\n}\r\nexport interface ComponentPropertyDescriptor<I = unknown, O = unknown, R extends boolean = boolean> {\r\n    validate?: (data: I) => boolean;\r\n    transform: PropertyTransformer<I, O>;\r\n    shadow?: O;\r\n    required?: R;\r\n    downloadable?: boolean;\r\n    uploadable?: boolean;\r\n}\r\nexport type ComponentEventStore = EventDescriptor<unknown, string>[];\r\nexport type ComponentPropertyStore = Record<string, ComponentPropertyDescriptor>;\r\nexport type ComponentPropertyInputDict<P extends ComponentPropertyStore> = {\r\n    [K in keyof P as P[K][\"required\"] extends true ? K : never]:\r\n    P[K] extends ComponentPropertyDescriptor<unknown, infer R>\r\n    ? R | Wrapper<R> : never;\r\n} & {\r\n    [K in keyof P as P[K][\"required\"] extends false | unknown ? K : never]?:\r\n    P[K] extends ComponentPropertyDescriptor<unknown, infer R>\r\n    ? R | Wrapper<R> | EmptyValue : never;\r\n}\r\nexport type ComponentPropertyOutputDict<P extends ComponentPropertyStore> = {\r\n    [K in keyof P]:\r\n    P[K] extends ComponentPropertyDescriptor<unknown, infer R>\r\n    ? Wrapper<R> : never;\r\n};\r\nexport interface ComponentOption<P extends ComponentPropertyStore, E extends ComponentEventStore> {\r\n    props?: P;\r\n    events?: E;\r\n    styles?: StyleSet[];\r\n}\r\nexport type ComponentInstance<E extends ComponentEventStore = ComponentEventStore> = {\r\n    mount(to: string | HTMLElement): void;\r\n    on<D extends E[number], K extends D[\"name\"]>(\r\n        key: K,\r\n        data: (data: D extends infer R extends EventDescriptor<unknown, string> ? R[\"name\"] extends K ? R[\"template\"] : never : never) => void\r\n    ): ComponentInstance<E>;\r\n    $: HostTree;\r\n};\r\nexport type RawSourceTree = [\r\n    HTMLElement,\r\n    // HostTree,\r\n    string,\r\n    number,\r\n    boolean,\r\n    bigint,\r\n    EmptyValue,\r\n    ComponentInstance,\r\n][number];\r\nexport type SourceTree = RawSourceTree | HostTree;\r\n\r\nexport function render(nodeTree: SourceTree): HostTree {\r\n    let result: HostTree;\r\n    if (nodeTree instanceof Node) {\r\n        result = tree(nodeTree);\r\n    } else if (typeof nodeTree === \"string\" || typeof nodeTree === \"number\" || typeof nodeTree === \"boolean\" || typeof nodeTree === \"bigint\") {\r\n        result = tree(new Text(String(nodeTree)));\r\n    } else if (matchFlag(nodeTree, COMPONENT_INSTANCE)) {\r\n        result = nodeTree.$;\r\n    } else if (nodeTree === null || nodeTree === undefined) {\r\n        result = tree(new Comment(\"Empty tree context\"));\r\n    } else if (matchFlag(nodeTree, HOST_TREE)) {\r\n        result = nodeTree;\r\n    } else {\r\n        throw new BrokenRendererError(`Failed to render ${nodeTree} into a Node.`);\r\n    }\r\n    return result;\r\n}\r\nexport function $<T>(data: Wrapper<T>) {\r\n    return data as unknown as Wrapper<SourceTree>;\r\n}\r\nexport function flagment<T extends string>(uuid: T) {\r\n    return `nine_${uuid.replaceAll(\"-\", \"_\")}` as const;\r\n}\r\nexport function attachUUID(root: Node, uuid: string): Node {\r\n    for (const node of [root, ...root.childNodes]) {\r\n        if (node instanceof HTMLElement) {\r\n            node.dataset[flagment(uuid)] = \"true\";\r\n        }\r\n        if (node !== root && node.childNodes.length > 0) {\r\n            attachUUID(node, uuid);\r\n        }\r\n    }\r\n    return root;\r\n}\r\nexport function createComponent<\r\n    P extends ComponentPropertyStore,\r\n    E extends EventDescriptor<unknown, string>\r\n>(\r\n    options: ComponentOption<P, E[]>,\r\n    internalRenderer: ComponentInternalRender<P, E[]>\r\n): Component<P, E[]> {\r\n    validateStore(options.props ?? {});\r\n    const propStore = Object.fromEntries(\r\n        Object\r\n            .entries(options.props ?? {})\r\n            .map(([key, value]) => [\r\n                key,\r\n                normalizePropertyDescriptor(value),\r\n            ])\r\n    ) as P;\r\n    const rawComponentUUID = crypto.randomUUID();\r\n    const flagmentedUUID = flagment(rawComponentUUID);\r\n    if (options.styles) {\r\n        for (const styleSet of options.styles) {\r\n            styleSet.apply(`[data-${flagmentedUUID}=\"true\"]`);\r\n        }\r\n    }\r\n    const entryRenderer = (props?: ComponentPropertyInputDict<P>, slot?: SlotInput) => {\r\n        const nodeTree = internalRenderer(hostdown(props, propStore), pipeExtract(slot), (key, data) => {\r\n            const targetEvent = options.events?.find(e => e.name === key);\r\n            if (!targetEvent) throw new TypeError(`No events named ${key} to emit.`);\r\n            hostTree.element.dispatchEvent(new CustomEvent(key, {\r\n                detail: data,\r\n                bubbles: targetEvent.bubbleable,\r\n                cancelable: false\r\n            }));\r\n        });\r\n        const hostTree = render(nodeTree);\r\n        attachUUID(hostTree.element, rawComponentUUID);\r\n        hostTree.hooks.treeUpdated.subcribe((newTrees) => newTrees.forEach(tree => attachUUID(tree.element, rawComponentUUID)));\r\n        return attachFlag({\r\n            mount(to: string | HTMLElement) {\r\n                const targets = typeof to === \"string\" ? [...document.querySelectorAll<HTMLElement>(to)] : [to];\r\n                for (const target of targets) {\r\n                    target.appendChild(hostTree.element);\r\n                }\r\n            },\r\n            on(key: string, handler: (data: unknown) => void) {\r\n                hostTree.on(key, event => event instanceof CustomEvent ? handler(event.detail) : null);\r\n                return this;\r\n            },\r\n            $: hostTree\r\n        }, COMPONENT_INSTANCE);\r\n    };\r\n    return Object.assign(entryRenderer, {\r\n        props: propStore,\r\n        events: options.events\r\n    } as Component<P, E[]>);\r\n}","import { camelToHyphen } from \"@/util\";\r\n\r\nexport type StyleSet = {\r\n    [K in keyof CSSStyleDeclaration]: (data: string) => StyleSet;\r\n} & {\r\n    rules: Record<keyof CSSStyleDeclaration, string>;\r\n    selector?: string;\r\n    apply(selector?: string): StyleSet;\r\n    ruleString(): string;\r\n    selectorString(selector?: string): string;\r\n};\r\nexport function styleSet(selector?: string) {\r\n    const rules = {} as Record<keyof CSSStyleDeclaration, string>;\r\n    const context: StyleSet = new Proxy({\r\n        rules,\r\n        selector,\r\n        apply(selector) {\r\n            const style = document.createElement(\"style\");\r\n            document.head.appendChild(style);\r\n            style.textContent = `${this.selectorString(selector)}{${this.ruleString()}}`;\r\n        },\r\n        ruleString() {\r\n            return Object.entries(rules).map(([key, value]) => `${camelToHyphen(String(key))}:${value};`).join(\"\");\r\n        },\r\n        selectorString(selector) {\r\n            return ((this.selector || \"\") + (selector || \"\")) || \"*\";\r\n        },\r\n    } as StyleSet, {\r\n        get<P extends string & keyof CSSStyleDeclaration>(target: Record<string, unknown>, p: P, receiver: unknown) {\r\n            if (Reflect.has(target, p)) {\r\n                return Reflect.get(target, p, receiver);\r\n            } else {\r\n                return (data: CSSStyleDeclaration[P]) => {\r\n                    rules[p] = String(data);\r\n                    return context;\r\n                };\r\n            }\r\n        },\r\n    });\r\n    return context;\r\n}","export type EventDescriptor<T, N extends string> = {\r\n    name: N;\r\n} & EventOptions<T>;\r\nexport interface EventOptions<T> {\r\n    bubbleable?: boolean;\r\n    template?: T;\r\n}\r\n\r\nexport function defineEvent<T, N extends string>(name: N, options?: EventOptions<T>): EventDescriptor<T, N> {\r\n    return { name, ...options ?? {} };\r\n}","export * from \"./channel\";\r\nexport * from \"./dom\";\r\nexport * from \"./util\";\r\n\r\nexport * as assets from \"./assets\";\r\nexport { default as examples } from \"./examples\";\r\n\r\nif (window.__NINE_ENV__?.mode === \"development\") {\r\n    console.warn(\"[Nine-9] Initialized in development mode.\");\r\n}","import { $, createComponent, tree, sync, styleSet, createArray, when, defineEvent } from \"@\";\r\n\r\nexport default createComponent({ //创建组件\r\n    props: {\r\n        value: { //参数名\r\n            validate: Number.isInteger, //验证器\r\n            transform: Number, //转换器\r\n            required: false, //是否必填\r\n            shadow: 0, //默认值\r\n            downloadable: true, //（上游→下游）\r\n            uploadable: true, //（下游→上游），v-model双向绑定\r\n        }\r\n    },\r\n    events: [\r\n        defineEvent(\"up\", {\r\n            template: {\r\n                arg1: 0,\r\n                arg2: false\r\n            },\r\n            bubbleable: true\r\n        }),\r\n        defineEvent(\"down\", {\r\n            template: {\r\n                arg3: \"sb\",\r\n                arg4: Symbol()\r\n            },\r\n            bubbleable: true\r\n        })\r\n    ]\r\n}, (props) => {\r\n    const doubled = sync(() => props.value.get() * 2, [props.value]); //computed\r\n    return tree(\"div\")\r\n        .use(styleSet().fontSize(\"20px\").padding(\"10px\"))\r\n        .append(\r\n            \"敲木鱼\", tree(\"br\"),\r\n            tree(\"button\")\r\n                .on(\"click\", () => props.value.set(props.value.get() + 1)) //参数uploadable，赋值会实时同步到上游\r\n                .append(\"点击加一\"),\r\n            tree(\"button\")\r\n                .on(\"click\", () => props.value.set(props.value.get() - 1))\r\n                .append(\"点击减一\"),\r\n            tree(\"br\"),\r\n            \"当前值：\", $(props.value), //引用响应式的值，类似模板语法{{ count }}\r\n            \"双倍值：\", $(doubled),\r\n            $(sync( //只要是能渲染的东西，就能进行响应式引用\r\n                () => createArray(\r\n                    doubled.get(),\r\n                    () => tree(\"div\").append(\"你点了一下\")\r\n                ),\r\n                [doubled]\r\n            )), //列表渲染v-for\r\n            when(\r\n                () => props.value.get() > 10,\r\n                () => tree(\"p\").append(\"count > 10 时显示\"),\r\n                [props.value]\r\n            ), //条件渲染v-if\r\n        );\r\n});","import { $, createComponent, defineEvent, rawProperty, styleSet, sync, tree, when, wrap } from \"@\";\r\n\r\nexport default createComponent({\r\n    props: {\r\n        items: {\r\n            transform: rawProperty<string[]>(),\r\n            shadow: [\"OptionA\", \"OptionB\", \"OptionC\"]\r\n        },\r\n        value: {\r\n            transform: Number,\r\n            uploadable: true,\r\n            required: true\r\n        }\r\n    },\r\n    events: [\r\n        defineEvent(\"select\", { template: 0 }),\r\n        defineEvent(\"toggleState\", { template: false })\r\n    ],\r\n    styles: [\r\n        styleSet(\".item\")\r\n            .backgroundColor(\"blue\")\r\n            .color(\"white\"),\r\n        styleSet(\".flexdown\")\r\n            .display(\"flex\")\r\n            .flexDirection(\"column\")\r\n    ]\r\n}, (props, slot, emit) => {\r\n    const showing = wrap(false);\r\n    const select = (index: number) => {\r\n        props.value.set(index);\r\n        showing.set(false);\r\n        emit(\"select\", props.value.get());\r\n    };\r\n    showing.event.subcribe(e => emit(\"toggleState\", e));\r\n\r\n    return tree(\"div\")\r\n        .class(\"flexdown\")\r\n        .ariaAtomic(\"false\")\r\n        .append(\r\n            tree(\"span\")\r\n                .class(\"item\")\r\n                .use(styleSet().backgroundColor(\"red\"))\r\n                .append($(sync(() => props.items.get()[props.value.get()], [props.items, props.value])))\r\n                .on(\"click\", () => showing.set(!showing.get())),\r\n            slot(),\r\n            when(showing, () =>\r\n                tree(\"div\")\r\n                    .class(\"flexdown\")\r\n                    .append(\r\n                        $(sync(() =>\r\n                            props.items.get().map((label, index) =>\r\n                                tree(\"span\")\r\n                                    .class(\"item\")\r\n                                    .append(label)\r\n                                    .on(\"click\", () => select(index))\r\n                            ), [props.items]))\r\n                    )\r\n            )\r\n        );\r\n});","import Counter from \"./Counter\";\r\nimport Selector from \"./Selector\";\r\n\r\nexport default { Counter, Selector };","import { wrap } from \"./dom\";\r\nimport examples from \"./examples\";\r\n\r\nconst value = wrap(0);\r\n\r\nexamples.Selector({ value })\r\n    .on(\"select\", e => console.log(\"当前选项：\", e))\r\n    .on(\"toggleState\", e => console.log(\"当前是否开关：\", e))\r\n    .mount(\"#app\");\r\n"],"mappings":"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","names":["child","children","styleSet","value","data","tree","value","styleSet","tree","selector","value"]}
+{"version":3,"sources":["../src/channel/event-subcriber.ts","../src/util/char.ts","../src/util/array.ts","../src/constants/flags.ts","../src/dom/tree.ts","../src/exceptions/index.ts","../src/dom/reactive.ts","../src/dom/property.ts","../src/dom/slot.ts","../src/dom/component.ts","../src/util/types.ts","../src/dom/style.ts","../src/dom/event.ts","../src/examples/Counter.ts","../src/examples/Selector.ts","../src/examples/index.ts","../src/index.ts","../src/test.ts"],"sourcesContent":["interface SubcriberCallback<T extends unknown[], R> {\r\n    (...data: T): R;\r\n}\r\ninterface Subcriber<T extends unknown[], R> {\r\n    callback: SubcriberCallback<T, R>;\r\n    once: boolean;\r\n}\r\nexport class EventSubcriber<T extends unknown[], R = void> {\r\n    private subcribers: Subcriber<T, R>[] = [];\r\n    private emitting: boolean = false;\r\n\r\n    subcribe(callback: SubcriberCallback<T, R>, once = false) {\r\n        this.subcribers.push({\r\n            callback,\r\n            once,\r\n        });\r\n    }\r\n    emit(...data: T): R[] | void {\r\n        if (this.emitting) return;\r\n        this.emitting = true;\r\n        const result: R[] = [];\r\n        for (const subcriber of this.subcribers) {\r\n            result.push(subcriber.callback(...data));\r\n        }\r\n        this.emitting = false;\r\n        return result;\r\n    }\r\n}","export function camelToHyphen<T extends string>(str: T): T {\r\n    return str.replace(/[A-Z]/g, letter => `-${letter.toLowerCase()}`) as T;\r\n}\r\nexport function hyphenToCamel<T extends string>(str: T): T {\r\n    return str.replace(/-([a-z])/g, (g) => g[1].toUpperCase()) as T;\r\n}","export function typedIsArray<T>(arr: unknown[]): arr is T[] {\r\n    return Array.isArray(arr);\r\n}\r\nexport function putIntoArray<T>(data: T) {\r\n    return [...(Array.isArray(data) ? data : [data])] as T extends (infer R)[] ? R[] : [T];\r\n}\r\nexport function createArray<T>(length: number, filler: () => T): T[] {\r\n    return new Array(length).fill(0).map(filler);\r\n}","import { ComponentInstance, HostTree, Wrapper } from \"@/dom\";\r\n\r\ntype FlagMap<T> =\r\n    { [K in typeof HOST_TREE]: HostTree; }\r\n    & { [K in typeof COMPONENT_INSTANCE]: ComponentInstance; }\r\n    & { [K in typeof WRAPPER]: Wrapper<T>; }\r\n\r\nexport const HOST_TREE = Symbol(\"HostTreeFlag\");\r\nexport const COMPONENT_INSTANCE = Symbol(\"ComponentInstanceFlag\");\r\nexport const WRAPPER = Symbol(\"WrapperFlag\");\r\n\r\nexport function attachFlag<T extends object, F extends keyof FlagMap<unknown>>(data: T, flag: F) {\r\n    return Object.assign(data, { [flag]: true }) as T & { [K in F]: true };\r\n}\r\nexport function matchFlag<T, K extends keyof FlagMap<T>>(data: unknown, flag: K): data is FlagMap<T>[K] {\r\n    return (\r\n        (data !== null && data !== undefined)\r\n        && typeof data === \"object\"\r\n        && Object.hasOwn(data, flag)\r\n        && data[flag] === true\r\n    );\r\n}","import { camelToHyphen } from \"@/util/char\";\r\nimport { render, RawSourceTree } from \"./component\";\r\nimport { Wrapper } from \"./reactive\";\r\nimport { StyleSet } from \"./style\";\r\nimport { putIntoArray } from \"@/util/array\";\r\nimport { attachFlag, HOST_TREE, matchFlag, WRAPPER } from \"@/constants/flags\";\r\nimport { EventSubcriber } from \"@/channel\";\r\nimport { SupportedHTMLRawAttributes, SupportedHTMLElements, SupportedEventHandlerMap } from \"./element\";\r\nimport { KebabToCamel, ObjectToEntryUnion } from \"@/util/types\";\r\n\r\nexport interface HostTreeHooks {\r\n    treeUpdated: [newTrees: HostTree[], oldTrees: HostTree[]];\r\n    attributeUpdated: [attribute: string, newValue: unknown, oldValue: unknown];\r\n    initialized: [rootTree: HostTree];\r\n    $preventEvent: [ObjectToEntryUnion<SupportedEventHandlerMap>, boolean | void];\r\n}\r\nexport type HostTreeHookStore = {\r\n    [K in keyof HostTreeHooks as K extends `$${infer R}` ? R : K]:\r\n    K extends `$${string}`\r\n    ? HostTreeHooks[K] extends [infer E extends unknown[], infer R]\r\n    ? EventSubcriber<E, R>\r\n    : EventSubcriber<HostTreeHooks[K]>\r\n    : EventSubcriber<HostTreeHooks[K]>;\r\n};\r\nexport type HostTree<E extends SupportedHTMLElements = SupportedHTMLElements, T = HTMLElementTagNameMap[E], A = SupportedHTMLRawAttributes[E]> = {\r\n    [K in string & keyof A as KebabToCamel<K>]-?: (data: A[K] | Wrapper<A[K]>) => HostTree<E>;\r\n} & {\r\n    element: T;\r\n    hooks: HostTreeHookStore;\r\n    append(...children: (\r\n        RawSourceTree |\r\n        HostTree |\r\n        RawSourceTree[] |\r\n        HostTree[] |\r\n        (RawSourceTree | HostTree)[] |\r\n        Wrapper<HostTree> |\r\n        Wrapper<RawSourceTree> |\r\n        Wrapper<RawSourceTree | HostTree> |\r\n        Wrapper<(RawSourceTree | HostTree)[]> |\r\n        Wrapper<RawSourceTree | RawSourceTree[]>\r\n    )[]): HostTree<E>;\r\n    use(styleSet: StyleSet | Wrapper<StyleSet>): HostTree<E>;\r\n    on<K extends keyof SupportedEventHandlerMap>(key: K, handler: SupportedEventHandlerMap[K], options?: AddEventListenerOptions): HostTree<E>;\r\n    on(key: string, handler: (...args: unknown[]) => unknown, options?: AddEventListenerOptions): HostTree<E>;\r\n};\r\n\r\nexport function tree<E extends SupportedHTMLElements>(data: E | Node) {\r\n    const element: Node = typeof data === \"string\" ? document.createElement(data) : data;\r\n    const hooks: HostTreeHookStore = {\r\n        treeUpdated: new EventSubcriber(),\r\n        attributeUpdated: new EventSubcriber(),\r\n        initialized: new EventSubcriber(),\r\n        preventEvent: new EventSubcriber()\r\n    };\r\n    const context: HostTree<E> = new Proxy(attachFlag({\r\n        element,\r\n        hooks,\r\n        append(...children: (RawSourceTree | RawSourceTree[] | Wrapper<RawSourceTree | RawSourceTree[]>)[]) {\r\n            for (const child of children) {\r\n                if (matchFlag<RawSourceTree | RawSourceTree[], typeof WRAPPER>(child, WRAPPER)) {\r\n                    let oldChildren: HostTree[] = [];\r\n                    const baseAnchor = new Comment(\"Tree anchor\");\r\n                    element.appendChild(baseAnchor);\r\n                    const update = (newTrees: RawSourceTree[] | RawSourceTree) => {\r\n                        const normalizedTrees = [...(Array.isArray(newTrees) ? newTrees : [newTrees])].reverse();\r\n                        const newChildren: HostTree[] = [];\r\n                        for (const newTree of normalizedTrees) {\r\n                            const child = render(newTree);\r\n                            newChildren.push(child);\r\n                            element.insertBefore(child.element, baseAnchor.nextSibling);\r\n                        }\r\n                        for (const oldChild of oldChildren) {\r\n                            oldChild.element.remove();\r\n                        }\r\n                        hooks.treeUpdated.emit(newChildren, oldChildren);\r\n                        oldChildren = newChildren;\r\n                    };\r\n                    child.event.subcribe(update);\r\n                    update(child.get());\r\n                } else {\r\n                    const children = child;\r\n                    for (const child of putIntoArray(children)) {\r\n                        element.appendChild(render(child).element);\r\n                    }\r\n                }\r\n            }\r\n            return context;\r\n        },\r\n        use(styleSet: StyleSet | Wrapper<StyleSet>) {\r\n            if (element instanceof HTMLElement) {\r\n                const update = (rules: Record<string, string>) => {\r\n                    for (const [key, value] of Object.entries(rules)) {\r\n                        element.style.setProperty(camelToHyphen(String(key)), value);\r\n                    }\r\n                };\r\n                if (matchFlag<StyleSet, typeof WRAPPER>(styleSet, WRAPPER)) {\r\n                    styleSet.event.subcribe((newData) => update(newData.rules));\r\n                    update(styleSet.get().rules);\r\n                } else {\r\n                    update(styleSet.rules);\r\n                }\r\n            }\r\n            return context;\r\n        },\r\n        on<K extends keyof SupportedEventHandlerMap>(key: K, handler: SupportedEventHandlerMap[K], options: AddEventListenerOptions) {\r\n            if (element instanceof EventTarget) {\r\n                element.addEventListener(key, (e) => {\r\n                    //@ts-expect-error 运行时这个本来就是配套的，ts推断不出来\r\n                    const emitResult = hooks.preventEvent.emit(key, handler);\r\n                    if (emitResult && !emitResult.some(Boolean)) {\r\n                        //@ts-expect-error 依旧是传参问题，ts推断不出来\r\n                        handler(e);\r\n                    }\r\n                }, options);\r\n            }\r\n            return context;\r\n        },\r\n    } as HostTree<E>, HOST_TREE), {\r\n        get<P extends keyof Node>(target: Record<string, unknown>, p: P, receiver: unknown) {\r\n            if (Reflect.has(target, p)) {\r\n                return Reflect.get(target, p, receiver);\r\n            } else {\r\n                return (data: HTMLElementTagNameMap[E][P] | Wrapper<HTMLElementTagNameMap[E][P]>) => {\r\n                    const update = (newData: HTMLElementTagNameMap[E][P], oldData: HTMLElementTagNameMap[E][P]) => {\r\n                        if (Object.hasOwn(element, p)) {\r\n                            element[p] = newData;\r\n                        }\r\n                        if (element instanceof Element) {\r\n                            element.setAttribute(camelToHyphen(p), String(newData));\r\n                        }\r\n                        hooks.attributeUpdated.emit(p, newData, oldData);\r\n                    };\r\n                    if (matchFlag<HTMLElementTagNameMap[E][P], typeof WRAPPER>(data, WRAPPER)) {\r\n                        data.event.subcribe(update);\r\n                        update(data.get(), data.get());\r\n                    } else {\r\n                        update(data, data);\r\n                    }\r\n                    return context;\r\n                };\r\n            }\r\n        },\r\n    });\r\n    Promise.resolve().then(() => hooks.initialized.emit(context as unknown as HostTree));\r\n    return context;\r\n}","export class ValidationFailed extends Error { }\r\nexport class MissingError extends Error { }\r\nexport class ConflictionError extends Error { }\r\nexport class AccessError extends Error { }\r\nexport class BrokenRendererError extends Error { }","import { EventSubcriber } from \"@/channel/event-subcriber\";\r\nimport { SourceTree } from \"./component\";\r\nimport { attachFlag, matchFlag, WRAPPER } from \"@/constants/flags\";\r\n\r\nexport type Wrapper<T> = {\r\n    get(): T;\r\n    set(newData: T): void;\r\n    updateOnly(): void;\r\n    event: EventSubcriber<[T, T]>;\r\n};\r\n\r\nexport function normalizeWrap<T>(data: T | Wrapper<T>): Wrapper<T> {\r\n    if (matchFlag<T, typeof WRAPPER>(data, WRAPPER)) {\r\n        return data;\r\n    } else {\r\n        return wrap(data);\r\n    }\r\n}\r\nexport function wrap<T>(initialData: T, wrapperOptions?: Partial<Wrapper<T>>): Wrapper<T> {\r\n    const arrayActions = [\"push\", \"pop\", \"shift\", \"unshift\", \"splice\", \"sort\", \"reverse\"];\r\n    const patch = (data: T) => {\r\n        if (!Array.isArray(data)) { return data; }\r\n        const { proxy, revoke: newRevoke } = Proxy.revocable(data, {\r\n            get(target, p: string, receiver) {\r\n                if (arrayActions.includes(p)) {\r\n                    const originalMethod = Reflect.get(target, p, receiver) as (...args: unknown[]) => unknown;\r\n                    if (typeof originalMethod === \"function\") {\r\n                        return (...args: unknown[]) => {\r\n                            let oldData = wrapper.get();\r\n                            if (Array.isArray(oldData)) {\r\n                                oldData = [...oldData] as T;\r\n                                const result = originalMethod.call(target, ...args);\r\n                                wrapper.event.emit(wrapper.get(), oldData);\r\n                                return result;\r\n                            }\r\n                        };\r\n                    } else return Reflect.get(target, p, receiver);\r\n                } else {\r\n                    return Reflect.get(target, p, receiver);\r\n                }\r\n            },\r\n            set(target, p, newValue, receiver) {\r\n                const oldValue = Reflect.get(target, p, receiver);\r\n                if (oldValue !== newValue) {\r\n                    let oldData = wrapper.get();\r\n                    if (Array.isArray(oldData)) {\r\n                        oldData = [...oldData] as T;\r\n                        const result = Reflect.set(target, p, newValue, receiver);\r\n                        wrapper.event.emit(wrapper.get(), oldData);\r\n                        return result;\r\n                    }\r\n                }\r\n                return Reflect.set(target, p, newValue, receiver);\r\n            },\r\n        });\r\n        oldRevoke = newRevoke;\r\n        return proxy;\r\n    };\r\n    const event = new EventSubcriber<[T, T]>();\r\n    let oldRevoke: (() => void) | null = null;\r\n    let currentData = patch(initialData);\r\n    const wrapper: Wrapper<T> = attachFlag({\r\n        get() { return currentData; },\r\n        set(newData) {\r\n            if (currentData !== newData) {\r\n                let oldData = currentData;\r\n                if (Array.isArray(oldData) && oldRevoke) {\r\n                    oldData = [...oldData] as T;\r\n                    oldRevoke();\r\n                    currentData = patch(newData);\r\n                } else {\r\n                    currentData = newData;\r\n                };\r\n                this.event.emit(newData, oldData);\r\n            }\r\n        },\r\n        updateOnly() {\r\n            this.event.emit(this.get(), this.get());\r\n        },\r\n        event\r\n    }, WRAPPER);\r\n    return { ...wrapper, ...wrapperOptions ?? {} };\r\n}\r\nexport function sync<R>(effectRenderer: () => R, dependencies: unknown[] = []): Wrapper<R> {\r\n    const internalWrapper = wrap(effectRenderer());\r\n    const update = () => {\r\n        const newData = effectRenderer();\r\n        const currentData = internalWrapper.get();\r\n        const hasChanged = currentData !== newData;\r\n        if (hasChanged) {\r\n            internalWrapper.set(newData);\r\n        }\r\n    };\r\n    for (const dependency of dependencies) {\r\n        if (!matchFlag(dependency, WRAPPER)) continue;\r\n        dependency.event.subcribe(update);\r\n    }\r\n    return internalWrapper;\r\n}\r\nexport function when(condition: Wrapper<boolean> | (() => boolean), tree: () => SourceTree, dependencies: unknown[] = []) {\r\n    return sync(() => {\r\n        let result: boolean;\r\n        if (typeof condition === \"function\") {\r\n            result = condition();\r\n        } else {\r\n            result = condition.get();\r\n        }\r\n        return [result ? tree() : null];\r\n    }, [...dependencies, ...(matchFlag(condition, WRAPPER) ? [condition] : [])]);\r\n}\r\n","import { ComponentPropertyStore, PropertyTransformer } from \"./component\";\r\nimport { AccessError, ConflictionError, MissingError, ValidationFailed } from \"@/exceptions\";\r\nimport { matchFlag, WRAPPER } from \"@/constants/flags\";\r\nimport { wrap, Wrapper } from \"./reactive\";\r\nimport { EmptyValue } from \"@/util\";\r\n\r\nexport interface ComponentPropertyDescriptor<I = unknown, O = unknown, R extends boolean = boolean> {\r\n    validate?: (data: I) => boolean;\r\n    transform: PropertyTransformer<I, O>;\r\n    shadow?: O;\r\n    required?: R;\r\n    downloadable?: boolean;\r\n    uploadable?: boolean;\r\n}\r\nexport type ComponentPropertyInputDict<P extends ComponentPropertyStore> = {\r\n    [K in keyof P as P[K][\"required\"] extends true ? K : never]:\r\n    P[K] extends ComponentPropertyDescriptor<unknown, infer R>\r\n    ? R | Wrapper<R> : never;\r\n} & {\r\n    [K in keyof P as P[K][\"required\"] extends false | unknown ? K : never]?:\r\n    P[K] extends ComponentPropertyDescriptor<unknown, infer R>\r\n    ? R | Wrapper<R> | EmptyValue : never;\r\n}\r\nexport type ComponentPropertyOutputDict<P extends ComponentPropertyStore> = {\r\n    [K in keyof P]:\r\n    P[K] extends ComponentPropertyDescriptor<unknown, infer R>\r\n    ? Wrapper<R> : never;\r\n};\r\n\r\nexport function rawProperty<T>(): PropertyTransformer<unknown, T> {\r\n    return (x) => x as T;\r\n}\r\nexport function normalizePropertyDescriptor\r\n    <I, O, R extends boolean>(\r\n    descriptor: ComponentPropertyDescriptor<I, O, R>\r\n): Required<ComponentPropertyDescriptor<I, O, R>> {\r\n    return Object.assign({\r\n        validate: () => true,\r\n        transform: x => x,\r\n        shadow: null,\r\n        required: false,\r\n        downloadable: true,\r\n        uploadable: false\r\n    } satisfies Required<ComponentPropertyDescriptor>, descriptor);\r\n}\r\nexport function validateStore(store: ComponentPropertyStore) {\r\n    for (const propertyKey in store) {\r\n        const descriptor = store[propertyKey];\r\n        if (descriptor.shadow) {\r\n            if (descriptor.required) {\r\n                throw new ConflictionError(`The required property ${propertyKey} can't have a shadow.`);\r\n            }\r\n            if (descriptor.validate && !descriptor.validate(descriptor.shadow)) {\r\n                throw new ValidationFailed(`The shadow of ${propertyKey} can't pass the validation.`);\r\n            }\r\n        }\r\n    }\r\n}\r\nexport function hostdown<T extends ComponentPropertyStore>(upstream?: ComponentPropertyInputDict<T>, store?: T) {\r\n    if (!upstream) upstream = {} as ComponentPropertyInputDict<T>;\r\n    const downstream: Record<string, unknown> = {};\r\n    for (const propertyKey in store) {\r\n        const descriptor = normalizePropertyDescriptor(store[propertyKey]);\r\n        const setValue = (newValue: unknown) => {\r\n            if (matchFlag(downstream[propertyKey], WRAPPER)) {\r\n                downstream[propertyKey].set(newValue);\r\n            } else {\r\n                const wrapper = wrap(newValue);\r\n                downstream[propertyKey] = wrapper;\r\n                wrapper.event.subcribe((newData) => {\r\n                    if (!matchFlag(upstream[propertyKey], WRAPPER) || !matchFlag(downstream[propertyKey], WRAPPER)) return;\r\n                    if (downstream[propertyKey].get() === upstream[propertyKey].get()) return;\r\n                    if (!descriptor.uploadable) throw new AccessError(`Property ${propertyKey} isn't uploadable but being set.`);\r\n                    upstream[propertyKey].set(newData);\r\n                });\r\n            }\r\n        };\r\n        const update = (inputValue: unknown, firstSet: boolean) => {\r\n            if (!firstSet && !descriptor.downloadable) {\r\n                console.warn(`Property ${propertyKey} isn't downloadable but being emitted.`);\r\n                return;\r\n            }\r\n            if (!descriptor.validate(inputValue)) {\r\n                throw new ValidationFailed(`The input value of ${propertyKey} can't pass the validation.`);\r\n            }\r\n            setValue(descriptor.transform(inputValue));\r\n        };\r\n        if (!Object.hasOwn(upstream, propertyKey)) {\r\n            if (descriptor.required) {\r\n                throw new MissingError(`Missing a required property ${propertyKey}.`);\r\n            }\r\n            setValue(descriptor.shadow);\r\n            continue;\r\n        }\r\n        if (matchFlag(upstream[propertyKey], WRAPPER)) {\r\n            upstream[propertyKey].event.subcribe(e => update(e, false));\r\n            update(upstream[propertyKey].get(), true);\r\n        } else {\r\n            update(upstream[propertyKey], true);\r\n        }\r\n    }\r\n    return downstream as ComponentPropertyOutputDict<T>;\r\n}","\r\nimport { ComponentSlotStore, SourceTree } from \"./component\";\r\nimport { normalizeWrap, Wrapper } from \"./reactive\";\r\nimport { MissingError } from \"@/exceptions\";\r\n\r\nexport type SlotDescriptor<T = unknown, N extends string = string, R extends boolean = boolean> = {\r\n    name: N;\r\n} & SlotOptions<T, R>;\r\nexport interface SlotOptions<T, R extends boolean> {\r\n    template: T;\r\n    required?: R;\r\n    defaultValue?: SourceTree;\r\n}\r\nexport type SlotInput<T> = (data: Wrapper<T>) => SourceTree | Wrapper<SourceTree>;\r\nexport type SlotOutput<T> = (data: T | Wrapper<T>) => Wrapper<SourceTree>;\r\nexport type ComponentSlotInputDict<T extends ComponentSlotStore> = {\r\n    [K in T[number]as K[\"name\"]]?: SlotInput<K[\"template\"]>;\r\n};\r\nexport type ComponentSlotOutputDict<T extends ComponentSlotStore> = {\r\n    [K in T[number]as K[\"name\"]]-?: SlotOutput<K[\"template\"]>;\r\n}\r\n\r\nexport function extractInput<T>(render: SlotInput<T>): SlotOutput<T> {\r\n    return (data: T | Wrapper<T>) => normalizeWrap(render(normalizeWrap(data)));\r\n}\r\nexport function renderSlots<T extends ComponentSlotStore>(rawInput?: ComponentSlotInputDict<T>, store?: T): ComponentSlotOutputDict<T> {\r\n    if (!store) return {} as ComponentSlotOutputDict<T>;\r\n    const input = rawInput as Record<string, SlotInput<T[number][\"template\"]>>;\r\n    return Object.fromEntries(store.map(descriptor => {\r\n        if (descriptor.required && (!input || !Object.hasOwn(input, descriptor.name))) {\r\n            throw new MissingError(`Missing a required slot ${descriptor.name}.`);\r\n        }\r\n        if (!input) return [descriptor.name, () => null];\r\n        return [\r\n            descriptor.name,\r\n            extractInput(input[descriptor.name])\r\n        ];\r\n    })) as ComponentSlotOutputDict<T>;\r\n}\r\nexport function defineSlot<N extends string, R extends boolean, T>(name: N, options: SlotOptions<T, R>) {\r\n    return {\r\n        name,\r\n        ...options\r\n    };\r\n}","import { EmptyValue } from \"@/util/types\";\r\nimport { HostTree, tree } from \"./tree\";\r\nimport { ComponentPropertyDescriptor, ComponentPropertyInputDict, ComponentPropertyOutputDict, hostdown, normalizePropertyDescriptor, validateStore } from \"./property\";\r\nimport { Wrapper } from \"./reactive\";\r\nimport { ComponentSlotInputDict, ComponentSlotOutputDict, renderSlots, SlotDescriptor } from \"./slot\";\r\nimport { BrokenRendererError } from \"@/exceptions\";\r\nimport { attachFlag, COMPONENT_INSTANCE, HOST_TREE, matchFlag } from \"@/constants/flags\";\r\nimport { EventDescriptor } from \"./event\";\r\nimport { StyleSet } from \"./style\";\r\n\r\nexport interface ComponentRenderEntry<P extends ComponentPropertyStore, E extends ComponentEventStore, S extends ComponentSlotStore> {\r\n    (props?: ComponentPropertyInputDict<P>, slot?: ComponentSlotInputDict<S>): ComponentInstance<E>;\r\n}\r\nexport interface ComponentInternalRender<P extends ComponentPropertyStore, E extends ComponentEventStore, S extends ComponentSlotStore> {\r\n    (\r\n        options: ComponentPropertyOutputDict<P>,\r\n        slot: ComponentSlotOutputDict<S>,\r\n        emit: <D extends E[number], K extends D[\"name\"]>(\r\n            key: K,\r\n            data: D extends infer R extends EventDescriptor ? R[\"name\"] extends K ? R[\"template\"] : never : never\r\n        ) => void\r\n    ): SourceTree;\r\n}\r\nexport type Component<P extends ComponentPropertyStore, E extends ComponentEventStore, S extends ComponentSlotStore> =\r\n    ComponentRenderEntry<P, E, S> & ComponentOption<P, E, S>;\r\nexport interface PropertyTransformer<I, O> {\r\n    (data: I): O;\r\n}\r\n\r\nexport type ComponentPropertyStore = Record<string, ComponentPropertyDescriptor>;\r\nexport type ComponentEventStore = EventDescriptor[];\r\nexport type ComponentSlotStore = SlotDescriptor[];\r\n\r\nexport interface ComponentOption<P extends ComponentPropertyStore, E extends ComponentEventStore, S extends ComponentSlotStore> {\r\n    props?: P;\r\n    events?: E;\r\n    styles?: StyleSet[];\r\n    slots?: S;\r\n}\r\nexport type ComponentInstance<E extends ComponentEventStore = ComponentEventStore> = {\r\n    mount(to: string | HTMLElement): void;\r\n    on<D extends E[number], K extends D[\"name\"]>(\r\n        key: K,\r\n        data: (data: D extends infer R extends EventDescriptor ? R[\"name\"] extends K ? R[\"template\"] : never : never) => void\r\n    ): ComponentInstance<E>;\r\n    $: HostTree;\r\n};\r\nexport type RawSourceTree = [\r\n    HTMLElement,\r\n    string,\r\n    number,\r\n    boolean,\r\n    bigint,\r\n    EmptyValue,\r\n    ComponentInstance,\r\n][number];\r\nexport type SourceTree = RawSourceTree | HostTree;\r\n\r\nexport function render(nodeTree: SourceTree): HostTree {\r\n    let result: HostTree;\r\n    if (nodeTree instanceof Node) {\r\n        result = tree(nodeTree);\r\n    } else if (typeof nodeTree === \"string\" || typeof nodeTree === \"number\" || typeof nodeTree === \"boolean\" || typeof nodeTree === \"bigint\") {\r\n        result = tree(new Text(String(nodeTree)));\r\n    } else if (matchFlag(nodeTree, COMPONENT_INSTANCE)) {\r\n        result = nodeTree.$;\r\n    } else if (nodeTree === null || nodeTree === undefined) {\r\n        result = tree(new Comment(\"Empty tree context\"));\r\n    } else if (matchFlag(nodeTree, HOST_TREE)) {\r\n        result = nodeTree;\r\n    } else {\r\n        throw new BrokenRendererError(`Failed to render ${nodeTree} into a Node.`);\r\n    }\r\n    return result;\r\n}\r\nexport function $<T>(data: Wrapper<T>) {\r\n    return data as unknown as Wrapper<SourceTree>;\r\n}\r\nexport function flagment<T extends string>(uuid: T) {\r\n    return `nine_${uuid.replaceAll(\"-\", \"_\")}` as const;\r\n}\r\nexport function attachUUID(root: Node, uuid: string): Node {\r\n    for (const node of [root, ...root.childNodes]) {\r\n        if (node instanceof HTMLElement) {\r\n            node.dataset[flagment(uuid)] = \"true\";\r\n        }\r\n        if (node !== root && node.childNodes.length > 0) {\r\n            attachUUID(node, uuid);\r\n        }\r\n    }\r\n    return root;\r\n}\r\nexport function createComponent<\r\n    P extends ComponentPropertyStore,\r\n    E extends EventDescriptor,\r\n    S extends SlotDescriptor\r\n>(\r\n    options: ComponentOption<P, E[], S[]>,\r\n    internalRenderer: ComponentInternalRender<P, E[], S[]>\r\n): Component<P, E[], S[]> {\r\n    validateStore(options.props ?? {});\r\n    const propStore = Object.fromEntries(\r\n        Object\r\n            .entries(options.props ?? {})\r\n            .map(([key, value]) => [\r\n                key,\r\n                normalizePropertyDescriptor(value),\r\n            ])\r\n    ) as P;\r\n    const rawComponentUUID = crypto.randomUUID();\r\n    const flagmentedUUID = flagment(rawComponentUUID);\r\n    if (options.styles) {\r\n        for (const styleSet of options.styles) {\r\n            styleSet.apply(`[data-${flagmentedUUID}=\"true\"]`);\r\n        }\r\n    }\r\n    const entryRenderer = (props?: ComponentPropertyInputDict<P>, slot?: ComponentSlotInputDict<S[]>) => {\r\n        const nodeTree = internalRenderer(\r\n            hostdown(props, propStore),\r\n            renderSlots(slot, options.slots),\r\n            (key, data) => {\r\n                const targetEvent = options.events?.find(e => e.name === key);\r\n                if (!targetEvent) throw new TypeError(`No events named ${key} to emit.`);\r\n                hostTree.element.dispatchEvent(new CustomEvent(key, {\r\n                    detail: data,\r\n                    bubbles: targetEvent.bubbleable,\r\n                    cancelable: false\r\n                }));\r\n            });\r\n        const hostTree = render(nodeTree);\r\n        attachUUID(hostTree.element, rawComponentUUID);\r\n        hostTree.hooks.treeUpdated.subcribe((newTrees) => newTrees.forEach(tree => attachUUID(tree.element, rawComponentUUID)));\r\n        return attachFlag({\r\n            mount(to: string | HTMLElement) {\r\n                const targets = typeof to === \"string\" ? [...document.querySelectorAll<HTMLElement>(to)] : [to];\r\n                for (const target of targets) {\r\n                    target.appendChild(hostTree.element);\r\n                }\r\n            },\r\n            on(key: string, handler: (data: unknown) => void) {\r\n                hostTree.on(key, event => event instanceof CustomEvent ? handler(event.detail) : null);\r\n                return this;\r\n            },\r\n            $: hostTree\r\n        }, COMPONENT_INSTANCE);\r\n    };\r\n    return Object.assign(entryRenderer, {\r\n        props: propStore,\r\n        events: options.events\r\n    } as Component<P, E[], S[]>);\r\n}","export type EmptyValue = undefined | null | void | never;\r\nexport type Normalize<T extends Record<string, unknown>> = T extends Record<infer K, infer R> ? Record<K, Required<R>> : never;\r\nexport type Valueof<T> = T[keyof T];\r\nexport type KebabToCamel<S extends string> =\r\n    S extends `${infer First}-${infer Rest}`\r\n    ? `${First}${Capitalize<KebabToCamel<Rest>>}`\r\n    : S;\r\nexport type ObjectToEntryUnion<T> = {\r\n    [K in keyof T]: [K, T[K]];\r\n}[keyof T];\r\n\r\nexport function defineTemplate<T = void>(): T {\r\n    return null as T;\r\n}","import { camelToHyphen } from \"@/util\";\r\n\r\nexport type StyleSet = {\r\n    [K in keyof CSSStyleDeclaration]: (data: string) => StyleSet;\r\n} & {\r\n    rules: Record<keyof CSSStyleDeclaration, string>;\r\n    selector?: string;\r\n    apply(selector?: string): StyleSet;\r\n    ruleString(): string;\r\n    selectorString(selector?: string): string;\r\n};\r\nexport function styleSet(selector?: string) {\r\n    const rules = {} as Record<keyof CSSStyleDeclaration, string>;\r\n    const context: StyleSet = new Proxy({\r\n        rules,\r\n        selector,\r\n        apply(selector) {\r\n            const style = document.createElement(\"style\");\r\n            document.head.appendChild(style);\r\n            style.textContent = `${this.selectorString(selector)}{${this.ruleString()}}`;\r\n        },\r\n        ruleString() {\r\n            return Object.entries(rules).map(([key, value]) => `${camelToHyphen(String(key))}:${value};`).join(\"\");\r\n        },\r\n        selectorString(selector) {\r\n            return ((this.selector || \"\") + (selector || \"\")) || \"*\";\r\n        },\r\n    } as StyleSet, {\r\n        get<P extends string & keyof CSSStyleDeclaration>(target: Record<string, unknown>, p: P, receiver: unknown) {\r\n            if (Reflect.has(target, p)) {\r\n                return Reflect.get(target, p, receiver);\r\n            } else {\r\n                return (data: CSSStyleDeclaration[P]) => {\r\n                    rules[p] = String(data);\r\n                    return context;\r\n                };\r\n            }\r\n        },\r\n    });\r\n    return context;\r\n}","export type EventDescriptor<T = unknown, N extends string = string> = {\r\n    name: N;\r\n} & EventOptions<T>;\r\nexport interface EventOptions<T> {\r\n    bubbleable?: boolean;\r\n    template?: T;\r\n}\r\n\r\nexport function defineEvent<T, N extends string>(name: N, options?: EventOptions<T>): EventDescriptor<T, N> {\r\n    return { name, ...options ?? {} };\r\n}","import { $, createComponent, tree, sync, styleSet, createArray, when, defineEvent, defineTemplate } from \"@\";\r\n\r\nexport default createComponent({ //创建组件\r\n    props: {\r\n        value: { //参数名\r\n            validate: Number.isInteger, //验证器\r\n            transform: Number, //转换器\r\n            required: false, //是否必填\r\n            shadow: 0, //默认值\r\n            downloadable: true, //（上游→下游）\r\n            uploadable: true, //（下游→上游），v-model双向绑定\r\n        }\r\n    },\r\n    events: [\r\n        defineEvent(\"up\", {\r\n            template: defineTemplate<{}>(),\r\n            bubbleable: true\r\n        }),\r\n        defineEvent(\"down\", {\r\n            template: defineTemplate<number>(),\r\n            bubbleable: true\r\n        })\r\n    ]\r\n}, (props, _slot, emit) => {\r\n    const doubled = sync(() => props.value.get() * 2, [props.value]); //computed\r\n    emit(\"down\", 0);\r\n    emit(\"up\", {});\r\n    return tree(\"div\")\r\n        .use(styleSet().fontSize(\"20px\").padding(\"10px\"))\r\n        .append(\r\n            \"敲木鱼\", tree(\"br\"),\r\n            tree(\"button\")\r\n                .on(\"click\", () => props.value.set(props.value.get() + 1)) //参数uploadable，赋值会实时同步到上游\r\n                .append(\"点击加一\"),\r\n            tree(\"button\")\r\n                .on(\"click\", () => props.value.set(props.value.get() - 1))\r\n                .append(\"点击减一\"),\r\n            tree(\"br\"),\r\n            \"当前值：\", $(props.value), //引用响应式的值，类似模板语法{{ count }}\r\n            \"双倍值：\", $(doubled),\r\n            $(sync( //只要是能渲染的东西，就能进行响应式引用\r\n                () => createArray(\r\n                    doubled.get(),\r\n                    () => tree(\"div\").append(\"你点了一下\")\r\n                ),\r\n                [doubled]\r\n            )), //列表渲染v-for\r\n            when(\r\n                () => props.value.get() > 10,\r\n                () => tree(\"p\").append(\"count > 10 时显示\"),\r\n                [props.value]\r\n            ), //条件渲染v-if\r\n        );\r\n});","import {\r\n    $,\r\n    createComponent,\r\n    defineEvent,\r\n    defineSlot,\r\n    defineTemplate,\r\n    rawProperty,\r\n    styleSet,\r\n    sync,\r\n    tree,\r\n    when,\r\n    wrap\r\n} from \"@\";\r\n\r\nexport default createComponent({\r\n    props: {\r\n        items: {\r\n            transform: rawProperty<string[]>(),\r\n            shadow: [\"OptionA\", \"OptionB\", \"OptionC\"]\r\n        },\r\n        value: {\r\n            transform: Number,\r\n            uploadable: true,\r\n            required: true\r\n        }\r\n    },\r\n    events: [\r\n        defineEvent(\"select\", { template: defineTemplate<number>() }),\r\n        defineEvent(\"toggleState\", { template: defineTemplate<boolean>() })\r\n    ],\r\n    styles: [\r\n        styleSet(\".item\")\r\n            .backgroundColor(\"blue\")\r\n            .color(\"white\"),\r\n        styleSet(\".flexdown\")\r\n            .display(\"flex\")\r\n            .flexDirection(\"column\")\r\n    ],\r\n    slots: [\r\n        defineSlot(\"title\", {\r\n            template: defineTemplate<string>(),\r\n        })\r\n    ]\r\n}, (props, slot, emit) => {\r\n    const showing = wrap(false);\r\n    const text = sync(() =>\r\n        props.items.get()[props.value.get()]\r\n        , [props.items, props.value]);\r\n\r\n    const select = (index: number) => {\r\n        props.value.set(index);\r\n        showing.set(false);\r\n        emit(\"select\", props.value.get());\r\n    };\r\n    showing.event.subcribe(e => emit(\"toggleState\", e));\r\n\r\n    return tree(\"div\")\r\n        .class(\"flexdown\")\r\n        .ariaAtomic(\"false\")\r\n        .append(\r\n            tree(\"span\")\r\n                .class(\"item\")\r\n                .use(styleSet().backgroundColor(\"red\"))\r\n                .append(\r\n                    tree(\"div\").append($(text)),\r\n                    slot.title(text)\r\n                )\r\n                .on(\"click\", () => showing.set(!showing.get())),\r\n            when(showing, () =>\r\n                tree(\"div\")\r\n                    .class(\"flexdown\")\r\n                    .append(\r\n                        $(sync(() =>\r\n                            props.items.get().map((label, index) =>\r\n                                tree(\"span\")\r\n                                    .class(\"item\")\r\n                                    .append(label)\r\n                                    .on(\"click\", () => select(index))\r\n                            ), [props.items]))\r\n                    )\r\n            )\r\n        );\r\n});","import Counter from \"./Counter\";\r\nimport Selector from \"./Selector\";\r\n\r\nexport default { Counter, Selector };","export * from \"./channel\";\r\nexport * from \"./dom\";\r\nexport * from \"./util\";\r\n\r\nexport * as assets from \"./assets\";\r\nexport { default as examples } from \"./examples\";\r\n\r\nif (window.__NINE_ENV__?.mode === \"development\") {\r\n    console.warn(\"[Nine-9] Initialized in development mode.\");\r\n}","import { $, tree, wrap, examples } from \"@\";\r\n\r\nconst value = wrap(0);\r\nvalue.event.subcribe((e) => console.log(\"下游更新：\", e));\r\n\r\nexamples.Selector({ value }, {\r\n    title: (text) => tree(\"span\").append(\"当前选项的label：\", $(text))\r\n})\r\n    .on(\"select\", e => console.log(\"当前选项：\", e))\r\n    .on(\"toggleState\", e => console.log(\"当前是否开关：\", e))\r\n    .mount(\"#app\");\r\n"],"mappings":"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","names":["child","children","styleSet","value","data","tree","render","value","styleSet","tree","selector","value"]}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "nine-9",
-    "version": "1.8.1",
+    "version": "1.9.0",
     "description": "一个轻量、高性能、类型安全的 Vanilla DOM 响应式 UI 框架。",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",