@dooboostore/simple-web-component 1.0.28 → 1.0.29

package/dist/esm/decorators/lifecycles.js

@@ -7,6 +7,7 @@ const ON_AFTER_DISCONNECTED_METADATA_KEY = Symbol.for("simple-web-component:on-a
 const ON_BEFORE_ADOPTED_METADATA_KEY = Symbol.for("simple-web-component:on-before-adopted");
 const ON_AFTER_ADOPTED_METADATA_KEY = Symbol.for("simple-web-component:on-after-adopted");
 const ON_ADD_EVENT_LISTENER_METADATA_KEY = Symbol.for("simple-web-component:on-add-event-listener");
+const ON_CONNECTED_SWC_APP_METADATA_KEY = Symbol.for("simple-web-component:on-connected-swc-app");
 const INNER_HTML_METADATA_KEY = Symbol.for("simple-web-component:inner-html");
 const ATTRIBUTE_CHANGED_WILDCARD = "*";
 function createLifecycleDecorator(metadataKey) {
@@ -31,6 +32,7 @@ const onBeforeAdopted = createLifecycleDecorator(ON_BEFORE_ADOPTED_METADATA_KEY)
 const onAfterAdopted = createLifecycleDecorator(ON_AFTER_ADOPTED_METADATA_KEY);
 const onAdopted = onAfterAdopted;
 const onAddEventListener = createLifecycleDecorator(ON_ADD_EVENT_LISTENER_METADATA_KEY);
+const onConnectedSwcApp = createLifecycleDecorator(ON_CONNECTED_SWC_APP_METADATA_KEY);
 function onConnectedInnerHtml(arg1, arg2, arg3) {
   const decorator = (options, target, propertyKey) => {
     const constructor = target.constructor;
@@ -66,6 +68,7 @@ export {
   ON_BEFORE_ADOPTED_METADATA_KEY,
   ON_BEFORE_CONNECTED_METADATA_KEY,
   ON_BEFORE_DISCONNECTED_METADATA_KEY,
+  ON_CONNECTED_SWC_APP_METADATA_KEY,
   ON_INITIALIZE_METADATA_KEY,
   findAllLifecycleMetadata,
   getOnConnectedInnerHtmlMetadata,
@@ -79,6 +82,7 @@ export {
   onBeforeDisconnected,
   onConnected,
   onConnectedInnerHtml,
+  onConnectedSwcApp,
   onDisconnected,
   onInitialize
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/lifecycles.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\n\nexport const ON_INITIALIZE_METADATA_KEY = Symbol.for('simple-web-component:on-constructor');\nexport const ON_BEFORE_CONNECTED_METADATA_KEY = Symbol.for('simple-web-component:on-before-connected');\nexport const ON_AFTER_CONNECTED_METADATA_KEY = Symbol.for('simple-web-component:on-after-connected');\nexport const ON_BEFORE_DISCONNECTED_METADATA_KEY = Symbol.for('simple-web-component:on-before-disconnected');\nexport const ON_AFTER_DISCONNECTED_METADATA_KEY = Symbol.for('simple-web-component:on-after-disconnected');\nexport const ON_BEFORE_ADOPTED_METADATA_KEY = Symbol.for('simple-web-component:on-before-adopted');\nexport const ON_AFTER_ADOPTED_METADATA_KEY = Symbol.for('simple-web-component:on-after-adopted');\nexport const ON_ADD_EVENT_LISTENER_METADATA_KEY = Symbol.for('simple-web-component:on-add-event-listener');\nexport const INNER_HTML_METADATA_KEY = Symbol.for('simple-web-component:inner-html');\n\nexport const ATTRIBUTE_CHANGED_WILDCARD = '*';\n\nexport interface InnerHtmlOptions {\n  useShadow?: boolean;\n}\n\nexport interface InnerHtmlMetadata {\n  propertyKey: string | symbol;\n  options: InnerHtmlOptions;\n}\n\nfunction createLifecycleDecorator(metadataKey: symbol): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol) => {\n    const constructor = target.constructor;\n    let list = ReflectUtils.getOwnMetadata(metadataKey, constructor) as (string | symbol)[];\n    if (!list) {\n      list = [];\n      ReflectUtils.defineMetadata(metadataKey, list, constructor);\n    }\n    list.push(propertyKey);\n  };\n}\n\nexport const onInitialize = createLifecycleDecorator(ON_INITIALIZE_METADATA_KEY);\nexport const onBeforeConnected = createLifecycleDecorator(ON_BEFORE_CONNECTED_METADATA_KEY);\nexport const onAfterConnected = createLifecycleDecorator(ON_AFTER_CONNECTED_METADATA_KEY);\nexport const onConnected = onAfterConnected;\n\nexport const onBeforeDisconnected = createLifecycleDecorator(ON_BEFORE_DISCONNECTED_METADATA_KEY);\nexport const onAfterDisconnected = createLifecycleDecorator(ON_AFTER_DISCONNECTED_METADATA_KEY);\nexport const onDisconnected = onAfterDisconnected;\n\nexport const onBeforeAdopted = createLifecycleDecorator(ON_BEFORE_ADOPTED_METADATA_KEY);\nexport const onAfterAdopted = createLifecycleDecorator(ON_AFTER_ADOPTED_METADATA_KEY);\nexport const onAdopted = onAfterAdopted;\n\nexport const onAddEventListener = createLifecycleDecorator(ON_ADD_EVENT_LISTENER_METADATA_KEY);\n\n/**\n * @onConnectedInnerHtml decorator to define the initial HTML content when connected.\n */\nexport function onConnectedInnerHtml(options: InnerHtmlOptions): MethodDecorator;\nexport function onConnectedInnerHtml(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function onConnectedInnerHtml(arg1?: InnerHtmlOptions | Object, arg2?: string | symbol, arg3?: PropertyDescriptor): MethodDecorator | void {\n  const decorator = (options: InnerHtmlOptions, target: Object, propertyKey: string | symbol) => {\n    const constructor = target.constructor;\n    let list = ReflectUtils.getMetadata<InnerHtmlMetadata[]>(INNER_HTML_METADATA_KEY, constructor);\n    if (!list) {\n      list = [];\n      ReflectUtils.defineMetadata(INNER_HTML_METADATA_KEY, list, constructor);\n    }\n    list.push({ propertyKey, options });\n  };\n\n  if (arg2) {\n    return decorator({}, arg1!, arg2);\n  }\n\n  return (target: Object, propertyKey: string | symbol) => {\n    decorator((arg1 as InnerHtmlOptions) || {}, target, propertyKey);\n  };\n}\n\n/**\n * \uD504\uB85C\uD1A0\uD0C0\uC785 \uCCB4\uC778\uC744 \uC21C\uD68C\uD558\uBA70 \uBAA8\uB4E0 \uB77C\uC774\uD504\uC0AC\uC774\uD074 \uBA54\uC11C\uB4DC\uB97C \uC218\uC9D1\uD569\uB2C8\uB2E4.\n */\nexport const findAllLifecycleMetadata = <T = (string | symbol)[]>(target: any, metadataKey: symbol): T | undefined => {\n  const results = ReflectUtils.findAllMetadataFlatten(metadataKey, target);\n  return results.length > 0 ? (results as unknown as T) : undefined;\n};\n\nexport const getOnConnectedInnerHtmlMetadata = (target: any): InnerHtmlMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(INNER_HTML_METADATA_KEY, constructor);\n};\n"],
-  "mappings": "AAAA,SAAS,oBAAoB;AAEtB,MAAM,6BAA6B,OAAO,IAAI,qCAAqC;AACnF,MAAM,mCAAmC,OAAO,IAAI,0CAA0C;AAC9F,MAAM,kCAAkC,OAAO,IAAI,yCAAyC;AAC5F,MAAM,sCAAsC,OAAO,IAAI,6CAA6C;AACpG,MAAM,qCAAqC,OAAO,IAAI,4CAA4C;AAClG,MAAM,iCAAiC,OAAO,IAAI,wCAAwC;AAC1F,MAAM,gCAAgC,OAAO,IAAI,uCAAuC;AACxF,MAAM,qCAAqC,OAAO,IAAI,4CAA4C;AAClG,MAAM,0BAA0B,OAAO,IAAI,iCAAiC;AAE5E,MAAM,6BAA6B;AAW1C,SAAS,yBAAyB,aAAsC;AACtE,SAAO,CAAC,QAAgB,gBAAiC;AACvD,UAAM,cAAc,OAAO;AAC3B,QAAI,OAAO,aAAa,eAAe,aAAa,WAAW;AAC/D,QAAI,CAAC,MAAM;AACT,aAAO,CAAC;AACR,mBAAa,eAAe,aAAa,MAAM,WAAW;AAAA,IAC5D;AACA,SAAK,KAAK,WAAW;AAAA,EACvB;AACF;AAEO,MAAM,eAAe,yBAAyB,0BAA0B;AACxE,MAAM,oBAAoB,yBAAyB,gCAAgC;AACnF,MAAM,mBAAmB,yBAAyB,+BAA+B;AACjF,MAAM,cAAc;AAEpB,MAAM,uBAAuB,yBAAyB,mCAAmC;AACzF,MAAM,sBAAsB,yBAAyB,kCAAkC;AACvF,MAAM,iBAAiB;AAEvB,MAAM,kBAAkB,yBAAyB,8BAA8B;AAC/E,MAAM,iBAAiB,yBAAyB,6BAA6B;AAC7E,MAAM,YAAY;AAElB,MAAM,qBAAqB,yBAAyB,kCAAkC;AAOtF,SAAS,qBAAqB,MAAkC,MAAwB,MAAmD;AAChJ,QAAM,YAAY,CAAC,SAA2B,QAAgB,gBAAiC;AAC7F,UAAM,cAAc,OAAO;AAC3B,QAAI,OAAO,aAAa,YAAiC,yBAAyB,WAAW;AAC7F,QAAI,CAAC,MAAM;AACT,aAAO,CAAC;AACR,mBAAa,eAAe,yBAAyB,MAAM,WAAW;AAAA,IACxE;AACA,SAAK,KAAK,EAAE,aAAa,QAAQ,CAAC;AAAA,EACpC;AAEA,MAAI,MAAM;AACR,WAAO,UAAU,CAAC,GAAG,MAAO,IAAI;AAAA,EAClC;AAEA,SAAO,CAAC,QAAgB,gBAAiC;AACvD,cAAW,QAA6B,CAAC,GAAG,QAAQ,WAAW;AAAA,EACjE;AACF;AAKO,MAAM,2BAA2B,CAA0B,QAAa,gBAAuC;AACpH,QAAM,UAAU,aAAa,uBAAuB,aAAa,MAAM;AACvE,SAAO,QAAQ,SAAS,IAAK,UAA2B;AAC1D;AAEO,MAAM,kCAAkC,CAAC,WAAiD;AAC/F,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,yBAAyB,WAAW;AACtE;",
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\n\nexport const ON_INITIALIZE_METADATA_KEY = Symbol.for('simple-web-component:on-constructor');\nexport const ON_BEFORE_CONNECTED_METADATA_KEY = Symbol.for('simple-web-component:on-before-connected');\nexport const ON_AFTER_CONNECTED_METADATA_KEY = Symbol.for('simple-web-component:on-after-connected');\nexport const ON_BEFORE_DISCONNECTED_METADATA_KEY = Symbol.for('simple-web-component:on-before-disconnected');\nexport const ON_AFTER_DISCONNECTED_METADATA_KEY = Symbol.for('simple-web-component:on-after-disconnected');\nexport const ON_BEFORE_ADOPTED_METADATA_KEY = Symbol.for('simple-web-component:on-before-adopted');\nexport const ON_AFTER_ADOPTED_METADATA_KEY = Symbol.for('simple-web-component:on-after-adopted');\nexport const ON_ADD_EVENT_LISTENER_METADATA_KEY = Symbol.for('simple-web-component:on-add-event-listener');\nexport const ON_CONNECTED_SWC_APP_METADATA_KEY = Symbol.for('simple-web-component:on-connected-swc-app');\nexport const INNER_HTML_METADATA_KEY = Symbol.for('simple-web-component:inner-html');\n\nexport const ATTRIBUTE_CHANGED_WILDCARD = '*';\n\nexport interface InnerHtmlOptions {\n  useShadow?: boolean;\n}\n\nexport interface InnerHtmlMetadata {\n  propertyKey: string | symbol;\n  options: InnerHtmlOptions;\n}\n\nfunction createLifecycleDecorator(metadataKey: symbol): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol) => {\n    const constructor = target.constructor;\n    let list = ReflectUtils.getOwnMetadata(metadataKey, constructor) as (string | symbol)[];\n    if (!list) {\n      list = [];\n      ReflectUtils.defineMetadata(metadataKey, list, constructor);\n    }\n    list.push(propertyKey);\n  };\n}\n\nexport const onInitialize = createLifecycleDecorator(ON_INITIALIZE_METADATA_KEY);\nexport const onBeforeConnected = createLifecycleDecorator(ON_BEFORE_CONNECTED_METADATA_KEY);\nexport const onAfterConnected = createLifecycleDecorator(ON_AFTER_CONNECTED_METADATA_KEY);\nexport const onConnected = onAfterConnected;\n\nexport const onBeforeDisconnected = createLifecycleDecorator(ON_BEFORE_DISCONNECTED_METADATA_KEY);\nexport const onAfterDisconnected = createLifecycleDecorator(ON_AFTER_DISCONNECTED_METADATA_KEY);\nexport const onDisconnected = onAfterDisconnected;\n\nexport const onBeforeAdopted = createLifecycleDecorator(ON_BEFORE_ADOPTED_METADATA_KEY);\nexport const onAfterAdopted = createLifecycleDecorator(ON_AFTER_ADOPTED_METADATA_KEY);\nexport const onAdopted = onAfterAdopted;\n\nexport const onAddEventListener = createLifecycleDecorator(ON_ADD_EVENT_LISTENER_METADATA_KEY);\n\nexport const onConnectedSwcApp = createLifecycleDecorator(ON_CONNECTED_SWC_APP_METADATA_KEY);\n\n/**\n * @onConnectedInnerHtml decorator to define the initial HTML content when connected.\n */\nexport function onConnectedInnerHtml(options: InnerHtmlOptions): MethodDecorator;\nexport function onConnectedInnerHtml(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function onConnectedInnerHtml(arg1?: InnerHtmlOptions | Object, arg2?: string | symbol, arg3?: PropertyDescriptor): MethodDecorator | void {\n  const decorator = (options: InnerHtmlOptions, target: Object, propertyKey: string | symbol) => {\n    const constructor = target.constructor;\n    let list = ReflectUtils.getMetadata<InnerHtmlMetadata[]>(INNER_HTML_METADATA_KEY, constructor);\n    if (!list) {\n      list = [];\n      ReflectUtils.defineMetadata(INNER_HTML_METADATA_KEY, list, constructor);\n    }\n    list.push({ propertyKey, options });\n  };\n\n  if (arg2) {\n    return decorator({}, arg1!, arg2);\n  }\n\n  return (target: Object, propertyKey: string | symbol) => {\n    decorator((arg1 as InnerHtmlOptions) || {}, target, propertyKey);\n  };\n}\n\n/**\n * \uD504\uB85C\uD1A0\uD0C0\uC785 \uCCB4\uC778\uC744 \uC21C\uD68C\uD558\uBA70 \uBAA8\uB4E0 \uB77C\uC774\uD504\uC0AC\uC774\uD074 \uBA54\uC11C\uB4DC\uB97C \uC218\uC9D1\uD569\uB2C8\uB2E4.\n */\nexport const findAllLifecycleMetadata = <T = (string | symbol)[]>(target: any, metadataKey: symbol): T | undefined => {\n  const results = ReflectUtils.findAllMetadataFlatten(metadataKey, target);\n  return results.length > 0 ? (results as unknown as T) : undefined;\n};\n\nexport const getOnConnectedInnerHtmlMetadata = (target: any): InnerHtmlMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(INNER_HTML_METADATA_KEY, constructor);\n};\n"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAEtB,MAAM,6BAA6B,OAAO,IAAI,qCAAqC;AACnF,MAAM,mCAAmC,OAAO,IAAI,0CAA0C;AAC9F,MAAM,kCAAkC,OAAO,IAAI,yCAAyC;AAC5F,MAAM,sCAAsC,OAAO,IAAI,6CAA6C;AACpG,MAAM,qCAAqC,OAAO,IAAI,4CAA4C;AAClG,MAAM,iCAAiC,OAAO,IAAI,wCAAwC;AAC1F,MAAM,gCAAgC,OAAO,IAAI,uCAAuC;AACxF,MAAM,qCAAqC,OAAO,IAAI,4CAA4C;AAClG,MAAM,oCAAoC,OAAO,IAAI,2CAA2C;AAChG,MAAM,0BAA0B,OAAO,IAAI,iCAAiC;AAE5E,MAAM,6BAA6B;AAW1C,SAAS,yBAAyB,aAAsC;AACtE,SAAO,CAAC,QAAgB,gBAAiC;AACvD,UAAM,cAAc,OAAO;AAC3B,QAAI,OAAO,aAAa,eAAe,aAAa,WAAW;AAC/D,QAAI,CAAC,MAAM;AACT,aAAO,CAAC;AACR,mBAAa,eAAe,aAAa,MAAM,WAAW;AAAA,IAC5D;AACA,SAAK,KAAK,WAAW;AAAA,EACvB;AACF;AAEO,MAAM,eAAe,yBAAyB,0BAA0B;AACxE,MAAM,oBAAoB,yBAAyB,gCAAgC;AACnF,MAAM,mBAAmB,yBAAyB,+BAA+B;AACjF,MAAM,cAAc;AAEpB,MAAM,uBAAuB,yBAAyB,mCAAmC;AACzF,MAAM,sBAAsB,yBAAyB,kCAAkC;AACvF,MAAM,iBAAiB;AAEvB,MAAM,kBAAkB,yBAAyB,8BAA8B;AAC/E,MAAM,iBAAiB,yBAAyB,6BAA6B;AAC7E,MAAM,YAAY;AAElB,MAAM,qBAAqB,yBAAyB,kCAAkC;AAEtF,MAAM,oBAAoB,yBAAyB,iCAAiC;AAOpF,SAAS,qBAAqB,MAAkC,MAAwB,MAAmD;AAChJ,QAAM,YAAY,CAAC,SAA2B,QAAgB,gBAAiC;AAC7F,UAAM,cAAc,OAAO;AAC3B,QAAI,OAAO,aAAa,YAAiC,yBAAyB,WAAW;AAC7F,QAAI,CAAC,MAAM;AACT,aAAO,CAAC;AACR,mBAAa,eAAe,yBAAyB,MAAM,WAAW;AAAA,IACxE;AACA,SAAK,KAAK,EAAE,aAAa,QAAQ,CAAC;AAAA,EACpC;AAEA,MAAI,MAAM;AACR,WAAO,UAAU,CAAC,GAAG,MAAO,IAAI;AAAA,EAClC;AAEA,SAAO,CAAC,QAAgB,gBAAiC;AACvD,cAAW,QAA6B,CAAC,GAAG,QAAQ,WAAW;AAAA,EACjE;AACF;AAKO,MAAM,2BAA2B,CAA0B,QAAa,gBAAuC;AACpH,QAAM,UAAU,aAAa,uBAAuB,aAAa,MAAM;AACvE,SAAO,QAAQ,SAAS,IAAK,UAA2B;AAC1D;AAEO,MAAM,kCAAkC,CAAC,WAAiD;AAC/F,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,yBAAyB,WAAW;AACtE;",
   "names": []
 }

package/dist/esm/elements/SwcAppEngine.js

@@ -15,11 +15,11 @@ class SwcAppEngine {
     try {
       this._config = config;
       if (this._config.routeType === "path") {
-        this.router = new PathRouter({ window: this._config.window, firstUrl: this._config.path });
+        this.router = new PathRouter({ window: this._config.window });
       } else if (this._config.routeType === "hash") {
-        this.router = new HashRouter({ window: this._config.window, firstUrl: this._config.path });
+        this.router = new HashRouter({ window: this._config.window });
       } else if (this._config.routeType === "element") {
-        this.router = new ElementRouter({ window: this._config.window, firstUrl: this._config.path });
+        this.router = new ElementRouter({ window: this._config.window });
       }
       const containerSymbol = this._config.container || this.host.getContainerSymbol?.();
       this.simpleApplication = new SimpleApplication(

package/dist/esm/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';\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\nimport { SwcAppInterface } from '../types';\nimport {Intent} from \"@dooboostore/simple-boot\";\n\nexport type SwcConfigType = {\n  routeType: 'path' | 'hash' | 'element';\n  connectMode?: 'direct' | 'swap';\n  container?: symbol;\n  path?: string;\n  window: Window;\n  onEngineStarted?: (sp: SimpleApplication, app: SwcAppInterface) => void;\n  onConnected?: (app: SwcAppInterface) => void;\n  onDisconnected?: (app: SwcAppInterface) => void;\n};\n\nexport type SwcAttributeConfigType = OptionalType<SwcConfigType, 'routeType' | 'window'>;\n\nexport class SwcAppEngine {\n  public simpleApplication?: SimpleApplication;\n  public router?: Router;\n  private routerSubscription?: Subscription;\n  private _config?: SwcConfigType;\n\n  constructor(private host: HTMLElement) {}\n\n  get config() {\n    return this._config;\n  }\n  async connect(config: SwcConfigType) {\n    try {\n      this._config = config;\n\n      // Router Selection\n      if (this._config.routeType === 'path') {\n        this.router = new PathRouter({ window: this._config.window, firstUrl: this._config.path });\n      } else if (this._config.routeType === 'hash') {\n        this.router = new HashRouter({ window: this._config.window, firstUrl: this._config.path });\n      } else if (this._config.routeType === 'element') {\n        this.router = new ElementRouter({ window: this._config.window, firstUrl: this._config.path });\n      }\n\n      // console.log('vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv', this.router)\n\n      // App start\n      const containerSymbol = this._config.container || (this.host as any).getContainerSymbol?.();\n      this.simpleApplication = new SimpleApplication(\n        new SimOption({\n          excludeProxys: [Node],\n          container: containerSymbol\n        })\n      );\n\n      const otherInstanceSim = new Map<any, any>();\n      if (this.router) otherInstanceSim.set(Router, this.router);\n      this.simpleApplication.run(otherInstanceSim);\n\n      if (this._config.onEngineStarted) {\n        this._config.onEngineStarted(this.simpleApplication, this.host as unknown as SwcAppInterface);\n      }\n    } catch (e) {\n      console.error('[SWC-APP-ENGINE] Init failed:', e);\n    }\n  }\n\n  disconnect() {\n    this.routerSubscription?.unsubscribe();\n  }\n}\n"],
-  "mappings": "AAAA,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,cAA+B;AAsBjC,MAAM,aAAa;AAAA,EAMxB,YAAoB,MAAmB;AAAnB;AAAA,EAAoB;AAAA,EAExC,IAAI,SAAS;AACX,WAAO,KAAK;AAAA,EACd;AAAA,EACA,MAAM,QAAQ,QAAuB;AACnC,QAAI;AACF,WAAK,UAAU;AAGf,UAAI,KAAK,QAAQ,cAAc,QAAQ;AACrC,aAAK,SAAS,IAAI,WAAW,EAAE,QAAQ,KAAK,QAAQ,QAAQ,UAAU,KAAK,QAAQ,KAAK,CAAC;AAAA,MAC3F,WAAW,KAAK,QAAQ,cAAc,QAAQ;AAC5C,aAAK,SAAS,IAAI,WAAW,EAAE,QAAQ,KAAK,QAAQ,QAAQ,UAAU,KAAK,QAAQ,KAAK,CAAC;AAAA,MAC3F,WAAW,KAAK,QAAQ,cAAc,WAAW;AAC/C,aAAK,SAAS,IAAI,cAAc,EAAE,QAAQ,KAAK,QAAQ,QAAQ,UAAU,KAAK,QAAQ,KAAK,CAAC;AAAA,MAC9F;AAKA,YAAM,kBAAkB,KAAK,QAAQ,aAAc,KAAK,KAAa,qBAAqB;AAC1F,WAAK,oBAAoB,IAAI;AAAA,QAC3B,IAAI,UAAU;AAAA,UACZ,eAAe,CAAC,IAAI;AAAA,UACpB,WAAW;AAAA,QACb,CAAC;AAAA,MACH;AAEA,YAAM,mBAAmB,oBAAI,IAAc;AAC3C,UAAI,KAAK,OAAQ,kBAAiB,IAAI,QAAQ,KAAK,MAAM;AACzD,WAAK,kBAAkB,IAAI,gBAAgB;AAE3C,UAAI,KAAK,QAAQ,iBAAiB;AAChC,aAAK,QAAQ,gBAAgB,KAAK,mBAAmB,KAAK,IAAkC;AAAA,MAC9F;AAAA,IACF,SAAS,GAAG;AACV,cAAQ,MAAM,iCAAiC,CAAC;AAAA,IAClD;AAAA,EACF;AAAA,EAEA,aAAa;AACX,SAAK,oBAAoB,YAAY;AAAA,EACvC;AACF;",
+  "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\nimport { SwcAppInterface } from '../types';\nimport {Intent} from \"@dooboostore/simple-boot\";\n\nexport type SwcConfigType = {\n  routeType: 'path' | 'hash' | 'element';\n  connectMode?: 'direct' | 'swap';\n  container?: symbol;\n  path?: string;\n  window: Window;\n  onEngineStarted?: (sp: SimpleApplication, app: SwcAppInterface) => void;\n  onConnected?: (app: SwcAppInterface) => void;\n  onDisconnected?: (app: SwcAppInterface) => void;\n};\n\nexport type SwcAttributeConfigType = OptionalType<SwcConfigType, 'routeType' | 'window'>;\n\nexport class SwcAppEngine {\n  public simpleApplication?: SimpleApplication;\n  public router?: Router;\n  private routerSubscription?: Subscription;\n  private _config?: SwcConfigType;\n\n  constructor(private host: HTMLElement) {}\n\n  get config() {\n    return this._config;\n  }\n  async connect(config: SwcConfigType) {\n    try {\n      this._config = config;\n\n      // Router Selection\n      if (this._config.routeType === 'path') {\n        this.router = new PathRouter({ window: this._config.window });\n      } else if (this._config.routeType === 'hash') {\n        this.router = new HashRouter({ window: this._config.window });\n      } else if (this._config.routeType === 'element') {\n        this.router = new ElementRouter({ window: this._config.window });\n      }\n\n      // console.log('vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv', this.router)\n\n      // App start\n      const containerSymbol = this._config.container || (this.host as any).getContainerSymbol?.();\n      this.simpleApplication = new SimpleApplication(\n        new SimOption({\n          excludeProxys: [Node],\n          container: containerSymbol\n        })\n      );\n\n      const otherInstanceSim = new Map<any, any>();\n      if (this.router) otherInstanceSim.set(Router, this.router);\n      this.simpleApplication.run(otherInstanceSim);\n\n      if (this._config.onEngineStarted) {\n        this._config.onEngineStarted(this.simpleApplication, this.host as unknown as SwcAppInterface);\n      }\n    } catch (e) {\n      console.error('[SWC-APP-ENGINE] Init failed:', e);\n    }\n  }\n\n  disconnect() {\n    this.routerSubscription?.unsubscribe();\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,cAA+B;AAsBjC,MAAM,aAAa;AAAA,EAMxB,YAAoB,MAAmB;AAAnB;AAAA,EAAoB;AAAA,EAExC,IAAI,SAAS;AACX,WAAO,KAAK;AAAA,EACd;AAAA,EACA,MAAM,QAAQ,QAAuB;AACnC,QAAI;AACF,WAAK,UAAU;AAGf,UAAI,KAAK,QAAQ,cAAc,QAAQ;AACrC,aAAK,SAAS,IAAI,WAAW,EAAE,QAAQ,KAAK,QAAQ,OAAO,CAAC;AAAA,MAC9D,WAAW,KAAK,QAAQ,cAAc,QAAQ;AAC5C,aAAK,SAAS,IAAI,WAAW,EAAE,QAAQ,KAAK,QAAQ,OAAO,CAAC;AAAA,MAC9D,WAAW,KAAK,QAAQ,cAAc,WAAW;AAC/C,aAAK,SAAS,IAAI,cAAc,EAAE,QAAQ,KAAK,QAAQ,OAAO,CAAC;AAAA,MACjE;AAKA,YAAM,kBAAkB,KAAK,QAAQ,aAAc,KAAK,KAAa,qBAAqB;AAC1F,WAAK,oBAAoB,IAAI;AAAA,QAC3B,IAAI,UAAU;AAAA,UACZ,eAAe,CAAC,IAAI;AAAA,UACpB,WAAW;AAAA,QACb,CAAC;AAAA,MACH;AAEA,YAAM,mBAAmB,oBAAI,IAAc;AAC3C,UAAI,KAAK,OAAQ,kBAAiB,IAAI,QAAQ,KAAK,MAAM;AACzD,WAAK,kBAAkB,IAAI,gBAAgB;AAE3C,UAAI,KAAK,QAAQ,iBAAiB;AAChC,aAAK,QAAQ,gBAAgB,KAAK,mBAAmB,KAAK,IAAkC;AAAA,MAC9F;AAAA,IACF,SAAS,GAAG;AACV,cAAQ,MAAM,iCAAiC,CAAC;AAAA,IAClD;AAAA,EACF;AAAA,EAEA,aAAa;AACX,SAAK,oBAAoB,YAAY;AAAA,EACvC;AACF;",
   "names": []
 }

package/dist/esm/elements/SwcAppMixin.js

@@ -1,6 +1,7 @@
 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";
 function SwcAppMixin(Base) {
   return class extends Base {
@@ -8,6 +9,7 @@ function SwcAppMixin(Base) {
       super(...arguments);
       this.__swc_engine = new SwcAppEngine(this);
       this._swc_connected_instance = /* @__PURE__ */ new Set();
+      this._connected_safari = [];
     }
     get simpleApplication() {
       return this.__swc_engine.simpleApplication;
@@ -15,6 +17,10 @@ function SwcAppMixin(Base) {
     get router() {
       return this.__swc_engine.router;
     }
+    // constructor() {
+    //   super();
+    //   console.log('cccccccccccccccccccccc');
+    // }
     _invokeRouteChangeSubscribers(instance, re) {
       const routeChangeSubscribers = getSubscribeSwcAppRouteChangeMetadata(instance);
       if (routeChangeSubscribers && Array.isArray(routeChangeSubscribers)) {
@@ -50,8 +56,11 @@ function SwcAppMixin(Base) {
     _connected(instance) {
       if (instance) {
         this._swc_connected_instance.add(instance);
-        if (this.router && this._lastRouterEvent) {
-          this._invokeRouteChangeSubscribers(instance, this._lastRouterEvent);
+        if (this.simpleApplication) {
+          this._invokeOnConnectedSwcAppStarted(instance);
+          if (this.router && this._lastRouterEvent) {
+            this._invokeRouteChangeSubscribers(instance, this._lastRouterEvent);
+          }
         }
       }
     }
@@ -98,14 +107,33 @@ function SwcAppMixin(Base) {
           throw e;
         }
       }
+      this._connected_safari.forEach((instance) => {
+        this._swc_connected_instance.add(instance);
+      });
+      this._swc_connected_instance.forEach((instance) => {
+        this._invokeOnConnectedSwcAppStarted(instance);
+      });
       if (!this._routerSubscription && this.router) {
         this._routerSubscription = this.router.observable.subscribe((route) => {
           this._handleRouteChange(route);
         });
+        const config2 = this.__swc_engine.config;
+        if (config2?.path) {
+          this.router.go(config2.path);
+        }
+      }
+    }
+    _invokeOnConnectedSwcAppStarted(instance) {
+      const startedMethods = findAllLifecycleMetadata(instance, ON_CONNECTED_SWC_APP_METADATA_KEY);
+      if (startedMethods) {
+        for (const m of startedMethods) {
+          instance._invokeLifecycleMethod(m);
+        }
       }
     }
     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) {
@@ -123,7 +151,8 @@ 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;
@@ -131,7 +160,16 @@ function SwcAppMixin(Base) {
       this.__swc_engine?.config?.onDisconnected?.(this);
     }
     async routing(path) {
-      await this.__swc_engine.router?.go(path);
+      await this.router?.go(path);
+    }
+    back() {
+      this.router?.back();
+    }
+    forward() {
+      this.router?.forward();
+    }
+    reload() {
+      this.router?.reload();
     }
   };
 }

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 { RouterEventType } from '@dooboostore/core-web';\nimport { getSubscribeSwcAppRouteChangeMetadata } from '../decorators/subscribeSwcAppRouteChange';\n\nexport function SwcAppMixin<T extends { new (...args: any[]): HTMLElement }>(Base: T) {\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    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\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!);\n\n          // Invoke method if conditions pass\n          if (pathMatched && filterPassed) {\n            instance[methodName]?.(re, pathData || {});\n          }\n        });\n      }\n    }\n\n    _connected(instance: any) {\n      // console.log('------------------>', instance);\n      if (instance) {\n        this._swc_connected_instance.add(instance);\n\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    _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      // console.log('vvvvvvv222222', this.router);\n      // Subscribe to router changes after connect\n      if (!this._routerSubscription && this.router) {\n        this._routerSubscription = this.router.observable.subscribe((route: RouterEventType) => {\n          // console.log('Route changed:', route);\n          this._handleRouteChange(route);\n        });\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    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, SwcUtils.findNearestSwcHost(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.__swc_engine.router?.go(path);\n    }\n  };\n}\n"],
-  "mappings": "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",
-  "names": []
+  "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    // constructor() {\n    //   super();\n    //   console.log('cccccccccccccccccccccc');\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 || {});\n          }\n        });\n      }\n    }\n\n    _connected(instance: any) {\n      // console.log('appmixin--> connected', 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      // Safari fix: Manually scan DOM tree and register any SWC components that couldn't find parent\n      // This handles the case where is=\"\" elements get upgraded in child-first order\n      // const allElements = (this as any).querySelectorAll('*');\n      // for (const el of allElements) {\n      //   const isConnected = (el as any).__swc_connected;\n      //   if (!isConnected && typeof (el as any)._resolveWindow === 'function') {\n      //     // Element is an SWC component but hasn't registered with app yet\n      //     try {\n      //       this._connected(el);\n      //       if ((el as any)._invokeOnConnectedSwcAppStarted) {\n      //         this._invokeOnConnectedSwcAppStarted(el);\n      //       }\n      //     } catch (e) {\n      //       console.warn('[SWC] Error registering discovered element:', el.tagName, e);\n      //     }\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          // console.log('Route changed:', route);\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, SwcUtils.findNearestSwcHost(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": "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",
+  "names": ["config"]
 }

package/dist/esm/types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/types.ts"],
-  "sourcesContent": ["import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { Router } from '@dooboostore/core-web';\nimport {SwcAttributeConfigType} from \"./elements/SwcAppEngine\";\n\nexport enum InjectSituationType {\n  HOST_SET = 'SIMPLE_WEB_COMPONENT://HOSTSET',\n  APP_HOST = 'SIMPLE_WEB_COMPONENT://APPHOST',\n  APP_HOSTS = 'SIMPLE_WEB_COMPONENT://APPHOSTS',\n  HOST = 'SIMPLE_WEB_COMPONENT://HOST',\n  PARENT_HOST = 'SIMPLE_WEB_COMPONENT://PARENTHOST',\n  HOSTS = 'SIMPLE_WEB_COMPONENT://HOSTS',\n  FIRST_HOST = 'SIMPLE_WEB_COMPONENT://FIRSTHOST',\n  LAST_HOST = 'SIMPLE_WEB_COMPONENT://LASTHOST',\n  FIRST_APP_HOST = 'SIMPLE_WEB_COMPONENT://FIRSTAPPHOST',\n  LAST_APP_HOST = 'SIMPLE_WEB_COMPONENT://LASTAPPHOST'\n}\n\nexport type SwcRootType = 'light' | 'shadow' | 'all' | 'auto';\n\nexport type SpecialSelector = ':host' | ':window' | ':document' | ':parentHost' | ':appHost' | ':firstHost' | ':lastHost' | ':firstAppHost' | ':lastAppHost' | ':hosts' | ':appHosts';\n\nexport type SwcQueryOptions = { root?: SwcRootType };\n\nexport type HelperSet = {\n  $d: Document;\n  $w: Window;\n  $q: (selector: string, root?: Element | Document | ShadowRoot) => HTMLElement | null;\n  $qa: (selector: string, root?: Element | Document | ShadowRoot) => HTMLElement[];\n  $qi: (id: string, root?: Document | ShadowRoot) => HTMLElement | null;\n};\n\nexport type HostSet = {\n  $host: HTMLElement; // Current component itself\n  $parentHost: HTMLElement | null; // Nearest parent SWC component\n  $hosts: HTMLElement[]; // [root, ..., parent, self]\n  $firstHost: HTMLElement | null; // Top-most SWC ancestor\n  $lastHost: HTMLElement | null; // Same as $parentHost (for backward compatibility or clarity)\n  $appHost: SwcAppInterface | null;\n  $appHosts: SwcAppInterface[];\n  $firstAppHost: SwcAppInterface | null;\n  $lastAppHost: SwcAppInterface | null;\n};\n\nexport type HelperHostSet = HelperSet & HostSet;\n\nexport interface SwcAppInterface extends HTMLElement {\n  simpleApplication?: SimpleApplication;\n  router?: Router;\n  connect(config?: SwcAttributeConfigType): Promise<void>;\n  routing(path: string): Promise<void>;\n}\n"],
+  "sourcesContent": ["import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { Router } from '@dooboostore/core-web';\nimport {SwcAttributeConfigType} from \"./elements/SwcAppEngine\";\n\nexport enum InjectSituationType {\n  HOST_SET = 'SIMPLE_WEB_COMPONENT://HOSTSET',\n  APP_HOST = 'SIMPLE_WEB_COMPONENT://APPHOST',\n  APP_HOSTS = 'SIMPLE_WEB_COMPONENT://APPHOSTS',\n  HOST = 'SIMPLE_WEB_COMPONENT://HOST',\n  PARENT_HOST = 'SIMPLE_WEB_COMPONENT://PARENTHOST',\n  HOSTS = 'SIMPLE_WEB_COMPONENT://HOSTS',\n  FIRST_HOST = 'SIMPLE_WEB_COMPONENT://FIRSTHOST',\n  LAST_HOST = 'SIMPLE_WEB_COMPONENT://LASTHOST',\n  FIRST_APP_HOST = 'SIMPLE_WEB_COMPONENT://FIRSTAPPHOST',\n  LAST_APP_HOST = 'SIMPLE_WEB_COMPONENT://LASTAPPHOST'\n}\n\nexport type SwcRootType = 'light' | 'shadow' | 'all' | 'auto';\n\nexport type SpecialSelector = ':host' | ':window' | ':document' | ':parentHost' | ':appHost' | ':firstHost' | ':lastHost' | ':firstAppHost' | ':lastAppHost' | ':hosts' | ':appHosts';\n\nexport type SwcQueryOptions = { root?: SwcRootType };\n\nexport type HelperSet = {\n  $d: Document;\n  $w: Window;\n  $q: (selector: string, root?: Element | Document | ShadowRoot) => HTMLElement | null;\n  $qa: (selector: string, root?: Element | Document | ShadowRoot) => HTMLElement[];\n  $qi: (id: string, root?: Document | ShadowRoot) => HTMLElement | null;\n};\n\nexport type HostSet = {\n  $host: HTMLElement; // Current component itself\n  $parentHost: HTMLElement | null; // Nearest parent SWC component\n  $hosts: HTMLElement[]; // [root, ..., parent, self]\n  $firstHost: HTMLElement | null; // Top-most SWC ancestor\n  $lastHost: HTMLElement | null; // Same as $parentHost (for backward compatibility or clarity)\n  $appHost: SwcAppInterface | null;\n  $appHosts: SwcAppInterface[];\n  $firstAppHost: SwcAppInterface | null;\n  $lastAppHost: SwcAppInterface | null;\n};\n\nexport type HelperHostSet = HelperSet & HostSet;\n\nexport interface SwcAppInterface extends HTMLElement {\n  simpleApplication?: SimpleApplication;\n  router?: Router;\n  connect(config?: SwcAttributeConfigType): Promise<void>;\n  routing(path: string): Promise<void>;\n  reload(): void;\n  back(): void;\n  forward(): void;\n}\n"],
   "mappings": "AAIO,IAAK,sBAAL,kBAAKA,yBAAL;AACL,EAAAA,qBAAA,cAAW;AACX,EAAAA,qBAAA,cAAW;AACX,EAAAA,qBAAA,eAAY;AACZ,EAAAA,qBAAA,UAAO;AACP,EAAAA,qBAAA,iBAAc;AACd,EAAAA,qBAAA,WAAQ;AACR,EAAAA,qBAAA,gBAAa;AACb,EAAAA,qBAAA,eAAY;AACZ,EAAAA,qBAAA,oBAAiB;AACjB,EAAAA,qBAAA,mBAAgB;AAVN,SAAAA;AAAA,GAAA;",
   "names": ["InjectSituationType"]
 }

package/dist/esm/utils/Utils.js

@@ -194,6 +194,32 @@ var SwcUtils;
     const appHostsWithoutSelf = appHosts.filter((h) => h !== el);
     return appHostsWithoutSelf.length > 0 ? appHostsWithoutSelf[appHostsWithoutSelf.length - 1] : void 0;
   };
+  SwcUtils2.findParentAppHostDirect = (el) => {
+    const appHosts = (0, SwcUtils2.findAllParentAppHostsDirect)(el);
+    return appHosts.length > 0 ? appHosts[appHosts.length - 1] : null;
+  };
+  SwcUtils2.findAllParentAppHostsDirect = (el) => {
+    const appHosts = [];
+    let current = null;
+    const rootNode = el.getRootNode();
+    if (rootNode instanceof ShadowRoot) {
+      current = rootNode.host;
+    } else {
+      current = el.parentElement;
+    }
+    while (current) {
+      const isAppHost = current.tagName.toLowerCase() === "swc-app" || current.getAttribute("is")?.startsWith("swc-app-");
+      if (isAppHost) {
+        appHosts.push(current);
+      }
+      if (current.shadowRoot) {
+        current = current.shadowRoot.host.parentElement;
+      } else {
+        current = current.parentElement;
+      }
+    }
+    return appHosts.reverse();
+  };
   SwcUtils2.getHostSet = (el) => {
     const isSwc = !!getElementConfig(el);
     const ancestors = (0, SwcUtils2.findAllSwcHosts)(el);
@@ -217,7 +243,7 @@ var SwcUtils;
       }
       curr = curr.parentElement || curr.getRootNode().host;
     }
-    const $appHosts = $hosts.filter((h) => h.tagName.toLowerCase() === "swc-app" || h.getAttribute("is")?.startsWith("swc-app-"));
+    const $appHosts = SwcUtils2.findAllParentAppHostsDirect(el);
     const $appHost = $appHosts.length > 0 ? $appHosts[$appHosts.length - 1] === el ? $appHosts.length > 1 ? $appHosts[$appHosts.length - 2] : null : $appHosts[$appHosts.length - 1] : null;
     const $firstAppHost = $appHosts.length > 0 ? $appHosts[0] : null;
     return {

package/dist/esm/utils/Utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/Utils.ts"],
-  "sourcesContent": ["import { SwcAppInterface, HostSet, HelperSet, HelperHostSet } from '../types';\nimport {getElementConfig} from \"../decorators\";\n\nexport const SWC_NOT_FOUND = Symbol.for('simple-web-component:not-found');\n\n// DOM Creation Utilities\nexport const htmlFragment = (html: string, doc?: Document): DocumentFragment => {\n  const d = doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const template = d.createElement('template');\n  template.innerHTML = html.trim();\n  return template.content;\n};\n\nexport const textNode = (text: string | any, doc?: Document): Text => {\n  const d = doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  return d.createTextNode(text !== undefined && text !== null ? String(text) : '');\n};\n\nexport const commentNode = (comment: string | any, doc?: Document): Comment => {\n  const d = doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  return d.createComment(comment !== undefined && comment !== null ? String(comment) : '');\n};\n\nexport const createElement = <T extends HTMLElement>(\n  tagName: string,\n  options?: { html?: string; attrs?: Record<string, any>; doc?: Document }\n): T => {\n  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const el = d.createElement(tagName) as T;\n  if (options?.html) el.innerHTML = options.html;\n  if (options?.attrs) {\n    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));\n  }\n  return el;\n};\n\n// Element factory functions\nexport const htmlDivElement = (html: string, options?: { doc?: Document; attrs?: Record<string, any> }): HTMLDivElement => {\n  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const el = d.createElement('div') as HTMLDivElement;\n  el.innerHTML = html.trim();\n  if (options?.attrs) {\n    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));\n  }\n  return el;\n};\n\nexport const htmlSpanElement = (html: string, options?: { doc?: Document; attrs?: Record<string, any> }): HTMLSpanElement => {\n  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const el = d.createElement('span') as HTMLSpanElement;\n  el.innerHTML = html.trim();\n  if (options?.attrs) {\n    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));\n  }\n  return el;\n};\n\nexport const htmlButtonElement = (html: string, options?: { doc?: Document; attrs?: Record<string, any> }): HTMLButtonElement => {\n  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const el = d.createElement('button') as HTMLButtonElement;\n  el.innerHTML = html.trim();\n  if (options?.attrs) {\n    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));\n  }\n  return el;\n};\n\nexport const htmlUlElement = (options?: { doc?: Document; attrs?: Record<string, any> }): HTMLUListElement => {\n  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const el = d.createElement('ul') as HTMLUListElement;\n  if (options?.attrs) {\n    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));\n  }\n  return el;\n};\n\nexport const htmlLiElement = (html: string, options?: { doc?: Document; attrs?: Record<string, any> }): HTMLLIElement => {\n  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const el = d.createElement('li') as HTMLLIElement;\n  el.innerHTML = html.trim();\n  if (options?.attrs) {\n    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));\n  }\n  return el;\n};\n\nexport const htmlAElement = (html: string, options?: { href?: string; doc?: Document; attrs?: Record<string, any> }): HTMLAnchorElement => {\n  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const el = d.createElement('a') as HTMLAnchorElement;\n  el.innerHTML = html.trim();\n  if (options?.href) el.href = options.href;\n  if (options?.attrs) {\n    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));\n  }\n  return el;\n};\n\nexport const htmlPElement = (html: string, options?: { doc?: Document; attrs?: Record<string, any> }): HTMLParagraphElement => {\n  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const el = d.createElement('p') as HTMLParagraphElement;\n  el.innerHTML = html.trim();\n  if (options?.attrs) {\n    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));\n  }\n  return el;\n};\n\nexport const htmlHeadingElement = (level: 1 | 2 | 3 | 4 | 5 | 6, html: string, options?: { doc?: Document; attrs?: Record<string, any> }): HTMLHeadingElement => {\n  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const el = d.createElement(`h${level}`) as HTMLHeadingElement;\n  el.innerHTML = html.trim();\n  if (options?.attrs) {\n    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));\n  }\n  return el;\n};\n\nexport const htmlSectionElement = (options?: { doc?: Document; attrs?: Record<string, any> }): HTMLElement => {\n  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const el = d.createElement('section');\n  if (options?.attrs) {\n    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));\n  }\n  return el;\n};\n\nexport const htmlArticleElement = (options?: { doc?: Document; attrs?: Record<string, any> }): HTMLElement => {\n  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const el = d.createElement('article');\n  if (options?.attrs) {\n    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));\n  }\n  return el;\n};\n\nexport namespace SwcUtils {\n  export const getHelperSet = (win: Window): HelperSet => {\n    const doc: Document = win.document;\n    return {\n      $d: doc,\n      $w: win,\n      $q: (sel: string, root?: Element | Document | ShadowRoot) => (root ?? doc).querySelector(sel),\n      $qa: (sel: string, root?: Element | Document | ShadowRoot) => Array.from((root ?? doc).querySelectorAll(sel)) as HTMLElement[],\n      $qi: (id: string, root?: Document | ShadowRoot) => (root ?? doc).getElementById(id) as HTMLElement\n    } as const;\n  };\n\n  export const getHelperAndHostSet = (win: Window, el: HTMLElement): HelperHostSet => {\n    const helperSet = getHelperSet(win);\n    const hostSet = getHostSet(el);\n    return {\n      ...helperSet,\n      ...hostSet\n    };\n  };\n\n  export const getValueByPath = (obj: any, path: string, rootName: string) => {\n    if (!obj || !path) return SWC_NOT_FOUND;\n\n    const parts = path.split('.');\n    let current = obj;\n\n    for (const part of parts) {\n      if (current === null || current === undefined) return SWC_NOT_FOUND;\n      current = current[part];\n    }\n    return current;\n  };\n\n  /**\n   * Finds the nearest logical SWC host for an element.\n   * Checks __swc_host property first, then climbs the DOM tree.\n   */\n  export const findNearestSwcHost = (el: HTMLElement | Node): HTMLElement | undefined => {\n    if ((el as any).__swc_host) return (el as any).__swc_host;\n    // if ((el as any).__swc_proto_setup) return (el as any).__swc_proto_setup;\n\n    let current: any = el.parentElement || (el.getRootNode?.() as any)?.host;\n    const doc = el.ownerDocument;\n    const win = doc?.defaultView || ((typeof window !== 'undefined' ? window : undefined) as any);\n    while (current && current !== doc && current !== win) {\n      if (current.__swc_host) return current.__swc_host;\n      if (getElementConfig(current)) return current as HTMLElement;\n      current = current.parentElement || (current.getRootNode?.() as any)?.host;\n    }\n    return undefined;\n  };\n\n  /**\n   * Returns all SWC ancestors (excluding self) in [root, ..., parent] order.\n   */\n  export const findAllSwcHosts = (el: HTMLElement | Node): HTMLElement[] => {\n    const hosts: HTMLElement[] = [];\n    let current = findNearestSwcHost(el);\n    while (current) {\n      hosts.push(current);\n      // To find the next ancestor, we must start searching from the PARENT of the found host\n      current = findNearestSwcHost(current);\n    }\n    return hosts.reverse();\n  };\n\n  export const getHosts = (el: HTMLElement): HTMLElement[] => {\n    const ancestors = findAllSwcHosts(el);\n    if (getElementConfig(el)) return [...ancestors, el];\n    return ancestors;\n  };\n\n  export const getHost = (el: HTMLElement): HTMLElement | undefined => {\n    if (getElementConfig(el)) return el;\n    return findNearestSwcHost(el);\n  };\n\n  export const getAppHosts = (el: HTMLElement): SwcAppInterface[] => {\n    const hosts = getHosts(el);\n    return hosts.filter(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface[];\n  };\n\n  export const getAppHost = (el: HTMLElement): SwcAppInterface | undefined => {\n    const appHosts = getAppHosts(el);\n    const appHostsWithoutSelf = appHosts.filter(h => h !== el);\n    return appHostsWithoutSelf.length > 0 ? appHostsWithoutSelf[appHostsWithoutSelf.length - 1] : undefined;\n  };\n\n  export const getHostSet = (el: HTMLElement): HostSet => {\n    const isSwc = !!getElementConfig(el);\n    const ancestors = findAllSwcHosts(el); // [root, ..., parent]\n\n    let $host: HTMLElement;\n    let $parentHost: HTMLElement | null;\n\n    if (isSwc) {\n      $host = el;\n      $parentHost = ancestors.length > 0 ? ancestors[ancestors.length - 1] : null;\n    } else {\n      $host = ancestors.length > 0 ? ancestors[ancestors.length - 1] : el;\n      $parentHost = ancestors.length > 1 ? ancestors[ancestors.length - 2] : null;\n    }\n\n    const $hosts = isSwc ? [...ancestors, el] : ancestors;\n    const $firstHost = $hosts.length > 0 ? $hosts[0] : null;\n\n    // Collect loop contexts\n    const loopContext: Record<string, any> = {};\n    let curr: any = el;\n    const rootEl = el.ownerDocument?.documentElement;\n    while (curr && curr !== rootEl) {\n      if (curr.__swc_loop_context) {\n        Object.assign(loopContext, curr.__swc_loop_context);\n      }\n      curr = curr.parentElement || (curr.getRootNode() as any).host;\n    }\n\n    const $appHosts = $hosts.filter(h => h.tagName.toLowerCase() === 'swc-app' || h.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface[];\n    const $appHost = $appHosts.length > 0 ? ($appHosts[$appHosts.length - 1] === el ? ($appHosts.length > 1 ? $appHosts[$appHosts.length - 2] : null) : $appHosts[$appHosts.length - 1]) : null;\n    const $firstAppHost = $appHosts.length > 0 ? $appHosts[0] : null;\n\n    return {\n      $host,\n      $parentHost,\n      $hosts,\n      $firstHost,\n      $lastHost: $parentHost,\n      $appHost,\n      $appHosts,\n      $firstAppHost,\n      $lastAppHost: $appHost,\n      ...loopContext\n    } as any;\n  };\n\n  export const parsePathPattern = (pattern: string | undefined, currentPath: string): { [key: string]: string } | null => {\n    // pattern\uC774 null/undefined\uBA74 \uC640\uC77C\uB4DC\uCE74\uB4DC (\uBAA8\uB4E0 \uACBD\uB85C \uB9E4\uCE6D)\n    if (pattern === null || pattern === undefined) return {};\n    \n    // \uACF5\uBC31\uB9CC \uC788\uB294 \uD328\uD134\uB3C4 \uC640\uC77C\uB4DC\uCE74\uB4DC\n    const trimmedPattern = pattern.trim();\n    if (trimmedPattern === '' && pattern !== '') return {}; // \uACF5\uBC31 \uBB38\uC790\uB9CC \uC788\uB294 \uACBD\uC6B0\n    \n    // \uD328\uD134\uC744 \uC815\uADDC\uC2DD\uC73C\uB85C \uBCC0\uD658\n    // \uC9C0\uC6D0 \uD615\uC2DD:\n    //   {id} \u2192 ([^/]+)  \uAE30\uBCF8 (/ \uC81C\uC678\uD55C \uBAA8\uB4E0 \uBB38\uC790)\n    //   {tail:.*} \u2192 (.*)  \uC815\uADDC\uD45C\uD604\uC2DD \uC9C1\uC811 \uC9C0\uC815\n    //   {slug:[a-z0-9-]+} \u2192 ([a-z0-9-]+)\n    const paramNames: string[] = [];\n    const regexPattern = trimmedPattern.replace(/{(\\w+)(?::(.+?))?}/g, (match, paramName, customRegex) => {\n      paramNames.push(paramName);\n      // customRegex\uAC00 \uC788\uC73C\uBA74 \uC0AC\uC6A9, \uC5C6\uC73C\uBA74 \uAE30\uBCF8\uAC12 ([^/]+)\n      return `(${customRegex || '[^/]+'})`;\n    });\n    \n    const regex = new RegExp(`^${regexPattern}$`);\n    const match = currentPath.match(regex);\n    \n    if (!match) return null;\n    \n    const result: { [key: string]: string } = {};\n    paramNames.forEach((name, index) => {\n      result[name] = match[index + 1];\n    });\n    \n    return result;\n  };\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { SwcAppInterface, HostSet, HelperSet, HelperHostSet } from '../types';\nimport {getElementConfig} from \"../decorators\";\n\nexport const SWC_NOT_FOUND = Symbol.for('simple-web-component:not-found');\n\n// DOM Creation Utilities\nexport const htmlFragment = (html: string, doc?: Document): DocumentFragment => {\n  const d = doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const template = d.createElement('template');\n  template.innerHTML = html.trim();\n  return template.content;\n};\n\nexport const textNode = (text: string | any, doc?: Document): Text => {\n  const d = doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  return d.createTextNode(text !== undefined && text !== null ? String(text) : '');\n};\n\nexport const commentNode = (comment: string | any, doc?: Document): Comment => {\n  const d = doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  return d.createComment(comment !== undefined && comment !== null ? String(comment) : '');\n};\n\nexport const createElement = <T extends HTMLElement>(\n  tagName: string,\n  options?: { html?: string; attrs?: Record<string, any>; doc?: Document }\n): T => {\n  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const el = d.createElement(tagName) as T;\n  if (options?.html) el.innerHTML = options.html;\n  if (options?.attrs) {\n    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));\n  }\n  return el;\n};\n\n// Element factory functions\nexport const htmlDivElement = (html: string, options?: { doc?: Document; attrs?: Record<string, any> }): HTMLDivElement => {\n  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const el = d.createElement('div') as HTMLDivElement;\n  el.innerHTML = html.trim();\n  if (options?.attrs) {\n    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));\n  }\n  return el;\n};\n\nexport const htmlSpanElement = (html: string, options?: { doc?: Document; attrs?: Record<string, any> }): HTMLSpanElement => {\n  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const el = d.createElement('span') as HTMLSpanElement;\n  el.innerHTML = html.trim();\n  if (options?.attrs) {\n    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));\n  }\n  return el;\n};\n\nexport const htmlButtonElement = (html: string, options?: { doc?: Document; attrs?: Record<string, any> }): HTMLButtonElement => {\n  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const el = d.createElement('button') as HTMLButtonElement;\n  el.innerHTML = html.trim();\n  if (options?.attrs) {\n    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));\n  }\n  return el;\n};\n\nexport const htmlUlElement = (options?: { doc?: Document; attrs?: Record<string, any> }): HTMLUListElement => {\n  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const el = d.createElement('ul') as HTMLUListElement;\n  if (options?.attrs) {\n    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));\n  }\n  return el;\n};\n\nexport const htmlLiElement = (html: string, options?: { doc?: Document; attrs?: Record<string, any> }): HTMLLIElement => {\n  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const el = d.createElement('li') as HTMLLIElement;\n  el.innerHTML = html.trim();\n  if (options?.attrs) {\n    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));\n  }\n  return el;\n};\n\nexport const htmlAElement = (html: string, options?: { href?: string; doc?: Document; attrs?: Record<string, any> }): HTMLAnchorElement => {\n  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const el = d.createElement('a') as HTMLAnchorElement;\n  el.innerHTML = html.trim();\n  if (options?.href) el.href = options.href;\n  if (options?.attrs) {\n    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));\n  }\n  return el;\n};\n\nexport const htmlPElement = (html: string, options?: { doc?: Document; attrs?: Record<string, any> }): HTMLParagraphElement => {\n  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const el = d.createElement('p') as HTMLParagraphElement;\n  el.innerHTML = html.trim();\n  if (options?.attrs) {\n    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));\n  }\n  return el;\n};\n\nexport const htmlHeadingElement = (level: 1 | 2 | 3 | 4 | 5 | 6, html: string, options?: { doc?: Document; attrs?: Record<string, any> }): HTMLHeadingElement => {\n  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const el = d.createElement(`h${level}`) as HTMLHeadingElement;\n  el.innerHTML = html.trim();\n  if (options?.attrs) {\n    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));\n  }\n  return el;\n};\n\nexport const htmlSectionElement = (options?: { doc?: Document; attrs?: Record<string, any> }): HTMLElement => {\n  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const el = d.createElement('section');\n  if (options?.attrs) {\n    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));\n  }\n  return el;\n};\n\nexport const htmlArticleElement = (options?: { doc?: Document; attrs?: Record<string, any> }): HTMLElement => {\n  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const el = d.createElement('article');\n  if (options?.attrs) {\n    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));\n  }\n  return el;\n};\n\nexport namespace SwcUtils {\n  export const getHelperSet = (win: Window): HelperSet => {\n    const doc: Document = win.document;\n    return {\n      $d: doc,\n      $w: win,\n      $q: (sel: string, root?: Element | Document | ShadowRoot) => (root ?? doc).querySelector(sel),\n      $qa: (sel: string, root?: Element | Document | ShadowRoot) => Array.from((root ?? doc).querySelectorAll(sel)) as HTMLElement[],\n      $qi: (id: string, root?: Document | ShadowRoot) => (root ?? doc).getElementById(id) as HTMLElement\n    } as const;\n  };\n\n  export const getHelperAndHostSet = (win: Window, el: HTMLElement): HelperHostSet => {\n    const helperSet = getHelperSet(win);\n    const hostSet = getHostSet(el);\n    return {\n      ...helperSet,\n      ...hostSet\n    };\n  };\n\n  export const getValueByPath = (obj: any, path: string, rootName: string) => {\n    if (!obj || !path) return SWC_NOT_FOUND;\n\n    const parts = path.split('.');\n    let current = obj;\n\n    for (const part of parts) {\n      if (current === null || current === undefined) return SWC_NOT_FOUND;\n      current = current[part];\n    }\n    return current;\n  };\n\n  /**\n   * Finds the nearest logical SWC host for an element.\n   * Checks __swc_host property first, then climbs the DOM tree.\n   */\n  export const findNearestSwcHost = (el: HTMLElement | Node): HTMLElement | undefined => {\n    if ((el as any).__swc_host) return (el as any).__swc_host;\n    // if ((el as any).__swc_proto_setup) return (el as any).__swc_proto_setup;\n\n    let current: any = el.parentElement || (el.getRootNode?.() as any)?.host;\n    const doc = el.ownerDocument;\n    const win = doc?.defaultView || ((typeof window !== 'undefined' ? window : undefined) as any);\n    while (current && current !== doc && current !== win) {\n      if (current.__swc_host) return current.__swc_host;\n      if (getElementConfig(current)) return current as HTMLElement;\n      current = current.parentElement || (current.getRootNode?.() as any)?.host;\n    }\n    return undefined;\n  };\n\n  /**\n   * Returns all SWC ancestors (excluding self) in [root, ..., parent] order.\n   */\n  export const findAllSwcHosts = (el: HTMLElement | Node): HTMLElement[] => {\n    const hosts: HTMLElement[] = [];\n    let current = findNearestSwcHost(el);\n    while (current) {\n      hosts.push(current);\n      // To find the next ancestor, we must start searching from the PARENT of the found host\n      current = findNearestSwcHost(current);\n    }\n    return hosts.reverse();\n  };\n\n  export const getHosts = (el: HTMLElement): HTMLElement[] => {\n    const ancestors = findAllSwcHosts(el);\n    if (getElementConfig(el)) return [...ancestors, el];\n    return ancestors;\n  };\n\n  export const getHost = (el: HTMLElement): HTMLElement | undefined => {\n    if (getElementConfig(el)) return el;\n    return findNearestSwcHost(el);\n  };\n\n  export const getAppHosts = (el: HTMLElement): SwcAppInterface[] => {\n    const hosts = getHosts(el);\n    return hosts.filter(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface[];\n  };\n\n  export const getAppHost = (el: HTMLElement): SwcAppInterface | undefined => {\n    const appHosts = getAppHosts(el);\n    const appHostsWithoutSelf = appHosts.filter(h => h !== el);\n    return appHostsWithoutSelf.length > 0 ? appHostsWithoutSelf[appHostsWithoutSelf.length - 1] : undefined;\n  };\n\n  /**\n   * Find parent app host by traversing DOM tree directly.\n   * Only checks tagName and is attribute - no SWC host discovery.\n   * Useful for Safari polyfill compatibility where is=\"\" elements upgrade in child-first order.\n   */\n  export const findParentAppHostDirect = (el: HTMLElement): SwcAppInterface | null => {\n    const appHosts = findAllParentAppHostsDirect(el);\n    return appHosts.length > 0 ? appHosts[appHosts.length - 1] : null;\n  };\n\n  /**\n   * Find all parent app hosts by traversing DOM tree directly.\n   * Returns array of all parent app hosts in [closest-parent, ..., root] order.\n   * Only checks tagName and is attribute - no SWC host discovery.\n   * Useful for Safari polyfill compatibility where is=\"\" elements upgrade in child-first order.\n   */\n  export const findAllParentAppHostsDirect = (el: HTMLElement): SwcAppInterface[] => {\n    const appHosts: SwcAppInterface[] = [];\n    \n    // Start from shadow root's host if el is inside shadow DOM, otherwise from parentElement\n    let current: HTMLElement | null = null;\n    const rootNode = el.getRootNode();\n    if (rootNode instanceof ShadowRoot) {\n      // Element is inside shadow DOM, start from shadow root's host\n      current = (rootNode as any).host as HTMLElement;\n    } else {\n      // Element is in light DOM, start from parent\n      current = el.parentElement;\n    }\n    \n    while (current) {\n      // console.log('vvvvvvv');\n      // alert(1)\n      // debugger;\n      const isAppHost =\n        current.tagName.toLowerCase() === 'swc-app' || \n        current.getAttribute('is')?.startsWith('swc-app-');\n      if (isAppHost) {\n        appHosts.push(current as SwcAppInterface);\n      }\n      // Handle shadow DOM\n      if (current.shadowRoot) {\n        current = ((current.shadowRoot as any).host as HTMLElement).parentElement;\n      } else {\n        current = current.parentElement;\n      }\n    }\n    return appHosts.reverse(); // [root, ..., closest-parent]\n  };\n\n  export const getHostSet = (el: HTMLElement): HostSet => {\n    const isSwc = !!getElementConfig(el);\n    const ancestors = findAllSwcHosts(el); // [root, ..., parent]\n\n    let $host: HTMLElement;\n    let $parentHost: HTMLElement | null;\n\n    if (isSwc) {\n      $host = el;\n      $parentHost = ancestors.length > 0 ? ancestors[ancestors.length - 1] : null;\n    } else {\n      $host = ancestors.length > 0 ? ancestors[ancestors.length - 1] : el;\n      $parentHost = ancestors.length > 1 ? ancestors[ancestors.length - 2] : null;\n    }\n\n    const $hosts = isSwc ? [...ancestors, el] : ancestors;\n    const $firstHost = $hosts.length > 0 ? $hosts[0] : null;\n\n    // Collect loop contexts\n    const loopContext: Record<string, any> = {};\n    let curr: any = el;\n    const rootEl = el.ownerDocument?.documentElement;\n    while (curr && curr !== rootEl) {\n      if (curr.__swc_loop_context) {\n        Object.assign(loopContext, curr.__swc_loop_context);\n      }\n      curr = curr.parentElement || (curr.getRootNode() as any).host;\n    }\n\n    const $appHosts = SwcUtils.findAllParentAppHostsDirect(el); //$hosts.filter(h => h.tagName.toLowerCase() === 'swc-app' || h.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface[];\n    const $appHost = $appHosts.length > 0 ? ($appHosts[$appHosts.length - 1] === el ? ($appHosts.length > 1 ? $appHosts[$appHosts.length - 2] : null) : $appHosts[$appHosts.length - 1]) : null;\n    const $firstAppHost = $appHosts.length > 0 ? $appHosts[0] : null;\n\n    return {\n      $host,\n      $parentHost,\n      $hosts,\n      $firstHost,\n      $lastHost: $parentHost,\n      $appHost,\n      $appHosts,\n      $firstAppHost,\n      $lastAppHost: $appHost,\n      ...loopContext\n    } as any;\n  };\n\n  export const parsePathPattern = (pattern: string | undefined, currentPath: string): { [key: string]: string } | null => {\n    // pattern\uC774 null/undefined\uBA74 \uC640\uC77C\uB4DC\uCE74\uB4DC (\uBAA8\uB4E0 \uACBD\uB85C \uB9E4\uCE6D)\n    if (pattern === null || pattern === undefined) return {};\n    \n    // \uACF5\uBC31\uB9CC \uC788\uB294 \uD328\uD134\uB3C4 \uC640\uC77C\uB4DC\uCE74\uB4DC\n    const trimmedPattern = pattern.trim();\n    if (trimmedPattern === '' && pattern !== '') return {}; // \uACF5\uBC31 \uBB38\uC790\uB9CC \uC788\uB294 \uACBD\uC6B0\n    \n    // \uD328\uD134\uC744 \uC815\uADDC\uC2DD\uC73C\uB85C \uBCC0\uD658\n    // \uC9C0\uC6D0 \uD615\uC2DD:\n    //   {id} \u2192 ([^/]+)  \uAE30\uBCF8 (/ \uC81C\uC678\uD55C \uBAA8\uB4E0 \uBB38\uC790)\n    //   {tail:.*} \u2192 (.*)  \uC815\uADDC\uD45C\uD604\uC2DD \uC9C1\uC811 \uC9C0\uC815\n    //   {slug:[a-z0-9-]+} \u2192 ([a-z0-9-]+)\n    const paramNames: string[] = [];\n    const regexPattern = trimmedPattern.replace(/{(\\w+)(?::(.+?))?}/g, (match, paramName, customRegex) => {\n      paramNames.push(paramName);\n      // customRegex\uAC00 \uC788\uC73C\uBA74 \uC0AC\uC6A9, \uC5C6\uC73C\uBA74 \uAE30\uBCF8\uAC12 ([^/]+)\n      return `(${customRegex || '[^/]+'})`;\n    });\n    \n    const regex = new RegExp(`^${regexPattern}$`);\n    const match = currentPath.match(regex);\n    \n    if (!match) return null;\n    \n    const result: { [key: string]: string } = {};\n    paramNames.forEach((name, index) => {\n      result[name] = match[index + 1];\n    });\n    \n    return result;\n  };\n}\n"],
+  "mappings": "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",
   "names": ["SwcUtils", "match"]
 }

package/dist/esm-bundle/dooboostore-simple-web-component.esm.js

@@ -5759,6 +5759,7 @@ var ON_AFTER_DISCONNECTED_METADATA_KEY = Symbol.for("simple-web-component:on-aft
 var ON_BEFORE_ADOPTED_METADATA_KEY = Symbol.for("simple-web-component:on-before-adopted");
 var ON_AFTER_ADOPTED_METADATA_KEY = Symbol.for("simple-web-component:on-after-adopted");
 var ON_ADD_EVENT_LISTENER_METADATA_KEY = Symbol.for("simple-web-component:on-add-event-listener");
+var ON_CONNECTED_SWC_APP_METADATA_KEY = Symbol.for("simple-web-component:on-connected-swc-app");
 var INNER_HTML_METADATA_KEY = Symbol.for("simple-web-component:inner-html");
 var ATTRIBUTE_CHANGED_WILDCARD = "*";
 function createLifecycleDecorator(metadataKey) {
@@ -5783,6 +5784,7 @@ var onBeforeAdopted = createLifecycleDecorator(ON_BEFORE_ADOPTED_METADATA_KEY);
 var onAfterAdopted = createLifecycleDecorator(ON_AFTER_ADOPTED_METADATA_KEY);
 var onAdopted = onAfterAdopted;
 var onAddEventListener = createLifecycleDecorator(ON_ADD_EVENT_LISTENER_METADATA_KEY);
+var onConnectedSwcApp = createLifecycleDecorator(ON_CONNECTED_SWC_APP_METADATA_KEY);
 function onConnectedInnerHtml(arg1, arg2, arg3) {
   const decorator = (options, target, propertyKey) => {
     const constructor = target.constructor;
@@ -5903,7 +5905,8 @@ function attribute(selector, options = {}) {
             }
             return null;
           }
-          return convertValue(this[privateKey], targetType);
+          const data = convertValue(this[privateKey], targetType);
+          return data;
         },
         set(nv) {
           const attrName = options.name || String(propertyKey);
@@ -7016,6 +7019,32 @@ var SwcUtils;
     const appHostsWithoutSelf = appHosts.filter((h) => h !== el);
     return appHostsWithoutSelf.length > 0 ? appHostsWithoutSelf[appHostsWithoutSelf.length - 1] : void 0;
   };
+  SwcUtils2.findParentAppHostDirect = (el) => {
+    const appHosts = (0, SwcUtils2.findAllParentAppHostsDirect)(el);
+    return appHosts.length > 0 ? appHosts[appHosts.length - 1] : null;
+  };
+  SwcUtils2.findAllParentAppHostsDirect = (el) => {
+    const appHosts = [];
+    let current = null;
+    const rootNode = el.getRootNode();
+    if (rootNode instanceof ShadowRoot) {
+      current = rootNode.host;
+    } else {
+      current = el.parentElement;
+    }
+    while (current) {
+      const isAppHost = current.tagName.toLowerCase() === "swc-app" || current.getAttribute("is")?.startsWith("swc-app-");
+      if (isAppHost) {
+        appHosts.push(current);
+      }
+      if (current.shadowRoot) {
+        current = current.shadowRoot.host.parentElement;
+      } else {
+        current = current.parentElement;
+      }
+    }
+    return appHosts.reverse();
+  };
   SwcUtils2.getHostSet = (el) => {
     const isSwc = !!getElementConfig(el);
     const ancestors = (0, SwcUtils2.findAllSwcHosts)(el);
@@ -7039,7 +7068,7 @@ var SwcUtils;
       }
       curr = curr.parentElement || curr.getRootNode().host;
     }
-    const $appHosts = $hosts.filter((h) => h.tagName.toLowerCase() === "swc-app" || h.getAttribute("is")?.startsWith("swc-app-"));
+    const $appHosts = SwcUtils2.findAllParentAppHostsDirect(el);
     const $appHost = $appHosts.length > 0 ? $appHosts[$appHosts.length - 1] === el ? $appHosts.length > 1 ? $appHosts[$appHosts.length - 2] : null : $appHosts[$appHosts.length - 1] : null;
     const $firstAppHost = $appHosts.length > 0 ? $appHosts[0] : null;
     return {
@@ -7358,10 +7387,11 @@ var setupPrototype = (proto) => {
   proto._invokeLifecycleMethod = function(methodName, hostSet, extraArgs = []) {
     ensureInit2(this);
     if (typeof this[methodName] !== "function") return;
-    const app = hostSet.$appHost?.simpleApplication;
+    const useHostSet = hostSet ?? SwcUtils.getHostSet(this);
+    const app = useHostSet?.$appHost.simpleApplication;
     if (app) {
       const otherStorage = /* @__PURE__ */ new Map();
-      const situations = new SituationTypeContainers([new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://HOSTSET" /* HOST_SET */, data: hostSet }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://APPHOST" /* APP_HOST */, data: hostSet.$appHost }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://APPHOSTS" /* APP_HOSTS */, data: hostSet.$appHosts }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://HOST" /* HOST */, data: hostSet.$host }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://HOSTS" /* HOSTS */, data: hostSet.$hosts }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://FIRSTHOST" /* FIRST_HOST */, data: hostSet.$firstHost }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://LASTHOST" /* LAST_HOST */, data: hostSet.$lastHost }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://FIRSTAPPHOST" /* FIRST_APP_HOST */, data: hostSet.$firstAppHost }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://LASTAPPHOST" /* LAST_APP_HOST */, data: hostSet.$lastAppHost })]);
+      const situations = new SituationTypeContainers([new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://HOSTSET" /* HOST_SET */, data: useHostSet }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://APPHOST" /* APP_HOST */, data: useHostSet.$appHost }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://APPHOSTS" /* APP_HOSTS */, data: useHostSet.$appHosts }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://HOST" /* HOST */, data: useHostSet.$host }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://HOSTS" /* HOSTS */, data: useHostSet.$hosts }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://FIRSTHOST" /* FIRST_HOST */, data: useHostSet.$firstHost }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://LASTHOST" /* LAST_HOST */, data: useHostSet.$lastHost }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://FIRSTAPPHOST" /* FIRST_APP_HOST */, data: useHostSet.$firstAppHost }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://LASTAPPHOST" /* LAST_APP_HOST */, data: useHostSet.$lastAppHost })]);
       otherStorage.set(SituationTypeContainers, situations);
       return app.simstanceManager.executeBindParameterSimPromise(
         {
@@ -7632,6 +7662,9 @@ var elementDefine = (name, config = {}) => (constructor) => {
     this.__swc_connected = true;
     if (appHost2 && typeof appHost2._connected === "function") {
       appHost2._connected(this);
+    } else if (appHost2 && typeof appHost2) {
+      appHost2._connected_safari ?? (appHost2._connected_safari = []);
+      appHost2._connected_safari.push(this);
     }
   };
   const originalDisconnected = proto.disconnectedCallback;
@@ -8524,6 +8557,7 @@ export {
   ON_BEFORE_ADOPTED_METADATA_KEY,
   ON_BEFORE_CONNECTED_METADATA_KEY,
   ON_BEFORE_DISCONNECTED_METADATA_KEY,
+  ON_CONNECTED_SWC_APP_METADATA_KEY,
   ON_INITIALIZE_METADATA_KEY,
   QUERY_ALL_METADATA_KEY,
   QUERY_METADATA_KEY,
@@ -8606,6 +8640,7 @@ export {
   onBeforeDisconnected,
   onConnected,
   onConnectedInnerHtml,
+  onConnectedSwcApp,
   onDisconnected,
   onInitialize,
   parentHost,