@dooboostore/simple-web-component 1.0.14 → 1.0.16

package/dist/esm/decorators/queryAll.js

@@ -1,47 +1,39 @@
 import { ReflectUtils } from "@dooboostore/core/reflect/ReflectUtils";
 const QUERY_ALL_METADATA_KEY = Symbol("simple-web-component:query-all");
-function queryAll(arg1, arg2) {
-  const decorator = (selector, options, target, propertyKey, descriptor) => {
-    const isMethod = !!descriptor;
+function queryAll(selector, options = {}) {
+  return (target, propertyKey, descriptor) => {
+    if (descriptor !== void 0) {
+      throw new Error(`@queryAll decorator cannot be used on methods. (Method: ${String(propertyKey)})`);
+    }
     const constructor = target.constructor;
     let queries = ReflectUtils.getMetadata(QUERY_ALL_METADATA_KEY, constructor);
     if (!queries) {
       queries = [];
       ReflectUtils.defineMetadata(QUERY_ALL_METADATA_KEY, queries, constructor);
     }
-    queries.push({ selector, options, propertyKey, isMethod });
-    if (!isMethod) {
-      Object.defineProperty(target, propertyKey, {
-        get() {
-          if (!selector)
-            return [this];
-          let searchRoot = this;
-          if (options.root === "shadow")
-            searchRoot = this.shadowRoot || this;
-          else if (options.root === "light")
-            searchRoot = this;
-          else
-            searchRoot = this.shadowRoot || this;
-          return searchRoot.querySelectorAll(selector);
-        },
-        enumerable: true,
-        configurable: true
-      });
-    }
-  };
-  if (arg1 && typeof arg2 === "string") {
-    return decorator("", {}, arg1, arg2);
-  }
-  return (target, propertyKey, descriptor) => {
-    let selector = "";
-    let options = {};
-    if (typeof arg1 === "string") {
-      selector = arg1;
-    } else if (typeof arg1 === "object") {
-      options = arg1;
-      selector = options.selector || "";
-    }
-    decorator(selector, options, target, propertyKey, descriptor);
+    queries.push({ selector, options, propertyKey });
+    Object.defineProperty(target, propertyKey, {
+      get() {
+        if (!selector || selector === ":host")
+          return [this];
+        const r = options.root || "auto";
+        if (r === "shadow") {
+          return this.shadowRoot ? this.shadowRoot.querySelectorAll(selector) : [];
+        }
+        if (r === "light") {
+          return this.querySelectorAll(selector);
+        }
+        if (r === "all") {
+          const sNodes = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];
+          const lNodes = Array.from(this.querySelectorAll(selector));
+          return [...sNodes, ...lNodes];
+        }
+        const root = this.shadowRoot || this;
+        return root.querySelectorAll(selector);
+      },
+      enumerable: true,
+      configurable: true
+    });
   };
 }
 const getQueryAllMetadata = (target) => {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/queryAll.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\n\nexport interface QueryAllOptions {\n  selector?: string;\n  root?: 'light' | 'shadow' | 'all' | 'auto';\n}\n\nexport interface QueryAllMetadata {\n  selector: string;\n  options: QueryAllOptions;\n  propertyKey: string | symbol;\n  isMethod: boolean;\n}\n\nexport const QUERY_ALL_METADATA_KEY = Symbol('simple-web-component:query-all');\n\nexport function queryAll(selector: string): any;\nexport function queryAll(options: QueryAllOptions): any;\nexport function queryAll(target: Object, propertyKey: string | symbol): void;\nexport function queryAll(arg1?: string | QueryAllOptions | Object, arg2?: string | symbol): any {\n  const decorator = (selector: string, options: QueryAllOptions, target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => {\n    const isMethod = !!descriptor;\n    const constructor = target.constructor;\n\n    let queries = ReflectUtils.getMetadata<QueryAllMetadata[]>(QUERY_ALL_METADATA_KEY, constructor);\n    if (!queries) {\n      queries = [];\n      ReflectUtils.defineMetadata(QUERY_ALL_METADATA_KEY, queries, constructor);\n    }\n    queries.push({ selector, options, propertyKey, isMethod });\n\n    if (!isMethod) {\n      Object.defineProperty(target, propertyKey, {\n        get(this: HTMLElement) {\n          if (!selector) return [this];\n          let searchRoot: Node = this;\n          if (options.root === 'shadow') searchRoot = this.shadowRoot || this;\n          else if (options.root === 'light') searchRoot = this;\n          else searchRoot = this.shadowRoot || this; // Default: Auto (Shadow-First)\n\n          return (searchRoot as HTMLElement).querySelectorAll(selector);\n        },\n        enumerable: true,\n        configurable: true\n      });\n    }\n  };\n\n  // Case: @queryAll (parameterless decorator)\n  if (arg1 && typeof arg2 === 'string') {\n    return decorator('', {}, arg1 as Object, arg2 as string | symbol);\n  }\n\n  // Case: @queryAll('selector') or @queryAll({ selector: '...', ... })\n  return (target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => {\n    let selector = '';\n    let options: QueryAllOptions = {};\n\n    if (typeof arg1 === 'string') {\n      selector = arg1;\n    } else if (typeof arg1 === 'object') {\n      options = arg1 as QueryAllOptions;\n      selector = options.selector || '';\n    }\n\n    decorator(selector, options, target, propertyKey, descriptor);\n  };\n}\n\nexport const getQueryAllMetadata = (target: any): QueryAllMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(QUERY_ALL_METADATA_KEY, constructor);\n};\n"],
-  "mappings": "AAAA,SAAS,oBAAoB;AActB,MAAM,yBAAyB,OAAO,gCAAgC;AAKvE,SAAU,SAAS,MAA0C,MAAsB;AACvF,QAAM,YAAY,CAAC,UAAkB,SAA0B,QAAgB,aAA8B,eAAmC;AAC9I,UAAM,WAAW,CAAC,CAAC;AACnB,UAAM,cAAc,OAAO;AAE3B,QAAI,UAAU,aAAa,YAAgC,wBAAwB,WAAW;AAC9F,QAAI,CAAC,SAAS;AACZ,gBAAU,CAAA;AACV,mBAAa,eAAe,wBAAwB,SAAS,WAAW;IAC1E;AACA,YAAQ,KAAK,EAAE,UAAU,SAAS,aAAa,SAAQ,CAAE;AAEzD,QAAI,CAAC,UAAU;AACb,aAAO,eAAe,QAAQ,aAAa;QACzC,MAAG;AACD,cAAI,CAAC;AAAU,mBAAO,CAAC,IAAI;AAC3B,cAAI,aAAmB;AACvB,cAAI,QAAQ,SAAS;AAAU,yBAAa,KAAK,cAAc;mBACtD,QAAQ,SAAS;AAAS,yBAAa;;AAC3C,yBAAa,KAAK,cAAc;AAErC,iBAAQ,WAA2B,iBAAiB,QAAQ;QAC9D;QACA,YAAY;QACZ,cAAc;OACf;IACH;EACF;AAGA,MAAI,QAAQ,OAAO,SAAS,UAAU;AACpC,WAAO,UAAU,IAAI,CAAA,GAAI,MAAgB,IAAuB;EAClE;AAGA,SAAO,CAAC,QAAgB,aAA8B,eAAmC;AACvF,QAAI,WAAW;AACf,QAAI,UAA2B,CAAA;AAE/B,QAAI,OAAO,SAAS,UAAU;AAC5B,iBAAW;IACb,WAAW,OAAO,SAAS,UAAU;AACnC,gBAAU;AACV,iBAAW,QAAQ,YAAY;IACjC;AAEA,cAAU,UAAU,SAAS,QAAQ,aAAa,UAAU;EAC9D;AACF;AAEO,MAAM,sBAAsB,CAAC,WAA+C;AACjF,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,wBAAwB,WAAW;AACrE;",
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\n\nexport interface QueryAllOptions {\n  root?: 'light' | 'shadow' | 'all' | 'auto';\n}\n\nexport interface QueryAllMetadata {\n  selector: string;\n  options: QueryAllOptions;\n  propertyKey: string | symbol;\n}\n\nexport const QUERY_ALL_METADATA_KEY = Symbol('simple-web-component:query-all');\n\n/**\n * @queryAll decorator to inject a list of elements into a class property.\n * Usage: @queryAll('.items') list!: NodeListOf<HTMLElement>;\n * Usage: @queryAll('li', { root: 'shadow' }) list!: HTMLElement[];\n */\nexport function queryAll(selector: string, options: QueryAllOptions = {}): PropertyDecorator {\n  return (target: Object, propertyKey: string | symbol, descriptor?: never): void => {\n    if (descriptor !== undefined) {\n      throw new Error(`@queryAll decorator cannot be used on methods. (Method: ${String(propertyKey)})`);\n    }\n\n    const constructor = target.constructor;\n    let queries = ReflectUtils.getMetadata<QueryAllMetadata[]>(QUERY_ALL_METADATA_KEY, constructor);\n    if (!queries) {\n      queries = [];\n      ReflectUtils.defineMetadata(QUERY_ALL_METADATA_KEY, queries, constructor);\n    }\n    queries.push({ selector, options, propertyKey });\n\n    Object.defineProperty(target, propertyKey, {\n      get(this: HTMLElement) {\n        if (!selector || selector === ':host') return [this];\n        const r = options.root || 'auto';\n\n        if (r === 'shadow') {\n          return this.shadowRoot ? this.shadowRoot.querySelectorAll(selector) : [];\n        }\n        if (r === 'light') {\n          return this.querySelectorAll(selector);\n        }\n        if (r === 'all') {\n          const sNodes = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];\n          const lNodes = Array.from(this.querySelectorAll(selector));\n          return [...sNodes, ...lNodes];\n        }\n        // auto\n        const root = this.shadowRoot || this;\n        return root.querySelectorAll(selector);\n      },\n      enumerable: true,\n      configurable: true\n    });\n  };\n}\n\nexport const getQueryAllMetadata = (target: any): QueryAllMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(QUERY_ALL_METADATA_KEY, constructor);\n};\n"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAYtB,MAAM,yBAAyB,OAAO,gCAAgC;AAOvE,SAAU,SAAS,UAAkB,UAA2B,CAAA,GAAE;AACtE,SAAO,CAAC,QAAgB,aAA8B,eAA4B;AAChF,QAAI,eAAe,QAAW;AAC5B,YAAM,IAAI,MAAM,2DAA2D,OAAO,WAAW,CAAC,GAAG;IACnG;AAEA,UAAM,cAAc,OAAO;AAC3B,QAAI,UAAU,aAAa,YAAgC,wBAAwB,WAAW;AAC9F,QAAI,CAAC,SAAS;AACZ,gBAAU,CAAA;AACV,mBAAa,eAAe,wBAAwB,SAAS,WAAW;IAC1E;AACA,YAAQ,KAAK,EAAE,UAAU,SAAS,YAAW,CAAE;AAE/C,WAAO,eAAe,QAAQ,aAAa;MACzC,MAAG;AACD,YAAI,CAAC,YAAY,aAAa;AAAS,iBAAO,CAAC,IAAI;AACnD,cAAM,IAAI,QAAQ,QAAQ;AAE1B,YAAI,MAAM,UAAU;AAClB,iBAAO,KAAK,aAAa,KAAK,WAAW,iBAAiB,QAAQ,IAAI,CAAA;QACxE;AACA,YAAI,MAAM,SAAS;AACjB,iBAAO,KAAK,iBAAiB,QAAQ;QACvC;AACA,YAAI,MAAM,OAAO;AACf,gBAAM,SAAS,KAAK,aAAa,MAAM,KAAK,KAAK,WAAW,iBAAiB,QAAQ,CAAC,IAAI,CAAA;AAC1F,gBAAM,SAAS,MAAM,KAAK,KAAK,iBAAiB,QAAQ,CAAC;AACzD,iBAAO,CAAC,GAAG,QAAQ,GAAG,MAAM;QAC9B;AAEA,cAAM,OAAO,KAAK,cAAc;AAChC,eAAO,KAAK,iBAAiB,QAAQ;MACvC;MACA,YAAY;MACZ,cAAc;KACf;EACH;AACF;AAEO,MAAM,sBAAsB,CAAC,WAA+C;AACjF,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,wBAAwB,WAAW;AACrE;",
   "names": []
 }

package/dist/esm/decorators/setAttribute.js

@@ -0,0 +1,34 @@
+import { ReflectUtils } from "@dooboostore/core/reflect/ReflectUtils";
+const SET_ATTRIBUTE_METADATA_KEY = Symbol("simple-web-component:set-attribute");
+function setAttribute(attributeName) {
+  return (target, propertyKey) => {
+    const constructor = target.constructor;
+    let meta = ReflectUtils.getOwnMetadata(SET_ATTRIBUTE_METADATA_KEY, constructor);
+    if (!meta) {
+      meta = /* @__PURE__ */ new Map();
+      ReflectUtils.defineMetadata(SET_ATTRIBUTE_METADATA_KEY, meta, constructor);
+    }
+    meta.set(attributeName || String(propertyKey), propertyKey);
+  };
+}
+const getSetAttributeMetadata = (target) => {
+  const constructor = target instanceof Function ? target : target.constructor;
+  return ReflectUtils.getMetadata(SET_ATTRIBUTE_METADATA_KEY, constructor);
+};
+const findAllSetAttributeMetadata = (target) => {
+  const result = /* @__PURE__ */ new Map();
+  const maps = ReflectUtils.findAllMetadata(SET_ATTRIBUTE_METADATA_KEY, target);
+  maps.forEach((map) => {
+    if (map instanceof Map) {
+      map.forEach((v, k) => result.set(k, v));
+    }
+  });
+  return result;
+};
+export {
+  SET_ATTRIBUTE_METADATA_KEY,
+  findAllSetAttributeMetadata,
+  getSetAttributeMetadata,
+  setAttribute
+};
+//# sourceMappingURL=setAttribute.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/decorators/setAttribute.ts"],
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\n\nexport const SET_ATTRIBUTE_METADATA_KEY = Symbol('simple-web-component:set-attribute');\n\nexport function setAttribute(attributeName?: string): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol) => {\n    const constructor = target.constructor;\n    let meta = ReflectUtils.getOwnMetadata(SET_ATTRIBUTE_METADATA_KEY, constructor) as Map<string, string | symbol>;\n    if (!meta) {\n      meta = new Map<string, string | symbol>();\n      ReflectUtils.defineMetadata(SET_ATTRIBUTE_METADATA_KEY, meta, constructor);\n    }\n    meta.set(attributeName || String(propertyKey), propertyKey);\n  };\n}\n\nexport const getSetAttributeMetadata = (target: any): Map<string, string | symbol> | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(SET_ATTRIBUTE_METADATA_KEY, constructor);\n};\n\nexport const findAllSetAttributeMetadata = (target: any): Map<string, string | symbol> => {\n  const result = new Map<string, string | symbol>();\n  const maps = ReflectUtils.findAllMetadata<any>(SET_ATTRIBUTE_METADATA_KEY, target);\n  maps.forEach(map => {\n    if (map instanceof Map) {\n      map.forEach((v, k) => result.set(k, v));\n    }\n  });\n  return result;\n};\n"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAEtB,MAAM,6BAA6B,OAAO,oCAAoC;AAE9E,SAAS,aAAa,eAAyC;AACpE,SAAO,CAAC,QAAgB,gBAAiC;AACvD,UAAM,cAAc,OAAO;AAC3B,QAAI,OAAO,aAAa,eAAe,4BAA4B,WAAW;AAC9E,QAAI,CAAC,MAAM;AACT,aAAO,oBAAI,IAA6B;AACxC,mBAAa,eAAe,4BAA4B,MAAM,WAAW;AAAA,IAC3E;AACA,SAAK,IAAI,iBAAiB,OAAO,WAAW,GAAG,WAAW;AAAA,EAC5D;AACF;AAEO,MAAM,0BAA0B,CAAC,WAA0D;AAChG,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,4BAA4B,WAAW;AACzE;AAEO,MAAM,8BAA8B,CAAC,WAA8C;AACxF,QAAM,SAAS,oBAAI,IAA6B;AAChD,QAAM,OAAO,aAAa,gBAAqB,4BAA4B,MAAM;AACjF,OAAK,QAAQ,SAAO;AAClB,QAAI,eAAe,KAAK;AACtB,UAAI,QAAQ,CAAC,GAAG,MAAM,OAAO,IAAI,GAAG,CAAC,CAAC;AAAA,IACxC;AAAA,EACF,CAAC;AACD,SAAO;AACT;",
+  "names": []
+}

package/dist/esm/elements/SwcApp.js

@@ -0,0 +1,36 @@
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { elementDefine } from "../decorators/elementDefine.js";
+import { SwcAppEngine } from "./SwcAppEngine.js";
+let SwcApp = class SwcApp2 extends HTMLElement {
+  constructor() {
+    super(...arguments);
+    this._engine = new SwcAppEngine(this);
+  }
+  get simpleApplication() {
+    return this._engine.simpleApplication;
+  }
+  get router() {
+    return this._engine.router;
+  }
+  connectedCallback() {
+    this._engine.connect();
+  }
+  disconnectedCallback() {
+    this._engine.disconnect();
+  }
+  async routing(path) {
+    await this._engine.router?.go(path);
+  }
+};
+SwcApp = __decorate([
+  elementDefine({ name: "swc-app", extends: void 0 })
+], SwcApp);
+export {
+  SwcApp
+};
+//# sourceMappingURL=SwcApp.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/elements/SwcApp.ts"],
+  "sourcesContent": ["import { elementDefine } from '../decorators/elementDefine';\nimport { SwcAppEngine } from './SwcAppEngine';\n\n@elementDefine({ name: 'swc-app', extends: undefined })\nexport class SwcApp extends HTMLElement {\n  private _engine = new SwcAppEngine(this);\n\n  get simpleApplication() {\n    return this._engine.simpleApplication;\n  }\n  get router() {\n    return this._engine.router;\n  }\n\n  connectedCallback() {\n    this._engine.connect();\n  }\n\n  disconnectedCallback() {\n    this._engine.disconnect();\n  }\n\n  async routing(path: string) {\n    await this._engine.router?.go(path);\n  }\n}\n"],
+  "mappings": ";;;;;;AAAA,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAGtB,IAAM,SAAN,MAAMA,gBAAe,YAAW;EAAhC,cAAA;;AACG,SAAA,UAAU,IAAI,aAAa,IAAI;EAoBzC;EAlBE,IAAI,oBAAiB;AACnB,WAAO,KAAK,QAAQ;EACtB;EACA,IAAI,SAAM;AACR,WAAO,KAAK,QAAQ;EACtB;EAEA,oBAAiB;AACf,SAAK,QAAQ,QAAO;EACtB;EAEA,uBAAoB;AAClB,SAAK,QAAQ,WAAU;EACzB;EAEA,MAAM,QAAQ,MAAY;AACxB,UAAM,KAAK,QAAQ,QAAQ,GAAG,IAAI;EACpC;;AApBW,SAAM,WAAA;EADlB,cAAc,EAAE,MAAM,WAAW,SAAS,OAAS,CAAE;GACzC,MAAM;",
+  "names": ["SwcApp"]
+}

package/dist/esm/elements/SwcAppEngine.js

@@ -0,0 +1,62 @@
+import { SimpleApplication } from "@dooboostore/simple-boot/SimpleApplication";
+import { PathRouter } from "@dooboostore/core-web/routers/PathRouter";
+import { HashRouter } from "@dooboostore/core-web/routers/HashRouter";
+import { ElementRouter } from "../router/ElementRouter.js";
+import { SimOption } from "@dooboostore/simple-boot/SimOption";
+import { Router } from "@dooboostore/core-web/routers/Router";
+class SwcAppEngine {
+  constructor(host) {
+    this.host = host;
+    this._isInitialized = false;
+  }
+  async connect() {
+    if (this._isInitialized) return;
+    this._isInitialized = true;
+    await new Promise((resolve) => setTimeout(resolve, 0));
+    const configStr = this.host.getAttribute("swc-get-application-config");
+    if (!configStr) return;
+    try {
+      const userConfig = new Function(`return ${configStr}`).apply(this.host);
+      if (userConfig && userConfig.rootRouter) {
+        const _config = {
+          routeType: "element",
+          window,
+          ...userConfig
+        };
+        if (_config.routeType === "path") {
+          this.router = new PathRouter({ window: _config.window, firstUrl: _config.path });
+        } else if (_config.routeType === "hash") {
+          this.router = new HashRouter({ window: _config.window, firstUrl: _config.path });
+        } else if (_config.routeType === "element") {
+          this.router = new ElementRouter({ window: _config.window, firstUrl: _config.path });
+        }
+        if (this.router) {
+          this.routerSubscription = this.router.observable.subscribe((route) => {
+            if (route.triggerPoint === "end") {
+              this.simpleApplication?.routing(route.path);
+            }
+          });
+        }
+        this.simpleApplication = new SimpleApplication(new SimOption({ excludeProxys: [Node], rootRouter: _config.rootRouter }));
+        const otherInstanceSim = /* @__PURE__ */ new Map();
+        if (this.router) otherInstanceSim.set(Router, this.router);
+        this.simpleApplication.run(otherInstanceSim);
+        const data = this.simpleApplication.sim(_config.rootRouter);
+        if (data instanceof Node) {
+          if (this.host.shadowRoot) this.host.shadowRoot.replaceChildren(data);
+          else this.host.replaceChildren(data);
+        }
+        if (_config.path) await this.router?.go(_config.path);
+      }
+    } catch (e) {
+      console.error("[SWC-APP-ENGINE] Init failed:", e);
+    }
+  }
+  disconnect() {
+    this.routerSubscription?.unsubscribe();
+  }
+}
+export {
+  SwcAppEngine
+};
+//# sourceMappingURL=SwcAppEngine.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/elements/SwcAppEngine.ts"],
+  "sourcesContent": ["import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { PathRouter } from '@dooboostore/core-web/routers/PathRouter';\nimport { HashRouter } from '@dooboostore/core-web/routers/HashRouter';\nimport { ElementRouter } from '../router/ElementRouter';\nimport { SimOption } from '@dooboostore/simple-boot/SimOption';\nimport { Router, RouterEventType } from '@dooboostore/core-web/routers/Router';\nimport { Subscription } from '@dooboostore/core/message/Subscription';\nimport { ConstructorType, Optional } from '@dooboostore/core/types';\n\nexport type SwcConfigType = {\n  rootRouter: ConstructorType<any>;\n  routeType: 'path' | 'hash' | 'element';\n  path?: string;\n  window: Window;\n};\n\nexport type SwcAttributeConfigType = Optional<SwcConfigType, 'routeType' | 'window'>;\n\nexport class SwcAppEngine {\n  public simpleApplication?: SimpleApplication;\n  public router?: Router;\n  private routerSubscription?: Subscription;\n  private _isInitialized = false;\n\n  constructor(private host: HTMLElement) {}\n\n  async connect() {\n    if (this._isInitialized) return;\n    this._isInitialized = true;\n\n    // Wait for event loop to ensure attributes and global scripts are ready\n    await new Promise(resolve => setTimeout(resolve, 0));\n\n    const configStr = this.host.getAttribute('swc-get-application-config');\n    if (!configStr) return;\n\n    try {\n      const userConfig: SwcAttributeConfigType = new Function(`return ${configStr}`).apply(this.host);\n      if (userConfig && userConfig.rootRouter) {\n        const _config: SwcConfigType = {\n          routeType: 'element',\n          window: window,\n          ...userConfig\n        } as SwcConfigType;\n\n        // Router Selection\n        if (_config.routeType === 'path') {\n          this.router = new PathRouter({ window: _config.window, firstUrl: _config.path });\n        } else if (_config.routeType === 'hash') {\n          this.router = new HashRouter({ window: _config.window, firstUrl: _config.path });\n        } else if (_config.routeType === 'element') {\n          this.router = new ElementRouter({ window: _config.window, firstUrl: _config.path });\n        }\n\n        // Routing sync\n        if (this.router) {\n          this.routerSubscription = this.router.observable.subscribe((route: RouterEventType) => {\n            if (route.triggerPoint === 'end') {\n              this.simpleApplication?.routing(route.path);\n            }\n          });\n        }\n\n        // App start\n        this.simpleApplication = new SimpleApplication(new SimOption({ excludeProxys: [Node], rootRouter: _config.rootRouter }));\n\n        const otherInstanceSim = new Map<any, any>();\n        if (this.router) otherInstanceSim.set(Router, this.router);\n        this.simpleApplication.run(otherInstanceSim);\n\n        // Rendering\n        const data = this.simpleApplication.sim(_config.rootRouter);\n        if (data instanceof Node) {\n          if (this.host.shadowRoot) this.host.shadowRoot.replaceChildren(data);\n          else this.host.replaceChildren(data);\n        }\n\n        if (_config.path) await this.router?.go(_config.path);\n      }\n    } catch (e) {\n      console.error('[SWC-APP-ENGINE] Init failed:', e);\n    }\n  }\n\n  disconnect() {\n    this.routerSubscription?.unsubscribe();\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,cAA+B;AAajC,MAAM,aAAa;AAAA,EAMxB,YAAoB,MAAmB;AAAnB;AAFpB,SAAQ,iBAAiB;AAAA,EAEe;AAAA,EAExC,MAAM,UAAU;AACd,QAAI,KAAK,eAAgB;AACzB,SAAK,iBAAiB;AAGtB,UAAM,IAAI,QAAQ,aAAW,WAAW,SAAS,CAAC,CAAC;AAEnD,UAAM,YAAY,KAAK,KAAK,aAAa,4BAA4B;AACrE,QAAI,CAAC,UAAW;AAEhB,QAAI;AACF,YAAM,aAAqC,IAAI,SAAS,UAAU,SAAS,EAAE,EAAE,MAAM,KAAK,IAAI;AAC9F,UAAI,cAAc,WAAW,YAAY;AACvC,cAAM,UAAyB;AAAA,UAC7B,WAAW;AAAA,UACX;AAAA,UACA,GAAG;AAAA,QACL;AAGA,YAAI,QAAQ,cAAc,QAAQ;AAChC,eAAK,SAAS,IAAI,WAAW,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAK,CAAC;AAAA,QACjF,WAAW,QAAQ,cAAc,QAAQ;AACvC,eAAK,SAAS,IAAI,WAAW,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAK,CAAC;AAAA,QACjF,WAAW,QAAQ,cAAc,WAAW;AAC1C,eAAK,SAAS,IAAI,cAAc,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAK,CAAC;AAAA,QACpF;AAGA,YAAI,KAAK,QAAQ;AACf,eAAK,qBAAqB,KAAK,OAAO,WAAW,UAAU,CAAC,UAA2B;AACrF,gBAAI,MAAM,iBAAiB,OAAO;AAChC,mBAAK,mBAAmB,QAAQ,MAAM,IAAI;AAAA,YAC5C;AAAA,UACF,CAAC;AAAA,QACH;AAGA,aAAK,oBAAoB,IAAI,kBAAkB,IAAI,UAAU,EAAE,eAAe,CAAC,IAAI,GAAG,YAAY,QAAQ,WAAW,CAAC,CAAC;AAEvH,cAAM,mBAAmB,oBAAI,IAAc;AAC3C,YAAI,KAAK,OAAQ,kBAAiB,IAAI,QAAQ,KAAK,MAAM;AACzD,aAAK,kBAAkB,IAAI,gBAAgB;AAG3C,cAAM,OAAO,KAAK,kBAAkB,IAAI,QAAQ,UAAU;AAC1D,YAAI,gBAAgB,MAAM;AACxB,cAAI,KAAK,KAAK,WAAY,MAAK,KAAK,WAAW,gBAAgB,IAAI;AAAA,cAC9D,MAAK,KAAK,gBAAgB,IAAI;AAAA,QACrC;AAEA,YAAI,QAAQ,KAAM,OAAM,KAAK,QAAQ,GAAG,QAAQ,IAAI;AAAA,MACtD;AAAA,IACF,SAAS,GAAG;AACV,cAAQ,MAAM,iCAAiC,CAAC;AAAA,IAClD;AAAA,EACF;AAAA,EAEA,aAAa;AACX,SAAK,oBAAoB,YAAY;AAAA,EACvC;AACF;",
+  "names": []
+}

package/dist/esm/elements/index.js

@@ -1,8 +1,2 @@
-export * from "./SwcChoose.js";
-export * from "./SwcForOf.js";
-export * from "./SwcIf.js";
-export * from "./SwcObject.js";
-export * from "./SwcOther.js";
-export * from "./SwcWhen.js";
-export * from "./SwcInterfaces.js";
+export * from "./is/index.js";
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/index.ts"],
-  "sourcesContent": ["// import {SwcHTMLElement} from \"./SwcHTMLElement\";\n\nexport * from './SwcChoose'\nexport * from './SwcForOf'\nexport * from './SwcIf'\nexport * from './SwcObject'\nexport * from './SwcOther'\nexport * from './SwcWhen'\nexport * from './SwcInterfaces'\n\n// export const swcHTMLElements = [SwcHTMLElement];"],
-  "mappings": "AAEA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "sourcesContent": ["// import {SwcHTMLElement} from \"./SwcHTMLElement\";\n\nexport * from './is'"],
+  "mappings": "AAEA,cAAc;",
   "names": []
 }

package/dist/esm/elements/is/SwcAppAnchor.js

@@ -0,0 +1,36 @@
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { elementDefine } from "../../decorators/elementDefine.js";
+import { SwcAppEngine } from "../SwcAppEngine.js";
+let SwcAppAnchor = class SwcAppAnchor2 extends HTMLAnchorElement {
+  constructor() {
+    super(...arguments);
+    this._engine = new SwcAppEngine(this);
+  }
+  get simpleApplication() {
+    return this._engine.simpleApplication;
+  }
+  get router() {
+    return this._engine.router;
+  }
+  connectedCallback() {
+    this._engine.connect();
+  }
+  disconnectedCallback() {
+    this._engine.disconnect();
+  }
+  async routing(path) {
+    await this._engine.router?.go(path);
+  }
+};
+SwcAppAnchor = __decorate([
+  elementDefine({ name: "swc-app-a", extends: "a" })
+], SwcAppAnchor);
+export {
+  SwcAppAnchor
+};
+//# sourceMappingURL=SwcAppAnchor.js.map

package/dist/esm/elements/is/SwcAppAnchor.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/elements/is/SwcAppAnchor.ts"],
+  "sourcesContent": ["import { elementDefine } from '../../decorators/elementDefine';\nimport { SwcAppEngine } from '../SwcAppEngine';\n\n@elementDefine({ name: 'swc-app-a', extends: 'a' })\nexport class SwcAppAnchor extends HTMLAnchorElement {\n  private _engine = new SwcAppEngine(this);\n\n  get simpleApplication() {\n    return this._engine.simpleApplication;\n  }\n  get router() {\n    return this._engine.router;\n  }\n\n  connectedCallback() {\n    this._engine.connect();\n  }\n\n  disconnectedCallback() {\n    this._engine.disconnect();\n  }\n\n  async routing(path: string) {\n    await this._engine.router?.go(path);\n  }\n}\n"],
+  "mappings": ";;;;;;AAAA,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAGtB,IAAM,eAAN,MAAMA,sBAAqB,kBAAiB;EAA5C,cAAA;;AACG,SAAA,UAAU,IAAI,aAAa,IAAI;EAoBzC;EAlBE,IAAI,oBAAiB;AACnB,WAAO,KAAK,QAAQ;EACtB;EACA,IAAI,SAAM;AACR,WAAO,KAAK,QAAQ;EACtB;EAEA,oBAAiB;AACf,SAAK,QAAQ,QAAO;EACtB;EAEA,uBAAoB;AAClB,SAAK,QAAQ,WAAU;EACzB;EAEA,MAAM,QAAQ,MAAY;AACxB,UAAM,KAAK,QAAQ,QAAQ,GAAG,IAAI;EACpC;;AApBW,eAAY,WAAA;EADxB,cAAc,EAAE,MAAM,aAAa,SAAS,IAAG,CAAE;GACrC,YAAY;",
+  "names": ["SwcAppAnchor"]
+}

package/dist/esm/elements/is/SwcAppArea.js

@@ -0,0 +1,36 @@
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { elementDefine } from "../../decorators/elementDefine.js";
+import { SwcAppEngine } from "../SwcAppEngine.js";
+let SwcAppArea = class SwcAppArea2 extends HTMLAreaElement {
+  constructor() {
+    super(...arguments);
+    this._engine = new SwcAppEngine(this);
+  }
+  get simpleApplication() {
+    return this._engine.simpleApplication;
+  }
+  get router() {
+    return this._engine.router;
+  }
+  connectedCallback() {
+    this._engine.connect();
+  }
+  disconnectedCallback() {
+    this._engine.disconnect();
+  }
+  async routing(path) {
+    await this._engine.router?.go(path);
+  }
+};
+SwcAppArea = __decorate([
+  elementDefine({ name: "swc-app-area", extends: "area" })
+], SwcAppArea);
+export {
+  SwcAppArea
+};
+//# sourceMappingURL=SwcAppArea.js.map

package/dist/esm/elements/is/SwcAppArea.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/elements/is/SwcAppArea.ts"],
+  "sourcesContent": ["import { elementDefine } from '../../decorators/elementDefine';\nimport { SwcAppEngine } from '../SwcAppEngine';\n\n@elementDefine({ name: 'swc-app-area', extends: 'area' })\nexport class SwcAppArea extends HTMLAreaElement {\n  private _engine = new SwcAppEngine(this);\n\n  get simpleApplication() {\n    return this._engine.simpleApplication;\n  }\n  get router() {\n    return this._engine.router;\n  }\n\n  connectedCallback() {\n    this._engine.connect();\n  }\n\n  disconnectedCallback() {\n    this._engine.disconnect();\n  }\n\n  async routing(path: string) {\n    await this._engine.router?.go(path);\n  }\n}\n"],
+  "mappings": ";;;;;;AAAA,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAGtB,IAAM,aAAN,MAAMA,oBAAmB,gBAAe;EAAxC,cAAA;;AACG,SAAA,UAAU,IAAI,aAAa,IAAI;EAoBzC;EAlBE,IAAI,oBAAiB;AACnB,WAAO,KAAK,QAAQ;EACtB;EACA,IAAI,SAAM;AACR,WAAO,KAAK,QAAQ;EACtB;EAEA,oBAAiB;AACf,SAAK,QAAQ,QAAO;EACtB;EAEA,uBAAoB;AAClB,SAAK,QAAQ,WAAU;EACzB;EAEA,MAAM,QAAQ,MAAY;AACxB,UAAM,KAAK,QAAQ,QAAQ,GAAG,IAAI;EACpC;;AApBW,aAAU,WAAA;EADtB,cAAc,EAAE,MAAM,gBAAgB,SAAS,OAAM,CAAE;GAC3C,UAAU;",
+  "names": ["SwcAppArea"]
+}

package/dist/esm/elements/is/SwcAppAudio.js

@@ -0,0 +1,36 @@
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { elementDefine } from "../../decorators/elementDefine.js";
+import { SwcAppEngine } from "../SwcAppEngine.js";
+let SwcAppAudio = class SwcAppAudio2 extends HTMLAudioElement {
+  constructor() {
+    super(...arguments);
+    this._engine = new SwcAppEngine(this);
+  }
+  get simpleApplication() {
+    return this._engine.simpleApplication;
+  }
+  get router() {
+    return this._engine.router;
+  }
+  connectedCallback() {
+    this._engine.connect();
+  }
+  disconnectedCallback() {
+    this._engine.disconnect();
+  }
+  async routing(path) {
+    await this._engine.router?.go(path);
+  }
+};
+SwcAppAudio = __decorate([
+  elementDefine({ name: "swc-app-audio", extends: "audio" })
+], SwcAppAudio);
+export {
+  SwcAppAudio
+};
+//# sourceMappingURL=SwcAppAudio.js.map

package/dist/esm/elements/is/SwcAppAudio.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/elements/is/SwcAppAudio.ts"],
+  "sourcesContent": ["import { elementDefine } from '../../decorators/elementDefine';\nimport { SwcAppEngine } from '../SwcAppEngine';\n\n@elementDefine({ name: 'swc-app-audio', extends: 'audio' })\nexport class SwcAppAudio extends HTMLAudioElement {\n  private _engine = new SwcAppEngine(this);\n\n  get simpleApplication() {\n    return this._engine.simpleApplication;\n  }\n  get router() {\n    return this._engine.router;\n  }\n\n  connectedCallback() {\n    this._engine.connect();\n  }\n\n  disconnectedCallback() {\n    this._engine.disconnect();\n  }\n\n  async routing(path: string) {\n    await this._engine.router?.go(path);\n  }\n}\n"],
+  "mappings": ";;;;;;AAAA,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAGtB,IAAM,cAAN,MAAMA,qBAAoB,iBAAgB;EAA1C,cAAA;;AACG,SAAA,UAAU,IAAI,aAAa,IAAI;EAoBzC;EAlBE,IAAI,oBAAiB;AACnB,WAAO,KAAK,QAAQ;EACtB;EACA,IAAI,SAAM;AACR,WAAO,KAAK,QAAQ;EACtB;EAEA,oBAAiB;AACf,SAAK,QAAQ,QAAO;EACtB;EAEA,uBAAoB;AAClB,SAAK,QAAQ,WAAU;EACzB;EAEA,MAAM,QAAQ,MAAY;AACxB,UAAM,KAAK,QAAQ,QAAQ,GAAG,IAAI;EACpC;;AApBW,cAAW,WAAA;EADvB,cAAc,EAAE,MAAM,iBAAiB,SAAS,QAAO,CAAE;GAC7C,WAAW;",
+  "names": ["SwcAppAudio"]
+}

package/dist/esm/elements/is/SwcAppBase.js

@@ -0,0 +1,36 @@
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { elementDefine } from "../../decorators/elementDefine.js";
+import { SwcAppEngine } from "../SwcAppEngine.js";
+let SwcAppBase = class SwcAppBase2 extends HTMLBaseElement {
+  constructor() {
+    super(...arguments);
+    this._engine = new SwcAppEngine(this);
+  }
+  get simpleApplication() {
+    return this._engine.simpleApplication;
+  }
+  get router() {
+    return this._engine.router;
+  }
+  connectedCallback() {
+    this._engine.connect();
+  }
+  disconnectedCallback() {
+    this._engine.disconnect();
+  }
+  async routing(path) {
+    await this._engine.router?.go(path);
+  }
+};
+SwcAppBase = __decorate([
+  elementDefine({ name: "swc-app-base", extends: "base" })
+], SwcAppBase);
+export {
+  SwcAppBase
+};
+//# sourceMappingURL=SwcAppBase.js.map

package/dist/esm/elements/is/SwcAppBase.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/elements/is/SwcAppBase.ts"],
+  "sourcesContent": ["import { elementDefine } from '../../decorators/elementDefine';\nimport { SwcAppEngine } from '../SwcAppEngine';\n\n@elementDefine({ name: 'swc-app-base', extends: 'base' })\nexport class SwcAppBase extends HTMLBaseElement {\n  private _engine = new SwcAppEngine(this);\n\n  get simpleApplication() {\n    return this._engine.simpleApplication;\n  }\n  get router() {\n    return this._engine.router;\n  }\n\n  connectedCallback() {\n    this._engine.connect();\n  }\n\n  disconnectedCallback() {\n    this._engine.disconnect();\n  }\n\n  async routing(path: string) {\n    await this._engine.router?.go(path);\n  }\n}\n"],
+  "mappings": ";;;;;;AAAA,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAGtB,IAAM,aAAN,MAAMA,oBAAmB,gBAAe;EAAxC,cAAA;;AACG,SAAA,UAAU,IAAI,aAAa,IAAI;EAoBzC;EAlBE,IAAI,oBAAiB;AACnB,WAAO,KAAK,QAAQ;EACtB;EACA,IAAI,SAAM;AACR,WAAO,KAAK,QAAQ;EACtB;EAEA,oBAAiB;AACf,SAAK,QAAQ,QAAO;EACtB;EAEA,uBAAoB;AAClB,SAAK,QAAQ,WAAU;EACzB;EAEA,MAAM,QAAQ,MAAY;AACxB,UAAM,KAAK,QAAQ,QAAQ,GAAG,IAAI;EACpC;;AApBW,aAAU,WAAA;EADtB,cAAc,EAAE,MAAM,gBAAgB,SAAS,OAAM,CAAE;GAC3C,UAAU;",
+  "names": ["SwcAppBase"]
+}

package/dist/esm/elements/is/SwcAppBody.js

@@ -0,0 +1,36 @@
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { elementDefine } from "../../decorators/elementDefine.js";
+import { SwcAppEngine } from "../SwcAppEngine.js";
+let SwcAppBody = class SwcAppBody2 extends HTMLBodyElement {
+  constructor() {
+    super(...arguments);
+    this._engine = new SwcAppEngine(this);
+  }
+  get simpleApplication() {
+    return this._engine.simpleApplication;
+  }
+  get router() {
+    return this._engine.router;
+  }
+  connectedCallback() {
+    this._engine.connect();
+  }
+  disconnectedCallback() {
+    this._engine.disconnect();
+  }
+  async routing(path) {
+    await this._engine.router?.go(path);
+  }
+};
+SwcAppBody = __decorate([
+  elementDefine({ name: "swc-app-body", extends: "body" })
+], SwcAppBody);
+export {
+  SwcAppBody
+};
+//# sourceMappingURL=SwcAppBody.js.map

package/dist/esm/elements/is/SwcAppBody.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/elements/is/SwcAppBody.ts"],
+  "sourcesContent": ["import { elementDefine } from '../../decorators/elementDefine';\nimport { SwcAppEngine } from '../SwcAppEngine';\n\n@elementDefine({ name: 'swc-app-body', extends: 'body' })\nexport class SwcAppBody extends HTMLBodyElement {\n  private _engine = new SwcAppEngine(this);\n\n  get simpleApplication() {\n    return this._engine.simpleApplication;\n  }\n  get router() {\n    return this._engine.router;\n  }\n\n  connectedCallback() {\n    this._engine.connect();\n  }\n\n  disconnectedCallback() {\n    this._engine.disconnect();\n  }\n\n  async routing(path: string) {\n    await this._engine.router?.go(path);\n  }\n}\n"],
+  "mappings": ";;;;;;AAAA,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAGtB,IAAM,aAAN,MAAMA,oBAAmB,gBAAe;EAAxC,cAAA;;AACG,SAAA,UAAU,IAAI,aAAa,IAAI;EAoBzC;EAlBE,IAAI,oBAAiB;AACnB,WAAO,KAAK,QAAQ;EACtB;EACA,IAAI,SAAM;AACR,WAAO,KAAK,QAAQ;EACtB;EAEA,oBAAiB;AACf,SAAK,QAAQ,QAAO;EACtB;EAEA,uBAAoB;AAClB,SAAK,QAAQ,WAAU;EACzB;EAEA,MAAM,QAAQ,MAAY;AACxB,UAAM,KAAK,QAAQ,QAAQ,GAAG,IAAI;EACpC;;AApBW,aAAU,WAAA;EADtB,cAAc,EAAE,MAAM,gBAAgB,SAAS,OAAM,CAAE;GAC3C,UAAU;",
+  "names": ["SwcAppBody"]
+}

package/dist/esm/elements/is/SwcAppButton.js

@@ -0,0 +1,36 @@
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { elementDefine } from "../../decorators/elementDefine.js";
+import { SwcAppEngine } from "../SwcAppEngine.js";
+let SwcAppButton = class SwcAppButton2 extends HTMLButtonElement {
+  constructor() {
+    super(...arguments);
+    this._engine = new SwcAppEngine(this);
+  }
+  get simpleApplication() {
+    return this._engine.simpleApplication;
+  }
+  get router() {
+    return this._engine.router;
+  }
+  connectedCallback() {
+    this._engine.connect();
+  }
+  disconnectedCallback() {
+    this._engine.disconnect();
+  }
+  async routing(path) {
+    await this._engine.router?.go(path);
+  }
+};
+SwcAppButton = __decorate([
+  elementDefine({ name: "swc-app-button", extends: "button" })
+], SwcAppButton);
+export {
+  SwcAppButton
+};
+//# sourceMappingURL=SwcAppButton.js.map

package/dist/esm/elements/is/SwcAppButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/elements/is/SwcAppButton.ts"],
+  "sourcesContent": ["import { elementDefine } from '../../decorators/elementDefine';\nimport { SwcAppEngine } from '../SwcAppEngine';\n\n@elementDefine({ name: 'swc-app-button', extends: 'button' })\nexport class SwcAppButton extends HTMLButtonElement {\n  private _engine = new SwcAppEngine(this);\n\n  get simpleApplication() {\n    return this._engine.simpleApplication;\n  }\n  get router() {\n    return this._engine.router;\n  }\n\n  connectedCallback() {\n    this._engine.connect();\n  }\n\n  disconnectedCallback() {\n    this._engine.disconnect();\n  }\n\n  async routing(path: string) {\n    await this._engine.router?.go(path);\n  }\n}\n"],
+  "mappings": ";;;;;;AAAA,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAGtB,IAAM,eAAN,MAAMA,sBAAqB,kBAAiB;EAA5C,cAAA;;AACG,SAAA,UAAU,IAAI,aAAa,IAAI;EAoBzC;EAlBE,IAAI,oBAAiB;AACnB,WAAO,KAAK,QAAQ;EACtB;EACA,IAAI,SAAM;AACR,WAAO,KAAK,QAAQ;EACtB;EAEA,oBAAiB;AACf,SAAK,QAAQ,QAAO;EACtB;EAEA,uBAAoB;AAClB,SAAK,QAAQ,WAAU;EACzB;EAEA,MAAM,QAAQ,MAAY;AACxB,UAAM,KAAK,QAAQ,QAAQ,GAAG,IAAI;EACpC;;AApBW,eAAY,WAAA;EADxB,cAAc,EAAE,MAAM,kBAAkB,SAAS,SAAQ,CAAE;GAC/C,YAAY;",
+  "names": ["SwcAppButton"]
+}

package/dist/esm/elements/is/SwcAppCanvas.js

@@ -0,0 +1,36 @@
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { elementDefine } from "../../decorators/elementDefine.js";
+import { SwcAppEngine } from "../SwcAppEngine.js";
+let SwcAppCanvas = class SwcAppCanvas2 extends HTMLCanvasElement {
+  constructor() {
+    super(...arguments);
+    this._engine = new SwcAppEngine(this);
+  }
+  get simpleApplication() {
+    return this._engine.simpleApplication;
+  }
+  get router() {
+    return this._engine.router;
+  }
+  connectedCallback() {
+    this._engine.connect();
+  }
+  disconnectedCallback() {
+    this._engine.disconnect();
+  }
+  async routing(path) {
+    await this._engine.router?.go(path);
+  }
+};
+SwcAppCanvas = __decorate([
+  elementDefine({ name: "swc-app-canvas", extends: "canvas" })
+], SwcAppCanvas);
+export {
+  SwcAppCanvas
+};
+//# sourceMappingURL=SwcAppCanvas.js.map