@dooboostore/simple-web-component 1.0.14 → 1.0.16

package/src/elements/is/SwcAppTitle.ts

@@ -0,0 +1,26 @@
+import { elementDefine } from '../../decorators/elementDefine';
+import { SwcAppEngine } from '../SwcAppEngine';
+
+@elementDefine({ name: 'swc-app-title', extends: 'title' })
+export class SwcAppTitle extends HTMLTitleElement {
+  private _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: string) {
+    await this._engine.router?.go(path);
+  }
+}

package/src/elements/is/SwcAppTrack.ts

@@ -0,0 +1,26 @@
+import { elementDefine } from '../../decorators/elementDefine';
+import { SwcAppEngine } from '../SwcAppEngine';
+
+@elementDefine({ name: 'swc-app-track', extends: 'track' })
+export class SwcAppTrack extends HTMLTrackElement {
+  private _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: string) {
+    await this._engine.router?.go(path);
+  }
+}

package/src/elements/is/SwcAppUl.ts

@@ -0,0 +1,26 @@
+import { elementDefine } from '../../decorators/elementDefine';
+import { SwcAppEngine } from '../SwcAppEngine';
+
+@elementDefine({ name: 'swc-app-ul', extends: 'ul' })
+export class SwcAppUl extends HTMLUListElement {
+  private _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: string) {
+    await this._engine.router?.go(path);
+  }
+}

package/src/elements/is/SwcAppVideo.ts

@@ -0,0 +1,26 @@
+import { elementDefine } from '../../decorators/elementDefine';
+import { SwcAppEngine } from '../SwcAppEngine';
+
+@elementDefine({ name: 'swc-app-video', extends: 'video' })
+export class SwcAppVideo extends HTMLVideoElement {
+  private _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: string) {
+    await this._engine.router?.go(path);
+  }
+}

package/src/elements/is/index.ts

@@ -0,0 +1,57 @@
+export * from './SwcAppAnchor';
+export * from './SwcAppArea';
+export * from './SwcAppAudio';
+export * from './SwcAppBase';
+export * from './SwcAppButton';
+export * from './SwcAppCanvas';
+export * from './SwcAppData';
+export * from './SwcAppDataList';
+export * from './SwcAppDetails';
+export * from './SwcAppDialog';
+export * from './SwcAppDiv';
+export * from './SwcAppDl';
+export * from './SwcAppEmbed';
+export * from './SwcAppFieldSet';
+export * from './SwcAppForm';
+export * from './SwcAppHr';
+export * from './SwcAppIFrame';
+export * from './SwcAppImage';
+export * from './SwcAppInput';
+export * from './SwcAppLabel';
+export * from './SwcAppLegend';
+export * from './SwcAppLi';
+export * from './SwcAppLink';
+export * from './SwcAppMap';
+export * from './SwcAppMeta';
+export * from './SwcAppMeter';
+export * from './SwcAppMod';
+export * from './SwcAppObject';
+export * from './SwcAppOl';
+export * from './SwcAppOptGroup';
+export * from './SwcAppOption';
+export * from './SwcAppOutput';
+export * from './SwcAppParagraph';
+export * from './SwcAppParam';
+export * from './SwcAppPicture';
+export * from './SwcAppPre';
+export * from './SwcAppProgress';
+export * from './SwcAppQuote';
+export * from './SwcAppScript';
+export * from './SwcAppSelect';
+export * from './SwcAppSlot';
+export * from './SwcAppSource';
+export * from './SwcAppSpan';
+export * from './SwcAppStyle';
+export * from './SwcAppTable';
+export * from './SwcAppTableSection';
+export * from './SwcAppTableCell';
+export * from './SwcAppTemplate';
+export * from './SwcAppTextArea';
+export * from './SwcAppTime';
+export * from './SwcAppTitle';
+export * from './SwcAppTableRow';
+export * from './SwcAppTrack';
+export * from './SwcAppUl';
+export * from './SwcAppVideo';
+export * from './SwcAppHeading';
+export * from './SwcAppBody';

