@dooboostore/simple-web-component 1.0.47 → 1.0.49

package/dist/cjs/types/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/types/index.ts"],
-  "sourcesContent": ["import { SimpleApplication } from '@dooboostore/simple-boot';\nimport { Router } from '@dooboostore/core-web';\nimport {SwcAttributeConfigType, SwcConfigType} from \"../SwcAppEngine\";\n\nexport enum InjectSituationType {\n  HOST_SET = 'SIMPLE_WEB_COMPONENT://HOSTSET',\n  APP_HOST = 'SIMPLE_WEB_COMPONENT://APPHOST',\n  APP_HOSTS = 'SIMPLE_WEB_COMPONENT://APPHOSTS',\n  HOST = 'SIMPLE_WEB_COMPONENT://HOST',\n  PARENT_HOST = 'SIMPLE_WEB_COMPONENT://PARENTHOST',\n  HOSTS = 'SIMPLE_WEB_COMPONENT://HOSTS',\n  FIRST_HOST = 'SIMPLE_WEB_COMPONENT://FIRSTHOST',\n  LAST_HOST = 'SIMPLE_WEB_COMPONENT://LASTHOST',\n  FIRST_APP_HOST = 'SIMPLE_WEB_COMPONENT://FIRSTAPPHOST',\n  LAST_APP_HOST = 'SIMPLE_WEB_COMPONENT://LASTAPPHOST'\n}\n\nexport type SwcRootType = 'light' | 'shadow' | 'all' | 'auto';\n\nexport type SpecialSelector = '$this' | '$window' | '$document' | '$host' | '$appHost' | '$firstHost' | '$lastHost' | '$firstAppHost' | '$lastAppHost' | '$hosts' | '$appHosts';\n\nexport type SwcQueryOptions = { root?: SwcRootType };\n\nexport type HelperSet = {\n  $d: Document;\n  $w: Window;\n  $q: (selector: string, root?: Element | Document | ShadowRoot) => HTMLElement | null;\n  $qa: (selector: string, root?: Element | Document | ShadowRoot) => HTMLElement[];\n  $qi: (id: string, root?: Document | ShadowRoot) => HTMLElement | null;\n};\n\nexport type HostSet = {\n  $host: HTMLElement | null; // Nearest parent SWC component\n  $parentHost: HTMLElement | null; // Grandparent SWC ancestor\n  $hosts: HTMLElement[]; // All SWC ancestors [root, ..., parent]\n  $firstHost: HTMLElement | null; // Top-most SWC ancestor\n  $lastHost: HTMLElement | null; // Same as $host\n  // $templateHost: HTMLTemplateElement | null | undefined;\n  $appHost: SwcAppInterface | null;\n  $appHosts: SwcAppInterface[];\n  $firstAppHost: SwcAppInterface | null;\n  $lastAppHost: SwcAppInterface | null;\n};\n\nexport type HelperHostSet = HelperSet & HostSet & {$this: any};\n\nexport type SwcAppMessage<T = any> = {\n  publisher?: any;\n  data?: T;\n  type?: string;\n};\n\n\nexport interface SwcAppInterface extends HTMLElement {\n  simpleApplication?: SimpleApplication;\n  config?:  SwcConfigType;\n  router?: Router;\n  connect(config?: SwcAttributeConfigType): Promise<void>;\n  routing(path: string): Promise<void>;\n  reload(): void;\n  back(): void;\n  forward(): void;\n  publishMessage(message: SwcAppMessage): void;\n}\n\nexport interface SwcElement {\n  _swcId: string;\n  // createSlotString(id: string): string\n  // createEaHtml(id: string, script: string): string\n  // createEaText(id: string, script: string): string\n  // createEaAttribute(id: string, attributeName: string): string\n  // createEaEvent(id: string, eventName: string): string\n  // createEaProperty(id: string, propertyName: string): string\n}"],
+  "sourcesContent": ["import { SimpleApplication } from '@dooboostore/simple-boot';\nimport { Router } from '@dooboostore/core-web';\nimport {SwcAttributeConfigType, SwcConfigType} from \"../SwcAppEngine\";\n\nexport enum InjectSituationType {\n  HOST_SET = 'SIMPLE_WEB_COMPONENT://HOSTSET',\n  APP_HOST = 'SIMPLE_WEB_COMPONENT://APPHOST',\n  APP_HOSTS = 'SIMPLE_WEB_COMPONENT://APPHOSTS',\n  HOST = 'SIMPLE_WEB_COMPONENT://HOST',\n  PARENT_HOST = 'SIMPLE_WEB_COMPONENT://PARENTHOST',\n  HOSTS = 'SIMPLE_WEB_COMPONENT://HOSTS',\n  FIRST_HOST = 'SIMPLE_WEB_COMPONENT://FIRSTHOST',\n  LAST_HOST = 'SIMPLE_WEB_COMPONENT://LASTHOST',\n  FIRST_APP_HOST = 'SIMPLE_WEB_COMPONENT://FIRSTAPPHOST',\n  LAST_APP_HOST = 'SIMPLE_WEB_COMPONENT://LASTAPPHOST'\n}\n\nexport type SwcRootType = 'light' | 'shadow' | 'all' | 'auto';\n\nexport type SpecialSelector = '$this' | '$window' | '$document' | '$host' | '$appHost' | '$firstHost' | '$lastHost' | '$firstAppHost' | '$lastAppHost' | '$hosts' | '$appHosts';\n\nexport type SwcQueryOptions = { root?: SwcRootType };\n\nexport type HelperSet = {\n  $d: Document;\n  $w: Window;\n  $q: (selector: string, root?: Element | Document | ShadowRoot) => HTMLElement | null;\n  $qa: (selector: string, root?: Element | Document | ShadowRoot) => HTMLElement[];\n  $qi: (id: string, root?: Document | ShadowRoot) => HTMLElement | null;\n};\n\nexport type HostSet = {\n  $host: HTMLElement | null; // Nearest parent SWC component\n  $parentHost: HTMLElement | null; // Grandparent SWC ancestor\n  $hosts: HTMLElement[]; // All SWC ancestors [root, ..., parent]\n  $firstHost: HTMLElement | null; // Top-most SWC ancestor\n  $lastHost: HTMLElement | null; // Same as $host\n  // $templateHost: HTMLTemplateElement | null | undefined;\n  $appHost: SwcAppInterface | null;\n  $appHosts: SwcAppInterface[];\n  $firstAppHost: SwcAppInterface | null;\n  $lastAppHost: SwcAppInterface | null;\n};\n\nexport type HelperHostSet = HelperSet & HostSet & {$this: any};\n\n// \uACF5\uD1B5 \uC140\uB809\uD130 \uD568\uC218 \u2014 \uC694\uC18C/\uB178\uB4DC\uB97C \uC9C1\uC811 \uBC18\uD658\uD558\uB294 \uD568\uC218 \uC140\uB809\uD130 (query\uB294 Node\uAE4C\uC9C0 \uBC18\uD658 \uAC00\uB2A5)\nexport type SwcFnSelector = (currentThis: any, helper: HelperHostSet) => Node | NodeList | Element | Element[] | null;\n// \uACF5\uD1B5 \uC140\uB809\uD130 \u2014 \uBB38\uC790\uC5F4(CSS/\uD2B9\uC218) \uB610\uB294 \uD568\uC218\nexport type SwcSelector = string | SwcFnSelector;\n\nexport type SwcAppMessage<T = any> = {\n  publisher?: any;\n  data?: T;\n  type?: string;\n};\n\n\nexport interface SwcAppInterface extends HTMLElement {\n  simpleApplication?: SimpleApplication;\n  config?:  SwcConfigType;\n  router?: Router;\n  connect(config?: SwcAttributeConfigType): Promise<void>;\n  routing(path: string): Promise<void>;\n  reload(): void;\n  back(): void;\n  forward(): void;\n  publishMessage(message: SwcAppMessage): void;\n}\n\nexport interface SwcElement {\n  _swcId: string;\n  // createSlotString(id: string): string\n  // createEaHtml(id: string, script: string): string\n  // createEaText(id: string, script: string): string\n  // createEaAttribute(id: string, attributeName: string): string\n  // createEaEvent(id: string, eventName: string): string\n  // createEaProperty(id: string, propertyName: string): string\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// ElementDefineLifeCycler\n//\n// \uAC01 \uB370\uCF54\uB808\uC774\uD130 \uD30C\uC77C(addEventListener, mutationObserver, \u2026)\uC774 \uC774 interface\uB97C\n// \uAD6C\uD604\uD574 export \uD558\uACE0, elementDefine.ts\uB294 cyclers \uBC30\uC5F4\uB85C \uAD00\uB9AC\uD558\uBA70 \uC704\uC784\uB9CC \uD55C\uB2E4.\n//\n// \uC2DC\uD074\uB7EC\uB294 \uC0DD\uC131\uC790\uC5D0\uC11C \uC544\uBB34 \uC778\uC790\uB3C4 \uBC1B\uC9C0 \uC54A\uB294\uB2E4. \uC0C1\uD0DC\uB294 \uC778\uC2A4\uD134\uC2A4\uBCC4\uB85C \uAD00\uB9AC\uD574\uC57C \uD558\uBBC0\uB85C,\n// \uAC01 \uB77C\uC774\uD504\uC0AC\uC774\uD074 \uD6C5(onConnected \uB4F1)\uC758 \uCCAB \uBC88\uC9F8 \uC778\uC790\uB85C HelperHostSet \uC744 \uBC1B\uC544\n// \uADF8 \uC548\uC758 $this(\uD604\uC7AC \uC5D8\uB9AC\uBA3C\uD2B8 \uC778\uC2A4\uD134\uC2A4) / $w(window) \uB85C \uCC98\uB9AC\uD55C\uB2E4.\n// elementDefine \uC740 elementDefine \uC2DC\uC810\uC5D0 \uC2DC\uD074\uB7EC\uB97C 1\uD68C \uC0DD\uC131\uD558\uACE0 \uACC4\uC18D \uC7AC\uC0AC\uC6A9\uD55C\uB2E4.\n// \uBAA8\uB4E0 \uBA54\uC11C\uB4DC\uB294 optional \u2014 \uAD00\uC2EC \uC788\uB294 \uD6C5\uB9CC \uAD6C\uD604\uD558\uBA74 \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\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// onConnected \uBC18\uD658 \uD0C0\uC785\n//\n// \uAC01 cycler \uAC00 \"\uD544\uC694\uD55C observer \uC815\uBCF4\"\uB97C \uC120\uC5B8\uD558\uBA74,\n// elementDefine \uC774 \uC218\uC9D1\uD574\uC11C \uD544\uC694\uD55C \uACBD\uC6B0\uC5D0\uB9CC observer \uC778\uC2A4\uD134\uC2A4\uB97C \uC0DD\uC131\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\n\n/** observer observe \uB300\uC0C1 \uC5D4\uD2B8\uB9AC. delegate:true \uC774\uBA74 target \uC740 \uC140\uB809\uD130 \uBB38\uC790\uC5F4\uC774\uBA70, \uC2E4\uC81C \uC694\uC18C\uB294 \uB3D9\uC801 \uCD94\uC801\uC73C\uB85C observe/unobserve \uB41C\uB2E4. */\nexport interface ObserverObserveTarget<TOptions> {\n  target: Element | ShadowRoot | string;\n  options?: TOptions;\n  delegate?: boolean;\n  /** delegate \uB3D9\uC801 \uCD94\uC801 \uC2DC observe/unobserve \uB97C \uC2E4\uD589\uD560 \uB8E8\uD2B8(\uC2A4\uCF54\uD504). delegate:true \uC77C \uB54C\uB9CC \uC758\uBBF8 \uC788\uB2E4. */\n  delegateRoot?: SwcRootType;\n}\n\n/** MutationObserver observe \uB300\uC0C1 \uD558\uB098. \uB3D9\uC77C \uB8E8\uD2B8\uC758 \uC5EC\uB7EC \uB300\uC0C1\uC740 \uAC19\uC740 callback \uC744 \uACF5\uC720\uD55C\uB2E4. */\nexport interface MutationObserverSetEntry {\n  target: Element | ShadowRoot | string;\n  options?: MutationObserverInit;\n  delegate?: boolean;\n  delegateRoot?: SwcRootType;\n  callback: (mutations: MutationRecord[], observer: MutationObserver) => void;\n}\n\n/** observe \uD560 \uB300\uC0C1 \uBAA9\uB85D (\uC5D4\uD2B8\uB9AC\uBCC4 \uCF5C\uBC31 \uD3EC\uD568). elementDefine \uC774 \uD558\uB098\uC758 MutationObserver \uB85C \uBAA8\uB450 observe \uD55C\uB2E4. */\nexport type MutationObserverSet = MutationObserverSetEntry[];\n\n/** ResizeObserver observe \uB300\uC0C1 \uD558\uB098. \uB3D9\uC77C \uC140\uB809\uD130\uC758 \uC5EC\uB7EC \uB300\uC0C1\uC740 \uAC19\uC740 callback \uC744 \uACF5\uC720\uD55C\uB2E4. */\nexport interface ResizeObserverSetEntry {\n  target: Element | ShadowRoot | string;\n  options?: ResizeObserverOptions;\n  delegate?: boolean;\n  delegateRoot?: SwcRootType;\n  callback: (entries: ResizeObserverEntry[], observer: ResizeObserver) => void;\n}\n\n/** observe \uD560 \uB300\uC0C1 \uBAA9\uB85D (\uC5D4\uD2B8\uB9AC\uBCC4 \uCF5C\uBC31 \uD3EC\uD568). elementDefine \uC774 \uD558\uB098\uC758 ResizeObserver \uB85C \uBAA8\uB450 observe \uD55C\uB2E4. */\nexport type ResizeObserverSet = ResizeObserverSetEntry[];\n\n/** IntersectionObserver observe \uB300\uC0C1 \uD558\uB098. \uAC19\uC740 \uC635\uC158 \uADF8\uB8F9\uC758 \uC5EC\uB7EC \uB300\uC0C1\uC740 \uAC19\uC740 callback \uC744 \uACF5\uC720\uD55C\uB2E4. */\nexport interface IntersectionObserverSetEntry {\n  target: Element | ShadowRoot | string;\n  delegate?: boolean;\n  delegateRoot?: SwcRootType;\n  callback: (entries: IntersectionObserverEntry[], observer: IntersectionObserver) => void;\n}\n\n/** IntersectionObserver \uADF8\uB8F9. observer \uB294 \uC0DD\uC131 \uC2DC\uC810\uC5D0 \uC635\uC158\uC774 \uACE0\uC815\uB418\uBBC0\uB85C \uC635\uC158\uBCC4\uB85C 1\uAC1C\uC529 \uC0DD\uC131\uB41C\uB2E4. */\nexport interface IntersectionObserverGroup {\n  /** observer \uC0DD\uC131 \uC635\uC158 (threshold/rootMargin/root). \uC774 \uAC12\uC774 \uAC19\uC73C\uBA74 \uAC19\uC740 observer \uB97C \uACF5\uC720\uD55C\uB2E4. */\n  options: IntersectionObserverInit;\n  observeTargets: IntersectionObserverSetEntry[];\n}\n\n/** observe \uD560 \uC635\uC158 \uADF8\uB8F9 \uBAA9\uB85D. elementDefine \uC774 \uADF8\uB8F9\uB9C8\uB2E4 IntersectionObserver \uB97C \uC0DD\uC131\uD55C\uB2E4. */\nexport type IntersectionObserverSet = IntersectionObserverGroup[];\n\n/**\n * onConnected \uC758 \uBC18\uD658 \uD0C0\uC785.\n * observer \uAC00 \uD544\uC694 \uC5C6\uB294 cycler \uB294 undefined \uB97C \uBC18\uD658\uD574\uB3C4 \uB41C\uB2E4.\n */\nexport interface OnConnectedResult {\n  mutationObserverSet?: MutationObserverSet;\n  resizeObserverSet?: ResizeObserverSet;\n  intersectionObserverSet?: IntersectionObserverSet;\n}\n\n/**\n * \uAC01 \uB370\uCF54\uB808\uC774\uD130 \uD30C\uC77C\uC774 \uAD6C\uD604\uD558\uB294 \uB77C\uC774\uD504\uC0AC\uC774\uD074 \uC704\uC784 interface.\n *\n * \uAD6C\uD604\uCCB4\uB294 \uC0C1\uD0DC\uB97C \uAC16\uC9C0 \uC54A\uACE0, \uAC01 \uD6C5\uC758 \uCCAB \uBC88\uC9F8 \uC778\uC790\uB85C HelperHostSet \uC744 \uBC1B\uB294\uB2E4.\n * \uAD00\uC2EC \uC788\uB294 \uD6C5\uB9CC \uAD6C\uD604\uD558\uBA74 \uB41C\uB2E4 (\uC804\uBD80 optional).\n *\n * ```ts\n * const eventCycler = new EventListenerLifeCycler();\n * const cyclers: ElementDefineLifeCycler[] = [eventCycler, ...];   // elementDefine \uC2DC 1\uD68C \uC0DD\uC131\n *\n * proto.connectedCallback = async function () {\n *   const helperHostSet = SwcUtils.getHelperAndHostSet(win, this);\n *   const results = await Promise.all(cyclers.map(c => c.onConnected?.(helperHostSet)));\n *   // results \uC5D0\uC11C mutationObserverSet / resizeObserverSet \uC218\uC9D1\n *   // \u2192 \uD544\uC694\uD55C \uACBD\uC6B0\uC5D0\uB9CC MutationObserver / ResizeObserver \uC0DD\uC131\n * };\n * proto.disconnectedCallback = function () {\n *   for (const c of cyclers) c.onDisconnected?.(helperHostSet);\n * };\n * ```\n */\nexport interface ElementDefineLifeCycler {\n  /**\n   * connectedCallback \uC2DC \uD638\uCD9C.\n   * observer \uAC00 \uD544\uC694\uD558\uBA74 OnConnectedResult \uB97C \uBC18\uD658\uD558\uACE0,\n   * \uD544\uC694 \uC5C6\uC73C\uBA74 void / undefined \uB97C \uBC18\uD658\uD55C\uB2E4.\n   * @param helperHostSet \uD604\uC7AC \uC5D8\uB9AC\uBA3C\uD2B8 \uC778\uC2A4\uD134\uC2A4($this)\uB97C \uD3EC\uD568\uD55C \uCEE8\uD14D\uC2A4\uD2B8\n   * @param resizeObserverSet \uC774\uC804 \uC2DC\uD074\uB7EC\uAC00 \uBC18\uD658\uD55C resize observer set (mutation \uC2DC\uD074\uB7EC\uAC00 \uC8FC\uC785\uBC1B\uC544 \uC0AC\uC6A9)\n   */\n  onConnected?(helperHostSet: HelperHostSet, resizeObserverSet?: ResizeObserverSet): OnConnectedResult | void | Promise<OnConnectedResult | void>;\n\n  /** disconnectedCallback \uC2DC \uD638\uCD9C. \uB4F1\uB85D\uD55C \uB9AC\uC18C\uC2A4\uB97C \uD574\uC81C\uD55C\uB2E4. */\n  onDisconnected?(helperHostSet: HelperHostSet): void;\n\n  /** adoptedCallback \uC2DC \uD638\uCD9C (\uC120\uD0DD\uC801). */\n  onAdopted?(helperHostSet: HelperHostSet): void;\n\n  /**\n   * attributeChangedCallback \uC2DC \uD638\uCD9C (\uC120\uD0DD\uC801).\n   * @param helperHostSet \uD604\uC7AC \uC5D8\uB9AC\uBA3C\uD2B8 \uC778\uC2A4\uD134\uC2A4($this)\uB97C \uD3EC\uD568\uD55C \uCEE8\uD14D\uC2A4\uD2B8\n   * @param name    \uBCC0\uACBD\uB41C attribute \uC774\uB984\n   * @param oldVal  \uC774\uC804 \uAC12\n   * @param newVal  \uC0C8 \uAC12 (ActionExpression \uCC98\uB9AC \uD6C4)\n   */\n  onAttributeChanged?(helperHostSet: HelperHostSet, name: string, oldVal: string | null, newVal: any): void;\n\n  /**\n   * observedAttributes \uC5D0 \uD3EC\uD568\uD574\uC57C \uD558\uB294 attribute \uC774\uB984 \uBAA9\uB85D\uC744 \uBC18\uD658\uD55C\uB2E4.\n   * elementDefine \uC774 define-time(constructor)\uC5D0 \uD638\uCD9C\uD574 \uC218\uC9D1\uD55C\uB2E4.\n   * \uAD00\uC2EC \uC5C6\uC73C\uBA74 \uAD6C\uD604\uD558\uC9C0 \uC54A\uAC70\uB098 \uBE48 \uBC30\uC5F4\uC744 \uBC18\uD658\uD55C\uB2E4.\n   * @param target constructor \uB610\uB294 element \uC778\uC2A4\uD134\uC2A4 (\uBA54\uD0C0\uB370\uC774\uD130 \uC870\uD68C\uC6A9)\n   */\n  getObservedAttributeNames?(target: any): string[];\n}"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIO,IAAK,sBAAL,kBAAKA,yBAAL;AACL,EAAAA,qBAAA,cAAW;AACX,EAAAA,qBAAA,cAAW;AACX,EAAAA,qBAAA,eAAY;AACZ,EAAAA,qBAAA,UAAO;AACP,EAAAA,qBAAA,iBAAc;AACd,EAAAA,qBAAA,WAAQ;AACR,EAAAA,qBAAA,gBAAa;AACb,EAAAA,qBAAA,eAAY;AACZ,EAAAA,qBAAA,oBAAiB;AACjB,EAAAA,qBAAA,mBAAgB;AAVN,SAAAA;AAAA,GAAA;",
   "names": ["InjectSituationType"]
 }

