@dooboostore/simple-web-component 1.0.36 → 1.0.38

package/dist/esm/decorators/query.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/query.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { getElementConfig, ensureInit } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { SpecialSelector, SwcQueryOptions } from '../types';\n\nexport interface QueryMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  options: SwcQueryOptions;\n}\n\nexport const QUERY_METADATA_KEY = Symbol.for('simple-web-component:query');\n\nexport function query(target: SpecialSelector): PropertyDecorator;\nexport function query(selector: string, options?: SwcQueryOptions): PropertyDecorator;\n/**\n * @query decorator to inject a single element into a class property.\n */\nexport function query(selectorOrTarget: string, options: any = {}): PropertyDecorator {\n  return (targetObj: Object, propertyKey: string | symbol, descriptor?: never): void => {\n    if (descriptor !== undefined) {\n      throw new Error(`@query decorator cannot be used on methods. (Method: ${String(propertyKey)})`);\n    }\n\n    const constructor = targetObj.constructor;\n    let queries = ReflectUtils.getMetadata<QueryMetadata[]>(QUERY_METADATA_KEY, constructor);\n    if (!queries) {\n      queries = [];\n      ReflectUtils.defineMetadata(QUERY_METADATA_KEY, queries, constructor);\n    }\n    queries.push({ propertyKey, selector: selectorOrTarget, options });\n\n    Object.defineProperty(targetObj, propertyKey, {\n      get(this: HTMLElement) {\n        ensureInit(this);\n        const selector = selectorOrTarget;\n\n        const r = options.root || 'auto';\n        const applyRoot = (t: any) => {\n          if (!t || !(t instanceof HTMLElement)) return t;\n          if (r === 'auto') return t.shadowRoot || t;\n          if (r === 'shadow') return t.shadowRoot;\n          if (r === 'light') return t;\n          if (r === 'all') return t.shadowRoot || t; \n          return t;\n        };\n\n        // --- Special Selectors: HostSet ---\n        const hostSet = SwcUtils.getHostSet(this);\n        if (selector === '$this') return applyRoot(this);\n        if (selector === '$host') return applyRoot(hostSet.$host);\n        if (selector === '$parentHost') return applyRoot(hostSet.$parentHost);\n        if (selector === '$appHost') return applyRoot(hostSet.$appHost);\n        if (selector === '$firstHost') return applyRoot(hostSet.$firstHost);\n        if (selector === '$lastHost') return applyRoot(hostSet.$lastHost);\n        if (selector === '$firstAppHost') return applyRoot(hostSet.$firstAppHost);\n        if (selector === '$lastAppHost') return applyRoot(hostSet.$lastAppHost);\n\n        // --- Special Selectors: Env ---\n        const config = getElementConfig(this);\n        const win = config?.window || window;\n        if (selector === '$window') return win;\n        if (selector === '$document') return win.document;\n\n        // --- Standard Selectors ---\n        if (r === 'shadow') return this.shadowRoot ? this.shadowRoot.querySelector(selector) : null;\n        if (r === 'light') return this.querySelector(selector);\n        if (r === 'all') {\n          const shadowMatch = this.shadowRoot ? this.shadowRoot.querySelector(selector) : null;\n          return shadowMatch || this.querySelector(selector);\n        }\n        return (this.shadowRoot || this).querySelector(selector);\n      },\n      set(this: HTMLElement, nv: any) {\n        ensureInit(this);\n        if (nv === null || nv === undefined) {\n          const selector = selectorOrTarget;\n          if (selector.startsWith('$') && selector !== '$this') return;\n\n          const r = options.root || 'auto';\n          const targets: Element[] = [];\n\n          if (r === 'shadow') {\n            if (this.shadowRoot?.querySelector(selector)) targets.push(this.shadowRoot.querySelector(selector)!);\n          } else if (r === 'light') {\n            if (this.querySelector(selector)) targets.push(this.querySelector(selector)!);\n          } else if (r === 'all') {\n            if (this.shadowRoot?.querySelector(selector)) targets.push(this.shadowRoot.querySelector(selector)!);\n            if (this.querySelector(selector)) targets.push(this.querySelector(selector)!);\n          } else {\n            const el = (this.shadowRoot || this).querySelector(selector);\n            if (el) targets.push(el);\n          }\n\n          targets.forEach(t => t.remove());\n        }\n      },\n      enumerable: true,\n      configurable: true\n    });\n  };\n}\n\n/**\n * @queryThis decorator - simplified version of @query for $this selector\n */\nexport function queryThis(target: Object, propertyKey: string | symbol): void;\nexport function queryThis(): PropertyDecorator;\nexport function queryThis(options: SwcQueryOptions): PropertyDecorator;\nexport function queryThis(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return query('$this', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return query('$this', targetOrOptions as SwcQueryOptions);\n  } else {\n    return query('$this', {});\n  }\n}\n\n\nexport function queryWindow(target: Object, propertyKey: string | symbol): void;\nexport function queryWindow(): PropertyDecorator;\nexport function queryWindow(options: SwcQueryOptions): PropertyDecorator;\nexport function queryWindow(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return query('$window', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return query('$window', targetOrOptions as SwcQueryOptions);\n  } else {\n    return query('$window', {});\n  }\n}\n\nexport function queryDocument(target: Object, propertyKey: string | symbol): void;\nexport function queryDocument(): PropertyDecorator;\nexport function queryDocument(options: SwcQueryOptions): PropertyDecorator;\nexport function queryDocument(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return query('$document', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return query('$document', targetOrOptions as SwcQueryOptions);\n  } else {\n    return query('$document', {});\n  }\n}\n/**\n * @host - Query $host (Direct parent SWC component)\n */\nexport function queryHost(target: Object, propertyKey: string | symbol): void;\nexport function queryHost(): PropertyDecorator;\nexport function queryHost(options: SwcQueryOptions): PropertyDecorator;\nexport function queryHost(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return query('$host', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return query('$host', targetOrOptions as SwcQueryOptions);\n  } else {\n    return query('$host', {});\n  }\n}\n\n/**\n * @appHost - Query $appHost (Nearest <swc-app>)\n */\nexport function queryAppHost(target: Object, propertyKey: string | symbol): void;\nexport function queryAppHost(): PropertyDecorator;\nexport function queryAppHost(options: SwcQueryOptions): PropertyDecorator;\nexport function queryAppHost(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return query('$appHost', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return query('$appHost', targetOrOptions as SwcQueryOptions);\n  } else {\n    return query('$appHost', {});\n  }\n}\n\nexport const getQueryMetadata = (target: any): QueryMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(QUERY_METADATA_KEY, constructor);\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { getElementConfig, ensureInit } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { SpecialSelector, SwcQueryOptions, HelperHostSet } from '../types';\n\nexport interface QueryMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  options: SwcQueryOptions ;\n}\n\nexport const QUERY_METADATA_KEY = Symbol.for('simple-web-component:query');\n\nexport function query(target: SpecialSelector): PropertyDecorator;\nexport function query(selector: string, options?: SwcQueryOptions): PropertyDecorator;\n/**\n * @query decorator to inject a single element into a class property.\n */\nexport function query(selectorOrTarget: string, options: any = {}): PropertyDecorator {\n  return (targetObj: Object, propertyKey: string | symbol, descriptor?: never): void => {\n    if (descriptor !== undefined) {\n      throw new Error(`@query decorator cannot be used on methods. (Method: ${String(propertyKey)})`);\n    }\n\n    const constructor = targetObj.constructor;\n    let queries = ReflectUtils.getMetadata<QueryMetadata[]>(QUERY_METADATA_KEY, constructor);\n    if (!queries) {\n      queries = [];\n      ReflectUtils.defineMetadata(QUERY_METADATA_KEY, queries, constructor);\n    }\n    queries.push({ propertyKey, selector: selectorOrTarget, options });\n\n    Object.defineProperty(targetObj, propertyKey, {\n      get(this: HTMLElement) {\n        ensureInit(this);\n        const selector = selectorOrTarget;\n\n        const r = options.root || 'auto';\n        const applyRoot = (t: any) => {\n          if (!t || !(t instanceof HTMLElement)) return t;\n          if (r === 'auto') return t.shadowRoot || t;\n          if (r === 'shadow') return t.shadowRoot;\n          if (r === 'light') return t;\n          if (r === 'all') return t.shadowRoot || t; \n          return t;\n        };\n\n        // --- Special Selectors: HostSet ---\n        const hostSet = SwcUtils.getHostSet(this);\n        if (selector === '$this') return applyRoot(this);\n        if (selector === '$host') return applyRoot(hostSet.$host);\n        if (selector === '$parentHost') return applyRoot(hostSet.$parentHost);\n        if (selector === '$appHost') return applyRoot(hostSet.$appHost);\n        if (selector === '$firstHost') return applyRoot(hostSet.$firstHost);\n        if (selector === '$lastHost') return applyRoot(hostSet.$lastHost);\n        if (selector === '$firstAppHost') return applyRoot(hostSet.$firstAppHost);\n        if (selector === '$lastAppHost') return applyRoot(hostSet.$lastAppHost);\n\n        // --- Special Selectors: Env ---\n        const config = getElementConfig(this);\n        const win = config?.window || window;\n        if (selector === '$window') return win;\n        if (selector === '$document') return win.document;\n\n        // --- Standard Selectors ---\n        if (r === 'shadow') return this.shadowRoot ? this.shadowRoot.querySelector(selector) : null;\n        if (r === 'light') return this.querySelector(selector);\n        if (r === 'all') {\n          const shadowMatch = this.shadowRoot ? this.shadowRoot.querySelector(selector) : null;\n          return shadowMatch || this.querySelector(selector);\n        }\n        return (this.shadowRoot || this).querySelector(selector);\n      },\n      set(this: HTMLElement, nv: any) {\n        ensureInit(this);\n        if (nv === null || nv === undefined) {\n          const selector = selectorOrTarget;\n          if (selector.startsWith('$') && selector !== '$this') return;\n\n          const r = options.root || 'auto';\n          const targets: Element[] = [];\n\n          if (r === 'shadow') {\n            if (this.shadowRoot?.querySelector(selector)) targets.push(this.shadowRoot.querySelector(selector)!);\n          } else if (r === 'light') {\n            if (this.querySelector(selector)) targets.push(this.querySelector(selector)!);\n          } else if (r === 'all') {\n            if (this.shadowRoot?.querySelector(selector)) targets.push(this.shadowRoot.querySelector(selector)!);\n            if (this.querySelector(selector)) targets.push(this.querySelector(selector)!);\n          } else {\n            const el = (this.shadowRoot || this).querySelector(selector);\n            if (el) targets.push(el);\n          }\n\n          targets.forEach(t => t.remove());\n        }\n      },\n      enumerable: true,\n      configurable: true\n    });\n  };\n}\n\n/**\n * @queryThis decorator - simplified version of @query for $this selector\n */\nexport function queryThis(target: Object, propertyKey: string | symbol): void;\nexport function queryThis(): PropertyDecorator;\nexport function queryThis(options: SwcQueryOptions): PropertyDecorator;\nexport function queryThis(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return query('$this', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return query('$this', targetOrOptions as SwcQueryOptions);\n  } else {\n    return query('$this', {});\n  }\n}\n\n\nexport function queryWindow(target: Object, propertyKey: string | symbol): void;\nexport function queryWindow(): PropertyDecorator;\nexport function queryWindow(options: SwcQueryOptions): PropertyDecorator;\nexport function queryWindow(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return query('$window', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return query('$window', targetOrOptions as SwcQueryOptions);\n  } else {\n    return query('$window', {});\n  }\n}\n\nexport function queryDocument(target: Object, propertyKey: string | symbol): void;\nexport function queryDocument(): PropertyDecorator;\nexport function queryDocument(options: SwcQueryOptions): PropertyDecorator;\nexport function queryDocument(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return query('$document', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return query('$document', targetOrOptions as SwcQueryOptions);\n  } else {\n    return query('$document', {});\n  }\n}\n/**\n * @host - Query $host (Direct parent SWC component)\n */\nexport function queryHost(target: Object, propertyKey: string | symbol): void;\nexport function queryHost(): PropertyDecorator;\nexport function queryHost(options: SwcQueryOptions): PropertyDecorator;\nexport function queryHost(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return query('$host', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return query('$host', targetOrOptions as SwcQueryOptions);\n  } else {\n    return query('$host', {});\n  }\n}\n\n/**\n * @appHost - Query $appHost (Nearest <swc-app>)\n */\nexport function queryAppHost(target: Object, propertyKey: string | symbol): void;\nexport function queryAppHost(): PropertyDecorator;\nexport function queryAppHost(options: SwcQueryOptions): PropertyDecorator;\nexport function queryAppHost(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return query('$appHost', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return query('$appHost', targetOrOptions as SwcQueryOptions);\n  } else {\n    return query('$appHost', {});\n  }\n}\n\nexport const getQueryMetadata = (target: any): QueryMetadata[]  => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(QUERY_METADATA_KEY, constructor) ?? [];\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/decorators/queryAll.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/queryAll.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { getElementConfig, ensureInit } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { SpecialSelector, SwcQueryOptions } from '../types';\n\nexport interface QueryAllMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  options: SwcQueryOptions;\n}\n\nexport const QUERY_ALL_METADATA_KEY = Symbol.for('simple-web-component:query-all');\n\nexport function queryAll(target: SpecialSelector): PropertyDecorator;\nexport function queryAll(selector: string, options?: SwcQueryOptions): PropertyDecorator;\n/**\n * @queryAll decorator to inject a list of elements into a class property.\n */\nexport function queryAll(selectorOrTarget: string, options: any = {}): PropertyDecorator {\n  return (targetObj: Object, propertyKey: string | symbol, descriptor?: never): void => {\n    if (descriptor !== undefined) {\n      throw new Error(`@queryAll decorator cannot be used on methods. (Method: ${String(propertyKey)})`);\n    }\n\n    const constructor = targetObj.constructor;\n    let queries = ReflectUtils.getMetadata<QueryAllMetadata[]>(QUERY_ALL_METADATA_KEY, constructor);\n    if (!queries) {\n      queries = [];\n      ReflectUtils.defineMetadata(QUERY_ALL_METADATA_KEY, queries, constructor);\n    }\n    queries.push({ propertyKey, selector: selectorOrTarget, options });\n\n    Object.defineProperty(targetObj, propertyKey, {\n      get(this: HTMLElement) {\n        ensureInit(this);\n        const selector = selectorOrTarget;\n\n        const r = options.root || 'auto';\n        const applyRoot = (t: any): any[] => {\n          if (!t) return [];\n          const items = Array.isArray(t) ? t : [t];\n          const results: any[] = [];\n          items.forEach(it => {\n            if (!(it instanceof HTMLElement)) {\n              results.push(it);\n              return;\n            }\n            if (r === 'auto') results.push(it.shadowRoot || it);\n            else {\n              if (r === 'light' || r === 'all') results.push(it);\n              if ((r === 'shadow' || r === 'all') && it.shadowRoot) results.push(it.shadowRoot);\n            }\n          });\n          return results;\n        };\n\n        // --- Special Selectors: HostSet ---\n        const hostSet = SwcUtils.getHostSet(this);\n        if (selector === '$hosts') return applyRoot(hostSet.$hosts);\n        if (selector === '$appHosts') return applyRoot(hostSet.$appHosts);\n        if (selector === '$host') return applyRoot(hostSet.$host);\n        if (selector === '$parentHost') return applyRoot(hostSet.$parentHost);\n        if (selector === '$appHost') return applyRoot(hostSet.$appHost);\n        if (selector === '$firstHost') return applyRoot(hostSet.$firstHost);\n        if (selector === '$lastHost') return applyRoot(hostSet.$lastHost);\n        if (selector === '$firstAppHost') return applyRoot(hostSet.$firstAppHost);\n        if (selector === '$lastAppHost') return applyRoot(hostSet.$lastAppHost);\n\n        // --- Special Selectors: Env ---\n        const config = getElementConfig(this);\n        const win = config?.window || window;\n        if (selector === '$window') return [win];\n        if (selector === '$document') return [win.document];\n        if (selector === '$this') return applyRoot(this);\n\n        // --- Standard Selectors ---\n        if (r === 'shadow') return this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];\n        if (r === 'light') return Array.from(this.querySelectorAll(selector));\n        if (r === 'all') {\n          const sNodes = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];\n          const lNodes = Array.from(this.querySelectorAll(selector));\n          return [...sNodes, ...lNodes];\n        }\n        const root = this.shadowRoot || this;\n        return Array.from(root.querySelectorAll(selector));\n      },\n      set(this: HTMLElement, nv: any) {\n        ensureInit(this);\n        if (nv === null || nv === undefined || (Array.isArray(nv) && nv.length === 0)) {\n          const selector = selectorOrTarget;\n          if (selector.startsWith('$') && selector !== '$this') return;\n\n          const r = options.root || 'auto';\n          let targets: (Element | Node)[] = [];\n          if (r === 'shadow') targets = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];\n          else if (r === 'light') targets = Array.from(this.querySelectorAll(selector));\n          else if (r === 'all') {\n            const sNodes = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];\n            const lNodes = Array.from(this.querySelectorAll(selector));\n            targets = [...sNodes, ...lNodes];\n          } else {\n            targets = Array.from((this.shadowRoot || this).querySelectorAll(selector));\n          }\n          targets.forEach(t => (t as Element).remove());\n        }\n      },\n      enumerable: true,\n      configurable: true\n    });\n  };\n}\n\n/**\n * @queryAllThis decorator - simplified version of @queryAll for $this selector\n */\nexport function queryAllThis(target: Object, propertyKey: string | symbol): void;\nexport function queryAllThis(): PropertyDecorator;\nexport function queryAllThis(options: SwcQueryOptions): PropertyDecorator;\nexport function queryAllThis(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return queryAll('$this', {})(targetOrOptions, propertyKey);\n  }\n\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return queryAll('$this', targetOrOptions as SwcQueryOptions);\n  } else {\n    return queryAll('$this', {});\n  }\n}\n\n/**\n * @allParentHost - Query all parent SWC components\n */\nexport function allParentHost(target: Object, propertyKey: string | symbol): void;\nexport function allParentHost(): PropertyDecorator;\nexport function allParentHost(options: SwcQueryOptions): PropertyDecorator;\nexport function allParentHost(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return queryAll('$host', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return queryAll('$host', targetOrOptions as SwcQueryOptions);\n  } else {\n    return queryAll('$host', {});\n  }\n}\n\n/**\n * @allAppHost - Query all $appHost (All <swc-app> instances)\n */\nexport function allAppHost(target: Object, propertyKey: string | symbol): void;\nexport function allAppHost(): PropertyDecorator;\nexport function allAppHost(options: SwcQueryOptions): PropertyDecorator;\nexport function allAppHost(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return queryAll('$appHost', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return queryAll('$appHost', targetOrOptions as SwcQueryOptions);\n  } else {\n    return queryAll('$appHost', {});\n  }\n}\n\nexport const getQueryAllMetadata = (target: any): QueryAllMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(QUERY_ALL_METADATA_KEY, constructor);\n};\n"],
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { getElementConfig, ensureInit } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { SpecialSelector, SwcQueryOptions, HelperHostSet } from '../types';\n\nexport interface QueryAllMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  options: SwcQueryOptions;\n}\n\nexport const QUERY_ALL_METADATA_KEY = Symbol.for('simple-web-component:query-all');\n\nexport function queryAll(target: SpecialSelector): PropertyDecorator;\nexport function queryAll(selector: string, options?: SwcQueryOptions): PropertyDecorator;\n/**\n * @queryAll decorator to inject a list of elements into a class property.\n */\nexport function queryAll(selectorOrTarget: string, options: any = {}): PropertyDecorator {\n  return (targetObj: Object, propertyKey: string | symbol, descriptor?: never): void => {\n    if (descriptor !== undefined) {\n      throw new Error(`@queryAll decorator cannot be used on methods. (Method: ${String(propertyKey)})`);\n    }\n\n    const constructor = targetObj.constructor;\n    let queries = ReflectUtils.getMetadata<QueryAllMetadata[]>(QUERY_ALL_METADATA_KEY, constructor);\n    if (!queries) {\n      queries = [];\n      ReflectUtils.defineMetadata(QUERY_ALL_METADATA_KEY, queries, constructor);\n    }\n    queries.push({ propertyKey, selector: selectorOrTarget, options });\n\n    Object.defineProperty(targetObj, propertyKey, {\n      get(this: HTMLElement) {\n        ensureInit(this);\n        const selector = selectorOrTarget;\n\n        const r = options.root || 'auto';\n        const applyRoot = (t: any): any[] => {\n          if (!t) return [];\n          const items = Array.isArray(t) ? t : [t];\n          const results: any[] = [];\n          items.forEach(it => {\n            if (!(it instanceof HTMLElement)) {\n              results.push(it);\n              return;\n            }\n            if (r === 'auto') results.push(it.shadowRoot || it);\n            else {\n              if (r === 'light' || r === 'all') results.push(it);\n              if ((r === 'shadow' || r === 'all') && it.shadowRoot) results.push(it.shadowRoot);\n            }\n          });\n          return results;\n        };\n\n        // --- Special Selectors: HostSet ---\n        const hostSet = SwcUtils.getHostSet(this);\n        if (selector === '$hosts') return applyRoot(hostSet.$hosts);\n        if (selector === '$appHosts') return applyRoot(hostSet.$appHosts);\n        if (selector === '$host') return applyRoot(hostSet.$host);\n        if (selector === '$parentHost') return applyRoot(hostSet.$parentHost);\n        if (selector === '$appHost') return applyRoot(hostSet.$appHost);\n        if (selector === '$firstHost') return applyRoot(hostSet.$firstHost);\n        if (selector === '$lastHost') return applyRoot(hostSet.$lastHost);\n        if (selector === '$firstAppHost') return applyRoot(hostSet.$firstAppHost);\n        if (selector === '$lastAppHost') return applyRoot(hostSet.$lastAppHost);\n\n        // --- Special Selectors: Env ---\n        const config = getElementConfig(this);\n        const win = config?.window || window;\n        if (selector === '$window') return [win];\n        if (selector === '$document') return [win.document];\n        if (selector === '$this') return applyRoot(this);\n\n        // --- Standard Selectors ---\n        if (r === 'shadow') return this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];\n        if (r === 'light') return Array.from(this.querySelectorAll(selector));\n        if (r === 'all') {\n          const sNodes = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];\n          const lNodes = Array.from(this.querySelectorAll(selector));\n          return [...sNodes, ...lNodes];\n        }\n        const root = this.shadowRoot || this;\n        return Array.from(root.querySelectorAll(selector));\n      },\n      set(this: HTMLElement, nv: any) {\n        ensureInit(this);\n        if (nv === null || nv === undefined || (Array.isArray(nv) && nv.length === 0)) {\n          const selector = selectorOrTarget;\n          if (selector.startsWith('$') && selector !== '$this') return;\n\n          const r = options.root || 'auto';\n          let targets: (Element | Node)[] = [];\n          if (r === 'shadow') targets = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];\n          else if (r === 'light') targets = Array.from(this.querySelectorAll(selector));\n          else if (r === 'all') {\n            const sNodes = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];\n            const lNodes = Array.from(this.querySelectorAll(selector));\n            targets = [...sNodes, ...lNodes];\n          } else {\n            targets = Array.from((this.shadowRoot || this).querySelectorAll(selector));\n          }\n          targets.forEach(t => (t as Element).remove());\n        }\n      },\n      enumerable: true,\n      configurable: true\n    });\n  };\n}\n\n/**\n * @queryAllThis decorator - simplified version of @queryAll for $this selector\n */\nexport function queryAllThis(target: Object, propertyKey: string | symbol): void;\nexport function queryAllThis(): PropertyDecorator;\nexport function queryAllThis(options: SwcQueryOptions): PropertyDecorator;\nexport function queryAllThis(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return queryAll('$this', {})(targetOrOptions, propertyKey);\n  }\n\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return queryAll('$this', targetOrOptions as SwcQueryOptions);\n  } else {\n    return queryAll('$this', {});\n  }\n}\n\n/**\n * @allParentHost - Query all parent SWC components\n */\nexport function allParentHost(target: Object, propertyKey: string | symbol): void;\nexport function allParentHost(): PropertyDecorator;\nexport function allParentHost(options: SwcQueryOptions): PropertyDecorator;\nexport function allParentHost(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return queryAll('$host', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return queryAll('$host', targetOrOptions as SwcQueryOptions);\n  } else {\n    return queryAll('$host', {});\n  }\n}\n\n/**\n * @allAppHost - Query all $appHost (All <swc-app> instances)\n */\nexport function allAppHost(target: Object, propertyKey: string | symbol): void;\nexport function allAppHost(): PropertyDecorator;\nexport function allAppHost(options: SwcQueryOptions): PropertyDecorator;\nexport function allAppHost(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return queryAll('$appHost', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return queryAll('$appHost', targetOrOptions as SwcQueryOptions);\n  } else {\n    return queryAll('$appHost', {});\n  }\n}\n\nexport const getQueryAllMetadata = (target: any): QueryAllMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(QUERY_ALL_METADATA_KEY, constructor);\n};\n"],
   "mappings": "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",
   "names": []
 }

package/dist/esm/decorators/setProperty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/setProperty.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { ensureInit } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { HelperHostSet, SwcQueryOptions } from '../types';\n\nexport interface PropertySetOptions extends SwcQueryOptions {\n  name?: string;\n  filter?: (target: HTMLElement, value: any, meta: {currentThis: any, helper: HelperHostSet}) => boolean;\n}\n\nexport interface PropertySetMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  options: PropertySetOptions;\n}\n\nexport const PROPERTY_SET_METADATA_KEY = Symbol.for('simple-web-component:property-set');\n\nexport const setProperty = (selector: string, propertyNameOrOptions?: string | PropertySetOptions, options: PropertySetOptions = {}): MethodDecorator => {\n  return (target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n    const constructor = target.constructor;\n    let metaList = ReflectUtils.getOwnMetadata(PROPERTY_SET_METADATA_KEY, constructor) as Map<string | symbol, PropertySetMetadata>;\n    if (!metaList) {\n      metaList = new Map<string | symbol, PropertySetMetadata>();\n      ReflectUtils.defineMetadata(PROPERTY_SET_METADATA_KEY, metaList, constructor);\n    }\n\n    let propertyName = typeof propertyNameOrOptions === 'string' ? propertyNameOrOptions : undefined;\n    let finalOptions = options;\n    \n    if (typeof propertyNameOrOptions === 'object' && propertyNameOrOptions !== null) {\n      finalOptions = propertyNameOrOptions as PropertySetOptions;\n    }\n\n    metaList.set(propertyKey, { \n      propertyKey, \n      selector, \n      options: { ...finalOptions, name: propertyName } \n    });\n\n    const original = descriptor.value;\n    descriptor.value = function (...args: any[]) {\n      ensureInit(this);\n      const res = (original as any).apply(this, args);\n\n      const handleResult = (resolvedValue: any) => {\n        if (resolvedValue !== undefined) {\n          const win = (this as any).ownerDocument?.defaultView || window;\n          const host = this as unknown as HTMLElement;\n          const hostSet = { ...SwcUtils.getHelperAndHostSet(win, host), $this: this };\n          const r = finalOptions.root || 'auto';\n          const targetEls: HTMLElement[] = [];\n\n          const applyRoot = (t: any) => {\n            if (!t || !(t instanceof win.HTMLElement)) return;\n            targetEls.push(t);\n          };\n\n          if (selector === '$this' || !selector) applyRoot(host);\n          else if (selector === '$host') applyRoot(hostSet.$host);\n          else if (selector === '$parentHost') applyRoot(hostSet.$parentHost);\n          else if (selector === '$appHost') applyRoot(hostSet.$appHost);\n          else if (selector === '$firstHost') applyRoot(hostSet.$firstHost);\n          else if (selector === '$lastHost') applyRoot(hostSet.$lastHost);\n          else if (selector === '$firstAppHost') applyRoot(hostSet.$firstAppHost);\n          else if (selector === '$lastAppHost') applyRoot(hostSet.$lastAppHost);\n          else if (selector === '$hosts') hostSet.$hosts.forEach(applyRoot);\n          else if (selector === '$appHosts') hostSet.$appHosts.forEach(applyRoot);\n          else {\n            const targetRoot = r === 'auto' ? (host.shadowRoot || host) : (r === 'shadow' ? host.shadowRoot : host);\n            if (targetRoot) {\n              const found = targetRoot.querySelectorAll(selector);\n              if (found) targetEls.push(...(Array.from(found) as HTMLElement[]));\n            }\n          }\n\n          targetEls.forEach(targetEl => {\n            if (finalOptions.filter && !finalOptions.filter(targetEl, resolvedValue, {currentThis: this, helper: hostSet})) {\n              return;\n            }\n            const resolvedRes = typeof resolvedValue === 'function' ? (resolvedValue as any)(targetEl, hostSet) : resolvedValue;\n\n            if (propertyName) {\n              // Case: @setProperty(selector, 'propertyName')\n              (targetEl as any)[propertyName] = resolvedRes;\n            } else if (typeof resolvedRes === 'object' && resolvedRes !== null && !Array.isArray(resolvedRes)) {\n              // Case: @setProperty(selector) with Object return - assign multiple properties\n              Object.entries(resolvedRes as any).forEach(([prop, val]) => {\n                const finalVal = typeof val === 'function' ? val(targetEl, hostSet) : val;\n                (targetEl as any)[prop] = finalVal;\n              });\n            } else {\n              // Simple value - assign to 'value' property by default\n              (targetEl as any).value = resolvedRes;\n            }\n          });\n        }\n        return resolvedValue;\n      };\n\n      if (res instanceof Promise) {\n        return res.then(handleResult);\n      } else {\n        return handleResult(res);\n      }\n    };\n  };\n};\n\nexport const setPropertyThis = (propertyNameOrOptions?: string | PropertySetOptions, options: PropertySetOptions = {}): MethodDecorator => {\n  return setProperty('$this', propertyNameOrOptions, options);\n};\n"],
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { ensureInit } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { SpecialSelector, SwcQueryOptions, HelperHostSet } from '../types';\n\nexport interface PropertySetOptions extends SwcQueryOptions {\n  name?: string;\n  filter?: (target: HTMLElement, value: any, meta: {currentThis: any, helper: HelperHostSet}) => boolean;\n}\n\nexport interface PropertySetMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  options: PropertySetOptions;\n}\n\nexport const PROPERTY_SET_METADATA_KEY = Symbol.for('simple-web-component:property-set');\n\nexport const setProperty = (selector: string, propertyNameOrOptions?: string | PropertySetOptions, options: PropertySetOptions = {}): MethodDecorator => {\n  return (target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n    const constructor = target.constructor;\n    let metaList = ReflectUtils.getOwnMetadata(PROPERTY_SET_METADATA_KEY, constructor) as Map<string | symbol, PropertySetMetadata>;\n    if (!metaList) {\n      metaList = new Map<string | symbol, PropertySetMetadata>();\n      ReflectUtils.defineMetadata(PROPERTY_SET_METADATA_KEY, metaList, constructor);\n    }\n\n    let propertyName = typeof propertyNameOrOptions === 'string' ? propertyNameOrOptions : undefined;\n    let finalOptions = options;\n    \n    if (typeof propertyNameOrOptions === 'object' && propertyNameOrOptions !== null) {\n      finalOptions = propertyNameOrOptions as PropertySetOptions;\n    }\n\n    metaList.set(propertyKey, { \n      propertyKey, \n      selector, \n      options: { ...finalOptions, name: propertyName } \n    });\n\n    const original = descriptor.value;\n    descriptor.value = function (...args: any[]) {\n      ensureInit(this);\n      const res = (original as any).apply(this, args);\n\n      const handleResult = (resolvedValue: any) => {\n        if (resolvedValue !== undefined) {\n          const win = (this as any).ownerDocument?.defaultView || window;\n          const host = this as unknown as HTMLElement;\n          const hostSet = { ...SwcUtils.getHelperAndHostSet(win, host), $this: this };\n          const r = finalOptions.root || 'auto';\n          const targetEls: HTMLElement[] = [];\n\n          const applyRoot = (t: any) => {\n            if (!t || !(t instanceof win.HTMLElement)) return;\n            targetEls.push(t);\n          };\n\n          if (selector === '$this' || !selector) applyRoot(host);\n          else if (selector === '$host') applyRoot(hostSet.$host);\n          else if (selector === '$parentHost') applyRoot(hostSet.$parentHost);\n          else if (selector === '$appHost') applyRoot(hostSet.$appHost);\n          else if (selector === '$firstHost') applyRoot(hostSet.$firstHost);\n          else if (selector === '$lastHost') applyRoot(hostSet.$lastHost);\n          else if (selector === '$firstAppHost') applyRoot(hostSet.$firstAppHost);\n          else if (selector === '$lastAppHost') applyRoot(hostSet.$lastAppHost);\n          else if (selector === '$hosts') hostSet.$hosts.forEach(applyRoot);\n          else if (selector === '$appHosts') hostSet.$appHosts.forEach(applyRoot);\n          else {\n            const targetRoot = r === 'auto' ? (host.shadowRoot || host) : (r === 'shadow' ? host.shadowRoot : host);\n            if (targetRoot) {\n              const found = targetRoot.querySelectorAll(selector);\n              if (found) targetEls.push(...(Array.from(found) as HTMLElement[]));\n            }\n          }\n\n          targetEls.forEach(targetEl => {\n            if (finalOptions.filter && !finalOptions.filter(targetEl, resolvedValue, {currentThis: this, helper: hostSet})) {\n              return;\n            }\n            const resolvedRes = typeof resolvedValue === 'function' ? (resolvedValue as any)(targetEl, hostSet) : resolvedValue;\n\n            if (propertyName) {\n              // Case: @setProperty(selector, 'propertyName')\n              (targetEl as any)[propertyName] = resolvedRes;\n            } else if (typeof resolvedRes === 'object' && resolvedRes !== null && !Array.isArray(resolvedRes)) {\n              // Case: @setProperty(selector) with Object return - assign multiple properties\n              Object.entries(resolvedRes as any).forEach(([prop, val]) => {\n                const finalVal = typeof val === 'function' ? val(targetEl, hostSet) : val;\n                (targetEl as any)[prop] = finalVal;\n              });\n            } else {\n              // Simple value - assign to 'value' property by default\n              (targetEl as any).value = resolvedRes;\n            }\n          });\n        }\n        return resolvedValue;\n      };\n\n      if (res instanceof Promise) {\n        return res.then(handleResult);\n      } else {\n        return handleResult(res);\n      }\n    };\n  };\n};\n\nexport const setPropertyThis = (propertyNameOrOptions?: string | PropertySetOptions, options: PropertySetOptions = {}): MethodDecorator => {\n  return setProperty('$this', propertyNameOrOptions, options);\n};\n"],
   "mappings": "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",
   "names": []
 }

package/dist/esm/decorators/state.js

@@ -0,0 +1,65 @@
+import { ReflectUtils } from "@dooboostore/core";
+import { ElementApply } from "@dooboostore/core-web";
+import { SwcUtils } from "../utils/Utils.js";
+import { getElementConfig } from "./elementDefine.js";
+const STATE_METADATA_KEY = Symbol.for("simple-web-component:state");
+function state(nameOrTarget, propertyKey) {
+  const stateDefine = (targetObj, stateMetadata) => {
+    let storage = targetObj[stateMetadata.propertyKey];
+    Object.defineProperty(targetObj, stateMetadata.propertyKey, {
+      set(nv) {
+        console.log("setState!!", nv);
+        storage = nv;
+        const config = getElementConfig(this);
+        const ea = new ElementApply(this, { id: this._swcId });
+        const helperHostSet = SwcUtils.getHelperAndHostSet(config.window, this);
+        const stateContext = { ...helperHostSet };
+        findAllStateMetadata(this).forEach((it) => {
+          stateContext[it.name] = this[it.propertyKey];
+        });
+        ea.apply({ context: stateContext, targetVariableName: stateMetadata.name, bind: this });
+      },
+      get() {
+        return storage;
+      },
+      enumerable: true,
+      configurable: true
+    });
+  };
+  if (typeof nameOrTarget === "object" && propertyKey) {
+    const targetObj = nameOrTarget;
+    const name = String(propertyKey);
+    const constructor = targetObj.constructor;
+    let states = ReflectUtils.getMetadata(STATE_METADATA_KEY, constructor);
+    if (!states) {
+      states = [];
+      ReflectUtils.defineMetadata(STATE_METADATA_KEY, states, constructor);
+    }
+    const stateMetadata = { propertyKey, name };
+    states.push(stateMetadata);
+    stateDefine(targetObj, stateMetadata);
+    return;
+  }
+  return (targetObj, propertyKey2) => {
+    const name = String(nameOrTarget);
+    const constructor = targetObj.constructor;
+    let states = ReflectUtils.getMetadata(STATE_METADATA_KEY, constructor);
+    if (!states) {
+      states = [];
+      ReflectUtils.defineMetadata(STATE_METADATA_KEY, states, constructor);
+    }
+    const stateMetadata = { propertyKey: propertyKey2, name };
+    states.push(stateMetadata);
+    stateDefine(targetObj, stateMetadata);
+  };
+}
+const findAllStateMetadata = (target) => {
+  const constructor = target instanceof Function ? target : target.constructor;
+  return ReflectUtils.getMetadata(STATE_METADATA_KEY, constructor) ?? [];
+};
+export {
+  STATE_METADATA_KEY,
+  findAllStateMetadata,
+  state
+};
+//# sourceMappingURL=state.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/decorators/state.ts"],
+  "sourcesContent": ["import {ReflectUtils} from '@dooboostore/core';\nimport {ElementApply} from \"@dooboostore/core-web\";\nimport {SwcUtils} from \"../utils/Utils\";\nimport {getElementConfig} from \"./elementDefine\";\n\nexport interface StateMetadata {\n  propertyKey: string | symbol;\n  name: string;\n}\n\nexport const STATE_METADATA_KEY = Symbol.for('simple-web-component:state');\n\n// export function state(target: SpecialSelector): PropertyDecorator;\n// export function state(): PropertyDecorator;\nexport function state(target: Object, propertyKey: string | symbol): void;\nexport function state(name: string): PropertyDecorator;\n/**\n * Supports both forms:\n * - @state\n * - @state()\n * - @state('selector')\n */\nexport function state(nameOrTarget?: string | Object, propertyKey?: string | symbol): any {\n\n  const stateDefine = (targetObj: any, stateMetadata: StateMetadata) => {\n\n    let storage = targetObj[stateMetadata.propertyKey];\n    // console.log('ssssssssssssssss', storage, stateMetadata.propertyKey)\n    Object.defineProperty(targetObj, stateMetadata.propertyKey, {\n      set(this: any, nv: string) {\n        console.log('setState!!', nv)\n        storage = nv;\n        const config = getElementConfig(this)\n        const ea = new ElementApply(this, {id: this._swcId});\n        const helperHostSet = SwcUtils.getHelperAndHostSet(config.window, this);\n        const stateContext: any = {...helperHostSet};\n        findAllStateMetadata(this).forEach(it => {\n          stateContext[it.name] = this[it.propertyKey]\n        })\n        ea.apply({context:stateContext, targetVariableName: stateMetadata.name, bind: this});\n      },\n      get(this: any) {\n        return storage;\n      },\n      enumerable: true,\n      configurable: true\n    });\n  }\n\n  // If used as @state (no parentheses), TypeScript will call this function with (target, propertyKey)\n  if (typeof nameOrTarget === 'object' && propertyKey) {\n    const targetObj = nameOrTarget as Object;\n    const name = String(propertyKey);\n    const constructor = (targetObj as any).constructor;\n    let states = ReflectUtils.getMetadata<StateMetadata[]>(STATE_METADATA_KEY, constructor);\n    if (!states) {\n      states = [];\n      ReflectUtils.defineMetadata(STATE_METADATA_KEY, states, constructor);\n    }\n    const stateMetadata = {propertyKey, name};\n    states.push(stateMetadata);\n    stateDefine(targetObj, stateMetadata);\n    return;\n  }\n\n  // Otherwise return a decorator factory\n  return (targetObj: Object, propertyKey: string | symbol): void => {\n    const name = String(nameOrTarget);\n    const constructor = targetObj.constructor;\n    let states = ReflectUtils.getMetadata<StateMetadata[]>(STATE_METADATA_KEY, constructor);\n    if (!states) {\n      states = [];\n      ReflectUtils.defineMetadata(STATE_METADATA_KEY, states, constructor);\n    }\n    const stateMetadata = {propertyKey, name};\n    states.push(stateMetadata);\n    stateDefine(targetObj, stateMetadata);\n  };\n}\n\nexport const findAllStateMetadata = (target: any): StateMetadata[] => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(STATE_METADATA_KEY, constructor) ?? [];\n};\n"],
+  "mappings": "AAAA,SAAQ,oBAAmB;AAC3B,SAAQ,oBAAmB;AAC3B,SAAQ,gBAAe;AACvB,SAAQ,wBAAuB;AAOxB,MAAM,qBAAqB,OAAO,IAAI,4BAA4B;AAYlE,SAAS,MAAM,cAAgC,aAAoC;AAExF,QAAM,cAAc,CAAC,WAAgB,kBAAiC;AAEpE,QAAI,UAAU,UAAU,cAAc,WAAW;AAEjD,WAAO,eAAe,WAAW,cAAc,aAAa;AAAA,MAC1D,IAAe,IAAY;AACzB,gBAAQ,IAAI,cAAc,EAAE;AAC5B,kBAAU;AACV,cAAM,SAAS,iBAAiB,IAAI;AACpC,cAAM,KAAK,IAAI,aAAa,MAAM,EAAC,IAAI,KAAK,OAAM,CAAC;AACnD,cAAM,gBAAgB,SAAS,oBAAoB,OAAO,QAAQ,IAAI;AACtE,cAAM,eAAoB,EAAC,GAAG,cAAa;AAC3C,6BAAqB,IAAI,EAAE,QAAQ,QAAM;AACvC,uBAAa,GAAG,IAAI,IAAI,KAAK,GAAG,WAAW;AAAA,QAC7C,CAAC;AACD,WAAG,MAAM,EAAC,SAAQ,cAAc,oBAAoB,cAAc,MAAM,MAAM,KAAI,CAAC;AAAA,MACrF;AAAA,MACA,MAAe;AACb,eAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA,MACZ,cAAc;AAAA,IAChB,CAAC;AAAA,EACH;AAGA,MAAI,OAAO,iBAAiB,YAAY,aAAa;AACnD,UAAM,YAAY;AAClB,UAAM,OAAO,OAAO,WAAW;AAC/B,UAAM,cAAe,UAAkB;AACvC,QAAI,SAAS,aAAa,YAA6B,oBAAoB,WAAW;AACtF,QAAI,CAAC,QAAQ;AACX,eAAS,CAAC;AACV,mBAAa,eAAe,oBAAoB,QAAQ,WAAW;AAAA,IACrE;AACA,UAAM,gBAAgB,EAAC,aAAa,KAAI;AACxC,WAAO,KAAK,aAAa;AACzB,gBAAY,WAAW,aAAa;AACpC;AAAA,EACF;AAGA,SAAO,CAAC,WAAmBA,iBAAuC;AAChE,UAAM,OAAO,OAAO,YAAY;AAChC,UAAM,cAAc,UAAU;AAC9B,QAAI,SAAS,aAAa,YAA6B,oBAAoB,WAAW;AACtF,QAAI,CAAC,QAAQ;AACX,eAAS,CAAC;AACV,mBAAa,eAAe,oBAAoB,QAAQ,WAAW;AAAA,IACrE;AACA,UAAM,gBAAgB,EAAC,aAAAA,cAAa,KAAI;AACxC,WAAO,KAAK,aAAa;AACzB,gBAAY,WAAW,aAAa;AAAA,EACtC;AACF;AAEO,MAAM,uBAAuB,CAAC,WAAiC;AACpE,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,oBAAoB,WAAW,KAAK,CAAC;AACvE;",
+  "names": ["propertyKey"]
+}

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/subscribeSwcAppMessageWhileConnected.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { SwcAppMessage } 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\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"],
+  "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\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"],
   "mappings": "AAAA,SAAS,oBAAoB;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,aAAa,eAAe,wDAAwD,WAAW;AAC1G,QAAI,CAAC,MAAM;AACT,aAAO,CAAC;AACR,mBAAa,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;AAGO,MAAM,kDAAkD,CAAC,WAA+D;AAC7H,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,eAAe,wDAAwD,WAAW;AACxG;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/subscribeSwcAppRouteChangeWhileConnected.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { Router } from '@dooboostore/core-web';\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, currentThis: any) => boolean;\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(options: SwcAppRouteChangeOptions): MethodDecorator;\n\n// \uC2E4\uC81C \uAD6C\uD604 (\uC774\uC911 \uBAA8\uB4DC)\nexport function subscribeSwcAppRouteChangeWhileConnected(targetOrOptions?: any, propertyKey?: string | symbol, 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 (propertyKey && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return createSubscribeSwcAppRouteChangeWhileConnected({})(targetOrOptions, propertyKey, 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    options.path = targetOrOptions;\n  } else if (typeof targetOrOptions === 'string' || typeof targetOrOptions === 'function') {\n    // \uBB38\uC790\uC5F4 \uB610\uB294 \uD568\uC218: @subscribeSwcAppRouteChangeWhileConnected('/path')\n    options.path = targetOrOptions;\n  } else if (targetOrOptions && typeof targetOrOptions === 'object') {\n    // \uAC1D\uCCB4: @subscribeSwcAppRouteChangeWhileConnected({ path: '/path', filter: ... })\n    options = targetOrOptions;\n  }\n\n  return createSubscribeSwcAppRouteChangeWhileConnected(options);\n}\n\n// Helper function to retrieve route change subscribers metadata\nexport const getSubscribeSwcAppRouteChangeWhileConnectedMetadata = (target: any): SwcAppRouteChangeSubscriberMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_WHILE_CONNECTED_METADATA_KEY, constructor);\n};\n"],
-  "mappings": "AAAA,SAAS,oBAAoB;AAGtB,MAAM,8DAA8D,OAAO,IAAI,qEAAqE;AAc3J,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,aAAa,eAAe,6DAA6D,WAAW;AAC/G,QAAI,CAAC,MAAM;AACT,aAAO,CAAC;AACR,mBAAa,eAAe,6DAA6D,MAAM,WAAW;AAAA,IAC5G;AACA,SAAK,KAAK,EAAE,aAAa,QAAQ,CAAC;AAElC,WAAO;AAAA,EACT;AACF;AAUO,SAAS,yCAAyC,iBAAuB,aAA+B,YAAsC;AAGnJ,MAAI,gBAAgB,OAAO,gBAAgB,YAAY,OAAO,gBAAgB,WAAW;AACvF,WAAO,+CAA+C,CAAC,CAAC,EAAE,iBAAiB,aAAa,UAAU;AAAA,EACpG;AAGA,MAAI,UAAoC,CAAC;AAEzC,MAAI,MAAM,QAAQ,eAAe,GAAG;AAElC,YAAQ,OAAO;AAAA,EACjB,WAAW,OAAO,oBAAoB,YAAY,OAAO,oBAAoB,YAAY;AAEvF,YAAQ,OAAO;AAAA,EACjB,WAAW,mBAAmB,OAAO,oBAAoB,UAAU;AAEjE,cAAU;AAAA,EACZ;AAEA,SAAO,+CAA+C,OAAO;AAC/D;AAGO,MAAM,sDAAsD,CAAC,WAAmE;AACrI,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,eAAe,6DAA6D,WAAW;AAC7G;",
+  "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}\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(options: SwcAppRouteChangeOptions): MethodDecorator;\n\n// \uC2E4\uC81C \uAD6C\uD604 (\uC774\uC911 \uBAA8\uB4DC)\nexport function subscribeSwcAppRouteChangeWhileConnected(targetOrOptions?: any, propertyKey?: string | symbol, 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 (propertyKey && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return createSubscribeSwcAppRouteChangeWhileConnected({})(targetOrOptions, propertyKey, 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    options.path = targetOrOptions;\n  } else if (typeof targetOrOptions === 'string' || typeof targetOrOptions === 'function') {\n    // \uBB38\uC790\uC5F4 \uB610\uB294 \uD568\uC218: @subscribeSwcAppRouteChangeWhileConnected('/path')\n    options.path = targetOrOptions;\n  } else if (targetOrOptions && typeof targetOrOptions === 'object') {\n    // \uAC1D\uCCB4: @subscribeSwcAppRouteChangeWhileConnected({ path: '/path', filter: ... })\n    options = targetOrOptions;\n  }\n\n  return createSubscribeSwcAppRouteChangeWhileConnected(options);\n}\n\n// Helper function to retrieve route change subscribers metadata\nexport const getSubscribeSwcAppRouteChangeWhileConnectedMetadata = (target: any): SwcAppRouteChangeSubscriberMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_WHILE_CONNECTED_METADATA_KEY, constructor);\n};\n"],
+  "mappings": "AAAA,SAAQ,oBAAmB;AAIpB,MAAM,8DAA8D,OAAO,IAAI,qEAAqE;AAc3J,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,aAAa,eAAe,6DAA6D,WAAW;AAC/G,QAAI,CAAC,MAAM;AACT,aAAO,CAAC;AACR,mBAAa,eAAe,6DAA6D,MAAM,WAAW;AAAA,IAC5G;AACA,SAAK,KAAK,EAAE,aAAa,QAAQ,CAAC;AAElC,WAAO;AAAA,EACT;AACF;AAUO,SAAS,yCAAyC,iBAAuB,aAA+B,YAAsC;AAGnJ,MAAI,gBAAgB,OAAO,gBAAgB,YAAY,OAAO,gBAAgB,WAAW;AACvF,WAAO,+CAA+C,CAAC,CAAC,EAAE,iBAAiB,aAAa,UAAU;AAAA,EACpG;AAGA,MAAI,UAAoC,CAAC;AAEzC,MAAI,MAAM,QAAQ,eAAe,GAAG;AAElC,YAAQ,OAAO;AAAA,EACjB,WAAW,OAAO,oBAAoB,YAAY,OAAO,oBAAoB,YAAY;AAEvF,YAAQ,OAAO;AAAA,EACjB,WAAW,mBAAmB,OAAO,oBAAoB,UAAU;AAEjE,cAAU;AAAA,EACZ;AAEA,SAAO,+CAA+C,OAAO;AAC/D;AAGO,MAAM,sDAAsD,CAAC,WAAmE;AACrI,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,eAAe,6DAA6D,WAAW;AAC7G;",
   "names": []
 }

package/dist/esm/elements/SwcApp.js

@@ -0,0 +1,212 @@
+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;
+};
+import { elementDefine } from "../decorators/index.js";
+import { SwcAppMixin } from "./SwcAppMixin.js";
+import { createElement } from "../utils/Utils.js";
+const swcAppTagName = "swc-app";
+const SwcApp = (w, data) => {
+  return createElement(w, swcAppTagName, data);
+};
+const defineSwcApp = async (w) => {
+  const existing = w.customElements.get(swcAppTagName);
+  if (existing)
+    return existing;
+  let SwcAppImpl = class SwcAppImpl extends SwcAppMixin(w.HTMLElement) {
+  };
+  SwcAppImpl = __decorate([
+    elementDefine(swcAppTagName, { window: w })
+  ], SwcAppImpl);
+  return w.customElements.whenDefined(swcAppTagName);
+};
+const swcAppBodyTagName = "swc-app-body";
+const SwcAppBody = (w, data) => {
+  return createElement(w, swcAppBodyTagName, data);
+};
+const defineSwcAppBody = async (w) => {
+  const existing = w.customElements.get(swcAppBodyTagName);
+  if (existing)
+    return existing;
+  let SwcAppBodyImpl = class SwcAppBodyImpl extends SwcAppMixin(w.HTMLBodyElement) {
+  };
+  SwcAppBodyImpl = __decorate([
+    elementDefine(swcAppBodyTagName, { window: w, extends: "body" })
+  ], SwcAppBodyImpl);
+  return w.customElements.whenDefined(swcAppBodyTagName);
+};
+const swcAppDivTagName = "swc-app-div";
+const SwcAppDiv = (w, data) => {
+  return createElement(w, swcAppDivTagName, data);
+};
+const defineSwcAppDiv = async (w) => {
+  const existing = w.customElements.get(swcAppDivTagName);
+  if (existing)
+    return existing;
+  let SwcAppDivImpl = class SwcAppDivImpl extends SwcAppMixin(w.HTMLDivElement) {
+  };
+  SwcAppDivImpl = __decorate([
+    elementDefine(swcAppDivTagName, { window: w, extends: "div" })
+  ], SwcAppDivImpl);
+  return w.customElements.whenDefined(swcAppDivTagName);
+};
+const swcAppSectionTagName = "swc-app-section";
+const SwcAppSection = (w, data) => {
+  return createElement(w, swcAppSectionTagName, data);
+};
+const defineSwcAppSection = async (w) => {
+  const existing = w.customElements.get(swcAppSectionTagName);
+  if (existing)
+    return existing;
+  let SwcAppSectionImpl = class SwcAppSectionImpl extends SwcAppMixin(w.HTMLElement) {
+  };
+  SwcAppSectionImpl = __decorate([
+    elementDefine(swcAppSectionTagName, { window: w, extends: "section" })
+  ], SwcAppSectionImpl);
+  return w.customElements.whenDefined(swcAppSectionTagName);
+};
+const swcAppMainTagName = "swc-app-main";
+const SwcAppMain = (w, data) => {
+  return createElement(w, swcAppMainTagName, data);
+};
+const defineSwcAppMain = async (w) => {
+  const existing = w.customElements.get(swcAppMainTagName);
+  if (existing)
+    return existing;
+  let SwcAppMainImpl = class SwcAppMainImpl extends SwcAppMixin(w.HTMLElement) {
+  };
+  SwcAppMainImpl = __decorate([
+    elementDefine(swcAppMainTagName, { window: w, extends: "main" })
+  ], SwcAppMainImpl);
+  return w.customElements.whenDefined(swcAppMainTagName);
+};
+const swcAppArticleTagName = "swc-app-article";
+const SwcAppArticle = (w, data) => {
+  return createElement(w, swcAppArticleTagName, data);
+};
+const defineSwcAppArticle = async (w) => {
+  const existing = w.customElements.get(swcAppArticleTagName);
+  if (existing)
+    return existing;
+  let SwcAppArticleImpl = class SwcAppArticleImpl extends SwcAppMixin(w.HTMLElement) {
+  };
+  SwcAppArticleImpl = __decorate([
+    elementDefine(swcAppArticleTagName, { window: w, extends: "article" })
+  ], SwcAppArticleImpl);
+  return w.customElements.whenDefined(swcAppArticleTagName);
+};
+const swcAppHeaderTagName = "swc-app-header";
+const SwcAppHeader = (w, data) => {
+  return createElement(w, swcAppHeaderTagName, data);
+};
+const defineSwcAppHeader = async (w) => {
+  const existing = w.customElements.get(swcAppHeaderTagName);
+  if (existing)
+    return existing;
+  let SwcAppHeaderImpl = class SwcAppHeaderImpl extends SwcAppMixin(w.HTMLElement) {
+  };
+  SwcAppHeaderImpl = __decorate([
+    elementDefine(swcAppHeaderTagName, { window: w, extends: "header" })
+  ], SwcAppHeaderImpl);
+  return w.customElements.whenDefined(swcAppHeaderTagName);
+};
+const swcAppFooterTagName = "swc-app-footer";
+const SwcAppFooter = (w, data) => {
+  return createElement(w, swcAppFooterTagName, data);
+};
+const defineSwcAppFooter = async (w) => {
+  const existing = w.customElements.get(swcAppFooterTagName);
+  if (existing)
+    return existing;
+  let SwcAppFooterImpl = class SwcAppFooterImpl extends SwcAppMixin(w.HTMLElement) {
+  };
+  SwcAppFooterImpl = __decorate([
+    elementDefine(swcAppFooterTagName, { window: w, extends: "footer" })
+  ], SwcAppFooterImpl);
+  return w.customElements.whenDefined(swcAppFooterTagName);
+};
+const swcAppNavTagName = "swc-app-nav";
+const SwcAppNav = (w, data) => {
+  return createElement(w, swcAppNavTagName, data);
+};
+const defineSwcAppNav = async (w) => {
+  const existing = w.customElements.get(swcAppNavTagName);
+  if (existing)
+    return existing;
+  let SwcAppNavImpl = class SwcAppNavImpl extends SwcAppMixin(w.HTMLElement) {
+  };
+  SwcAppNavImpl = __decorate([
+    elementDefine(swcAppNavTagName, { window: w, extends: "nav" })
+  ], SwcAppNavImpl);
+  return w.customElements.whenDefined(swcAppNavTagName);
+};
+const swcAppAsideTagName = "swc-app-aside";
+const SwcAppAside = (w, data) => {
+  return createElement(w, swcAppAsideTagName, data);
+};
+const defineSwcAppAside = async (w) => {
+  const existing = w.customElements.get(swcAppAsideTagName);
+  if (existing)
+    return existing;
+  let SwcAppAsideImpl = class SwcAppAsideImpl extends SwcAppMixin(w.HTMLElement) {
+  };
+  SwcAppAsideImpl = __decorate([
+    elementDefine(swcAppAsideTagName, { window: w, extends: "aside" })
+  ], SwcAppAsideImpl);
+  return w.customElements.whenDefined(swcAppAsideTagName);
+};
+const swcAppFactories = [
+  defineSwcApp,
+  defineSwcAppBody,
+  defineSwcAppDiv,
+  defineSwcAppSection,
+  defineSwcAppMain,
+  defineSwcAppArticle,
+  defineSwcAppHeader,
+  defineSwcAppFooter,
+  defineSwcAppNav,
+  defineSwcAppAside
+];
+const defineSwcAppAll = async (w) => {
+  await Promise.all(swcAppFactories.map((factory) => factory(w)));
+  return w.customElements.whenDefined(swcAppTagName);
+};
+var SwcApp_default = defineSwcAppAll;
+export {
+  SwcApp,
+  SwcAppArticle,
+  SwcAppAside,
+  SwcAppBody,
+  SwcAppDiv,
+  SwcAppFooter,
+  SwcAppHeader,
+  SwcAppMain,
+  SwcAppNav,
+  SwcAppSection,
+  SwcApp_default as default,
+  defineSwcApp,
+  defineSwcAppAll,
+  defineSwcAppArticle,
+  defineSwcAppAside,
+  defineSwcAppBody,
+  defineSwcAppDiv,
+  defineSwcAppFooter,
+  defineSwcAppHeader,
+  defineSwcAppMain,
+  defineSwcAppNav,
+  defineSwcAppSection,
+  swcAppArticleTagName,
+  swcAppAsideTagName,
+  swcAppBodyTagName,
+  swcAppDivTagName,
+  swcAppFactories,
+  swcAppFooterTagName,
+  swcAppHeaderTagName,
+  swcAppMainTagName,
+  swcAppNavTagName,
+  swcAppSectionTagName,
+  swcAppTagName
+};
+//# sourceMappingURL=SwcApp.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/elements/SwcApp.ts"],
+  "sourcesContent": ["import {elementDefine} from \"../decorators\";\nimport {SwcAppInterface} from \"../types\";\nimport {SwcAppMixin} from \"./SwcAppMixin\";\nimport {SwcUtils, createElement, CreateElementConfig} from \"../utils/Utils\";\n\n// ============================================\n// SwcApp (HTMLElement)\n// ============================================\nexport const swcAppTagName = 'swc-app';\n\nexport const SwcApp = (w: Window, data?: CreateElementConfig) => {\n  return createElement<SwcAppInterface>(w, swcAppTagName, data);\n};\n\nexport const defineSwcApp = async (w: Window) => {\n  const existing = w.customElements.get(swcAppTagName);\n  if (existing) return existing;\n\n  @elementDefine(swcAppTagName, {window: w})\n  class SwcAppImpl extends SwcAppMixin(w.HTMLElement) implements SwcAppInterface {\n    // SwcAppMixin에서 모든 기능을 상속받음\n  }\n\n  return w.customElements.whenDefined(swcAppTagName);\n};\n\n// ============================================\n// SwcAppBody (HTMLBodyElement)\n// ============================================\nexport const swcAppBodyTagName = 'swc-app-body';\n\nexport const SwcAppBody = (w: Window, data?: CreateElementConfig) => {\n  return createElement<SwcAppInterface & HTMLBodyElement>(w, swcAppBodyTagName, data);\n};\n\nexport const defineSwcAppBody = async (w: Window) => {\n  const existing = w.customElements.get(swcAppBodyTagName);\n  if (existing) return existing;\n\n  @elementDefine(swcAppBodyTagName, {window: w, extends: 'body'})\n  class SwcAppBodyImpl extends SwcAppMixin(w.HTMLBodyElement) implements SwcAppInterface {\n    // SwcAppMixin에서 모든 기능을 상속받음\n  }\n\n  return w.customElements.whenDefined(swcAppBodyTagName);\n};\n\n// ============================================\n// SwcAppDiv (HTMLDivElement)\n// ============================================\nexport const swcAppDivTagName = 'swc-app-div';\n\nexport const SwcAppDiv = (w: Window, data?: CreateElementConfig) => {\n  return createElement<SwcAppInterface & HTMLDivElement>(w, swcAppDivTagName, data);\n};\n\nexport const defineSwcAppDiv = async (w: Window) => {\n  const existing = w.customElements.get(swcAppDivTagName);\n  if (existing) return existing;\n\n  @elementDefine(swcAppDivTagName, {window: w, extends: 'div'})\n  class SwcAppDivImpl extends SwcAppMixin(w.HTMLDivElement) implements SwcAppInterface {\n    // SwcAppMixin에서 모든 기능을 상속받음\n  }\n\n  return w.customElements.whenDefined(swcAppDivTagName);\n};\n\n// ============================================\n// SwcAppSection (HTMLElement)\n// ============================================\nexport const swcAppSectionTagName = 'swc-app-section';\n\nexport const SwcAppSection = (w: Window, data?: CreateElementConfig) => {\n  return createElement<SwcAppInterface & HTMLElement>(w, swcAppSectionTagName, data);\n};\n\nexport const defineSwcAppSection = async (w: Window) => {\n  const existing = w.customElements.get(swcAppSectionTagName);\n  if (existing) return existing;\n\n  @elementDefine(swcAppSectionTagName, {window: w, extends: 'section'})\n  class SwcAppSectionImpl extends SwcAppMixin(w.HTMLElement) implements SwcAppInterface {\n    // SwcAppMixin에서 모든 기능을 상속받음\n  }\n\n  return w.customElements.whenDefined(swcAppSectionTagName);\n};\n\n// ============================================\n// SwcAppMain (HTMLElement)\n// ============================================\nexport const swcAppMainTagName = 'swc-app-main';\n\nexport const SwcAppMain = (w: Window, data?: CreateElementConfig) => {\n  return createElement<SwcAppInterface & HTMLElement>(w, swcAppMainTagName, data);\n};\n\nexport const defineSwcAppMain = async (w: Window) => {\n  const existing = w.customElements.get(swcAppMainTagName);\n  if (existing) return existing;\n\n  @elementDefine(swcAppMainTagName, {window: w, extends: 'main'})\n  class SwcAppMainImpl extends SwcAppMixin(w.HTMLElement) implements SwcAppInterface {\n    // SwcAppMixin에서 모든 기능을 상속받음\n  }\n\n  return w.customElements.whenDefined(swcAppMainTagName);\n};\n\n// ============================================\n// SwcAppArticle (HTMLElement)\n// ============================================\nexport const swcAppArticleTagName = 'swc-app-article';\n\nexport const SwcAppArticle = (w: Window, data?: CreateElementConfig) => {\n  return createElement<SwcAppInterface & HTMLElement>(w, swcAppArticleTagName, data);\n};\n\nexport const defineSwcAppArticle = async (w: Window) => {\n  const existing = w.customElements.get(swcAppArticleTagName);\n  if (existing) return existing;\n\n  @elementDefine(swcAppArticleTagName, {window: w, extends: 'article'})\n  class SwcAppArticleImpl extends SwcAppMixin(w.HTMLElement) implements SwcAppInterface {\n    // SwcAppMixin에서 모든 기능을 상속받음\n  }\n\n  return w.customElements.whenDefined(swcAppArticleTagName);\n};\n\n// ============================================\n// SwcAppHeader (HTMLElement)\n// ============================================\nexport const swcAppHeaderTagName = 'swc-app-header';\n\nexport const SwcAppHeader = (w: Window, data?: CreateElementConfig) => {\n  return createElement<SwcAppInterface & HTMLElement>(w, swcAppHeaderTagName, data);\n};\n\nexport const defineSwcAppHeader = async (w: Window) => {\n  const existing = w.customElements.get(swcAppHeaderTagName);\n  if (existing) return existing;\n\n  @elementDefine(swcAppHeaderTagName, {window: w, extends: 'header'})\n  class SwcAppHeaderImpl extends SwcAppMixin(w.HTMLElement) implements SwcAppInterface {\n    // SwcAppMixin에서 모든 기능을 상속받음\n  }\n\n  return w.customElements.whenDefined(swcAppHeaderTagName);\n};\n\n// ============================================\n// SwcAppFooter (HTMLElement)\n// ============================================\nexport const swcAppFooterTagName = 'swc-app-footer';\n\nexport const SwcAppFooter = (w: Window, data?: CreateElementConfig) => {\n  return createElement<SwcAppInterface & HTMLElement>(w, swcAppFooterTagName, data);\n};\n\nexport const defineSwcAppFooter = async (w: Window) => {\n  const existing = w.customElements.get(swcAppFooterTagName);\n  if (existing) return existing;\n\n  @elementDefine(swcAppFooterTagName, {window: w, extends: 'footer'})\n  class SwcAppFooterImpl extends SwcAppMixin(w.HTMLElement) implements SwcAppInterface {\n    // SwcAppMixin에서 모든 기능을 상속받음\n  }\n\n  return w.customElements.whenDefined(swcAppFooterTagName);\n};\n\n// ============================================\n// SwcAppNav (HTMLElement)\n// ============================================\nexport const swcAppNavTagName = 'swc-app-nav';\n\nexport const SwcAppNav = (w: Window, data?: CreateElementConfig) => {\n  return createElement<SwcAppInterface & HTMLElement>(w, swcAppNavTagName, data);\n};\n\nexport const defineSwcAppNav = async (w: Window) => {\n  const existing = w.customElements.get(swcAppNavTagName);\n  if (existing) return existing;\n\n  @elementDefine(swcAppNavTagName, {window: w, extends: 'nav'})\n  class SwcAppNavImpl extends SwcAppMixin(w.HTMLElement) implements SwcAppInterface {\n    // SwcAppMixin에서 모든 기능을 상속받음\n  }\n\n  return w.customElements.whenDefined(swcAppNavTagName);\n};\n\n// ============================================\n// SwcAppAside (HTMLElement)\n// ============================================\nexport const swcAppAsideTagName = 'swc-app-aside';\n\nexport const SwcAppAside = (w: Window, data?: CreateElementConfig) => {\n  return createElement<SwcAppInterface & HTMLElement>(w, swcAppAsideTagName, data);\n};\n\nexport const defineSwcAppAside = async (w: Window) => {\n  const existing = w.customElements.get(swcAppAsideTagName);\n  if (existing) return existing;\n\n  @elementDefine(swcAppAsideTagName, {window: w, extends: 'aside'})\n  class SwcAppAsideImpl extends SwcAppMixin(w.HTMLElement) implements SwcAppInterface {\n    // SwcAppMixin에서 모든 기능을 상속받음\n  }\n\n  return w.customElements.whenDefined(swcAppAsideTagName);\n};\n\n// ============================================\n// Factory Array\n// ============================================\nexport const swcAppFactories = [\n  defineSwcApp,\n  defineSwcAppBody,\n  defineSwcAppDiv,\n  defineSwcAppSection,\n  defineSwcAppMain,\n  defineSwcAppArticle,\n  defineSwcAppHeader,\n  defineSwcAppFooter,\n  defineSwcAppNav,\n  defineSwcAppAside\n];\n\n// ============================================\n// Define All SwcApp Elements\n// ============================================\nexport const defineSwcAppAll = async (w: Window) => {\n  await Promise.all(swcAppFactories.map(factory => factory(w)));\n  return w.customElements.whenDefined(swcAppTagName);\n};\n\n// Default export for backward compatibility\nexport default defineSwcAppAll;"],
+  "mappings": "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",
+  "names": []
+}