package/src/index.ts

@@ -1,6 +1,21 @@
 import 'reflect-metadata';
-export * from './decorators';
-export * from './elements/base';
-export * from './elements/apps';
-export * from './elements';
+
+// Decorators
+export * from './decorators/elementDefine';
+export * from './decorators/setAttribute';
+export * from './decorators/changedAttribute';
+export * from './decorators/innerHtml';
+export * from './decorators/emitCustomEvent';
+export * from './decorators/lifecycles';
+export * from './decorators/query';
+export * from './decorators/queryAll';
+export * from './decorators/addEventListener';
+
+// Types
+export * from './types';
+
+// Apps (Customized Built-in Elements)
+export * from './elements/is';
+
+// Utilities
 export * from './utils/Utils';

package/src/types.ts

@@ -0,0 +1,33 @@
+import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
+import { Router } from '@dooboostore/core-web/routers/Router';
+
+export enum InjectSituationType {
+  HOST_SET = 'SIMPLE_WEB_COMPONENT://HOSTSET',
+  APP_HOST = 'SIMPLE_WEB_COMPONENT://APPHOST',
+  APP_HOSTS = 'SIMPLE_WEB_COMPONENT://APPHOSTS',
+  HOST = 'SIMPLE_WEB_COMPONENT://HOST',
+  PARENT_HOST = 'SIMPLE_WEB_COMPONENT://PARENTHOST',
+  HOSTS = 'SIMPLE_WEB_COMPONENT://HOSTS',
+  FIRST_HOST = 'SIMPLE_WEB_COMPONENT://FIRSTHOST',
+  LAST_HOST = 'SIMPLE_WEB_COMPONENT://LASTHOST',
+  FIRST_APP_HOST = 'SIMPLE_WEB_COMPONENT://FIRSTAPPHOST',
+  LAST_APP_HOST = 'SIMPLE_WEB_COMPONENT://LASTAPPHOST'
+}
+
+export type HostSet = {
+  $host: HTMLElement; // Current component itself
+  $parentHost: HTMLElement | null; // Nearest parent SWC component
+  $hosts: HTMLElement[]; // [self, parent, ..., top]
+  $firstHost: HTMLElement | null; // Top-most SWC ancestor
+  $lastHost: HTMLElement | null; // Same as $parentHost (for backward compatibility or clarity)
+  $appHost: SwcAppInterface | null;
+  $appHosts: SwcAppInterface[];
+  $firstAppHost: SwcAppInterface | null;
+  $lastAppHost: SwcAppInterface | null;
+};
+
+export interface SwcAppInterface extends HTMLElement {
+  simpleApplication?: SimpleApplication;
+  router?: Router;
+  routing(path: string): Promise<void>;
+}

package/src/utils/Utils.ts

