@dooboostore/simple-web-component 1.0.32 → 1.0.34

package/dist/esm/elements/SwcAppMixin.js

@@ -2,13 +2,22 @@ import { SwcAppEngine } from "./SwcAppEngine.js";
 import { SwcUtils } from "../utils/Utils.js";
 import { FunctionUtils } from "@dooboostore/core";
 import { ON_CONNECTED_SWC_APP_METADATA_KEY, findAllLifecycleMetadata } from "../decorators/lifecycles.js";
-import { getSubscribeSwcAppRouteChangeMetadata } from "../decorators/subscribeSwcAppRouteChange.js";
+import { getSubscribeSwcAppRouteChangeWhileConnectedMetadata } from "../decorators/subscribeSwcAppRouteChangeWhileConnected.js";
+import { getSubscribeSwcAppMessageWhileConnectedMetadata } from "../decorators/subscribeSwcAppMessageWhileConnected.js";
 function SwcAppMixin(Base) {
   return class extends Base {
     constructor() {
       super(...arguments);
       this.__swc_engine = new SwcAppEngine(this);
       this._swc_connected_instance = /* @__PURE__ */ new Set();
+      this._swc_started_instances = /* @__PURE__ */ new WeakSet();
+      this._swc_notified_routes = /* @__PURE__ */ new WeakMap();
+      /*
+        사파리 is 일경우
+      <script src="https://unpkg.com/@ungap/custom-elements"><\/script>
+      이걸사용하는데 is 대응하는거다 그런데 이때 처리되는 순서가  크롬이나 표준에서는 부모부터 만들어지고 자식들이 만들어지는데
+       저 polyfill에서는 자식부터 만들어지고 부모가 만들어진다 is일때 아 .. 이문제때문에 자식이 _connected_safari 에 강제로 자기자식넣어준다
+       */
       this._connected_safari = [];
     }
     get simpleApplication() {
@@ -17,11 +26,13 @@ function SwcAppMixin(Base) {
     get router() {
       return this.__swc_engine.router;
     }
-    _invokeRouteChangeSubscribers(instance, re) {
-      const routeChangeSubscribers = getSubscribeSwcAppRouteChangeMetadata(instance);
+    async _invokeRouteChangeSubscribers(instance, re) {
+      if (this._swc_notified_routes.get(instance) === re) return;
+      this._swc_notified_routes.set(instance, re);
+      const routeChangeSubscribers = getSubscribeSwcAppRouteChangeWhileConnectedMetadata(instance);
       if (routeChangeSubscribers && Array.isArray(routeChangeSubscribers)) {
-        routeChangeSubscribers.forEach((metadata) => {
-          const methodName = metadata.propertyKey || metadata;
+        const ps = routeChangeSubscribers.map(async (metadata) => {
+          const methodName = metadata.propertyKey;
           const pathPattern = metadata.pathPattern;
           const filter = metadata.filter;
           let pathMatched = false;
@@ -42,11 +53,12 @@ function SwcAppMixin(Base) {
             pathData = SwcUtils.parsePathPattern(pathPattern, re.path || "/");
             pathMatched = pathData !== null;
           }
-          const filterPassed = !filter || filter(this.router);
-          if (pathMatched && filterPassed) {
-            instance[methodName]?.({ ...re, pathData });
+          const filterPassed = !filter || filter(this.router, instance);
+          if (pathMatched && filterPassed && instance[methodName]) {
+            await instance[methodName]({ ...re, pathData });
           }
         });
+        return await Promise.allSettled(ps);
       }
     }
     _connected(instance) {
@@ -63,15 +75,17 @@ function SwcAppMixin(Base) {
     _disconnected(instance) {
       if (instance) {
         this._swc_connected_instance.delete(instance);
+        this._swc_started_instances.delete(instance);
+        this._swc_notified_routes.delete(instance);
       }
     }
-    _handleRouteChange(route) {
+    async _handleRouteChange(route) {
+      this._lastRouterEvent = route;
       if (route.triggerPoint === "end") {
-        this._swc_connected_instance.forEach((instance) => {
-          this._invokeRouteChangeSubscribers(instance, route);
-        });
+        const swcConnectedInstance = Array.from(this._swc_connected_instance);
+        const ps = swcConnectedInstance.map((instance) => this._invokeRouteChangeSubscribers(instance, route));
+        await Promise.allSettled(ps);
       }
-      this._lastRouterEvent = route;
     }
     async connect(config) {
       const swcConfig = {
@@ -83,50 +97,56 @@ function SwcAppMixin(Base) {
       if (mode === "direct") {
         await this.__swc_engine.connect(swcConfig);
         this.setAttribute("swc-connect-mode", "direct");
-      } else if (mode === "swap" && !this.parentNode) {
-        await this.__swc_engine.connect(swcConfig);
-        this.setAttribute("swc-connect-mode", "direct");
-        const clonedApp = this.cloneNode(true);
-        clonedApp.style.display = "none";
-        this.parentNode.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);
+      } else if (mode === "swap" || mode === "clear-swap") {
+        if (!this.parentNode) {
+          await this.__swc_engine.connect(swcConfig);
+          this.setAttribute("swc-connect-mode", "direct");
+        } else {
+          const clonedApp = this.cloneNode(mode === "swap");
+          clonedApp.style.display = "none";
+          this.parentNode.insertBefore(clonedApp, this.nextSibling);
+          try {
+            await clonedApp.connect({ ...config || {}, connectMode: "direct" });
+            if (this.parentNode) {
+              this.parentNode.removeChild(this);
+            }
+            clonedApp.style.display = "";
+            clonedApp.setAttribute("swc-connect-mode", mode);
+            return;
+          } catch (e) {
+            if (clonedApp.parentNode) {
+              clonedApp.parentNode.removeChild(clonedApp);
+            }
+            await this.__swc_engine.connect(swcConfig);
+            this.setAttribute("swc-connect-mode", "direct");
           }
-          throw e;
         }
       }
       this._connected_safari.forEach((instance) => {
         this._swc_connected_instance.add(instance);
       });
-      this._swc_connected_instance.forEach((instance) => {
-        this._invokeOnConnectedSwcAppStarted(instance);
-      });
+      const scis = Array.from(this._swc_connected_instance);
+      await Promise.allSettled(scis.map((instance) => this._invokeOnConnectedSwcAppStarted(instance)));
       if (!this._routerSubscription && this.router) {
+        const config2 = this.__swc_engine.config;
         this._routerSubscription = this.router.observable.subscribe((route) => {
-          this._handleRouteChange(route);
+          this._handleRouteChange(route).then((it) => {
+            config2?.onRouteChanged?.(route, this);
+          });
         });
-        const config2 = this.__swc_engine.config;
       }
     }
-    _invokeOnConnectedSwcAppStarted(instance) {
+    async _invokeOnConnectedSwcAppStarted(instance) {
+      if (this._swc_started_instances.has(instance)) return;
+      this._swc_started_instances.add(instance);
       const startedMethods = findAllLifecycleMetadata(instance, ON_CONNECTED_SWC_APP_METADATA_KEY);
       if (startedMethods) {
-        for (const m of startedMethods) {
-          instance._invokeLifecycleMethod(m);
-        }
+        const ps = startedMethods.map((m) => instance._invokeLifecycleMethod(m));
+        return await Promise.allSettled(ps);
       }
     }
     connectedCallback() {
-      if (super.connectedCallback)
-        super.connectedCallback();
+      if (super.connectedCallback) super.connectedCallback();
       const configStr = this.getAttribute("swc-get-application-config");
       const win = this.ownerDocument?.defaultView || window;
       if (configStr && win) {
@@ -144,8 +164,7 @@ function SwcAppMixin(Base) {
       this.__swc_engine?.config?.onConnected?.(this);
     }
     disconnectedCallback() {
-      if (super.disconnectedCallback)
-        super.disconnectedCallback();
+      if (super.disconnectedCallback) super.disconnectedCallback();
       this._routerSubscription?.unsubscribe();
       this._routerSubscription = void 0;
       this._lastRouterEvent = void 0;
@@ -164,6 +183,34 @@ function SwcAppMixin(Base) {
     reload() {
       this.router?.reload();
     }
+    publishMessage(message) {
+      this._swc_connected_instance.forEach((instance) => {
+        this._invokeMessageSubscribers(instance, message);
+      });
+    }
+    _invokeMessageSubscribers(instance, message) {
+      const messageSubscribers = getSubscribeSwcAppMessageWhileConnectedMetadata(instance);
+      if (messageSubscribers && Array.isArray(messageSubscribers)) {
+        messageSubscribers.forEach((metadata) => {
+          const methodName = metadata.propertyKey;
+          const messageType = metadata.messageType;
+          const filter = metadata.filter;
+          let typeMatched = false;
+          if (!messageType) {
+            typeMatched = true;
+          } else if (message.type === messageType) {
+            typeMatched = true;
+          }
+          let filterMatched = true;
+          if (filter && typeMatched) {
+            filterMatched = filter(message, instance);
+          }
+          if (typeMatched && filterMatched && typeof instance[methodName] === "function") {
+            instance[methodName](message);
+          }
+        });
+      }
+    }
   };
 }
 export {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/SwcAppMixin.ts"],
-  "sourcesContent": ["import { SwcAppEngine, SwcAttributeConfigType, SwcConfigType } from './SwcAppEngine';\nimport { SwcAppInterface } from '../types';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils, Subscription } from '@dooboostore/core';\nimport { Router, RouterEventType } from '@dooboostore/core-web';\nimport { ON_CONNECTED_SWC_APP_METADATA_KEY, findAllLifecycleMetadata } from '../decorators/lifecycles';\nimport { getSubscribeSwcAppRouteChangeMetadata } from '../decorators/subscribeSwcAppRouteChange';\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    _routerSubscription?: Subscription;\n    _lastRouterEvent?: RouterEventType;\n\n    /*\n      사파리 is 일경우\n    <script src=\"https://unpkg.com/@ungap/custom-elements\"></script>\n    이걸사용하는데 is 대응하는거다 그런데 이때 처리되는 순서가  크롬이나 표준에서는 부모부터 만들어지고 자식들이 만들어지는데\n     저 polyfill에서는 자식부터 만들어지고 부모가 만들어진다 is일때 아 .. 이문제때문에 자식이 _connected_safari 에 강제로 자기자식넣어준다\n     */\n    _connected_safari = [];\n    get simpleApplication() {\n      return this.__swc_engine.simpleApplication;\n    }\n    get router() {\n      return this.__swc_engine.router;\n    }\n\n    _invokeRouteChangeSubscribers(instance: any, re: RouterEventType) {\n      const routeChangeSubscribers = getSubscribeSwcAppRouteChangeMetadata(instance);\n      if (routeChangeSubscribers && Array.isArray(routeChangeSubscribers)) {\n        routeChangeSubscribers.forEach((metadata: any) => {\n          const methodName = metadata.propertyKey || metadata;\n          const pathPattern = metadata.pathPattern;\n          const filter = metadata.filter;\n\n          // Path pattern matching (support both string and array)\n          let pathMatched = false;\n          let pathData: any = null;\n\n          if (!pathPattern) {\n            // pathPattern이 없으면 모든 경로 매칭 (와일드카드)\n            pathMatched = true;\n            pathData = {};\n          } else if (Array.isArray(pathPattern)) {\n            // 배열: 하나라도 매칭되면 OK\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            // 문자열\n            pathData = SwcUtils.parsePathPattern(pathPattern, re.path || '/');\n            pathMatched = pathData !== null;\n          }\n\n          // Filter validation\n          const filterPassed = !filter || filter(this.router!);\n\n          // Invoke method if conditions pass\n          if (pathMatched && filterPassed) {\n            instance[methodName]?.({...re, pathData: pathData});\n          }\n        });\n      }\n    }\n\n    _connected(instance: any) {\n      // console.log('appmixin--> connected', this, instance);\n      if (instance) {\n        this._swc_connected_instance.add(instance);\n        if (this.simpleApplication) {\n          this._invokeOnConnectedSwcAppStarted(instance);\n          // Notify current route subscribers immediately after connection\n          if (this.router && this._lastRouterEvent) {\n            this._invokeRouteChangeSubscribers(instance, this._lastRouterEvent);\n          }\n        }\n      }\n    }\n\n    _disconnected(instance: any) {\n      if (instance) {\n        this._swc_connected_instance.delete(instance);\n      }\n    }\n\n    _handleRouteChange(route: RouterEventType) {\n      if (route.triggerPoint === 'end') {\n        // Iterate through all connected component instances\n        this._swc_connected_instance.forEach((instance: any) => {\n          this._invokeRouteChangeSubscribers(instance, route);\n        });\n      }\n\n      // Save last router event\n      this._lastRouterEvent = route;\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' && !this.parentNode) {\n        await this.__swc_engine.connect(swcConfig);\n        this.setAttribute('swc-connect-mode', 'direct');\n\n        const clonedApp = this.cloneNode(true) as any;\n        clonedApp.style.display = 'none';\n        this.parentNode.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      // 사파리일떄 예외이다 is 일때 polyfill되는데 이떄 부모부터 만들어지는게 아니라 자식부터 만들어진다 그래서 부모가 만들어질때 자식들이 이미 만들어져있어서 부모가 자식들을 등록해주는 형태로 강제로 등록해준다\n      this._connected_safari.forEach((instance: any) => {\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      this._swc_connected_instance.forEach((instance: any) => {\n        this._invokeOnConnectedSwcAppStarted(instance);\n      });\n\n\n      // Subscribe to router changes after connect\n      if (!this._routerSubscription && this.router) {\n        this._routerSubscription = this.router.observable.subscribe((route: RouterEventType) => {\n          //@ts-ignore\n          // console.log('Route changed:', route, this._swcId);\n          this._handleRouteChange(route);\n        });\n        // Navigate to initial path if specified\n        const config = this.__swc_engine.config;\n        // if (config?.path) {\n        //   this.router.go(config.path);\n        // }\n      }\n    }\n\n    _invokeOnConnectedSwcAppStarted(instance: any) {\n      const startedMethods = findAllLifecycleMetadata(instance, ON_CONNECTED_SWC_APP_METADATA_KEY);\n      if (startedMethods) {\n        for (const m of startedMethods) {\n          instance._invokeLifecycleMethod(m);\n        }\n      }\n    }\n\n    connectedCallback() {\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}\n"],
-  "mappings": "AAAA,SAAS,oBAA2D;AAEpE,SAAS,gBAAgB;AACzB,SAAS,qBAAmC;AAE5C,SAAS,mCAAmC,gCAAgC;AAC5E,SAAS,6CAA6C;AAEhD,SAAU,YAA6D,MAAO;AAElF,SAAO,cAAc,KAAI;IAAlB,cAAA;;AACL,WAAA,eAAe,IAAI,aAAa,IAAW;AAC3C,WAAA,0BAA0B,oBAAI,IAAG;AAUjC,WAAA,oBAAoB,CAAA;IAyMtB;IAxME,IAAI,oBAAiB;AACnB,aAAO,KAAK,aAAa;IAC3B;IACA,IAAI,SAAM;AACR,aAAO,KAAK,aAAa;IAC3B;IAEA,8BAA8B,UAAe,IAAmB;AAC9D,YAAM,yBAAyB,sCAAsC,QAAQ;AAC7E,UAAI,0BAA0B,MAAM,QAAQ,sBAAsB,GAAG;AACnE,+BAAuB,QAAQ,CAAC,aAAiB;AAC/C,gBAAM,aAAa,SAAS,eAAe;AAC3C,gBAAM,cAAc,SAAS;AAC7B,gBAAM,SAAS,SAAS;AAGxB,cAAI,cAAc;AAClB,cAAI,WAAgB;AAEpB,cAAI,CAAC,aAAa;AAEhB,0BAAc;AACd,uBAAW,CAAA;UACb,WAAW,MAAM,QAAQ,WAAW,GAAG;AAErC,uBAAW,WAAW,aAAa;AACjC,oBAAM,OAAO,SAAS,iBAAiB,SAAS,GAAG,QAAQ,GAAG;AAC9D,kBAAI,SAAS,MAAM;AACjB,8BAAc;AACd,2BAAW;AACX;cACF;YACF;UACF,OAAO;AAEL,uBAAW,SAAS,iBAAiB,aAAa,GAAG,QAAQ,GAAG;AAChE,0BAAc,aAAa;UAC7B;AAGA,gBAAM,eAAe,CAAC,UAAU,OAAO,KAAK,MAAO;AAGnD,cAAI,eAAe,cAAc;AAC/B,qBAAS,UAAU,IAAI,EAAC,GAAG,IAAI,SAAkB,CAAC;UACpD;QACF,CAAC;MACH;IACF;IAEA,WAAW,UAAa;AAEtB,UAAI,UAAU;AACZ,aAAK,wBAAwB,IAAI,QAAQ;AACzC,YAAI,KAAK,mBAAmB;AAC1B,eAAK,gCAAgC,QAAQ;AAE7C,cAAI,KAAK,UAAU,KAAK,kBAAkB;AACxC,iBAAK,8BAA8B,UAAU,KAAK,gBAAgB;UACpE;QACF;MACF;IACF;IAEA,cAAc,UAAa;AACzB,UAAI,UAAU;AACZ,aAAK,wBAAwB,OAAO,QAAQ;MAC9C;IACF;IAEA,mBAAmB,OAAsB;AACvC,UAAI,MAAM,iBAAiB,OAAO;AAEhC,aAAK,wBAAwB,QAAQ,CAAC,aAAiB;AACrD,eAAK,8BAA8B,UAAU,KAAK;QACpD,CAAC;MACH;AAGA,WAAK,mBAAmB;IAC1B;IAEA,MAAM,QAAQ,QAA+B;AAC3C,YAAM,YAAY;QAChB,WAAW;QACX,QAAQ,OAAO;QACf,GAAG;;AAGL,YAAM,OAAO,QAAQ,eAAe;AAEpC,UAAI,SAAS,UAAU;AACrB,cAAM,KAAK,aAAa,QAAQ,SAAS;AACzC,aAAK,aAAa,oBAAoB,QAAQ;MAChD,WAAW,SAAS,UAAU,CAAC,KAAK,YAAY;AAC9C,cAAM,KAAK,aAAa,QAAQ,SAAS;AACzC,aAAK,aAAa,oBAAoB,QAAQ;AAE9C,cAAM,YAAY,KAAK,UAAU,IAAI;AACrC,kBAAU,MAAM,UAAU;AAC1B,aAAK,WAAW,aAAa,WAAW,KAAK,WAAW;AAExD,YAAI;AACF,gBAAM,UAAU,QAAQ,EAAE,GAAI,UAAU,CAAA,GAAK,aAAa,SAAQ,CAAE;AACpE,cAAI,KAAK,YAAY;AACnB,iBAAK,WAAW,YAAY,IAAI;UAClC;AACA,oBAAU,aAAa,oBAAoB,MAAM;AACjD,oBAAU,MAAM,UAAU;QAC5B,SAAS,GAAG;AACV,cAAI,UAAU,YAAY;AACxB,sBAAU,WAAW,YAAY,SAAS;UAC5C;AACA,gBAAM;QACR;MACF;AAGA,WAAK,kBAAkB,QAAQ,CAAC,aAAiB;AAC/C,aAAK,wBAAwB,IAAI,QAAQ;MAC3C,CAAC;AAGD,WAAK,wBAAwB,QAAQ,CAAC,aAAiB;AACrD,aAAK,gCAAgC,QAAQ;MAC/C,CAAC;AAID,UAAI,CAAC,KAAK,uBAAuB,KAAK,QAAQ;AAC5C,aAAK,sBAAsB,KAAK,OAAO,WAAW,UAAU,CAAC,UAA0B;AAGrF,eAAK,mBAAmB,KAAK;QAC/B,CAAC;AAED,cAAMA,UAAS,KAAK,aAAa;MAInC;IACF;IAEA,gCAAgC,UAAa;AAC3C,YAAM,iBAAiB,yBAAyB,UAAU,iCAAiC;AAC3F,UAAI,gBAAgB;AAClB,mBAAW,KAAK,gBAAgB;AAC9B,mBAAS,uBAAuB,CAAC;QACnC;MACF;IACF;IAEA,oBAAiB;AAEf,UAAI,MAAM;AAAmB,cAAM,kBAAiB;AAEpD,YAAM,YAAY,KAAK,aAAa,4BAA4B;AAChE,YAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,UAAI,aAAa,KAAK;AACpB,YAAI;AAEF,gBAAM,aAAa,cAAc,cAAc;YAC7C,QAAQ;YACR,SAAS;YACT,MAAM,SAAS,oBAAoB,KAAK,IAAI;WAC7C;AACD,eAAK,QAAQ,UAAU;QACzB,SAAS,GAAG;AACV,kBAAQ,MAAM,6CAA6C,CAAC;QAC9D;MACF;AAEA,WAAK,cAAc,QAAQ,cAAc,IAAI;IAC/C;IAEA,uBAAoB;AAElB,UAAI,MAAM;AAAsB,cAAM,qBAAoB;AAC1D,WAAK,qBAAqB,YAAW;AACrC,WAAK,sBAAsB;AAC3B,WAAK,mBAAmB;AACxB,WAAK,aAAa,WAAU;AAC5B,WAAK,cAAc,QAAQ,iBAAiB,IAAI;IAClD;IAEA,MAAM,QAAQ,MAAY;AACxB,YAAM,KAAK,QAAQ,GAAG,IAAI;IAC5B;IAEA,OAAI;AACF,WAAK,QAAQ,KAAI;IACnB;IAEA,UAAO;AACL,WAAK,QAAQ,QAAO;IACtB;IAEA,SAAM;AACJ,WAAK,QAAQ,OAAM;IACrB;;AAEJ;",
+  "sourcesContent": ["import { SwcAppEngine, SwcAttributeConfigType, SwcConfigType } from './SwcAppEngine';\nimport { SwcAppInterface, SwcAppMessage } from '../types';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils, Subscription } from '@dooboostore/core';\nimport { Router, RouterEventType } from '@dooboostore/core-web';\nimport { ON_CONNECTED_SWC_APP_METADATA_KEY, findAllLifecycleMetadata } from '../decorators/lifecycles';\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_started_instances = new WeakSet<any>();\n    _swc_notified_routes = new WeakMap<any, RouterEventType>();\n    _routerSubscription?: Subscription;\n    _lastRouterEvent?: RouterEventType;\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    get simpleApplication() {\n      return this.__swc_engine.simpleApplication;\n    }\n    get router() {\n      return this.__swc_engine.router;\n    }\n\n    async _invokeRouteChangeSubscribers(instance: any, re: RouterEventType) {\n      // \uC774\uBBF8 \uC774 \uB77C\uC6B0\uD2B8 \uC774\uBCA4\uD2B8\uC5D0 \uB300\uD574 \uCC98\uB9AC\uB41C \uC778\uC2A4\uD134\uC2A4\uB77C\uBA74 \uC2A4\uD0B5 (\uB3D9\uC2DC\uC131/\uC911\uBCF5 \uBC29\uC9C0)\n      if (this._swc_notified_routes.get(instance) === re) return;\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          const pathPattern = metadata.pathPattern;\n          const filter = metadata.filter;\n\n          // Path pattern matching (support both string and array)\n          let pathMatched = false;\n          let pathData: any = null;\n\n          if (!pathPattern) {\n            // pathPattern\uC774 \uC5C6\uC73C\uBA74 \uBAA8\uB4E0 \uACBD\uB85C \uB9E4\uCE6D (\uC640\uC77C\uB4DC\uCE74\uB4DC)\n            pathMatched = true;\n            pathData = {};\n          } else if (Array.isArray(pathPattern)) {\n            // \uBC30\uC5F4: \uD558\uB098\uB77C\uB3C4 \uB9E4\uCE6D\uB418\uBA74 OK\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            // \uBB38\uC790\uC5F4\n            pathData = SwcUtils.parsePathPattern(pathPattern, re.path || '/');\n            pathMatched = pathData !== null;\n          }\n\n          // Filter validation\n          const filterPassed = !filter || filter(this.router!, instance);\n\n          // Invoke method if conditions pass\n          if (pathMatched && filterPassed && instance[methodName]) {\n            await instance[methodName]({ ...re, pathData: pathData });\n          }\n        });\n        return await Promise.allSettled(ps);\n      }\n    }\n\n    _connected(instance: any) {\n      // console.log('appmixin--> connected', this, instance);\n      if (instance) {\n        this._swc_connected_instance.add(instance);\n        if (this.simpleApplication) {\n          this._invokeOnConnectedSwcAppStarted(instance);\n          // Notify current route subscribers immediately after connection\n          if (this.router && this._lastRouterEvent) {\n            this._invokeRouteChangeSubscribers(instance, this._lastRouterEvent);\n          }\n        }\n      }\n    }\n\n    _disconnected(instance: any) {\n      if (instance) {\n        this._swc_connected_instance.delete(instance);\n        this._swc_started_instances.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        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      // console.log('-------mode', mode);\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        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      const scis = Array.from(this._swc_connected_instance);\n      await Promise.allSettled(scis.map(instance => this._invokeOnConnectedSwcAppStarted(instance)));\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        this._routerSubscription = this.router.observable.subscribe((route: RouterEventType) => {\n          //@ts-ignore\n          // console.log('Route changed:', route, this._swcId);\n          this._handleRouteChange(route).then(it => {\n            config?.onRouteChanged?.(route, this);\n          });\n        });\n        // Navigate to initial path if specified\n        // if (config?.path) {\n        //   this.router.go(config.path);\n        // }\n      }\n    }\n\n    async _invokeOnConnectedSwcAppStarted(instance: any) {\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        return await Promise.allSettled(ps)\n        // for (const m of startedMethods) {\n        //   instance._invokeLifecycleMethod(m);\n        // }\n      }\n    }\n\n    connectedCallback() {\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": "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",
   "names": ["config"]
 }

package/dist/esm/elements/SwcChoose.js

@@ -11,21 +11,28 @@ import { changedAttributeHost } from "../decorators/changedAttributeHost.js";
 import { SwcUtils } from "../utils/Utils.js";
 import { FunctionUtils, ActionExpression } from "@dooboostore/core";
 import { ConvertUtils } from "@dooboostore/core-web";
-import { attributeHost } from "../decorators/index.js";
+import { attributeHost, getAttributeValue, getElementConfig } from "../decorators/index.js";
 class SwcChoose extends HTMLTemplateElement {
-  constructor() {
-    super(...arguments);
-    this._nodes = [];
-    this._previousTemplate = null;
-  }
   get value() {
     return this._value;
   }
   set value(nv) {
-    this.refresh(nv);
+    this._value = nv;
+    this.refresh(this._value);
   }
-  setValue() {
-    this.refresh();
+  constructor() {
+    super();
+    this._nodes = [];
+    this._previousTemplate = null;
+  }
+  // static get observedAttributes() {
+  //   return ['value'];
+  // }
+  attributeChangedCallback(na, o, n) {
+  }
+  setValue(value, o, n) {
+    this._value = value;
+    this.refresh(this._value);
   }
   setReplaceWrap(replaceWrapAttr) {
     this.refresh();
@@ -49,11 +56,12 @@ class SwcChoose extends HTMLTemplateElement {
     }
     return ae.getUnprocessedTemplate();
   }
-  refresh(value = this._value) {
+  refresh(value) {
+    value = getAttributeValue(this, "value") ?? this._value;
     const portal = this.parentElement;
     if (!portal)
       return;
-    const win = this.ownerDocument?.defaultView || window;
+    const win = (getElementConfig(this).window ?? this.ownerDocument?.defaultView) || window;
     const helperSet = SwcUtils.getHelperAndHostSet(win, this);
     const groupArgs = { ...helperSet, $value: value };
     const templates = Array.from(this.content.querySelectorAll("template"));
@@ -109,10 +117,6 @@ class SwcChoose extends HTMLTemplateElement {
     this.cleanup();
   }
 }
-__decorate([
-  attributeHost("value"),
-  __metadata("design:type", Object)
-], SwcChoose.prototype, "_value", void 0);
 __decorate([
   attributeHost("replace-wrap"),
   __metadata("design:type", String)
@@ -120,7 +124,7 @@ __decorate([
 __decorate([
   changedAttributeHost("value"),
   __metadata("design:type", Function),
-  __metadata("design:paramtypes", []),
+  __metadata("design:paramtypes", [Object, String, String]),
   __metadata("design:returntype", void 0)
 ], SwcChoose.prototype, "setValue", null);
 __decorate([

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/SwcChoose.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 { SwcChooseInterface } from '../types';\nimport { attributeHost } from '../decorators';\n\nclass SwcChoose extends HTMLTemplateElement implements SwcChooseInterface {\n  @attributeHost('value')\n  _value: any;\n\n  @attributeHost('replace-wrap')\n  _replaceWrap: string | null;\n\n  private _nodes: Node[] = [];\n  private _previousTemplate: HTMLTemplateElement | null = null;\n\n  get value(): any {\n    return this._value;\n  }\n\n  set value(nv: any) {\n    this.refresh(nv);\n  }\n\n  @changedAttributeHost('value')\n  private setValue() {\n    this.refresh();\n  }\n\n  @changedAttributeHost('replace-wrap')\n  private setReplaceWrap(replaceWrapAttr?: string | null) {\n    this.refresh();\n  }\n\n  private replaceExpressions(html: string, groupArgs: any, context: any, wrap?: string | null): string {\n    const config = wrap ? { wrapExpression: wrap } : undefined;\n    const ae = new ActionExpression(html, config);\n    const filterOptions = wrap ? { type: 'replace' as const, wrap } : 'replace';\n    const win = this.ownerDocument?.defaultView || window;\n\n    // @ts-ignore\n    for (const expr of ae.getExpressions(filterOptions)) {\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(value = this._value) {\n    const portal = this.parentElement;\n    if (!portal) return;\n\n    const win = this.ownerDocument?.defaultView || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n    const groupArgs = { ...helperSet, $value: value };\n\n    const templates = Array.from(this.content.querySelectorAll('template'));\n    let selected: HTMLTemplateElement | null = null;\n\n    for (const t of templates) {\n      if (t.getAttribute('is') === 'swc-when') {\n        const attrVal = t.getAttribute('value') || '';\n        let matches = false;\n\n        // Use ActionExpression to parse and extract script from value attribute\n        const ae = new ActionExpression(attrVal);\n        const expr = ae.getFirstExpression('replace');\n\n        if (expr) {\n          const decodedScript = ConvertUtils.decodeHtmlEntity(expr.script, win.document);\n          const result = FunctionUtils.executeReturn({\n            script: decodedScript,\n            context: t,\n            args: groupArgs\n          });\n          matches = !!result;\n        } else {\n          matches = String(attrVal) === String(value);\n        }\n\n        if (matches) {\n          selected = t;\n          break;\n        }\n      }\n    }\n\n    const target = selected || (this.content.querySelector('template[is=\"swc-otherwise\"]') as HTMLTemplateElement);\n\n    const skipValue = target?.getAttribute?.('skip-if-same');\n    const skipValue2 = this._previousTemplate?.getAttribute?.('skip-if-same');\n    const hasSkipIfSame = target?.hasAttribute?.('skip-if-same');\n    const isSame = this._previousTemplate === target;\n    // console.log('---rrrr---', this._previousTemplate, target, hasSkipIfSame, isSame, skipValue, skipValue2);\n    if (hasSkipIfSame && isSame) {\n      return;\n    }\n\n    this.cleanup();\n    this._previousTemplate = target;\n\n    if (target) {\n      let htmlString = target.innerHTML;\n      htmlString = this.replaceExpressions(htmlString, groupArgs, this, this._replaceWrap);\n\n      const result = this.ownerDocument?.createElement('template') || document.createElement('template');\n      result.innerHTML = htmlString;\n      const processedFragment = result.content;\n\n      this._nodes = Array.from(processedFragment.childNodes);\n      portal.insertBefore(processedFragment, 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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",
+  "sourcesContent": ["import { changedAttributeHost } from '../decorators/changedAttributeHost';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils, ActionExpression } from '@dooboostore/core';\nimport { ConvertUtils } from '@dooboostore/core-web';\nimport { SwcChooseInterface } from '../types';\nimport { attributeHost, getAttributeValue, getElementConfig } from '../decorators';\n\nclass SwcChoose extends HTMLTemplateElement implements SwcChooseInterface {\n  // @attributeHost('value')\n  // fetchValue: any;\n\n  _value: any;\n\n  @attributeHost('replace-wrap')\n  _replaceWrap: string | null;\n\n  private _nodes: Node[] = [];\n  private _previousTemplate: HTMLTemplateElement | null = null;\n\n  get value(): any {\n    return this._value;\n  }\n\n  set value(nv: any) {\n    this._value = nv;\n    this.refresh(this._value);\n  }\n\n  constructor() {\n    super();\n    // console.log('swc chooooooooooooooooooooooooose constructor called!');\n    // console.log('swc cccccccss', this.getAttribute('value'));\n  }\n\n  // static get observedAttributes() {\n  //   return ['value'];\n  // }\n\n  attributeChangedCallback(na, o, n) {\n    // console.log('-----------------choooooooose attr origin', na, o, n);\n  }\n\n  @changedAttributeHost('value')\n  private setValue(value: any, o: string, n: string) {\n    // console.log('-----------------choooooooose attr setValue', value, o, n);\n    this._value = value;\n    this.refresh(this._value);\n  }\n\n  @changedAttributeHost('replace-wrap')\n  private setReplaceWrap(replaceWrapAttr?: string | null) {\n    this.refresh();\n  }\n\n  private replaceExpressions(html: string, groupArgs: any, context: any, wrap?: string | null): string {\n    const config = wrap ? { wrapExpression: wrap } : undefined;\n    const ae = new ActionExpression(html, config);\n    const filterOptions = wrap ? { type: 'replace' as const, wrap } : 'replace';\n    const win = this.ownerDocument?.defaultView || window;\n\n    // @ts-ignore\n    for (const expr of ae.getExpressions(filterOptions)) {\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(value?: any) {\n    value = getAttributeValue(this, 'value') ?? this._value;\n    // console.log('chooooooooo refresh->', value);\n    const portal = this.parentElement;\n    if (!portal) return;\n\n    const win = (getElementConfig(this).window ?? this.ownerDocument?.defaultView) || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n    const groupArgs = { ...helperSet, $value: value };\n\n    const templates = Array.from(this.content.querySelectorAll('template'));\n    let selected: HTMLTemplateElement | null = null;\n\n    for (const t of templates) {\n      if (t.getAttribute('is') === 'swc-when') {\n        const attrVal = t.getAttribute('value') || '';\n        let matches = false;\n\n        // Use ActionExpression to parse and extract script from value attribute\n        const ae = new ActionExpression(attrVal);\n        const expr = ae.getFirstExpression('replace');\n\n        if (expr) {\n          const decodedScript = ConvertUtils.decodeHtmlEntity(expr.script, win.document);\n          const result = FunctionUtils.executeReturn({\n            script: decodedScript,\n            context: t,\n            args: groupArgs\n          });\n          matches = !!result;\n        } else {\n          matches = String(attrVal) === String(value);\n        }\n\n        if (matches) {\n          selected = t;\n          break;\n        }\n      }\n    }\n\n    const target = selected || (this.content.querySelector('template[is=\"swc-otherwise\"]') as HTMLTemplateElement);\n\n    const skipValue = target?.getAttribute?.('skip-if-same');\n    const skipValue2 = this._previousTemplate?.getAttribute?.('skip-if-same');\n    const hasSkipIfSame = target?.hasAttribute?.('skip-if-same');\n    const isSame = this._previousTemplate === target;\n    // console.log('---rrrr---', this._previousTemplate, target, hasSkipIfSame, isSame, skipValue, skipValue2);\n    if (hasSkipIfSame && isSame) {\n      return;\n    }\n\n    this.cleanup();\n    this._previousTemplate = target;\n\n    if (target) {\n      let htmlString = target.innerHTML;\n      htmlString = this.replaceExpressions(htmlString, groupArgs, this, this._replaceWrap);\n\n      const result = this.ownerDocument?.createElement('template') || document.createElement('template');\n      result.innerHTML = htmlString;\n      const processedFragment = result.content;\n\n      this._nodes = Array.from(processedFragment.childNodes);\n      portal.insertBefore(processedFragment, 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": []
 }

package/dist/esm/elements/register.js

@@ -7,7 +7,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);
 };
-import { elementDefine, attributeHost, changedAttributeHost } from "../decorators/index.js";
+import { getElementConfig, elementDefine, attributeHost, changedAttributeHost, getAttributeValue } from "../decorators/index.js";
 import { SwcAppMixin } from "./SwcAppMixin.js";
 import { SwcUtils } from "../utils/Utils.js";
 import { FunctionUtils, ActionExpression } from "@dooboostore/core";
@@ -284,19 +284,26 @@ const registerAllElements = (w) => {
     elementDefine("swc-loop", { extends: "template", window: w })
   ], SwcLoop);
   let SwcChoose = class SwcChoose extends HTMLTemplateElement {
-    constructor() {
-      super(...arguments);
-      this._nodes = [];
-      this._previousTemplate = null;
-    }
     get value() {
       return this._value;
     }
     set value(nv) {
-      this.refresh(nv);
+      this._value = nv;
+      this.refresh(this._value);
     }
-    setValue() {
-      this.refresh();
+    constructor() {
+      super();
+      this._nodes = [];
+      this._previousTemplate = null;
+    }
+    // static get observedAttributes() {
+    //   return ['value'];
+    // }
+    attributeChangedCallback(na, o, n) {
+    }
+    setValue(value, o, n) {
+      this._value = value;
+      this.refresh(this._value);
     }
     setReplaceWrap(replaceWrapAttr) {
       this.refresh();
@@ -320,11 +327,12 @@ const registerAllElements = (w) => {
       }
       return ae.getUnprocessedTemplate();
     }
-    refresh(value = this._value) {
+    refresh(value) {
+      value = getAttributeValue(this, "value") ?? this._value;
       const portal = this.parentElement;
       if (!portal)
         return;
-      const win = this.ownerDocument?.defaultView || window;
+      const win = (getElementConfig(this).window ?? this.ownerDocument?.defaultView) || window;
       const helperSet = SwcUtils.getHelperAndHostSet(win, this);
       const groupArgs = { ...helperSet, $value: value };
       const templates = Array.from(this.content.querySelectorAll("template"));
@@ -380,10 +388,6 @@ const registerAllElements = (w) => {
       this.cleanup();
     }
   };
-  __decorate([
-    attributeHost("value"),
-    __metadata("design:type", Object)
-  ], SwcChoose.prototype, "_value", void 0);
   __decorate([
     attributeHost("replace-wrap"),
     __metadata("design:type", String)
@@ -391,7 +395,7 @@ const registerAllElements = (w) => {
   __decorate([
     changedAttributeHost("value"),
     __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
+    __metadata("design:paramtypes", [Object, String, String]),
     __metadata("design:returntype", void 0)
   ], SwcChoose.prototype, "setValue", null);
   __decorate([
@@ -401,7 +405,8 @@ const registerAllElements = (w) => {
     __metadata("design:returntype", void 0)
   ], SwcChoose.prototype, "setReplaceWrap", null);
   SwcChoose = __decorate([
-    elementDefine("swc-choose", { extends: "template", window: w })
+    elementDefine("swc-choose", { extends: "template", window: w }),
+    __metadata("design:paramtypes", [])
   ], SwcChoose);
   let SwcAsync = class SwcAsync extends HTMLTemplateElement {
     constructor() {