@dooboostore/simple-web-component 1.0.17 → 1.0.19

package/src/index.ts

@@ -1,10 +1,15 @@
 import 'reflect-metadata';
+import { registerAllElements } from './elements/register';
 
 // Decorators
 export * from './decorators/elementDefine';
 export * from './decorators/setAttribute';
 export * from './decorators/changedAttribute';
-export * from './decorators/innerHtml';
+export { onConnectedInnerHtml } from './decorators/onConnectedInnerHtml';
+export * from './decorators/replaceChildren';
+export * from './decorators/appendChild';
+export * from './decorators/classList';
+export * from './decorators/style';
 export * from './decorators/emitCustomEvent';
 export * from './decorators/lifecycles';
 export * from './decorators/query';
@@ -14,8 +19,17 @@ export * from './decorators/addEventListener';
 // Types
 export * from './types';
 
-// Apps (Customized Built-in Elements)
-export * from './elements';
-
 // Utilities
 export * from './utils/Utils';
+export * from './utils/TemplateUtils';
+
+// Config
+export * from './config/config';
+
+// Registration Factory
+export default (w: Window, other?: ((w:Window)=>void)[]): void => {
+  registerAllElements(w);
+  other?.forEach(fn => {
+     fn(w);
+  });
+};

package/src/types.ts

@@ -13,17 +13,25 @@ export enum InjectSituationType {
   FIRST_APP_HOST = 'SIMPLE_WEB_COMPONENT://FIRSTAPPHOST',
   LAST_APP_HOST = 'SIMPLE_WEB_COMPONENT://LASTAPPHOST'
 }