@@ -1,4 +1,5 @@
-import { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../elements/SwcInterfaces';
+import { SwcAppInterface, HostSet } from '../types';
+import { getElementConfig } from '../decorators/elementDefine';
 
 export const SWC_NOT_FOUND = Symbol('SWC_NOT_FOUND');
 
@@ -7,177 +8,45 @@ export class SwcUtils {
     if (!obj || !path) return SWC_NOT_FOUND;
 
     const parts = path.split('.');
+    let current = obj;
 
-    // 1. If the path starts with the rootName (alias), strip it and resolve within obj
-    if (parts[0] === rootName && parts.length > 1) {
-      const subParts = parts.slice(1);
-      let subResult = obj;
-      for (const part of subParts) {
-        if (subResult === null || typeof subResult !== 'object' || !(part in subResult)) return SWC_NOT_FOUND;
-        subResult = subResult[part];
-      }
-      return subResult;
-    }
-
-    // 2. Fallback: resolve directly on obj (standard behavior)
-    let result = obj;
     for (const part of parts) {
-      if (result === null || typeof result !== 'object' || !(part in result)) {
-        return SWC_NOT_FOUND;
-      }
-      result = result[part];
-    }
-
-    // Safety: don't return the instance itself or a DOM element as a template value
-    if (result !== obj && !(result instanceof HTMLElement)) {
-      return result;
+      if (current === null || current === undefined) return SWC_NOT_FOUND;
+      current = current[part];
     }
-
-    return SWC_NOT_FOUND;
+    return current;
   }
 
-  static evalExpression(expr: string, context: Record<string, any>): any {
-    try {
-      const keys = Object.keys(context);
-      const values = Object.values(context);
-      // eslint-disable-next-line no-new-func
-      return new Function(...keys, `return (${expr})`).apply(null, values);
-    } catch {
-      return SWC_NOT_FOUND;
-    }
-  }
+  static findNearestSwcHost(el: HTMLElement | Node): HTMLElement | undefined {
+    let current: any = el instanceof Node && !(el instanceof HTMLElement) ? (el as any).host : el;
+    current = current?.parentElement || (current?.getRootNode() as any)?.host;
 
-  static applyData(
-    node: Node,
-    data: any,
-    options: {
-      asKey: string;
-      asIndexKey: string;
-      index?: number;
-      hostContext?: Record<string, any>;
-    }
-  ) {
-    const { asKey, asIndexKey, index, hostContext } = options;
-    const context: Record<string, any> = {};
-    if (index !== undefined) {
-      context[asIndexKey] = index;
+    while (current) {
+      if (getElementConfig(current)) return current as HTMLElement;
+      current = current.parentElement || (current?.getRootNode() as any)?.host;
     }
-    if (data !== null && data !== undefined) {
-      context[asKey] = data;
-      context['value'] = data; // Always provide 'value' as well
-    }
-    const fullContext: Record<string, any> = { ...(hostContext || {}), ...context };
-
-    const resolveExpr = (expr: string, match: string): string => {
-      expr = expr.trim();
-      // 1. Local path resolve
-      const simpleVal = SwcUtils.getValueByPath(data, expr, asKey);
-      if (simpleVal !== SWC_NOT_FOUND && typeof simpleVal !== 'symbol') {
-        return simpleVal === null || simpleVal === undefined ? '' : String(simpleVal);
-      }
-      // 2. Full context eval (alias, host states, etc.)
-      const exprVal = SwcUtils.evalExpression(expr, fullContext);
-      if (exprVal !== SWC_NOT_FOUND && typeof exprVal !== 'symbol') {
-        return exprVal === null || exprVal === undefined ? '' : String(exprVal);
-      }
-      return match;
-    };
-
-    const walk = (n: Node) => {
-      if (n.nodeType === Node.TEXT_NODE) {
-        if (!(n as any)._original) (n as any)._original = n.textContent;
-        let text = (n as any)._original;
-        text = text.replace(/{{(.*?)}}/g, (match: string, path: string) => {
-          return resolveExpr(path, match);
-        });
-        if (n.textContent !== text) n.textContent = text;
-      } else if (n.nodeType === Node.ELEMENT_NODE) {
-        const el = n as HTMLElement;
-        Array.from(el.attributes).forEach(a => {
-          if (!(a as any)._original) (a as any)._original = a.value;
-          let val = (a as any)._original;
-          val = val.replace(/{{(.*?)}}/g, (match: string, path: string) => {
-            return resolveExpr(path, match);
-          });
-          if (a.value !== val) a.value = val;
-        });
-        el.childNodes.forEach(walk);
-      }
-    };
-    walk(node);
-  }
-
-  static createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {
-    const makeRecursiveProxy = (obj: any): any => {
-      if (typeof obj !== 'object' || obj === null || obj instanceof Node) return obj;
-      if ((obj as any).__swc_is_proxy) return obj;
-
-      const IS_PROXY_KEY = '__swc_is_proxy';
-
-      const proxy = new Proxy(obj, {
-        get: (t, prop) => {
-          if (prop === IS_PROXY_KEY) return true;
-          if (typeof prop === 'symbol') return t[prop];
-          return t[prop];
-        },
-        set: (t, prop, val) => {
-          if (prop === IS_PROXY_KEY) return true;
-          if (typeof prop === 'symbol') {
-            t[prop] = val;
-            return true;
-          }
-          const oldVal = t[prop];
-          if (oldVal === val) return true;
-          t[prop] = makeRecursiveProxy(val);
-          const isIndex = !isNaN(Number(prop)) && Array.isArray(t);
-          if (isIndex && onIndexChange) {
-            onIndexChange(Number(prop), val);
-          } else {
-            onChange();
-          }
-          return true;
-        },
-        deleteProperty: (t, prop) => {
-          delete t[prop];
-          onChange();
-          return true;
-        }
-      });
-      return proxy;
-    };
-
-    return makeRecursiveProxy(target);
-  }
-
-  static findNearestSwcHost(el: HTMLElement | Node): any {
-    const hosts = this.findAllSwcHosts(el);
-    return hosts.length > 0 ? hosts[hosts.length - 1] : null;
+    return undefined;
   }
 
-  static findAllSwcHosts(el: HTMLElement | Node): any[] {
-    const hosts: any[] = [];
-    let curr: any = el instanceof Node && !(el instanceof HTMLElement) ? (el as any).host : el;
-    curr = curr?.parentElement || (curr?.getRootNode() as any)?.host;
-
-    while (curr) {
-      if (curr._swcId) hosts.push(curr);
-      curr = curr.parentElement || (curr?.getRootNode() as any)?.host;
+  /**
+   * Returns all SWC ancestors (excluding self) in [root, ..., parent] order.
+   */
+  static findAllSwcHosts(el: HTMLElement | Node): HTMLElement[] {
+    const hosts: HTMLElement[] = [];
+    let current = this.findNearestSwcHost(el);
+    while (current) {
+      hosts.push(current);
+      current = this.findNearestSwcHost(current);
     }
     return hosts.reverse();
   }
 
-  static getHosts(el: HTMLElement): SwcHTMLElementInterface[] {
-    return this.findAllSwcHosts(el);
-  }
-
-  static getHost(el: HTMLElement): SwcHTMLElementInterface | undefined {
-    const hosts = this.getHosts(el);
-    return hosts.length > 0 ? hosts[hosts.length - 1] : undefined;
+  static getHosts(el: HTMLElement): HTMLElement[] {
+    return [...this.findAllSwcHosts(el), el];
   }
 
-  static getFirstHost(el: HTMLElement): SwcHTMLElementInterface | undefined {
-    const hosts = this.getHosts(el);
-    return hosts.length > 0 ? hosts[0] : undefined;
+  static getHost(el: HTMLElement): HTMLElement | undefined {
+    return el;
   }
 
   static getAppHosts(el: HTMLElement): SwcAppInterface[] {
@@ -187,37 +56,32 @@ export class SwcUtils {
 
   static getAppHost(el: HTMLElement): SwcAppInterface | undefined {
     const appHosts = this.getAppHosts(el);
-    return appHosts.length > 0 ? appHosts[appHosts.length - 1] : undefined;
-  }
-
-  static getFirstAppHost(el: HTMLElement): SwcAppInterface | undefined {
-    const appHosts = this.getAppHosts(el);
-    return appHosts.length > 0 ? appHosts[0] : undefined;
-  }
-
-  static getLastAppHost(el: HTMLElement): SwcAppInterface | undefined {
-    return this.getAppHost(el);
+    const appHostsWithoutSelf = appHosts.filter(h => h !== el);
+    // Nearest app host is the last one in [root, ..., parent]
+    return appHostsWithoutSelf.length > 0 ? appHostsWithoutSelf[appHostsWithoutSelf.length - 1] : undefined;
   }
 
   static getHostSet(el: HTMLElement): HostSet {
-    const $hosts = this.getHosts(el);
-    const $appHosts = this.getAppHosts(el);
-
-    const $firstHost = $hosts[0] || null;
-    const $lastHost = $hosts[$hosts.length - 1] || null;
+    const ancestors = this.findAllSwcHosts(el); // [root, ..., parent]
+    const $host = el;
+    const $hosts = [...ancestors, $host]; // [root, ..., parent, self]
+    const $parentHost = ancestors.length > 0 ? ancestors[ancestors.length - 1] : null;
+    const $firstHost = ancestors.length > 0 ? ancestors[0] : null;
 
-    const $firstAppHost = $appHosts[0] || null;
-    const $lastAppHost = $appHosts[$appHosts.length - 1] || null;
+    const $appHosts = $hosts.filter(h => h.tagName.toLowerCase() === 'swc-app' || h.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface[];
+    const $appHost = $appHosts.length > 0 ? ($appHosts[$appHosts.length - 1] === el ? ($appHosts.length > 1 ? $appHosts[$appHosts.length - 2] : null) : $appHosts[$appHosts.length - 1]) : null;
+    const $firstAppHost = $appHosts.length > 0 ? $appHosts[0] : null;
 
     return {
-      $host: $lastHost,
+      $host,
+      $parentHost,
       $hosts,
       $firstHost,
-      $lastHost,
-      $appHost: $lastAppHost,
+      $lastHost: $parentHost,
+      $appHost,
       $appHosts,
       $firstAppHost,
-      $lastAppHost
+      $lastAppHost: $appHost
     };
   }
 }

package/dist/cjs/decorators/attribute.js

@@ -1,88 +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 attribute_exports = {};
-__export(attribute_exports, {
-  ATTRIBUTE_METADATA_KEY: () => ATTRIBUTE_METADATA_KEY,
-  attribute: () => attribute,
-  getAttributeMetadataList: () => getAttributeMetadataList
-});
-module.exports = __toCommonJS(attribute_exports);
-var import_ReflectUtils = require("@dooboostore/core/reflect/ReflectUtils");
-const ATTRIBUTE_METADATA_KEY = Symbol("simple-web-component:attribute");
-function attribute(arg1, arg2) {
-  const decorator = (options, target, propertyKey) => {
-    const constructor = target.constructor;
-    if (!options.name) options.name = String(propertyKey);
-    if (!options.type) options.type = String;
-    if (options.disableReflect === void 0) options.disableReflect = false;
-    let list = import_ReflectUtils.ReflectUtils.getMetadata(ATTRIBUTE_METADATA_KEY, constructor);
-    if (!list) {
-      list = [];
-      import_ReflectUtils.ReflectUtils.defineMetadata(ATTRIBUTE_METADATA_KEY, list, constructor);
-    }
-    list.push({ propertyKey, options });
-    const internalKey = Symbol(String(propertyKey));
-    Object.defineProperty(target, propertyKey, {
-      get() {
-        return this[internalKey];
-      },
-      set(val) {
-        const oldVal = this[internalKey];
-        if (oldVal === val) return;
-        let convertedVal = val;
-        if (options.type === Number) convertedVal = Number(val);
-        else if (options.type === Boolean) convertedVal = Boolean(val);
-        else if (options.type === Object && typeof val === "string") {
-          try {
-            convertedVal = JSON.parse(val);
-          } catch (e) {
-            convertedVal = val;
-          }
-        }
-        this[internalKey] = convertedVal;
-        if (typeof this._updateState === "function") {
-          this._updateState(options.name);
-        }
-        if (!options.disableReflect && this.setAttribute) {
-          if (convertedVal === null || convertedVal === void 0 || convertedVal === false) {
-            this.removeAttribute(options.name);
-          } else {
-            const attrVal = typeof convertedVal === "object" ? JSON.stringify(convertedVal) : String(convertedVal);
-            if (this.getAttribute(options.name) !== attrVal) {
-              this.setAttribute(options.name, attrVal);
-            }
-          }
-        }
-      },
-      enumerable: true,
-      configurable: true
-    });
-  };
-  if (arg1 && typeof arg2 === "string") {
-    return decorator({}, arg1, arg2);
-  }
-  return (target, propertyKey) => {
-    const options = typeof arg1 === "string" ? { name: arg1 } : arg1 || {};
-    decorator(options, target, propertyKey);
-  };
-}
-const getAttributeMetadataList = (target) => {
-  const constructor = target instanceof Function ? target : target.constructor;
-  return import_ReflectUtils.ReflectUtils.getMetadata(ATTRIBUTE_METADATA_KEY, constructor);
-};
-//# sourceMappingURL=attribute.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/decorators/attribute.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\n\nexport interface AttributeOptions {\n  name?: string;\n  type?: any; // String, Number, Boolean, Object\n  disableReflect?: boolean; // Default is false (reflect is enabled by default)\n}\n\nexport interface AttributeMetadata {\n  propertyKey: string | symbol;\n  options: AttributeOptions;\n}\n\nexport const ATTRIBUTE_METADATA_KEY = Symbol('simple-web-component:attribute');\n\nexport function attribute(nameOrOptions?: string | AttributeOptions): PropertyDecorator;\nexport function attribute(target: Object, propertyKey: string | symbol): void;\nexport function attribute(arg1?: string | AttributeOptions | Object, arg2?: string | symbol): any {\n  const decorator = (options: AttributeOptions, target: Object, propertyKey: string | symbol) => {\n    const constructor = target.constructor;\n    if (!options.name) options.name = String(propertyKey);\n    if (!options.type) options.type = String;\n    if (options.disableReflect === undefined) options.disableReflect = false;\n\n    let list = ReflectUtils.getMetadata<AttributeMetadata[]>(ATTRIBUTE_METADATA_KEY, constructor);\n    if (!list) {\n      list = [];\n      ReflectUtils.defineMetadata(ATTRIBUTE_METADATA_KEY, list, constructor);\n    }\n    list.push({ propertyKey, options });\n\n    // Define getter and setter for the property\n    const internalKey = Symbol(String(propertyKey));\n    Object.defineProperty(target, propertyKey, {\n      get(this: any) {\n        return this[internalKey];\n      },\n      set(this: any, val: any) {\n        const oldVal = this[internalKey];\n        if (oldVal === val) return;\n\n        // Type conversion\n        let convertedVal = val;\n        if (options.type === Number) convertedVal = Number(val);\n        else if (options.type === Boolean) convertedVal = Boolean(val);\n        else if (options.type === Object && typeof val === 'string') {\n          try {\n            convertedVal = JSON.parse(val);\n          } catch (e) {\n            convertedVal = val;\n          }\n        }\n\n        this[internalKey] = convertedVal;\n\n        // Surgical Update Trigger\n        if (typeof (this as any)._updateState === 'function') {\n          (this as any)._updateState(options.name);\n        }\n\n        // Reflection\n        if (!options.disableReflect && this.setAttribute) {\n          if (convertedVal === null || convertedVal === undefined || convertedVal === false) {\n            this.removeAttribute(options.name!);\n          } else {\n            const attrVal = typeof convertedVal === 'object' ? JSON.stringify(convertedVal) : String(convertedVal);\n            if (this.getAttribute(options.name!) !== attrVal) {\n              this.setAttribute(options.name!, attrVal);\n            }\n          }\n        }\n      },\n      enumerable: true,\n      configurable: true\n    });\n  };\n\n  // Case: @attribute (parameterless decorator)\n  if (arg1 && typeof arg2 === 'string') {\n    return decorator({}, arg1 as Object, arg2 as string | symbol);\n  }\n\n  // Case: @attribute('name') or @attribute({ ... })\n  return (target: Object, propertyKey: string | symbol) => {\n    const options: AttributeOptions = typeof arg1 === 'string' ? { name: arg1 } : (arg1 as AttributeOptions) || {};\n    decorator(options, target, propertyKey);\n  };\n}\n\nexport const getAttributeMetadataList = (target: any): AttributeMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(ATTRIBUTE_METADATA_KEY, constructor);\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA6B;AAatB,MAAM,yBAAyB,OAAO,gCAAgC;AAItE,SAAS,UAAU,MAA2C,MAA6B;AAChG,QAAM,YAAY,CAAC,SAA2B,QAAgB,gBAAiC;AAC7F,UAAM,cAAc,OAAO;AAC3B,QAAI,CAAC,QAAQ,KAAM,SAAQ,OAAO,OAAO,WAAW;AACpD,QAAI,CAAC,QAAQ,KAAM,SAAQ,OAAO;AAClC,QAAI,QAAQ,mBAAmB,OAAW,SAAQ,iBAAiB;AAEnE,QAAI,OAAO,iCAAa,YAAiC,wBAAwB,WAAW;AAC5F,QAAI,CAAC,MAAM;AACT,aAAO,CAAC;AACR,uCAAa,eAAe,wBAAwB,MAAM,WAAW;AAAA,IACvE;AACA,SAAK,KAAK,EAAE,aAAa,QAAQ,CAAC;AAGlC,UAAM,cAAc,OAAO,OAAO,WAAW,CAAC;AAC9C,WAAO,eAAe,QAAQ,aAAa;AAAA,MACzC,MAAe;AACb,eAAO,KAAK,WAAW;AAAA,MACzB;AAAA,MACA,IAAe,KAAU;AACvB,cAAM,SAAS,KAAK,WAAW;AAC/B,YAAI,WAAW,IAAK;AAGpB,YAAI,eAAe;AACnB,YAAI,QAAQ,SAAS,OAAQ,gBAAe,OAAO,GAAG;AAAA,iBAC7C,QAAQ,SAAS,QAAS,gBAAe,QAAQ,GAAG;AAAA,iBACpD,QAAQ,SAAS,UAAU,OAAO,QAAQ,UAAU;AAC3D,cAAI;AACF,2BAAe,KAAK,MAAM,GAAG;AAAA,UAC/B,SAAS,GAAG;AACV,2BAAe;AAAA,UACjB;AAAA,QACF;AAEA,aAAK,WAAW,IAAI;AAGpB,YAAI,OAAQ,KAAa,iBAAiB,YAAY;AACpD,UAAC,KAAa,aAAa,QAAQ,IAAI;AAAA,QACzC;AAGA,YAAI,CAAC,QAAQ,kBAAkB,KAAK,cAAc;AAChD,cAAI,iBAAiB,QAAQ,iBAAiB,UAAa,iBAAiB,OAAO;AACjF,iBAAK,gBAAgB,QAAQ,IAAK;AAAA,UACpC,OAAO;AACL,kBAAM,UAAU,OAAO,iBAAiB,WAAW,KAAK,UAAU,YAAY,IAAI,OAAO,YAAY;AACrG,gBAAI,KAAK,aAAa,QAAQ,IAAK,MAAM,SAAS;AAChD,mBAAK,aAAa,QAAQ,MAAO,OAAO;AAAA,YAC1C;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,MACA,YAAY;AAAA,MACZ,cAAc;AAAA,IAChB,CAAC;AAAA,EACH;AAGA,MAAI,QAAQ,OAAO,SAAS,UAAU;AACpC,WAAO,UAAU,CAAC,GAAG,MAAgB,IAAuB;AAAA,EAC9D;AAGA,SAAO,CAAC,QAAgB,gBAAiC;AACvD,UAAM,UAA4B,OAAO,SAAS,WAAW,EAAE,MAAM,KAAK,IAAK,QAA6B,CAAC;AAC7G,cAAU,SAAS,QAAQ,WAAW;AAAA,EACxC;AACF;AAEO,MAAM,2BAA2B,CAAC,WAAiD;AACxF,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,iCAAa,YAAY,wBAAwB,WAAW;AACrE;",
-  "names": []
-}

package/dist/cjs/decorators/state.js

@@ -1,50 +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 state_exports = {};
-__export(state_exports, {
-  STATE_METADATA_KEY: () => STATE_METADATA_KEY,
-  getStateMetadataList: () => getStateMetadataList,
-  state: () => state
-});
-module.exports = __toCommonJS(state_exports);
-var import_ReflectUtils = require("@dooboostore/core/reflect/ReflectUtils");
-const STATE_METADATA_KEY = Symbol("simple-web-component:state");
-function state(arg1, arg2) {
-  const decorator = (options, target, propertyKey) => {
-    const constructor = target.constructor;
-    if (!options.name) options.name = String(propertyKey);
-    let list = import_ReflectUtils.ReflectUtils.getMetadata(STATE_METADATA_KEY, constructor);
-    if (!list) {
-      list = [];
-      import_ReflectUtils.ReflectUtils.defineMetadata(STATE_METADATA_KEY, list, constructor);
-    }
-    list.push({ propertyKey, options });
-  };
-  if (arg2) {
-    return decorator({}, arg1, arg2);
-  }
-  return (target, propertyKey) => {
-    const options = typeof arg1 === "string" ? { name: arg1 } : arg1 || {};
-    decorator(options, target, propertyKey);
-  };
-}
-const getStateMetadataList = (target) => {
-  const constructor = target instanceof Function ? target : target.constructor;
-  return import_ReflectUtils.ReflectUtils.getMetadata(STATE_METADATA_KEY, constructor);
-};
-//# sourceMappingURL=state.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/decorators/state.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\n\nexport interface StateOptions {\n  name?: string;\n}\n\nexport interface StateMetadata {\n  propertyKey: string | symbol;\n  options: StateOptions;\n}\n\nexport const STATE_METADATA_KEY = Symbol('simple-web-component:state');\n\nexport function state(nameOrOptions?: string | StateOptions): PropertyDecorator;\nexport function state(target: Object, propertyKey: string | symbol): void;\nexport function state(arg1?: string | StateOptions | Object, arg2?: string | symbol): PropertyDecorator | void {\n  const decorator = (options: StateOptions, target: Object, propertyKey: string | symbol) => {\n    const constructor = target.constructor;\n    if (!options.name) options.name = String(propertyKey);\n\n    let list = ReflectUtils.getMetadata<StateMetadata[]>(STATE_METADATA_KEY, constructor);\n    if (!list) {\n      list = [];\n      ReflectUtils.defineMetadata(STATE_METADATA_KEY, list, constructor);\n    }\n    list.push({ propertyKey, options });\n  };\n\n  if (arg2) {\n    // Used as @state\n    return decorator({}, arg1!, arg2);\n  }\n\n  // Used as @state(options)\n  return (target: Object, propertyKey: string | symbol) => {\n    const options: StateOptions = typeof arg1 === 'string' ? { name: arg1 } : (arg1 as StateOptions) || {};\n    decorator(options, target, propertyKey);\n  };\n}\n\nexport const getStateMetadataList = (target: any): StateMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(STATE_METADATA_KEY, constructor);\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA6B;AAWtB,MAAM,qBAAqB,OAAO,4BAA4B;AAI9D,SAAS,MAAM,MAAuC,MAAkD;AAC7G,QAAM,YAAY,CAAC,SAAuB,QAAgB,gBAAiC;AACzF,UAAM,cAAc,OAAO;AAC3B,QAAI,CAAC,QAAQ,KAAM,SAAQ,OAAO,OAAO,WAAW;AAEpD,QAAI,OAAO,iCAAa,YAA6B,oBAAoB,WAAW;AACpF,QAAI,CAAC,MAAM;AACT,aAAO,CAAC;AACR,uCAAa,eAAe,oBAAoB,MAAM,WAAW;AAAA,IACnE;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,UAAM,UAAwB,OAAO,SAAS,WAAW,EAAE,MAAM,KAAK,IAAK,QAAyB,CAAC;AACrG,cAAU,SAAS,QAAQ,WAAW;AAAA,EACxC;AACF;AAEO,MAAM,uBAAuB,CAAC,WAA6C;AAChF,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,iCAAa,YAAY,oBAAoB,WAAW;AACjE;",
-  "names": []
-}