@dooboostore/simple-web-component 1.0.49 → 1.0.51

package/src/types/index.ts

@@ -1,5 +1,6 @@
 import { SimpleApplication } from '@dooboostore/simple-boot';
 import { Router } from '@dooboostore/core-web';
+import type { Observable } from '@dooboostore/core';
 import {SwcAttributeConfigType, SwcConfigType} from "../SwcAppEngine";
 
 export enum InjectSituationType {
@@ -55,10 +56,21 @@ export type SwcAppMessage<T = any> = {
   type?: string;
 };
 
+/**
+ * 늦게 연결/구독한 쪽에 과거 메시지를 재생하는 방식 (@subscribeSwcAppMessage, observeMessage 공통).
+ * - 'subject' 또는 미지정: live만
+ * - 'behavior': 버퍼의 마지막 1개 먼저
+ * - 'replay': 버퍼 전체를 시간순으로 먼저
+ */
+export type SwcAppMessageSubject = 'subject' | 'behavior' | 'replay';
+
+/** observeMessage 옵션. type이 없으면 전 타입 live (타입별 버퍼라 재생은 type이 있을 때만). */
+export type SwcAppMessageObserveOptions = { type?: string; subject?: SwcAppMessageSubject };
 
-export interface SwcAppInterface extends HTMLElement {
+
+export interface SwcAppInterface extends HTMLElement, SwcElement {
   simpleApplication?: SimpleApplication;
-  config?:  SwcConfigType;
+  config?: SwcConfigType;
   router?: Router;
   connect(config?: SwcAttributeConfigType): Promise<void>;
   routing(path: string): Promise<void>;
@@ -66,10 +78,23 @@ export interface SwcAppInterface extends HTMLElement {
   back(): void;
   forward(): void;
   publishMessage(message: SwcAppMessage): void;
+  /** 코드로 메시지 구독 (RxJS 스타일). 반환된 Observable을 subscribe하고, 끝나면 unsubscribe. */
+  observeMessage<T = any>(): Observable<SwcAppMessage<T>>;
+  observeMessage<T = any>(type: string): Observable<SwcAppMessage<T>>;
+  observeMessage<T = any>(type: string, options: Omit<SwcAppMessageObserveOptions, 'type'>): Observable<SwcAppMessage<T>>;
+  observeMessage<T = any>(options: SwcAppMessageObserveOptions): Observable<SwcAppMessage<T>>;
+  /** 현재 연결된 자식 엘리먼트 목록 */
+  connectedElements(): Array<HTMLElement & SwcElement>;
 }
 
 export interface SwcElement {
-  _swcId: string;
+  _swcId?: string;
+  __swc_initialized?: boolean;
+  __swc_proto_setup?: boolean;
+  __swc_observers?: (MutationObserver | ResizeObserver | IntersectionObserver)[];
+  _emitHandlers?: Map<any, any>;
+  __swc_attributeEventHandlers?: Map<any, any>;
+  // __swc_handled?: any;
   // createSlotString(id: string): string
   // createEaHtml(id: string, script: string): string
   // createEaText(id: string, script: string): string
@@ -170,7 +195,7 @@ export interface OnConnectedResult {
  * const cyclers: ElementDefineLifeCycler[] = [eventCycler, ...];   // elementDefine 시 1회 생성
  *
  * proto.connectedCallback = async function () {
- *   const helperHostSet = SwcUtils.getHelperAndHostSet(win, this);
+ *   const helperHostSet = SwcUtils.getHelperAndHostSet(this);
  *   const results = await Promise.all(cyclers.map(c => c.onConnected?.(helperHostSet)));
  *   // results 에서 mutationObserverSet / resizeObserverSet 수집
  *   // → 필요한 경우에만 MutationObserver / ResizeObserver 생성
@@ -180,6 +205,13 @@ export interface OnConnectedResult {
  * };
  * ```
  */
+// observer 메타 phase 분류: 자기 자신(bare/$this, non-delegate)은 렌더 전에, 나머지는 렌더 후에 붙는다.
+export type ObserverScope = 'self' | 'rest';
+export const isSelfObserverMeta = (m: { selector?: unknown; options?: { delegate?: boolean } }): boolean =>
+  !m.options?.delegate && (m.selector === '$this' || m.selector === '');
+export const inObserverScope = (m: { selector?: unknown; options?: { delegate?: boolean } }, scope?: ObserverScope): boolean =>
+  !scope || (scope === 'self') === isSelfObserverMeta(m);
+
 export interface ElementDefineLifeCycler {
   /**
    * connectedCallback 시 호출.
@@ -187,8 +219,9 @@ export interface ElementDefineLifeCycler {
    * 필요 없으면 void / undefined 를 반환한다.
    * @param helperHostSet 현재 엘리먼트 인스턴스($this)를 포함한 컨텍스트
    * @param resizeObserverSet 이전 시클러가 반환한 resize observer set (mutation 시클러가 주입받아 사용)
+   * @param scope observer 시클러 전용 — 'self'(렌더 전, 자기 자신 메타만) / 'rest'(렌더 후, 나머지). 없으면 전부.
    */
-  onConnected?(helperHostSet: HelperHostSet, resizeObserverSet?: ResizeObserverSet): OnConnectedResult | void | Promise<OnConnectedResult | void>;
+  onConnected?(helperHostSet: HelperHostSet, resizeObserverSet?: ResizeObserverSet, scope?: ObserverScope): OnConnectedResult | void | Promise<OnConnectedResult | void>;
 
   /** disconnectedCallback 시 호출. 등록한 리소스를 해제한다. */
   onDisconnected?(helperHostSet: HelperHostSet): void;

package/src/types/window.d.ts

@@ -23,27 +23,11 @@ declare global {
     history: History;
     console: Console;
     IntersectionObserver: typeof IntersectionObserver;
+    ResizeObserver: typeof ResizeObserver;
+    MutationObserver: typeof MutationObserver;
     SwaggerUIBundle: any;
 
   }
-
-  namespace Dooboostore {
-    interface PackageInfo {
-      id: string;
-      name: string;
-      description: string;
-      longDescription: string;
-      icon: string;
-      color: string;
-      features: PackageFeature[];
-      example: string;
-    }
-
-    interface PackageFeature {
-      title: string;
-      desc: string;
-    }
-  }
 }
 
 export {};

package/src/utils/Utils.ts

@@ -213,7 +213,18 @@ export namespace SwcUtils {
     } as const;
   };
 
-  export const getHelperAndHostSet = (win: Window, el: HTMLElement): HelperHostSet => {
+  /** el 의 window — 자기 elementDefine 설정 → 가까운 조상 SWC 호스트 설정 → 전역 window 순. */
+  export const resolveWindow = (el: HTMLElement | Node): Window => {
+    const hosts = findAllSwcHostsIncludingSelf(el);
+    for (let i = hosts.length - 1; i >= 0; i--) {
+      const w = getElementConfig(hosts[i])?.window;
+      if (w) return w;
+    }
+    return (typeof window !== 'undefined' ? window : undefined) as Window;
+  };
+
+  /** win 생략 시 resolveWindow(el). el 이 SWC 요소가 아니면(이벤트 target 등) 호스트의 window 를 넘긴다. */
+  export const getHelperAndHostSet = (el: HTMLElement, win: Window = resolveWindow(el)): HelperHostSet => {
     const helperSet = getHelperSet(win);
     const hostSet = getHostSet(el);
     return {
@@ -237,17 +248,19 @@ export namespace SwcUtils {
   };
 
   /**
-   * Finds the nearest logical SWC host for an element.
-   * Checks __swc_host property first, then climbs the DOM tree.
+   * Finds the nearest logical SWC host for an element (excluding self).
+   * Checks __swc_host property first, then climbs the DOM tree from the parent.
    */
-  export const findNearestSwcHostIncludingSelf = (el: HTMLElement | Node): HTMLElement | undefined => {
+  export const findNearestSwcAncestorHost = (el: HTMLElement | Node): HTMLElement | undefined => {
     const el1 = el as any;
     if (el1.__swc_host) return el1.__swc_host;
 
     let current: any = el.parentElement || (el.getRootNode?.() as any)?.host;
     const doc = el.ownerDocument;
     const win = doc?.defaultView || ((typeof window !== 'undefined' ? window : undefined) as any);
+    let guard = 0;
     while (current && current !== doc && current !== win) {
+      if (++guard > 50) break;
       if (current.__swc_host) return current.__swc_host;
       if (getElementConfig(current)) return current as HTMLElement;
       current = current.parentElement || (current.getRootNode?.() as any)?.host;
@@ -256,28 +269,24 @@ export namespace SwcUtils {
   };
 
   /**
-   * Returns all SWC ancestors (excluding self) in [root, ..., parent] order.
+   * Returns all SWC hosts in [root, ..., parent, self] order (self only when el is an SWC element).
    */
   export const findAllSwcHostsIncludingSelf = (el: HTMLElement | Node): HTMLElement[] => {
-    const hosts: HTMLElement[] = [];
-    let current = findNearestSwcHostIncludingSelf(el);
+    const hosts: HTMLElement[] = getElementConfig(el) ? [el as HTMLElement] : [];
+    let current = findNearestSwcAncestorHost(el);
     while (current) {
       hosts.push(current);
       // To find the next ancestor, we must start searching from the PARENT of the found host
-      current = findNearestSwcHostIncludingSelf(current);
+      current = findNearestSwcAncestorHost(current);
     }
     return hosts.reverse();
   };
 
-  export const getHosts = (el: HTMLElement): HTMLElement[] => {
-    const ancestors = findAllSwcHostsIncludingSelf(el);
-    if (getElementConfig(el)) return [...ancestors, el];
-    return ancestors;
-  };
+  export const getHosts = (el: HTMLElement): HTMLElement[] => findAllSwcHostsIncludingSelf(el);
 
   export const getHost = (el: HTMLElement): HTMLElement | undefined => {
     if (getElementConfig(el)) return el;
-    return findNearestSwcHostIncludingSelf(el);
+    return findNearestSwcAncestorHost(el);
   };
 
 
@@ -305,7 +314,6 @@ export namespace SwcUtils {
       t = SwcUtils.processHtml(id, t, {
         document: document,
         replaceWrap: {start: /a::\w+=\s*"/, end: /"\s/}, replacer: (id, script, er) => {
-          console.log('start: /a-->', er)
           const match = er.expressionStart.match(/^\w+::(\w+)="/)
           const name = match?.[1];
           return ElementApply.attribute(id, name, script)
@@ -317,7 +325,6 @@ export namespace SwcUtils {
       t = SwcUtils.processHtml(id, t, {
         document: document,
         replaceWrap: {start: /e::\w+=\s*"/, end: /"\s/}, replacer: (id, script, er) => {
-          console.log('start: /e-->', er)
           const match = er.expressionStart.match(/^\w+::(\w+)="/)
           const name = match?.[1];
           return ElementApply.event(id, name, script)
@@ -330,7 +337,6 @@ export namespace SwcUtils {
       t = SwcUtils.processHtml(id, t, {
         document: document,
         replaceWrap: {start: /p:\w+=\s*"/, end: /"\s/}, replacer: (id, script, er) => {
-          console.log('start: /p-->', er)
           const match = er.expressionStart.match(/^\w+:(\w+)="/)
           const name = match?.[1];
           return ElementApply.property(id, name, script)
@@ -497,6 +503,9 @@ export namespace SwcUtils {
     // el 자체부터 시작 (el이 app host일 수도 있음)
     let current: HTMLElement | null = el;
 
+    // NOTE: 이름으로만 찾는다. define 전에는 껍데기 엘리먼트라 메서드·instanceof로
+    // 판별 불가 (Safari 폴리필은 업그레이드 순서도 child-first). 'swc-app' 태그 또는
+    // is="swc-app-*" 속성이 유일한 단서. 커스텀 호스트도 반드시 이 prefix를 쓸 것.
     while (current) {
       const isAppHost =
         current.tagName.toLowerCase() === 'swc-app' ||
@@ -525,7 +534,8 @@ export namespace SwcUtils {
   };
 
   export const getHostSet = (el: HTMLElement): HostSet => {
-    const ancestors = findAllSwcHostsIncludingSelf(el); // [root, ..., parent]
+    const hosts = findAllSwcHostsIncludingSelf(el);
+    const ancestors = hosts[hosts.length - 1] === el ? hosts.slice(0, -1) : hosts; // [root, ..., parent] — $host 는 자기 자신이 아닌 부모
 
     const $host = ancestors.length > 0 ? ancestors[ancestors.length - 1] : null;
     const $parentHost = ancestors.length > 1 ? ancestors[ancestors.length - 2] : null;
@@ -595,6 +605,28 @@ export namespace SwcUtils {
     return result;
   };
 
+  /**
+   * parsePathPattern 과 같은 매칭이지만, 같은 이름의 변수가 여러 번 나오면 모든 값을 순서대로 모은다.
+   * '/a/{id}/b/{id}' ← '/a/1/b/2' → { id: ['1', '2'] }  (parsePathPattern 은 마지막 값 '2' 로 덮어씀)
+   */
+  export const parsePathPatternAll = (pattern: string | undefined, currentPath: string): { [key: string]: string[] } | null => {
+    if (pattern === null || pattern === undefined) return {};
+    const trimmedPattern = pattern.trim();
+    if (trimmedPattern === '' && pattern !== '') return {};
+    const paramNames: string[] = [];
+    const regexPattern = trimmedPattern.replace(/{(\w+)(?::(.+?))?}/g, (match, paramName, customRegex) => {
+      paramNames.push(paramName);
+      return `(${customRegex || '[^/]+'})`;
+    });
+    const match = currentPath.match(new RegExp(`^${regexPattern}$`));
+    if (!match) return null;
+    const result: { [key: string]: string[] } = {};
+    paramNames.forEach((name, index) => {
+      (result[name] ??= []).push(match[index + 1]);
+    });
+    return result;
+  };
+
 
 }
 ;

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/decorators/subscribeSwcAppMessageWhileConnected.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { SwcAppMessage, SpecialSelector, SwcQueryOptions, HelperHostSet } from '../types';\n\nexport const SUBSCRIBE_SWC_APP_MESSAGE_WHILE_CONNECTED_METADATA_KEY = Symbol.for('simple-web-component:subscribe-swc-app-message-while-connected');\n\nexport interface SwcAppMessageSubscriberMetadata {\n  propertyKey: string | symbol;\n  messageType?: string;\n  filter?: (message: SwcAppMessage, currentThis: any) => boolean;\n}\n\nexport interface SwcAppMessageOptions {\n  filter?: (message: SwcAppMessage, currentThis: any) => boolean;\n}\n\nfunction createSubscribeSwcAppMessageWhileConnected(options?: SwcAppMessageOptions, messageType?: string): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => {\n    const filter = options?.filter;\n\n    const constructor = target.constructor;\n    let list = ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_MESSAGE_WHILE_CONNECTED_METADATA_KEY, constructor) as SwcAppMessageSubscriberMetadata[];\n    if (!list) {\n      list = [];\n      ReflectUtils.defineMetadata(SUBSCRIBE_SWC_APP_MESSAGE_WHILE_CONNECTED_METADATA_KEY, list, constructor);\n    }\n    list.push({ propertyKey, messageType, filter });\n    \n    return descriptor;\n  };\n}\n\n// \uC624\uBC84\uB85C\uB4DC \uC2DC\uADF8\uB2C8\uCC98 - \uC9C1\uC811 \uC0AC\uC6A9 (\uAD04\uD638 \uC5C6\uC74C)\nexport function subscribeSwcAppMessageWhileConnected(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): PropertyDescriptor | void;\n// \uC624\uBC84\uB85C\uB4DC \uC2DC\uADF8\uB2C8\uCC98 - \uD568\uC218 \uD638\uCD9C (\uAD04\uD638 \uC788\uC74C) - \uBA54\uC2DC\uC9C0 \uD0C0\uC785\uB9CC\nexport function subscribeSwcAppMessageWhileConnected(messageType: string): MethodDecorator;\n// \uC624\uBC84\uB85C\uB4DC \uC2DC\uADF8\uB2C8\uCC98 - \uD568\uC218 \uD638\uCD9C (\uAD04\uD638 \uC788\uC74C) - \uC635\uC158\uB9CC\nexport function subscribeSwcAppMessageWhileConnected(options: SwcAppMessageOptions): MethodDecorator;\n// \uC624\uBC84\uB85C\uB4DC \uC2DC\uADF8\uB2C8\uCC98 - \uD568\uC218 \uD638\uCD9C (\uAD04\uD638 \uC788\uC74C) - \uBA54\uC2DC\uC9C0 \uD0C0\uC785 + \uC635\uC158\nexport function subscribeSwcAppMessageWhileConnected(messageType: string, options: SwcAppMessageOptions): MethodDecorator;\n\nexport function subscribeSwcAppMessageWhileConnected(targetOrMessageTypeOrOptions?: any, optionsOrPropertyKey?: any, descriptor?: PropertyDescriptor): any {\n  // \uC9C1\uC811 \uB370\uCF54\uB808\uC774\uD130\uB85C \uC0AC\uC6A9\uB41C \uACBD\uC6B0 (\uAD04\uD638 \uC5C6\uC74C): @subscribeSwcAppMessageWhileConnected\n  if (targetOrMessageTypeOrOptions && typeof targetOrMessageTypeOrOptions === 'object' && \n      optionsOrPropertyKey && (typeof optionsOrPropertyKey === 'string' || typeof optionsOrPropertyKey === 'symbol') &&\n      descriptor) {\n    const target = targetOrMessageTypeOrOptions;\n    const propertyKey = optionsOrPropertyKey;\n    return createSubscribeSwcAppMessageWhileConnected({})(target, propertyKey, descriptor);\n  }\n\n  // \uD568\uC218\uB85C \uD638\uCD9C\uB41C \uACBD\uC6B0 (\uAD04\uD638 \uC788\uC74C)\n  let messageType: string | undefined;\n  let options: SwcAppMessageOptions = {};\n\n  if (typeof targetOrMessageTypeOrOptions === 'string') {\n    // \uBA54\uC2DC\uC9C0 \uD0C0\uC785 \uC804\uB2EC: @subscribeSwcAppMessageWhileConnected('messageType') \uB610\uB294 @subscribeSwcAppMessageWhileConnected('messageType', options)\n    messageType = targetOrMessageTypeOrOptions;\n    if (optionsOrPropertyKey && typeof optionsOrPropertyKey === 'object') {\n      options = optionsOrPropertyKey;\n    }\n  } else if (targetOrMessageTypeOrOptions && typeof targetOrMessageTypeOrOptions === 'object') {\n    // \uC635\uC158\uB9CC \uC804\uB2EC: @subscribeSwcAppMessageWhileConnected({ filter: ... })\n    options = targetOrMessageTypeOrOptions;\n  }\n\n  return createSubscribeSwcAppMessageWhileConnected(options, messageType);\n}\n\nexport const receiveMessage = subscribeSwcAppMessageWhileConnected;\n// Helper function to retrieve message subscribers metadata\nexport const getSubscribeSwcAppMessageWhileConnectedMetadata = (target: any): SwcAppMessageSubscriberMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_MESSAGE_WHILE_CONNECTED_METADATA_KEY, constructor);\n};\n\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// MessageSubscribeLifeCycler\n// NOTE: \uC2E4\uC81C \uAD6C\uB3C5 \uB85C\uC9C1\uC740 SwcAppMixin._connected \uC5D0\uC11C \uCC98\uB9AC\uB41C\uB2E4.\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nimport { ElementDefineLifeCycler } from '../types';\n\nexport class MessageSubscribeLifeCycler implements ElementDefineLifeCycler {\n  onConnected(_helperHostSet: HelperHostSet): void {\n    // \uC2E4\uC81C \uAD6C\uB3C5\uC740 SwcAppMixin._connected \uC5D0\uC11C \uCC98\uB9AC\n  }\n\n  /** SwcAppMixin \uC774 \uAD6C\uB3C5 \uB300\uC0C1 \uBA54\uD0C0\uB97C \uAEBC\uB0BC \uB54C \uC0AC\uC6A9 */\n  getMetadata(helperHostSet: HelperHostSet): SwcAppMessageSubscriberMetadata[] | undefined {\n    return getSubscribeSwcAppMessageWhileConnectedMetadata(helperHostSet.$this);\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA6B;AAGtB,MAAM,yDAAyD,OAAO,IAAI,gEAAgE;AAYjJ,SAAS,2CAA2C,SAAgC,aAAuC;AACzH,SAAO,CAAC,QAAgB,aAA8B,eAAoC;AACxF,UAAM,SAAS,SAAS;AAExB,UAAM,cAAc,OAAO;AAC3B,QAAI,OAAO,yBAAa,eAAe,wDAAwD,WAAW;AAC1G,QAAI,CAAC,MAAM;AACT,aAAO,CAAC;AACR,+BAAa,eAAe,wDAAwD,MAAM,WAAW;AAAA,IACvG;AACA,SAAK,KAAK,EAAE,aAAa,aAAa,OAAO,CAAC;AAE9C,WAAO;AAAA,EACT;AACF;AAWO,SAAS,qCAAqC,8BAAoC,sBAA4B,YAAsC;AAEzJ,MAAI,gCAAgC,OAAO,iCAAiC,YACxE,yBAAyB,OAAO,yBAAyB,YAAY,OAAO,yBAAyB,aACrG,YAAY;AACd,UAAM,SAAS;AACf,UAAM,cAAc;AACpB,WAAO,2CAA2C,CAAC,CAAC,EAAE,QAAQ,aAAa,UAAU;AAAA,EACvF;AAGA,MAAI;AACJ,MAAI,UAAgC,CAAC;AAErC,MAAI,OAAO,iCAAiC,UAAU;AAEpD,kBAAc;AACd,QAAI,wBAAwB,OAAO,yBAAyB,UAAU;AACpE,gBAAU;AAAA,IACZ;AAAA,EACF,WAAW,gCAAgC,OAAO,iCAAiC,UAAU;AAE3F,cAAU;AAAA,EACZ;AAEA,SAAO,2CAA2C,SAAS,WAAW;AACxE;AAEO,MAAM,iBAAiB;AAEvB,MAAM,kDAAkD,CAAC,WAA+D;AAC7H,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,yBAAa,eAAe,wDAAwD,WAAW;AACxG;AAQO,MAAM,2BAA8D;AAAA,EACzE,YAAY,gBAAqC;AAAA,EAEjD;AAAA;AAAA,EAGA,YAAY,eAA6E;AACvF,WAAO,gDAAgD,cAAc,KAAK;AAAA,EAC5E;AACF;",
-  "names": []
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/decorators/subscribeSwcAppRouteChangeWhileConnected.ts"],
-  "sourcesContent": ["import {ReflectUtils} from '@dooboostore/core';\nimport {Router} from '@dooboostore/core-web';\nimport {HelperHostSet} from '../types';\n\nexport const SUBSCRIBE_SWC_APP_ROUTE_CHANGE_WHILE_CONNECTED_METADATA_KEY = Symbol.for('simple-web-component:subscribe-swc-app-route-change-while-connected');\n\nexport type RoutePathType = string | string[] | ((currentThis: any) => string | string[]);\n\nexport interface SwcAppRouteChangeSubscriberMetadata {\n  propertyKey: string | symbol;\n  options?: SwcAppRouteChangeOptions;\n}\n\nexport interface SwcAppRouteChangeOptions {\n  path?: RoutePathType;\n  filter?: (router: Router, meta: { currentThis: any; helper: HelperHostSet }) => boolean;\n  order?: number;\n  valueKey?: symbol | string;\n}\n\nfunction createSubscribeSwcAppRouteChangeWhileConnected(options?: SwcAppRouteChangeOptions): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => {\n    const pathPattern = options?.path;\n    const filter = options?.filter;\n\n    const constructor = target.constructor;\n    let list = ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_WHILE_CONNECTED_METADATA_KEY, constructor) as SwcAppRouteChangeSubscriberMetadata[];\n    if (!list) {\n      list = [];\n      ReflectUtils.defineMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_WHILE_CONNECTED_METADATA_KEY, list, constructor);\n    }\n    list.push({ propertyKey, options });\n\n    return descriptor;\n  };\n}\n\n// \uC624\uBC84\uB85C\uB4DC \uC2DC\uADF8\uB2C8\uCC98 - \uC9C1\uC811 \uC0AC\uC6A9 (\uAD04\uD638 \uC5C6\uC74C)\nexport function subscribeSwcAppRouteChangeWhileConnected(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): PropertyDescriptor | void;\n// \uC624\uBC84\uB85C\uB4DC \uC2DC\uADF8\uB2C8\uCC98 - \uD568\uC218 \uD638\uCD9C (\uAD04\uD638 \uC788\uC74C)\nexport function subscribeSwcAppRouteChangeWhileConnected(): MethodDecorator;\nexport function subscribeSwcAppRouteChangeWhileConnected(pathPattern: RoutePathType): MethodDecorator;\nexport function subscribeSwcAppRouteChangeWhileConnected(pathPattern: RoutePathType, config: Omit<SwcAppRouteChangeOptions, 'path'>): MethodDecorator;\nexport function subscribeSwcAppRouteChangeWhileConnected(options: SwcAppRouteChangeOptions): MethodDecorator;\n\n// \uC2E4\uC81C \uAD6C\uD604 (\uC774\uC911 \uBAA8\uB4DC)\nexport function subscribeSwcAppRouteChangeWhileConnected(targetOrOptions?: any, propertyKeyOrConfig?: any, descriptor?: PropertyDescriptor): any {\n  // \uC9C1\uC811 \uB370\uCF54\uB808\uC774\uD130\uB85C \uC0AC\uC6A9\uB41C \uACBD\uC6B0 (\uAD04\uD638 \uC5C6\uC74C): @subscribeSwcAppRouteChangeWhileConnected\n  // propertyKey\uAC00 string | symbol\uC774\uACE0 descriptor\uAC00 \uC788\uC73C\uBA74 \uC9C1\uC811 \uC0AC\uC6A9\n  if (propertyKeyOrConfig && (typeof propertyKeyOrConfig === 'string' || typeof propertyKeyOrConfig === 'symbol')) {\n    return createSubscribeSwcAppRouteChangeWhileConnected({})(targetOrOptions, propertyKeyOrConfig, descriptor);\n  }\n\n  // \uD568\uC218\uB85C \uD638\uCD9C\uB41C \uACBD\uC6B0 (\uAD04\uD638 \uC788\uC74C): @subscribeSwcAppRouteChangeWhileConnected() / @subscribeSwcAppRouteChangeWhileConnected('/path')\n  let options: SwcAppRouteChangeOptions = {};\n\n  if (Array.isArray(targetOrOptions)) {\n    // \uBC30\uC5F4: @subscribeSwcAppRouteChangeWhileConnected(['/path1', '/path2'])\n    // \uB610\uB294: @subscribeSwcAppRouteChangeWhileConnected(['/path1', '/path2'], { order: 1 })\n    options.path = targetOrOptions;\n    if (propertyKeyOrConfig && typeof propertyKeyOrConfig === 'object') {\n      options = { ...options, ...propertyKeyOrConfig };\n    }\n  } else if (typeof targetOrOptions === 'string' || typeof targetOrOptions === 'function') {\n    // \uBB38\uC790\uC5F4 \uB610\uB294 \uD568\uC218: @subscribeSwcAppRouteChangeWhileConnected('/path')\n    // \uB610\uB294: @subscribeSwcAppRouteChangeWhileConnected('/path', { order: 1 })\n    options.path = targetOrOptions;\n    if (propertyKeyOrConfig && typeof propertyKeyOrConfig === 'object') {\n      options = { ...options, ...propertyKeyOrConfig };\n    }\n  } else if (targetOrOptions && typeof targetOrOptions === 'object') {\n    // \uAC1D\uCCB4: @subscribeSwcAppRouteChangeWhileConnected({ path: '/path', filter: ..., order: 1 })\n    options = targetOrOptions;\n  }\n\n  return createSubscribeSwcAppRouteChangeWhileConnected(options);\n}\nexport const changedRoute = subscribeSwcAppRouteChangeWhileConnected;\n\n// Helper function to retrieve route change subscribers metadata\nexport const getSubscribeSwcAppRouteChangeWhileConnectedMetadata = (target: any): SwcAppRouteChangeSubscriberMetadata[] => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  const results = ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_WHILE_CONNECTED_METADATA_KEY, constructor);\n  if (!results) return [];\n  \n  // Sort by order (default 0 if not specified)\n  return [...results].sort((a, b) => (a.options?.order ?? 0) - (b.options?.order ?? 0));\n};\n\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// RouteSubscribeLifeCycler\n// NOTE: \uC2E4\uC81C \uAD6C\uB3C5 \uB85C\uC9C1\uC740 SwcAppMixin._connected \uC5D0\uC11C \uCC98\uB9AC\uB41C\uB2E4.\n//       \uC774 cycler \uB294 \uBA54\uD0C0\uB370\uC774\uD130 \uC811\uADFC \uC9C4\uC785\uC810 \uC5ED\uD560\uB9CC \uD558\uBA70,\n//       \uD5A5\uD6C4 SwcAppMixin \uC5D0\uC11C \uB85C\uC9C1\uC744 \uBD84\uB9AC\uD560 \uB54C \uC774 \uD074\uB798\uC2A4\uB85C \uC774\uC804\uD55C\uB2E4.\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nimport { ElementDefineLifeCycler } from '../types';\n\nexport class RouteSubscribeLifeCycler implements ElementDefineLifeCycler {\n  onConnected(_helperHostSet: HelperHostSet): void {\n    // \uC2E4\uC81C \uAD6C\uB3C5\uC740 SwcAppMixin._connected \uC5D0\uC11C \uCC98\uB9AC\n  }\n\n  /** SwcAppMixin \uC774 \uAD6C\uB3C5 \uB300\uC0C1 \uBA54\uD0C0\uB97C \uAEBC\uB0BC \uB54C \uC0AC\uC6A9 */\n  getMetadata(helperHostSet: HelperHostSet): SwcAppRouteChangeSubscriberMetadata[] {\n    return getSubscribeSwcAppRouteChangeWhileConnectedMetadata(helperHostSet.$this);\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA2B;AAIpB,MAAM,8DAA8D,OAAO,IAAI,qEAAqE;AAgB3J,SAAS,+CAA+C,SAAqD;AAC3G,SAAO,CAAC,QAAgB,aAA8B,eAAoC;AACxF,UAAM,cAAc,SAAS;AAC7B,UAAM,SAAS,SAAS;AAExB,UAAM,cAAc,OAAO;AAC3B,QAAI,OAAO,yBAAa,eAAe,6DAA6D,WAAW;AAC/G,QAAI,CAAC,MAAM;AACT,aAAO,CAAC;AACR,+BAAa,eAAe,6DAA6D,MAAM,WAAW;AAAA,IAC5G;AACA,SAAK,KAAK,EAAE,aAAa,QAAQ,CAAC;AAElC,WAAO;AAAA,EACT;AACF;AAWO,SAAS,yCAAyC,iBAAuB,qBAA2B,YAAsC;AAG/I,MAAI,wBAAwB,OAAO,wBAAwB,YAAY,OAAO,wBAAwB,WAAW;AAC/G,WAAO,+CAA+C,CAAC,CAAC,EAAE,iBAAiB,qBAAqB,UAAU;AAAA,EAC5G;AAGA,MAAI,UAAoC,CAAC;AAEzC,MAAI,MAAM,QAAQ,eAAe,GAAG;AAGlC,YAAQ,OAAO;AACf,QAAI,uBAAuB,OAAO,wBAAwB,UAAU;AAClE,gBAAU,EAAE,GAAG,SAAS,GAAG,oBAAoB;AAAA,IACjD;AAAA,EACF,WAAW,OAAO,oBAAoB,YAAY,OAAO,oBAAoB,YAAY;AAGvF,YAAQ,OAAO;AACf,QAAI,uBAAuB,OAAO,wBAAwB,UAAU;AAClE,gBAAU,EAAE,GAAG,SAAS,GAAG,oBAAoB;AAAA,IACjD;AAAA,EACF,WAAW,mBAAmB,OAAO,oBAAoB,UAAU;AAEjE,cAAU;AAAA,EACZ;AAEA,SAAO,+CAA+C,OAAO;AAC/D;AACO,MAAM,eAAe;AAGrB,MAAM,sDAAsD,CAAC,WAAuD;AACzH,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,QAAM,UAAU,yBAAa,eAAe,6DAA6D,WAAW;AACpH,MAAI,CAAC,QAAS,QAAO,CAAC;AAGtB,SAAO,CAAC,GAAG,OAAO,EAAE,KAAK,CAAC,GAAG,OAAO,EAAE,SAAS,SAAS,MAAM,EAAE,SAAS,SAAS,EAAE;AACtF;AAUO,MAAM,yBAA4D;AAAA,EACvE,YAAY,gBAAqC;AAAA,EAEjD;AAAA;AAAA,EAGA,YAAY,eAAqE;AAC/E,WAAO,oDAAoD,cAAc,KAAK;AAAA,EAChF;AACF;",
-  "names": []
-}

package/dist/cjs/examples/RxJSOperatorsExample.js

@@ -1,285 +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 RxJSOperatorsExample_exports = {};
-__export(RxJSOperatorsExample_exports, {
-  AutoSaveEditor: () => AutoSaveEditor,
-  FormInput: () => FormInput,
-  InfiniteScroll: () => InfiniteScroll,
-  KeyboardHandler: () => KeyboardHandler,
-  LengthTracker: () => LengthTracker,
-  MouseTracker: () => MouseTracker,
-  ResponsiveLayout: () => ResponsiveLayout,
-  SearchComponent: () => SearchComponent
-});
-module.exports = __toCommonJS(RxJSOperatorsExample_exports);
-var import_decorators = require("../decorators");
-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);
-};
-var _a, _b, _c, _d, _e, _f, _g, _h;
-let SearchComponent = class SearchComponent2 extends HTMLElement {
-  constructor() {
-    super(...arguments);
-    this.results = [];
-  }
-  async onSearchInput(event) {
-    const input = event.target;
-    const query = input.value.trim();
-    if (query.length > 2) {
-      try {
-        const response = await fetch(`/api/search?q=${encodeURIComponent(query)}`);
-        this.results = await response.json();
-        this.renderResults();
-      } catch (error) {
-        console.error("Search failed:", error);
-      }
-    } else {
-      this.results = [];
-      this.renderResults();
-    }
-  }
-  renderResults() {
-    console.log("Rendering results:", this.results);
-  }
-};
-__decorate([
-  (0, import_decorators.addEventListener)("$this", "input", { debounceTime: 1e3 }),
-  __metadata("design:type", Function),
-  __metadata("design:paramtypes", [typeof (_a = typeof Event !== "undefined" && Event) === "function" ? _a : Object]),
-  __metadata("design:returntype", Promise)
-], SearchComponent.prototype, "onSearchInput", null);
-SearchComponent = __decorate([
-  (0, import_decorators.elementDefine)("search-component")
-], SearchComponent);
-let ResponsiveLayout = class ResponsiveLayout2 extends HTMLElement {
-  onWindowResize(event) {
-    const width = window.innerWidth;
-    const height = window.innerHeight;
-    console.log(`Window resized to: ${width}x${height}`);
-    this.updateLayout(width, height);
-  }
-  updateLayout(width, height) {
-    if (width < 768) {
-      this.classList.add("mobile");
-      this.classList.remove("desktop");
-    } else {
-      this.classList.add("desktop");
-      this.classList.remove("mobile");
-    }
-  }
-};
-__decorate([
-  (0, import_decorators.addEventListener)("$window", "resize", { throttleTime: 250 }),
-  __metadata("design:type", Function),
-  __metadata("design:paramtypes", [typeof (_b = typeof Event !== "undefined" && Event) === "function" ? _b : Object]),
-  __metadata("design:returntype", void 0)
-], ResponsiveLayout.prototype, "onWindowResize", null);
-ResponsiveLayout = __decorate([
-  (0, import_decorators.elementDefine)("responsive-layout")
-], ResponsiveLayout);
-let FormInput = class FormInput2 extends HTMLElement {
-  onFormInput(event) {
-    const input = event.target;
-    const fieldName = input.name;
-    const value = input.value;
-    console.log(`Validating ${fieldName}: ${value}`);
-    this.validateField(fieldName, value);
-  }
-  validateField(name, value) {
-    const isValid = value.length > 0;
-    console.log(`Field ${name} is ${isValid ? "valid" : "invalid"}`);
-  }
-};
-__decorate([
-  (0, import_decorators.addEventListener)("$this", "input", {
-    debounceTime: 300,
-    distinctUntilChanged: true
-  }),
-  __metadata("design:type", Function),
-  __metadata("design:paramtypes", [typeof (_c = typeof Event !== "undefined" && Event) === "function" ? _c : Object]),
-  __metadata("design:returntype", void 0)
-], FormInput.prototype, "onFormInput", null);
-FormInput = __decorate([
-  (0, import_decorators.elementDefine)("form-input")
-], FormInput);
-let InfiniteScroll = class InfiniteScroll2 extends HTMLElement {
-  constructor() {
-    super(...arguments);
-    this.isLoading = false;
-  }
-  onScroll(event) {
-    if (this.isLoading)
-      return;
-    if (this.isNearBottom()) {
-      console.log("Near bottom, loading more content...");
-      this.loadMoreContent();
-    }
-  }
-  isNearBottom() {
-    const scrollTop = window.scrollY;
-    const windowHeight = window.innerHeight;
-    const documentHeight = document.documentElement.scrollHeight;
-    return scrollTop + windowHeight >= documentHeight - 500;
-  }
-  async loadMoreContent() {
-    this.isLoading = true;
-    try {
-      await new Promise((resolve) => setTimeout(resolve, 1e3));
-      console.log("Content loaded");
-    } finally {
-      this.isLoading = false;
-    }
-  }
-};
-__decorate([
-  (0, import_decorators.addEventListener)("$window", "scroll", { throttleTime: 100 }),
-  __metadata("design:type", Function),
-  __metadata("design:paramtypes", [typeof (_d = typeof Event !== "undefined" && Event) === "function" ? _d : Object]),
-  __metadata("design:returntype", void 0)
-], InfiniteScroll.prototype, "onScroll", null);
-InfiniteScroll = __decorate([
-  (0, import_decorators.elementDefine)("infinite-scroll")
-], InfiniteScroll);
-let LengthTracker = class LengthTracker2 extends HTMLElement {
-  onInputChange(event) {
-    const input = event.target;
-    const length = input.value.length;
-    console.log(`Input length changed to: ${length}`);
-    this.updateLengthDisplay(length);
-  }
-  updateLengthDisplay(length) {
-    const display = this.querySelector(".length-display");
-    if (display) {
-      display.textContent = `${length} characters`;
-    }
-  }
-};
-__decorate([
-  (0, import_decorators.addEventListener)("$this", "input", {
-    distinctUntilChanged: (prev, curr) => {
-      return prev?.length === curr?.length;
-    }
-  }),
-  __metadata("design:type", Function),
-  __metadata("design:paramtypes", [typeof (_e = typeof Event !== "undefined" && Event) === "function" ? _e : Object]),
-  __metadata("design:returntype", void 0)
-], LengthTracker.prototype, "onInputChange", null);
-LengthTracker = __decorate([
-  (0, import_decorators.elementDefine)("length-tracker")
-], LengthTracker);
-let AutoSaveEditor = class AutoSaveEditor2 extends HTMLElement {
-  constructor() {
-    super(...arguments);
-    this.lastSavedContent = "";
-  }
-  async onContentChange(event) {
-    const textarea = event.target;
-    const content = textarea.value;
-    if (content !== this.lastSavedContent) {
-      console.log("Auto-saving content...");
-      await this.saveContent(content);
-      this.lastSavedContent = content;
-    }
-  }
-  async saveContent(content) {
-    try {
-      const response = await fetch("/api/save", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ content })
-      });
-      if (response.ok) {
-        console.log("Content saved successfully");
-        this.showSaveIndicator();
-      }
-    } catch (error) {
-      console.error("Save failed:", error);
-    }
-  }
-  showSaveIndicator() {
-    const indicator = this.querySelector(".save-indicator");
-    if (indicator) {
-      indicator.classList.add("show");
-      setTimeout(() => indicator.classList.remove("show"), 2e3);
-    }
-  }
-};
-__decorate([
-  (0, import_decorators.addEventListener)("$this", "input", {
-    debounceTime: 2e3,
-    distinctUntilChanged: (prev, curr) => {
-      return prev === curr;
-    }
-  }),
-  __metadata("design:type", Function),
-  __metadata("design:paramtypes", [typeof (_f = typeof Event !== "undefined" && Event) === "function" ? _f : Object]),
-  __metadata("design:returntype", Promise)
-], AutoSaveEditor.prototype, "onContentChange", null);
-AutoSaveEditor = __decorate([
-  (0, import_decorators.elementDefine)("auto-save-editor")
-], AutoSaveEditor);
-let KeyboardHandler = class KeyboardHandler2 extends HTMLElement {
-  onSaveShortcut(event) {
-    event.preventDefault();
-    console.log("Save shortcut triggered");
-    this.handleSave();
-  }
-  handleSave() {
-    console.log("Saving...");
-  }
-};
-__decorate([
-  (0, import_decorators.addEventListener)("$document", "keydown", {
-    throttleTime: 500,
-    filter: (event) => {
-      return (event.ctrlKey || event.metaKey) && event.key === "s";
-    }
-  }),
-  __metadata("design:type", Function),
-  __metadata("design:paramtypes", [typeof (_g = typeof KeyboardEvent !== "undefined" && KeyboardEvent) === "function" ? _g : Object]),
-  __metadata("design:returntype", void 0)
-], KeyboardHandler.prototype, "onSaveShortcut", null);
-KeyboardHandler = __decorate([
-  (0, import_decorators.elementDefine)("keyboard-handler")
-], KeyboardHandler);
-let MouseTracker = class MouseTracker2 extends HTMLElement {
-  onMouseMove(event) {
-    const x = event.clientX;
-    const y = event.clientY;
-    this.updateCursorPosition(x, y);
-  }
-  updateCursorPosition(x, y) {
-    console.log(`Cursor at: ${x}, ${y}`);
-  }
-};
-__decorate([
-  (0, import_decorators.addEventListener)("$document", "mousemove", { throttleTime: 100 }),
-  __metadata("design:type", Function),
-  __metadata("design:paramtypes", [typeof (_h = typeof MouseEvent !== "undefined" && MouseEvent) === "function" ? _h : Object]),
-  __metadata("design:returntype", void 0)
-], MouseTracker.prototype, "onMouseMove", null);
-MouseTracker = __decorate([
-  (0, import_decorators.elementDefine)("mouse-tracker")
-], MouseTracker);
-//# sourceMappingURL=RxJSOperatorsExample.js.map

package/dist/cjs/examples/RxJSOperatorsExample.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/examples/RxJSOperatorsExample.ts"],
-  "sourcesContent": ["/**\n * Example: Using RxJS-like Operators with @addEventListener\n * \n * This example demonstrates how to use debounceTime, throttleTime, and distinctUntilChanged\n * operators with the @addEventListener decorator.\n */\n\nimport { elementDefine, addEventListener } from '../decorators';\n\n/**\n * Example 1: Search Component with Debounce\n * \n * Waits 1 second after user stops typing before performing search.\n * Prevents excessive API calls during typing.\n */\n@elementDefine('search-component')\nexport class SearchComponent extends HTMLElement {\n  private results: any[] = [];\n\n  @addEventListener('$this', 'input', { debounceTime: 1000 })\n  async onSearchInput(event: Event) {\n    const input = event.target as HTMLInputElement;\n    const query = input.value.trim();\n\n    if (query.length > 2) {\n      try {\n        // Simulate API call\n        const response = await fetch(`/api/search?q=${encodeURIComponent(query)}`);\n        this.results = await response.json();\n        this.renderResults();\n      } catch (error) {\n        console.error('Search failed:', error);\n      }\n    } else {\n      this.results = [];\n      this.renderResults();\n    }\n  }\n\n  private renderResults() {\n    // Render search results\n    console.log('Rendering results:', this.results);\n  }\n}\n\n/**\n * Example 2: Window Resize Handler with Throttle\n * \n * Recalculates layout at most 4 times per second (every 250ms).\n * Prevents performance issues from excessive resize calculations.\n */\n@elementDefine('responsive-layout')\nexport class ResponsiveLayout extends HTMLElement {\n  @addEventListener('$window', 'resize', { throttleTime: 250 })\n  onWindowResize(event: Event) {\n    const width = window.innerWidth;\n    const height = window.innerHeight;\n\n    console.log(`Window resized to: ${width}x${height}`);\n    this.updateLayout(width, height);\n  }\n\n  private updateLayout(width: number, height: number) {\n    // Update layout based on new dimensions\n    if (width < 768) {\n      this.classList.add('mobile');\n      this.classList.remove('desktop');\n    } else {\n      this.classList.add('desktop');\n      this.classList.remove('mobile');\n    }\n  }\n}\n\n/**\n * Example 3: Form Input with Debounce + Distinct\n * \n * Validates field only when:\n * 1. User stops typing (debounce 300ms)\n * 2. AND the value actually changed (distinct)\n */\n@elementDefine('form-input')\nexport class FormInput extends HTMLElement {\n  @addEventListener('$this', 'input', {\n    debounceTime: 300,\n    distinctUntilChanged: true\n  })\n  onFormInput(event: Event) {\n    const input = event.target as HTMLInputElement;\n    const fieldName = input.name;\n    const value = input.value;\n\n    console.log(`Validating ${fieldName}: ${value}`);\n    this.validateField(fieldName, value);\n  }\n\n  private validateField(name: string, value: string) {\n    // Perform validation\n    const isValid = value.length > 0;\n    console.log(`Field ${name} is ${isValid ? 'valid' : 'invalid'}`);\n  }\n}\n\n/**\n * Example 4: Scroll Event with Throttle\n * \n * Checks if user scrolled to bottom at most 10 times per second.\n * Prevents excessive \"load more\" API calls.\n */\n@elementDefine('infinite-scroll')\nexport class InfiniteScroll extends HTMLElement {\n  private isLoading = false;\n\n  @addEventListener('$window', 'scroll', { throttleTime: 100 })\n  onScroll(event: Event) {\n    if (this.isLoading) return;\n\n    if (this.isNearBottom()) {\n      console.log('Near bottom, loading more content...');\n      this.loadMoreContent();\n    }\n  }\n\n  private isNearBottom(): boolean {\n    const scrollTop = window.scrollY;\n    const windowHeight = window.innerHeight;\n    const documentHeight = document.documentElement.scrollHeight;\n\n    return scrollTop + windowHeight >= documentHeight - 500;\n  }\n\n  private async loadMoreContent() {\n    this.isLoading = true;\n    try {\n      // Simulate API call\n      await new Promise(resolve => setTimeout(resolve, 1000));\n      console.log('Content loaded');\n    } finally {\n      this.isLoading = false;\n    }\n  }\n}\n\n/**\n * Example 5: Custom Comparison with Distinct\n * \n * Only fires when the input value length changes.\n * Ignores changes that don't affect the length.\n */\n@elementDefine('length-tracker')\nexport class LengthTracker extends HTMLElement {\n  @addEventListener('$this', 'input', {\n    distinctUntilChanged: (prev: any, curr: any) => {\n      // Only consider it changed if the length differs\n      return prev?.length === curr?.length;\n    }\n  })\n  onInputChange(event: Event) {\n    const input = event.target as HTMLInputElement;\n    const length = input.value.length;\n\n    console.log(`Input length changed to: ${length}`);\n    this.updateLengthDisplay(length);\n  }\n\n  private updateLengthDisplay(length: number) {\n    // Update UI with new length\n    const display = this.querySelector('.length-display');\n    if (display) {\n      display.textContent = `${length} characters`;\n    }\n  }\n}\n\n/**\n * Example 6: Complex Scenario - Auto-save with Multiple Operators\n * \n * Combines debounce and distinct for intelligent auto-save:\n * - Waits 2 seconds after user stops typing\n * - Only saves if content actually changed\n * - Prevents unnecessary save operations\n */\n@elementDefine('auto-save-editor')\nexport class AutoSaveEditor extends HTMLElement {\n  private lastSavedContent = '';\n\n  @addEventListener('$this', 'input', {\n    debounceTime: 2000,\n    distinctUntilChanged: (prev: any, curr: any) => {\n      // Consider changed if the content is different\n      return prev === curr;\n    }\n  })\n  async onContentChange(event: Event) {\n    const textarea = event.target as HTMLTextAreaElement;\n    const content = textarea.value;\n\n    if (content !== this.lastSavedContent) {\n      console.log('Auto-saving content...');\n      await this.saveContent(content);\n      this.lastSavedContent = content;\n    }\n  }\n\n  private async saveContent(content: string) {\n    try {\n      // Simulate API call\n      const response = await fetch('/api/save', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ content })\n      });\n\n      if (response.ok) {\n        console.log('Content saved successfully');\n        this.showSaveIndicator();\n      }\n    } catch (error) {\n      console.error('Save failed:', error);\n    }\n  }\n\n  private showSaveIndicator() {\n    const indicator = this.querySelector('.save-indicator');\n    if (indicator) {\n      indicator.classList.add('show');\n      setTimeout(() => indicator.classList.remove('show'), 2000);\n    }\n  }\n}\n\n/**\n * Example 7: Keyboard Shortcut Handler with Throttle\n * \n * Prevents rapid repeated execution of keyboard shortcuts.\n */\n@elementDefine('keyboard-handler')\nexport class KeyboardHandler extends HTMLElement {\n  @addEventListener('$document', 'keydown', {\n    throttleTime: 500,\n    filter: (event: KeyboardEvent) => {\n      // Only handle Ctrl+S or Cmd+S\n      return (event.ctrlKey || event.metaKey) && event.key === 's';\n    }\n  })\n  onSaveShortcut(event: KeyboardEvent) {\n    event.preventDefault();\n    console.log('Save shortcut triggered');\n    this.handleSave();\n  }\n\n  private handleSave() {\n    // Handle save operation\n    console.log('Saving...');\n  }\n}\n\n/**\n * Example 8: Mouse Move Tracking with Throttle\n * \n * Tracks mouse position at most 10 times per second.\n * Useful for analytics or interactive features.\n */\n@elementDefine('mouse-tracker')\nexport class MouseTracker extends HTMLElement {\n  @addEventListener('$document', 'mousemove', { throttleTime: 100 })\n  onMouseMove(event: MouseEvent) {\n    const x = event.clientX;\n    const y = event.clientY;\n\n    // Update cursor position indicator\n    this.updateCursorPosition(x, y);\n  }\n\n  private updateCursorPosition(x: number, y: number) {\n    // Update UI with cursor position\n    console.log(`Cursor at: ${x}, ${y}`);\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["SearchComponent", "ResponsiveLayout", "FormInput", "InfiniteScroll", "LengthTracker", "AutoSaveEditor", "KeyboardHandler", "MouseTracker"]
-}