@dooboostore/simple-web-component 1.0.22 → 1.0.23

package/README.md

@@ -312,56 +312,119 @@ class ReactiveInput extends HTMLElement {
 }
 ```
 
-#### 12. `@setAttribute(name, options?)`
-Reflect method's return value to a DOM attribute. One-way binding (class → DOM).
+#### 12. `@setAttribute(selector, name, options?)`
+Reflect method's return value to a target element's DOM attribute. One-way binding (class → DOM).
 
 ```typescript
 @elementDefine('status-badge')
 class StatusBadge extends HTMLElement {
   private status: 'active' | 'inactive' | 'pending' = 'pending';
+  private items: any[] = [];
 
-  // Reflect status to DOM attribute
-  @setAttribute('data-status')
+  // Reflect status to host element's data-status attribute
+  @setAttribute(':host', 'data-status')
   getStatus() {
     return this.status;
   }
 
-  // Reflect computed data to attribute
-  @setAttribute('count')
+  // Reflect computed data to specific element
+  @setAttribute('#count-display', 'data-count')
   getItemCount() {
-    return this.getItems().length.toString();
+    return this.items.length.toString();
   }
 
-  // Reflect to Shadow DOM element
-  @setAttribute('aria-label', { root: 'shadow' })
+  // Reflect to Shadow DOM element's aria-label
+  @setAttribute('.badge-label', 'aria-label', { root: 'shadow' })
   getAriaLabel() {
     return `Status is ${this.status}`;
   }
 
-  private getItems() {
-    return [];
-  }
-
   @onConnectedInnerHtml
   render() {
     return `
-      <div class="badge" data-status="${this.status}">
-        Status: ${this.status}
+      <div data-status="${this.status}">
+        <span class="badge-label">Status: ${this.status}</span>
+        <span id="count-display" data-count="${this.items.length}">Items: ${this.items.length}</span>
       </div>
     `;
   }
 
-  // Change status and update DOM
+  // Change status and update DOM attributes
   setStatus(newStatus: typeof this.status) {
     this.status = newStatus;
-    this.getStatus(); // Triggers @setAttribute update
+    this.getStatus();        // Updates :host[data-status]
+    this.getItemCount();     // Updates #count-display[data-count]
+    this.getAriaLabel();     // Updates .badge-label[aria-label]
   }
 }
 ```
 
+**Signature:**
+- `@setAttribute(selector, attributeName, options?)`
+- Returns method's value → reflects to target's attribute
+
+**Selectors:**
+- `':host'` - The component itself
+- `'#element-id'` - Element by ID
+- `'.class-name'` - Element by class
+- `selector` - Any CSS selector
+
+#### 12b. `@setAttributeHost(name, options?)` - Shorthand for `:host`
+Simplified version of `@setAttribute` that always targets `:host`.
+
+```typescript
+@elementDefine('counter')
+class Counter extends HTMLElement {
+  private count = 0;
+
+  // Equivalent to @setAttribute(':host', 'aria-label')
+  @setAttributeHost('aria-label')
+  getAriaLabel() {
+    return `Count is ${this.count}`;
+  }
+
+  @setAttributeHost('data-count')
+  getCountValue() {
+    return this.count.toString();
+  }
+
+  @setAttributeHost('aria-disabled')
+  getDisabledState() {
+    return (this.count >= 10).toString();
+  }
+
+  @onConnectedInnerHtml
+  render() {
+    return `
+      <div>
+        <p>Count: ${this.count}</p>
+        <button swc-on-click="$host.increment()">+</button>
+      </div>
+    `;
+  }
+
+  increment() {
+    this.count++;
+    this.getAriaLabel();      // Updates :host[aria-label]
+    this.getCountValue();     // Updates :host[data-count]
+    this.getDisabledState();  // Updates :host[aria-disabled]
+  }
+}
+```
+
+**Usage:**
+```typescript
+// Full form
+@setAttribute(':host', 'data-status')
+// vs
+// Shorthand for :host
+@setAttributeHost('data-status')
+```
+
 **Key Differences:**
 - **`@attributeHost`** - Two-way binding: DOM ↔ Class (Bidirectional)
-- **`@setAttribute`** - One-way binding: Class → DOM (Method return reflects to attribute)
+- **`@setAttribute`** - One-way binding: Class → DOM (Any selector)
+- **`@setAttributeHost`** - One-way binding: Class → DOM (`:host` only)
 - **`@changedAttributeHost`** - Watch DOM attribute changes (Reactive handler)
 
 **Options:**
@@ -425,6 +488,62 @@ class ListRenderer extends HTMLElement {
 }
 ```
 
+#### 14b. Removing Elements via `null` or `undefined`
+Both `@query` and `@queryAll` support element removal by setting the property to `null` or `undefined`. This triggers automatic removal of the matching element(s).
+
+```typescript
+@elementDefine('todo-list')
+class TodoList extends HTMLElement {
+  @query('.notification') notification?: HTMLElement;
+  @queryAll('.todo-item') todoItems?: HTMLElement[];
+
+  removeNotification() {
+    // Setting to null triggers automatic removal
+    this.notification = null;
+  }
+
+  removeTodoItem(id: string) {
+    // Find and remove a specific todo item
+    const item = this.querySelector(`[data-id="${id}"]`);
+    if (item) {
+      // Setting @query to null removes the element from DOM
+      this.notification = null;
+    }
+  }
+
+  clearAllTodos() {
+    // Setting @queryAll to null/undefined removes all matching elements
+    this.todoItems = null;  // Removes all .todo-item elements
+  }
+
+  @onConnectedInnerHtml
+  render() {
+    return `
+      <div class="notification">New todos available!</div>
+      <ul>
+        <li class="todo-item" data-id="1">Task 1</li>
+        <li class="todo-item" data-id="2">Task 2</li>
+        <li class="todo-item" data-id="3">Task 3</li>
+      </ul>
+      <button swc-on-click="$host.removeNotification()">Clear Notification</button>
+      <button swc-on-click="$host.clearAllTodos()">Clear All Tasks</button>
+    `;
+  }
+}
+```
+
+**Removal Rules:**
+- `@query`: Setting to `null` or `undefined` removes the single element
+- `@queryAll`: Setting to `null` or `undefined` removes all matching elements
+- Special selectors (`:host`, `:window`, `:document`, etc.) are **NOT removed** (protected)
+- Only affects Light DOM by default; use `{ root: 'shadow' }` to remove from Shadow DOM
+
+**Use Cases:**
+- Close notification banners
+- Clear dynamic list items
+- Remove temporary overlays
+- Clean up modal dialogs
+
 ---
 
 ### Event & Messaging Decorators
