@dooboostore/simple-web-component 1.0.13 → 1.0.15

package/src/router/ElementRouter.ts

@@ -0,0 +1,187 @@
+import { ChangeStateConfig, ChangeStateResult, RouteAction, Router, RouterConfig, RouterMethodOptions } from '@dooboostore/core-web/routers/Router';
+import { UrlUtils } from '@dooboostore/core/url/UrlUtils';
+
+export class ElementRouter extends Router {
+  private _history: { url: string; data: any; title?: string }[] = [];
+  private _currentIndex = -1;
+
+  constructor(config: RouterConfig) {
+    // Router 부모 클래스가 생성자에서 go()를 호출하여 초기화되지 않은 필드에 접근하는 것을 방지하기 위해
+    // firstUrl을 제거하고 넘긴 뒤 자식에서 수동 처리합니다.
+    const { firstUrl, ...rest } = config;
+    super(rest);
+
+    const startUrl = firstUrl ?? '/';
+    this._history = [{ url: startUrl, data: null }];
+    this._currentIndex = 0;
+
+    if (firstUrl) {
+      this.replace(firstUrl, { config: { noEventAndPublish: true } });
+    }
+  }
+
+  // Override pushState to manage internal history
+  pushState(data: any, title: string | undefined, path: string, config?: ChangeStateConfig): ChangeStateResult {
+    const behaviorSubject = (this as any).behaviorSubject;
+    if (!config?.noEventAndPublish && behaviorSubject) {
+      behaviorSubject.next({ ...this.getRouteData({ pathOrUrl: path }), triggerPoint: 'start' });
+    }
+
+    // Ensure _history is initialized (defense for super calls)
+    if (!this._history) this._history = [];
+
+    this._history = this._history.slice(0, this._currentIndex + 1);
+    this._history.push({ url: path, data, title });
+    this._currentIndex++;
+
+    if (!config?.noEventAndPublish && behaviorSubject) {
+      behaviorSubject.next({ ...this.getRouteData({ pathOrUrl: path }), triggerPoint: 'end' });
+    }
+    return { data };
+  }
+
+  // Override replaceState to manage internal history
+  replaceState(data: any, title: string | undefined, path: string, config?: ChangeStateConfig): ChangeStateResult {
+    const behaviorSubject = (this as any).behaviorSubject;
+    if (!config?.noEventAndPublish && behaviorSubject) {
+      behaviorSubject.next({ ...this.getRouteData({ pathOrUrl: path }), triggerPoint: 'start' });
+    }
+
+    if (!this._history) this._history = [];
+    if (this._currentIndex === -1) {
+      this._history.push({ url: path, data, title });
+      this._currentIndex = 0;
+    } else {
+      this._history[this._currentIndex] = { url: path, data, title };
+    }
+
+    if (!config?.noEventAndPublish && behaviorSubject) {
+      behaviorSubject.next({ ...this.getRouteData({ pathOrUrl: path }), triggerPoint: 'end' });
+    }
+    return { data };
+  }
+
+  push(path: RouteAction, state?: RouterMethodOptions): void {
+    this.pushState(state?.data, state?.title, this.toUrl(path), state?.config);
+  }
+
+  replace(path: RouteAction, state?: RouterMethodOptions): void {
+    this.replaceState(state?.data, state?.title, this.toUrl(path), state?.config);
+  }
+
+  back(config?: ChangeStateConfig): void {
+    if (this._currentIndex > 0) {
+      this.go(-1, config);
+    }
+  }
+
+  forward(config?: ChangeStateConfig): void {
+    if (this._currentIndex < this._history.length - 1) {
+      this.go(1, config);
+    }
+  }
+
+  go(i: number, config?: ChangeStateConfig): void;
+  async go(config: string | { path: RouteAction; state?: RouterMethodOptions; replace?: boolean; scrollToTop?: boolean }): Promise<void>;
+  go(config: number | string | { path: RouteAction; state?: RouterMethodOptions; replace?: boolean; scrollToTop?: boolean }, changeStateConfig?: ChangeStateConfig): Promise<void> | void {
+    if (typeof config === 'number') {
+      const targetIndex = this._currentIndex + config;
+      if (this._history && targetIndex >= 0 && targetIndex < this._history.length) {
+        const behaviorSubject = (this as any).behaviorSubject;
+        if (!changeStateConfig?.noEventAndPublish && behaviorSubject) {
+          behaviorSubject.next({ ...this.getRouteData(), triggerPoint: 'start' });
+        }
+
+        this._currentIndex = targetIndex;
+        const entry = this._history[this._currentIndex];
+
+        if (!changeStateConfig?.noEventAndPublish && behaviorSubject) {
+          behaviorSubject.next({ ...this.getRouteData({ pathOrUrl: entry.url }), triggerPoint: 'end' });
+        }
+      }
+      return;
+    }
+    return super.go(config as any, changeStateConfig);
+  }
+
+  getData(): any {
+    return this._history?.[this._currentIndex]?.data;
+  }
+
+  getUrl(): string {
+    return this._history?.[this._currentIndex]?.url ?? this.config?.firstUrl ?? '/';
+  }
+
+  getHref(): string {
+    return this.getUrl();
+  }
+
+  getPathName(): string {
+    return this.getUrl().split('?')[0];
+  }
+
+  getSearch(): string {
+    const parts = this.getUrl().split('?');
+    return parts[1] ? `?${parts[1]}` : '';
+  }
+
+  getSearchParams(data?: { delete?: string[]; append?: [[string, string]] }): URLSearchParams {
+    const search = this.getSearch();
+    const searchParams = new URLSearchParams(search);
+    return UrlUtils.manipulateSearchParams(searchParams, data);
+  }
+
+  getHashSearchParams(data?: { delete?: string[]; append?: [[string, string]] }): URLSearchParams {
+    const url = this.getUrl();
+    const hashIdx = url.indexOf('#');
+    const hash = hashIdx !== -1 ? url.slice(hashIdx + 1) : '';
+    const searchParams = new URLSearchParams(hash);
+    return UrlUtils.manipulateSearchParams(searchParams, data);
+  }
+
+  pushAddSearchParam(params: [[string, string]], state: RouterMethodOptions | undefined): void {
+    const s = this.getSearchParams({ append: params });
+    this.push({ searchParams: s }, state);
+  }
+
+  pushDeleteHashSearchParam(name: string | string[], state: RouterMethodOptions | undefined): void {
+    const s = this.getHashSearchParams({ delete: Array.isArray(name) ? name : [name] });
+    const url = this.getUrl().split('#')[0];
+    const size = Array.from(s.entries()).length;
+    this.push(url + (size > 0 ? '#' + s.toString() : ''), state);
+  }
+
+  pushDeleteSearchParam(name: string | string[], state: RouterMethodOptions | undefined): void {
+    const s = this.getSearchParams({ delete: Array.isArray(name) ? name : [name] });
+    this.push({ searchParams: s }, state);
+  }
+
+  pushUpsertSearchParam(params: Record<string, string | string[]>, state: RouterMethodOptions | undefined): void {
+    const s = this.getSearchParams();
+    UrlUtils.upsertSearchParam(s, params);
+    this.push({ searchParams: s }, state);
+  }
+
+  replaceAddSearchParam(params: [[string, string]], state: RouterMethodOptions | undefined): void {
+    const s = this.getSearchParams({ append: params });
+    this.replace({ searchParams: s }, state);
+  }
+
+  replaceDeleteHashSearchParam(name: string | string[], state: RouterMethodOptions | undefined): void {
+    const s = this.getHashSearchParams({ delete: Array.isArray(name) ? name : [name] });
+    const url = this.getUrl().split('#')[0];
+    const size = Array.from(s.entries()).length;
+    this.replace(url + (size > 0 ? '#' + s.toString() : ''), state);
+  }
+
+  replaceDeleteSearchParam(name: string | string[], state: RouterMethodOptions | undefined): void {
+    const s = this.getSearchParams({ delete: Array.isArray(name) ? name : [name] });
+    this.replace({ searchParams: s }, state);
+  }
+
+  replaceUpsertSearchParam(params: Record<string, string | string[]>, state: RouterMethodOptions | undefined): void {
+    const s = this.getSearchParamObject();
+    UrlUtils.upsertSearchParam(s as any, params);
+    this.replace({ searchParams: s as any }, state);
+  }
+}

