@dooboostore/simple-web-component 1.0.3 → 1.0.5

package/README.md

@@ -4,12 +4,13 @@
 
 ## Key Features
 
-- **Decorator-driven**: Use `@elementDefine`, `@template`, `@style`, `@query`, and more to define components.
-- **Surgical Updates**: High-performance rendering using the "Slot-per-Row" pattern.
-- **Auto-Sync**: Decorators automatically re-bind when the DOM changes (via MutationObserver).
+- **Decorator-driven**: Use `@elementDefine`, `@innerHtml`, `@attributeChanged`, `@query`, and more.
+- **Full Lifecycle Control**: Fine-grained hooks with `onBefore...` and `onAfter...` decorators.
+- **Surgical Updates**: High-performance rendering using Proxy-based reactivity.
+- **Auto-Sync**: Decorators automatically re-bind when the DOM changes.
 - **Native-First**: No Virtual DOM, just pure Custom Elements.
-- **Built-in Logic Components**: Includes `swc-for-of`, `swc-if`, `swc-choose`, and `swc-object`.
-- **Scoped Context**: Support for `as` and `as-index` to avoid naming collisions in nested structures.
+- **Comprehensive `is` Support**: Logic variants for every standard HTML element (e.g., `swc-for-of-ul`).
+- **Scoped Context**: Support for `as` and `as-index` to avoid naming collisions.
 
 ## Installation
 
@@ -17,78 +18,86 @@
 pnpm add @dooboostore/simple-web-component
 ```
 
+### Safari Support (Essential Polyfill)
+
+Safari does not natively support "Customized Built-in Elements" (`is` attribute). Include this polyfill at the top of your app:
+
+```javascript
+import '@ungap/custom-elements';
+```
+
 ## API Reference
 
 ### Core Decorators
 
 | Decorator | Target | Description |
 | :--- | :--- | :--- |
-| `@elementDefine(config)` | Class | Registers the component. Supports `tagName`, `useShadow`, `extends`. |
-| `@template` | Method | Defines the HTML template. |
-| `@style` | Method | Defines the CSS styles. |
-| `@attributeChanged(names)`| Method | Handles attribute changes. Supports single string, array, or wildcard (`*`). |
-| `@query(selector, options)`| Prop/Method | Queries a single element. Supports `{ useShadow: boolean }`. |
+| `@elementDefine(config)` | Class | Registers the component. Supports `name`, `extends`. |
+| `@innerHtml(options)` | Method | Defines HTML template. Supports `{ useShadow: boolean }`. Can be used multiple times. |
+| `@attributeChanged(names)`| Method | Handles attribute changes. Supports single string, array, or `*`. |
+| `@query(selector, options)`| Prop/Method | Queries a single element. |
 | `@queryAll(selector, options)`| Prop/Method | Queries multiple elements. |
-| `@addEventListener(opts)`| Method | Declaratively binds events. Automatically re-binds on DOM changes. |
+| `@addEventListener(opts)`| Method | Declaratively binds events. Auto-rebinds on DOM changes. |
 
-### Built-in Components
+### Lifecycle Decorators
 
-All built-in components extend `SwcHTMLElementBase` and support the `as` attribute for custom data scoping.
+Supports multiple methods per hook.
 
-#### `swc-for-of` (Looping)
-A high-performance list renderer that uses slots to update only changed items.
-- `as`: (Optional) Alias for the item (default: `value`).
-- `as-index`: (Optional) Alias for the index (default: `index`).
+| Hook | Execution Timing |
+| :--- | :--- |
+| `@onBeforeConnected` | Start of `connectedCallback`. |
+| `@onAfterConnected` | End of `connectedCallback`. (Alias: `@onConnected`) |
+| `@onBeforeDisconnected`| Start of `disconnectedCallback`. |
+| `@onAfterDisconnected` | End of `disconnectedCallback`. (Alias: `@onDisconnected`) |
+| `@onBeforeAdopted` | Start of `adoptedCallback`. |
+| `@onAfterAdopted` | End of `adoptedCallback`. (Alias: `@onAdopted`) |
+
+### Built-in Logic Components
 
+#### `swc-for-of` (Looping)
 ```html
-<ul>
-  <swc-for-of id="my-list" as="item" as-index="i">
-    <li>{{i}}: {{item.name}}</li>
-  </swc-for-of>
-</ul>
-<script>
-  const el = document.getElementById('my-list');
-  el.value = [{name: 'Kim'}, {name: 'Lee'}];
-  el.value.push({name: 'Park'}); // Automatically updates UI
-</script>
+<swc-for-of swc-value="{{items}}" as="item" as-index="i">
+  <li>{{i}}: {{item.name}}</li>
+</swc-for-of>
 ```
 
-#### `swc-object` (Object Binding)
-Binds a single object and updates the UI surgically when properties change.
+#### `swc-object` (Binding)
 ```html
-<swc-object id="user-profile" as="u">
+<swc-object swc-value="{{user}}" as="u">
   <div>Name: {{u.name}}</div>
-  <div>Age: {{u.age}}</div>
 </swc-object>
-<script>
-  const el = document.getElementById('user-profile');
-  el.value = { name: 'Kim', age: 20 };
-  el.value.name = 'Lee'; // Automatically updates UI via Proxy
-</script>
 ```
 
-#### `swc-if` (Conditional)
-Conditionally renders content based on a truthy value or expression.
-```html
-<swc-if value="{{value.age >= 19}}">
-  <div>Adult Content</div>
-</swc-if>
-```
+#### `swc-if` / `swc-choose` (Conditional)
+Now supports **Physical DOM Swapping** (elements are actually added/removed from the DOM).
 
-#### `swc-choose` (Branching)
-Provides a switch-case style branching logic.
 ```html
-<swc-choose value="{{value.status}}">
-  <swc-when test="active">Online</swc-when>
-  <swc-when test="pending">Away</swc-when>
-  <swc-other>Offline</swc-other>
-</swc-choose>
+<div is="swc-choose-div" swc-value="{{status}}">
+  <span is="swc-when-span" test="loading">Loading...</span>
+  <div is="swc-other-div">Done!</div>
+</div>
 ```
 
-## Advanced: Extending SwcHTMLElementBase
+## Usage Example
 
-You can create your own high-performance components by extending `SwcHTMLElementBase`. It provides `applyData`, `createReactiveProxy`, and automatic `as` handling.
+```typescript
+import { elementDefine, innerHtml, query, onConnected } from '@dooboostore/simple-web-component';
 
