@dooboostore/simple-web-component 1.0.17 → 1.0.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dooboostore/simple-web-component",
-  "version": "1.0.17",
+  "version": "1.0.18",
   "license": "MIT",
   "type": "module",
   "main": "./dist/cjs/index.js",

package/src/decorators/appendChild.ts

@@ -0,0 +1,42 @@
+import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';
+
+export type AppendChildPosition = 'firstChild' | 'lastChild' | 'nextSibling' | 'previousSibling';
+
+export interface AppendChildOptions {
+  position?: AppendChildPosition;
+}
+
+export interface AppendChildMetadata {
+  propertyKey: string | symbol;
+  selector: string;
+  options: AppendChildOptions;
+}
+
+export const APPEND_CHILD_METADATA_KEY = Symbol('simple-web-component:append-child');
+
+/**
+ * @appendChild decorator to surgically add nodes to a target element.
+ * Usage: @appendChild('#list') addItem() { return '<li>New Item</li>'; }
+ */
+export function appendChild(selector: string, options: AppendChildOptions = { position: 'lastChild' }): MethodDecorator {
+  return (target: Object, propertyKey: string | symbol) => {
+    const constructor = target.constructor;
+    let meta = ReflectUtils.getOwnMetadata(APPEND_CHILD_METADATA_KEY, constructor) as Map<string | symbol, AppendChildMetadata>;
+    if (!meta) {
+      meta = new Map<string | symbol, AppendChildMetadata>();
+      ReflectUtils.defineMetadata(APPEND_CHILD_METADATA_KEY, meta, constructor);
+    }
+    meta.set(propertyKey, { propertyKey, selector, options });
+  };
+}
+
+export const findAllAppendChildMetadata = (target: any): Map<string | symbol, AppendChildMetadata> => {
+  const result = new Map<string | symbol, AppendChildMetadata>();
+  const maps = ReflectUtils.findAllMetadata<Map<string | symbol, AppendChildMetadata>>(APPEND_CHILD_METADATA_KEY, target);
+  maps.forEach(map => {
+    if (map instanceof Map) {
+      map.forEach((v, k) => result.set(k, v));
+    }
+  });
+  return result;
+};

package/src/decorators/elementDefine.ts

@@ -1,6 +1,6 @@
 import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';
 import { FunctionUtils } from '@dooboostore/core/function/FunctionUtils';
-import { getInnerHtmlMetadataList } from './innerHtml';
+import { getOnConnectedInnerHtmlMetadata } from './onConnectedInnerHtml';
 import { getQueryMetadata } from './query';
 import { getQueryAllMetadata } from './queryAll';
 import { getAddEventListenerMetadata } from './addEventListener';