package/src/types.ts

@@ -0,0 +1,31 @@
+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',
+  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 | null;
+  $hosts: HTMLElement[];
+  $firstHost: HTMLElement | null;
+  $lastHost: HTMLElement | null;
+  $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,4 @@
-import { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../elements/SwcInterfaces';
+import {HostSet, SwcAppInterface} from '../types';
 
 export const SWC_NOT_FOUND = Symbol('SWC_NOT_FOUND');
 
@@ -166,16 +166,16 @@ export class SwcUtils {
     return hosts.reverse();
   }
 
-  static getHosts(el: HTMLElement): SwcHTMLElementInterface[] {
+  static getHosts(el: HTMLElement): HTMLElement[] {
     return this.findAllSwcHosts(el);
   }
 
-  static getHost(el: HTMLElement): SwcHTMLElementInterface | undefined {
+  static getHost(el: HTMLElement): HTMLElement | undefined {
     const hosts = this.getHosts(el);
     return hosts.length > 0 ? hosts[hosts.length - 1] : undefined;
   }
 
-  static getFirstHost(el: HTMLElement): SwcHTMLElementInterface | undefined {
+  static getFirstHost(el: HTMLElement): HTMLElement | undefined {
     const hosts = this.getHosts(el);
     return hosts.length > 0 ? hosts[0] : undefined;
   }

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": []
-}

package/dist/cjs/elements/SwcChoose.js

@@ -1,144 +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 SwcChoose_exports = {};
-__export(SwcChoose_exports, {
-  SwcChoose: () => SwcChoose
-});
-module.exports = __toCommonJS(SwcChoose_exports);
-var import__ = require("../index");
-var import_SwcHTMLTemplateElementBase = require("./base/SwcHTMLTemplateElementBase");
-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;
-};
-var __metadata = function(k, v) {
-  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-let SwcChoose = class SwcChoose2 extends import_SwcHTMLTemplateElementBase.SwcHTMLTemplateElementBase {
-  constructor() {
-    super();
-    this._endMarker = document.createComment("swc-choose-end");
-    this._value = void 0;
-    this._branches = [];
-    this._otherBranch = null;
-  }
-  onValueChange() {
-    this.evaluate();
-  }
-  set value(val) {
-    this._value = val;
-    this.onValueChange();
-  }
-  get value() {
-    return this._value;
-  }
-  connectedCallback() {
-    if (this._isInitialized)
-      return;
-    this._isInitialized = true;
-    if (this.nextSibling !== this._endMarker) {
-      this.parentNode?.insertBefore(this._endMarker, this.nextSibling);
-    }
-    this._initBranches();
-    this.evaluate();
-  }
-  _initBranches() {
-    const content = this.content;
-    Array.from(content.children).forEach((c) => {
-      const tagName = c.localName.toLowerCase();
-      const isAttr = (c.getAttribute("is") || "").toLowerCase();
-      const isWhen = tagName === "swc-when" || isAttr.includes("swc-when");
-      const isOther = tagName === "swc-other" || isAttr.includes("swc-other");
-      if (isWhen || isOther) {
-        const branch = {
-          tpl: document.createDocumentFragment(),
-          test: c.getAttribute("test")
-        };
-        const source = c instanceof HTMLTemplateElement ? c.content : c;
-        Array.from(source.childNodes).forEach((child) => branch.tpl.appendChild(child.cloneNode(true)));
-        if (isWhen)
-          this._branches.push(branch);
-        else
-          this._otherBranch = branch;
-      }
-    });
-  }
-  evaluate() {
-    if (!this.isConnected)
-      return;
-    let curr = this.nextSibling;
-    while (curr && curr !== this._endMarker) {
-      const next = curr.nextSibling;
-      curr.parentElement?.removeChild(curr);
-      curr = next;
-    }
-    let matchedBranch = null;
-    const chooseValue = this.getAttribute("value") ?? this._value;
-    for (const branch of this._branches) {
-      const testAttr = branch.test;
-      if (testAttr === null || testAttr.includes("{{"))
-        continue;
-      let isMet = false;
-      if (chooseValue !== void 0 && chooseValue !== null) {
-        isMet = String(chooseValue) === String(testAttr);
-      } else {
-        try {
-          if (testAttr === "true")
-            isMet = true;
-          else if (testAttr === "false")
-            isMet = false;
-          else
-            isMet = !!new Function(`return ${testAttr}`)();
-        } catch (e) {
-          isMet = false;
-        }
-      }
-      if (isMet) {
-        matchedBranch = branch;
-        break;
-      }
-    }
-    if (!matchedBranch && this._otherBranch) {
-      matchedBranch = this._otherBranch;
-    }
-    if (matchedBranch) {
-      const clone = matchedBranch.tpl.cloneNode(true);
-      Array.from(clone.childNodes).forEach((node) => {
-        this.applyData(node, this._value);
-      });
-      this.parentNode?.insertBefore(clone, this._endMarker);
-    }
-  }
-};
-__decorate([
-  (0, import__.attribute)("value"),
-  __metadata("design:type", Object)
-], SwcChoose.prototype, "_value", void 0);
-__decorate([
-  (0, import__.onAttributeChanged)("value"),
-  __metadata("design:type", Function),
-  __metadata("design:paramtypes", []),
-  __metadata("design:returntype", void 0)
-], SwcChoose.prototype, "onValueChange", null);
-SwcChoose = __decorate([
-  (0, import__.elementDefine)({ name: "swc-choose", extends: "template" }),
-  __metadata("design:paramtypes", [])
-], SwcChoose);
-//# sourceMappingURL=SwcChoose.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/elements/SwcChoose.ts"],
-  "sourcesContent": ["import { attribute, elementDefine, onAttributeChanged } from '../index';\nimport { SwcHTMLTemplateElementBase } from './base/SwcHTMLTemplateElementBase';\n\ninterface Branch {\n  tpl: DocumentFragment;\n  test: string | null;\n}\n\n@elementDefine({ name: 'swc-choose', extends: 'template' })\nexport class SwcChoose extends SwcHTMLTemplateElementBase {\n  private _endMarker = document.createComment('swc-choose-end');\n\n  @attribute('value')\n  _value: any = undefined;\n\n  private _branches: Branch[] = [];\n  private _otherBranch: Branch | null = null;\n\n  constructor() {\n    super();\n  }\n\n  @onAttributeChanged('value')\n  onValueChange() {\n    this.evaluate();\n  }\n\n  set value(val: any) {\n    this._value = val;\n    this.onValueChange();\n  }\n\n  get value() {\n    return this._value;\n  }\n\n  connectedCallback() {\n    if (this._isInitialized) return;\n    this._isInitialized = true;\n\n    if (this.nextSibling !== this._endMarker) {\n      this.parentNode?.insertBefore(this._endMarker, this.nextSibling);\n    }\n    this._initBranches();\n    this.evaluate();\n  }\n\n  private _initBranches() {\n    const content = this.content;\n    Array.from(content.children).forEach(c => {\n      const tagName = c.localName.toLowerCase();\n      const isAttr = (c.getAttribute('is') || '').toLowerCase();\n\n      const isWhen = tagName === 'swc-when' || isAttr.includes('swc-when');\n      const isOther = tagName === 'swc-other' || isAttr.includes('swc-other');\n\n      if (isWhen || isOther) {\n        const branch: Branch = {\n          tpl: document.createDocumentFragment(),\n          test: c.getAttribute('test')\n        };\n\n        const source = c instanceof HTMLTemplateElement ? c.content : c;\n        Array.from(source.childNodes).forEach(child => branch.tpl.appendChild(child.cloneNode(true)));\n\n        if (isWhen) this._branches.push(branch);\n        else this._otherBranch = branch;\n      }\n    });\n  }\n\n  private evaluate() {\n    if (!this.isConnected) return;\n\n    let curr = this.nextSibling;\n    while (curr && curr !== this._endMarker) {\n      const next = curr.nextSibling;\n      curr.parentElement?.removeChild(curr);\n      curr = next;\n    }\n\n    let matchedBranch: Branch | null = null;\n    const chooseValue = this.getAttribute('value') ?? this._value;\n\n    for (const branch of this._branches) {\n      const testAttr = branch.test;\n      if (testAttr === null || testAttr.includes('{{')) continue;\n\n      let isMet = false;\n      if (chooseValue !== undefined && chooseValue !== null) {\n        isMet = String(chooseValue) === String(testAttr);\n      } else {\n        try {\n          if (testAttr === 'true') isMet = true;\n          else if (testAttr === 'false') isMet = false;\n          else isMet = !!new Function(`return ${testAttr}`)();\n        } catch (e) {\n          isMet = false;\n        }\n      }\n\n      if (isMet) {\n        matchedBranch = branch;\n        break;\n      }\n    }\n\n    if (!matchedBranch && this._otherBranch) {\n      matchedBranch = this._otherBranch;\n    }\n\n    if (matchedBranch) {\n      const clone = matchedBranch.tpl.cloneNode(true);\n      Array.from(clone.childNodes).forEach(node => {\n        this.applyData(node, this._value);\n      });\n      this.parentNode?.insertBefore(clone, this._endMarker);\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAA6D;AAC7D,wCAA2C;;;;;;;;;;AAQpC,IAAM,YAAN,MAAMA,mBAAkB,6DAA0B;EASvD,cAAA;AACE,UAAK;AATC,SAAA,aAAa,SAAS,cAAc,gBAAgB;AAG5D,SAAA,SAAc;AAEN,SAAA,YAAsB,CAAA;AACtB,SAAA,eAA8B;EAItC;EAGA,gBAAa;AACX,SAAK,SAAQ;EACf;EAEA,IAAI,MAAM,KAAQ;AAChB,SAAK,SAAS;AACd,SAAK,cAAa;EACpB;EAEA,IAAI,QAAK;AACP,WAAO,KAAK;EACd;EAEA,oBAAiB;AACf,QAAI,KAAK;AAAgB;AACzB,SAAK,iBAAiB;AAEtB,QAAI,KAAK,gBAAgB,KAAK,YAAY;AACxC,WAAK,YAAY,aAAa,KAAK,YAAY,KAAK,WAAW;IACjE;AACA,SAAK,cAAa;AAClB,SAAK,SAAQ;EACf;EAEQ,gBAAa;AACnB,UAAM,UAAU,KAAK;AACrB,UAAM,KAAK,QAAQ,QAAQ,EAAE,QAAQ,OAAI;AACvC,YAAM,UAAU,EAAE,UAAU,YAAW;AACvC,YAAM,UAAU,EAAE,aAAa,IAAI,KAAK,IAAI,YAAW;AAEvD,YAAM,SAAS,YAAY,cAAc,OAAO,SAAS,UAAU;AACnE,YAAM,UAAU,YAAY,eAAe,OAAO,SAAS,WAAW;AAEtE,UAAI,UAAU,SAAS;AACrB,cAAM,SAAiB;UACrB,KAAK,SAAS,uBAAsB;UACpC,MAAM,EAAE,aAAa,MAAM;;AAG7B,cAAM,SAAS,aAAa,sBAAsB,EAAE,UAAU;AAC9D,cAAM,KAAK,OAAO,UAAU,EAAE,QAAQ,WAAS,OAAO,IAAI,YAAY,MAAM,UAAU,IAAI,CAAC,CAAC;AAE5F,YAAI;AAAQ,eAAK,UAAU,KAAK,MAAM;;AACjC,eAAK,eAAe;MAC3B;IACF,CAAC;EACH;EAEQ,WAAQ;AACd,QAAI,CAAC,KAAK;AAAa;AAEvB,QAAI,OAAO,KAAK;AAChB,WAAO,QAAQ,SAAS,KAAK,YAAY;AACvC,YAAM,OAAO,KAAK;AAClB,WAAK,eAAe,YAAY,IAAI;AACpC,aAAO;IACT;AAEA,QAAI,gBAA+B;AACnC,UAAM,cAAc,KAAK,aAAa,OAAO,KAAK,KAAK;AAEvD,eAAW,UAAU,KAAK,WAAW;AACnC,YAAM,WAAW,OAAO;AACxB,UAAI,aAAa,QAAQ,SAAS,SAAS,IAAI;AAAG;AAElD,UAAI,QAAQ;AACZ,UAAI,gBAAgB,UAAa,gBAAgB,MAAM;AACrD,gBAAQ,OAAO,WAAW,MAAM,OAAO,QAAQ;MACjD,OAAO;AACL,YAAI;AACF,cAAI,aAAa;AAAQ,oBAAQ;mBACxB,aAAa;AAAS,oBAAQ;;AAClC,oBAAQ,CAAC,CAAC,IAAI,SAAS,UAAU,QAAQ,EAAE,EAAC;QACnD,SAAS,GAAG;AACV,kBAAQ;QACV;MACF;AAEA,UAAI,OAAO;AACT,wBAAgB;AAChB;MACF;IACF;AAEA,QAAI,CAAC,iBAAiB,KAAK,cAAc;AACvC,sBAAgB,KAAK;IACvB;AAEA,QAAI,eAAe;AACjB,YAAM,QAAQ,cAAc,IAAI,UAAU,IAAI;AAC9C,YAAM,KAAK,MAAM,UAAU,EAAE,QAAQ,UAAO;AAC1C,aAAK,UAAU,MAAM,KAAK,MAAM;MAClC,CAAC;AACD,WAAK,YAAY,aAAa,OAAO,KAAK,UAAU;IACtD;EACF;;AAzGA,WAAA;MADC,oBAAU,OAAO;;;AAWlB,WAAA;MADC,6BAAmB,OAAO;;;;;AAbhB,YAAS,WAAA;MADrB,wBAAc,EAAE,MAAM,cAAc,SAAS,WAAU,CAAE;;GAC7C,SAAS;",
-  "names": ["SwcChoose"]
-}