@dooboostore/simple-web-component 1.0.18 → 1.0.21

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/SwcAppEngine.ts"],
-  "sourcesContent": ["import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { PathRouter } from '@dooboostore/core-web/routers/PathRouter';\nimport { HashRouter } from '@dooboostore/core-web/routers/HashRouter';\nimport { ElementRouter } from '../router/ElementRouter';\nimport { SimOption } from '@dooboostore/simple-boot/SimOption';\nimport { Router, RouterEventType } from '@dooboostore/core-web/routers/Router';\nimport { Subscription } from '@dooboostore/core/message/Subscription';\nimport { ConstructorType, Optional } from '@dooboostore/core/types';\nimport { FunctionUtils } from '@dooboostore/core/function/FunctionUtils';\n\nexport type SwcConfigType = {\n  rootRouter: ConstructorType<any>;\n  routeType: 'path' | 'hash' | 'element';\n  path?: string;\n  window: Window;\n};\n\nexport type SwcAttributeConfigType = Optional<SwcConfigType, 'routeType' | 'window'>;\n\nexport class SwcAppEngine {\n  public simpleApplication?: SimpleApplication;\n  public router?: Router;\n  private routerSubscription?: Subscription;\n  private _isInitialized = false;\n\n  constructor(private host: HTMLElement) {}\n\n  async connect() {\n    if (this._isInitialized) return;\n    this._isInitialized = true;\n\n    // Wait for event loop to ensure attributes and global scripts are ready\n    await new Promise(resolve => setTimeout(resolve, 0));\n\n    const configStr = this.host.getAttribute('swc-get-application-config');\n    if (!configStr) return;\n\n    try {\n      const userConfig: SwcAttributeConfigType = FunctionUtils.executeReturn({ script: configStr, context: this.host });\n      if (userConfig && userConfig.rootRouter) {\n        const _config: SwcConfigType = {\n          routeType: 'element',\n          window: window,\n          ...userConfig\n        } as SwcConfigType;\n\n        // Router Selection\n        if (_config.routeType === 'path') {\n          this.router = new PathRouter({ window: _config.window, firstUrl: _config.path });\n        } else if (_config.routeType === 'hash') {\n          this.router = new HashRouter({ window: _config.window, firstUrl: _config.path });\n        } else if (_config.routeType === 'element') {\n          this.router = new ElementRouter({ window: _config.window, firstUrl: _config.path });\n        }\n\n        // Routing sync\n        if (this.router) {\n          this.routerSubscription = this.router.observable.subscribe((route: RouterEventType) => {\n            if (route.triggerPoint === 'end') {\n              this.simpleApplication?.routing(route.path);\n            }\n          });\n        }\n\n        // App start\n        this.simpleApplication = new SimpleApplication(new SimOption({ excludeProxys: [Node], rootRouter: _config.rootRouter }));\n\n        const otherInstanceSim = new Map<any, any>();\n        if (this.router) otherInstanceSim.set(Router, this.router);\n        this.simpleApplication.run(otherInstanceSim);\n\n        // Rendering\n        const data = this.simpleApplication.sim(_config.rootRouter);\n        if (data instanceof Node) {\n          if (this.host.shadowRoot) this.host.shadowRoot.replaceChildren(data);\n          else this.host.replaceChildren(data);\n        }\n\n        if (_config.path) await this.router?.go(_config.path);\n      }\n    } catch (e) {\n      console.error('[SWC-APP-ENGINE] Init failed:', e);\n    }\n  }\n\n  disconnect() {\n    this.routerSubscription?.unsubscribe();\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAAkC;AAClC,wBAA2B;AAC3B,wBAA2B;AAC3B,2BAA8B;AAC9B,uBAA0B;AAC1B,oBAAwC;AAGxC,2BAA8B;AAWvB,MAAM,aAAa;AAAA,EAMxB,YAAoB,MAAmB;AAAnB;AAFpB,SAAQ,iBAAiB;AAAA,EAEe;AAAA,EAExC,MAAM,UAAU;AACd,QAAI,KAAK,eAAgB;AACzB,SAAK,iBAAiB;AAGtB,UAAM,IAAI,QAAQ,aAAW,WAAW,SAAS,CAAC,CAAC;AAEnD,UAAM,YAAY,KAAK,KAAK,aAAa,4BAA4B;AACrE,QAAI,CAAC,UAAW;AAEhB,QAAI;AACF,YAAM,aAAqC,mCAAc,cAAc,EAAE,QAAQ,WAAW,SAAS,KAAK,KAAK,CAAC;AAChH,UAAI,cAAc,WAAW,YAAY;AACvC,cAAM,UAAyB;AAAA,UAC7B,WAAW;AAAA,UACX;AAAA,UACA,GAAG;AAAA,QACL;AAGA,YAAI,QAAQ,cAAc,QAAQ;AAChC,eAAK,SAAS,IAAI,6BAAW,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAK,CAAC;AAAA,QACjF,WAAW,QAAQ,cAAc,QAAQ;AACvC,eAAK,SAAS,IAAI,6BAAW,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAK,CAAC;AAAA,QACjF,WAAW,QAAQ,cAAc,WAAW;AAC1C,eAAK,SAAS,IAAI,mCAAc,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAK,CAAC;AAAA,QACpF;AAGA,YAAI,KAAK,QAAQ;AACf,eAAK,qBAAqB,KAAK,OAAO,WAAW,UAAU,CAAC,UAA2B;AACrF,gBAAI,MAAM,iBAAiB,OAAO;AAChC,mBAAK,mBAAmB,QAAQ,MAAM,IAAI;AAAA,YAC5C;AAAA,UACF,CAAC;AAAA,QACH;AAGA,aAAK,oBAAoB,IAAI,2CAAkB,IAAI,2BAAU,EAAE,eAAe,CAAC,IAAI,GAAG,YAAY,QAAQ,WAAW,CAAC,CAAC;AAEvH,cAAM,mBAAmB,oBAAI,IAAc;AAC3C,YAAI,KAAK,OAAQ,kBAAiB,IAAI,sBAAQ,KAAK,MAAM;AACzD,aAAK,kBAAkB,IAAI,gBAAgB;AAG3C,cAAM,OAAO,KAAK,kBAAkB,IAAI,QAAQ,UAAU;AAC1D,YAAI,gBAAgB,MAAM;AACxB,cAAI,KAAK,KAAK,WAAY,MAAK,KAAK,WAAW,gBAAgB,IAAI;AAAA,cAC9D,MAAK,KAAK,gBAAgB,IAAI;AAAA,QACrC;AAEA,YAAI,QAAQ,KAAM,OAAM,KAAK,QAAQ,GAAG,QAAQ,IAAI;AAAA,MACtD;AAAA,IACF,SAAS,GAAG;AACV,cAAQ,MAAM,iCAAiC,CAAC;AAAA,IAClD;AAAA,EACF;AAAA,EAEA,aAAa;AACX,SAAK,oBAAoB,YAAY;AAAA,EACvC;AACF;",
-  "names": []
+  "sourcesContent": ["import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { PathRouter } from '@dooboostore/core-web';\nimport { HashRouter } from '@dooboostore/core-web';\nimport { ElementRouter } from '../router/ElementRouter';\nimport { SimOption } from '@dooboostore/simple-boot/SimOption';\nimport { Router, RouterEventType } from '@dooboostore/core-web';\nimport { Subscription } from '@dooboostore/core';\nimport { ConstructorType, OptionalType } from '@dooboostore/core';\nimport { FunctionUtils } from '@dooboostore/core';\nimport { SwcUtils } from '../utils/Utils';\n\nexport type SwcConfigType = {\n  rootRouter: ConstructorType<any> | symbol;\n  routeType: 'path' | 'hash' | 'element';\n  connectMode?: 'direct' | 'swap';\n  path?: string;\n  window: Window;\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 _isInitialized = false;\n\n  constructor(private host: HTMLElement) {}\n\n  async connect(config?: SwcAttributeConfigType) {\n    if (this._isInitialized) return;\n\n    let userConfig = config;\n    const win = this.host.ownerDocument?.defaultView || window;\n    const Node = (win as any).Node as typeof globalThis.Node;\n    if (!userConfig) {\n      const configStr = this.host.getAttribute('swc-get-application-config');\n      if (configStr) {\n        try {\n          userConfig = FunctionUtils.executeReturn({\n            script: configStr,\n            context: this.host,\n            args: SwcUtils.getHelperAndHostSet(win, this.host)\n          });\n        } catch (e) {\n          console.error('[SWC-APP-ENGINE] Script execution failed:', e);\n        }\n      }\n    }\n\n    if (!userConfig) return;\n    this._isInitialized = true;\n\n    try {\n      if (userConfig.rootRouter) {\n        const _config: SwcConfigType = {\n          routeType: 'element',\n          window: win,\n          ...userConfig\n        } as SwcConfigType;\n\n        // Router Selection\n        if (_config.routeType === 'path') {\n          this.router = new PathRouter({ window: _config.window, firstUrl: _config.path });\n        } else if (_config.routeType === 'hash') {\n          this.router = new HashRouter({ window: _config.window, firstUrl: _config.path });\n        } else if (_config.routeType === 'element') {\n          this.router = new ElementRouter({ window: _config.window, firstUrl: _config.path });\n        }\n\n        // Routing sync\n        if (this.router) {\n          this.routerSubscription = this.router.observable.subscribe((route: RouterEventType) => {\n            if (route.triggerPoint === 'end') {\n              this.simpleApplication?.routing(route.path);\n            }\n          });\n        }\n\n\n        // App start\n        this.simpleApplication = new SimpleApplication(new SimOption({ excludeProxys: [Node], rootRouter: _config.rootRouter }));\n\n        const otherInstanceSim = new Map<any, any>();\n        if (this.router) otherInstanceSim.set(Router, this.router);\n        this.simpleApplication.run(otherInstanceSim);\n\n        // Rendering\n        const data = this.simpleApplication.sim(_config.rootRouter);\n        if (data instanceof Node) {\n          if (this.host.shadowRoot) this.host.shadowRoot.replaceChildren(data);\n          else this.host.replaceChildren(data);\n        }\n\n        if (_config.path) this.router?.go(_config.path);\n      }\n    } catch (e) {\n      console.error('[SWC-APP-ENGINE] Init failed:', e);\n    }\n  }\n\n  disconnect() {\n    this.routerSubscription?.unsubscribe();\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAAkC;AAClC,sBAA2B;AAC3B,IAAAA,mBAA2B;AAC3B,2BAA8B;AAC9B,uBAA0B;AAC1B,IAAAA,mBAAwC;AAGxC,IAAAC,eAA8B;AAC9B,mBAAyB;AAYlB,MAAM,aAAa;AAAA,EAMxB,YAAoB,MAAmB;AAAnB;AAFpB,SAAQ,iBAAiB;AAAA,EAEe;AAAA,EAExC,MAAM,QAAQ,QAAiC;AAC7C,QAAI,KAAK,eAAgB;AAEzB,QAAI,aAAa;AACjB,UAAM,MAAM,KAAK,KAAK,eAAe,eAAe;AACpD,UAAM,OAAQ,IAAY;AAC1B,QAAI,CAAC,YAAY;AACf,YAAM,YAAY,KAAK,KAAK,aAAa,4BAA4B;AACrE,UAAI,WAAW;AACb,YAAI;AACF,uBAAa,2BAAc,cAAc;AAAA,YACvC,QAAQ;AAAA,YACR,SAAS,KAAK;AAAA,YACd,MAAM,sBAAS,oBAAoB,KAAK,KAAK,IAAI;AAAA,UACnD,CAAC;AAAA,QACH,SAAS,GAAG;AACV,kBAAQ,MAAM,6CAA6C,CAAC;AAAA,QAC9D;AAAA,MACF;AAAA,IACF;AAEA,QAAI,CAAC,WAAY;AACjB,SAAK,iBAAiB;AAEtB,QAAI;AACF,UAAI,WAAW,YAAY;AACzB,cAAM,UAAyB;AAAA,UAC7B,WAAW;AAAA,UACX,QAAQ;AAAA,UACR,GAAG;AAAA,QACL;AAGA,YAAI,QAAQ,cAAc,QAAQ;AAChC,eAAK,SAAS,IAAI,2BAAW,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAK,CAAC;AAAA,QACjF,WAAW,QAAQ,cAAc,QAAQ;AACvC,eAAK,SAAS,IAAI,4BAAW,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAK,CAAC;AAAA,QACjF,WAAW,QAAQ,cAAc,WAAW;AAC1C,eAAK,SAAS,IAAI,mCAAc,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAK,CAAC;AAAA,QACpF;AAGA,YAAI,KAAK,QAAQ;AACf,eAAK,qBAAqB,KAAK,OAAO,WAAW,UAAU,CAAC,UAA2B;AACrF,gBAAI,MAAM,iBAAiB,OAAO;AAChC,mBAAK,mBAAmB,QAAQ,MAAM,IAAI;AAAA,YAC5C;AAAA,UACF,CAAC;AAAA,QACH;AAIA,aAAK,oBAAoB,IAAI,2CAAkB,IAAI,2BAAU,EAAE,eAAe,CAAC,IAAI,GAAG,YAAY,QAAQ,WAAW,CAAC,CAAC;AAEvH,cAAM,mBAAmB,oBAAI,IAAc;AAC3C,YAAI,KAAK,OAAQ,kBAAiB,IAAI,yBAAQ,KAAK,MAAM;AACzD,aAAK,kBAAkB,IAAI,gBAAgB;AAG3C,cAAM,OAAO,KAAK,kBAAkB,IAAI,QAAQ,UAAU;AAC1D,YAAI,gBAAgB,MAAM;AACxB,cAAI,KAAK,KAAK,WAAY,MAAK,KAAK,WAAW,gBAAgB,IAAI;AAAA,cAC9D,MAAK,KAAK,gBAAgB,IAAI;AAAA,QACrC;AAEA,YAAI,QAAQ,KAAM,MAAK,QAAQ,GAAG,QAAQ,IAAI;AAAA,MAChD;AAAA,IACF,SAAS,GAAG;AACV,cAAQ,MAAM,iCAAiC,CAAC;AAAA,IAClD;AAAA,EACF;AAAA,EAEA,aAAa;AACX,SAAK,oBAAoB,YAAY;AAAA,EACvC;AACF;",
+  "names": ["import_core_web", "import_core"]
 }

package/dist/cjs/elements/SwcAppMixin.js

@@ -0,0 +1,79 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SwcAppMixin_exports = {};
+__export(SwcAppMixin_exports, {
+  SwcAppMixin: () => SwcAppMixin
+});
+module.exports = __toCommonJS(SwcAppMixin_exports);
+var import_SwcAppEngine = require("./SwcAppEngine");
+function SwcAppMixin(Base) {
+  return class extends Base {
+    constructor() {
+      super(...arguments);
+      this.__swc_engine = new import_SwcAppEngine.SwcAppEngine(this);
+    }
+    get simpleApplication() {
+      return this.__swc_engine.simpleApplication;
+    }
+    get router() {
+      return this.__swc_engine.router;
+    }
+    async connect(config) {
+      const mode = config?.connectMode || "direct";
+      if (mode !== "swap") {
+        await this.__swc_engine.connect(config);
+        this.setAttribute("swc-connect-mode", "direct");
+        return;
+      }
+      const parent = this.parentNode;
+      if (!parent) {
+        await this.__swc_engine.connect(config);
+        this.setAttribute("swc-connect-mode", "direct");
+        return;
+      }
+      const clonedApp = this.cloneNode(true);
+      clonedApp.style.display = "none";
+      parent.insertBefore(clonedApp, this.nextSibling);
+      try {
+        await clonedApp.connect({ ...config || {}, connectMode: "direct" });
+        if (this.parentNode) {
+          this.parentNode.removeChild(this);
+        }
+        clonedApp.setAttribute("swc-connect-mode", "swap");
+        clonedApp.style.display = "";
+      } catch (e) {
+        if (clonedApp.parentNode) {
+          clonedApp.parentNode.removeChild(clonedApp);
+        }
+        throw e;
+      }
+    }
+    connectedCallback() {
+      if (super.connectedCallback) super.connectedCallback();
+      this.connect();
+    }
+    disconnectedCallback() {
+      if (super.disconnectedCallback) super.disconnectedCallback();
+      this.__swc_engine.disconnect();
+    }
+    async routing(path) {
+      await this.__swc_engine.router?.go(path);
+    }
+  };
+}
+//# sourceMappingURL=SwcAppMixin.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/elements/SwcAppMixin.ts"],
+  "sourcesContent": ["import { SwcAppEngine, SwcAttributeConfigType } from './SwcAppEngine';\n\nexport function SwcAppMixin<T extends { new (...args: any[]): HTMLElement }>(Base: T) {\n  return class extends Base {\n    __swc_engine = new SwcAppEngine(this as any);\n\n    get simpleApplication() {\n      return this.__swc_engine.simpleApplication;\n    }\n    get router() {\n      return this.__swc_engine.router;\n    }\n\n    async connect(config?: SwcAttributeConfigType) {\n      const mode = config?.connectMode || 'direct';\n\n      if (mode !== 'swap') {\n        await this.__swc_engine.connect(config);\n        this.setAttribute('swc-connect-mode', 'direct');\n        return;\n      }\n\n      const parent = this.parentNode;\n      if (!parent) {\n        await this.__swc_engine.connect(config);\n        this.setAttribute('swc-connect-mode', 'direct');\n        return;\n      }\n\n      const clonedApp = this.cloneNode(true) as any;\n      clonedApp.style.display = 'none';\n      parent.insertBefore(clonedApp, this.nextSibling);\n\n      try {\n        await clonedApp.connect({ ...(config || {}), connectMode: 'direct' });\n        if (this.parentNode) {\n          this.parentNode.removeChild(this);\n        }\n        clonedApp.setAttribute('swc-connect-mode', 'swap');\n        clonedApp.style.display = '';\n      } catch (e) {\n        if (clonedApp.parentNode) {\n          clonedApp.parentNode.removeChild(clonedApp);\n        }\n        throw e;\n      }\n    }\n\n    connectedCallback() {\n      // @ts-ignore\n      if (super.connectedCallback) super.connectedCallback();\n      this.connect();\n    }\n\n    disconnectedCallback() {\n      // @ts-ignore\n      if (super.disconnectedCallback) super.disconnectedCallback();\n      this.__swc_engine.disconnect();\n    }\n\n    async routing(path: string) {\n      await this.__swc_engine.router?.go(path);\n    }\n  };\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAqD;AAE9C,SAAS,YAA6D,MAAS;AACpF,SAAO,cAAc,KAAK;AAAA,IAAnB;AAAA;AACL,0BAAe,IAAI,iCAAa,IAAW;AAAA;AAAA,IAE3C,IAAI,oBAAoB;AACtB,aAAO,KAAK,aAAa;AAAA,IAC3B;AAAA,IACA,IAAI,SAAS;AACX,aAAO,KAAK,aAAa;AAAA,IAC3B;AAAA,IAEA,MAAM,QAAQ,QAAiC;AAC7C,YAAM,OAAO,QAAQ,eAAe;AAEpC,UAAI,SAAS,QAAQ;AACnB,cAAM,KAAK,aAAa,QAAQ,MAAM;AACtC,aAAK,aAAa,oBAAoB,QAAQ;AAC9C;AAAA,MACF;AAEA,YAAM,SAAS,KAAK;AACpB,UAAI,CAAC,QAAQ;AACX,cAAM,KAAK,aAAa,QAAQ,MAAM;AACtC,aAAK,aAAa,oBAAoB,QAAQ;AAC9C;AAAA,MACF;AAEA,YAAM,YAAY,KAAK,UAAU,IAAI;AACrC,gBAAU,MAAM,UAAU;AAC1B,aAAO,aAAa,WAAW,KAAK,WAAW;AAE/C,UAAI;AACF,cAAM,UAAU,QAAQ,EAAE,GAAI,UAAU,CAAC,GAAI,aAAa,SAAS,CAAC;AACpE,YAAI,KAAK,YAAY;AACnB,eAAK,WAAW,YAAY,IAAI;AAAA,QAClC;AACA,kBAAU,aAAa,oBAAoB,MAAM;AACjD,kBAAU,MAAM,UAAU;AAAA,MAC5B,SAAS,GAAG;AACV,YAAI,UAAU,YAAY;AACxB,oBAAU,WAAW,YAAY,SAAS;AAAA,QAC5C;AACA,cAAM;AAAA,MACR;AAAA,IACF;AAAA,IAEA,oBAAoB;AAElB,UAAI,MAAM,kBAAmB,OAAM,kBAAkB;AACrD,WAAK,QAAQ;AAAA,IACf;AAAA,IAEA,uBAAuB;AAErB,UAAI,MAAM,qBAAsB,OAAM,qBAAqB;AAC3D,WAAK,aAAa,WAAW;AAAA,IAC/B;AAAA,IAEA,MAAM,QAAQ,MAAc;AAC1B,YAAM,KAAK,aAAa,QAAQ,GAAG,IAAI;AAAA,IACzC;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/cjs/elements/SwcAsync.js

@@ -20,10 +20,9 @@ __export(SwcAsync_exports, {
   SwcAsync: () => SwcAsync
 });
 module.exports = __toCommonJS(SwcAsync_exports);
-var import_elementDefine = require("../decorators/elementDefine");
 var import_changedAttribute = require("../decorators/changedAttribute");
 var import_Utils = require("../utils/Utils");
-var import_FunctionUtils = require("@dooboostore/core/function/FunctionUtils");
+var import_core = require("@dooboostore/core");
 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);
@@ -33,140 +32,79 @@ var __decorate = function(decorators, target, key, desc) {
 var __metadata = function(k, v) {
   if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-let SwcAsync = class SwcAsync2 extends HTMLTemplateElement {
+class SwcAsync extends HTMLTemplateElement {
   constructor() {
     super(...arguments);
     this._nodes = [];
-    this._currentPromise = null;
     this._value = null;
   }
-  get value() {
-    return this._value;
-  }
-  set value(nv) {
-    if (nv instanceof Promise) {
-      this.handlePromise(nv);
-    } else {
-      this._value = nv;
-      this.render(nv === null ? "default" : "success", nv);
-    }
+  _resolvePortal() {
+    const portalScript = this.getAttribute("on-get-portal");
+    if (!portalScript)
+      return this.parentElement;
+    const win = this.ownerDocument?.defaultView || window;
+    const res = import_core.FunctionUtils.executeReturn({
+      script: portalScript,
+      context: this,
+      args: import_Utils.SwcUtils.getHelperAndHostSet(win, this)
+    });
+    if (res instanceof HTMLElement)
+      return res;
+    if (typeof res === "string")
+      return win.document.querySelector(res);
+    return this.parentElement;
   }
-  refresh(newValue) {
-    const script = newValue !== void 0 ? newValue : this.getAttribute("on-get-value");
-    if (!script) {
-      this.value = null;
-      return;
-    }
-    if (!this.parentElement)
+  _executeCloneCallback(attr, args) {
+    const script = this.getAttribute(attr);
+    if (!script)
       return;
-    const helperHostSet = import_Utils.SwcUtils.getHelperAndHostSet(window, this);
-    try {
-      const result = import_FunctionUtils.FunctionUtils.executeReturn({
-        script,
-        context: this,
-        args: helperHostSet
-      });
-      if (result instanceof Promise) {
-        this.handlePromise(result);
-      } else {
-        this.value = result;
-      }
-    } catch (e) {
-      this.render("error", e);
-    }
+    import_core.FunctionUtils.execute({ script, context: this, args });
   }
-  async handlePromise(promise) {
-    this._currentPromise = promise;
-    this.render("loading");
-    try {
-      const result = await promise;
-      if (this._currentPromise !== promise)
-        return;
+  refresh() {
+    const script = this.getAttribute("on-get-value");
+    if (!script)
+      return;
+    const win = this.ownerDocument?.defaultView || window;
+    const result = import_core.FunctionUtils.executeReturn({ script, context: this, args: import_Utils.SwcUtils.getHelperAndHostSet(win, this) });
+    if (result instanceof Promise) {
+      this.render("loading");
+      result.then((v) => {
+        this._value = v;
+        this.render("success");
+      }).catch((e) => this.render("error"));
+    } else {
       this._value = result;
-      this.render("success", result);
-    } catch (e) {
-      if (this._currentPromise !== promise)
-        return;
-      this.render("error", e);
+      this.render("success");
     }
   }
-  render(state, data) {
+  render(state) {
     this.cleanup();
-    if (!this.parentElement)
+    const portal = this._resolvePortal();
+    if (!portal)
       return;
-    let fragment;
-    const ctx = {
-      $nodes: [],
-      $elements: [],
-      $state: state,
-      $value: null,
-      $error: null
-    };
-    if (state === "default") {
-      const t = this.content.querySelector('template[is="swc-default"]');
-      fragment = t ? t.content.cloneNode(true) : document.createDocumentFragment();
-    } else if (state === "loading") {
-      const t = this.content.querySelector('template[is="swc-loading"]');
-      fragment = t ? t.content.cloneNode(true) : document.createDocumentFragment();
-    } else if (state === "error") {
-      const t = this.content.querySelector('template[is="swc-error"]');
-      ctx.$error = data;
-      fragment = t ? t.content.cloneNode(true) : document.createDocumentFragment();
-    } else {
-      const t = this.content.querySelector('template[is="swc-success"]');
-      ctx.$value = data;
-      if (t) {
-        fragment = t.content.cloneNode(true);
+    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) {
+      const clone = t.content.cloneNode(true);
+      this._nodes = Array.from(clone.childNodes);
+      const elements = this._nodes.filter((n) => n.nodeType === 1);
+      const groupArgs = { ...helperSet, $value: this._value, $nodes: this._nodes, $elements: elements, $firstElement: elements[0], $state: state };
+      this._nodes.forEach((n, nodeIdx) => {
+        if (n instanceof HTMLElement)
+          n.__swc_host = this;
+        this._executeCloneCallback("on-clone-node", { ...groupArgs, $node: n, $nodeIndex: nodeIdx, $isElement: n.nodeType === 1 });
+      });
+      this._executeCloneCallback("on-clone-nodes", groupArgs);
+      if (portal === this.parentElement) {
+        portal.insertBefore(clone, this.nextSibling);
       } else {
-        const clone = this.content.cloneNode(true);
-        Array.from(clone.querySelectorAll('template[is="swc-loading"], template[is="swc-error"], template[is="swc-success"], template[is="swc-default"]')).forEach((tmp) => tmp.remove());
-        fragment = clone;
+        portal.appendChild(clone);
       }
     }
-    this.mount(fragment, ctx);
-  }
-  mount(fragment, ctx) {
-    const nodes = Array.from(fragment.childNodes);
-    const elements = nodes.filter((n) => n.nodeType === 1);
-    Object.assign(ctx, {
-      $nodes: nodes,
-      $elements: elements,
-      $firstNode: nodes[0],
-      $lastNode: nodes[nodes.length - 1],
-      $firstElement: elements[0],
-      $lastElement: elements[elements.length - 1]
-    });
-    this._executeCallback("on-clone-nodes", ctx);
-    nodes.forEach((node, nodeIndex) => {
-      if (node instanceof HTMLElement) {
-        node.__swc_host = this;
-      }
-      this._executeCallback("on-clone-node", {
-        ...ctx,
-        $node: node,
-        $nodeIndex: nodeIndex,
-        $isElement: node.nodeType === 1
-      });
-    });
-    this._nodes = nodes;
-    this.parentElement?.insertBefore(fragment, this.nextSibling);
-  }
-  _executeCallback(attrName, extraArgs) {
-    const script = this.getAttribute(attrName);
-    if (!script)
-      return;
-    const helperHostSet = import_Utils.SwcUtils.getHelperAndHostSet(window, this);
-    try {
-      import_FunctionUtils.FunctionUtils.execute({ script, context: this, args: { ...helperHostSet, ...extraArgs } });
-    } catch (e) {
-      console.error(`[SwcAsync] Error in ${attrName}:`, e);
-    }
   }
   cleanup() {
-    this._nodes.forEach((n) => {
-      if (n.parentElement)
-        n.parentElement.removeChild(n);
-    });
+    this._nodes.forEach((n) => n.parentElement?.removeChild(n));
     this._nodes = [];
   }
   connectedCallback() {
@@ -175,14 +113,11 @@ let SwcAsync = class SwcAsync2 extends HTMLTemplateElement {
   disconnectedCallback() {
     this.cleanup();
   }
-};
+}
 __decorate([
   (0, import_changedAttribute.changedAttribute)("on-get-value"),
   __metadata("design:type", Function),
-  __metadata("design:paramtypes", [String]),
+  __metadata("design:paramtypes", []),
   __metadata("design:returntype", void 0)
 ], SwcAsync.prototype, "refresh", null);
-SwcAsync = __decorate([
-  (0, import_elementDefine.elementDefine)({ name: "swc-async", extends: "template" })
-], SwcAsync);
 //# sourceMappingURL=SwcAsync.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/SwcAsync.ts"],
-  "sourcesContent": ["import { elementDefine } from '../decorators/elementDefine';\nimport { changedAttribute } from '../decorators/changedAttribute';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils } from '@dooboostore/core/function/FunctionUtils';\nimport { SwcLoading, SwcError, SwcSuccess, SwcDefault } from './SwcSubTemplates';\n\n@elementDefine({ name: 'swc-async', extends: 'template' })\nexport class SwcAsync extends HTMLTemplateElement {\n  private _nodes: Node[] = [];\n  private _currentPromise: Promise<any> | null = null;\n  private _value: any = null;\n\n  get value(): any {\n    return this._value;\n  }\n\n  set value(nv: any) {\n    if (nv instanceof Promise) {\n      this.handlePromise(nv);\n    } else {\n      this._value = nv;\n      this.render(nv === null ? 'default' : 'success', nv);\n    }\n  }\n\n  @changedAttribute('on-get-value')\n  private refresh(newValue?: string | null) {\n    const script = newValue !== undefined ? newValue : this.getAttribute('on-get-value');\n    if (!script) {\n      this.value = null; // Triggers default render\n      return;\n    }\n    if (!this.parentElement) return;\n\n    const helperHostSet = SwcUtils.getHelperAndHostSet(window, this);\n    try {\n      const result = FunctionUtils.executeReturn({\n        script,\n        context: this,\n        args: helperHostSet\n      });\n\n      if (result instanceof Promise) {\n        this.handlePromise(result);\n      } else {\n        this.value = result;\n      }\n    } catch (e) {\n      this.render('error', e);\n    }\n  }\n\n  private async handlePromise(promise: Promise<any>) {\n    this._currentPromise = promise;\n    this.render('loading');\n\n    try {\n      const result = await promise;\n      if (this._currentPromise !== promise) return;\n      this._value = result;\n      this.render('success', result);\n    } catch (e) {\n      if (this._currentPromise !== promise) return;\n      this.render('error', e);\n    }\n  }\n\n  private render(state: 'loading' | 'error' | 'success' | 'default', data?: any) {\n    this.cleanup();\n    if (!this.parentElement) return;\n\n    let fragment: DocumentFragment;\n    const ctx: any = {\n      $nodes: [],\n      $elements: [],\n      $state: state,\n      $value: null,\n      $error: null\n    };\n\n    if (state === 'default') {\n      const t = this.content.querySelector('template[is=\"swc-default\"]') as HTMLTemplateElement;\n      fragment = t ? (t.content.cloneNode(true) as DocumentFragment) : document.createDocumentFragment();\n    } else if (state === 'loading') {\n      const t = this.content.querySelector('template[is=\"swc-loading\"]') as HTMLTemplateElement;\n      fragment = t ? (t.content.cloneNode(true) as DocumentFragment) : document.createDocumentFragment();\n    } else if (state === 'error') {\n      const t = this.content.querySelector('template[is=\"swc-error\"]') as HTMLTemplateElement;\n      ctx.$error = data;\n      fragment = t ? (t.content.cloneNode(true) as DocumentFragment) : document.createDocumentFragment();\n    } else {\n      // Success\n      const t = this.content.querySelector('template[is=\"swc-success\"]') as HTMLTemplateElement;\n      ctx.$value = data;\n      if (t) {\n        fragment = t.content.cloneNode(true) as DocumentFragment;\n      } else {\n        const clone = this.content.cloneNode(true) as DocumentFragment;\n        Array.from(clone.querySelectorAll('template[is=\"swc-loading\"], template[is=\"swc-error\"], template[is=\"swc-success\"], template[is=\"swc-default\"]')).forEach(tmp => tmp.remove());\n        fragment = clone;\n      }\n    }\n\n    this.mount(fragment, ctx);\n  }\n\n  private mount(fragment: DocumentFragment, ctx: any) {\n    const nodes = Array.from(fragment.childNodes);\n    const elements = nodes.filter(n => n.nodeType === 1) as HTMLElement[];\n\n    Object.assign(ctx, {\n      $nodes: nodes,\n      $elements: elements,\n      $firstNode: nodes[0],\n      $lastNode: nodes[nodes.length - 1],\n      $firstElement: elements[0],\n      $lastElement: elements[elements.length - 1]\n    });\n\n    // Execution Callbacks\n    this._executeCallback('on-clone-nodes', ctx);\n    nodes.forEach((node, nodeIndex) => {\n      if (node instanceof HTMLElement) {\n        (node as any).__swc_host = this;\n      }\n      this._executeCallback('on-clone-node', {\n        ...ctx,\n        $node: node,\n        $nodeIndex: nodeIndex,\n        $isElement: node.nodeType === 1\n      });\n    });\n\n    this._nodes = nodes;\n    this.parentElement?.insertBefore(fragment, this.nextSibling);\n  }\n\n  private _executeCallback(attrName: string, extraArgs: Record<string, any>) {\n    const script = this.getAttribute(attrName);\n    if (!script) return;\n    const helperHostSet = SwcUtils.getHelperAndHostSet(window, this);\n    try {\n      FunctionUtils.execute({ script, context: this, args: { ...helperHostSet, ...extraArgs } });\n    } catch (e) {\n      console.error(`[SwcAsync] Error in ${attrName}:`, e);\n    }\n  }\n\n  private cleanup() {\n    this._nodes.forEach(n => {\n      if (n.parentElement) n.parentElement.removeChild(n);\n    });\n    this._nodes = [];\n  }\n\n  connectedCallback() {\n    this.refresh();\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["SwcAsync"]
+  "sourcesContent": ["import { changedAttribute } from '../decorators/changedAttribute';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils } from '@dooboostore/core';\n\nexport class SwcAsync extends HTMLTemplateElement {\n  private _nodes: Node[] = [];\n  private _value: any = null;\n\n  private _resolvePortal(): Element | null {\n    const portalScript = this.getAttribute('on-get-portal');\n    if (!portalScript) return this.parentElement;\n\n    const win = this.ownerDocument?.defaultView || window;\n    const res = FunctionUtils.executeReturn({\n      script: portalScript,\n      context: this,\n      args: SwcUtils.getHelperAndHostSet(win, this)\n    });\n\n    if (res instanceof HTMLElement) return res;\n    if (typeof res === 'string') return win.document.querySelector(res);\n    return this.parentElement;\n  }\n\n  private _executeCloneCallback(attr: string, args: any) {\n    const script = this.getAttribute(attr);\n    if (!script) return;\n    FunctionUtils.execute({ script, context: this, args });\n  }\n\n  @changedAttribute('on-get-value')\n  private refresh() {\n    const script = this.getAttribute('on-get-value');\n    if (!script) return;\n    const win = this.ownerDocument?.defaultView || window;\n    const result = FunctionUtils.executeReturn({ script, context: this, args: SwcUtils.getHelperAndHostSet(win, this) });\n\n    if (result instanceof Promise) {\n      this.render('loading');\n      result\n        .then(v => {\n          this._value = v;\n          this.render('success');\n        })\n        .catch(e => this.render('error'));\n    } else {\n      this._value = result;\n      this.render('success');\n    }\n  }\n\n  private render(state: string) {\n    this.cleanup();\n    const portal = this._resolvePortal();\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      const clone = t.content.cloneNode(true) as DocumentFragment;\n      this._nodes = Array.from(clone.childNodes);\n      const elements = this._nodes.filter(n => n.nodeType === 1) as HTMLElement[];\n      const groupArgs = { ...helperSet, $value: this._value, $nodes: this._nodes, $elements: elements, $firstElement: elements[0], $state: state };\n\n      this._nodes.forEach((n, nodeIdx) => {\n        if (n instanceof HTMLElement) (n as any).__swc_host = this;\n        this._executeCloneCallback('on-clone-node', { ...groupArgs, $node: n, $nodeIndex: nodeIdx, $isElement: n.nodeType === 1 });\n      });\n\n      this._executeCloneCallback('on-clone-nodes', groupArgs);\n\n      if (portal === this.parentElement) {\n        portal.insertBefore(clone, this.nextSibling);\n      } else {\n        portal.appendChild(clone);\n      }\n    }\n  }\n\n  private cleanup() {\n    this._nodes.forEach(n => n.parentElement?.removeChild(n));\n    this._nodes = [];\n  }\n\n  connectedCallback() {\n    this.refresh();\n  }\n  disconnectedCallback() {\n    this.cleanup();\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,8BAAiC;AACjC,mBAAyB;AACzB,kBAA8B;;;;;;;;;;AAExB,MAAO,iBAAiB,oBAAmB;EAAjD,cAAA;;AACU,SAAA,SAAiB,CAAA;AACjB,SAAA,SAAc;EAsFxB;EApFU,iBAAc;AACpB,UAAM,eAAe,KAAK,aAAa,eAAe;AACtD,QAAI,CAAC;AAAc,aAAO,KAAK;AAE/B,UAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,UAAM,MAAM,0BAAc,cAAc;MACtC,QAAQ;MACR,SAAS;MACT,MAAM,sBAAS,oBAAoB,KAAK,IAAI;KAC7C;AAED,QAAI,eAAe;AAAa,aAAO;AACvC,QAAI,OAAO,QAAQ;AAAU,aAAO,IAAI,SAAS,cAAc,GAAG;AAClE,WAAO,KAAK;EACd;EAEQ,sBAAsB,MAAc,MAAS;AACnD,UAAM,SAAS,KAAK,aAAa,IAAI;AACrC,QAAI,CAAC;AAAQ;AACb,8BAAc,QAAQ,EAAE,QAAQ,SAAS,MAAM,KAAI,CAAE;EACvD;EAGQ,UAAO;AACb,UAAM,SAAS,KAAK,aAAa,cAAc;AAC/C,QAAI,CAAC;AAAQ;AACb,UAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,UAAM,SAAS,0BAAc,cAAc,EAAE,QAAQ,SAAS,MAAM,MAAM,sBAAS,oBAAoB,KAAK,IAAI,EAAC,CAAE;AAEnH,QAAI,kBAAkB,SAAS;AAC7B,WAAK,OAAO,SAAS;AACrB,aACG,KAAK,OAAI;AACR,aAAK,SAAS;AACd,aAAK,OAAO,SAAS;MACvB,CAAC,EACA,MAAM,OAAK,KAAK,OAAO,OAAO,CAAC;IACpC,OAAO;AACL,WAAK,SAAS;AACd,WAAK,OAAO,SAAS;IACvB;EACF;EAEQ,OAAO,OAAa;AAC1B,SAAK,QAAO;AACZ,UAAM,SAAS,KAAK,eAAc;AAClC,QAAI,CAAC;AAAQ;AAEb,UAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,UAAM,YAAY,sBAAS,oBAAoB,KAAK,IAAI;AAExD,UAAM,IAAI,KAAK,QAAQ,cAAc,oBAAoB,KAAK,IAAI;AAClE,QAAI,GAAG;AACL,YAAM,QAAQ,EAAE,QAAQ,UAAU,IAAI;AACtC,WAAK,SAAS,MAAM,KAAK,MAAM,UAAU;AACzC,YAAM,WAAW,KAAK,OAAO,OAAO,OAAK,EAAE,aAAa,CAAC;AACzD,YAAM,YAAY,EAAE,GAAG,WAAW,QAAQ,KAAK,QAAQ,QAAQ,KAAK,QAAQ,WAAW,UAAU,eAAe,SAAS,CAAC,GAAG,QAAQ,MAAK;AAE1I,WAAK,OAAO,QAAQ,CAAC,GAAG,YAAW;AACjC,YAAI,aAAa;AAAc,YAAU,aAAa;AACtD,aAAK,sBAAsB,iBAAiB,EAAE,GAAG,WAAW,OAAO,GAAG,YAAY,SAAS,YAAY,EAAE,aAAa,EAAC,CAAE;MAC3H,CAAC;AAED,WAAK,sBAAsB,kBAAkB,SAAS;AAEtD,UAAI,WAAW,KAAK,eAAe;AACjC,eAAO,aAAa,OAAO,KAAK,WAAW;MAC7C,OAAO;AACL,eAAO,YAAY,KAAK;MAC1B;IACF;EACF;EAEQ,UAAO;AACb,SAAK,OAAO,QAAQ,OAAK,EAAE,eAAe,YAAY,CAAC,CAAC;AACxD,SAAK,SAAS,CAAA;EAChB;EAEA,oBAAiB;AACf,SAAK,QAAO;EACd;EACA,uBAAoB;AAClB,SAAK,QAAO;EACd;;AA5DQ,WAAA;MADP,0CAAiB,cAAc;;;;;",
+  "names": []
 }

package/dist/cjs/elements/SwcChoose.js

@@ -20,10 +20,9 @@ __export(SwcChoose_exports, {
   SwcChoose: () => SwcChoose
 });
 module.exports = __toCommonJS(SwcChoose_exports);
-var import_elementDefine = require("../decorators/elementDefine");
 var import_changedAttribute = require("../decorators/changedAttribute");
 var import_Utils = require("../utils/Utils");
-var import_FunctionUtils = require("@dooboostore/core/function/FunctionUtils");
+var import_core = require("@dooboostore/core");
 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);
@@ -33,7 +32,7 @@ var __decorate = function(decorators, target, key, desc) {
 var __metadata = function(k, v) {
   if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-let SwcChoose = class SwcChoose2 extends HTMLTemplateElement {
+class SwcChoose extends HTMLTemplateElement {
   constructor() {
     super(...arguments);
     this._nodes = [];
@@ -46,94 +45,74 @@ let SwcChoose = class SwcChoose2 extends HTMLTemplateElement {
     this._value = nv;
     this.render();
   }
-  _executeCallback(attrName, extraArgs) {
-    const script = this.getAttribute(attrName);
+  _resolvePortal() {
+    const portalScript = this.getAttribute("on-get-portal");
+    if (!portalScript)
+      return this.parentElement;
+    const win = this.ownerDocument?.defaultView || window;
+    const res = import_core.FunctionUtils.executeReturn({
+      script: portalScript,
+      context: this,
+      args: import_Utils.SwcUtils.getHelperAndHostSet(win, this)
+    });
+    if (res instanceof HTMLElement)
+      return res;
+    if (typeof res === "string")
+      return win.document.querySelector(res);
+    return this.parentElement;
+  }
+  _executeCloneCallback(attr, args) {
+    const script = this.getAttribute(attr);
     if (!script)
       return;
-    const helperHostSet = import_Utils.SwcUtils.getHelperAndHostSet(window, this);
-    try {
-      import_FunctionUtils.FunctionUtils.execute({ script, context: this, args: { ...helperHostSet, ...extraArgs } });
-    } catch (e) {
-      console.error(`[SwcChoose] Error in ${attrName}:`, e);
-    }
+    import_core.FunctionUtils.execute({ script, context: this, args });
   }
-  refresh(newValue) {
-    const script = newValue !== void 0 ? newValue : this.getAttribute("on-get-value");
+  refresh() {
+    const script = this.getAttribute("on-get-value");
     if (!script) {
       this.value = null;
       return;
     }
-    if (!this.parentElement)
-      return;
-    const helperHostSet = import_Utils.SwcUtils.getHelperAndHostSet(window, this);
-    try {
-      const result = import_FunctionUtils.FunctionUtils.executeReturn({
-        script,
-        context: this,
-        args: helperHostSet
-      });
-      this.value = result;
-    } catch (e) {
-      console.error("[SwcChoose] Error in on-get-value:", e);
-    }
+    const win = this.ownerDocument?.defaultView || window;
+    const result = import_core.FunctionUtils.executeReturn({ script, context: this, args: import_Utils.SwcUtils.getHelperAndHostSet(win, this) });
+    this.value = result;
   }
   render() {
     this.cleanup();
-    if (!this.parentElement)
+    const portal = this._resolvePortal();
+    if (!portal)
       return;
+    const win = this.ownerDocument?.defaultView || window;
+    const helperSet = import_Utils.SwcUtils.getHelperAndHostSet(win, this);
     const templates = Array.from(this.content.querySelectorAll("template"));
     let selected = null;
-    let otherwise = null;
-    let defaultTmp = null;
     for (const t of templates) {
-      const is = t.getAttribute("is");
-      if (is === "swc-when") {
-        const whenVal = t.getAttribute("value");
-        if (String(whenVal) === String(this._value)) {
-          selected = t;
-          break;
-        }
-      } else if (is === "swc-otherwise") {
-        otherwise = t;
-      } else if (is === "swc-default") {
-        defaultTmp = t;
+      if (t.getAttribute("is") === "swc-when" && String(t.getAttribute("value")) === String(this._value)) {
+        selected = t;
+        break;
       }
     }
-    const targetTemplate = (this._value == null ? defaultTmp : selected) || otherwise || defaultTmp;
-    if (targetTemplate) {
-      const clone = targetTemplate.content.cloneNode(true);
-      const nodes = Array.from(clone.childNodes);
-      const elements = nodes.filter((n) => n.nodeType === 1);
-      const ctx = {
-        $value: this._value,
-        $nodes: nodes,
-        $elements: elements,
-        $firstNode: nodes[0],
-        $lastNode: nodes[nodes.length - 1],
-        $firstElement: elements[0],
-        $lastElement: elements[elements.length - 1]
-      };
-      this._executeCallback("on-clone-nodes", ctx);
-      nodes.forEach((node, nodeIndex) => {
-        if (node instanceof HTMLElement) {
-          node.__swc_host = this;
-        }
-        this._executeCallback("on-clone-node", {
-          ...ctx,
-          $node: node,
-          $nodeIndex: nodeIndex,
-          $isElement: node.nodeType === 1
-        });
+    const target = selected || this.content.querySelector('template[is="swc-otherwise"]');
+    if (target) {
+      const clone = target.content.cloneNode(true);
+      this._nodes = Array.from(clone.childNodes);
+      const elements = this._nodes.filter((n) => n.nodeType === 1);
+      const groupArgs = { ...helperSet, $value: this._value, $nodes: this._nodes, $elements: elements, $firstElement: elements[0] };
+      this._nodes.forEach((n, nodeIdx) => {
+        if (n instanceof HTMLElement)
+          n.__swc_host = this;
+        this._executeCloneCallback("on-clone-node", { ...groupArgs, $node: n, $nodeIndex: nodeIdx, $isElement: n.nodeType === 1 });
       });
-      this._nodes = nodes;
-      this.parentElement.insertBefore(clone, this.nextSibling);
+      this._executeCloneCallback("on-clone-nodes", groupArgs);
+      if (portal === this.parentElement) {
+        portal.insertBefore(clone, this.nextSibling);
+      } else {
+        portal.appendChild(clone);
+      }
     }
   }
   cleanup() {
-    this._nodes.forEach((n) => {
-      if (n.parentElement)
-        n.parentElement.removeChild(n);
-    });
+    this._nodes.forEach((n) => n.parentElement?.removeChild(n));
     this._nodes = [];
   }
   connectedCallback() {
@@ -142,14 +121,11 @@ let SwcChoose = class SwcChoose2 extends HTMLTemplateElement {
   disconnectedCallback() {
     this.cleanup();
   }
-};
+}
 __decorate([
   (0, import_changedAttribute.changedAttribute)("on-get-value"),
   __metadata("design:type", Function),
-  __metadata("design:paramtypes", [String]),
+  __metadata("design:paramtypes", []),
   __metadata("design:returntype", void 0)
 ], SwcChoose.prototype, "refresh", null);
-SwcChoose = __decorate([
-  (0, import_elementDefine.elementDefine)({ name: "swc-choose", extends: "template" })
-], SwcChoose);
 //# sourceMappingURL=SwcChoose.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/SwcChoose.ts"],
-  "sourcesContent": ["import { elementDefine } from '../decorators/elementDefine';\nimport { changedAttribute } from '../decorators/changedAttribute';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils } from '@dooboostore/core/function/FunctionUtils';\nimport { SwcWhen, SwcOtherwise } from './SwcSubTemplates';\n\n@elementDefine({ name: 'swc-choose', extends: 'template' })\nexport class SwcChoose extends HTMLTemplateElement {\n  private _nodes: Node[] = [];\n  private _value: any = null;\n\n  get value(): any {\n    return this._value;\n  }\n\n  set value(nv: any) {\n    this._value = nv;\n    this.render();\n  }\n\n  private _executeCallback(attrName: string, extraArgs: Record<string, any>) {\n    const script = this.getAttribute(attrName);\n    if (!script) return;\n    const helperHostSet = SwcUtils.getHelperAndHostSet(window, this);\n    try {\n      FunctionUtils.execute({ script, context: this, args: { ...helperHostSet, ...extraArgs } });\n    } catch (e) {\n      console.error(`[SwcChoose] Error in ${attrName}:`, e);\n    }\n  }\n\n  @changedAttribute('on-get-value')\n  private refresh(newValue?: string | null) {\n    const script = newValue !== undefined ? newValue : this.getAttribute('on-get-value');\n    if (!script) {\n      this.value = null;\n      return;\n    }\n    if (!this.parentElement) return;\n\n    const helperHostSet = SwcUtils.getHelperAndHostSet(window, this);\n    try {\n      const result = FunctionUtils.executeReturn({\n        script,\n        context: this,\n        args: helperHostSet\n      });\n      this.value = result;\n    } catch (e) {\n      console.error('[SwcChoose] Error in on-get-value:', e);\n    }\n  }\n\n  private render() {\n    this.cleanup();\n    if (!this.parentElement) return;\n\n    const templates = Array.from(this.content.querySelectorAll('template'));\n    let selected: HTMLTemplateElement | null = null;\n    let otherwise: HTMLTemplateElement | null = null;\n    let defaultTmp: HTMLTemplateElement | null = null;\n\n    for (const t of templates) {\n      const is = t.getAttribute('is');\n      if (is === 'swc-when') {\n        const whenVal = t.getAttribute('value');\n        if (String(whenVal) === String(this._value)) {\n          selected = t;\n          break;\n        }\n      } else if (is === 'swc-otherwise') {\n        otherwise = t;\n      } else if (is === 'swc-default') {\n        defaultTmp = t;\n      }\n    }\n\n    const targetTemplate = (this._value == null ? defaultTmp : selected) || otherwise || defaultTmp;\n    if (targetTemplate) {\n      const clone = targetTemplate.content.cloneNode(true) as DocumentFragment;\n      const nodes = Array.from(clone.childNodes);\n      const elements = nodes.filter(n => n.nodeType === 1) as HTMLElement[];\n\n      const ctx = {\n        $value: this._value,\n        $nodes: nodes,\n        $elements: elements,\n        $firstNode: nodes[0],\n        $lastNode: nodes[nodes.length - 1],\n        $firstElement: elements[0],\n        $lastElement: elements[elements.length - 1]\n      };\n\n      // Execution Callbacks\n      this._executeCallback('on-clone-nodes', ctx);\n      nodes.forEach((node, nodeIndex) => {\n        if (node instanceof HTMLElement) {\n          (node as any).__swc_host = this;\n        }\n        this._executeCallback('on-clone-node', {\n          ...ctx,\n          $node: node,\n          $nodeIndex: nodeIndex,\n          $isElement: node.nodeType === 1\n        });\n      });\n\n      this._nodes = nodes;\n      this.parentElement.insertBefore(clone, this.nextSibling);\n    }\n  }\n\n  private cleanup() {\n    this._nodes.forEach(n => {\n      if (n.parentElement) n.parentElement.removeChild(n);\n    });\n    this._nodes = [];\n  }\n\n  connectedCallback() {\n    this.refresh();\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["SwcChoose"]
+  "sourcesContent": ["import { changedAttribute } from '../decorators/changedAttribute';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils } from '@dooboostore/core';\n\nexport class SwcChoose extends HTMLTemplateElement {\n  private _nodes: Node[] = [];\n  private _value: any = null;\n\n  get value(): any {\n    return this._value;\n  }\n  set value(nv: any) {\n    this._value = nv;\n    this.render();\n  }\n\n  private _resolvePortal(): Element | null {\n    const portalScript = this.getAttribute('on-get-portal');\n    if (!portalScript) return this.parentElement;\n\n    const win = this.ownerDocument?.defaultView || window;\n    const res = FunctionUtils.executeReturn({\n      script: portalScript,\n      context: this,\n      args: SwcUtils.getHelperAndHostSet(win, this)\n    });\n\n    if (res instanceof HTMLElement) return res;\n    if (typeof res === 'string') return win.document.querySelector(res);\n    return this.parentElement;\n  }\n\n  private _executeCloneCallback(attr: string, args: any) {\n    const script = this.getAttribute(attr);\n    if (!script) return;\n    FunctionUtils.execute({ script, context: this, args });\n  }\n\n  @changedAttribute('on-get-value')\n  private refresh() {\n    const script = this.getAttribute('on-get-value');\n    if (!script) {\n      this.value = null;\n      return;\n    }\n    const win = this.ownerDocument?.defaultView || window;\n    const result = FunctionUtils.executeReturn({ script, context: this, args: SwcUtils.getHelperAndHostSet(win, this) });\n    this.value = result;\n  }\n\n  private render() {\n    this.cleanup();\n    const portal = this._resolvePortal();\n    if (!portal) return;\n\n    const win = this.ownerDocument?.defaultView || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n\n    const templates = Array.from(this.content.querySelectorAll('template'));\n    let selected: HTMLTemplateElement | null = null;\n    for (const t of templates) {\n      if (t.getAttribute('is') === 'swc-when' && String(t.getAttribute('value')) === String(this._value)) {\n        selected = t;\n        break;\n      }\n    }\n    const target = selected || (this.content.querySelector('template[is=\"swc-otherwise\"]') as HTMLTemplateElement);\n\n    if (target) {\n      const clone = target.content.cloneNode(true) as DocumentFragment;\n      this._nodes = Array.from(clone.childNodes);\n      const elements = this._nodes.filter(n => n.nodeType === 1) as HTMLElement[];\n      const groupArgs = { ...helperSet, $value: this._value, $nodes: this._nodes, $elements: elements, $firstElement: elements[0] };\n\n      this._nodes.forEach((n, nodeIdx) => {\n        if (n instanceof HTMLElement) (n as any).__swc_host = this;\n        this._executeCloneCallback('on-clone-node', { ...groupArgs, $node: n, $nodeIndex: nodeIdx, $isElement: n.nodeType === 1 });\n      });\n\n      this._executeCloneCallback('on-clone-nodes', groupArgs);\n\n      if (portal === this.parentElement) {\n        portal.insertBefore(clone, this.nextSibling);\n      } else {\n        portal.appendChild(clone);\n      }\n    }\n  }\n\n  private cleanup() {\n    this._nodes.forEach(n => n.parentElement?.removeChild(n));\n    this._nodes = [];\n  }\n\n  connectedCallback() {\n    this.refresh();\n  }\n  disconnectedCallback() {\n    this.cleanup();\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,8BAAiC;AACjC,mBAAyB;AACzB,kBAA8B;;;;;;;;;;AAExB,MAAO,kBAAkB,oBAAmB;EAAlD,cAAA;;AACU,SAAA,SAAiB,CAAA;AACjB,SAAA,SAAc;EA8FxB;EA5FE,IAAI,QAAK;AACP,WAAO,KAAK;EACd;EACA,IAAI,MAAM,IAAO;AACf,SAAK,SAAS;AACd,SAAK,OAAM;EACb;EAEQ,iBAAc;AACpB,UAAM,eAAe,KAAK,aAAa,eAAe;AACtD,QAAI,CAAC;AAAc,aAAO,KAAK;AAE/B,UAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,UAAM,MAAM,0BAAc,cAAc;MACtC,QAAQ;MACR,SAAS;MACT,MAAM,sBAAS,oBAAoB,KAAK,IAAI;KAC7C;AAED,QAAI,eAAe;AAAa,aAAO;AACvC,QAAI,OAAO,QAAQ;AAAU,aAAO,IAAI,SAAS,cAAc,GAAG;AAClE,WAAO,KAAK;EACd;EAEQ,sBAAsB,MAAc,MAAS;AACnD,UAAM,SAAS,KAAK,aAAa,IAAI;AACrC,QAAI,CAAC;AAAQ;AACb,8BAAc,QAAQ,EAAE,QAAQ,SAAS,MAAM,KAAI,CAAE;EACvD;EAGQ,UAAO;AACb,UAAM,SAAS,KAAK,aAAa,cAAc;AAC/C,QAAI,CAAC,QAAQ;AACX,WAAK,QAAQ;AACb;IACF;AACA,UAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,UAAM,SAAS,0BAAc,cAAc,EAAE,QAAQ,SAAS,MAAM,MAAM,sBAAS,oBAAoB,KAAK,IAAI,EAAC,CAAE;AACnH,SAAK,QAAQ;EACf;EAEQ,SAAM;AACZ,SAAK,QAAO;AACZ,UAAM,SAAS,KAAK,eAAc;AAClC,QAAI,CAAC;AAAQ;AAEb,UAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,UAAM,YAAY,sBAAS,oBAAoB,KAAK,IAAI;AAExD,UAAM,YAAY,MAAM,KAAK,KAAK,QAAQ,iBAAiB,UAAU,CAAC;AACtE,QAAI,WAAuC;AAC3C,eAAW,KAAK,WAAW;AACzB,UAAI,EAAE,aAAa,IAAI,MAAM,cAAc,OAAO,EAAE,aAAa,OAAO,CAAC,MAAM,OAAO,KAAK,MAAM,GAAG;AAClG,mBAAW;AACX;MACF;IACF;AACA,UAAM,SAAS,YAAa,KAAK,QAAQ,cAAc,8BAA8B;AAErF,QAAI,QAAQ;AACV,YAAM,QAAQ,OAAO,QAAQ,UAAU,IAAI;AAC3C,WAAK,SAAS,MAAM,KAAK,MAAM,UAAU;AACzC,YAAM,WAAW,KAAK,OAAO,OAAO,OAAK,EAAE,aAAa,CAAC;AACzD,YAAM,YAAY,EAAE,GAAG,WAAW,QAAQ,KAAK,QAAQ,QAAQ,KAAK,QAAQ,WAAW,UAAU,eAAe,SAAS,CAAC,EAAC;AAE3H,WAAK,OAAO,QAAQ,CAAC,GAAG,YAAW;AACjC,YAAI,aAAa;AAAc,YAAU,aAAa;AACtD,aAAK,sBAAsB,iBAAiB,EAAE,GAAG,WAAW,OAAO,GAAG,YAAY,SAAS,YAAY,EAAE,aAAa,EAAC,CAAE;MAC3H,CAAC;AAED,WAAK,sBAAsB,kBAAkB,SAAS;AAEtD,UAAI,WAAW,KAAK,eAAe;AACjC,eAAO,aAAa,OAAO,KAAK,WAAW;MAC7C,OAAO;AACL,eAAO,YAAY,KAAK;MAC1B;IACF;EACF;EAEQ,UAAO;AACb,SAAK,OAAO,QAAQ,OAAK,EAAE,eAAe,YAAY,CAAC,CAAC;AACxD,SAAK,SAAS,CAAA;EAChB;EAEA,oBAAiB;AACf,SAAK,QAAO;EACd;EACA,uBAAoB;AAClB,SAAK,QAAO;EACd;;AA5DQ,WAAA;MADP,0CAAiB,cAAc;;;;;",
+  "names": []
 }