@dooboostore/simple-web-component 1.0.37 → 1.0.39

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/subscribeSwcAppRouteChangeWhileConnected.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { Router } from '@dooboostore/core-web';\n\nexport const SUBSCRIBE_SWC_APP_ROUTE_CHANGE_WHILE_CONNECTED_METADATA_KEY = Symbol.for('simple-web-component:subscribe-swc-app-route-change-while-connected');\n\nexport type RoutePathType = string | string[] | ((currentThis: any) => string | string[]);\n\nexport interface SwcAppRouteChangeSubscriberMetadata {\n  propertyKey: string | symbol;\n  options?: SwcAppRouteChangeOptions;\n}\n\nexport interface SwcAppRouteChangeOptions {\n  path?: RoutePathType;\n  filter?: (router: Router, currentThis: any) => boolean;\n}\n\nfunction createSubscribeSwcAppRouteChangeWhileConnected(options?: SwcAppRouteChangeOptions): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => {\n    const pathPattern = options?.path;\n    const filter = options?.filter;\n\n    const constructor = target.constructor;\n    let list = ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_WHILE_CONNECTED_METADATA_KEY, constructor) as SwcAppRouteChangeSubscriberMetadata[];\n    if (!list) {\n      list = [];\n      ReflectUtils.defineMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_WHILE_CONNECTED_METADATA_KEY, list, constructor);\n    }\n    list.push({ propertyKey, options });\n\n    return descriptor;\n  };\n}\n\n// \uC624\uBC84\uB85C\uB4DC \uC2DC\uADF8\uB2C8\uCC98 - \uC9C1\uC811 \uC0AC\uC6A9 (\uAD04\uD638 \uC5C6\uC74C)\nexport function subscribeSwcAppRouteChangeWhileConnected(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): PropertyDescriptor | void;\n// \uC624\uBC84\uB85C\uB4DC \uC2DC\uADF8\uB2C8\uCC98 - \uD568\uC218 \uD638\uCD9C (\uAD04\uD638 \uC788\uC74C)\nexport function subscribeSwcAppRouteChangeWhileConnected(): MethodDecorator;\nexport function subscribeSwcAppRouteChangeWhileConnected(pathPattern: RoutePathType): MethodDecorator;\nexport function subscribeSwcAppRouteChangeWhileConnected(options: SwcAppRouteChangeOptions): MethodDecorator;\n\n// \uC2E4\uC81C \uAD6C\uD604 (\uC774\uC911 \uBAA8\uB4DC)\nexport function subscribeSwcAppRouteChangeWhileConnected(targetOrOptions?: any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  // \uC9C1\uC811 \uB370\uCF54\uB808\uC774\uD130\uB85C \uC0AC\uC6A9\uB41C \uACBD\uC6B0 (\uAD04\uD638 \uC5C6\uC74C): @subscribeSwcAppRouteChangeWhileConnected\n  // propertyKey\uAC00 string | symbol\uC774\uACE0 descriptor\uAC00 \uC788\uC73C\uBA74 \uC9C1\uC811 \uC0AC\uC6A9\n  if (propertyKey && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return createSubscribeSwcAppRouteChangeWhileConnected({})(targetOrOptions, propertyKey, descriptor);\n  }\n\n  // \uD568\uC218\uB85C \uD638\uCD9C\uB41C \uACBD\uC6B0 (\uAD04\uD638 \uC788\uC74C): @subscribeSwcAppRouteChangeWhileConnected() / @subscribeSwcAppRouteChangeWhileConnected('/path')\n  let options: SwcAppRouteChangeOptions = {};\n\n  if (Array.isArray(targetOrOptions)) {\n    // \uBC30\uC5F4: @subscribeSwcAppRouteChangeWhileConnected(['/path1', '/path2'])\n    options.path = targetOrOptions;\n  } else if (typeof targetOrOptions === 'string' || typeof targetOrOptions === 'function') {\n    // \uBB38\uC790\uC5F4 \uB610\uB294 \uD568\uC218: @subscribeSwcAppRouteChangeWhileConnected('/path')\n    options.path = targetOrOptions;\n  } else if (targetOrOptions && typeof targetOrOptions === 'object') {\n    // \uAC1D\uCCB4: @subscribeSwcAppRouteChangeWhileConnected({ path: '/path', filter: ... })\n    options = targetOrOptions;\n  }\n\n  return createSubscribeSwcAppRouteChangeWhileConnected(options);\n}\n\n// Helper function to retrieve route change subscribers metadata\nexport const getSubscribeSwcAppRouteChangeWhileConnectedMetadata = (target: any): SwcAppRouteChangeSubscriberMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_WHILE_CONNECTED_METADATA_KEY, constructor);\n};\n"],
-  "mappings": "AAAA,SAAS,oBAAoB;AAGtB,MAAM,8DAA8D,OAAO,IAAI,qEAAqE;AAc3J,SAAS,+CAA+C,SAAqD;AAC3G,SAAO,CAAC,QAAgB,aAA8B,eAAoC;AACxF,UAAM,cAAc,SAAS;AAC7B,UAAM,SAAS,SAAS;AAExB,UAAM,cAAc,OAAO;AAC3B,QAAI,OAAO,aAAa,eAAe,6DAA6D,WAAW;AAC/G,QAAI,CAAC,MAAM;AACT,aAAO,CAAC;AACR,mBAAa,eAAe,6DAA6D,MAAM,WAAW;AAAA,IAC5G;AACA,SAAK,KAAK,EAAE,aAAa,QAAQ,CAAC;AAElC,WAAO;AAAA,EACT;AACF;AAUO,SAAS,yCAAyC,iBAAuB,aAA+B,YAAsC;AAGnJ,MAAI,gBAAgB,OAAO,gBAAgB,YAAY,OAAO,gBAAgB,WAAW;AACvF,WAAO,+CAA+C,CAAC,CAAC,EAAE,iBAAiB,aAAa,UAAU;AAAA,EACpG;AAGA,MAAI,UAAoC,CAAC;AAEzC,MAAI,MAAM,QAAQ,eAAe,GAAG;AAElC,YAAQ,OAAO;AAAA,EACjB,WAAW,OAAO,oBAAoB,YAAY,OAAO,oBAAoB,YAAY;AAEvF,YAAQ,OAAO;AAAA,EACjB,WAAW,mBAAmB,OAAO,oBAAoB,UAAU;AAEjE,cAAU;AAAA,EACZ;AAEA,SAAO,+CAA+C,OAAO;AAC/D;AAGO,MAAM,sDAAsD,CAAC,WAAmE;AACrI,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,eAAe,6DAA6D,WAAW;AAC7G;",
+  "sourcesContent": ["import {ReflectUtils} from '@dooboostore/core';\nimport {Router} from '@dooboostore/core-web';\nimport {HelperHostSet} from '../types';\n\nexport const SUBSCRIBE_SWC_APP_ROUTE_CHANGE_WHILE_CONNECTED_METADATA_KEY = Symbol.for('simple-web-component:subscribe-swc-app-route-change-while-connected');\n\nexport type RoutePathType = string | string[] | ((currentThis: any) => string | string[]);\n\nexport interface SwcAppRouteChangeSubscriberMetadata {\n  propertyKey: string | symbol;\n  options?: SwcAppRouteChangeOptions;\n}\n\nexport interface SwcAppRouteChangeOptions {\n  path?: RoutePathType;\n  filter?: (router: Router, meta: {currentThis: any, helper: HelperHostSet}) => boolean;\n}\n\nfunction createSubscribeSwcAppRouteChangeWhileConnected(options?: SwcAppRouteChangeOptions): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => {\n    const pathPattern = options?.path;\n    const filter = options?.filter;\n\n    const constructor = target.constructor;\n    let list = ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_WHILE_CONNECTED_METADATA_KEY, constructor) as SwcAppRouteChangeSubscriberMetadata[];\n    if (!list) {\n      list = [];\n      ReflectUtils.defineMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_WHILE_CONNECTED_METADATA_KEY, list, constructor);\n    }\n    list.push({ propertyKey, options });\n\n    return descriptor;\n  };\n}\n\n// \uC624\uBC84\uB85C\uB4DC \uC2DC\uADF8\uB2C8\uCC98 - \uC9C1\uC811 \uC0AC\uC6A9 (\uAD04\uD638 \uC5C6\uC74C)\nexport function subscribeSwcAppRouteChangeWhileConnected(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): PropertyDescriptor | void;\n// \uC624\uBC84\uB85C\uB4DC \uC2DC\uADF8\uB2C8\uCC98 - \uD568\uC218 \uD638\uCD9C (\uAD04\uD638 \uC788\uC74C)\nexport function subscribeSwcAppRouteChangeWhileConnected(): MethodDecorator;\nexport function subscribeSwcAppRouteChangeWhileConnected(pathPattern: RoutePathType): MethodDecorator;\nexport function subscribeSwcAppRouteChangeWhileConnected(options: SwcAppRouteChangeOptions): MethodDecorator;\n\n// \uC2E4\uC81C \uAD6C\uD604 (\uC774\uC911 \uBAA8\uB4DC)\nexport function subscribeSwcAppRouteChangeWhileConnected(targetOrOptions?: any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  // \uC9C1\uC811 \uB370\uCF54\uB808\uC774\uD130\uB85C \uC0AC\uC6A9\uB41C \uACBD\uC6B0 (\uAD04\uD638 \uC5C6\uC74C): @subscribeSwcAppRouteChangeWhileConnected\n  // propertyKey\uAC00 string | symbol\uC774\uACE0 descriptor\uAC00 \uC788\uC73C\uBA74 \uC9C1\uC811 \uC0AC\uC6A9\n  if (propertyKey && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return createSubscribeSwcAppRouteChangeWhileConnected({})(targetOrOptions, propertyKey, descriptor);\n  }\n\n  // \uD568\uC218\uB85C \uD638\uCD9C\uB41C \uACBD\uC6B0 (\uAD04\uD638 \uC788\uC74C): @subscribeSwcAppRouteChangeWhileConnected() / @subscribeSwcAppRouteChangeWhileConnected('/path')\n  let options: SwcAppRouteChangeOptions = {};\n\n  if (Array.isArray(targetOrOptions)) {\n    // \uBC30\uC5F4: @subscribeSwcAppRouteChangeWhileConnected(['/path1', '/path2'])\n    options.path = targetOrOptions;\n  } else if (typeof targetOrOptions === 'string' || typeof targetOrOptions === 'function') {\n    // \uBB38\uC790\uC5F4 \uB610\uB294 \uD568\uC218: @subscribeSwcAppRouteChangeWhileConnected('/path')\n    options.path = targetOrOptions;\n  } else if (targetOrOptions && typeof targetOrOptions === 'object') {\n    // \uAC1D\uCCB4: @subscribeSwcAppRouteChangeWhileConnected({ path: '/path', filter: ... })\n    options = targetOrOptions;\n  }\n\n  return createSubscribeSwcAppRouteChangeWhileConnected(options);\n}\n\n// Helper function to retrieve route change subscribers metadata\nexport const getSubscribeSwcAppRouteChangeWhileConnectedMetadata = (target: any): SwcAppRouteChangeSubscriberMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_WHILE_CONNECTED_METADATA_KEY, constructor);\n};\n"],
+  "mappings": "AAAA,SAAQ,oBAAmB;AAIpB,MAAM,8DAA8D,OAAO,IAAI,qEAAqE;AAc3J,SAAS,+CAA+C,SAAqD;AAC3G,SAAO,CAAC,QAAgB,aAA8B,eAAoC;AACxF,UAAM,cAAc,SAAS;AAC7B,UAAM,SAAS,SAAS;AAExB,UAAM,cAAc,OAAO;AAC3B,QAAI,OAAO,aAAa,eAAe,6DAA6D,WAAW;AAC/G,QAAI,CAAC,MAAM;AACT,aAAO,CAAC;AACR,mBAAa,eAAe,6DAA6D,MAAM,WAAW;AAAA,IAC5G;AACA,SAAK,KAAK,EAAE,aAAa,QAAQ,CAAC;AAElC,WAAO;AAAA,EACT;AACF;AAUO,SAAS,yCAAyC,iBAAuB,aAA+B,YAAsC;AAGnJ,MAAI,gBAAgB,OAAO,gBAAgB,YAAY,OAAO,gBAAgB,WAAW;AACvF,WAAO,+CAA+C,CAAC,CAAC,EAAE,iBAAiB,aAAa,UAAU;AAAA,EACpG;AAGA,MAAI,UAAoC,CAAC;AAEzC,MAAI,MAAM,QAAQ,eAAe,GAAG;AAElC,YAAQ,OAAO;AAAA,EACjB,WAAW,OAAO,oBAAoB,YAAY,OAAO,oBAAoB,YAAY;AAEvF,YAAQ,OAAO;AAAA,EACjB,WAAW,mBAAmB,OAAO,oBAAoB,UAAU;AAEjE,cAAU;AAAA,EACZ;AAEA,SAAO,+CAA+C,OAAO;AAC/D;AAGO,MAAM,sDAAsD,CAAC,WAAmE;AACrI,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,eAAe,6DAA6D,WAAW;AAC7G;",
   "names": []
 }