@@ -8,6 +8,8 @@ import { ON_BEFORE_CONNECTED_METADATA_KEY, ON_AFTER_CONNECTED_METADATA_KEY, ON_B
 import { getEmitCustomEventMetadataList } from './emitCustomEvent';
 import { changedAttribute, findAllAttributeChangedMetadata } from './changedAttribute';
 import { setAttribute, findAllSetAttributeMetadata } from './setAttribute';
+import { findAllReplaceChildrenMetadata } from './replaceChildren';
+import { findAllAppendChildMetadata } from './appendChild';
 import { SwcUtils } from '../utils/Utils';
 import { HTML_TAG_ENTRIES, DOM_EVENT_NAMES } from '../config/config';
 import { SituationType, SituationTypeContainer, SituationTypeContainers } from '@dooboostore/simple-boot/decorators/inject/Inject';
@@ -73,12 +75,14 @@ export const elementDefine =
     const addEventListenerList = getAddEventListenerMetadata(constructor) || [];
     const attrChangeMap = findAllAttributeChangedMetadata(constructor);
     const setAttrMap = findAllSetAttributeMetadata(constructor);
+    const replaceChildrenMap = findAllReplaceChildrenMetadata(constructor);
+    const appendChildMap = findAllAppendChildMetadata(constructor);
 
     const swcLifecycleAttributes = ['swc-on-constructor', 'swc-on-connected', 'swc-on-disconnected', 'swc-on-before-connected', 'swc-on-after-connected', 'swc-on-before-disconnected', 'swc-on-after-disconnected', 'swc-on-before-adopted', 'swc-on-after-adopted', 'swc-on-attribute-changed'];
     const swcOnEvents = DOM_EVENT_NAMES.map(e => `swc-on-${e}`);
 
     const mergedObservedAttributes = [...new Set([...(config.observedAttributes ?? []), ...attrChangeMap.keys(), ...setAttrMap.keys(), ...emitCustomEventList.map(it => it.options.attributeName!), ...swcLifecycleAttributes, ...swcOnEvents])];
-    const innerHtmlList = getInnerHtmlMetadataList(constructor) || [];
+    const connectedInnerHtmlList = getOnConnectedInnerHtmlMetadata(constructor) || [];
 
     const NewClass = class extends (constructor as any) {
       private _swcId = Math.random().toString(36).substring(2, 11);
@@ -156,7 +160,7 @@ export const elementDefine =
         const hostSet = SwcUtils.getHostSet(this as any);
         this._executeSwcScript('swc-on-constructor', hostSet);
 
-        if (innerHtmlList.some(it => it.options.useShadow === true) && !this.shadowRoot) {
+        if (connectedInnerHtmlList.some(it => it.options.useShadow === true) && !this.shadowRoot) {
           this.attachShadow({ mode: 'open' });
         }
       }
@@ -180,10 +184,10 @@ export const elementDefine =
 
         if (typeof (this as any).initCore === 'function') (this as any).initCore();
 
-        if (innerHtmlList.length > 0) {
+        if (connectedInnerHtmlList.length > 0) {
           let sContent = '',
             lContent = '';
-          for (const meta of innerHtmlList) {
+          for (const meta of connectedInnerHtmlList) {
             const res = await (this as any)[meta.propertyKey]();
             if (res !== undefined) {
               if (meta.options.useShadow) sContent += res;
@@ -227,8 +231,9 @@ export const elementDefine =
 
         // 1. Local Delegation (To itself)
         DOM_EVENT_NAMES.forEach(type => {
-          this.addEventListener(type, createDelegationHandler(this));
-          this._boundListeners.push({ target: this as any, type, handler: createDelegationHandler(this) });
+          const handler = createDelegationHandler(this);
+          this.addEventListener(type, handler);
+          this._boundListeners.push({ target: this as any, type, handler });
         });
 
         // 2. Structural/Global Delegation (If no parent host exists)
@@ -425,6 +430,84 @@ export const elementDefine =
       }
     });
 
+    // --- @replaceChildren wrapping logic ---
+    replaceChildrenMap.forEach((selector, methodName) => {
+      const original = NewClass.prototype[methodName as any];
+      if (typeof original === 'function') {
+        NewClass.prototype[methodName as any] = function (...args: any[]) {
+          const res = original.apply(this, args);
+          if (res !== undefined) {
+            const conf = getElementConfig(this);
+            const currentWin = conf?.window || window;
+            const currentDoc = currentWin.document;
+
+            let targetEl: Element | null = null;
+            if (selector === ':host' || !selector) {
+              targetEl = this;
+            } else {
+              targetEl = (this.shadowRoot || this).querySelector(selector);
+            }
+
+            if (targetEl) {
+              const nodes: (Node | string)[] = Array.isArray(res) ? res : [res];
+              const normalizedNodes = nodes.map(n => {
+                if (typeof n === 'string') {
+                  const t = currentDoc.createElement('template');
+                  t.innerHTML = n;
+                  return t.content;
+                }
+                return n as Node;
+              });
+              (targetEl as any).replaceChildren(...normalizedNodes);
+            }
+          }
+          return res;
+        };
+      }
+    });
+
+    // --- @appendChild wrapping logic ---
+    appendChildMap.forEach((meta, methodName) => {
+      const { selector, options } = meta;
+      const original = NewClass.prototype[methodName as any];
+      if (typeof original === 'function') {
+        NewClass.prototype[methodName as any] = function (...args: any[]) {
+          const res = original.apply(this, args);
+          if (res !== undefined) {
+            const conf = getElementConfig(this);
+            const currentWin = conf?.window || window;
+            const currentDoc = currentWin.document;
+
+            let targetEl: Element | null = null;
+            if (selector === ':host' || !selector) {
+              targetEl = this;
+            } else {
+              targetEl = (this.shadowRoot || this).querySelector(selector);
+            }
+
+            if (targetEl) {
+              const nodes: (Node | string)[] = Array.isArray(res) ? res : [res];
+              const normalizedNodes = nodes.map(n => {
+                if (typeof n === 'string') {
+                  const t = currentDoc.createElement('template');
+                  t.innerHTML = n;
+                  return t.content;
+                }
+                return n as Node;
+              });
+
+              const pos = options.position || 'lastChild';
+              if (pos === 'lastChild') (targetEl as any).append(...normalizedNodes);
+              else if (pos === 'firstChild') (targetEl as any).prepend(...normalizedNodes);
+              else if (pos === 'nextSibling') (targetEl as any).after(...normalizedNodes);
+              else if (pos === 'previousSibling') (targetEl as any).before(...normalizedNodes);
+            }
+          }
+          return res;
+        };
+      }
+    });
+
     const originalProto = constructor.prototype;
     const newProto = NewClass.prototype;
     Object.getOwnPropertyNames(originalProto).forEach(name => {

package/src/decorators/index.ts

@@ -3,7 +3,8 @@ export * from './elementDefine';
 export * from './changedAttribute';
 export * from './setAttribute';
 export * from './emitCustomEvent';
-export * from './innerHtml';
+export * from './replaceChildren';
+export * from './appendChild';
 export * from './lifecycles';
 export * from './query';
 export * from './queryAll';

package/src/decorators/{innerHtml.ts → onConnectedInnerHtml.ts}

@@ -11,9 +11,12 @@ export interface InnerHtmlMetadata {
 
 export const INNER_HTML_METADATA_KEY = Symbol('simple-web-component:inner-html');
 
-export function innerHtml(options: InnerHtmlOptions): MethodDecorator;
-export function innerHtml(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;
-export function innerHtml(arg1?: InnerHtmlOptions | Object, arg2?: string | symbol, arg3?: PropertyDescriptor): MethodDecorator | void {
+/**
+ * @onConnectedInnerHtml decorator to define the initial HTML content when connected.
+ */
+export function onConnectedInnerHtml(options: InnerHtmlOptions): MethodDecorator;
+export function onConnectedInnerHtml(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;
+export function onConnectedInnerHtml(arg1?: InnerHtmlOptions | Object, arg2?: string | symbol, arg3?: PropertyDescriptor): MethodDecorator | void {
   const decorator = (options: InnerHtmlOptions, target: Object, propertyKey: string | symbol) => {
     const constructor = target.constructor;
     let list = ReflectUtils.getMetadata<InnerHtmlMetadata[]>(INNER_HTML_METADATA_KEY, constructor);
@@ -25,17 +28,15 @@ export function innerHtml(arg1?: InnerHtmlOptions | Object, arg2?: string | symb
   };
 
   if (arg2) {
-    // Used as @innerHtml
     return decorator({}, arg1!, arg2);
   }
 
-  // Used as @innerHtml(options)
   return (target: Object, propertyKey: string | symbol) => {
     decorator((arg1 as InnerHtmlOptions) || {}, target, propertyKey);
   };
 }
 
-export const getInnerHtmlMetadataList = (target: any): InnerHtmlMetadata[] | undefined => {
+export const getOnConnectedInnerHtmlMetadata = (target: any): InnerHtmlMetadata[] | undefined => {
   const constructor = target instanceof Function ? target : target.constructor;
   return ReflectUtils.getMetadata(INNER_HTML_METADATA_KEY, constructor);
 };

package/src/decorators/query.ts

@@ -66,6 +66,18 @@ export function query(selector: string, options: QueryOptions = {}): PropertyDec
         // auto
         return (this.shadowRoot || this).querySelector(selector);
       },
+      set(this: HTMLElement, nv: any) {
+        if (nv === null || nv === undefined) {
+          const r = options.root || 'auto';
+          let targetEl: Element | null = null;
+          if (r === 'shadow') targetEl = this.shadowRoot ? this.shadowRoot.querySelector(selector) : null;
+          else if (r === 'light') targetEl = this.querySelector(selector);
+          else if (r === 'all') targetEl = this.shadowRoot?.querySelector(selector) || this.querySelector(selector);
+          else targetEl = (this.shadowRoot || this).querySelector(selector);
+
+          if (targetEl) targetEl.remove();
+        }
+      },
       enumerable: true,
       configurable: true
     });

package/src/decorators/queryAll.ts

@@ -65,6 +65,22 @@ export function queryAll(selector: string, options: QueryAllOptions = {}): Prope
         const root = this.shadowRoot || this;
         return root.querySelectorAll(selector);
       },
+      set(this: HTMLElement, nv: any) {
+        if (nv === null || nv === undefined || (Array.isArray(nv) && nv.length === 0)) {
+          const r = options.root || 'auto';
+          let targets: (Element | Node)[] = [];
+          if (r === 'shadow') targets = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];
+          else if (r === 'light') targets = Array.from(this.querySelectorAll(selector));
+          else if (r === 'all') {
+            const sNodes = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];
+            const lNodes = Array.from(this.querySelectorAll(selector));
+            targets = [...sNodes, ...lNodes];
+          } else {
+            targets = Array.from((this.shadowRoot || this).querySelectorAll(selector));
+          }
+          targets.forEach(t => (t as Element).remove());
+        }
+      },
       enumerable: true,
       configurable: true
     });

package/src/decorators/replaceChildren.ts

@@ -0,0 +1,35 @@
+import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';
+
+export const REPLACE_CHILDREN_METADATA_KEY = Symbol('simple-web-component:replace-children');
+
+/**
+ * @replaceChildren decorator to surgically replace children of a target element.
+ * Usage: @replaceChildren('#container') renderPart() { return '<div>New Content</div>'; }
+ */
+export function replaceChildren(selector: string): MethodDecorator {
+  return (target: Object, propertyKey: string | symbol) => {
+    const constructor = target.constructor;
+    let meta = ReflectUtils.getOwnMetadata(REPLACE_CHILDREN_METADATA_KEY, constructor) as Map<string | symbol, string>;
+    if (!meta) {
+      meta = new Map<string | symbol, string>();
+      ReflectUtils.defineMetadata(REPLACE_CHILDREN_METADATA_KEY, meta, constructor);
+    }
+    meta.set(propertyKey, selector);
+  };
+}
+
+export const getReplaceChildrenMetadata = (target: any): Map<string | symbol, string> | undefined => {
+  const constructor = target instanceof Function ? target : target.constructor;
+  return ReflectUtils.getMetadata(REPLACE_CHILDREN_METADATA_KEY, constructor);
+};
+
+export const findAllReplaceChildrenMetadata = (target: any): Map<string | symbol, string> => {
+  const result = new Map<string | symbol, string>();
+  const maps = ReflectUtils.findAllMetadata<Map<string | symbol, string>>(REPLACE_CHILDREN_METADATA_KEY, target);
+  maps.forEach(map => {
+    if (map instanceof Map) {
+      map.forEach((v, k) => result.set(k, v));
+    }
+  });
+  return result;
+};

package/src/index.ts

@@ -4,7 +4,10 @@ import 'reflect-metadata';
 export * from './decorators/elementDefine';
 export * from './decorators/setAttribute';
 export * from './decorators/changedAttribute';
-export * from './decorators/innerHtml';
+export * from './decorators/onConnectedInnerHtml';
+export { onConnectedInnerHtml as innerHtml } from './decorators/onConnectedInnerHtml';
+export * from './decorators/replaceChildren';
+export * from './decorators/appendChild';
 export * from './decorators/emitCustomEvent';
 export * from './decorators/lifecycles';
 export * from './decorators/query';

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/decorators/innerHtml.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\n\nexport interface InnerHtmlOptions {\n  useShadow?: boolean;\n}\n\nexport interface InnerHtmlMetadata {\n  propertyKey: string | symbol;\n  options: InnerHtmlOptions;\n}\n\nexport const INNER_HTML_METADATA_KEY = Symbol('simple-web-component:inner-html');\n\nexport function innerHtml(options: InnerHtmlOptions): MethodDecorator;\nexport function innerHtml(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function innerHtml(arg1?: InnerHtmlOptions | Object, arg2?: string | symbol, arg3?: PropertyDescriptor): MethodDecorator | void {\n  const decorator = (options: InnerHtmlOptions, target: Object, propertyKey: string | symbol) => {\n    const constructor = target.constructor;\n    let list = ReflectUtils.getMetadata<InnerHtmlMetadata[]>(INNER_HTML_METADATA_KEY, constructor);\n    if (!list) {\n      list = [];\n      ReflectUtils.defineMetadata(INNER_HTML_METADATA_KEY, list, constructor);\n    }\n    list.push({ propertyKey, options });\n  };\n\n  if (arg2) {\n    // Used as @innerHtml\n    return decorator({}, arg1!, arg2);\n  }\n\n  // Used as @innerHtml(options)\n  return (target: Object, propertyKey: string | symbol) => {\n    decorator((arg1 as InnerHtmlOptions) || {}, target, propertyKey);\n  };\n}\n\nexport const getInnerHtmlMetadataList = (target: any): InnerHtmlMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(INNER_HTML_METADATA_KEY, constructor);\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA6B;AAWtB,MAAM,0BAA0B,OAAO,iCAAiC;AAIxE,SAAS,UAAU,MAAkC,MAAwB,MAAmD;AACrI,QAAM,YAAY,CAAC,SAA2B,QAAgB,gBAAiC;AAC7F,UAAM,cAAc,OAAO;AAC3B,QAAI,OAAO,iCAAa,YAAiC,yBAAyB,WAAW;AAC7F,QAAI,CAAC,MAAM;AACT,aAAO,CAAC;AACR,uCAAa,eAAe,yBAAyB,MAAM,WAAW;AAAA,IACxE;AACA,SAAK,KAAK,EAAE,aAAa,QAAQ,CAAC;AAAA,EACpC;AAEA,MAAI,MAAM;AAER,WAAO,UAAU,CAAC,GAAG,MAAO,IAAI;AAAA,EAClC;AAGA,SAAO,CAAC,QAAgB,gBAAiC;AACvD,cAAW,QAA6B,CAAC,GAAG,QAAQ,WAAW;AAAA,EACjE;AACF;AAEO,MAAM,2BAA2B,CAAC,WAAiD;AACxF,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,iCAAa,YAAY,yBAAyB,WAAW;AACtE;",
-  "names": []
-}

package/dist/esm/decorators/innerHtml.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/decorators/innerHtml.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\n\nexport interface InnerHtmlOptions {\n  useShadow?: boolean;\n}\n\nexport interface InnerHtmlMetadata {\n  propertyKey: string | symbol;\n  options: InnerHtmlOptions;\n}\n\nexport const INNER_HTML_METADATA_KEY = Symbol('simple-web-component:inner-html');\n\nexport function innerHtml(options: InnerHtmlOptions): MethodDecorator;\nexport function innerHtml(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function innerHtml(arg1?: InnerHtmlOptions | Object, arg2?: string | symbol, arg3?: PropertyDescriptor): MethodDecorator | void {\n  const decorator = (options: InnerHtmlOptions, target: Object, propertyKey: string | symbol) => {\n    const constructor = target.constructor;\n    let list = ReflectUtils.getMetadata<InnerHtmlMetadata[]>(INNER_HTML_METADATA_KEY, constructor);\n    if (!list) {\n      list = [];\n      ReflectUtils.defineMetadata(INNER_HTML_METADATA_KEY, list, constructor);\n    }\n    list.push({ propertyKey, options });\n  };\n\n  if (arg2) {\n    // Used as @innerHtml\n    return decorator({}, arg1!, arg2);\n  }\n\n  // Used as @innerHtml(options)\n  return (target: Object, propertyKey: string | symbol) => {\n    decorator((arg1 as InnerHtmlOptions) || {}, target, propertyKey);\n  };\n}\n\nexport const getInnerHtmlMetadataList = (target: any): InnerHtmlMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(INNER_HTML_METADATA_KEY, constructor);\n};\n"],
-  "mappings": "AAAA,SAAS,oBAAoB;AAWtB,MAAM,0BAA0B,OAAO,iCAAiC;AAIxE,SAAS,UAAU,MAAkC,MAAwB,MAAmD;AACrI,QAAM,YAAY,CAAC,SAA2B,QAAgB,gBAAiC;AAC7F,UAAM,cAAc,OAAO;AAC3B,QAAI,OAAO,aAAa,YAAiC,yBAAyB,WAAW;AAC7F,QAAI,CAAC,MAAM;AACT,aAAO,CAAC;AACR,mBAAa,eAAe,yBAAyB,MAAM,WAAW;AAAA,IACxE;AACA,SAAK,KAAK,EAAE,aAAa,QAAQ,CAAC;AAAA,EACpC;AAEA,MAAI,MAAM;AAER,WAAO,UAAU,CAAC,GAAG,MAAO,IAAI;AAAA,EAClC;AAGA,SAAO,CAAC,QAAgB,gBAAiC;AACvD,cAAW,QAA6B,CAAC,GAAG,QAAQ,WAAW;AAAA,EACjE;AACF;AAEO,MAAM,2BAA2B,CAAC,WAAiD;AACxF,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,yBAAyB,WAAW;AACtE;",
-  "names": []
-}

package/dist/types/decorators/innerHtml.d.ts

@@ -1,12 +0,0 @@
-export interface InnerHtmlOptions {
-    useShadow?: boolean;
-}
-export interface InnerHtmlMetadata {
-    propertyKey: string | symbol;
-    options: InnerHtmlOptions;
-}
-export declare const INNER_HTML_METADATA_KEY: unique symbol;
-export declare function innerHtml(options: InnerHtmlOptions): MethodDecorator;
-export declare function innerHtml(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;
-export declare const getInnerHtmlMetadataList: (target: any) => InnerHtmlMetadata[] | undefined;
-//# sourceMappingURL=innerHtml.d.ts.map

package/dist/types/decorators/innerHtml.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"innerHtml.d.ts","sourceRoot":"","sources":["../../../src/decorators/innerHtml.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,OAAO,EAAE,gBAAgB,CAAC;CAC3B;AAED,eAAO,MAAM,uBAAuB,eAA4C,CAAC;AAEjF,wBAAgB,SAAS,CAAC,OAAO,EAAE,gBAAgB,GAAG,eAAe,CAAC;AACtE,wBAAgB,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,MAAM,EAAE,UAAU,EAAE,kBAAkB,GAAG,IAAI,CAAC;AAuB9G,eAAO,MAAM,wBAAwB,GAAI,QAAQ,GAAG,KAAG,iBAAiB,EAAE,GAAG,SAG5E,CAAC"}