-## License
+@elementDefine({ name: 'my-component' })
+class MyComponent extends HTMLElement {
+  @query('.title') titleEl: HTMLElement;
+
+  @onConnected
+  init() {
+    console.log('Component is ready!');
+  }
 
+  @innerHtml({ useShadow: true })
+  render() {
+    return `<h1 class="title">Hello World</h1>`;
+  }
+}
+```
+
+## License
 MIT

package/dist/cjs/bundle-entry.js

@@ -14,5 +14,6 @@ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "defau
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var bundle_entry_exports = {};
 module.exports = __toCommonJS(bundle_entry_exports);
+var import_reflect_metadata = require("reflect-metadata");
 __reExport(bundle_entry_exports, require("./index"), module.exports);
 //# sourceMappingURL=bundle-entry.js.map

package/dist/cjs/bundle-entry.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/bundle-entry.ts"],
-  "sourcesContent": ["export * from './index';\n"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,iCAAc,oBAAd;",
+  "sourcesContent": ["import 'reflect-metadata';\nexport * from './index';\n"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,8BAAO;AACP,iCAAc,oBADd;",
   "names": []
 }

package/dist/cjs/decorators/elementDefine.js

@@ -24,11 +24,11 @@ __export(elementDefine_exports, {
 module.exports = __toCommonJS(elementDefine_exports);
 var import_ReflectUtils = require("@dooboostore/core/reflect/ReflectUtils");
 var import_attributeChanged = require("./attributeChanged");
-var import_template = require("./template");
-var import_style = require("./style");
+var import_innerHtml = require("./innerHtml");
 var import_query = require("./query");
 var import_queryAll = require("./queryAll");
 var import_addEventListener = require("./addEventListener");
+var import_lifecycles = require("./lifecycles");
 const ELEMENT_CONFIG_KEY = Symbol("simple-web-component:element-config");
 const BUILT_IN_TAG_MAP = /* @__PURE__ */ new Map();
 const registerTag = (className, tagName) => {
@@ -95,14 +95,13 @@ const registerTag = (className, tagName) => {
   ["HTMLHeadingElement", "h1"]
 ].forEach(([cls, tag]) => registerTag(cls, tag));
 const elementDefine = (inConfig) => (constructor) => {
-  const config = typeof inConfig === "string" ? { tagName: inConfig } : inConfig;
+  const config = typeof inConfig === "string" ? { name: inConfig } : inConfig;
   let extendsTagName = config.extends;
   if (!extendsTagName) {
     let proto = Object.getPrototypeOf(constructor);
     while (proto && proto !== HTMLElement && proto !== Function.prototype) {
       extendsTagName = BUILT_IN_TAG_MAP.get(proto);
-      if (extendsTagName)
-        break;
+      if (extendsTagName) break;
       proto = Object.getPrototypeOf(proto);
     }
   }
@@ -110,17 +109,19 @@ const elementDefine = (inConfig) => (constructor) => {
   const observedFromDecorators = attributeChangedMap ? Array.from(attributeChangedMap.keys()).filter((it) => it !== import_attributeChanged.ATTRIBUTE_CHANGED_WILDCARD) : [];
   const mergedObservedAttributes = [.../* @__PURE__ */ new Set([...config.observedAttributes ?? [], ...observedFromDecorators])];
   const NewClass = class extends constructor {
-    static get observedAttributes() {
-      return mergedObservedAttributes;
-    }
     constructor(...args) {
       super(...args);
       this._observer = null;
       this._boundElements = /* @__PURE__ */ new WeakMap();
-      if (config.useShadow === true && !this.shadowRoot) {
+      const innerHtmlList = (0, import_innerHtml.getInnerHtmlMetadataList)(this);
+      const useShadow = innerHtmlList?.some((it) => it.options.useShadow === true);
+      if (useShadow === true && !this.shadowRoot) {
         this.attachShadow({ mode: "open" });
       }
     }
+    static get observedAttributes() {
+      return mergedObservedAttributes;
+    }
     _syncDecorators() {
       const queryMetadata = (0, import_query.getQueryMetadata)(this);
       if (queryMetadata) {
@@ -163,9 +164,13 @@ const elementDefine = (inConfig) => (constructor) => {
               }
               const eventKey = `event:${String(it.propertyKey)}:${eventName}`;
               if (!bound.has(eventKey)) {
-                targetElement.addEventListener(eventName, (event) => {
-                  this[it.propertyKey](event);
-                }, options);
+                targetElement.addEventListener(
+                  eventName,
+                  (event) => {
+                    this[it.propertyKey](event);
+                  },
+                  options
+                );
                 bound.add(eventKey);
               }
             }
@@ -174,44 +179,62 @@ const elementDefine = (inConfig) => (constructor) => {
       }
     }
     disconnectedCallback() {
+      const beforeMethods = (0, import_lifecycles.getLifecycleMetadata)(this, import_lifecycles.ON_BEFORE_DISCONNECTED_METADATA_KEY);
+      beforeMethods?.forEach((m) => {
+        if (typeof this[m] === "function") this[m]();
+      });
       if (this._observer) {
         this._observer.disconnect();
       }
       if (super.disconnectedCallback) {
         super.disconnectedCallback();
       }
-    }
-    connectedMoveCallback() {
-      if (super.connectedMoveCallback) {
-        super.connectedMoveCallback();
-      }
+      const afterMethods = (0, import_lifecycles.getLifecycleMetadata)(this, import_lifecycles.ON_AFTER_DISCONNECTED_METADATA_KEY);
+      afterMethods?.forEach((m) => {
+        if (typeof this[m] === "function") this[m]();
+      });
     }
     adoptedCallback() {
+      const beforeMethods = (0, import_lifecycles.getLifecycleMetadata)(this, import_lifecycles.ON_BEFORE_ADOPTED_METADATA_KEY);
+      beforeMethods?.forEach((m) => {
+        if (typeof this[m] === "function") this[m]();
+      });
       if (super.adoptedCallback) {
         super.adoptedCallback();
       }
+      const afterMethods = (0, import_lifecycles.getLifecycleMetadata)(this, import_lifecycles.ON_AFTER_ADOPTED_METADATA_KEY);
+      afterMethods?.forEach((m) => {
+        if (typeof this[m] === "function") this[m]();
+      });
     }
     async connectedCallback() {
-      const templateMethod = (0, import_template.getTemplateMethod)(this);
-      const styleMethod = (0, import_style.getStyleMethod)(this);
-      const template = templateMethod ? await this[templateMethod]() : void 0;
-      const style = styleMethod ? await this[styleMethod]() : void 0;
-      if (!this.shadowRoot && template === void 0 && style === void 0) {
-        return;
-      }
-      let content = "";
-      if (style !== void 0 && style.trim().length > 0) {
-        content += `<style>${style}</style>`;
+      const beforeMethods = (0, import_lifecycles.getLifecycleMetadata)(this, import_lifecycles.ON_BEFORE_CONNECTED_METADATA_KEY);
+      beforeMethods?.forEach((m) => {
+        if (typeof this[m] === "function") this[m]();
+      });
+      if (typeof this.initCore === "function") {
+        this.initCore();
       }
-      if (template !== void 0) {
-        content += template;
-      } else if (!this.shadowRoot) {
-        content += this.innerHTML;
+      const innerHtmlList = (0, import_innerHtml.getInnerHtmlMetadataList)(this);
+      let shadowContent = "";
+      let lightContent = "";
+      if (innerHtmlList) {
+        for (const meta of innerHtmlList) {
+          const result = await this[meta.propertyKey]();
+          if (result !== void 0) {
+            if (meta.options.useShadow === true) {
+              shadowContent += result;
+            } else {
+              lightContent += result;
+            }
+          }
+        }
       }
       if (this.shadowRoot) {
-        this.shadowRoot.innerHTML = content;
-      } else {
-        this.innerHTML = content;
+        this.shadowRoot.innerHTML = shadowContent;
+      }
+      if (lightContent) {
+        this.innerHTML = lightContent;
       }
       this._syncDecorators();
       this._observer = new MutationObserver(() => {
@@ -222,6 +245,10 @@ const elementDefine = (inConfig) => (constructor) => {
       if (super.connectedCallback) {
         await super.connectedCallback();
       }
+      const afterMethods = (0, import_lifecycles.getLifecycleMetadata)(this, import_lifecycles.ON_AFTER_CONNECTED_METADATA_KEY);
+      afterMethods?.forEach((m) => {
+        if (typeof this[m] === "function") this[m]();
+      });
     }
     // 4. Handle attribute changes and route to decorated methods
     attributeChangedCallback(name, oldValue, newValue) {
@@ -247,9 +274,15 @@ const elementDefine = (inConfig) => (constructor) => {
     }
   };
   const registry = config.customElementRegistry || (typeof customElements !== "undefined" ? customElements : void 0);
-  if (registry && !registry.get(config.tagName)) {
+  if (registry && !registry.get(config.name)) {
     const options = extendsTagName ? { extends: extendsTagName } : void 0;
-    registry.define(config.tagName, NewClass, options);
+    if (extendsTagName && typeof document !== "undefined") {
+      const isSupported = document.createElement(extendsTagName, { is: "any" }).outerHTML.indexOf("is=") !== -1;
+      if (!isSupported) {
+        console.warn(`[SWC] Browser does not support 'is' attribute (Customized Built-in Elements). If you are on Safari, please include '@ungap/custom-elements' polyfill.`);
+      }
+    }
+    registry.define(config.name, NewClass, options);
   }
   import_ReflectUtils.ReflectUtils.defineMetadata(ELEMENT_CONFIG_KEY, config, NewClass);
   return NewClass;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/elementDefine.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\nimport { getAttributeChangedMap, ATTRIBUTE_CHANGED_WILDCARD } from './attributeChanged';\nimport { getTemplateMethod } from './template';\nimport { getStyleMethod } from './style';\nimport { getQueryMetadata } from './query';\nimport { getQueryAllMetadata } from './queryAll';\nimport { getAddEventListenerMetadata } from './addEventListener';\n\nexport interface ElementConfig {\n  tagName: string;\n  useShadow?: boolean;\n  extends?: string;\n  observedAttributes?: string[];\n  customElementRegistry?: CustomElementRegistry;\n}\n\nexport const ELEMENT_CONFIG_KEY = Symbol('simple-web-component:element-config');\n\nconst BUILT_IN_TAG_MAP = new Map<any, string>();\n\nconst registerTag = (className: string, tagName: string) => {\n  if (typeof globalThis !== 'undefined' && (globalThis as any)[className]) {\n    BUILT_IN_TAG_MAP.set((globalThis as any)[className], tagName);\n  }\n};\n\n// Register comprehensive list of supported tags for automatic extends inference\n[\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].forEach(([cls, tag]) => registerTag(cls, tag));\n\nexport const elementDefine =\n  (inConfig: ElementConfig | string): ClassDecorator =>\n  (constructor: any) => {\n    const config: ElementConfig = typeof inConfig === 'string' ? { tagName: inConfig } : inConfig;\n\n    // 1. Automatically derive extendsTagName from prototype chain if not provided\n    let extendsTagName = config.extends;\n    if (!extendsTagName) {\n      let proto = Object.getPrototypeOf(constructor);\n      while (proto && proto !== HTMLElement && proto !== Function.prototype) {\n        extendsTagName = BUILT_IN_TAG_MAP.get(proto);\n        if (extendsTagName) break;\n        proto = Object.getPrototypeOf(proto);\n      }\n    }\n\n    // 2. Automatically collect observed attributes from @attributeChanged decorators\n    const attributeChangedMap = getAttributeChangedMap(constructor);\n    const observedFromDecorators = attributeChangedMap ? Array.from(attributeChangedMap.keys()).filter(it => it !== ATTRIBUTE_CHANGED_WILDCARD) : [];\n    const mergedObservedAttributes = [...new Set([...(config.observedAttributes ?? []), ...observedFromDecorators])];\n\n    // 3. Create a new anonymous class that extends the original constructor\n    const NewClass = class extends (constructor as any) {\n      private _observer: MutationObserver | null = null;\n      private _boundElements = new WeakMap<Element, Set<string | symbol>>();\n\n      static get observedAttributes() {\n        return mergedObservedAttributes;\n      }\n\n      constructor(...args: any[]) {\n        super(...args);\n        if (config.useShadow === true && !this.shadowRoot) {\n          this.attachShadow({ mode: 'open' });\n        }\n      }\n\n      private _syncDecorators() {\n        // 5. Execute @query and @queryAll methods\n        const queryMetadata = getQueryMetadata(this);\n        if (queryMetadata) {\n          queryMetadata\n            .filter(it => it.isMethod)\n            .forEach(it => {\n              const root = it.options.useShadow !== false && this.shadowRoot ? this.shadowRoot : this;\n              const element = root.querySelector(it.selector);\n\n              // 중복 호출 방지: 해당 selector로 찾은 요소가 이전과 다를 때만 호출하거나,\n              // 또는 매번 호출할지 결정해야 함. 여기서는 새로운 요소가 발견되면 호출하는 방식으로 처리.\n              if (element) {\n                let bound = this._boundElements.get(element);\n                if (!bound) {\n                  bound = new Set();\n                  this._boundElements.set(element, bound);\n                }\n                if (!bound.has(it.propertyKey)) {\n                  (this as any)[it.propertyKey](element);\n                  bound.add(it.propertyKey);\n                }\n              }\n            });\n        }\n\n        const queryAllMetadata = getQueryAllMetadata(this);\n        if (queryAllMetadata) {\n          queryAllMetadata\n            .filter(it => it.isMethod)\n            .forEach(it => {\n              const root = it.options.useShadow !== false && this.shadowRoot ? this.shadowRoot : this;\n              const elements = root.querySelectorAll(it.selector);\n\n              // queryAll은 목록이 바뀔 수 있으므로 일단 호출하되,\n              // 내부 로직은 사용자에게 맡기거나 좀 더 정교한 비교가 필요할 수 있음.\n              // 여기서는 단순하게 호출만 다시 함. (사용자가 요청한 '다시 호출' 반영)\n              (this as any)[it.propertyKey](elements);\n            });\n        }\n\n        // 6. Register @addEventListener methods\n        const eventListeners = getAddEventListenerMetadata(this);\n        if (eventListeners) {\n          eventListeners.forEach(it => {\n            const { selector, eventName, useShadow, ...options } = it.options;\n            const root = useShadow !== false && this.shadowRoot ? this.shadowRoot : this;\n            const targetElements = selector ? root.querySelectorAll(selector) : [this as any as Element];\n\n            targetElements.forEach(targetElement => {\n              if (targetElement) {\n                let bound = this._boundElements.get(targetElement);\n                if (!bound) {\n                  bound = new Set();\n                  this._boundElements.set(targetElement, bound);\n                }\n\n                // 중복 바인딩 방지: (요소, 이벤트, 메서드) 조합 확인\n                const eventKey = `event:${String(it.propertyKey)}:${eventName}`;\n                if (!bound.has(eventKey)) {\n                  targetElement.addEventListener(\n                    eventName,\n                    event => {\n                      (this as any)[it.propertyKey](event);\n                    },\n                    options\n                  );\n                  bound.add(eventKey);\n                }\n              }\n            });\n          });\n        }\n      }\n\n      disconnectedCallback() {\n        if (this._observer) {\n          this._observer.disconnect();\n        }\n        if (super.disconnectedCallback) {\n          super.disconnectedCallback();\n        }\n      }\n\n      connectedMoveCallback() {\n        //default logic...\n        if (super.connectedMoveCallback) {\n          super.connectedMoveCallback();\n        }\n      }\n\n      adoptedCallback() {\n        //default logic...\n        if (super.adoptedCallback) {\n          super.adoptedCallback();\n        }\n      }\n\n      async connectedCallback() {\n        const templateMethod = getTemplateMethod(this);\n        const styleMethod = getStyleMethod(this);\n\n        const template = templateMethod ? await (this as any)[templateMethod]() : undefined;\n        const style = styleMethod ? await (this as any)[styleMethod]() : undefined;\n\n        // If not using shadow DOM and no decorators are present, do nothing\n        if (!this.shadowRoot && template === undefined && style === undefined) {\n          return;\n        }\n\n        let content = '';\n        if (style !== undefined && style.trim().length > 0) {\n          content += `<style>${style}</style>`;\n        }\n\n        if (template !== undefined) {\n          content += template;\n        } else if (!this.shadowRoot) {\n          content += this.innerHTML;\n        }\n\n        if (this.shadowRoot) {\n          this.shadowRoot.innerHTML = content;\n        } else {\n          this.innerHTML = content;\n        }\n\n        // 초기 동기화\n        (this as any)._syncDecorators();\n\n        // 7. Watch for DOM changes (MutationObserver)\n        this._observer = new MutationObserver(() => {\n          (this as any)._syncDecorators();\n        });\n        const target = this.shadowRoot || this;\n        this._observer.observe(target, { childList: true, subtree: true });\n\n        if (super.connectedCallback) {\n          await super.connectedCallback();\n        }\n      }\n\n      // 4. Handle attribute changes and route to decorated methods\n      attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null) {\n        // Call the original callback if it exists\n        if (super.attributeChangedCallback) {\n          super.attributeChangedCallback(name, oldValue, newValue);\n        }\n\n        // Call all methods associated with @attributeChanged\n        const methodKeys = attributeChangedMap?.get(name);\n        if (methodKeys && Array.isArray(methodKeys)) {\n          methodKeys.forEach(key => {\n            if (typeof (this as any)[key] === 'function') {\n              (this as any)[key](newValue, oldValue, name);\n            }\n          });\n        }\n\n        // Call the wildcard methods if they exist\n        const wildcardMethodKeys = attributeChangedMap?.get(ATTRIBUTE_CHANGED_WILDCARD);\n        if (wildcardMethodKeys && Array.isArray(wildcardMethodKeys)) {\n          wildcardMethodKeys.forEach(key => {\n            if (typeof (this as any)[key] === 'function') {\n              (this as any)[key](newValue, oldValue, name);\n            }\n          });\n        }\n      }\n    };\n\n    // 5. Register Custom Element using specified or default registry\n    const registry = config.customElementRegistry || (typeof customElements !== 'undefined' ? customElements : undefined);\n    if (registry && !registry.get(config.tagName)) {\n      const options = extendsTagName ? { extends: extendsTagName } : undefined;\n      registry.define(config.tagName, NewClass as any, options);\n    }\n\n    // 6. Save metadata\n    ReflectUtils.defineMetadata(ELEMENT_CONFIG_KEY, config, NewClass);\n\n    return NewClass as any;\n  };\n\nexport const getElementConfig = (target: any): ElementConfig | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(ELEMENT_CONFIG_KEY, constructor);\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\nimport { getAttributeChangedMap, ATTRIBUTE_CHANGED_WILDCARD } from './attributeChanged';\nimport { getInnerHtmlMetadataList } from './innerHtml';\nimport { getQueryMetadata } from './query';\nimport { getQueryAllMetadata } from './queryAll';\nimport { getAddEventListenerMetadata } from './addEventListener';\nimport { getLifecycleMetadata, ON_BEFORE_CONNECTED_METADATA_KEY, ON_AFTER_CONNECTED_METADATA_KEY, ON_BEFORE_DISCONNECTED_METADATA_KEY, ON_AFTER_DISCONNECTED_METADATA_KEY, ON_BEFORE_ADOPTED_METADATA_KEY, ON_AFTER_ADOPTED_METADATA_KEY } from './lifecycles';\n\nexport interface ElementConfig {\n  name: string;\n  extends?: string;\n  observedAttributes?: string[];\n  customElementRegistry?: CustomElementRegistry;\n}\n\nexport const ELEMENT_CONFIG_KEY = Symbol('simple-web-component:element-config');\n\nconst BUILT_IN_TAG_MAP = new Map<any, string>();\n\nconst registerTag = (className: string, tagName: string) => {\n  if (typeof globalThis !== 'undefined' && (globalThis as any)[className]) {\n    BUILT_IN_TAG_MAP.set((globalThis as any)[className], tagName);\n  }\n};\n\n// Register comprehensive list of supported tags for automatic extends inference\n[\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].forEach(([cls, tag]) => registerTag(cls, tag));\n\nexport const elementDefine =\n  (inConfig: ElementConfig | string): ClassDecorator =>\n  (constructor: any) => {\n    const config: ElementConfig = typeof inConfig === 'string' ? { name: inConfig } : inConfig;\n\n    // 1. Automatically derive extendsTagName from prototype chain if not provided\n    let extendsTagName = config.extends;\n    if (!extendsTagName) {\n      let proto = Object.getPrototypeOf(constructor);\n      while (proto && proto !== HTMLElement && proto !== Function.prototype) {\n        extendsTagName = BUILT_IN_TAG_MAP.get(proto);\n        if (extendsTagName) break;\n        proto = Object.getPrototypeOf(proto);\n      }\n    }\n\n    // 2. Automatically collect observed attributes from @attributeChanged decorators\n    const attributeChangedMap = getAttributeChangedMap(constructor);\n    const observedFromDecorators = attributeChangedMap ? Array.from(attributeChangedMap.keys()).filter(it => it !== ATTRIBUTE_CHANGED_WILDCARD) : [];\n    const mergedObservedAttributes = [...new Set([...(config.observedAttributes ?? []), ...observedFromDecorators])];\n\n    // 3. Create a new anonymous class that extends the original constructor\n    const NewClass = class extends (constructor as any) {\n      private _observer: MutationObserver | null = null;\n      private _boundElements = new WeakMap<Element, Set<string | symbol>>();\n\n      static get observedAttributes() {\n        return mergedObservedAttributes;\n      }\n\n      constructor(...args: any[]) {\n        super(...args);\n        const innerHtmlList = getInnerHtmlMetadataList(this);\n        const useShadow = innerHtmlList?.some(it => it.options.useShadow === true);\n\n        if (useShadow === true && !this.shadowRoot) {\n          this.attachShadow({ mode: 'open' });\n        }\n      }\n\n      private _syncDecorators() {\n        // 5. Execute @query and @queryAll methods\n        const queryMetadata = getQueryMetadata(this);\n        if (queryMetadata) {\n          queryMetadata\n            .filter(it => it.isMethod)\n            .forEach(it => {\n              const root = it.options.useShadow !== false && this.shadowRoot ? this.shadowRoot : this;\n              const element = root.querySelector(it.selector);\n\n              if (element) {\n                let bound = this._boundElements.get(element);\n                if (!bound) {\n                  bound = new Set();\n                  this._boundElements.set(element, bound);\n                }\n                if (!bound.has(it.propertyKey)) {\n                  (this as any)[it.propertyKey](element);\n                  bound.add(it.propertyKey);\n                }\n              }\n            });\n        }\n\n        const queryAllMetadata = getQueryAllMetadata(this);\n        if (queryAllMetadata) {\n          queryAllMetadata\n            .filter(it => it.isMethod)\n            .forEach(it => {\n              const root = it.options.useShadow !== false && this.shadowRoot ? this.shadowRoot : this;\n              const elements = root.querySelectorAll(it.selector);\n              (this as any)[it.propertyKey](elements);\n            });\n        }\n\n        // 6. Register @addEventListener methods\n        const eventListeners = getAddEventListenerMetadata(this);\n        if (eventListeners) {\n          eventListeners.forEach(it => {\n            const { selector, eventName, useShadow, ...options } = it.options;\n            const root = useShadow !== false && this.shadowRoot ? this.shadowRoot : this;\n            const targetElements = selector ? root.querySelectorAll(selector) : [this as any as Element];\n\n            targetElements.forEach(targetElement => {\n              if (targetElement) {\n                let bound = this._boundElements.get(targetElement);\n                if (!bound) {\n                  bound = new Set();\n                  this._boundElements.set(targetElement, bound);\n                }\n\n                const eventKey = `event:${String(it.propertyKey)}:${eventName}`;\n                if (!bound.has(eventKey)) {\n                  targetElement.addEventListener(\n                    eventName,\n                    event => {\n                      (this as any)[it.propertyKey](event);\n                    },\n                    options\n                  );\n                  bound.add(eventKey);\n                }\n              }\n            });\n          });\n        }\n      }\n\n      disconnectedCallback() {\n        // 1. onBeforeDisconnected\n        const beforeMethods = getLifecycleMetadata(this, ON_BEFORE_DISCONNECTED_METADATA_KEY);\n        beforeMethods?.forEach(m => {\n          if (typeof (this as any)[m] === 'function') (this as any)[m]();\n        });\n\n        if (this._observer) {\n          this._observer.disconnect();\n        }\n\n        if (super.disconnectedCallback) {\n          super.disconnectedCallback();\n        }\n\n        // 2. onAfterDisconnected\n        const afterMethods = getLifecycleMetadata(this, ON_AFTER_DISCONNECTED_METADATA_KEY);\n        afterMethods?.forEach(m => {\n          if (typeof (this as any)[m] === 'function') (this as any)[m]();\n        });\n      }\n\n      adoptedCallback() {\n        // 1. onBeforeAdopted\n        const beforeMethods = getLifecycleMetadata(this, ON_BEFORE_ADOPTED_METADATA_KEY);\n        beforeMethods?.forEach(m => {\n          if (typeof (this as any)[m] === 'function') (this as any)[m]();\n        });\n\n        if (super.adoptedCallback) {\n          super.adoptedCallback();\n        }\n\n        // 2. onAfterAdopted\n        const afterMethods = getLifecycleMetadata(this, ON_AFTER_ADOPTED_METADATA_KEY);\n        afterMethods?.forEach(m => {\n          if (typeof (this as any)[m] === 'function') (this as any)[m]();\n        });\n      }\n\n      async connectedCallback() {\n        // 1. onBeforeConnected\n        const beforeMethods = getLifecycleMetadata(this, ON_BEFORE_CONNECTED_METADATA_KEY);\n        beforeMethods?.forEach(m => {\n          if (typeof (this as any)[m] === 'function') (this as any)[m]();\n        });\n\n        if (typeof (this as any).initCore === 'function') {\n          (this as any).initCore();\n        }\n\n        const innerHtmlList = getInnerHtmlMetadataList(this);\n\n        let shadowContent = '';\n        let lightContent = '';\n\n        if (innerHtmlList) {\n          for (const meta of innerHtmlList) {\n            const result = await (this as any)[meta.propertyKey]();\n            if (result !== undefined) {\n              if (meta.options.useShadow === true) {\n                shadowContent += result;\n              } else {\n                lightContent += result;\n              }\n            }\n          }\n        }\n\n        if (this.shadowRoot) {\n          this.shadowRoot.innerHTML = shadowContent;\n        }\n\n        if (lightContent) {\n          this.innerHTML = lightContent;\n        }\n\n        // \uCD08\uAE30 \uB3D9\uAE30\uD654\n        (this as any)._syncDecorators();\n\n        // 7. Watch for DOM changes (MutationObserver)\n        this._observer = new MutationObserver(() => {\n          (this as any)._syncDecorators();\n        });\n        const target = this.shadowRoot || this;\n        this._observer.observe(target, { childList: true, subtree: true });\n\n        if (super.connectedCallback) {\n          await super.connectedCallback();\n        }\n\n        // 2. onAfterConnected\n        const afterMethods = getLifecycleMetadata(this, ON_AFTER_CONNECTED_METADATA_KEY);\n        afterMethods?.forEach(m => {\n          if (typeof (this as any)[m] === 'function') (this as any)[m]();\n        });\n      }\n\n      // 4. Handle attribute changes and route to decorated methods\n      attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null) {\n        if (super.attributeChangedCallback) {\n          super.attributeChangedCallback(name, oldValue, newValue);\n        }\n\n        const methodKeys = attributeChangedMap?.get(name);\n        if (methodKeys && Array.isArray(methodKeys)) {\n          methodKeys.forEach(key => {\n            if (typeof (this as any)[key] === 'function') {\n              (this as any)[key](newValue, oldValue, name);\n            }\n          });\n        }\n\n        const wildcardMethodKeys = attributeChangedMap?.get(ATTRIBUTE_CHANGED_WILDCARD);\n        if (wildcardMethodKeys && Array.isArray(wildcardMethodKeys)) {\n          wildcardMethodKeys.forEach(key => {\n            if (typeof (this as any)[key] === 'function') {\n              (this as any)[key](newValue, oldValue, name);\n            }\n          });\n        }\n      }\n    };\n\n    // 5. Register Custom Element using specified or default registry\n    const registry = config.customElementRegistry || (typeof customElements !== 'undefined' ? customElements : undefined);\n    if (registry && !registry.get(config.name)) {\n      const options = extendsTagName ? { extends: extendsTagName } : undefined;\n\n      // Safari support check for Customized Built-in Elements\n      if (extendsTagName && typeof document !== 'undefined') {\n        const isSupported = document.createElement(extendsTagName, { is: 'any' }).outerHTML.indexOf('is=') !== -1;\n        if (!isSupported) {\n          console.warn(`[SWC] Browser does not support 'is' attribute (Customized Built-in Elements). ` + `If you are on Safari, please include '@ungap/custom-elements' polyfill.`);\n        }\n      }\n\n      registry.define(config.name, NewClass as any, options);\n    }\n\n    // 6. Save metadata\n    ReflectUtils.defineMetadata(ELEMENT_CONFIG_KEY, config, NewClass);\n\n    return NewClass as any;\n  };\n\nexport const getElementConfig = (target: any): ElementConfig | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(ELEMENT_CONFIG_KEY, constructor);\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/decorators/innerHtml.js

@@ -0,0 +1,48 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var innerHtml_exports = {};
+__export(innerHtml_exports, {
+  INNER_HTML_METADATA_KEY: () => INNER_HTML_METADATA_KEY,
+  getInnerHtmlMetadataList: () => getInnerHtmlMetadataList,
+  innerHtml: () => innerHtml
+});
+module.exports = __toCommonJS(innerHtml_exports);
+var import_ReflectUtils = require("@dooboostore/core/reflect/ReflectUtils");
+const INNER_HTML_METADATA_KEY = Symbol("simple-web-component:inner-html");
+function innerHtml(arg1, arg2, arg3) {
+  const decorator = (options, target, propertyKey) => {
+    const constructor = target.constructor;
+    let list = import_ReflectUtils.ReflectUtils.getMetadata(INNER_HTML_METADATA_KEY, constructor);
+    if (!list) {
+      list = [];
+      import_ReflectUtils.ReflectUtils.defineMetadata(INNER_HTML_METADATA_KEY, list, constructor);
+    }
+    list.push({ propertyKey, options });
+  };
+  if (arg2) {
+    return decorator({}, arg1, arg2);
+  }
+  return (target, propertyKey) => {
+    decorator(arg1 || {}, target, propertyKey);
+  };
+}
+const getInnerHtmlMetadataList = (target) => {
+  const constructor = target instanceof Function ? target : target.constructor;
+  return import_ReflectUtils.ReflectUtils.getMetadata(INNER_HTML_METADATA_KEY, constructor);
+};
+//# sourceMappingURL=innerHtml.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/decorators/innerHtml.ts"],
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\n\nexport interface InnerHtmlOptions {\n  useShadow?: boolean;\n}\n\nexport interface InnerHtmlMetadata {\n  propertyKey: string | symbol;\n  options: InnerHtmlOptions;\n}\n\nexport const INNER_HTML_METADATA_KEY = Symbol('simple-web-component:inner-html');\n\nexport function innerHtml(options: InnerHtmlOptions): MethodDecorator;\nexport function innerHtml(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function innerHtml(arg1?: InnerHtmlOptions | Object, arg2?: string | symbol, arg3?: PropertyDescriptor): MethodDecorator | void {\n  const decorator = (options: InnerHtmlOptions, target: Object, propertyKey: string | symbol) => {\n    const constructor = target.constructor;\n    let list = ReflectUtils.getMetadata<InnerHtmlMetadata[]>(INNER_HTML_METADATA_KEY, constructor);\n    if (!list) {\n      list = [];\n      ReflectUtils.defineMetadata(INNER_HTML_METADATA_KEY, list, constructor);\n    }\n    list.push({ propertyKey, options });\n  };\n\n  if (arg2) {\n    // Used as @innerHtml\n    return decorator({}, arg1!, arg2);\n  }\n\n  // Used as @innerHtml(options)\n  return (target: Object, propertyKey: string | symbol) => {\n    decorator((arg1 as InnerHtmlOptions) || {}, target, propertyKey);\n  };\n}\n\nexport const getInnerHtmlMetadataList = (target: any): InnerHtmlMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(INNER_HTML_METADATA_KEY, constructor);\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA6B;AAWtB,MAAM,0BAA0B,OAAO,iCAAiC;AAIxE,SAAS,UAAU,MAAkC,MAAwB,MAAmD;AACrI,QAAM,YAAY,CAAC,SAA2B,QAAgB,gBAAiC;AAC7F,UAAM,cAAc,OAAO;AAC3B,QAAI,OAAO,iCAAa,YAAiC,yBAAyB,WAAW;AAC7F,QAAI,CAAC,MAAM;AACT,aAAO,CAAC;AACR,uCAAa,eAAe,yBAAyB,MAAM,WAAW;AAAA,IACxE;AACA,SAAK,KAAK,EAAE,aAAa,QAAQ,CAAC;AAAA,EACpC;AAEA,MAAI,MAAM;AAER,WAAO,UAAU,CAAC,GAAG,MAAO,IAAI;AAAA,EAClC;AAGA,SAAO,CAAC,QAAgB,gBAAiC;AACvD,cAAW,QAA6B,CAAC,GAAG,QAAQ,WAAW;AAAA,EACjE;AACF;AAEO,MAAM,2BAA2B,CAAC,WAAiD;AACxF,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,iCAAa,YAAY,yBAAyB,WAAW;AACtE;",
+  "names": []
+}

package/dist/cjs/decorators/lifecycles.js

@@ -0,0 +1,69 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var lifecycles_exports = {};
+__export(lifecycles_exports, {
+  ON_AFTER_ADOPTED_METADATA_KEY: () => ON_AFTER_ADOPTED_METADATA_KEY,
+  ON_AFTER_CONNECTED_METADATA_KEY: () => ON_AFTER_CONNECTED_METADATA_KEY,
+  ON_AFTER_DISCONNECTED_METADATA_KEY: () => ON_AFTER_DISCONNECTED_METADATA_KEY,
+  ON_BEFORE_ADOPTED_METADATA_KEY: () => ON_BEFORE_ADOPTED_METADATA_KEY,
+  ON_BEFORE_CONNECTED_METADATA_KEY: () => ON_BEFORE_CONNECTED_METADATA_KEY,
+  ON_BEFORE_DISCONNECTED_METADATA_KEY: () => ON_BEFORE_DISCONNECTED_METADATA_KEY,
+  getLifecycleMetadata: () => getLifecycleMetadata,
+  onAdopted: () => onAdopted,
+  onAfterAdopted: () => onAfterAdopted,
+  onAfterConnected: () => onAfterConnected,
+  onAfterDisconnected: () => onAfterDisconnected,
+  onBeforeAdopted: () => onBeforeAdopted,
+  onBeforeConnected: () => onBeforeConnected,
+  onBeforeDisconnected: () => onBeforeDisconnected,
+  onConnected: () => onConnected,
+  onDisconnected: () => onDisconnected
+});
+module.exports = __toCommonJS(lifecycles_exports);
+var import_ReflectUtils = require("@dooboostore/core/reflect/ReflectUtils");
+const ON_BEFORE_CONNECTED_METADATA_KEY = Symbol("simple-web-component:on-before-connected");
+const ON_AFTER_CONNECTED_METADATA_KEY = Symbol("simple-web-component:on-after-connected");
+const ON_BEFORE_DISCONNECTED_METADATA_KEY = Symbol("simple-web-component:on-before-disconnected");
+const ON_AFTER_DISCONNECTED_METADATA_KEY = Symbol("simple-web-component:on-after-disconnected");
+const ON_BEFORE_ADOPTED_METADATA_KEY = Symbol("simple-web-component:on-before-adopted");
+const ON_AFTER_ADOPTED_METADATA_KEY = Symbol("simple-web-component:on-after-adopted");
+function createLifecycleDecorator(metadataKey) {
+  return (target, propertyKey) => {
+    const constructor = target.constructor;
+    let list = import_ReflectUtils.ReflectUtils.getMetadata(metadataKey, constructor);
+    if (!list) {
+      list = [];
+      import_ReflectUtils.ReflectUtils.defineMetadata(metadataKey, list, constructor);
+    }
+    list.push(propertyKey);
+  };
+}
+const onBeforeConnected = createLifecycleDecorator(ON_BEFORE_CONNECTED_METADATA_KEY);
+const onAfterConnected = createLifecycleDecorator(ON_AFTER_CONNECTED_METADATA_KEY);
+const onConnected = onAfterConnected;
+const onBeforeDisconnected = createLifecycleDecorator(ON_BEFORE_DISCONNECTED_METADATA_KEY);
+const onAfterDisconnected = createLifecycleDecorator(ON_AFTER_DISCONNECTED_METADATA_KEY);
+const onDisconnected = onAfterDisconnected;
+const onBeforeAdopted = createLifecycleDecorator(ON_BEFORE_ADOPTED_METADATA_KEY);
+const onAfterAdopted = createLifecycleDecorator(ON_AFTER_ADOPTED_METADATA_KEY);
+const onAdopted = onAfterAdopted;
+const getLifecycleMetadata = (target, metadataKey) => {
+  const constructor = target instanceof Function ? target : target.constructor;
+  return import_ReflectUtils.ReflectUtils.getMetadata(metadataKey, constructor);
+};
+//# sourceMappingURL=lifecycles.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/decorators/lifecycles.ts"],
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\n\nexport const ON_BEFORE_CONNECTED_METADATA_KEY = Symbol('simple-web-component:on-before-connected');\nexport const ON_AFTER_CONNECTED_METADATA_KEY = Symbol('simple-web-component:on-after-connected');\nexport const ON_BEFORE_DISCONNECTED_METADATA_KEY = Symbol('simple-web-component:on-before-disconnected');\nexport const ON_AFTER_DISCONNECTED_METADATA_KEY = Symbol('simple-web-component:on-after-disconnected');\nexport const ON_BEFORE_ADOPTED_METADATA_KEY = Symbol('simple-web-component:on-before-adopted');\nexport const ON_AFTER_ADOPTED_METADATA_KEY = Symbol('simple-web-component:on-after-adopted');\n\nfunction createLifecycleDecorator(metadataKey: symbol): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol) => {\n    const constructor = target.constructor;\n    let list = ReflectUtils.getMetadata<(string | symbol)[]>(metadataKey, constructor);\n    if (!list) {\n      list = [];\n      ReflectUtils.defineMetadata(metadataKey, list, constructor);\n    }\n    list.push(propertyKey);\n  };\n}\n\nexport const onBeforeConnected = createLifecycleDecorator(ON_BEFORE_CONNECTED_METADATA_KEY);\nexport const onAfterConnected = createLifecycleDecorator(ON_AFTER_CONNECTED_METADATA_KEY);\nexport const onConnected = onAfterConnected; // Alias for backward compatibility\n\nexport const onBeforeDisconnected = createLifecycleDecorator(ON_BEFORE_DISCONNECTED_METADATA_KEY);\nexport const onAfterDisconnected = createLifecycleDecorator(ON_AFTER_DISCONNECTED_METADATA_KEY);\nexport const onDisconnected = onAfterDisconnected; // Alias\n\nexport const onBeforeAdopted = createLifecycleDecorator(ON_BEFORE_ADOPTED_METADATA_KEY);\nexport const onAfterAdopted = createLifecycleDecorator(ON_AFTER_ADOPTED_METADATA_KEY);\nexport const onAdopted = onAfterAdopted; // Alias\n\nexport const getLifecycleMetadata = (target: any, metadataKey: symbol): (string | symbol)[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(metadataKey, constructor);\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA6B;AAEtB,MAAM,mCAAmC,OAAO,0CAA0C;AAC1F,MAAM,kCAAkC,OAAO,yCAAyC;AACxF,MAAM,sCAAsC,OAAO,6CAA6C;AAChG,MAAM,qCAAqC,OAAO,4CAA4C;AAC9F,MAAM,iCAAiC,OAAO,wCAAwC;AACtF,MAAM,gCAAgC,OAAO,uCAAuC;AAE3F,SAAS,yBAAyB,aAAsC;AACtE,SAAO,CAAC,QAAgB,gBAAiC;AACvD,UAAM,cAAc,OAAO;AAC3B,QAAI,OAAO,iCAAa,YAAiC,aAAa,WAAW;AACjF,QAAI,CAAC,MAAM;AACT,aAAO,CAAC;AACR,uCAAa,eAAe,aAAa,MAAM,WAAW;AAAA,IAC5D;AACA,SAAK,KAAK,WAAW;AAAA,EACvB;AACF;AAEO,MAAM,oBAAoB,yBAAyB,gCAAgC;AACnF,MAAM,mBAAmB,yBAAyB,+BAA+B;AACjF,MAAM,cAAc;AAEpB,MAAM,uBAAuB,yBAAyB,mCAAmC;AACzF,MAAM,sBAAsB,yBAAyB,kCAAkC;AACvF,MAAM,iBAAiB;AAEvB,MAAM,kBAAkB,yBAAyB,8BAA8B;AAC/E,MAAM,iBAAiB,yBAAyB,6BAA6B;AAC7E,MAAM,YAAY;AAElB,MAAM,uBAAuB,CAAC,QAAa,gBAAyD;AACzG,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,iCAAa,YAAY,aAAa,WAAW;AAC1D;",
+  "names": []
+}