package/dist/esm/elements/SwcApp.js

@@ -4,321 +4,209 @@ var __decorate = function(decorators, target, key, desc) {
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { elementDefine, findAllLifecycleMetadata, getSubscribeSwcAppMessageWhileConnectedMetadata, getSubscribeSwcAppRouteChangeWhileConnectedMetadata, ON_CONNECTED_SWC_APP_METADATA_KEY } from "../decorators/index.js";
-import { SwcAppEngine } from "../SwcAppEngine.js";
-import { debounceTimeIntervalLock, FunctionUtils } from "@dooboostore/core";
-import { SwcUtils } from "../utils/Utils.js";
-const isSSR = (i) => {
-  return i.hasAttribute("swc-use-ssr");
+import { elementDefine } from "../decorators/index.js";
+import { SwcAppMixin } from "./SwcAppMixin.js";
+import { createElement } from "../utils/Utils.js";
+const swcAppTagName = "swc-app";
+const SwcApp = (w, data) => {
+  return createElement(w, swcAppTagName, data);
 };
-const setSSRAttribute = (i) => {
-  i.setAttribute("swc-use-ssr", i._swcId ?? "");
+const defineSwcApp = async (w) => {
+  const existing = w.customElements.get(swcAppTagName);
+  if (existing)
+    return existing;
+  let SwcAppImpl = class SwcAppImpl extends SwcAppMixin(w.HTMLElement) {
+  };
+  SwcAppImpl = __decorate([
+    elementDefine(swcAppTagName, { window: w })
+  ], SwcAppImpl);
+  return w.customElements.whenDefined(swcAppTagName);
+};
+const swcAppBodyTagName = "swc-app-body";
+const SwcAppBody = (w, data) => {
+  return createElement(w, swcAppBodyTagName, data);
+};
+const defineSwcAppBody = async (w) => {
+  const existing = w.customElements.get(swcAppBodyTagName);
+  if (existing)
+    return existing;
+  let SwcAppBodyImpl = class SwcAppBodyImpl extends SwcAppMixin(w.HTMLBodyElement) {
+  };
+  SwcAppBodyImpl = __decorate([
+    elementDefine(swcAppBodyTagName, { window: w, extends: "body" })
+  ], SwcAppBodyImpl);
+  return w.customElements.whenDefined(swcAppBodyTagName);
+};
+const swcAppDivTagName = "swc-app-div";
+const SwcAppDiv = (w, data) => {
+  return createElement(w, swcAppDivTagName, data);
+};
+const defineSwcAppDiv = async (w) => {
+  const existing = w.customElements.get(swcAppDivTagName);
+  if (existing)
+    return existing;
+  let SwcAppDivImpl = class SwcAppDivImpl extends SwcAppMixin(w.HTMLDivElement) {
+  };
+  SwcAppDivImpl = __decorate([
+    elementDefine(swcAppDivTagName, { window: w, extends: "div" })
+  ], SwcAppDivImpl);
+  return w.customElements.whenDefined(swcAppDivTagName);
+};
+const swcAppSectionTagName = "swc-app-section";
+const SwcAppSection = (w, data) => {
+  return createElement(w, swcAppSectionTagName, data);
+};
+const defineSwcAppSection = async (w) => {
+  const existing = w.customElements.get(swcAppSectionTagName);
+  if (existing)
+    return existing;
+  let SwcAppSectionImpl = class SwcAppSectionImpl extends SwcAppMixin(w.HTMLElement) {
+  };
+  SwcAppSectionImpl = __decorate([
+    elementDefine(swcAppSectionTagName, { window: w, extends: "section" })
+  ], SwcAppSectionImpl);
+  return w.customElements.whenDefined(swcAppSectionTagName);
+};
+const swcAppMainTagName = "swc-app-main";
+const SwcAppMain = (w, data) => {
+  return createElement(w, swcAppMainTagName, data);
+};
+const defineSwcAppMain = async (w) => {
+  const existing = w.customElements.get(swcAppMainTagName);
+  if (existing)
+    return existing;
+  let SwcAppMainImpl = class SwcAppMainImpl extends SwcAppMixin(w.HTMLElement) {
+  };
+  SwcAppMainImpl = __decorate([
+    elementDefine(swcAppMainTagName, { window: w, extends: "main" })
+  ], SwcAppMainImpl);
+  return w.customElements.whenDefined(swcAppMainTagName);
+};
+const swcAppArticleTagName = "swc-app-article";
+const SwcAppArticle = (w, data) => {
+  return createElement(w, swcAppArticleTagName, data);
+};
+const defineSwcAppArticle = async (w) => {
+  const existing = w.customElements.get(swcAppArticleTagName);
+  if (existing)
+    return existing;
+  let SwcAppArticleImpl = class SwcAppArticleImpl extends SwcAppMixin(w.HTMLElement) {
+  };
+  SwcAppArticleImpl = __decorate([
+    elementDefine(swcAppArticleTagName, { window: w, extends: "article" })
+  ], SwcAppArticleImpl);
+  return w.customElements.whenDefined(swcAppArticleTagName);
+};
+const swcAppHeaderTagName = "swc-app-header";
+const SwcAppHeader = (w, data) => {
+  return createElement(w, swcAppHeaderTagName, data);
+};
+const defineSwcAppHeader = async (w) => {
+  const existing = w.customElements.get(swcAppHeaderTagName);
+  if (existing)
+    return existing;
+  let SwcAppHeaderImpl = class SwcAppHeaderImpl extends SwcAppMixin(w.HTMLElement) {
+  };
+  SwcAppHeaderImpl = __decorate([
+    elementDefine(swcAppHeaderTagName, { window: w, extends: "header" })
+  ], SwcAppHeaderImpl);
+  return w.customElements.whenDefined(swcAppHeaderTagName);
 };
-const removeSSRAttribute = (i) => {
-  i.removeAttribute("swc-use-ssr");
+const swcAppFooterTagName = "swc-app-footer";
+const SwcAppFooter = (w, data) => {
+  return createElement(w, swcAppFooterTagName, data);
 };
-const tagName = "swc-app";
-var SwcApp_default = async (w) => {
-  const existing = w.customElements.get(tagName);
+const defineSwcAppFooter = async (w) => {
+  const existing = w.customElements.get(swcAppFooterTagName);
   if (existing)
     return existing;
-  let SwcApp = class SwcApp extends w.HTMLElement {
-    constructor() {
-      super(...arguments);
-      this.__swc_engine = new SwcAppEngine(this);
-      this._swc_connected_instance = /* @__PURE__ */ new Set();
-      this._routeChangeInvocations = 0;
-      this._connectedInvocations = 0;
-      this._connected_safari_and_standby = [];
-    }
-    get simpleApplication() {
-      return this.__swc_engine.simpleApplication;
-    }
-    get config() {
-      return this.__swc_engine?.config;
-    }
-    get router() {
-      return this.__swc_engine?.router;
-    }
-    async _invokeRouteChangeSubscribers(instance, re) {
-      if (instance.isConnected === false)
-        return;
-      this._routeChangeInvocations++;
-      if (this._childrenRouteChangedInterval) {
-        this.config.window.clearInterval(this._childrenRouteChangedInterval);
-      }
-      const intervalConfig = { setInterval: this.config.window.setInterval.bind(this.config.window), clearInterval: this.config.window.clearInterval.bind(this.config.window) };
-      this._childrenRouteChangedInterval = debounceTimeIntervalLock(
-        () => this._routeChangeInvocations === 0,
-        () => {
-          this._childrenRouteChangedInterval = null;
-          this.config.onChildrenRouteChanged?.(re, this);
-        },
-        this.config?.childrenConnectedDoneCheckIntervalTime ?? 30,
-        intervalConfig
-        // {setInterval: window.setInterval, clearInterval: window.clearInterval}
-      );
-      try {
-        const routeChangeSubscribers = getSubscribeSwcAppRouteChangeWhileConnectedMetadata(instance);
-        if (routeChangeSubscribers && Array.isArray(routeChangeSubscribers)) {
-          const ps = routeChangeSubscribers.map(async (metadata) => {
-            const methodName = metadata.propertyKey;
-            let pathPattern = metadata.options?.path;
-            const filter = metadata.options?.filter;
-            if (typeof pathPattern === "function") {
-              pathPattern = pathPattern(instance);
-            }
-            let pathMatched = false;
-            let pathData = null;
-            if (!pathPattern) {
-              pathMatched = true;
-              pathData = {};
-            } else if (Array.isArray(pathPattern)) {
-              for (const pattern of pathPattern) {
-                const data = SwcUtils.parsePathPattern(pattern, re.path || "/");
-                if (data !== null) {
-                  pathMatched = true;
-                  pathData = data;
-                  break;
-                }
-              }
-            } else {
-              pathData = SwcUtils.parsePathPattern(pathPattern, re.path || "/");
-              pathMatched = pathData !== null;
-            }
-            const filterPassed = !filter || filter(this.router, instance);
-            if (pathMatched && filterPassed && instance[methodName]) {
-              await instance[methodName]({ ...re, pathData });
-            }
-          });
-          await Promise.allSettled(ps);
-        }
-      } finally {
-        if (this.config?.ssr) {
-          setSSRAttribute(instance);
-        } else {
-          removeSSRAttribute(instance);
-        }
-        this._routeChangeInvocations = Math.max(0, this._routeChangeInvocations - 1);
-      }
-    }
-    async _connected(instance, option) {
-      if (instance) {
-        if (!this.simpleApplication && !this.config) {
-          this._connected_safari_and_standby.push(instance);
-          return;
-        }
-        this.config.onConnectedChildBefore?.(instance);
-        if (!option?.noIncrements) {
-          this._connectedInvocations++;
-        }
-        this._swc_connected_instance.add(instance);
-        const connectedSwcAppCallBacks = findAllLifecycleMetadata(instance, ON_CONNECTED_SWC_APP_METADATA_KEY) ?? [];
-        for (let connectedSwcAppCallBack of connectedSwcAppCallBacks) {
-          await instance?._invokeLifecycleMethod?.(connectedSwcAppCallBack);
-        }
-        if (this._childrenConnectedDoneInterval) {
-          this.config.window.clearInterval(this._childrenConnectedDoneInterval);
-        }
-        const intervalConfig = { setInterval: this.config.window.setInterval.bind(this.config.window), clearInterval: this.config.window.clearInterval.bind(this.config.window) };
-        this._childrenConnectedDoneInterval = debounceTimeIntervalLock(() => this._connectedInvocations === 0, () => {
-          this._childrenConnectedDoneInterval = null;
-          this.config.onChildrenConnectedDone?.(this);
-        }, this.config?.childrenConnectedDoneCheckIntervalTime ?? 30, intervalConfig);
-        if (this.simpleApplication) {
-          try {
-            if (this.router && this._lastRouterEvent) {
-              await this._invokeRouteChangeSubscribers(instance, this._lastRouterEvent);
-            }
-          } catch (e) {
-            throw e;
-          }
-        }
-        if (this.config?.ssr) {
-          setSSRAttribute(instance);
-        } else {
-          removeSSRAttribute(instance);
-        }
-      }
-      this.config.onConnectedChildAfter?.(instance);
-      return this;
-    }
-    async _connectedDone(instance) {
-      try {
-      } finally {
-        this._connectedInvocations = Math.max(0, this._connectedInvocations - 1);
-      }
-    }
-    _disconnected(instance) {
-      if (instance) {
-        this._swc_connected_instance.delete(instance);
-        this.config?.onDisconnectedChildAfter?.(instance);
-      }
-    }
-    async _handleRouteChange(route) {
-      this._lastRouterEvent = route;
-      const swcConnectedInstance = Array.from(this._swc_connected_instance);
-      const ps = swcConnectedInstance.map((instance) => this._invokeRouteChangeSubscribers(instance, route));
-      await Promise.allSettled(ps);
-    }
-    async connect(config) {
-      console.log("[SWC] connect");
-      const swcConfig = {
-        routeType: "element",
-        window: config?.window,
-        ...config
-      };
-      const mode = config?.connectMode || "direct";
-      if (mode === "direct" || mode === "hydrate") {
-        this.setAttribute("swc-connect-mode", mode);
-        await this.__swc_engine.connect(swcConfig);
-      } 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");
-          }
-        }
-      }
-      this._connected_safari_and_standby.forEach((instance) => {
-        this._connected(instance, { noIncrements: true });
-      });
-      if (!this._routerSubscription && this.router) {
-        const config2 = this.__swc_engine.config;
-        this._routerSubscription = this.router.observable.subscribe(async (route) => {
-          console.log("[SWC] Router event received:", route.triggerPoint);
-          if (route.triggerPoint === "end") {
-            await this._handleRouteChange(route);
-          }
-        });
-        if (config2?.path) {
-          console.log("[DEBUG] Navigating to initial path:", config2.path);
-        }
-      }
-    }
-    // async _invokeOnConnectedSwcAppStarted(instance: any) {
-    //   this._swcAppStartedInvocations++;
-    //   try {
-    //     // 이미 시작된 인스턴스라면 스킵 (비동기 병렬 중복 호출 방지)
-    //     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) {
-    //       const ps = startedMethods.map(m => instance._invokeLifecycleMethod(m));
-    //       await Promise.allSettled(ps);
-    //     }
-    //   } finally {
-    //     this._swcAppStartedInvocations--;
-    //   }
-    // }
-    connectedCallback() {
-      if (super.connectedCallback)
-        super.connectedCallback();
-      const configStr = this.getAttribute("swc-get-application-config");
-      const win = this.ownerDocument?.defaultView || window;
-      if (configStr && win) {
-        try {
-          const userConfig = FunctionUtils.executeReturn({
-            script: configStr,
-            context: this,
-            args: SwcUtils.getHelperAndHostSet(win, this)
-          });
-          this.connect(userConfig);
-        } catch (e) {
-          console.error("[SWC-APP-ENGINE] Script execution failed:", e);
-        }
-      }
-      this._connected(this);
-      this.__swc_engine?.config?.onConnected?.(this);
-      this._connectedDone(this);
-    }
-    disconnectedCallback() {
-      if (super.disconnectedCallback)
-        super.disconnectedCallback();
-      this._routerSubscription?.unsubscribe();
-      this._routerSubscription = void 0;
-      this._lastRouterEvent = void 0;
-      this.__swc_engine.disconnect();
-      this.__swc_engine?.config?.onDisconnected?.(this);
-      this._disconnected(this);
-    }
-    async routing(path) {
-      await this.router?.go(path);
-    }
-    back() {
-      this.router?.back();
-    }
-    forward() {
-      this.router?.forward();
-    }
-    reload() {
-      this.router?.reload();
-    }
-    // async completedSwcApp() {
-    //   const ss = Array.from(this._swc_connected_instance).flatMap((it) => {
-    //     const ms = findAllLifecycleMetadata(it, ON_CONNECTED_COMPLETED_SWC_APP_METADATA_KEY) ?? [];
-    //     return ms.map((sit) => it[sit](this));
-    //   });
-    //   await Promise.allSettled(ss);
-    // }
-    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);
-          }
-        });
-      }
-    }
+  let SwcAppFooterImpl = class SwcAppFooterImpl extends SwcAppMixin(w.HTMLElement) {
   };