@@ -571,6 +690,7 @@ Surgically add, update, or replace DOM nodes at specific positions.
 @elementDefine('counter-display')
 class CounterDisplay extends HTMLElement {
   private count = 0;
+  private errorMessage = '';
 
   // Replace all children with new content
   @applyNode('#display', { position: 'replaceChildren' })
@@ -596,6 +716,12 @@ class CounterDisplay extends HTMLElement {
     return this.count.toString();
   }
 
+  // Remove element if condition is truthy
+  @applyNode('#error-banner', { position: 'remove' })
+  dismissError() {
+    return this.errorMessage === '';  // Remove if no error
+  }
+
   @onConnectedInnerHtml
   render() {
     return `
@@ -604,6 +730,7 @@ class CounterDisplay extends HTMLElement {
       <div id="status"></div>
       <button swc-on-click="$host.count++; $host.updateDisplayCount?.()">+</button>
       <div id="history"></div>
+      <div id="error-banner" style="display: ${this.errorMessage ? 'block' : 'none'};"></div>
     `;
   }
 }
@@ -618,12 +745,207 @@ class CounterDisplay extends HTMLElement {
 - `'replaceChildren'` - Replace all children
 - `'innerHtml'` - Set `innerHTML`
 - `'innerText'` - Set `innerText`
+- `'remove'` - Remove element if returned value is truthy
+
+**Root Option:**
+Control which DOM tree is searched with the `root` option:
+- `'auto'` (default) - Search shadow DOM first, then light DOM
+- `'shadow'` - Search only shadow DOM
+- `'light'` - Search only light DOM
+- `'all'` - Search all ancestors
+
+#### Convenience Decorators
+
+Shorthand decorators for common position-specific operations:
+
+**Position-Specific Variants:**
+```typescript
+@applyBeforeBeginNode('#target') prependTarget() { return `<div>Before</div>`; }
+@applyAfterBeginNode('#target') afterBeginTarget() { return `<div>After Begin</div>`; }
+@applyBeforeEndNode('#target') beforeEndTarget() { return `<div>Before End</div>`; }
+@applyAfterEndNode('#target') afterEndTarget() { return `<div>After</div>`; }
+@applyReplaceNode('#target') replaceTarget() { return `<div>Replaced</div>`; }
+@applyReplaceChildrenNode('#target') replaceChildrenTarget() { return `<div>New Children</div>`; }
+@applyInnerHtmlNode('#target') setInnerHtml() { return `<b>Bold</b>`; }
+@applyInnerTextNode('#target') setInnerText() { return 'Plain text'; }
+@applyRemoveNode('#target') removeTarget() { return true; }
+```
+
+**Host-Targeted Variants (`:host` selector):**
+```typescript
+@applyBeforeBeginNodeHost() prependHost() { return `<div>Before Host</div>`; }
+@applyAfterBeginNodeHost() afterBeginHost() { return `<div>After Begin</div>`; }
+@applyBeforeEndNodeHost() beforeEndHost() { return `<div>Before End</div>`; }
+@applyAfterEndNodeHost({ root: 'shadow' }) afterEndHost() { return `<div>After Host</div>`; }
+@applyReplaceNodeHost() replaceHost() { return `<div>Replaced Host</div>`; }
+@applyReplaceChildrenNodeHost() replaceChildrenHost() { return `<div>Shadow Children</div>`; }
+@applyInnerHtmlNodeHost() setHostInnerHtml() { return `<b>Host Content</b>`; }
+@applyInnerTextNodeHost() setHostInnerText() { return 'Host text'; }
+@applyRemoveNodeHost() removeHost() { return this.shouldRemove; }
+```
+
+---
+
+#### 18. `@setStyle(selector, options?)` / `@updateStyle(selector, options?)` / `@removeStyle(selector, options?)`
+
+Manipulate CSS styles on elements with full Shadow DOM support.
+
+**Core Features:**
+- `@setStyle` - Set inline style (replaces all)
+- `@updateStyle` - Merge with existing styles
+- `@removeStyle` - Remove specific properties
+- `root` option for Shadow DOM / Light DOM targeting
+- Support for multiple elements with `querySelectorAll`
+
+```typescript
+@elementDefine('styled-component')
+class StyledComponent extends HTMLElement {
+  private isActive = false;
+
+  @setStyle('.button', { root: 'shadow' })
+  setPrimaryButtonStyle() {
+    return {
+      backgroundColor: '#0066cc',
+      color: 'white',
+      padding: '10px 20px',
+      border: 'none',
+      borderRadius: '4px'
+    };
+  }
+
+  @updateStyle('.button', { root: 'shadow' })
+  highlightButton() {
+    return {
+      boxShadow: '0 0 10px rgba(0, 102, 204, 0.5)',
+      transform: 'scale(1.05)'
+    };
+  }
+
+  @removeStyle('.button', { root: 'shadow' })
+  clearHighlight() {
+    return ['boxShadow', 'transform'];
+  }
+
+  @onConnectedInnerHtml({ useShadow: true })
+  render() {
+    return `
+      <style>
+        .button { cursor: pointer; transition: all 0.2s; }
+      </style>
+      <button class="button">Styled</button>
+    `;
+  }
+}
+```
+
+**Host-Targeted Variants:**
+```typescript
+@setStyleHost({ root: 'shadow' })
+setHostStyle() {
+  return { display: 'flex', gap: '10px' };
+}
+
+@updateStyleHost({ root: 'shadow' })
+updateHostStyle() {
+  return { backgroundColor: '#f0f0f0' };
+}
+
+@removeStyleHost({ root: 'shadow' })
+clearHostStyle() {
+  return ['backgroundColor'];
+}
+```
+
+---
+
+#### 19. `@setClassList(selector, options?)` / `@addClassList(selector, options?)` / `@removeClassList(selector, options?)` / `@toggleClassList(selector, options?)` / `@updateClassList(selector, options?)`
+
+Manipulate CSS classes on elements declaratively with Shadow DOM support.
+
+**Core Features:**
+- `@addClassList` - Add classes
+- `@removeClassList` - Remove classes
+- `@toggleClassList` - Toggle classes (returns boolean or bool array)
+- `@setClassList` - Replace all classes
+- `@updateClassList` - Merge with existing classes
+- `root` option for DOM layer targeting
+- Support for multiple elements
+
+```typescript
+@elementDefine('tab-component')
+class TabComponent extends HTMLElement {
+  activeTab = 'home';
+
+  @addClassList('.tab', { root: 'shadow' })
+  addTabClasses() {
+    return ['interactive', 'focusable'];
+  }
+
+  @toggleClassList('.tab', { root: 'shadow' })
+  toggleActiveTab() {
+    return this.activeTab === 'home';  // Returns boolean for all matched elements
+  }
+
+  @removeClassList('.tab-inactive', { root: 'shadow' })
+  removeInactiveClass() {
+    return ['disabled'];
+  }
+
+  @setClassList('.tab-pane', { root: 'shadow' })
+  updateTabPane() {
+    return [`pane-${this.activeTab}`, 'content'];
+  }
+
+  @onConnectedInnerHtml({ useShadow: true })
+  render() {
+    return `
+      <style>
+        .tab { cursor: pointer; padding: 10px; }
+        .tab.active { border-bottom: 2px solid blue; }
+      </style>
+      <div class="tabs">
+        <div class="tab" swc-on-click="$host.activeTab='home'; $host.toggleActiveTab?.();">Home</div>
+        <div class="tab" swc-on-click="$host.activeTab='about'; $host.toggleActiveTab?.();">About</div>
+      </div>
+      <div class="tab-pane">Content here</div>
+    `;
+  }
+}
+```
+
+**Host-Targeted Variants:**
+```typescript
+@addClassListHost({ root: 'shadow' })
+addHostClasses() {
+  return ['component', 'interactive'];
+}
+
+@removeClassListHost({ root: 'shadow' })
+removeHostClasses() {
+  return ['loading'];
+}
+
+@toggleClassListHost({ root: 'shadow' })
+toggleHostClass() {
+  return this.isOpen;  // Apply 'open' class if true
+}
+
+@setClassListHost({ root: 'shadow' })
+setHostClasses() {
+  return this.isOpen ? ['open', 'expanded'] : ['closed'];
+}
+
+@updateClassListHost({ root: 'shadow' })
+updateHostClasses() {
+  return ['visible'];
+}
+```
 
 ---
 
 ### Dependency Injection & Singleton
 
-#### 18. `@Sim`
+#### 20. `@Sim`
 Marks a class as a **Singleton** in the `<swc-app>` DI container for **constructor injection**.
 
 **Two DI Mechanisms:**
@@ -1270,6 +1592,26 @@ class TextRenderer extends HTMLElement {
 }
 ```
 
+### 2b. `commentNode` - HTML Comments
+
+Create HTML comment nodes (useful for debugging, markers, or template documentation).
+
+```typescript
+@elementDefine('debug-component')
+class DebugComponent extends HTMLElement {
+  @appendChild('#debug-area')
+  addDebugComment(message: string) {
+    // Create HTML comment node
+    return commentNode`DEBUG: ${message} at ${new Date().toISOString()}`;
+  }
+
+  @onConnectedInnerHtml
+  render() {
+    return `<div id="debug-area"></div>`;
+  }
+}
+```
+
 ### 3. Element Factories (`html***Element`)
 
 Specific factories for common tags. Each returns a **typed element instance**.

package/dist/cjs/decorators/applyNode.js

@@ -18,8 +18,26 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var applyNode_exports = {};
 __export(applyNode_exports, {
   APPLY_NODE_METADATA_KEY: () => APPLY_NODE_METADATA_KEY,
+  applyAfterBeginNode: () => applyAfterBeginNode,
+  applyAfterBeginNodeHost: () => applyAfterBeginNodeHost,
+  applyAfterEndNode: () => applyAfterEndNode,
+  applyAfterEndNodeHost: () => applyAfterEndNodeHost,
+  applyBeforeBeginNode: () => applyBeforeBeginNode,
+  applyBeforeBeginNodeHost: () => applyBeforeBeginNodeHost,
+  applyBeforeEndNode: () => applyBeforeEndNode,
+  applyBeforeEndNodeHost: () => applyBeforeEndNodeHost,
+  applyInnerHtmlNode: () => applyInnerHtmlNode,
+  applyInnerHtmlNodeHost: () => applyInnerHtmlNodeHost,
+  applyInnerTextNode: () => applyInnerTextNode,
+  applyInnerTextNodeHost: () => applyInnerTextNodeHost,
   applyNode: () => applyNode,
   applyNodeHost: () => applyNodeHost,
+  applyRemoveNode: () => applyRemoveNode,
+  applyRemoveNodeHost: () => applyRemoveNodeHost,
+  applyReplaceChildrenNode: () => applyReplaceChildrenNode,
+  applyReplaceChildrenNodeHost: () => applyReplaceChildrenNodeHost,
+  applyReplaceNode: () => applyReplaceNode,
+  applyReplaceNodeHost: () => applyReplaceNodeHost,
   findAllApplyNodeMetadata: () => findAllApplyNodeMetadata
 });
 module.exports = __toCommonJS(applyNode_exports);
@@ -51,32 +69,70 @@ function applyNode(selector, options = { position: "beforeEnd" }) {
         const conf = (0, import_elementDefine.getElementConfig)(this);
         const currentWin = this._resolveWindow?.(conf) || (typeof window !== "undefined" ? window : void 0);
         const currentDoc = currentWin.document;
-        let targetEl = null;
-        if (selector === ":host" || !selector) {
-          targetEl = this;
+        const pos = options.position || "beforeEnd";
+        const r = options.root || "auto";
+        const getTargetRoot = () => {
+          if (r === "shadow")
+            return this.shadowRoot;
+          if (r === "light")
+            return this;
+          if (r === "all")
+            return this.shadowRoot || this;
+          return this.shadowRoot || this;
+        };
+        if (pos === "remove") {
+          if (res) {
+            if (selector === ":host" || !selector) {
+              if (r === "shadow" && this.shadowRoot) {
+                this.shadowRoot.replaceChildren();
+              } else {
+                this.remove();
+              }
+            } else {
+              const targetRoot = getTargetRoot();
+              if (targetRoot) {
+                const targets = targetRoot.querySelectorAll(selector);
+                targets.forEach((el) => el.remove());
+              }
+            }
+          }
         } else {
-          targetEl = (this.shadowRoot || this).querySelector(selector);
-        }
-        if (targetEl) {
-          const nodes = normalizeNodes(res, currentDoc);
-          const pos = options.position || "beforeEnd";
-          if (pos === "replace") {
-            targetEl.replaceWith(...nodes);
-          } else if (pos === "replaceChildren") {
-            targetEl.replaceChildren(...nodes);
-          } else if (pos === "innerHtml") {
-            targetEl.innerHTML = res !== void 0 && res !== null ? String(res) : "";
-          } else if (pos === "innerText") {
-            targetEl.innerText = res !== void 0 && res !== null ? String(res) : "";
+          let targetEl = null;
+          if (selector === ":host" || !selector) {
+            if (r === "shadow") {
+              targetEl = this.shadowRoot;
+            } else {
+              targetEl = this;
+            }
           } else {
-            if (pos === "beforeEnd")
-              targetEl.append(...nodes);
-            else if (pos === "afterBegin")
-              targetEl.prepend(...nodes);
-            else if (pos === "beforeBegin")
-              targetEl.before(...nodes);
-            else if (pos === "afterEnd")
-              targetEl.after(...nodes);
+            const targetRoot = getTargetRoot();
+            targetEl = targetRoot ? targetRoot.querySelector(selector) : null;
+          }
+          if (targetEl) {
+            const isShadowRoot = targetEl instanceof ShadowRoot;
+            const nodes = normalizeNodes(res, currentDoc);
+            if (pos === "replace") {
+              if (!isShadowRoot) {
+                targetEl.replaceWith(...nodes);
+              }
+            } else if (pos === "replaceChildren") {
+              targetEl.replaceChildren(...nodes);
+            } else if (pos === "innerHtml") {
+              targetEl.innerHTML = res !== void 0 && res !== null ? String(res) : "";
+            } else if (pos === "innerText") {
+              if (targetEl.innerText !== void 0) {
+                targetEl.innerText = res !== void 0 && res !== null ? String(res) : "";
+              }
+            } else {
+              if (pos === "beforeEnd")
+                targetEl.append(...nodes);
+              else if (pos === "afterBegin")
+                targetEl.prepend(...nodes);
+              else if (pos === "beforeBegin" && !isShadowRoot)
+                targetEl.before(...nodes);
+              else if (pos === "afterEnd" && !isShadowRoot)
+                targetEl.after(...nodes);
+            }
           }
         }
       }
@@ -97,4 +153,22 @@ const findAllApplyNodeMetadata = (target) => {
 function applyNodeHost(options = { position: "beforeEnd" }) {
   return applyNode(":host", options);
 }
+const applyBeforeBeginNode = (selector, options = {}) => applyNode(selector, { ...options, position: "beforeBegin" });
+const applyAfterBeginNode = (selector, options = {}) => applyNode(selector, { ...options, position: "afterBegin" });
+const applyBeforeEndNode = (selector, options = {}) => applyNode(selector, { ...options, position: "beforeEnd" });
+const applyAfterEndNode = (selector, options = {}) => applyNode(selector, { ...options, position: "afterEnd" });
+const applyReplaceNode = (selector, options = {}) => applyNode(selector, { ...options, position: "replace" });
+const applyReplaceChildrenNode = (selector, options = {}) => applyNode(selector, { ...options, position: "replaceChildren" });
+const applyInnerHtmlNode = (selector, options = {}) => applyNode(selector, { ...options, position: "innerHtml" });
+const applyInnerTextNode = (selector, options = {}) => applyNode(selector, { ...options, position: "innerText" });
+const applyRemoveNode = (selector, options = {}) => applyNode(selector, { ...options, position: "remove" });
+const applyBeforeBeginNodeHost = (options = {}) => applyNode(":host", { ...options, position: "beforeBegin" });
+const applyAfterBeginNodeHost = (options = {}) => applyNode(":host", { ...options, position: "afterBegin" });
+const applyBeforeEndNodeHost = (options = {}) => applyNode(":host", { ...options, position: "beforeEnd" });
+const applyAfterEndNodeHost = (options = {}) => applyNode(":host", { ...options, position: "afterEnd" });
+const applyReplaceNodeHost = (options = {}) => applyNode(":host", { ...options, position: "replace" });
+const applyReplaceChildrenNodeHost = (options = {}) => applyNode(":host", { ...options, position: "replaceChildren" });
+const applyInnerHtmlNodeHost = (options = {}) => applyNode(":host", { ...options, position: "innerHtml" });
+const applyInnerTextNodeHost = (options = {}) => applyNode(":host", { ...options, position: "innerText" });
+const applyRemoveNodeHost = (options = {}) => applyNode(":host", { ...options, position: "remove" });
 //# sourceMappingURL=applyNode.js.map

package/dist/cjs/decorators/applyNode.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/applyNode.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { ensureInit, getElementConfig } from './elementDefine';\n\nexport type ApplyNodePosition = 'beforeBegin' | 'afterBegin' | 'beforeEnd' | 'afterEnd' | 'replace' | 'replaceChildren' | 'innerHtml' | 'innerText';\n\nexport interface ApplyNodeOptions {\n  position?: ApplyNodePosition;\n}\n\nexport interface ApplyNodeMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  options: ApplyNodeOptions;\n}\n\nexport const APPLY_NODE_METADATA_KEY = Symbol('simple-web-component:apply-node');\n\nconst normalizeNodes = (res: any, doc: Document): Node[] => {\n  const items = Array.isArray(res) ? res : [res];\n  return items.map(it => {\n    if (it instanceof Node) return it;\n    return doc.createTextNode(it !== undefined && it !== null ? String(it) : '');\n  });\n};\n\n/**\n * @applyNode decorator to surgically add/replace nodes to a target element.\n * \n * Usage examples:\n *   @applyNode('#list') addItem() { return '<li>New Item</li>'; }  // append at end\n *   @applyNode('#header', { position: 'afterBegin' }) prependItem() { return '<h1>Title</h1>'; }  // prepend at start\n *   @applyNode('#item', { position: 'replace' }) replaceItem() { return '<div>Replaced</div>'; }  // replace element\n *   @applyNode('#list', { position: 'replaceChildren' }) updateList() { return [item1, item2]; }  // replace all children\n * \n * Positions:\n *   - 'beforeEnd' (default): Append at end of target\n *   - 'afterBegin': Prepend at start of target\n *   - 'beforeBegin': Insert before target\n *   - 'afterEnd': Insert after target\n *   - 'replace': Replace the entire target element\n *   - 'replaceChildren': Replace all children of target element\n *   - 'innerHtml': Set target's innerHTML\n *   - 'innerText': Set target's innerText\n */\nexport function applyNode(selector: string, options: ApplyNodeOptions = { position: 'beforeEnd' }): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n    const constructor = target.constructor;\n    let metaList = ReflectUtils.getOwnMetadata(APPLY_NODE_METADATA_KEY, constructor) as Map<string | symbol, ApplyNodeMetadata>;\n    if (!metaList) {\n      metaList = new Map<string | symbol, ApplyNodeMetadata>();\n      ReflectUtils.defineMetadata(APPLY_NODE_METADATA_KEY, metaList, constructor);\n    }\n    metaList.set(propertyKey, { propertyKey, selector, options });\n\n    const original = descriptor.value;\n    descriptor.value = async function (...args: any[]) {\n      ensureInit(this);\n      const res = await original.apply(this, args);\n      if (res !== undefined) {\n        const conf = getElementConfig(this);\n        const currentWin = (this as any)._resolveWindow?.(conf) || ((typeof window !== 'undefined' ? window : undefined) as Window);\n        const currentDoc = currentWin.document;\n\n        let targetEl: HTMLElement | null = null;\n        if (selector === ':host' || !selector) {\n          targetEl = this as any;\n        } else {\n          targetEl = (this.shadowRoot || (this as any)).querySelector(selector);\n        }\n\n        if (targetEl) {\n          const nodes = normalizeNodes(res, currentDoc);\n          const pos = options.position || 'beforeEnd';\n\n          if (pos === 'replace') {\n            // Replace the entire target element with new nodes\n            targetEl.replaceWith(...nodes);\n          } else if (pos === 'replaceChildren') {\n            // Replace all children of target element\n            targetEl.replaceChildren(...nodes);\n          } else if (pos === 'innerHtml') {\n            // Set innerHTML\n            targetEl.innerHTML = res !== undefined && res !== null ? String(res) : '';\n          } else if (pos === 'innerText') {\n            // Set innerText\n            targetEl.innerText = res !== undefined && res !== null ? String(res) : '';\n          } else {\n            /*\n                  <!-- beforebegin -->\n                  <p>\n                    <!-- afterbegin -->\n                    foo\n                    <!-- beforeend -->\n                  </p>\n                  <!-- afterend -->\n             */\n            if (pos === 'beforeEnd') targetEl.append(...nodes);\n            else if (pos === 'afterBegin') targetEl.prepend(...nodes);\n            else if (pos === 'beforeBegin') targetEl.before(...nodes);\n            else if (pos === 'afterEnd') targetEl.after(...nodes);\n          }\n        }\n      }\n      return res;\n    };\n  };\n}\n\nexport const findAllApplyNodeMetadata = (target: any): Map<string | symbol, ApplyNodeMetadata> => {\n  const result = new Map<string | symbol, ApplyNodeMetadata>();\n  const maps = ReflectUtils.findAllMetadata<Map<string | symbol, ApplyNodeMetadata>>(APPLY_NODE_METADATA_KEY, target);\n  maps.forEach(map => {\n    if (map instanceof Map) {\n      map.forEach((v, k) => result.set(k, v));\n    }\n  });\n  return result;\n};\n\n/**\n * @applyNodeHost decorator - simplified version of @applyNode for :host selector\n * Usage: @applyNodeHost() addItem() { return '<li>New Item</li>'; }\n * Usage: @applyNodeHost({ position: 'afterBegin' }) prependItem() { return '<h1>Title</h1>'; }\n */\nexport function applyNodeHost(options: ApplyNodeOptions = { position: 'beforeEnd' }): MethodDecorator {\n  return applyNode(':host', options);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;;;;;;;;kBAA6B;AAC7B,2BAA6C;AActC,MAAM,0BAA0B,OAAO,iCAAiC;AAE/E,MAAM,iBAAiB,CAAC,KAAU,QAAyB;AACzD,QAAM,QAAQ,MAAM,QAAQ,GAAG,IAAI,MAAM,CAAC,GAAG;AAC7C,SAAO,MAAM,IAAI,QAAK;AACpB,QAAI,cAAc;AAAM,aAAO;AAC/B,WAAO,IAAI,eAAe,OAAO,UAAa,OAAO,OAAO,OAAO,EAAE,IAAI,EAAE;EAC7E,CAAC;AACH;AAqBM,SAAU,UAAU,UAAkB,UAA4B,EAAE,UAAU,YAAW,GAAE;AAC/F,SAAO,CAAC,QAAgB,aAA8B,eAAkC;AACtF,UAAM,cAAc,OAAO;AAC3B,QAAI,WAAW,yBAAa,eAAe,yBAAyB,WAAW;AAC/E,QAAI,CAAC,UAAU;AACb,iBAAW,oBAAI,IAAG;AAClB,+BAAa,eAAe,yBAAyB,UAAU,WAAW;IAC5E;AACA,aAAS,IAAI,aAAa,EAAE,aAAa,UAAU,QAAO,CAAE;AAE5D,UAAM,WAAW,WAAW;AAC5B,eAAW,QAAQ,kBAAmB,MAAW;AAC/C,2CAAW,IAAI;AACf,YAAM,MAAM,MAAM,SAAS,MAAM,MAAM,IAAI;AAC3C,UAAI,QAAQ,QAAW;AACrB,cAAM,WAAO,uCAAiB,IAAI;AAClC,cAAM,aAAc,KAAa,iBAAiB,IAAI,MAAO,OAAO,WAAW,cAAc,SAAS;AACtG,cAAM,aAAa,WAAW;AAE9B,YAAI,WAA+B;AACnC,YAAI,aAAa,WAAW,CAAC,UAAU;AACrC,qBAAW;QACb,OAAO;AACL,sBAAY,KAAK,cAAe,MAAc,cAAc,QAAQ;QACtE;AAEA,YAAI,UAAU;AACZ,gBAAM,QAAQ,eAAe,KAAK,UAAU;AAC5C,gBAAM,MAAM,QAAQ,YAAY;AAEhC,cAAI,QAAQ,WAAW;AAErB,qBAAS,YAAY,GAAG,KAAK;UAC/B,WAAW,QAAQ,mBAAmB;AAEpC,qBAAS,gBAAgB,GAAG,KAAK;UACnC,WAAW,QAAQ,aAAa;AAE9B,qBAAS,YAAY,QAAQ,UAAa,QAAQ,OAAO,OAAO,GAAG,IAAI;UACzE,WAAW,QAAQ,aAAa;AAE9B,qBAAS,YAAY,QAAQ,UAAa,QAAQ,OAAO,OAAO,GAAG,IAAI;UACzE,OAAO;AAUL,gBAAI,QAAQ;AAAa,uBAAS,OAAO,GAAG,KAAK;qBACxC,QAAQ;AAAc,uBAAS,QAAQ,GAAG,KAAK;qBAC/C,QAAQ;AAAe,uBAAS,OAAO,GAAG,KAAK;qBAC/C,QAAQ;AAAY,uBAAS,MAAM,GAAG,KAAK;UACtD;QACF;MACF;AACA,aAAO;IACT;EACF;AACF;AAEO,MAAM,2BAA2B,CAAC,WAAwD;AAC/F,QAAM,SAAS,oBAAI,IAAG;AACtB,QAAM,OAAO,yBAAa,gBAAyD,yBAAyB,MAAM;AAClH,OAAK,QAAQ,SAAM;AACjB,QAAI,eAAe,KAAK;AACtB,UAAI,QAAQ,CAAC,GAAG,MAAM,OAAO,IAAI,GAAG,CAAC,CAAC;IACxC;EACF,CAAC;AACD,SAAO;AACT;AAOM,SAAU,cAAc,UAA4B,EAAE,UAAU,YAAW,GAAE;AACjF,SAAO,UAAU,SAAS,OAAO;AACnC;",
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { ensureInit, getElementConfig } from './elementDefine';\nimport { SwcRootType } from '../types';\n\nexport type ApplyNodePosition = 'beforeBegin' | 'afterBegin' | 'beforeEnd' | 'afterEnd' | 'replace' | 'replaceChildren' | 'innerHtml' | 'innerText' | 'remove';\n\nexport interface ApplyNodeOptions {\n  position?: ApplyNodePosition;\n  root?: SwcRootType;\n}\n\nexport interface ApplyNodeMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  options: ApplyNodeOptions;\n}\n\nexport const APPLY_NODE_METADATA_KEY = Symbol('simple-web-component:apply-node');\n\nconst normalizeNodes = (res: any, doc: Document): Node[] => {\n  const items = Array.isArray(res) ? res : [res];\n  return items.map(it => {\n    if (it instanceof Node) return it;\n    return doc.createTextNode(it !== undefined && it !== null ? String(it) : '');\n  });\n};\n\n/**\n * @applyNode decorator to surgically add/replace nodes to a target element.\n * \n * Usage examples:\n *   @applyNode('#list') addItem() { return '<li>New Item</li>'; }  // append at end\n *   @applyNode('#header', { position: 'afterBegin' }) prependItem() { return '<h1>Title</h1>'; }  // prepend at start\n *   @applyNode('#item', { position: 'replace' }) replaceItem() { return '<div>Replaced</div>'; }  // replace element\n *   @applyNode('#list', { position: 'replaceChildren' }) updateList() { return [item1, item2]; }  // replace all children\n *   @applyNode('#notification', { position: 'remove' }) dismissNotification() { return shouldDismiss; }  // remove if truthy\n *   @applyNode('.items', { position: 'remove', root: 'shadow' }) clearItems() { return true; }  // remove shadow DOM elements\n * \n * Positions:\n *   - 'beforeEnd' (default): Append at end of target\n *   - 'afterBegin': Prepend at start of target\n *   - 'beforeBegin': Insert before target\n *   - 'afterEnd': Insert after target\n *   - 'replace': Replace the entire target element\n *   - 'replaceChildren': Replace all children of target element\n *   - 'innerHtml': Set target's innerHTML\n *   - 'innerText': Set target's innerText\n *   - 'remove': Remove target element if returned value is truthy\n * \n * Root Options:\n *   - 'auto' (default): Search shadow DOM first, then light DOM\n *   - 'shadow': Search only in shadow DOM\n *   - 'light': Search only in light DOM\n *   - 'all': Use both (shadow preferred for query, both for remove)\n */\nexport function applyNode(selector: string, options: ApplyNodeOptions = { position: 'beforeEnd' }): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n    const constructor = target.constructor;\n    let metaList = ReflectUtils.getOwnMetadata(APPLY_NODE_METADATA_KEY, constructor) as Map<string | symbol, ApplyNodeMetadata>;\n    if (!metaList) {\n      metaList = new Map<string | symbol, ApplyNodeMetadata>();\n      ReflectUtils.defineMetadata(APPLY_NODE_METADATA_KEY, metaList, constructor);\n    }\n    metaList.set(propertyKey, { propertyKey, selector, options });\n\n    const original = descriptor.value;\n    descriptor.value = async function (...args: any[]) {\n      ensureInit(this);\n      const res = await original.apply(this, args);\n      if (res !== undefined) {\n        const conf = getElementConfig(this);\n        const currentWin = (this as any)._resolveWindow?.(conf) || ((typeof window !== 'undefined' ? window : undefined) as Window);\n        const currentDoc = currentWin.document;\n\n        const pos = options.position || 'beforeEnd';\n        const r = options.root || 'auto';\n\n        const getTargetRoot = () => {\n          if (r === 'shadow') return this.shadowRoot;\n          if (r === 'light') return this as any;\n          if (r === 'all') return this.shadowRoot || (this as any);\n          return this.shadowRoot || (this as any); // auto\n        };\n\n        if (pos === 'remove') {\n          // Remove element(s) if returned value is truthy\n          if (res) {\n            if (selector === ':host' || !selector) {\n              if (r === 'shadow' && this.shadowRoot) {\n                // Remove all children from shadow DOM\n                this.shadowRoot.replaceChildren();\n              } else {\n                // Remove the component itself\n                (this as any).remove();\n              }\n            } else {\n              const targetRoot = getTargetRoot();\n              if (targetRoot) {\n                const targets = targetRoot.querySelectorAll(selector);\n                targets.forEach((el: Element) => el.remove());\n              }\n            }\n          }\n        } else {\n          let targetEl: any = null;\n          if (selector === ':host' || !selector) {\n            if (r === 'shadow') {\n              targetEl = this.shadowRoot;  // Target shadow DOM root\n            } else {\n              targetEl = this as any;  // Target the component itself\n            }\n          } else {\n            const targetRoot = getTargetRoot();\n            targetEl = targetRoot ? targetRoot.querySelector(selector) : null;\n          }\n\n          if (targetEl) {\n            const isShadowRoot = targetEl instanceof ShadowRoot;\n            const nodes = normalizeNodes(res, currentDoc);\n\n            if (pos === 'replace') {\n              // ShadowRoot doesn't support replaceWith\n              if (!isShadowRoot) {\n                targetEl.replaceWith(...nodes);\n              }\n            } else if (pos === 'replaceChildren') {\n              // Replace all children of target element\n              targetEl.replaceChildren(...nodes);\n            } else if (pos === 'innerHtml') {\n              // Set innerHTML\n              targetEl.innerHTML = res !== undefined && res !== null ? String(res) : '';\n            } else if (pos === 'innerText') {\n              // Set innerText\n              if (targetEl.innerText !== undefined) {\n                targetEl.innerText = res !== undefined && res !== null ? String(res) : '';\n              }\n            } else {\n              /*\n                    <!-- beforebegin -->\n                    <p>\n                      <!-- afterbegin -->\n                      foo\n                      <!-- beforeend -->\n                    </p>\n                    <!-- afterend -->\n               */\n              if (pos === 'beforeEnd') targetEl.append(...nodes);\n              else if (pos === 'afterBegin') targetEl.prepend(...nodes);\n              else if (pos === 'beforeBegin' && !isShadowRoot) targetEl.before(...nodes);\n              else if (pos === 'afterEnd' && !isShadowRoot) targetEl.after(...nodes);\n            }\n          }\n        }\n      }\n      return res;\n    };\n  };\n}\n\nexport const findAllApplyNodeMetadata = (target: any): Map<string | symbol, ApplyNodeMetadata> => {\n  const result = new Map<string | symbol, ApplyNodeMetadata>();\n  const maps = ReflectUtils.findAllMetadata<Map<string | symbol, ApplyNodeMetadata>>(APPLY_NODE_METADATA_KEY, target);\n  maps.forEach(map => {\n    if (map instanceof Map) {\n      map.forEach((v, k) => result.set(k, v));\n    }\n  });\n  return result;\n};\n\n/**\n * @applyNodeHost decorator - simplified version of @applyNode for :host selector\n * Usage: @applyNodeHost() addItem() { return '<li>New Item</li>'; }\n * Usage: @applyNodeHost({ position: 'afterBegin' }) prependItem() { return '<h1>Title</h1>'; }\n */\nexport function applyNodeHost(options: ApplyNodeOptions = { position: 'beforeEnd' }): MethodDecorator {\n  return applyNode(':host', options);\n}\n\n// Convenience decorators for specific positions\n\n/**\n * @applyBeforeBeginNode - Insert before target element\n */\nexport const applyBeforeBeginNode = (selector: string, options: ApplyNodeOptions = {}) => \n  applyNode(selector, { ...options, position: 'beforeBegin' });\n\n/**\n * @applyAfterBeginNode - Prepend to target element\n */\nexport const applyAfterBeginNode = (selector: string, options: ApplyNodeOptions = {}) => \n  applyNode(selector, { ...options, position: 'afterBegin' });\n\n/**\n * @applyBeforeEndNode - Append to target element (default)\n */\nexport const applyBeforeEndNode = (selector: string, options: ApplyNodeOptions = {}) => \n  applyNode(selector, { ...options, position: 'beforeEnd' });\n\n/**\n * @applyAfterEndNode - Insert after target element\n */\nexport const applyAfterEndNode = (selector: string, options: ApplyNodeOptions = {}) => \n  applyNode(selector, { ...options, position: 'afterEnd' });\n\n/**\n * @applyReplaceNode - Replace entire target element\n */\nexport const applyReplaceNode = (selector: string, options: ApplyNodeOptions = {}) => \n  applyNode(selector, { ...options, position: 'replace' });\n\n/**\n * @applyReplaceChildrenNode - Replace all children of target element\n */\nexport const applyReplaceChildrenNode = (selector: string, options: ApplyNodeOptions = {}) => \n  applyNode(selector, { ...options, position: 'replaceChildren' });\n\n/**\n * @applyInnerHtmlNode - Set target's innerHTML\n */\nexport const applyInnerHtmlNode = (selector: string, options: ApplyNodeOptions = {}) => \n  applyNode(selector, { ...options, position: 'innerHtml' });\n\n/**\n * @applyInnerTextNode - Set target's innerText\n */\nexport const applyInnerTextNode = (selector: string, options: ApplyNodeOptions = {}) => \n  applyNode(selector, { ...options, position: 'innerText' });\n\n/**\n * @applyRemoveNode - Remove target element if truthy\n */\nexport const applyRemoveNode = (selector: string, options: ApplyNodeOptions = {}) => \n  applyNode(selector, { ...options, position: 'remove' });\n\n// Host versions\n\n/**\n * @applyBeforeBeginNodeHost - Insert before :host\n */\nexport const applyBeforeBeginNodeHost = (options: ApplyNodeOptions = {}) => \n  applyNode(':host', { ...options, position: 'beforeBegin' });\n\n/**\n * @applyAfterBeginNodeHost - Prepend to :host\n */\nexport const applyAfterBeginNodeHost = (options: ApplyNodeOptions = {}) => \n  applyNode(':host', { ...options, position: 'afterBegin' });\n\n/**\n * @applyBeforeEndNodeHost - Append to :host\n */\nexport const applyBeforeEndNodeHost = (options: ApplyNodeOptions = {}) => \n  applyNode(':host', { ...options, position: 'beforeEnd' });\n\n/**\n * @applyAfterEndNodeHost - Insert after :host\n */\nexport const applyAfterEndNodeHost = (options: ApplyNodeOptions = {}) => \n  applyNode(':host', { ...options, position: 'afterEnd' });\n\n/**\n * @applyReplaceNodeHost - Replace :host\n */\nexport const applyReplaceNodeHost = (options: ApplyNodeOptions = {}) => \n  applyNode(':host', { ...options, position: 'replace' });\n\n/**\n * @applyReplaceChildrenNodeHost - Replace children of :host\n */\nexport const applyReplaceChildrenNodeHost = (options: ApplyNodeOptions = {}) => \n  applyNode(':host', { ...options, position: 'replaceChildren' });\n\n/**\n * @applyInnerHtmlNodeHost - Set :host innerHTML\n */\nexport const applyInnerHtmlNodeHost = (options: ApplyNodeOptions = {}) => \n  applyNode(':host', { ...options, position: 'innerHtml' });\n\n/**\n * @applyInnerTextNodeHost - Set :host innerText\n */\nexport const applyInnerTextNodeHost = (options: ApplyNodeOptions = {}) => \n  applyNode(':host', { ...options, position: 'innerText' });\n\n/**\n * @applyRemoveNodeHost - Remove :host if truthy\n */\nexport const applyRemoveNodeHost = (options: ApplyNodeOptions = {}) => \n  applyNode(':host', { ...options, position: 'remove' });\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;kBAA6B;AAC7B,2BAA6C;AAgBtC,MAAM,0BAA0B,OAAO,iCAAiC;AAE/E,MAAM,iBAAiB,CAAC,KAAU,QAAyB;AACzD,QAAM,QAAQ,MAAM,QAAQ,GAAG,IAAI,MAAM,CAAC,GAAG;AAC7C,SAAO,MAAM,IAAI,QAAK;AACpB,QAAI,cAAc;AAAM,aAAO;AAC/B,WAAO,IAAI,eAAe,OAAO,UAAa,OAAO,OAAO,OAAO,EAAE,IAAI,EAAE;EAC7E,CAAC;AACH;AA8BM,SAAU,UAAU,UAAkB,UAA4B,EAAE,UAAU,YAAW,GAAE;AAC/F,SAAO,CAAC,QAAgB,aAA8B,eAAkC;AACtF,UAAM,cAAc,OAAO;AAC3B,QAAI,WAAW,yBAAa,eAAe,yBAAyB,WAAW;AAC/E,QAAI,CAAC,UAAU;AACb,iBAAW,oBAAI,IAAG;AAClB,+BAAa,eAAe,yBAAyB,UAAU,WAAW;IAC5E;AACA,aAAS,IAAI,aAAa,EAAE,aAAa,UAAU,QAAO,CAAE;AAE5D,UAAM,WAAW,WAAW;AAC5B,eAAW,QAAQ,kBAAmB,MAAW;AAC/C,2CAAW,IAAI;AACf,YAAM,MAAM,MAAM,SAAS,MAAM,MAAM,IAAI;AAC3C,UAAI,QAAQ,QAAW;AACrB,cAAM,WAAO,uCAAiB,IAAI;AAClC,cAAM,aAAc,KAAa,iBAAiB,IAAI,MAAO,OAAO,WAAW,cAAc,SAAS;AACtG,cAAM,aAAa,WAAW;AAE9B,cAAM,MAAM,QAAQ,YAAY;AAChC,cAAM,IAAI,QAAQ,QAAQ;AAE1B,cAAM,gBAAgB,MAAK;AACzB,cAAI,MAAM;AAAU,mBAAO,KAAK;AAChC,cAAI,MAAM;AAAS,mBAAO;AAC1B,cAAI,MAAM;AAAO,mBAAO,KAAK,cAAe;AAC5C,iBAAO,KAAK,cAAe;QAC7B;AAEA,YAAI,QAAQ,UAAU;AAEpB,cAAI,KAAK;AACP,gBAAI,aAAa,WAAW,CAAC,UAAU;AACrC,kBAAI,MAAM,YAAY,KAAK,YAAY;AAErC,qBAAK,WAAW,gBAAe;cACjC,OAAO;AAEJ,qBAAa,OAAM;cACtB;YACF,OAAO;AACL,oBAAM,aAAa,cAAa;AAChC,kBAAI,YAAY;AACd,sBAAM,UAAU,WAAW,iBAAiB,QAAQ;AACpD,wBAAQ,QAAQ,CAAC,OAAgB,GAAG,OAAM,CAAE;cAC9C;YACF;UACF;QACF,OAAO;AACL,cAAI,WAAgB;AACpB,cAAI,aAAa,WAAW,CAAC,UAAU;AACrC,gBAAI,MAAM,UAAU;AAClB,yBAAW,KAAK;YAClB,OAAO;AACL,yBAAW;YACb;UACF,OAAO;AACL,kBAAM,aAAa,cAAa;AAChC,uBAAW,aAAa,WAAW,cAAc,QAAQ,IAAI;UAC/D;AAEA,cAAI,UAAU;AACZ,kBAAM,eAAe,oBAAoB;AACzC,kBAAM,QAAQ,eAAe,KAAK,UAAU;AAE5C,gBAAI,QAAQ,WAAW;AAErB,kBAAI,CAAC,cAAc;AACjB,yBAAS,YAAY,GAAG,KAAK;cAC/B;YACF,WAAW,QAAQ,mBAAmB;AAEpC,uBAAS,gBAAgB,GAAG,KAAK;YACnC,WAAW,QAAQ,aAAa;AAE9B,uBAAS,YAAY,QAAQ,UAAa,QAAQ,OAAO,OAAO,GAAG,IAAI;YACzE,WAAW,QAAQ,aAAa;AAE9B,kBAAI,SAAS,cAAc,QAAW;AACpC,yBAAS,YAAY,QAAQ,UAAa,QAAQ,OAAO,OAAO,GAAG,IAAI;cACzE;YACF,OAAO;AAUL,kBAAI,QAAQ;AAAa,yBAAS,OAAO,GAAG,KAAK;uBACxC,QAAQ;AAAc,yBAAS,QAAQ,GAAG,KAAK;uBAC/C,QAAQ,iBAAiB,CAAC;AAAc,yBAAS,OAAO,GAAG,KAAK;uBAChE,QAAQ,cAAc,CAAC;AAAc,yBAAS,MAAM,GAAG,KAAK;YACvE;UACF;QACF;MACF;AACA,aAAO;IACT;EACF;AACF;AAEO,MAAM,2BAA2B,CAAC,WAAwD;AAC/F,QAAM,SAAS,oBAAI,IAAG;AACtB,QAAM,OAAO,yBAAa,gBAAyD,yBAAyB,MAAM;AAClH,OAAK,QAAQ,SAAM;AACjB,QAAI,eAAe,KAAK;AACtB,UAAI,QAAQ,CAAC,GAAG,MAAM,OAAO,IAAI,GAAG,CAAC,CAAC;IACxC;EACF,CAAC;AACD,SAAO;AACT;AAOM,SAAU,cAAc,UAA4B,EAAE,UAAU,YAAW,GAAE;AACjF,SAAO,UAAU,SAAS,OAAO;AACnC;AAOO,MAAM,uBAAuB,CAAC,UAAkB,UAA4B,CAAA,MACjF,UAAU,UAAU,EAAE,GAAG,SAAS,UAAU,cAAa,CAAE;AAKtD,MAAM,sBAAsB,CAAC,UAAkB,UAA4B,CAAA,MAChF,UAAU,UAAU,EAAE,GAAG,SAAS,UAAU,aAAY,CAAE;AAKrD,MAAM,qBAAqB,CAAC,UAAkB,UAA4B,CAAA,MAC/E,UAAU,UAAU,EAAE,GAAG,SAAS,UAAU,YAAW,CAAE;AAKpD,MAAM,oBAAoB,CAAC,UAAkB,UAA4B,CAAA,MAC9E,UAAU,UAAU,EAAE,GAAG,SAAS,UAAU,WAAU,CAAE;AAKnD,MAAM,mBAAmB,CAAC,UAAkB,UAA4B,CAAA,MAC7E,UAAU,UAAU,EAAE,GAAG,SAAS,UAAU,UAAS,CAAE;AAKlD,MAAM,2BAA2B,CAAC,UAAkB,UAA4B,CAAA,MACrF,UAAU,UAAU,EAAE,GAAG,SAAS,UAAU,kBAAiB,CAAE;AAK1D,MAAM,qBAAqB,CAAC,UAAkB,UAA4B,CAAA,MAC/E,UAAU,UAAU,EAAE,GAAG,SAAS,UAAU,YAAW,CAAE;AAKpD,MAAM,qBAAqB,CAAC,UAAkB,UAA4B,CAAA,MAC/E,UAAU,UAAU,EAAE,GAAG,SAAS,UAAU,YAAW,CAAE;AAKpD,MAAM,kBAAkB,CAAC,UAAkB,UAA4B,CAAA,MAC5E,UAAU,UAAU,EAAE,GAAG,SAAS,UAAU,SAAQ,CAAE;AAOjD,MAAM,2BAA2B,CAAC,UAA4B,CAAA,MACnE,UAAU,SAAS,EAAE,GAAG,SAAS,UAAU,cAAa,CAAE;AAKrD,MAAM,0BAA0B,CAAC,UAA4B,CAAA,MAClE,UAAU,SAAS,EAAE,GAAG,SAAS,UAAU,aAAY,CAAE;AAKpD,MAAM,yBAAyB,CAAC,UAA4B,CAAA,MACjE,UAAU,SAAS,EAAE,GAAG,SAAS,UAAU,YAAW,CAAE;AAKnD,MAAM,wBAAwB,CAAC,UAA4B,CAAA,MAChE,UAAU,SAAS,EAAE,GAAG,SAAS,UAAU,WAAU,CAAE;AAKlD,MAAM,uBAAuB,CAAC,UAA4B,CAAA,MAC/D,UAAU,SAAS,EAAE,GAAG,SAAS,UAAU,UAAS,CAAE;AAKjD,MAAM,+BAA+B,CAAC,UAA4B,CAAA,MACvE,UAAU,SAAS,EAAE,GAAG,SAAS,UAAU,kBAAiB,CAAE;AAKzD,MAAM,yBAAyB,CAAC,UAA4B,CAAA,MACjE,UAAU,SAAS,EAAE,GAAG,SAAS,UAAU,YAAW,CAAE;AAKnD,MAAM,yBAAyB,CAAC,UAA4B,CAAA,MACjE,UAAU,SAAS,EAAE,GAAG,SAAS,UAAU,YAAW,CAAE;AAKnD,MAAM,sBAAsB,CAAC,UAA4B,CAAA,MAC9D,UAAU,SAAS,EAAE,GAAG,SAAS,UAAU,SAAQ,CAAE;",
   "names": []
 }