package/dist/esm/config/config.js

@@ -57,7 +57,7 @@ const HTML_TAG_ENTRIES = [
   ["HTMLHeadingElement", "h1"],
   ["HTMLBodyElement", "body"]
 ];
-const DOM_EVENT_NAMES = ["click", "dblclick", "mousedown", "mouseenter", "mouseleave", "mousemove", "mouseout", "mouseover", "mouseup", "contextmenu", "keydown", "keypress", "keyup", "blur", "change", "focus", "focusin", "focusout", "input", "invalid", "reset", "search", "select", "submit", "drag", "dragend", "dragenter", "dragleave", "dragover", "dragstart", "drop", "copy", "cut", "paste", "abort", "canplay", "canplaythrough", "durationchange", "emptied", "ended", "error", "loadeddata", "loadedmetadata", "loadstart", "pause", "play", "playing", "progress", "ratechange", "seeked", "seeking", "stalled", "suspend", "timeupdate", "volumechange", "waiting", "scroll", "resize", "load", "unload", "hashchange", "connected"];
+const DOM_EVENT_NAMES = ["click", "dblclick", "mousedown", "mouseenter", "mouseleave", "mousemove", "mouseout", "mouseover", "mouseup", "contextmenu", "keydown", "keypress", "keyup", "blur", "change", "focus", "focusin", "focusout", "input", "invalid", "reset", "search", "select", "submit", "drag", "dragend", "dragenter", "dragleave", "dragover", "dragstart", "drop", "copy", "cut", "paste", "abort", "canplay", "canplaythrough", "durationchange", "emptied", "ended", "error", "loadeddata", "loadedmetadata", "loadstart", "pause", "play", "playing", "progress", "ratechange", "seeked", "seeking", "stalled", "suspend", "timeupdate", "volumechange", "waiting", "scroll", "resize", "load", "hashchange", "connected"];
 const BROWSER_GLOBALS = ["window", "document", "Node", "Element", "HTMLElement", "DocumentFragment", "CustomEvent", "customElements", "NodeFilter", ...HTML_TAG_ENTRIES.map(([className]) => className)];
 export {
   BROWSER_GLOBALS,

package/dist/esm/config/config.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/config/config.ts"],
-  "sourcesContent": ["export const HTML_TAG_ENTRIES: [string, string][] = [\n  ['HTMLAnchorElement', 'a'],\n  ['HTMLAreaElement', 'area'],\n  ['HTMLAudioElement', 'audio'],\n  ['HTMLBaseElement', 'base'],\n  ['HTMLButtonElement', 'button'],\n  ['HTMLCanvasElement', 'canvas'],\n  ['HTMLDataElement', 'data'],\n  ['HTMLDataListElement', 'datalist'],\n  ['HTMLDetailsElement', 'details'],\n  ['HTMLDialogElement', 'dialog'],\n  ['HTMLDivElement', 'div'],\n  ['HTMLDListElement', 'dl'],\n  ['HTMLEmbedElement', 'embed'],\n  ['HTMLFieldSetElement', 'fieldset'],\n  ['HTMLFormElement', 'form'],\n  ['HTMLHRElement', 'hr'],\n  ['HTMLIFrameElement', 'iframe'],\n  ['HTMLImageElement', 'img'],\n  ['HTMLInputElement', 'input'],\n  ['HTMLLabelElement', 'label'],\n  ['HTMLLegendElement', 'legend'],\n  ['HTMLLIElement', 'li'],\n  ['HTMLLinkElement', 'link'],\n  ['HTMLMapElement', 'map'],\n  ['HTMLMetaElement', 'meta'],\n  ['HTMLMeterElement', 'meter'],\n  ['HTMLModElement', 'del'],\n  ['HTMLObjectElement', 'object'],\n  ['HTMLOListElement', 'ol'],\n  ['HTMLOptGroupElement', 'optgroup'],\n  ['HTMLOptionElement', 'option'],\n  ['HTMLOutputElement', 'output'],\n  ['HTMLParagraphElement', 'p'],\n  ['HTMLParamElement', 'param'],\n  ['HTMLPictureElement', 'picture'],\n  ['HTMLPreElement', 'pre'],\n  ['HTMLProgressElement', 'progress'],\n  ['HTMLQuoteElement', 'blockquote'],\n  ['HTMLScriptElement', 'script'],\n  ['HTMLSelectElement', 'select'],\n  ['HTMLSlotElement', 'slot'],\n  ['HTMLSourceElement', 'source'],\n  ['HTMLSpanElement', 'span'],\n  ['HTMLStyleElement', 'style'],\n  ['HTMLTableElement', 'table'],\n  ['HTMLTableSectionElement', 'tbody'],\n  ['HTMLTableCellElement', 'td'],\n  ['HTMLTemplateElement', 'template'],\n  ['HTMLTextAreaElement', 'textarea'],\n  ['HTMLTimeElement', 'time'],\n  ['HTMLTitleElement', 'title'],\n  ['HTMLTableRowElement', 'tr'],\n  ['HTMLTrackElement', 'track'],\n  ['HTMLUListElement', 'ul'],\n  ['HTMLVideoElement', 'video'],\n  ['HTMLHeadingElement', 'h1'],\n  ['HTMLBodyElement', 'body']\n];\n\nexport const DOM_EVENT_NAMES = ['click', 'dblclick', 'mousedown', 'mouseenter', 'mouseleave', 'mousemove', 'mouseout', 'mouseover', 'mouseup', 'contextmenu', 'keydown', 'keypress', 'keyup', 'blur', 'change', 'focus', 'focusin', 'focusout', 'input', 'invalid', 'reset', 'search', 'select', 'submit', 'drag', 'dragend', 'dragenter', 'dragleave', 'dragover', 'dragstart', 'drop', 'copy', 'cut', 'paste', 'abort', 'canplay', 'canplaythrough', 'durationchange', 'emptied', 'ended', 'error', 'loadeddata', 'loadedmetadata', 'loadstart', 'pause', 'play', 'playing', 'progress', 'ratechange', 'seeked', 'seeking', 'stalled', 'suspend', 'timeupdate', 'volumechange', 'waiting', 'scroll', 'resize', 'load', 'unload', 'hashchange', 'connected'];\n\nexport const BROWSER_GLOBALS = ['window', 'document', 'Node', 'Element', 'HTMLElement', 'DocumentFragment', 'CustomEvent', 'customElements', 'NodeFilter', ...HTML_TAG_ENTRIES.map(([className]) => className)];\n"],
-  "mappings": "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",
+  "sourcesContent": ["export const HTML_TAG_ENTRIES: [string, string][] = [\n  ['HTMLAnchorElement', 'a'],\n  ['HTMLAreaElement', 'area'],\n  ['HTMLAudioElement', 'audio'],\n  ['HTMLBaseElement', 'base'],\n  ['HTMLButtonElement', 'button'],\n  ['HTMLCanvasElement', 'canvas'],\n  ['HTMLDataElement', 'data'],\n  ['HTMLDataListElement', 'datalist'],\n  ['HTMLDetailsElement', 'details'],\n  ['HTMLDialogElement', 'dialog'],\n  ['HTMLDivElement', 'div'],\n  ['HTMLDListElement', 'dl'],\n  ['HTMLEmbedElement', 'embed'],\n  ['HTMLFieldSetElement', 'fieldset'],\n  ['HTMLFormElement', 'form'],\n  ['HTMLHRElement', 'hr'],\n  ['HTMLIFrameElement', 'iframe'],\n  ['HTMLImageElement', 'img'],\n  ['HTMLInputElement', 'input'],\n  ['HTMLLabelElement', 'label'],\n  ['HTMLLegendElement', 'legend'],\n  ['HTMLLIElement', 'li'],\n  ['HTMLLinkElement', 'link'],\n  ['HTMLMapElement', 'map'],\n  ['HTMLMetaElement', 'meta'],\n  ['HTMLMeterElement', 'meter'],\n  ['HTMLModElement', 'del'],\n  ['HTMLObjectElement', 'object'],\n  ['HTMLOListElement', 'ol'],\n  ['HTMLOptGroupElement', 'optgroup'],\n  ['HTMLOptionElement', 'option'],\n  ['HTMLOutputElement', 'output'],\n  ['HTMLParagraphElement', 'p'],\n  ['HTMLParamElement', 'param'],\n  ['HTMLPictureElement', 'picture'],\n  ['HTMLPreElement', 'pre'],\n  ['HTMLProgressElement', 'progress'],\n  ['HTMLQuoteElement', 'blockquote'],\n  ['HTMLScriptElement', 'script'],\n  ['HTMLSelectElement', 'select'],\n  ['HTMLSlotElement', 'slot'],\n  ['HTMLSourceElement', 'source'],\n  ['HTMLSpanElement', 'span'],\n  ['HTMLStyleElement', 'style'],\n  ['HTMLTableElement', 'table'],\n  ['HTMLTableSectionElement', 'tbody'],\n  ['HTMLTableCellElement', 'td'],\n  ['HTMLTemplateElement', 'template'],\n  ['HTMLTextAreaElement', 'textarea'],\n  ['HTMLTimeElement', 'time'],\n  ['HTMLTitleElement', 'title'],\n  ['HTMLTableRowElement', 'tr'],\n  ['HTMLTrackElement', 'track'],\n  ['HTMLUListElement', 'ul'],\n  ['HTMLVideoElement', 'video'],\n  ['HTMLHeadingElement', 'h1'],\n  ['HTMLBodyElement', 'body']\n];\n\nexport const DOM_EVENT_NAMES = ['click', 'dblclick', 'mousedown', 'mouseenter', 'mouseleave', 'mousemove', 'mouseout', 'mouseover', 'mouseup', 'contextmenu', 'keydown', 'keypress', 'keyup', 'blur', 'change', 'focus', 'focusin', 'focusout', 'input', 'invalid', 'reset', 'search', 'select', 'submit', 'drag', 'dragend', 'dragenter', 'dragleave', 'dragover', 'dragstart', 'drop', 'copy', 'cut', 'paste', 'abort', 'canplay', 'canplaythrough', 'durationchange', 'emptied', 'ended', 'error', 'loadeddata', 'loadedmetadata', 'loadstart', 'pause', 'play', 'playing', 'progress', 'ratechange', 'seeked', 'seeking', 'stalled', 'suspend', 'timeupdate', 'volumechange', 'waiting', 'scroll', 'resize', 'load', 'hashchange', 'connected'];\n\nexport const BROWSER_GLOBALS = ['window', 'document', 'Node', 'Element', 'HTMLElement', 'DocumentFragment', 'CustomEvent', 'customElements', 'NodeFilter', ...HTML_TAG_ENTRIES.map(([className]) => className)];\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/decorators/addEventListener.js

@@ -1,33 +1,65 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { ReflectUtils } from "@dooboostore/core";
 const ADD_EVENT_LISTENER_METADATA_KEY = Symbol.for("simple-web-component:add-event-listener");
-function addEventListener(selectorOrTarget, type, options = {}) {
+function addEventListener(selectorOrType, typeOrOptions, maybeOptions) {
   return (targetObj, propertyKey, descriptor) => {
+    let selector;
+    let types;
+    let opts = {};
+    if (typeof typeOrOptions === "string" || Array.isArray(typeOrOptions)) {
+      selector = selectorOrType;
+      types = Array.isArray(typeOrOptions) ? typeOrOptions : [typeOrOptions];
+      opts = maybeOptions ?? {};
+    } else {
+      selector = "$this";
+      if (Array.isArray(selectorOrType)) types = selectorOrType;
+      else types = [selectorOrType];
+      opts = typeOrOptions ?? {};
+    }
     const constructor = targetObj.constructor;
     let listeners = ReflectUtils.getMetadata(ADD_EVENT_LISTENER_METADATA_KEY, constructor);
     if (!listeners) {
       listeners = [];
       ReflectUtils.defineMetadata(ADD_EVENT_LISTENER_METADATA_KEY, listeners, constructor);
     }
-    listeners.push({ propertyKey, selector: selectorOrTarget, type, options });
+    for (const type of types) listeners.push({ propertyKey, selector, type, options: opts });
   };
 }
-function addEventListenerDelegateLightDom(selector, type, options) {
+function addEventListenerDelegateLight(selector, type, options) {
   return addEventListener(selector, type, { ...options ?? {}, root: "light", delegate: true });
 }
-function addEventListenerDelegateShadowDom(selector, type, options) {
+function addEventListenerDelegateShadow(selector, type, options) {
   return addEventListener(selector, type, { ...options ?? {}, root: "shadow", delegate: true });
 }
-function addEventListenerDelegateAllDom(selector, type, options) {
+function addEventListenerDelegateAll(selector, type, options) {
   return addEventListener(selector, type, { ...options ?? {}, root: "all", delegate: true });
 }
 function addEventListenerDelegate(selector, type, options) {
   return addEventListener(selector, type, { ...options ?? {}, root: "auto", delegate: true });
 }
-const event = addEventListener;
-const eventDelegateLightDom = addEventListenerDelegateLightDom;
-const eventDelegateShadowDom = addEventListenerDelegateShadowDom;
-const eventDelegateAllDom = addEventListenerDelegateAllDom;
-const eventDelegate = addEventListenerDelegate;
+function addEventListenerMutationLight(selector, type, options) {
+  return addEventListener(selector, type, { ...options ?? {}, root: "light", delegate: "mutation" });
+}
+function addEventListenerMutationShadow(selector, type, options) {
+  return addEventListener(selector, type, { ...options ?? {}, root: "shadow", delegate: "mutation" });
+}
+function addEventListenerMutationAll(selector, type, options) {
+  return addEventListener(selector, type, { ...options ?? {}, root: "all", delegate: "mutation" });
+}
+function addEventListenerMutation(selector, type, options) {
+  return addEventListener(selector, type, { ...options ?? {}, root: "auto", delegate: "mutation" });
+}
+function addEventListenerLight(selector, type, options) {
+  return addEventListener(selector, type, { ...options ?? {}, root: "light" });
+}
+function addEventListenerShadow(selector, type, options) {
+  return addEventListener(selector, type, { ...options ?? {}, root: "shadow" });
+}
+function addEventListenerAll(selector, type, options) {
+  return addEventListener(selector, type, { ...options ?? {}, root: "all" });
+}
 function addEventListenerThis(type, options) {
   return addEventListener("$this", type, options);
 }
@@ -40,26 +72,391 @@ function addEventListenerWindow(type, options) {
 function addEventListenerDocument(type, options) {
   return addEventListener("$document", type, options);
 }
+const event = addEventListener;
+const eventDelegateLight = addEventListenerDelegateLight;
+const eventDelegateShadow = addEventListenerDelegateShadow;
+const eventDelegateAll = addEventListenerDelegateAll;
+const eventDelegate = addEventListenerDelegate;
+const eventMutationLight = addEventListenerMutationLight;
+const eventMutationShadow = addEventListenerMutationShadow;
+const eventMutationAll = addEventListenerMutationAll;
+const eventMutation = addEventListenerMutation;
+const eventLight = addEventListenerLight;
+const eventShadow = addEventListenerShadow;
+const eventAll = addEventListenerAll;
+const eventAppHost = addEventListenerAppHost;
+const eventWindow = addEventListenerWindow;
+const eventDocument = addEventListenerDocument;
+const eventThis = addEventListenerThis;
 const getAddEventListenerMetadata = (target) => {
   const constructor = target instanceof Function ? target : target.constructor;
   return ReflectUtils.getMetadata(ADD_EVENT_LISTENER_METADATA_KEY, constructor);
 };
+import { Subject } from "@dooboostore/core";
+import { debounceTime, distinctUntilChanged, throttleTime } from "@dooboostore/core/message/operators";
+import { SwcUtils } from "../utils/Utils.js";
+class EventListenerLifeCycler {
+  constructor() {
+    /** 인스턴스별 boundListeners 상태 (시클러는 elementDefine 시 1회 생성되어 공유되므로) */
+    __publicField(this, "boundListenersMap", /* @__PURE__ */ new WeakMap());
+    /** 인스턴스별 delegate:'mutation' 바인딩 추적 WeakSet — MutationObserverLifeCycler 에서 참조 */
+    __publicField(this, "eventBoundSetsMap", /* @__PURE__ */ new WeakMap());
+  }
+  // ── 외부(MutationObserverLifeCycler)에서 직접 사용하는 공개 헬퍼 ──
+  /** 인스턴스별 boundListeners 를 반환한다 (없으면 생성). */
+  getBoundListeners(inst) {
+    let list = this.boundListenersMap.get(inst);
+    if (!list) {
+      list = [];
+      this.boundListenersMap.set(inst, list);
+    }
+    return list;
+  }
+  /** 인스턴스별 eventBoundSets 를 반환한다 (없으면 생성). */
+  getEventBoundSets(inst) {
+    let map = this.eventBoundSetsMap.get(inst);
+    if (!map) {
+      map = /* @__PURE__ */ new Map();
+      this.eventBoundSetsMap.set(inst, map);
+    }
+    return map;
+  }
+  /**
+   * target 에 meta 이벤트를 직접 바인딩한다.
+   * delegate:'mutation' 초기/동적 바인딩에서 호출된다.
+   */
+  bindDirect(helperHostSet, target, meta) {
+    const inst = helperHostSet.$this;
+    const currentWin = helperHostSet.$w;
+    const { type, options } = meta;
+    const opts = { capture: options.capture, once: options.once, passive: options.passive };
+    const handler = async (event2) => {
+      if (options.filter) {
+        const helper = SwcUtils.getHelperAndHostSet(currentWin, target);
+        if (!options.filter(event2, { currentThis: inst, helper })) return;
+      }
+      if (options.stopPropagation) event2.stopPropagation();
+      if (options.stopImmediatePropagation) event2.stopImmediatePropagation();
+      if (options.preventDefault) event2.preventDefault();
+      const currentHostSet = SwcUtils.getHostSet(inst);
+      await inst[meta.propertyKey](event2, { currentHostSet, $matchedElement: event2.currentTarget }, { event: event2, ...currentHostSet, $el: target, $root: target });
+    };
+    const eventSubject = new Subject();
+    let eventStream = eventSubject;
+    if (options.debounceTime && options.debounceTime > 0)
+      eventStream = eventStream.pipe(debounceTime(options.debounceTime));
+    if (options.throttleTime && options.throttleTime > 0)
+      eventStream = eventStream.pipe(throttleTime(options.throttleTime));
+    if (options.distinctUntilChanged !== void 0 && options.distinctUntilChanged !== false) {
+      eventStream = typeof options.distinctUntilChanged === "function" ? eventStream.pipe(distinctUntilChanged(options.distinctUntilChanged)) : eventStream.pipe(distinctUntilChanged());
+    }
+    const subscription = eventStream.subscribe({
+      next: (e) => handler(e).catch((err) => console.error("Event handler error:", err)),
+      error: (err) => console.error("Event stream error:", err)
+    });
+    const wrappedHandler = (event2) => eventSubject.next(event2);
+    target.addEventListener(type, wrappedHandler, opts);
+    const onRemoves = options.removeListener ? [{ fn: options.removeListener, opts: options }] : [];
+    this.getBoundListeners(inst).push({ target, type, handler: wrappedHandler, options: opts, subscription, onRemoves, meta });
+  }
+  /** target + meta 조합 리스너를 제거한다. MutationObserver 추적 요소 제거 시 호출. */
+  unbindDirect(helperHostSet, target, meta) {
+    const inst = helperHostSet.$this;
+    const list = this.getBoundListeners(inst);
+    for (let i = list.length - 1; i >= 0; i--) {
+      const l = list[i];
+      if (l.target === target && l.type === meta.type && l.meta === meta) {
+        try {
+          l.target.removeEventListener(l.type, l.handler, l.options);
+          l.subscription?.unsubscribe?.();
+        } catch (e) {
+          console.error("[SWC] unbindDirect error:", e);
+        }
+        for (const r of l.onRemoves ?? []) {
+          try {
+            r.fn(l.target, r.opts);
+          } catch (e) {
+            console.error("[SWC] unbindDirect removeListener error:", e);
+          }
+        }
+        list.splice(i, 1);
+      }
+    }
+  }
+  /**
+   * 메타데이터 목록을 delegate / mutationDelegate / nonDelegate 로 분류한다.
+   * MutationObserverLifeCycler 에서 mutationDelegate 목록을 꺼낼 때 사용한다.
+   */
+  classifyListeners(metaList) {
+    const isSpecial = (sel) => [
+      "$window",
+      "$document",
+      "$host",
+      "$appHost",
+      "$firstHost",
+      "$lastHost",
+      "$firstAppHost",
+      "$lastAppHost",
+      "$hosts",
+      "$appHosts",
+      "$this",
+      ""
+    ].includes(sel);
+    const delegateListeners = [];
+    const mutationDelegateListeners = [];
+    const nonDelegateListeners = [];
+    for (const meta of metaList) {
+      const isStr = typeof meta.selector === "string";
+      const mode = meta.options.delegate;
+      if (mode && isStr && !isSpecial(meta.selector)) {
+        mode === "mutation" ? mutationDelegateListeners.push(meta) : delegateListeners.push(meta);
+      } else {
+        nonDelegateListeners.push(meta);
+      }
+    }
+    return { delegateListeners, mutationDelegateListeners, nonDelegateListeners };
+  }
+  // ── ElementDefineLifeCycler 구현 ──
+  onConnected(helperHostSet) {
+    const inst = helperHostSet.$this;
+    const currentWin = helperHostSet.$w;
+    this.boundListenersMap.delete(inst);
+    this.eventBoundSetsMap.delete(inst);
+    const allMeta = getAddEventListenerMetadata(inst) ?? [];
+    const { delegateListeners, nonDelegateListeners, mutationDelegateListeners } = this.classifyListeners(allMeta);
+    const groups = /* @__PURE__ */ new Map();
+    for (const meta of delegateListeners) {
+      const key = `${meta.type}:${meta.options.root || "auto"}`;
+      if (!groups.has(key)) groups.set(key, []);
+      groups.get(key).push(meta);
+    }
+    groups.forEach((metaList, key) => {
+      const ci = key.indexOf(":");
+      const type = key.slice(0, ci);
+      const r = key.slice(ci + 1);
+      const opts = { capture: metaList[0].options.capture, once: metaList[0].options.once, passive: metaList[0].options.passive };
+      const roots = [];
+      if (r === "auto") roots.push(inst.shadowRoot || inst);
+      else if (r === "light") roots.push(inst);
+      else if (r === "shadow" && inst.shadowRoot) roots.push(inst.shadowRoot);
+      else if (r === "all") {
+        roots.push(inst);
+        if (inst.shadowRoot) roots.push(inst.shadowRoot);
+      }
+      for (const br of roots) {
+        const sorted = [...metaList].sort((a, b) => (b.options.stopPropagation ? 1 : 0) - (a.options.stopPropagation ? 1 : 0));
+        const handler = async (event2) => {
+          for (const m of sorted) {
+            const matchedEl = event2.target?.closest(m.selector);
+            console.log("[DBG][delegate] type=", event2.type, "| evtTarget=", event2.target?.tagName, "| sel=", m.selector, "| matchedEl=", matchedEl?.className || matchedEl?.tagName, "| brContains=", br.contains?.(matchedEl), "| brTag=", br.tagName || br.constructor?.name);
+            if (matchedEl && br.contains(matchedEl)) {
+              if (m.options.filter) {
+                const helper = SwcUtils.getHelperAndHostSet(currentWin, matchedEl);
+                if (!m.options.filter(event2, { currentThis: inst, helper })) continue;
+              }
+              if (m.options.stopPropagation) event2.stopPropagation();
+              if (m.options.stopImmediatePropagation) event2.stopImmediatePropagation();
+              if (m.options.preventDefault) event2.preventDefault();
+              const hs = SwcUtils.getHostSet(inst);
+              await inst[m.propertyKey](event2, { ...hs, $matchedElement: matchedEl }, { event: event2, ...hs, $el: matchedEl, $root: br });
+              if (event2.cancelBubble) break;
+            }
+          }
+        };
+        br.addEventListener(type, handler, opts);
+        if (type === "click") {
+          console.log("[DBG][eventCycler] bound click on br=", br.tagName || br.constructor?.name, "| inst=", inst.tagName || inst.constructor?.name, "| isSame=", br === inst);
+        }
+        const onRemoves = sorted.filter((m) => m.options.removeListener).map((m) => ({ fn: m.options.removeListener, opts: m.options }));
+        this.getBoundListeners(inst).push({ target: br, type, handler, options: opts, onRemoves });
+      }
+    });
+    for (const meta of nonDelegateListeners) {
+      const { selector, options } = meta;
+      const r = options.root || "auto";
+      const bindTargets = [];
+      let resolvedSel = null;
+      if (typeof selector === "function") {
+        const result = selector(inst, helperHostSet);
+        if (typeof result === "string") resolvedSel = result;
+        else if (result instanceof currentWin.Element) bindTargets.push(result);
+        else if (result instanceof currentWin.NodeList) bindTargets.push(...Array.from(result));
+        else if (Array.isArray(result)) bindTargets.push(...result);
+      } else {
+        resolvedSel = selector;
+      }
+      const applyRoot = (t) => {
+        if (!t) return;
+        if (r === "auto") bindTargets.push(t.shadowRoot || t);
+        else {
+          if (r === "light" || r === "all") bindTargets.push(t);
+          if ((r === "shadow" || r === "all") && t.shadowRoot) bindTargets.push(t.shadowRoot);
+        }
+      };
+      if (resolvedSel) {
+        if (resolvedSel === "$window") bindTargets.push(currentWin);
+        else if (resolvedSel === "$document") bindTargets.push(currentWin.document);
+        else if (resolvedSel === "$host") applyRoot(helperHostSet.$host);
+        else if (resolvedSel === "$parentHost") applyRoot(helperHostSet.$parentHost);
+        else if (resolvedSel === "$appHost") applyRoot(helperHostSet.$appHost);
+        else if (resolvedSel === "$firstHost") applyRoot(helperHostSet.$firstHost);
+        else if (resolvedSel === "$lastHost") applyRoot(helperHostSet.$lastHost);
+        else if (resolvedSel === "$firstAppHost") applyRoot(helperHostSet.$firstAppHost);
+        else if (resolvedSel === "$lastAppHost") applyRoot(helperHostSet.$lastAppHost);
+        else if (resolvedSel === "$hosts") helperHostSet.$hosts.forEach(applyRoot);
+        else if (resolvedSel === "$appHosts") helperHostSet.$appHosts.forEach(applyRoot);
+        else if (resolvedSel === "$this" || !resolvedSel) applyRoot(inst);
+        else {
+          const searchRoots = [];
+          if (r === "auto") searchRoots.push(inst.shadowRoot || inst);
+          else if (r === "light") searchRoots.push(inst);
+          else if (r === "shadow" && inst.shadowRoot) searchRoots.push(inst.shadowRoot);
+          else if (r === "all") {
+            searchRoots.push(inst);
+            if (inst.shadowRoot) searchRoots.push(inst.shadowRoot);
+          }
+          for (const sr of searchRoots) sr.querySelectorAll(resolvedSel).forEach((el) => bindTargets.push(el));
+        }
+      }
+      for (const t of bindTargets) this.bindDirect(helperHostSet, t, meta);
+    }
+    if (mutationDelegateListeners.length > 0) {
+      const shadowEventDelegates = mutationDelegateListeners.filter((m) => {
+        const r = m.options.root || "auto";
+        return inst.shadowRoot && (r === "shadow" || r === "all" || r === "auto");
+      });
+      const lightEventDelegates = mutationDelegateListeners.filter((m) => {
+        const r = m.options.root || "auto";
+        return r === "light" || r === "all" || !inst.shadowRoot && r === "auto";
+      });
+      const buildMutationEntry = (root, eventDelegates) => {
+        if (eventDelegates.length === 0) return null;
+        const boundSets = this.getEventBoundSets(inst);
+        const callback = (mutations, obs) => {
+          for (const m of eventDelegates) {
+            let boundSet = boundSets.get(m);
+            if (!boundSet) {
+              boundSet = /* @__PURE__ */ new WeakSet();
+              boundSets.set(m, boundSet);
+            }
+            const isThis = m.selector === "$this" || m.selector === "";
+            const matchesSel = (n) => {
+              if (!n || n.nodeType !== 1) return false;
+              if (isThis) return true;
+              return typeof m.selector === "string" && n.matches?.(m.selector);
+            };
+            const bindEl = (el) => {
+              if (!boundSet.has(el)) {
+                this.bindDirect(helperHostSet, el, m);
+                boundSet.add(el);
+              }
+            };
+            const unbindEl = (el) => {
+              if (boundSet.has(el)) {
+                this.unbindDirect(helperHostSet, el, m);
+                boundSet.delete(el);
+              }
+            };
+            for (const mut of mutations) {
+              Array.from(mut.addedNodes || []).forEach((n) => {
+                if (n.nodeType !== 1) return;
+                if (matchesSel(n)) bindEl(n);
+                else if (!isThis && typeof m.selector === "string") n.querySelectorAll?.(m.selector).forEach(bindEl);
+              });
+              Array.from(mut.removedNodes || []).forEach((n) => {
+                if (n.nodeType !== 1) return;
+                const el = n;
+                if (matchesSel(el)) unbindEl(el);
+                else if (!isThis && typeof m.selector === "string") el.querySelectorAll?.(m.selector).forEach(unbindEl);
+              });
+            }
+          }
+        };
+        for (const m of eventDelegates) {
+          let boundSet = boundSets.get(m);
+          if (!boundSet) {
+            boundSet = /* @__PURE__ */ new WeakSet();
+            boundSets.set(m, boundSet);
+          }
+          if (typeof m.selector !== "string") continue;
+          if (m.selector === "$this" || m.selector === "") {
+            this.bindDirect(helperHostSet, root, m);
+            boundSet.add(root);
+          } else {
+            root.querySelectorAll(m.selector).forEach((el) => {
+              if (!boundSet.has(el)) {
+                this.bindDirect(helperHostSet, el, m);
+                boundSet.add(el);
+              }
+            });
+          }
+        }
+        return { target: root, options: { childList: true, subtree: true }, callback };
+      };
+      const shadowEntry = inst.shadowRoot ? buildMutationEntry(inst.shadowRoot, shadowEventDelegates) : null;
+      const lightEntry = buildMutationEntry(inst, lightEventDelegates);
+      const mutationObserverSet = [shadowEntry, lightEntry].filter(Boolean);
+      if (mutationObserverSet.length > 0) return { mutationObserverSet };
+    }
+    return void 0;
+  }
+  onDisconnected(helperHostSet) {
+    const inst = helperHostSet.$this;
+    const list = this.boundListenersMap.get(inst) ?? [];
+    for (const l of list) {
+      try {
+        l.target.removeEventListener(l.type, l.handler, l.options);
+        l.subscription?.unsubscribe?.();
+      } catch (e) {
+        console.error("[SWC] EventListenerLifeCycler cleanup error:", e);
+      }
+      for (const r of l.onRemoves ?? []) {
+        try {
+          r.fn(l.target, r.opts);
+        } catch (e) {
+          console.error("[SWC] removeListener error:", e);
+        }
+      }
+    }
+    this.boundListenersMap.delete(inst);
+    this.eventBoundSetsMap.delete(inst);
+  }
+}
 export {
   ADD_EVENT_LISTENER_METADATA_KEY,
+  EventListenerLifeCycler,
   addEventListener,
+  addEventListenerAll,
   addEventListenerAppHost,
   addEventListenerDelegate,
-  addEventListenerDelegateAllDom,
-  addEventListenerDelegateLightDom,
-  addEventListenerDelegateShadowDom,
+  addEventListenerDelegateAll,
+  addEventListenerDelegateLight,
+  addEventListenerDelegateShadow,
   addEventListenerDocument,
+  addEventListenerLight,
+  addEventListenerMutation,
+  addEventListenerMutationAll,
+  addEventListenerMutationLight,
+  addEventListenerMutationShadow,
+  addEventListenerShadow,
   addEventListenerThis,
   addEventListenerWindow,
   event,
+  eventAll,
+  eventAppHost,
   eventDelegate,
-  eventDelegateAllDom,
-  eventDelegateLightDom,
-  eventDelegateShadowDom,
+  eventDelegateAll,
+  eventDelegateLight,
+  eventDelegateShadow,
+  eventDocument,
+  eventLight,
+  eventMutation,
+  eventMutationAll,
+  eventMutationLight,
+  eventMutationShadow,
+  eventShadow,
+  eventThis,
+  eventWindow,
   getAddEventListenerMetadata
 };
 //# sourceMappingURL=addEventListener.js.map