@dooboostore/simple-web-component 1.0.35 → 1.0.37

package/src/index.ts

@@ -1,5 +1,6 @@
 import 'reflect-metadata';
-import { registerAllElements } from './elements/register';
+export * from './elements'
+import { register } from './elements';
 import {ConstructorType} from "@dooboostore/core";
 
 // Decorators
@@ -15,15 +16,18 @@ export * from './utils/Utils';
 export * from './config/config';
 
 // Registration Factory
-export default (w: Window, other?: (((w: Window) => ConstructorType<any>) | any) []) => {
-  const cr = registerAllElements(w);
-  const r = other?.map(fn => {
-    if (typeof fn === 'function') {
-      const a = fn(w);
-    } else {
+export default async (w: Window, other?: (((w: Window) => Promise<CustomElementConstructor> | CustomElementConstructor) | any) []) => {
+  console.log('rr')
+  const cr = await Promise.all(register.map(it => it(w)));
+  console.log('rr11')
+  // const cr = await elementFactories(w);
+  if (other) {
+    for (const fn of other) {
+      if (typeof fn === 'function') {
+        await fn(w);
+      }
     }
-  });
+  }
 
   return cr;
-  // return r??[];
 };

package/src/types/window.d.ts

@@ -0,0 +1,43 @@
+import {HTMLDialogElement} from "@dooboostore/dom-parser";
+
+/**
+ * Global type augmentation for @dooboostore showcase
+ */
+declare global {
+  interface Window {
+    HTMLElement: typeof HTMLElement;
+    HTMLDivElement: typeof HTMLDivElement;
+    HTMLButtonElement: typeof HTMLButtonElement;
+    HTMLTemplateElement: typeof HTMLTemplateElement;
+    HTMLAnchorElement: typeof HTMLAnchorElement;
+    HTMLDialogElement: typeof HTMLDialogElement;
+    ShadowRoot: typeof ShadowRoot;
+    location: Location;
+    document: Document;
+    history: History;
+    console: Console;
+    IntersectionObserver: typeof IntersectionObserver;
+    SwaggerUIBundle: any;
+
+  }
+
+  namespace Dooboostore {
+    interface PackageInfo {
+      id: string;
+      name: string;
+      description: string;
+      longDescription: string;
+      icon: string;
+      color: string;
+      features: PackageFeature[];
+      example: string;
+    }
+
+    interface PackageFeature {
+      title: string;
+      desc: string;
+    }
+  }
+}
+
+export {};

package/src/types.ts

@@ -1,6 +1,6 @@
 import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
 import { Router } from '@dooboostore/core-web';
-import {SwcAttributeConfigType} from "./elements/SwcAppEngine";
+import {SwcAttributeConfigType, SwcConfigType} from "./SwcAppEngine";
 
 export enum InjectSituationType {
   HOST_SET = 'SIMPLE_WEB_COMPONENT://HOSTSET',
@@ -17,7 +17,7 @@ export enum InjectSituationType {
 
 export type SwcRootType = 'light' | 'shadow' | 'all' | 'auto';
 
-export type SpecialSelector = ':host' | ':window' | ':document' | ':parentHost' | ':appHost' | ':firstHost' | ':lastHost' | ':firstAppHost' | ':lastAppHost' | ':hosts' | ':appHosts';
+export type SpecialSelector = '$this' | '$window' | '$document' | '$host' | '$appHost' | '$firstHost' | '$lastHost' | '$firstAppHost' | '$lastAppHost' | '$hosts' | '$appHosts';
 
 export type SwcQueryOptions = { root?: SwcRootType };
 
@@ -30,12 +30,12 @@ export type HelperSet = {
 };
 
 export type HostSet = {
-  $host: HTMLElement; // Current component itself
-  $parentHost: HTMLElement | null; // Nearest parent SWC component
-  $hosts: HTMLElement[]; // [root, ..., parent, self]
+  $host: HTMLElement | null; // Nearest parent SWC component
+  $parentHost: HTMLElement | null; // Grandparent SWC ancestor
+  $hosts: HTMLElement[]; // All SWC ancestors [root, ..., parent]
   $firstHost: HTMLElement | null; // Top-most SWC ancestor
-  $lastHost: HTMLElement | null; // Same as $parentHost (for backward compatibility or clarity)
-  $templateHost: HTMLTemplateElement | null | undefined;
+  $lastHost: HTMLElement | null; // Same as $host
+  // $templateHost: HTMLTemplateElement | null | undefined;
   $appHost: SwcAppInterface | null;
   $appHosts: SwcAppInterface[];
   $firstAppHost: SwcAppInterface | null;
@@ -52,7 +52,7 @@ export type SwcAppMessage<T = any> = {
 
 export interface SwcChooseInterface extends HTMLTemplateElement {
   value: any;
-  refresh(): void;
+  refresh(a: any): void;
 }
 export interface SwcIfInterface extends HTMLTemplateElement {
   value: any;
@@ -60,6 +60,7 @@ export interface SwcIfInterface extends HTMLTemplateElement {
 }
 export interface SwcAppInterface extends HTMLElement {
   simpleApplication?: SimpleApplication;
+  config?:  SwcConfigType;
   router?: Router;
   connect(config?: SwcAttributeConfigType): Promise<void>;
   routing(path: string): Promise<void>;

package/src/utils/Utils.ts

@@ -26,17 +26,22 @@ export const commentNode = (comment: string | any, doc?: Document): Comment => {
   return d.createComment(comment !== undefined && comment !== null ? String(comment) : '');
 };
 
+export type CreateElementConfig = { innerHtml?: string; property?: Record<string, any>, attrs?: Record<string, string>; };
 export const createElement = <T extends HTMLElement>(
+  documentOrWindow: Document | Window,
   tagName: string,
-  options?: { html?: string; attrs?: Record<string, any>; doc?: Document }
+  options?: CreateElementConfig
 ): T => {
-  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);
-  if (!d) throw new Error('Document is not available');
-  const el = d.createElement(tagName) as T;
-  if (options?.html) el.innerHTML = options.html;
+  const doc = 'document' in documentOrWindow ? documentOrWindow.document : documentOrWindow;
+  if (!doc) throw new Error('Document is not available');
+  const el = doc.createElement(tagName) as T;
+  if (options?.innerHtml) el.innerHTML = options.innerHtml;
   if (options?.attrs) {
     Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
   }
+  if (options?.property) {
+    Object.entries(options.property).forEach(([k, v]) => el[k] =v);
+  }
   return el;
 };
 
@@ -225,7 +230,7 @@ export namespace SwcUtils {
    * Finds the nearest logical SWC host for an element.
    * Checks __swc_host property first, then climbs the DOM tree.
    */
-  export const findNearestSwcHost = (el: HTMLElement | Node): HTMLElement | undefined => {
+  export const findNearestSwcHostIncludingSelf = (el: HTMLElement | Node): HTMLElement | undefined => {
     const el1 = el as any;
     if (el1.__swc_host) return el1.__swc_host;
 
@@ -243,32 +248,32 @@ export namespace SwcUtils {
   /**
    * Returns all SWC ancestors (excluding self) in [root, ..., parent] order.
    */
-  export const findAllSwcHosts = (el: HTMLElement | Node): HTMLElement[] => {
+  export const findAllSwcHostsIncludingSelf = (el: HTMLElement | Node): HTMLElement[] => {
     const hosts: HTMLElement[] = [];
-    let current = findNearestSwcHost(el);
+    let current = findNearestSwcHostIncludingSelf(el);
     while (current) {
       hosts.push(current);
       // To find the next ancestor, we must start searching from the PARENT of the found host
-      current = findNearestSwcHost(current);
+      current = findNearestSwcHostIncludingSelf(current);
     }
     return hosts.reverse();
   };
 
   export const getHosts = (el: HTMLElement): HTMLElement[] => {
-    const ancestors = findAllSwcHosts(el);
+    const ancestors = findAllSwcHostsIncludingSelf(el);
     if (getElementConfig(el)) return [...ancestors, el];
     return ancestors;
   };
 
   export const getHost = (el: HTMLElement): HTMLElement | undefined => {
     if (getElementConfig(el)) return el;
-    return findNearestSwcHost(el);
+    return findNearestSwcHostIncludingSelf(el);
   };
 
   export const getAppHosts = (el: HTMLElement): SwcAppInterface[] => {
     // const hosts = getHosts(el);
     // return hosts.filter(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface[];
-    const hosts = SwcUtils.findAllParentAppHostsDirect(el);
+    const hosts = SwcUtils.findAllAppHostsIncludingSelfDirect(el);
     return hosts;
   };
 
@@ -279,22 +284,22 @@ export namespace SwcUtils {
   };
 
   /**
-   * Find parent app host by traversing DOM tree directly.
+   * Find the closest app host by traversing DOM tree directly, including the element itself.
    * Only checks tagName and is attribute - no SWC host discovery.
    * Useful for Safari polyfill compatibility where is="" elements upgrade in child-first order.
    */
-  export const findParentAppHostDirect = (el: HTMLElement): SwcAppInterface | null => {
-    const appHosts = findAllParentAppHostsDirect(el);
+  export const findAppHostIncludingSelfDirect = (el: HTMLElement): SwcAppInterface | null => {
+    const appHosts = findAllAppHostsIncludingSelfDirect(el);
     return appHosts.length > 0 ? appHosts[appHosts.length - 1] : null;
   };
 
   /**
-   * Find all parent app hosts by traversing DOM tree directly.
-   * Returns array of all parent app hosts in [closest-parent, ..., root] order.
+   * Find all app hosts by traversing DOM tree directly, including the element itself.
+   * Returns array of all app hosts in [root, ..., closest-parent-or-self] order.
    * Only checks tagName and is attribute - no SWC host discovery.
    * Useful for Safari polyfill compatibility where is="" elements upgrade in child-first order.
    */
-  export const findAllParentAppHostsDirect = (el: HTMLElement): SwcAppInterface[] => {
+  export const findAllAppHostsIncludingSelfDirect = (el: HTMLElement): SwcAppInterface[] => {
     const appHosts: SwcAppInterface[] = [];
 
     const w = el.ownerDocument?.defaultView || ((typeof window !== 'undefined' ? window : undefined) as any);
@@ -332,11 +337,11 @@ export namespace SwcUtils {
         }
       }
     }
-    return appHosts.reverse(); // [root, ..., closest-parent]
+    return appHosts.reverse(); // [root, ..., closest-parent-or-self]
   };
 
   export const getHostSet = (el: HTMLElement): HostSet => {
-    const ancestors = findAllSwcHosts(el); // [root, ..., parent]
+    const ancestors = findAllSwcHostsIncludingSelf(el); // [root, ..., parent]
     
     const $host = ancestors.length > 0 ? ancestors[ancestors.length - 1] : null;
     const $parentHost = ancestors.length > 1 ? ancestors[ancestors.length - 2] : null;
@@ -354,8 +359,7 @@ export namespace SwcUtils {
       curr = curr.parentElement || (curr.getRootNode() as any).host;
     }
 
-    const $appHosts = SwcUtils.findAllParentAppHostsDirect(el); //$hosts.filter(h => h.tagName.toLowerCase() === 'swc-app' || h.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface[];
-    // console.log('apphosts00000000', $appHosts)
+    const $appHosts = SwcUtils.findAllAppHostsIncludingSelfDirect(el);
     const $appHost = $appHosts.length > 0 ? ($appHosts[$appHosts.length - 1] === el ? ($appHosts.length > 1 ? $appHosts[$appHosts.length - 2] : null) : $appHosts[$appHosts.length - 1]) : null;
     const $firstAppHost = $appHosts.length > 0 ? $appHosts[0] : null;
 
@@ -364,8 +368,8 @@ export namespace SwcUtils {
       $parentHost,
       $hosts,
       $firstHost,
-      $lastHost: $parentHost,
-      $templateHost: (el as any).__swc_template_host,
+      $lastHost: $host,
+      // $templateHost: (el as any).__swc_template_host,
       $appHost,
       $appHosts,
       $firstAppHost,

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/decorators/changedAttributeHost.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\n\nexport const ON_ATTRIBUTE_CHANGED_METADATA_KEY = Symbol.for('simple-web-component:on-attribute-changed');\n\nexport interface ChangedAttributeHostOptions {\n  type?: typeof Number | typeof Boolean | typeof String;\n  while?: 'connected';\n}\n\nexport interface ChangedAttributeHostMetadata {\n  attributeName: string;\n  propertyKey: string | symbol;\n  options: ChangedAttributeHostOptions;\n}\n\nconst convertValue = (val: any, type: any): any => {\n  if (val === null || val === undefined) return val;\n  if (type === Number) return Number(val);\n  if (type === Boolean) return val === 'false' || val === '0' ? false : true;\n  return val;\n};\n\n/**\n * @changedAttributeHost decorator - fires when any attribute on :host changes\n * Usage: @changedAttributeHost('data-product-id')\n *        @changedAttributeHost('count', { type: Number })\n */\nexport function changedAttributeHost(attributeName?: string, options: ChangedAttributeHostOptions = {}): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol) => {\n    const constructor = target.constructor;\n    let metaList = ReflectUtils.getOwnMetadata(ON_ATTRIBUTE_CHANGED_METADATA_KEY, constructor) as ChangedAttributeHostMetadata[];\n    if (!metaList) {\n      metaList = [];\n      ReflectUtils.defineMetadata(ON_ATTRIBUTE_CHANGED_METADATA_KEY, metaList, constructor);\n    }\n\n    const name = attributeName || String(propertyKey);\n    metaList.push({\n      attributeName: name,\n      propertyKey,\n      options\n    });\n  };\n}\n\nexport const getChangedAttributeMetadata = (target: any): ChangedAttributeHostMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(ON_ATTRIBUTE_CHANGED_METADATA_KEY, constructor);\n};\n\nexport const findAllAttributeChangedMetadata = (target: any): Map<string, ChangedAttributeHostMetadata[]> => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  const metaList = ReflectUtils.findAllMetadata<ChangedAttributeHostMetadata[]>(ON_ATTRIBUTE_CHANGED_METADATA_KEY, constructor) || [];\n\n  const result = new Map<string, ChangedAttributeHostMetadata[]>();\n  metaList.forEach(meta => {\n    meta.forEach(item => {\n      if (!result.has(item.attributeName)) {\n        result.set(item.attributeName, []);\n      }\n      result.get(item.attributeName)!.push(item);\n    });\n  });\n  return result;\n};\n\nexport const convertAttributeValue = (val: any, type?: typeof Number | typeof Boolean | typeof String): any => {\n  return convertValue(val, type);\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA6B;AAEtB,MAAM,oCAAoC,OAAO,IAAI,2CAA2C;AAavG,MAAM,eAAe,CAAC,KAAU,SAAmB;AACjD,MAAI,QAAQ,QAAQ,QAAQ,OAAW,QAAO;AAC9C,MAAI,SAAS,OAAQ,QAAO,OAAO,GAAG;AACtC,MAAI,SAAS,QAAS,QAAO,QAAQ,WAAW,QAAQ,MAAM,QAAQ;AACtE,SAAO;AACT;AAOO,SAAS,qBAAqB,eAAwB,UAAuC,CAAC,GAAoB;AACvH,SAAO,CAAC,QAAgB,gBAAiC;AACvD,UAAM,cAAc,OAAO;AAC3B,QAAI,WAAW,yBAAa,eAAe,mCAAmC,WAAW;AACzF,QAAI,CAAC,UAAU;AACb,iBAAW,CAAC;AACZ,+BAAa,eAAe,mCAAmC,UAAU,WAAW;AAAA,IACtF;AAEA,UAAM,OAAO,iBAAiB,OAAO,WAAW;AAChD,aAAS,KAAK;AAAA,MACZ,eAAe;AAAA,MACf;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AACF;AAEO,MAAM,8BAA8B,CAAC,WAA4D;AACtG,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,yBAAa,YAAY,mCAAmC,WAAW;AAChF;AAEO,MAAM,kCAAkC,CAAC,WAA6D;AAC3G,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,QAAM,WAAW,yBAAa,gBAAgD,mCAAmC,WAAW,KAAK,CAAC;AAElI,QAAM,SAAS,oBAAI,IAA4C;AAC/D,WAAS,QAAQ,UAAQ;AACvB,SAAK,QAAQ,UAAQ;AACnB,UAAI,CAAC,OAAO,IAAI,KAAK,aAAa,GAAG;AACnC,eAAO,IAAI,KAAK,eAAe,CAAC,CAAC;AAAA,MACnC;AACA,aAAO,IAAI,KAAK,aAAa,EAAG,KAAK,IAAI;AAAA,IAC3C,CAAC;AAAA,EACH,CAAC;AACD,SAAO;AACT;AAEO,MAAM,wBAAwB,CAAC,KAAU,SAA+D;AAC7G,SAAO,aAAa,KAAK,IAAI;AAC/B;",
-  "names": []
-}

package/dist/cjs/elements/SwcAppEngine.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/elements/SwcAppEngine.ts"],
-  "sourcesContent": ["import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { HashRouter, PathRouter, Router, RouterEventType } from '@dooboostore/core-web';\nimport { ElementRouter } from '../router/ElementRouter';\nimport { SimOption } from '@dooboostore/simple-boot/SimOption';\nimport { ConstructorType, OptionalType, Subscription } from '@dooboostore/core';\n\nimport { SwcAppInterface } from '../types';\nimport { SimConfig } from '@dooboostore/simple-boot';\n\nexport type SwcConfigType = {\n  routeType: 'path' | 'hash' | 'element';\n  connectMode?: 'direct' | 'swap' | 'clear-swap';\n  container?: symbol;\n  otherInstanceSim?: Map<ConstructorType<any> | Function | SimConfig | symbol, any>;\n  path?: string;\n  window: Window;\n  onEngineStarted?: (sp: SimpleApplication, app: SwcAppInterface) => void;\n  onConnected?: (app: SwcAppInterface) => void;\n  onDisconnected?: (app: SwcAppInterface) => void;\n\n  onChildrenConnectedDone?: (app: SwcAppInterface) => void;\n  // onChildrenSwcAppStartedDone?: (app: SwcAppInterface) => void;\n  // childrenSwcAppStartedDoneCheckIntervalTime?: number;\n  onChildrenRouteChanged?: (event: RouterEventType, app: SwcAppInterface) => void;\n  childrenRouteChangedCheckIntervalTime?: number; // \uC790\uC2DD \uC5F0\uACB0 \uC644\uB8CC \uC774\uBCA4\uD2B8 \uB514\uBC14\uC6B4\uC2A4 \uD0C0\uC784 (ms)\n  childrenConnectedDoneCheckIntervalTime?: number;\n};\n\nexport type SwcAttributeConfigType = OptionalType<SwcConfigType, 'routeType' | 'window'>;\n\nexport class SwcAppEngine {\n  public simpleApplication?: SimpleApplication;\n  public router?: Router;\n  private routerSubscription?: Subscription;\n  private _config?: SwcConfigType;\n\n  constructor(private host: HTMLElement) {}\n\n  get config() {\n    return this._config;\n  }\n\n  async connect(config: SwcConfigType) {\n    try {\n      this._config = config;\n\n      // Router Selection\n      if (this._config.routeType === 'path') {\n        this.router = new PathRouter({ window: this._config.window, firstUrl: this._config.path });\n      } else if (this._config.routeType === 'hash') {\n        this.router = new HashRouter({ window: this._config.window, firstUrl: this._config.path });\n      } else if (this._config.routeType === 'element') {\n        this.router = new ElementRouter({ window: this._config.window, firstUrl: this._config.path });\n      }\n\n      // console.log('vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv', this.router)\n\n      // App start\n      this.simpleApplication = new SimpleApplication(\n        new SimOption({\n          excludeProxys: [(this._config.window as any).Node],\n          container: this._config.container\n        })\n      );\n\n      const otherInstanceSim = new Map<any, any>();\n      this.config?.otherInstanceSim?.forEach((v, k) => {\n        otherInstanceSim.set(k, v);\n      });\n      if (this.router) otherInstanceSim.set(Router, this.router);\n      this.simpleApplication.run(otherInstanceSim);\n\n      if (this._config.onEngineStarted) {\n        this._config.onEngineStarted(this.simpleApplication, this.host as unknown as SwcAppInterface);\n      }\n    } catch (e) {\n      console.error('[SWC-APP-ENGINE] Init failed:', e, this._config);\n    }\n  }\n\n  disconnect() {\n    this.routerSubscription?.unsubscribe();\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAAkC;AAClC,sBAAgE;AAChE,2BAA8B;AAC9B,uBAA0B;AA2BnB,MAAM,aAAa;AAAA,EAMxB,YAAoB,MAAmB;AAAnB;AALpB,wBAAO;AACP,wBAAO;AACP,wBAAQ;AACR,wBAAQ;AAAA,EAEgC;AAAA,EAExC,IAAI,SAAS;AACX,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,MAAM,QAAQ,QAAuB;AACnC,QAAI;AACF,WAAK,UAAU;AAGf,UAAI,KAAK,QAAQ,cAAc,QAAQ;AACrC,aAAK,SAAS,IAAI,2BAAW,EAAE,QAAQ,KAAK,QAAQ,QAAQ,UAAU,KAAK,QAAQ,KAAK,CAAC;AAAA,MAC3F,WAAW,KAAK,QAAQ,cAAc,QAAQ;AAC5C,aAAK,SAAS,IAAI,2BAAW,EAAE,QAAQ,KAAK,QAAQ,QAAQ,UAAU,KAAK,QAAQ,KAAK,CAAC;AAAA,MAC3F,WAAW,KAAK,QAAQ,cAAc,WAAW;AAC/C,aAAK,SAAS,IAAI,mCAAc,EAAE,QAAQ,KAAK,QAAQ,QAAQ,UAAU,KAAK,QAAQ,KAAK,CAAC;AAAA,MAC9F;AAKA,WAAK,oBAAoB,IAAI;AAAA,QAC3B,IAAI,2BAAU;AAAA,UACZ,eAAe,CAAE,KAAK,QAAQ,OAAe,IAAI;AAAA,UACjD,WAAW,KAAK,QAAQ;AAAA,QAC1B,CAAC;AAAA,MACH;AAEA,YAAM,mBAAmB,oBAAI,IAAc;AAC3C,WAAK,QAAQ,kBAAkB,QAAQ,CAAC,GAAG,MAAM;AAC/C,yBAAiB,IAAI,GAAG,CAAC;AAAA,MAC3B,CAAC;AACD,UAAI,KAAK,OAAQ,kBAAiB,IAAI,wBAAQ,KAAK,MAAM;AACzD,WAAK,kBAAkB,IAAI,gBAAgB;AAE3C,UAAI,KAAK,QAAQ,iBAAiB;AAChC,aAAK,QAAQ,gBAAgB,KAAK,mBAAmB,KAAK,IAAkC;AAAA,MAC9F;AAAA,IACF,SAAS,GAAG;AACV,cAAQ,MAAM,iCAAiC,GAAG,KAAK,OAAO;AAAA,IAChE;AAAA,EACF;AAAA,EAEA,aAAa;AACX,SAAK,oBAAoB,YAAY;AAAA,EACvC;AACF;",
-  "names": []
-}

package/dist/cjs/elements/SwcAppMixin.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/elements/SwcAppMixin.ts"],
-  "sourcesContent": ["import {SwcAppEngine, SwcAttributeConfigType, SwcConfigType} from './SwcAppEngine';\nimport {SwcAppInterface, SwcAppMessage} from '../types';\nimport {SwcUtils} from '../utils/Utils';\nimport {debounceTimeIntervalLock, FunctionUtils, Subscription} from '@dooboostore/core';\nimport {RouterEventType} from '@dooboostore/core-web';\nimport {getSubscribeSwcAppRouteChangeWhileConnectedMetadata} from '../decorators/subscribeSwcAppRouteChangeWhileConnected';\nimport {getSubscribeSwcAppMessageWhileConnectedMetadata} from '../decorators/subscribeSwcAppMessageWhileConnected';\n\nexport function SwcAppMixin<T extends { new(...args: any[]): HTMLElement }>(Base: T) {\n  //@ts-ignore\n  return class extends Base implements SwcAppInterface {\n    __swc_engine = new SwcAppEngine(this as any);\n    _swc_connected_instance = new Set<any>();\n    // _swc_notified_routes = new WeakMap<any, RouterEventType>();\n    _routerSubscription?: Subscription;\n    _lastRouterEvent?: RouterEventType;\n    _routeChangeInvocations = 0;\n    _connectedInvocations = 0;\n\n    _childrenRouteChangedInterval: any;\n    _childrenConnectedDoneInterval: any;\n\n    /*\n      \uC0AC\uD30C\uB9AC is \uC77C\uACBD\uC6B0\n    <script src=\"https://unpkg.com/@ungap/custom-elements\"></script>\n    \uC774\uAC78\uC0AC\uC6A9\uD558\uB294\uB370 is \uB300\uC751\uD558\uB294\uAC70\uB2E4 \uADF8\uB7F0\uB370 \uC774\uB54C \uCC98\uB9AC\uB418\uB294 \uC21C\uC11C\uAC00  \uD06C\uB86C\uC774\uB098 \uD45C\uC900\uC5D0\uC11C\uB294 \uBD80\uBAA8\uBD80\uD130 \uB9CC\uB4E4\uC5B4\uC9C0\uACE0 \uC790\uC2DD\uB4E4\uC774 \uB9CC\uB4E4\uC5B4\uC9C0\uB294\uB370\n     \uC800 polyfill\uC5D0\uC11C\uB294 \uC790\uC2DD\uBD80\uD130 \uB9CC\uB4E4\uC5B4\uC9C0\uACE0 \uBD80\uBAA8\uAC00 \uB9CC\uB4E4\uC5B4\uC9C4\uB2E4 is\uC77C\uB54C \uC544 .. \uC774\uBB38\uC81C\uB54C\uBB38\uC5D0 \uC790\uC2DD\uC774 _connected_safari \uC5D0 \uAC15\uC81C\uB85C \uC790\uAE30\uC790\uC2DD\uB123\uC5B4\uC900\uB2E4\n     */\n    _connected_safari = [];\n\n    get simpleApplication() {\n      return this.__swc_engine.simpleApplication;\n    }\n\n    get config() {\n      return this.__swc_engine?.config;\n    }\n\n    get router() {\n      return this.__swc_engine?.router;\n    }\n\n    async _invokeRouteChangeSubscribers(instance: any, re: RouterEventType) {\n      if (instance.isConnected === false) return;\n\n      this._routeChangeInvocations++;\n\n      if (this._childrenRouteChangedInterval) {\n        clearInterval(this._childrenRouteChangedInterval);\n      }\n      this._childrenRouteChangedInterval = debounceTimeIntervalLock(\n        () => this._routeChangeInvocations === 0,\n        () => {\n          this._childrenRouteChangedInterval = null;\n          this.config.onChildrenRouteChanged(re, this)\n        },\n        this.config?.childrenConnectedDoneCheckIntervalTime ?? 30,\n        {setInterval: window.setInterval, clearInterval: window.clearInterval}\n        // {setInterval: window.setInterval, clearInterval: window.clearInterval}\n      );\n\n\n      // debounceTimeIntervalLock({\n      //   unlockChecker: () => this._routeChangeInvocations === 0,\n      //   unlocked: () => this.config.onChildrenRouteChanged(re, this)\n      // }, {\n      //   intervalId: this._childrenRouteChangedInterval,\n      //   setIntervalId: (id) => this._childrenRouteChangedInterval = id,\n      //   intervalTime: this.config?.childrenRouteChangedCheckIntervalTime ?? 30\n      // }, {\n      //   setInterval: window.setInterval,\n      //   clearInterval: window.clearInterval\n      // });\n\n      try {\n        // if (this._swc_notified_routes.get(instance) === re) {\n        //   return;\n        // }\n        // this._swc_notified_routes.set(instance, re);\n\n        const routeChangeSubscribers = getSubscribeSwcAppRouteChangeWhileConnectedMetadata(instance);\n        if (routeChangeSubscribers && Array.isArray(routeChangeSubscribers)) {\n          const ps = routeChangeSubscribers.map(async metadata => {\n            const methodName = metadata.propertyKey;\n            let pathPattern = metadata.options?.path as any;\n            const filter = metadata.options?.filter;\n\n            if (typeof pathPattern === 'function') {\n              pathPattern = (pathPattern as Function)(instance);\n            }\n\n            let pathMatched = false;\n            let pathData: any = null;\n\n            if (!pathPattern) {\n              pathMatched = true;\n              pathData = {};\n            } else if (Array.isArray(pathPattern)) {\n              for (const pattern of pathPattern) {\n                const data = SwcUtils.parsePathPattern(pattern, re.path || '/');\n                if (data !== null) {\n                  pathMatched = true;\n                  pathData = data;\n                  break;\n                }\n              }\n            } else {\n              pathData = SwcUtils.parsePathPattern(pathPattern, re.path || '/');\n              pathMatched = pathData !== null;\n            }\n\n            const filterPassed = !filter || filter(this.router!, instance);\n\n            if (pathMatched && filterPassed && instance[methodName]) {\n              await instance[methodName]({...re, pathData: pathData});\n            }\n          });\n          await Promise.allSettled(ps);\n        }\n      } finally {\n        this._routeChangeInvocations--;\n      }\n    }\n\n    async _connected(instance: any) {\n      if (instance) {\n        this._connectedInvocations++;\n        this._swc_connected_instance.add(instance);\n\n        if (this._childrenConnectedDoneInterval) {\n          clearInterval(this._childrenConnectedDoneInterval);\n        }\n        this._childrenConnectedDoneInterval = debounceTimeIntervalLock(\n          () => this._connectedInvocations === 0,\n          () => {\n            this._childrenConnectedDoneInterval = null;\n            this.config.onChildrenConnectedDone(this)\n          },\n          this.config?.childrenConnectedDoneCheckIntervalTime ?? 30,\n          {setInterval: window.setInterval, clearInterval: window.clearInterval}\n        );\n\n\n        if (this.simpleApplication) {\n          try {\n            // await this._invokeOnConnectedSwcAppStarted(instance);\n\n            if (this.router && this._lastRouterEvent) {\n              await this._invokeRouteChangeSubscribers(instance, this._lastRouterEvent!);\n            }\n          } catch (e) {\n            throw e;\n          }\n        }\n      }\n    }\n\n    async _connectedDone(instance: any) {\n      try {\n        // \uB0B4\uBD80 \uC5F0\uACB0 \uCC98\uB9AC \uB85C\uC9C1\uC774 \uC788\uB2E4\uBA74 \uC5EC\uAE30\uC5D0 \uCD94\uAC00\n      } finally {\n        this._connectedInvocations--;\n      }\n    }\n\n    _disconnected(instance: any) {\n      // console.log('_disconnected', instance);\n      if (instance) {\n        this._swc_connected_instance.delete(instance);\n        // this._swc_notified_routes.delete(instance);\n      }\n    }\n\n    async _handleRouteChange(route: RouterEventType) {\n      // Save last router event\n      this._lastRouterEvent = route;\n      // if (route.triggerPoint === 'end') {\n      // Iterate through all connected component instances\n      const swcConnectedInstance = Array.from(this._swc_connected_instance);\n      // console.log('routing handle-->', swcConnectedInstance)\n      const ps = swcConnectedInstance.map((instance: any) => this._invokeRouteChangeSubscribers(instance, route));\n      await Promise.allSettled(ps);\n      // }\n    }\n\n    async connect(config?: SwcAttributeConfigType) {\n      const swcConfig = {\n        routeType: 'element',\n        window: config?.window,\n        ...config\n      } as SwcConfigType;\n\n      const mode = config?.connectMode || 'direct';\n\n      if (mode === 'direct') {\n        await this.__swc_engine.connect(swcConfig);\n        this.setAttribute('swc-connect-mode', 'direct');\n      } else if (mode === 'swap' || mode === 'clear-swap') {\n        if (!this.parentNode) {\n          // \uBD80\uBAA8\uAC00 \uC5C6\uC73C\uBA74 swap\uC744 \uD560 \uC218 \uC5C6\uC73C\uBBC0\uB85C direct\uB85C \uD3F4\uBC31\uD569\uB2C8\uB2E4.\n          await this.__swc_engine.connect(swcConfig);\n          this.setAttribute('swc-connect-mode', 'direct');\n        } else {\n          // 1. \uD604\uC7AC SSR \uC0C1\uD0DC(\uD654\uBA74)\uB97C \uADF8\uB300\uB85C \uC720\uC9C0\uD55C \uCC44\uB85C, \uBC31\uADF8\uB77C\uC6B4\uB4DC\uC6A9 \uD074\uB860\uC744 \uB9CC\uB4ED\uB2C8\uB2E4.\n          const clonedApp = this.cloneNode(mode === 'swap') as any; // clear-swap \uBAA8\uB4DC\uBA74 \uC790\uC2DD \uB178\uB4DC\uB97C \uD074\uB860\uD558\uC9C0 \uC54A\uC74C(false)\n          clonedApp.style.display = 'none';\n\n          // 2. DOM\uC5D0 \uD074\uB860\uC744 \uBAB0\uB798 \uBD99\uC785\uB2C8\uB2E4.\n          this.parentNode.insertBefore(clonedApp, this.nextSibling);\n\n          try {\n            // 3. \uD074\uB860\uC744 direct \uBAA8\uB4DC\uB85C \uC5F0\uACB0(\uCD08\uAE30\uD654/\uB80C\uB354\uB9C1) \uC2DC\uD0B5\uB2C8\uB2E4.\n            await clonedApp.connect({...(config || {}), connectMode: 'direct'});\n\n            // 4. \uD074\uB860\uC758 \uB80C\uB354\uB9C1\uC774 \uC644\uC804\uD788 \uB05D\uB098\uBA74, \uAE30\uC874 SSR \uD654\uBA74(this)\uC744 \uC9C0\uC6B0\uACE0 \uD074\uB860\uC744 \uBCF4\uC5EC\uC90D\uB2C8\uB2E4.\n            if (this.parentNode) {\n              this.parentNode.removeChild(this);\n            }\n            clonedApp.style.display = '';\n            clonedApp.setAttribute('swc-connect-mode', mode);\n\n            // \u2605 \uB9E4\uC6B0 \uC911\uC694: \uAD50\uCCB4\uAC00 \uC644\uB8CC\uB418\uC5C8\uC73C\uBBC0\uB85C \uAE30\uC874 \uC571(this)\uC740 \uC5EC\uAE30\uC11C \uC989\uC2DC \uC885\uB8CC\uD558\uC5EC \uBD88\uD544\uC694\uD55C \uB77C\uC6B0\uD130/\uC774\uBCA4\uD2B8 \uAD6C\uB3C5\uC744 \uB9C9\uC544\uC57C \uD569\uB2C8\uB2E4!\n            return;\n          } catch (e) {\n            // \uC2E4\uD328 \uC2DC \uD074\uB860\uC744 \uC9C0\uC6B0\uACE0 \uC6D0\uBCF8\uC744 direct\uB85C \uAC15\uC81C \uC5F0\uACB0\uD569\uB2C8\uB2E4.\n            if (clonedApp.parentNode) {\n              clonedApp.parentNode.removeChild(clonedApp);\n            }\n            await this.__swc_engine.connect(swcConfig);\n            this.setAttribute('swc-connect-mode', 'direct');\n          }\n        }\n      }\n\n      // \uC0AC\uD30C\uB9AC\uC77C\uB584 \uC608\uC678\uC774\uB2E4 is \uC77C\uB54C polyfill\uB418\uB294\uB370 \uC774\uB584 \uBD80\uBAA8\uBD80\uD130 \uB9CC\uB4E4\uC5B4\uC9C0\uB294\uAC8C \uC544\uB2C8\uB77C \uC790\uC2DD\uBD80\uD130 \uB9CC\uB4E4\uC5B4\uC9C4\uB2E4 \uADF8\uB798\uC11C \uBD80\uBAA8\uAC00 \uB9CC\uB4E4\uC5B4\uC9C8\uB54C \uC790\uC2DD\uB4E4\uC774 \uC774\uBBF8 \uB9CC\uB4E4\uC5B4\uC838\uC788\uC5B4\uC11C \uBD80\uBAA8\uAC00 \uC790\uC2DD\uB4E4\uC744 \uB4F1\uB85D\uD574\uC8FC\uB294 \uD615\uD0DC\uB85C \uAC15\uC81C\uB85C \uB4F1\uB85D\uD574\uC900\uB2E4\n      this._connected_safari.forEach((instance: any) => {\n        // console.log('safari!!!!!!!!!!', instance)\n        this._connected(instance);\n        // this._swc_connected_instance.add(instance);\n      });\n      // Invoke @onConnectedSwcApp lifecycle methods on all connected component instances\n      // const hostSet = SwcUtils.getHostSet(this as any);\n\n      // const scis = Array.from(this._swc_connected_instance);\n      // await Promise.allSettled(scis.map(instance => this._invokeOnConnectedSwcAppStarted(instance)));\n\n      // this._swc_connected_instance.forEach((instance: any) => {\n      //   this._invokeOnConnectedSwcAppStarted(instance);\n      // });\n\n      // Subscribe to router changes after connect\n      if (!this._routerSubscription && this.router) {\n        const config = this.__swc_engine.config;\n\n        this._routerSubscription = this.router.observable.subscribe(async (route: RouterEventType) => {\n          // console.log('[SWC] Router event received:', route.triggerPoint);\n          if (route.triggerPoint === 'end') {\n            // 1. \uBAA8\uB4E0 \uAE30\uC874 \uC5F0\uACB0\uB41C \uC790\uC2DD\uB4E4\uC5D0\uAC8C \uB77C\uC6B0\uD2B8 \uC774\uBCA4\uD2B8 \uC54C\uB9BC\n            await this._handleRouteChange(route);\n          }\n        });\n\n        // Navigate to initial path if specified\n        if (config?.path) {\n          // console.log('[DEBUG] Navigating to initial path:', config.path);\n          this.router.go(config.path);\n        }\n      }\n    }\n\n    // async _invokeOnConnectedSwcAppStarted(instance: any) {\n    //   this._swcAppStartedInvocations++;\n    //   try {\n    //     // \uC774\uBBF8 \uC2DC\uC791\uB41C \uC778\uC2A4\uD134\uC2A4\uB77C\uBA74 \uC2A4\uD0B5 (\uBE44\uB3D9\uAE30 \uBCD1\uB82C \uC911\uBCF5 \uD638\uCD9C \uBC29\uC9C0)\n    //     if (this._swc_started_instances.has(instance)) return;\n    //     this._swc_started_instances.add(instance);\n    //\n    //     const startedMethods = findAllLifecycleMetadata(instance, ON_CONNECTED_SWC_APP_METADATA_KEY);\n    //     if (startedMethods) {\n    //       const ps = startedMethods.map(m => instance._invokeLifecycleMethod(m));\n    //       await Promise.allSettled(ps);\n    //     }\n    //   } finally {\n    //     this._swcAppStartedInvocations--;\n    //   }\n    // }\n\n    connectedCallback() {\n      // this.innerHTML='';\n      // @ts-ignore\n      if (super.connectedCallback) super.connectedCallback();\n\n      const configStr = this.getAttribute('swc-get-application-config');\n      const win = this.ownerDocument?.defaultView || window;\n      if (configStr && win) {\n        try {\n          // console.log('vvvvvvvvvvvvvvvv->>>>', SwcUtils.findNearestSwcHost(this.host), SwcUtils.getHostSet(this.host))\n          const userConfig = FunctionUtils.executeReturn({\n            script: configStr,\n            context: this,\n            args: SwcUtils.getHelperAndHostSet(win, this)\n          });\n          this.connect(userConfig);\n        } catch (e) {\n          console.error('[SWC-APP-ENGINE] Script execution failed:', e);\n        }\n      }\n\n      this.__swc_engine?.config?.onConnected?.(this);\n    }\n\n    disconnectedCallback() {\n      // @ts-ignore\n      if (super.disconnectedCallback) super.disconnectedCallback();\n      this._routerSubscription?.unsubscribe();\n      this._routerSubscription = undefined;\n      this._lastRouterEvent = undefined;\n      this.__swc_engine.disconnect();\n      this.__swc_engine?.config?.onDisconnected?.(this);\n    }\n\n    async routing(path: string) {\n      await this.router?.go(path);\n    }\n\n    back(): void {\n      this.router?.back();\n    }\n\n    forward(): void {\n      this.router?.forward();\n    }\n\n    reload(): void {\n      this.router?.reload();\n    }\n\n    publishMessage(message: SwcAppMessage): void {\n      // \uBA54\uC2DC\uC9C0\uB97C \uBAA8\uB4E0 connected component instances\uB85C \uBD84\uBC30\n      this._swc_connected_instance.forEach((instance: any) => {\n        this._invokeMessageSubscribers(instance, message);\n      });\n    }\n\n    _invokeMessageSubscribers(instance: any, message: SwcAppMessage) {\n      const messageSubscribers = getSubscribeSwcAppMessageWhileConnectedMetadata(instance);\n      if (messageSubscribers && Array.isArray(messageSubscribers)) {\n        messageSubscribers.forEach(metadata => {\n          const methodName = metadata.propertyKey;\n          const messageType = metadata.messageType;\n          const filter = metadata.filter;\n\n          // \uBA54\uC2DC\uC9C0 \uD0C0\uC785 \uD655\uC778\n          let typeMatched = false;\n          if (!messageType) {\n            // messageType\uC774 \uC5C6\uC73C\uBA74 \uBAA8\uB4E0 \uBA54\uC2DC\uC9C0 \uB9E4\uCE6D (\uC640\uC77C\uB4DC\uCE74\uB4DC)\n            typeMatched = true;\n          } else if (message.type === messageType) {\n            typeMatched = true;\n          }\n\n          // \uD544\uD130 \uC801\uC6A9\n          let filterMatched = true;\n          if (filter && typeMatched) {\n            filterMatched = filter(message, instance);\n          }\n\n          // \uC870\uAC74\uC744 \uB9CC\uC871\uD558\uBA74 \uBA54\uC11C\uB4DC \uD638\uCD9C\n          if (typeMatched && filterMatched && typeof instance[methodName] === 'function') {\n            instance[methodName](message);\n          }\n        });\n      }\n    }\n  };\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAkE;AAElE,mBAAuB;AACvB,kBAAoE;AAEpE,sDAAkE;AAClE,kDAA8D;AAEvD,SAAS,YAA4D,MAAS;AAEnF,SAAO,cAAc,KAAgC;AAAA,IAA9C;AAAA;AACL,0CAAe,IAAI,iCAAa,IAAW;AAC3C,qDAA0B,oBAAI,IAAS;AAEvC;AAAA;AACA;AACA,qDAA0B;AAC1B,mDAAwB;AAExB;AACA;AAQA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+CAAoB,CAAC;AAAA;AAAA,IAErB,IAAI,oBAAoB;AACtB,aAAO,KAAK,aAAa;AAAA,IAC3B;AAAA,IAEA,IAAI,SAAS;AACX,aAAO,KAAK,cAAc;AAAA,IAC5B;AAAA,IAEA,IAAI,SAAS;AACX,aAAO,KAAK,cAAc;AAAA,IAC5B;AAAA,IAEA,MAAM,8BAA8B,UAAe,IAAqB;AACtE,UAAI,SAAS,gBAAgB,MAAO;AAEpC,WAAK;AAEL,UAAI,KAAK,+BAA+B;AACtC,sBAAc,KAAK,6BAA6B;AAAA,MAClD;AACA,WAAK,oCAAgC;AAAA,QACnC,MAAM,KAAK,4BAA4B;AAAA,QACvC,MAAM;AACJ,eAAK,gCAAgC;AACrC,eAAK,OAAO,uBAAuB,IAAI,IAAI;AAAA,QAC7C;AAAA,QACA,KAAK,QAAQ,0CAA0C;AAAA,QACvD,EAAC,aAAa,OAAO,aAAa,eAAe,OAAO,cAAa;AAAA;AAAA,MAEvE;AAeA,UAAI;AAMF,cAAM,6BAAyB,qGAAoD,QAAQ;AAC3F,YAAI,0BAA0B,MAAM,QAAQ,sBAAsB,GAAG;AACnE,gBAAM,KAAK,uBAAuB,IAAI,OAAM,aAAY;AACtD,kBAAM,aAAa,SAAS;AAC5B,gBAAI,cAAc,SAAS,SAAS;AACpC,kBAAM,SAAS,SAAS,SAAS;AAEjC,gBAAI,OAAO,gBAAgB,YAAY;AACrC,4BAAe,YAAyB,QAAQ;AAAA,YAClD;AAEA,gBAAI,cAAc;AAClB,gBAAI,WAAgB;AAEpB,gBAAI,CAAC,aAAa;AAChB,4BAAc;AACd,yBAAW,CAAC;AAAA,YACd,WAAW,MAAM,QAAQ,WAAW,GAAG;AACrC,yBAAW,WAAW,aAAa;AACjC,sBAAM,OAAO,sBAAS,iBAAiB,SAAS,GAAG,QAAQ,GAAG;AAC9D,oBAAI,SAAS,MAAM;AACjB,gCAAc;AACd,6BAAW;AACX;AAAA,gBACF;AAAA,cACF;AAAA,YACF,OAAO;AACL,yBAAW,sBAAS,iBAAiB,aAAa,GAAG,QAAQ,GAAG;AAChE,4BAAc,aAAa;AAAA,YAC7B;AAEA,kBAAM,eAAe,CAAC,UAAU,OAAO,KAAK,QAAS,QAAQ;AAE7D,gBAAI,eAAe,gBAAgB,SAAS,UAAU,GAAG;AACvD,oBAAM,SAAS,UAAU,EAAE,EAAC,GAAG,IAAI,SAAkB,CAAC;AAAA,YACxD;AAAA,UACF,CAAC;AACD,gBAAM,QAAQ,WAAW,EAAE;AAAA,QAC7B;AAAA,MACF,UAAE;AACA,aAAK;AAAA,MACP;AAAA,IACF;AAAA,IAEA,MAAM,WAAW,UAAe;AAC9B,UAAI,UAAU;AACZ,aAAK;AACL,aAAK,wBAAwB,IAAI,QAAQ;AAEzC,YAAI,KAAK,gCAAgC;AACvC,wBAAc,KAAK,8BAA8B;AAAA,QACnD;AACA,aAAK,qCAAiC;AAAA,UACpC,MAAM,KAAK,0BAA0B;AAAA,UACrC,MAAM;AACJ,iBAAK,iCAAiC;AACtC,iBAAK,OAAO,wBAAwB,IAAI;AAAA,UAC1C;AAAA,UACA,KAAK,QAAQ,0CAA0C;AAAA,UACvD,EAAC,aAAa,OAAO,aAAa,eAAe,OAAO,cAAa;AAAA,QACvE;AAGA,YAAI,KAAK,mBAAmB;AAC1B,cAAI;AAGF,gBAAI,KAAK,UAAU,KAAK,kBAAkB;AACxC,oBAAM,KAAK,8BAA8B,UAAU,KAAK,gBAAiB;AAAA,YAC3E;AAAA,UACF,SAAS,GAAG;AACV,kBAAM;AAAA,UACR;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IAEA,MAAM,eAAe,UAAe;AAClC,UAAI;AAAA,MAEJ,UAAE;AACA,aAAK;AAAA,MACP;AAAA,IACF;AAAA,IAEA,cAAc,UAAe;AAE3B,UAAI,UAAU;AACZ,aAAK,wBAAwB,OAAO,QAAQ;AAAA,MAE9C;AAAA,IACF;AAAA,IAEA,MAAM,mBAAmB,OAAwB;AAE/C,WAAK,mBAAmB;AAGxB,YAAM,uBAAuB,MAAM,KAAK,KAAK,uBAAuB;AAEpE,YAAM,KAAK,qBAAqB,IAAI,CAAC,aAAkB,KAAK,8BAA8B,UAAU,KAAK,CAAC;AAC1G,YAAM,QAAQ,WAAW,EAAE;AAAA,IAE7B;AAAA,IAEA,MAAM,QAAQ,QAAiC;AAC7C,YAAM,YAAY;AAAA,QAChB,WAAW;AAAA,QACX,QAAQ,QAAQ;AAAA,QAChB,GAAG;AAAA,MACL;AAEA,YAAM,OAAO,QAAQ,eAAe;AAEpC,UAAI,SAAS,UAAU;AACrB,cAAM,KAAK,aAAa,QAAQ,SAAS;AACzC,aAAK,aAAa,oBAAoB,QAAQ;AAAA,MAChD,WAAW,SAAS,UAAU,SAAS,cAAc;AACnD,YAAI,CAAC,KAAK,YAAY;AAEpB,gBAAM,KAAK,aAAa,QAAQ,SAAS;AACzC,eAAK,aAAa,oBAAoB,QAAQ;AAAA,QAChD,OAAO;AAEL,gBAAM,YAAY,KAAK,UAAU,SAAS,MAAM;AAChD,oBAAU,MAAM,UAAU;AAG1B,eAAK,WAAW,aAAa,WAAW,KAAK,WAAW;AAExD,cAAI;AAEF,kBAAM,UAAU,QAAQ,EAAC,GAAI,UAAU,CAAC,GAAI,aAAa,SAAQ,CAAC;AAGlE,gBAAI,KAAK,YAAY;AACnB,mBAAK,WAAW,YAAY,IAAI;AAAA,YAClC;AACA,sBAAU,MAAM,UAAU;AAC1B,sBAAU,aAAa,oBAAoB,IAAI;AAG/C;AAAA,UACF,SAAS,GAAG;AAEV,gBAAI,UAAU,YAAY;AACxB,wBAAU,WAAW,YAAY,SAAS;AAAA,YAC5C;AACA,kBAAM,KAAK,aAAa,QAAQ,SAAS;AACzC,iBAAK,aAAa,oBAAoB,QAAQ;AAAA,UAChD;AAAA,QACF;AAAA,MACF;AAGA,WAAK,kBAAkB,QAAQ,CAAC,aAAkB;AAEhD,aAAK,WAAW,QAAQ;AAAA,MAE1B,CAAC;AAYD,UAAI,CAAC,KAAK,uBAAuB,KAAK,QAAQ;AAC5C,cAAMA,UAAS,KAAK,aAAa;AAEjC,aAAK,sBAAsB,KAAK,OAAO,WAAW,UAAU,OAAO,UAA2B;AAE5F,cAAI,MAAM,iBAAiB,OAAO;AAEhC,kBAAM,KAAK,mBAAmB,KAAK;AAAA,UACrC;AAAA,QACF,CAAC;AAGD,YAAIA,SAAQ,MAAM;AAEhB,eAAK,OAAO,GAAGA,QAAO,IAAI;AAAA,QAC5B;AAAA,MACF;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAmBA,oBAAoB;AAGlB,UAAI,MAAM,kBAAmB,OAAM,kBAAkB;AAErD,YAAM,YAAY,KAAK,aAAa,4BAA4B;AAChE,YAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,UAAI,aAAa,KAAK;AACpB,YAAI;AAEF,gBAAM,aAAa,0BAAc,cAAc;AAAA,YAC7C,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,MAAM,sBAAS,oBAAoB,KAAK,IAAI;AAAA,UAC9C,CAAC;AACD,eAAK,QAAQ,UAAU;AAAA,QACzB,SAAS,GAAG;AACV,kBAAQ,MAAM,6CAA6C,CAAC;AAAA,QAC9D;AAAA,MACF;AAEA,WAAK,cAAc,QAAQ,cAAc,IAAI;AAAA,IAC/C;AAAA,IAEA,uBAAuB;AAErB,UAAI,MAAM,qBAAsB,OAAM,qBAAqB;AAC3D,WAAK,qBAAqB,YAAY;AACtC,WAAK,sBAAsB;AAC3B,WAAK,mBAAmB;AACxB,WAAK,aAAa,WAAW;AAC7B,WAAK,cAAc,QAAQ,iBAAiB,IAAI;AAAA,IAClD;AAAA,IAEA,MAAM,QAAQ,MAAc;AAC1B,YAAM,KAAK,QAAQ,GAAG,IAAI;AAAA,IAC5B;AAAA,IAEA,OAAa;AACX,WAAK,QAAQ,KAAK;AAAA,IACpB;AAAA,IAEA,UAAgB;AACd,WAAK,QAAQ,QAAQ;AAAA,IACvB;AAAA,IAEA,SAAe;AACb,WAAK,QAAQ,OAAO;AAAA,IACtB;AAAA,IAEA,eAAe,SAA8B;AAE3C,WAAK,wBAAwB,QAAQ,CAAC,aAAkB;AACtD,aAAK,0BAA0B,UAAU,OAAO;AAAA,MAClD,CAAC;AAAA,IACH;AAAA,IAEA,0BAA0B,UAAe,SAAwB;AAC/D,YAAM,yBAAqB,6FAAgD,QAAQ;AACnF,UAAI,sBAAsB,MAAM,QAAQ,kBAAkB,GAAG;AAC3D,2BAAmB,QAAQ,cAAY;AACrC,gBAAM,aAAa,SAAS;AAC5B,gBAAM,cAAc,SAAS;AAC7B,gBAAM,SAAS,SAAS;AAGxB,cAAI,cAAc;AAClB,cAAI,CAAC,aAAa;AAEhB,0BAAc;AAAA,UAChB,WAAW,QAAQ,SAAS,aAAa;AACvC,0BAAc;AAAA,UAChB;AAGA,cAAI,gBAAgB;AACpB,cAAI,UAAU,aAAa;AACzB,4BAAgB,OAAO,SAAS,QAAQ;AAAA,UAC1C;AAGA,cAAI,eAAe,iBAAiB,OAAO,SAAS,UAAU,MAAM,YAAY;AAC9E,qBAAS,UAAU,EAAE,OAAO;AAAA,UAC9B;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;",
-  "names": ["config"]
-}

package/dist/cjs/elements/SwcAsync.js

@@ -1,129 +0,0 @@
-var import_changedAttributeHost = require("../decorators/changedAttributeHost");
-var import_Utils = require("../utils/Utils");
-var import_core = require("@dooboostore/core");
-var import_core_web = require("@dooboostore/core-web");
-var import_decorators = require("../decorators");
-var __decorate = function(decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = function(k, v) {
-  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-class SwcAsync extends HTMLTemplateElement {
-  constructor() {
-    super(...arguments);
-    this._nodes = [];
-  }
-  get value() {
-    return this._value;
-  }
-  set value(nv) {
-    this.executeAsync(nv);
-  }
-  setValue(valueAttr) {
-    this.executeAsync(this._value);
-  }
-  // @changedAttributeHost('replace-wrap')
-  // private setReplaceWrap() {
-  //   this.executeAsync(this._value);
-  // }
-  executeAsync(result = this._value) {
-    if (result === void 0 || result === null) {
-      this.refresh("default");
-      return;
-    }
-    if (result instanceof Promise) {
-      this.refresh("loading");
-      result.then((v) => {
-        this.resultValue = v;
-        this.refresh("success");
-      }).catch((e) => {
-        console.error("[SWC-ASYNC] Promise rejected:", e);
-        this.resultValue = e;
-        this.refresh("error");
-      });
-    } else {
-      this.resultValue = result;
-      this.refresh("success");
-    }
-  }
-  replaceExpressions(html, groupArgs, context, wrap) {
-    let config = void 0;
-    if (wrap) {
-      config = {
-        expression: {
-          replace: { start: `${wrap.start}`, end: `${wrap.end}` },
-          callReturn: { start: `${wrap.start}=`, end: `${wrap.end}` },
-          call: { start: `${wrap.start}@`, end: `${wrap.end}` }
-        }
-      };
-    }
-    const ae = new import_core.ActionExpression(html, config);
-    const win = this.ownerDocument?.defaultView || window;
-    for (const expr of ae.getExpressions("replace")) {
-      try {
-        const value = import_core.FunctionUtils.executeReturn({
-          script: import_core_web.ConvertUtils.decodeHtmlEntity(expr.script, win.document),
-          context,
-          args: groupArgs
-        });
-        ae.replace(expr, String(value));
-      } catch (e) {
-        console.error(`[SWC] Failed to execute ${expr.original}:`, e);
-      }
-    }
-    return ae.getUnprocessedTemplate();
-  }
-  refresh(state = "default") {
-    this.cleanup();
-    const portal = import_Utils.SwcUtils.getParentContainer(this);
-    if (!portal)
-      return;
-    const win = this.ownerDocument?.defaultView || window;
-    const helperSet = import_Utils.SwcUtils.getHelperAndHostSet(win, this);
-    const t = this.content.querySelector(`template[is="swc-${state}"]`);
-    if (t) {
-      let htmlString = t.innerHTML;
-      const groupArgs = { ...helperSet, $value: this._value, $state: state, $templateHost: this };
-      htmlString = this.replaceExpressions(htmlString, groupArgs, this, { start: this._replaceWrapStart ?? "{#{", end: this._replaceWrapEnd ?? "}#}" });
-      const temp = this.ownerDocument?.createElement("template") || document.createElement("template");
-      temp.innerHTML = htmlString;
-      const content = temp.content;
-      this._nodes = Array.from(content.childNodes);
-      this._nodes.forEach((node) => {
-        if (node instanceof HTMLElement)
-          node.__template_swc_host = this;
-      });
-      portal.insertBefore(content, this.nextSibling);
-    }
-  }
-  cleanup() {
-    this._nodes.forEach((n) => n.parentElement?.removeChild(n));
-    this._nodes = [];
-  }
-  disconnectedCallback() {
-    this.cleanup();
-  }
-}
-__decorate([
-  (0, import_decorators.attributeHost)("value"),
-  __metadata("design:type", Object)
-], SwcAsync.prototype, "_value", void 0);
-__decorate([
-  (0, import_decorators.attributeHost)("replace-wrap-start"),
-  __metadata("design:type", String)
-], SwcAsync.prototype, "_replaceWrapStart", void 0);
-__decorate([
-  (0, import_decorators.attributeHost)("replace-wrap-end"),
-  __metadata("design:type", String)
-], SwcAsync.prototype, "_replaceWrapEnd", void 0);
-__decorate([
-  (0, import_changedAttributeHost.changedAttributeHost)("value"),
-  __metadata("design:type", Function),
-  __metadata("design:paramtypes", [String]),
-  __metadata("design:returntype", void 0)
-], SwcAsync.prototype, "setValue", null);
-//# sourceMappingURL=SwcAsync.js.map

package/dist/cjs/elements/SwcAsync.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/elements/SwcAsync.ts"],
-  "sourcesContent": ["import { changedAttributeHost } from '../decorators/changedAttributeHost';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils, ActionExpression } from '@dooboostore/core';\nimport { ConvertUtils } from '@dooboostore/core-web';\nimport { attributeHost } from '../decorators';\n\nclass SwcAsync extends HTMLTemplateElement {\n  @attributeHost('value')\n  _value: any;\n  @attributeHost('replace-wrap-start')\n  _replaceWrapStart: string | null;\n  @attributeHost('replace-wrap-end')\n  _replaceWrapEnd: string | null;  resultValue?: any;\n\n  get value(): boolean {\n    return this._value;\n  }\n\n  set value(nv: any) {\n    this.executeAsync(nv);\n  }\n\n  private _nodes: Node[] = [];\n\n  @changedAttributeHost('value')\n  private setValue(valueAttr?: string | null) {\n    this.executeAsync(this._value);\n  }\n\n  // @changedAttributeHost('replace-wrap')\n  // private setReplaceWrap() {\n  //   this.executeAsync(this._value);\n  // }\n\n  private executeAsync(result: any = this._value) {\n    if (result === undefined || result === null) {\n      this.refresh('default');\n      return;\n    }\n\n    if (result instanceof Promise) {\n      this.refresh('loading');\n      result\n        .then(v => {\n          this.resultValue = v;\n          this.refresh('success');\n        })\n        .catch(e => {\n          console.error('[SWC-ASYNC] Promise rejected:', e);\n          this.resultValue = e;\n          this.refresh('error');\n        });\n    } else {\n      this.resultValue = result;\n      this.refresh('success');\n    }\n  }\n\n  private replaceExpressions(html: string, groupArgs: any, context: any, wrap: {start: string, end: string}): string {\n    let config: any = undefined;\n    if (wrap) {\n      config = {\n        expression: {\n          replace: { start: `${wrap.start}`, end: `${wrap.end}` },\n          callReturn: { start: `${wrap.start}=`, end: `${wrap.end}` },\n          call: { start: `${wrap.start}@`, end: `${wrap.end}` }\n        }\n      };\n    }\n    const ae = new ActionExpression(html, config);\n    const win = this.ownerDocument?.defaultView || window;\n\n    // @ts-ignore\n    for (const expr of ae.getExpressions('replace')) {\n      try {\n        const value = FunctionUtils.executeReturn({\n          script: ConvertUtils.decodeHtmlEntity(expr.script, win.document),\n          context,\n          args: groupArgs\n        });\n        ae.replace(expr, String(value));\n      } catch (e) {\n        console.error(`[SWC] Failed to execute ${expr.original}:`, e);\n      }\n    }\n    return ae.getUnprocessedTemplate();\n  }\n\n  refresh(state: string = 'default') {\n    // console.log('rrrrrrrrrrrrrrrrr', state);\n    this.cleanup();\n    const portal = SwcUtils.getParentContainer(this);\n    if (!portal) return;\n\n    const win = this.ownerDocument?.defaultView || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n\n    const t = this.content.querySelector(`template[is=\"swc-${state}\"]`) as HTMLTemplateElement;\n    if (t) {\n      let htmlString = t.innerHTML;\n      const groupArgs = { ...helperSet, $value: this._value, $state: state, $templateHost: this };\n\n      htmlString = this.replaceExpressions(htmlString, groupArgs, this, {start:this._replaceWrapStart ?? '{#{', end: this._replaceWrapEnd ?? '}#}'});\n\n      const temp = this.ownerDocument?.createElement('template') || document.createElement('template');\n      temp.innerHTML = htmlString;\n      const content = temp.content;\n\n      this._nodes = Array.from(content.childNodes);\n      this._nodes.forEach((node: any) => {\n        if (node instanceof HTMLElement)  (node as any).__template_swc_host = this;\n      });\n\n      portal.insertBefore(content, this.nextSibling);\n    }\n  }\n\n  private cleanup() {\n    this._nodes.forEach(n => n.parentElement?.removeChild(n));\n    this._nodes = [];\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n  }\n}\n"],
-  "mappings": "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",
-  "names": []
-}