-  SwcApp = __decorate([
-    elementDefine(tagName, { window: w })
-  ], SwcApp);
-  ;
-  return w.customElements.whenDefined(tagName);
+  SwcAppFooterImpl = __decorate([
+    elementDefine(swcAppFooterTagName, { window: w, extends: "footer" })
+  ], SwcAppFooterImpl);
+  return w.customElements.whenDefined(swcAppFooterTagName);
+};
+const swcAppNavTagName = "swc-app-nav";
+const SwcAppNav = (w, data) => {
+  return createElement(w, swcAppNavTagName, data);
+};
+const defineSwcAppNav = async (w) => {
+  const existing = w.customElements.get(swcAppNavTagName);
+  if (existing)
+    return existing;
+  let SwcAppNavImpl = class SwcAppNavImpl extends SwcAppMixin(w.HTMLElement) {
+  };
+  SwcAppNavImpl = __decorate([
+    elementDefine(swcAppNavTagName, { window: w, extends: "nav" })
+  ], SwcAppNavImpl);
+  return w.customElements.whenDefined(swcAppNavTagName);
+};
+const swcAppAsideTagName = "swc-app-aside";
+const SwcAppAside = (w, data) => {
+  return createElement(w, swcAppAsideTagName, data);
+};
+const defineSwcAppAside = async (w) => {
+  const existing = w.customElements.get(swcAppAsideTagName);
+  if (existing)
+    return existing;
+  let SwcAppAsideImpl = class SwcAppAsideImpl extends SwcAppMixin(w.HTMLElement) {
+  };
+  SwcAppAsideImpl = __decorate([
+    elementDefine(swcAppAsideTagName, { window: w, extends: "aside" })
+  ], SwcAppAsideImpl);
+  return w.customElements.whenDefined(swcAppAsideTagName);
+};
+const swcAppFactories = [
+  defineSwcApp,
+  defineSwcAppBody,
+  defineSwcAppDiv,
+  defineSwcAppSection,
+  defineSwcAppMain,
+  defineSwcAppArticle,
+  defineSwcAppHeader,
+  defineSwcAppFooter,
+  defineSwcAppNav,
+  defineSwcAppAside
+];
+const defineSwcAppAll = async (w) => {
+  await Promise.all(swcAppFactories.map((factory) => factory(w)));
+  return w.customElements.whenDefined(swcAppTagName);
 };
+var SwcApp_default = defineSwcAppAll;
 export {
+  SwcApp,
+  SwcAppArticle,
+  SwcAppAside,
+  SwcAppBody,
+  SwcAppDiv,
+  SwcAppFooter,
+  SwcAppHeader,
+  SwcAppMain,
+  SwcAppNav,
+  SwcAppSection,
   SwcApp_default as default,
-  isSSR,
-  removeSSRAttribute,
-  setSSRAttribute,
-  tagName
+  defineSwcApp,
+  defineSwcAppAll,
+  defineSwcAppArticle,
+  defineSwcAppAside,
+  defineSwcAppBody,
+  defineSwcAppDiv,
+  defineSwcAppFooter,
+  defineSwcAppHeader,
+  defineSwcAppMain,
+  defineSwcAppNav,
+  defineSwcAppSection,
+  swcAppArticleTagName,
+  swcAppAsideTagName,
+  swcAppBodyTagName,
+  swcAppDivTagName,
+  swcAppFactories,
+  swcAppFooterTagName,
+  swcAppHeaderTagName,
+  swcAppMainTagName,
+  swcAppNavTagName,
+  swcAppSectionTagName,
+  swcAppTagName
 };
 //# sourceMappingURL=SwcApp.js.map