+
+export type SwcRootType = 'light' | 'shadow' | 'all' | 'auto';
+
+export type SpecialSelector = ':host' | ':window' | ':document' | ':parentHost' | ':appHost' | ':firstHost' | ':lastHost' | ':firstAppHost' | ':lastAppHost' | ':hosts' | ':appHosts';
+
+export type SwcQueryOptions = { root?: SwcRootType };
+
 export type HelperSet = {
   $d: Document;
   $w: Window;
-  $q: (selector: string,  root?: Element | Document | ShadowRoot) => HTMLElement | null;
-  $qa: (selector: string,  root?: Element | Document | ShadowRoot) => HTMLElement[];
-  $qi: (selector: string,  root?: Element | Document | ShadowRoot) => HTMLElement | null;
-}
+  $q: (selector: string, root?: Element | Document | ShadowRoot) => HTMLElement | null;
+  $qa: (selector: string, root?: Element | Document | ShadowRoot) => HTMLElement[];
+  $qi: (id: string, root?: Document | ShadowRoot) => HTMLElement | null;
+};
+
 export type HostSet = {
   $host: HTMLElement; // Current component itself
   $parentHost: HTMLElement | null; // Nearest parent SWC component
-  $hosts: HTMLElement[]; // [self, parent, ..., top]
+  $hosts: HTMLElement[]; // [root, ..., parent, self]
   $firstHost: HTMLElement | null; // Top-most SWC ancestor
   $lastHost: HTMLElement | null; // Same as $parentHost (for backward compatibility or clarity)
   $appHost: SwcAppInterface | null;

package/src/utils/TemplateUtils.ts

@@ -0,0 +1,83 @@
+export interface CreateElementInfo {
+  tagName: string;
+  innerHtml?: string;
+}
+
+export namespace TemplateUtils {
+  /**
+   * Tagged template function to create a DocumentFragment from HTML string.
+   */
+  export const htmlFragment = (strings: TemplateStringsArray, ...values: any[]): DocumentFragment => {
+    const raw = strings.reduce((acc, str, i) => acc + str + (values[i] !== undefined ? values[i] : ''), '');
+    const template = document.createElement('template');
+    template.innerHTML = raw.trim();
+    return template.content;
+  };
+
+  /**
+   * Tagged template function to create a Text node from string.
+   */
+  export const textNode = (strings: TemplateStringsArray, ...values: any[]): Text => {
+    const raw = strings.reduce((acc, str, i) => acc + str + (values[i] !== undefined ? values[i] : ''), '');
+    return document.createTextNode(raw);
+  };
+
+  /**
+   * Generic element creator using a configuration object and attribute map.
+   */
+  export const createElement = <T extends HTMLElement>(info: CreateElementInfo, attrs: Record<string, any> = {}): T => {
+    const el = document.createElement(info.tagName) as T;
+    if (info.innerHtml !== undefined) el.innerHTML = info.innerHtml;
+    Object.entries(attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+    return el;
+  };
+
+  /**
+   * Internal factory to create tagged template functions for specific HTML elements.
+   */
+  const createTagFunction = <T extends HTMLElement>(tagName: string) => {
+    return (strings: TemplateStringsArray, ...values: any[]): T => {
+      const el = document.createElement(tagName) as T;
+      el.innerHTML = strings.reduce((acc, str, i) => acc + str + (values[i] !== undefined ? values[i] : ''), '');
+      return el;
+    };
+  };
+
+  // Specific Element Factories
+  export const htmlDivElement = createTagFunction<HTMLDivElement>('div');
+  export const htmlSpanElement = createTagFunction<HTMLSpanElement>('span');
+  export const htmlButtonElement = createTagFunction<HTMLButtonElement>('button');
+  export const htmlUlElement = createTagFunction<HTMLUListElement>('ul');
+  export const htmlLiElement = createTagFunction<HTMLLIElement>('li');
+  export const htmlInputElement = createTagFunction<HTMLInputElement>('input');
+  export const htmlAElement = createTagFunction<HTMLAnchorElement>('a');
+  export const htmlPElement = createTagFunction<HTMLParagraphElement>('p');
+  export const htmlH1Element = createTagFunction<HTMLHeadingElement>('h1');
+  export const htmlH2Element = createTagFunction<HTMLHeadingElement>('h2');
+  export const htmlH3Element = createTagFunction<HTMLHeadingElement>('h3');
+  export const htmlH4Element = createTagFunction<HTMLHeadingElement>('h4');
+  export const htmlH5Element = createTagFunction<HTMLHeadingElement>('h5');
+  export const htmlH6Element = createTagFunction<HTMLHeadingElement>('h6');
+  export const htmlSectionElement = createTagFunction<HTMLElement>('section');
+  export const htmlArticleElement = createTagFunction<HTMLElement>('article');
+}
+
+export const htmlFragment = TemplateUtils.htmlFragment;
+export const textNode = TemplateUtils.textNode;
+export const createElement = TemplateUtils.createElement;
+export const htmlDivElement = TemplateUtils.htmlDivElement;
+export const htmlSpanElement = TemplateUtils.htmlSpanElement;
+export const htmlButtonElement = TemplateUtils.htmlButtonElement;
+export const htmlUlElement = TemplateUtils.htmlUlElement;
+export const htmlLiElement = TemplateUtils.htmlLiElement;
+export const htmlInputElement = TemplateUtils.htmlInputElement;
+export const htmlAElement = TemplateUtils.htmlAElement;
+export const htmlPElement = TemplateUtils.htmlPElement;
+export const htmlH1Element = TemplateUtils.htmlH1Element;
+export const htmlH2Element = TemplateUtils.htmlH2Element;
+export const htmlH3Element = TemplateUtils.htmlH3Element;
+export const htmlH4Element = TemplateUtils.htmlH4Element;
+export const htmlH5Element = TemplateUtils.htmlH5Element;
+export const htmlH6Element = TemplateUtils.htmlH6Element;
+export const htmlSectionElement = TemplateUtils.htmlSectionElement;
+export const htmlArticleElement = TemplateUtils.htmlArticleElement;

package/src/utils/Utils.ts

@@ -1,5 +1,5 @@
 import { SwcAppInterface, HostSet, HelperSet, HelperHostSet } from '../types';
-import { getElementConfig } from '../decorators/elementDefine';
+import {getElementConfig} from "../decorators";
 
 export const SWC_NOT_FOUND = Symbol('SWC_NOT_FOUND');
 
@@ -45,7 +45,9 @@ export namespace SwcUtils {
     if ((el as any).__swc_host) return (el as any).__swc_host;
 
     let current: any = el.parentElement || (el.getRootNode?.() as any)?.host;
-    while (current && current !== document && current !== window) {
+    const doc = el.ownerDocument;
+    const win = doc?.defaultView || ((typeof window !== 'undefined' ? window : undefined) as any);
+    while (current && current !== doc && current !== win) {
       if (current.__swc_host) return current.__swc_host;
       if (getElementConfig(current)) return current as HTMLElement;
       current = current.parentElement || (current.getRootNode?.() as any)?.host;
@@ -110,7 +112,8 @@ export namespace SwcUtils {
     // Collect loop contexts
     const loopContext: Record<string, any> = {};
     let curr: any = el;
-    while (curr && curr !== document.documentElement) {
+    const rootEl = el.ownerDocument?.documentElement;
+    while (curr && curr !== rootEl) {
       if (curr.__swc_loop_context) {
         Object.assign(loopContext, curr.__swc_loop_context);
       }

package/dist/cjs/decorators/innerHtml.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/decorators/innerHtml.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\n\nexport interface InnerHtmlOptions {\n  useShadow?: boolean;\n}\n\nexport interface InnerHtmlMetadata {\n  propertyKey: string | symbol;\n  options: InnerHtmlOptions;\n}\n\nexport const INNER_HTML_METADATA_KEY = Symbol('simple-web-component:inner-html');\n\nexport function innerHtml(options: InnerHtmlOptions): MethodDecorator;\nexport function innerHtml(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function innerHtml(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    // Used as @innerHtml\n    return decorator({}, arg1!, arg2);\n  }\n\n  // Used as @innerHtml(options)\n  return (target: Object, propertyKey: string | symbol) => {\n    decorator((arg1 as InnerHtmlOptions) || {}, target, propertyKey);\n  };\n}\n\nexport const getInnerHtmlMetadataList = (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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA6B;AAWtB,MAAM,0BAA0B,OAAO,iCAAiC;AAIxE,SAAS,UAAU,MAAkC,MAAwB,MAAmD;AACrI,QAAM,YAAY,CAAC,SAA2B,QAAgB,gBAAiC;AAC7F,UAAM,cAAc,OAAO;AAC3B,QAAI,OAAO,iCAAa,YAAiC,yBAAyB,WAAW;AAC7F,QAAI,CAAC,MAAM;AACT,aAAO,CAAC;AACR,uCAAa,eAAe,yBAAyB,MAAM,WAAW;AAAA,IACxE;AACA,SAAK,KAAK,EAAE,aAAa,QAAQ,CAAC;AAAA,EACpC;AAEA,MAAI,MAAM;AAER,WAAO,UAAU,CAAC,GAAG,MAAO,IAAI;AAAA,EAClC;AAGA,SAAO,CAAC,QAAgB,gBAAiC;AACvD,cAAW,QAA6B,CAAC,GAAG,QAAQ,WAAW;AAAA,EACjE;AACF;AAEO,MAAM,2BAA2B,CAAC,WAAiD;AACxF,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,iCAAa,YAAY,yBAAyB,WAAW;AACtE;",
-  "names": []
-}

package/dist/cjs/elements/SwcApp.js

@@ -1,55 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var SwcApp_exports = {};
-__export(SwcApp_exports, {
-  SwcApp: () => SwcApp
-});
-module.exports = __toCommonJS(SwcApp_exports);
-var import_elementDefine = require("../decorators/elementDefine");
-var import_SwcAppEngine = require("./SwcAppEngine");
-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;
-};
-let SwcApp = class SwcApp2 extends HTMLElement {
-  constructor() {
-    super(...arguments);
-    this._engine = new import_SwcAppEngine.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([
-  (0, import_elementDefine.elementDefine)({ name: "swc-app", extends: void 0 })
-], SwcApp);
-//# sourceMappingURL=SwcApp.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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,2BAA8B;AAC9B,0BAA6B;;;;;;;AAGtB,IAAM,SAAN,MAAMA,gBAAe,YAAW;EAAhC,cAAA;;AACG,SAAA,UAAU,IAAI,iCAAa,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;MADlB,oCAAc,EAAE,MAAM,WAAW,SAAS,OAAS,CAAE;GACzC,MAAM;",
-  "names": ["SwcApp"]
-}

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

@@ -1,55 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var SwcAppAnchor_exports = {};
-__export(SwcAppAnchor_exports, {
-  SwcAppAnchor: () => SwcAppAnchor
-});
-module.exports = __toCommonJS(SwcAppAnchor_exports);
-var import_elementDefine = require("../../decorators/elementDefine");
-var import_SwcAppEngine = require("../SwcAppEngine");
-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;
-};
-let SwcAppAnchor = class SwcAppAnchor2 extends HTMLAnchorElement {
-  constructor() {
-    super(...arguments);
-    this._engine = new import_SwcAppEngine.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([
-  (0, import_elementDefine.elementDefine)({ name: "swc-app-a", extends: "a" })
-], SwcAppAnchor);
-//# sourceMappingURL=SwcAppAnchor.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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,2BAA8B;AAC9B,0BAA6B;;;;;;;AAGtB,IAAM,eAAN,MAAMA,sBAAqB,kBAAiB;EAA5C,cAAA;;AACG,SAAA,UAAU,IAAI,iCAAa,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;MADxB,oCAAc,EAAE,MAAM,aAAa,SAAS,IAAG,CAAE;GACrC,YAAY;",
-  "names": ["SwcAppAnchor"]
-}

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

@@ -1,55 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var SwcAppArea_exports = {};
-__export(SwcAppArea_exports, {
-  SwcAppArea: () => SwcAppArea
-});
-module.exports = __toCommonJS(SwcAppArea_exports);
-var import_elementDefine = require("../../decorators/elementDefine");
-var import_SwcAppEngine = require("../SwcAppEngine");
-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;
-};
-let SwcAppArea = class SwcAppArea2 extends HTMLAreaElement {
-  constructor() {
-    super(...arguments);
-    this._engine = new import_SwcAppEngine.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([
-  (0, import_elementDefine.elementDefine)({ name: "swc-app-area", extends: "area" })
-], SwcAppArea);
-//# sourceMappingURL=SwcAppArea.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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,2BAA8B;AAC9B,0BAA6B;;;;;;;AAGtB,IAAM,aAAN,MAAMA,oBAAmB,gBAAe;EAAxC,cAAA;;AACG,SAAA,UAAU,IAAI,iCAAa,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;MADtB,oCAAc,EAAE,MAAM,gBAAgB,SAAS,OAAM,CAAE;GAC3C,UAAU;",
-  "names": ["SwcAppArea"]
-}

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

@@ -1,55 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var SwcAppAudio_exports = {};
-__export(SwcAppAudio_exports, {
-  SwcAppAudio: () => SwcAppAudio
-});
-module.exports = __toCommonJS(SwcAppAudio_exports);
-var import_elementDefine = require("../../decorators/elementDefine");
-var import_SwcAppEngine = require("../SwcAppEngine");
-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;
-};
-let SwcAppAudio = class SwcAppAudio2 extends HTMLAudioElement {
-  constructor() {
-    super(...arguments);
-    this._engine = new import_SwcAppEngine.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([
-  (0, import_elementDefine.elementDefine)({ name: "swc-app-audio", extends: "audio" })
-], SwcAppAudio);
-//# sourceMappingURL=SwcAppAudio.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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,2BAA8B;AAC9B,0BAA6B;;;;;;;AAGtB,IAAM,cAAN,MAAMA,qBAAoB,iBAAgB;EAA1C,cAAA;;AACG,SAAA,UAAU,IAAI,iCAAa,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;MADvB,oCAAc,EAAE,MAAM,iBAAiB,SAAS,QAAO,CAAE;GAC7C,WAAW;",
-  "names": ["SwcAppAudio"]
-}

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

@@ -1,55 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var SwcAppBase_exports = {};
-__export(SwcAppBase_exports, {
-  SwcAppBase: () => SwcAppBase
-});
-module.exports = __toCommonJS(SwcAppBase_exports);
-var import_elementDefine = require("../../decorators/elementDefine");
-var import_SwcAppEngine = require("../SwcAppEngine");
-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;
-};
-let SwcAppBase = class SwcAppBase2 extends HTMLBaseElement {
-  constructor() {
-    super(...arguments);
-    this._engine = new import_SwcAppEngine.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([
-  (0, import_elementDefine.elementDefine)({ name: "swc-app-base", extends: "base" })
-], SwcAppBase);
-//# sourceMappingURL=SwcAppBase.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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,2BAA8B;AAC9B,0BAA6B;;;;;;;AAGtB,IAAM,aAAN,MAAMA,oBAAmB,gBAAe;EAAxC,cAAA;;AACG,SAAA,UAAU,IAAI,iCAAa,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;MADtB,oCAAc,EAAE,MAAM,gBAAgB,SAAS,OAAM,CAAE;GAC3C,UAAU;",
-  "names": ["SwcAppBase"]
-}

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

@@ -1,55 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var SwcAppBody_exports = {};
-__export(SwcAppBody_exports, {
-  SwcAppBody: () => SwcAppBody
-});
-module.exports = __toCommonJS(SwcAppBody_exports);
-var import_elementDefine = require("../../decorators/elementDefine");
-var import_SwcAppEngine = require("../SwcAppEngine");
-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;
-};
-let SwcAppBody = class SwcAppBody2 extends HTMLBodyElement {
-  constructor() {
-    super(...arguments);
-    this._engine = new import_SwcAppEngine.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([
-  (0, import_elementDefine.elementDefine)({ name: "swc-app-body", extends: "body" })
-], SwcAppBody);
-//# sourceMappingURL=SwcAppBody.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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,2BAA8B;AAC9B,0BAA6B;;;;;;;AAGtB,IAAM,aAAN,MAAMA,oBAAmB,gBAAe;EAAxC,cAAA;;AACG,SAAA,UAAU,IAAI,iCAAa,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;MADtB,oCAAc,EAAE,MAAM,gBAAgB,SAAS,OAAM,CAAE;GAC3C,UAAU;",
-  "names": ["SwcAppBody"]
-}

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

@@ -1,55 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var SwcAppButton_exports = {};
-__export(SwcAppButton_exports, {
-  SwcAppButton: () => SwcAppButton
-});
-module.exports = __toCommonJS(SwcAppButton_exports);
-var import_elementDefine = require("../../decorators/elementDefine");
-var import_SwcAppEngine = require("../SwcAppEngine");
-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;
-};
-let SwcAppButton = class SwcAppButton2 extends HTMLButtonElement {
-  constructor() {
-    super(...arguments);
-    this._engine = new import_SwcAppEngine.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([
-  (0, import_elementDefine.elementDefine)({ name: "swc-app-button", extends: "button" })
-], SwcAppButton);
-//# sourceMappingURL=SwcAppButton.js.map