@dooboostore/simple-web-component 1.0.0

package/dist/esm/decorators/element.js

@@ -0,0 +1,164 @@
+import { ReflectUtils } from "@dooboostore/core/reflect/ReflectUtils";
+import { getAttributeChangedMap } from "./attributeChanged.js";
+import { getTemplateMethod } from "./template.js";
+import { getStyleMethod } from "./style.js";
+const ELEMENT_CONFIG_KEY = Symbol("simple-web-component:element-config");
+const BUILT_IN_TAG_MAP = /* @__PURE__ */ new Map();
+const registerTag = (className, tagName) => {
+  if (typeof globalThis !== "undefined" && globalThis[className]) {
+    BUILT_IN_TAG_MAP.set(globalThis[className], tagName);
+  }
+};
+[
+  ["HTMLAnchorElement", "a"],
+  ["HTMLAreaElement", "area"],
+  ["HTMLAudioElement", "audio"],
+  ["HTMLBaseElement", "base"],
+  ["HTMLButtonElement", "button"],
+  ["HTMLCanvasElement", "canvas"],
+  ["HTMLDataElement", "data"],
+  ["HTMLDataListElement", "datalist"],
+  ["HTMLDetailsElement", "details"],
+  ["HTMLDialogElement", "dialog"],
+  ["HTMLDivElement", "div"],
+  ["HTMLDListElement", "dl"],
+  ["HTMLEmbedElement", "embed"],
+  ["HTMLFieldSetElement", "fieldset"],
+  ["HTMLFormElement", "form"],
+  ["HTMLHRElement", "hr"],
+  ["HTMLIFrameElement", "iframe"],
+  ["HTMLImageElement", "img"],
+  ["HTMLInputElement", "input"],
+  ["HTMLLabelElement", "label"],
+  ["HTMLLegendElement", "legend"],
+  ["HTMLLIElement", "li"],
+  ["HTMLLinkElement", "link"],
+  ["HTMLMapElement", "map"],
+  ["HTMLMetaElement", "meta"],
+  ["HTMLMeterElement", "meter"],
+  ["HTMLModElement", "del"],
+  ["HTMLObjectElement", "object"],
+  ["HTMLOListElement", "ol"],
+  ["HTMLOptGroupElement", "optgroup"],
+  ["HTMLOptionElement", "option"],
+  ["HTMLOutputElement", "output"],
+  ["HTMLParagraphElement", "p"],
+  ["HTMLParamElement", "param"],
+  ["HTMLPictureElement", "picture"],
+  ["HTMLPreElement", "pre"],
+  ["HTMLProgressElement", "progress"],
+  ["HTMLQuoteElement", "blockquote"],
+  ["HTMLScriptElement", "script"],
+  ["HTMLSelectElement", "select"],
+  ["HTMLSlotElement", "slot"],
+  ["HTMLSourceElement", "source"],
+  ["HTMLSpanElement", "span"],
+  ["HTMLStyleElement", "style"],
+  ["HTMLTableElement", "table"],
+  ["HTMLTableSectionElement", "tbody"],
+  ["HTMLTableCellElement", "td"],
+  ["HTMLTemplateElement", "template"],
+  ["HTMLTextAreaElement", "textarea"],
+  ["HTMLTimeElement", "time"],
+  ["HTMLTitleElement", "title"],
+  ["HTMLTableRowElement", "tr"],
+  ["HTMLTrackElement", "track"],
+  ["HTMLUListElement", "ul"],
+  ["HTMLVideoElement", "video"],
+  ["HTMLHeadingElement", "h1"]
+].forEach(([cls, tag]) => registerTag(cls, tag));
+const element = (inConfig) => (constructor) => {
+  const config = typeof inConfig === "string" ? { tagName: 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;
+      proto = Object.getPrototypeOf(proto);
+    }
+  }
+  const attributeChangedMap = getAttributeChangedMap(constructor);
+  const observedFromDecorators = attributeChangedMap ? Array.from(attributeChangedMap.keys()) : [];
+  const mergedObservedAttributes = [.../* @__PURE__ */ new Set([...config.observedAttributes ?? [], ...observedFromDecorators])];
+  const NewClass = class extends constructor {
+    static get observedAttributes() {
+      return mergedObservedAttributes;
+    }
+    constructor(...args) {
+      super(...args);
+      if (config.useShadow === true && !this.shadowRoot) {
+        this.attachShadow({ mode: "open" });
+      }
+    }
+    disconnectedCallback() {
+      if (super.disconnectedCallback) {
+        super.disconnectedCallback();
+      }
+    }
+    connectedMoveCallback() {
+      if (super.connectedMoveCallback) {
+        super.connectedMoveCallback();
+      }
+    }
+    adoptedCallback() {
+      if (super.adoptedCallback) {
+        super.adoptedCallback();
+      }
+    }
+    async connectedCallback() {
+      if (super.connectedCallback) {
+        await super.connectedCallback();
+      }
+      const templateMethod = getTemplateMethod(this);
+      const styleMethod = 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>`;
+      }
+      if (template !== void 0) {
+        content += template;
+      } else if (!this.shadowRoot) {
+        content += this.innerHTML;
+      }
+      if (this.shadowRoot) {
+        this.shadowRoot.innerHTML = content;
+      } else {
+        this.innerHTML = content;
+      }
+    }
+    // 4. Handle attribute changes and route to decorated methods
+    attributeChangedCallback(name, oldValue, newValue) {
+      if (super.attributeChangedCallback) {
+        super.attributeChangedCallback(name, oldValue, newValue);
+      }
+      const methodKey = attributeChangedMap?.get(name);
+      if (methodKey && typeof this[methodKey] === "function") {
+        this[methodKey](newValue, oldValue);
+      }
+    }
+  };
+  const registry = config.customElementRegistry || (typeof customElements !== "undefined" ? customElements : void 0);
+  if (registry && !registry.get(config.tagName)) {
+    const options = extendsTagName ? { extends: extendsTagName } : void 0;
+    registry.define(config.tagName, NewClass, options);
+  }
+  ReflectUtils.defineMetadata(ELEMENT_CONFIG_KEY, config, NewClass);
+  return NewClass;
+};
+const getElementConfig = (target) => {
+  const constructor = target instanceof Function ? target : target.constructor;
+  return ReflectUtils.getMetadata(ELEMENT_CONFIG_KEY, constructor);
+};
+export {
+  ELEMENT_CONFIG_KEY,
+  element,
+  getElementConfig
+};
+//# sourceMappingURL=element.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/decorators/element.ts"],
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\nimport { getAttributeChangedMap } from './attributeChanged';\nimport { getTemplateMethod } from './template';\nimport { getStyleMethod } from './style';\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 element =\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()) : [];\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      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      disconnectedCallback() {\n        if (super.disconnectedCallback) {\n          super.disconnectedCallback();\n        }\n      }\n\n      connectedMoveCallback() {\n        if (super.connectedMoveCallback) {\n          super.connectedMoveCallback();\n        }\n      }\n\n      adoptedCallback() {\n        if (super.adoptedCallback) {\n          super.adoptedCallback();\n        }\n      }\n\n      async connectedCallback() {\n        if (super.connectedCallback) {\n          await super.connectedCallback();\n        }\n\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      // 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 the method associated with @attributeChanged\n        const methodKey = attributeChangedMap?.get(name);\n        if (methodKey && typeof (this as any)[methodKey] === 'function') {\n          (this as any)[methodKey](newValue, oldValue);\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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",
+  "names": []
+}

package/dist/esm/decorators/style.js

@@ -0,0 +1,15 @@
+import { ReflectUtils } from "@dooboostore/core/reflect/ReflectUtils";
+const STYLE_METHOD_KEY = Symbol("simple-web-component:style-method");
+const style = (target, propertyKey, descriptor) => {
+  ReflectUtils.defineMetadata(STYLE_METHOD_KEY, propertyKey, target.constructor);
+};
+const getStyleMethod = (target) => {
+  const constructor = target instanceof Function ? target : target.constructor;
+  return ReflectUtils.getMetadata(STYLE_METHOD_KEY, constructor);
+};
+export {
+  STYLE_METHOD_KEY,
+  getStyleMethod,
+  style
+};
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/decorators/style.ts"],
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\n\nexport const STYLE_METHOD_KEY = Symbol('simple-web-component:style-method');\n\nexport const style: MethodDecorator = (target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n  ReflectUtils.defineMetadata(STYLE_METHOD_KEY, propertyKey, target.constructor);\n};\n\nexport const getStyleMethod = (target: any): string | symbol | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(STYLE_METHOD_KEY, constructor);\n};\n"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAEtB,MAAM,mBAAmB,OAAO,mCAAmC;AAEnE,MAAM,QAAyB,CAAC,QAAgB,aAA8B,eAAmC;AACtH,eAAa,eAAe,kBAAkB,aAAa,OAAO,WAAW;AAC/E;AAEO,MAAM,iBAAiB,CAAC,WAA6C;AAC1E,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,kBAAkB,WAAW;AAC/D;",
+  "names": []
+}

package/dist/esm/decorators/template.js

@@ -0,0 +1,15 @@
+import { ReflectUtils } from "@dooboostore/core/reflect/ReflectUtils";
+const TEMPLATE_METHOD_KEY = Symbol("simple-web-component:template-method");
+const template = (target, propertyKey, descriptor) => {
+  ReflectUtils.defineMetadata(TEMPLATE_METHOD_KEY, propertyKey, target.constructor);
+};
+const getTemplateMethod = (target) => {
+  const constructor = target instanceof Function ? target : target.constructor;
+  return ReflectUtils.getMetadata(TEMPLATE_METHOD_KEY, constructor);
+};
+export {
+  TEMPLATE_METHOD_KEY,
+  getTemplateMethod,
+  template
+};
+//# sourceMappingURL=template.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/decorators/template.ts"],
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\n\nexport const TEMPLATE_METHOD_KEY = Symbol('simple-web-component:template-method');\n\nexport const template: MethodDecorator = (target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n  // console.log('setTemplateMethod target.constructor', target.constructor)\n  ReflectUtils.defineMetadata(TEMPLATE_METHOD_KEY, propertyKey, target.constructor);\n};\n\nexport const getTemplateMethod = (target: any): string | symbol | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  // console.log('getTemplateMethod constructor', constructor)\n  return ReflectUtils.getMetadata(TEMPLATE_METHOD_KEY, constructor);\n};\n"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAEtB,MAAM,sBAAsB,OAAO,sCAAsC;AAEzE,MAAM,WAA4B,CAAC,QAAgB,aAA8B,eAAmC;AAEzH,eAAa,eAAe,qBAAqB,aAAa,OAAO,WAAW;AAClF;AAEO,MAAM,oBAAoB,CAAC,WAA6C;AAC7E,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AAEjE,SAAO,aAAa,YAAY,qBAAqB,WAAW;AAClE;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,5 @@
+export * from "./decorators/element.js";
+export * from "./decorators/template.js";
+export * from "./decorators/style.js";
+export * from "./decorators/attributeChanged.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["export * from './decorators/element';\nexport * from './decorators/template';\nexport * from './decorators/style';\nexport * from './decorators/attributeChanged';"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/esm-bundle/dooboostore-simple-web-component.esm.js

@@ -0,0 +1,260 @@
+// ../core/dist/esm/reflect/ReflectUtils.js
+var ReflectUtils;
+((ReflectUtils2) => {
+  ReflectUtils2.getParameterTypes = (target, propertyKey) => {
+    if (propertyKey) {
+      return Reflect.getMetadata("design:paramtypes", target, propertyKey) || [];
+    } else {
+      return Reflect.getMetadata("design:paramtypes", target) || [];
+    }
+  };
+  ReflectUtils2.getReturnType = (target, propertyKey) => {
+    return Reflect.getMetadata("design:returntype", target, propertyKey);
+  };
+  ReflectUtils2.getType = (target, propertyKey) => {
+    if (propertyKey) {
+      return Reflect.getMetadata("design:type", target, propertyKey);
+    } else {
+      return Reflect.getMetadata("design:type", target);
+    }
+  };
+  ReflectUtils2.getMetadata = (metadataKey, target, propertyKey) => {
+    if (propertyKey) {
+      return Reflect.getMetadata(metadataKey, target, propertyKey);
+    } else {
+      return Reflect.getMetadata(metadataKey, target);
+    }
+  };
+  ReflectUtils2.getMetadataKeys = (target) => {
+    return Reflect.getMetadataKeys(target);
+  };
+  ReflectUtils2.getOwnMetadata = (metadataKey, target, propertyKey) => {
+    if (propertyKey) {
+      return Reflect.getOwnMetadata(metadataKey, target, propertyKey);
+    } else {
+      return Reflect.getOwnMetadata(metadataKey, target);
+    }
+  };
+  ReflectUtils2.getMetadatas = (target) => {
+    return ReflectUtils2.getMetadataKeys(target).map((it) => ReflectUtils2.getMetadata(it, target));
+  };
+  ReflectUtils2.metadata = (metadataKey, data) => {
+    return Reflect.metadata(metadataKey, data);
+  };
+  ReflectUtils2.defineMetadata = (metadataKey, value, target, propertyKey) => {
+    if (propertyKey && Reflect.defineMetadata) {
+      Reflect.defineMetadata(metadataKey, value, target, propertyKey);
+    } else if (Reflect.defineMetadata) {
+      Reflect.defineMetadata(metadataKey, value, target);
+    }
+  };
+})(ReflectUtils || (ReflectUtils = {}));
+
+// src/decorators/attributeChanged.ts
+var ATTRIBUTE_CHANGED_METADATA_KEY = Symbol("simple-web-component:attribute-changed");
+var attributeChanged = (attributeName) => {
+  return (target, propertyKey, descriptor) => {
+    const constructor = target.constructor;
+    let meta = ReflectUtils.getMetadata(ATTRIBUTE_CHANGED_METADATA_KEY, constructor);
+    if (!meta) {
+      meta = /* @__PURE__ */ new Map();
+      ReflectUtils.defineMetadata(ATTRIBUTE_CHANGED_METADATA_KEY, meta, constructor);
+    }
+    meta.set(attributeName, propertyKey);
+  };
+};
+var getAttributeChangedMap = (target) => {
+  const constructor = target instanceof Function ? target : target.constructor;
+  return ReflectUtils.getMetadata(ATTRIBUTE_CHANGED_METADATA_KEY, constructor);
+};
+
+// src/decorators/template.ts
+var TEMPLATE_METHOD_KEY = Symbol("simple-web-component:template-method");
+var template = (target, propertyKey, descriptor) => {
+  ReflectUtils.defineMetadata(TEMPLATE_METHOD_KEY, propertyKey, target.constructor);
+};
+var getTemplateMethod = (target) => {
+  const constructor = target instanceof Function ? target : target.constructor;
+  return ReflectUtils.getMetadata(TEMPLATE_METHOD_KEY, constructor);
+};
+
+// src/decorators/style.ts
+var STYLE_METHOD_KEY = Symbol("simple-web-component:style-method");
+var style = (target, propertyKey, descriptor) => {
+  ReflectUtils.defineMetadata(STYLE_METHOD_KEY, propertyKey, target.constructor);
+};
+var getStyleMethod = (target) => {
+  const constructor = target instanceof Function ? target : target.constructor;
+  return ReflectUtils.getMetadata(STYLE_METHOD_KEY, constructor);
+};
+
+// src/decorators/element.ts
+var ELEMENT_CONFIG_KEY = Symbol("simple-web-component:element-config");
+var BUILT_IN_TAG_MAP = /* @__PURE__ */ new Map();
+var registerTag = (className, tagName) => {
+  if (typeof globalThis !== "undefined" && globalThis[className]) {
+    BUILT_IN_TAG_MAP.set(globalThis[className], tagName);
+  }
+};
+[
+  ["HTMLAnchorElement", "a"],
+  ["HTMLAreaElement", "area"],
+  ["HTMLAudioElement", "audio"],
+  ["HTMLBaseElement", "base"],
+  ["HTMLButtonElement", "button"],
+  ["HTMLCanvasElement", "canvas"],
+  ["HTMLDataElement", "data"],
+  ["HTMLDataListElement", "datalist"],
+  ["HTMLDetailsElement", "details"],
+  ["HTMLDialogElement", "dialog"],
+  ["HTMLDivElement", "div"],
+  ["HTMLDListElement", "dl"],
+  ["HTMLEmbedElement", "embed"],
+  ["HTMLFieldSetElement", "fieldset"],
+  ["HTMLFormElement", "form"],
+  ["HTMLHRElement", "hr"],
+  ["HTMLIFrameElement", "iframe"],
+  ["HTMLImageElement", "img"],
+  ["HTMLInputElement", "input"],
+  ["HTMLLabelElement", "label"],
+  ["HTMLLegendElement", "legend"],
+  ["HTMLLIElement", "li"],
+  ["HTMLLinkElement", "link"],
+  ["HTMLMapElement", "map"],
+  ["HTMLMetaElement", "meta"],
+  ["HTMLMeterElement", "meter"],
+  ["HTMLModElement", "del"],
+  ["HTMLObjectElement", "object"],
+  ["HTMLOListElement", "ol"],
+  ["HTMLOptGroupElement", "optgroup"],
+  ["HTMLOptionElement", "option"],
+  ["HTMLOutputElement", "output"],
+  ["HTMLParagraphElement", "p"],
+  ["HTMLParamElement", "param"],
+  ["HTMLPictureElement", "picture"],
+  ["HTMLPreElement", "pre"],
+  ["HTMLProgressElement", "progress"],
+  ["HTMLQuoteElement", "blockquote"],
+  ["HTMLScriptElement", "script"],
+  ["HTMLSelectElement", "select"],
+  ["HTMLSlotElement", "slot"],
+  ["HTMLSourceElement", "source"],
+  ["HTMLSpanElement", "span"],
+  ["HTMLStyleElement", "style"],
+  ["HTMLTableElement", "table"],
+  ["HTMLTableSectionElement", "tbody"],
+  ["HTMLTableCellElement", "td"],
+  ["HTMLTemplateElement", "template"],
+  ["HTMLTextAreaElement", "textarea"],
+  ["HTMLTimeElement", "time"],
+  ["HTMLTitleElement", "title"],
+  ["HTMLTableRowElement", "tr"],
+  ["HTMLTrackElement", "track"],
+  ["HTMLUListElement", "ul"],
+  ["HTMLVideoElement", "video"],
+  ["HTMLHeadingElement", "h1"]
+].forEach(([cls, tag]) => registerTag(cls, tag));
+var element = (inConfig) => (constructor) => {
+  const config = typeof inConfig === "string" ? { tagName: 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;
+      proto = Object.getPrototypeOf(proto);
+    }
+  }
+  const attributeChangedMap = getAttributeChangedMap(constructor);
+  const observedFromDecorators = attributeChangedMap ? Array.from(attributeChangedMap.keys()) : [];
+  const mergedObservedAttributes = [.../* @__PURE__ */ new Set([...config.observedAttributes ?? [], ...observedFromDecorators])];
+  const NewClass = class extends constructor {
+    static get observedAttributes() {
+      return mergedObservedAttributes;
+    }
+    constructor(...args) {
+      super(...args);
+      if (config.useShadow === true && !this.shadowRoot) {
+        this.attachShadow({ mode: "open" });
+      }
+    }
+    disconnectedCallback() {
+      if (super.disconnectedCallback) {
+        super.disconnectedCallback();
+      }
+    }
+    connectedMoveCallback() {
+      if (super.connectedMoveCallback) {
+        super.connectedMoveCallback();
+      }
+    }
+    adoptedCallback() {
+      if (super.adoptedCallback) {
+        super.adoptedCallback();
+      }
+    }
+    async connectedCallback() {
+      if (super.connectedCallback) {
+        await super.connectedCallback();
+      }
+      const templateMethod = getTemplateMethod(this);
+      const styleMethod = getStyleMethod(this);
+      const template2 = templateMethod ? await this[templateMethod]() : void 0;
+      const style2 = styleMethod ? await this[styleMethod]() : void 0;
+      if (!this.shadowRoot && template2 === void 0 && style2 === void 0) {
+        return;
+      }
+      let content = "";
+      if (style2 !== void 0 && style2.trim().length > 0) {
+        content += `<style>${style2}</style>`;
+      }
+      if (template2 !== void 0) {
+        content += template2;
+      } else if (!this.shadowRoot) {
+        content += this.innerHTML;
+      }
+      if (this.shadowRoot) {
+        this.shadowRoot.innerHTML = content;
+      } else {
+        this.innerHTML = content;
+      }
+    }
+    // 4. Handle attribute changes and route to decorated methods
+    attributeChangedCallback(name, oldValue, newValue) {
+      if (super.attributeChangedCallback) {
+        super.attributeChangedCallback(name, oldValue, newValue);
+      }
+      const methodKey = attributeChangedMap?.get(name);
+      if (methodKey && typeof this[methodKey] === "function") {
+        this[methodKey](newValue, oldValue);
+      }
+    }
+  };
+  const registry = config.customElementRegistry || (typeof customElements !== "undefined" ? customElements : void 0);
+  if (registry && !registry.get(config.tagName)) {
+    const options = extendsTagName ? { extends: extendsTagName } : void 0;
+    registry.define(config.tagName, NewClass, options);
+  }
+  ReflectUtils.defineMetadata(ELEMENT_CONFIG_KEY, config, NewClass);
+  return NewClass;
+};
+var getElementConfig = (target) => {
+  const constructor = target instanceof Function ? target : target.constructor;
+  return ReflectUtils.getMetadata(ELEMENT_CONFIG_KEY, constructor);
+};
+export {
+  ATTRIBUTE_CHANGED_METADATA_KEY,
+  ELEMENT_CONFIG_KEY,
+  STYLE_METHOD_KEY,
+  TEMPLATE_METHOD_KEY,
+  attributeChanged,
+  element,
+  getAttributeChangedMap,
+  getElementConfig,
+  getStyleMethod,
+  getTemplateMethod,
+  style,
+  template
+};
+//# sourceMappingURL=dooboostore-simple-web-component.esm.js.map

package/dist/esm-bundle/dooboostore-simple-web-component.esm.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../core/src/reflect/ReflectUtils.ts", "../../src/decorators/attributeChanged.ts", "../../src/decorators/template.ts", "../../src/decorators/style.ts", "../../src/decorators/element.ts"],
+  "sourcesContent": ["import { ConstructorType } from '../types';\nexport namespace  ReflectUtils {\n    export const getParameterTypes = (target: any, propertyKey?: string | symbol): ConstructorType<any>[] => {\n      // console.log('---------param')\n        if (propertyKey) {\n            return Reflect.getMetadata('design:paramtypes', target, propertyKey) || [];\n        } else {\n            return Reflect.getMetadata('design:paramtypes', target) || [];\n        }\n    }\n\n\n    export const getReturnType = (target: any, propertyKey: string | symbol): any  => {\n        return Reflect.getMetadata('design:returntype', target, propertyKey);\n    }\n\n    // @Reflect.metadata(\"design:type\", Point)\n    export const getType = (target: any, propertyKey?: string | symbol): any => {\n        if (propertyKey) {\n            return Reflect.getMetadata('design:type', target, propertyKey);\n        } else {\n            return Reflect.getMetadata('design:type', target);\n        }\n    }\n\n    export const getMetadata = <T = any>(metadataKey: any, target: any, propertyKey?: string | symbol): T | undefined => {\n        if (propertyKey) {\n            return Reflect.getMetadata(metadataKey, target, propertyKey);\n        } else {\n            return Reflect.getMetadata(metadataKey, target);\n        }\n\n\n        //\n        // let tt = target;\n        // // proxy \uAC78\uB9B0\uAC70\uB294 \uC624\uB9AC\uC9C0\uB110 constructor\uC5D0 \uB4E4\uC5B4\uAC00\uC788\uC744\uACBD\uC6B0\uB3C4\uC788\uC5B4\uC11C  reflect\uAC00 proxy\uC758 constructor\uC5D0\uC11C \uCC3E\uB294\uACBD\uC6B0\uB3C4\uC788\uB2E4,\n        // // \uC11C\uBC84\uB791 \uD504\uB860\uD2B8\uB791 \uB2E4\uB978\uB4EF.. \uADF8\uB798\uC11C \uC704\uB85C \uCC3E\uC544\uAC00\uBA74\uC11C\n        // while (tt) {\n        //     let meta: any = undefined;\n        //     if (propertyKey) {\n        //         meta = Reflect.getMetadata(metadataKey, tt, propertyKey);\n        //     } else {\n        //         meta = Reflect.getMetadata(metadataKey, tt);\n        //     }\n        //     if (meta) {\n        //         return meta;\n        //     }\n        //     tt = Reflect.getPrototypeOf(tt);\n        // }\n    }\n\n    export const getMetadataKeys = (target: any) => {\n        return Reflect.getMetadataKeys(target);\n    }\n\n    export const getOwnMetadata = (metadataKey: any, target: any, propertyKey?: string): number[] | any => {\n        if (propertyKey) {\n            return Reflect.getOwnMetadata(metadataKey, target, propertyKey);\n        } else {\n            return Reflect.getOwnMetadata(metadataKey, target);\n        }\n    }\n\n    export const getMetadatas = (target: any) => {\n        return ReflectUtils.getMetadataKeys(target).map(it => ReflectUtils.getMetadata(it, target));\n    }\n\n    export const metadata = (metadataKey: any, data: any) => {\n        return Reflect.metadata(metadataKey, data);\n    }\n\n    export const defineMetadata = (metadataKey: any, value: any, target: any, propertyKey?: string | symbol) => {\n        // console.log(\"Reflect:\",Reflect)\n        if (propertyKey && Reflect.defineMetadata) {\n            Reflect.defineMetadata(metadataKey, value, target, propertyKey);\n        } else if (Reflect.defineMetadata) {\n            Reflect.defineMetadata(metadataKey, value, target);\n            // Reflect.defineMetadata(\"design:paramtypes\", value, target);\n        }\n        // console.log(\"Reflect:\",Reflect.getMetadata(metadataKey, target))\n        // console.log(\"Reflect:\",Reflect.getMetadata('design:paramtypes', target))\n    }\n}\n", "import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\n\nexport const ATTRIBUTE_CHANGED_METADATA_KEY = Symbol('simple-web-component:attribute-changed');\n\nexport const attributeChanged = (attributeName: string): MethodDecorator => {\n  return (target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n    const constructor = target.constructor;\n    let meta = ReflectUtils.getMetadata<Map<string, string | symbol>>(ATTRIBUTE_CHANGED_METADATA_KEY, constructor);\n    if (!meta) {\n      meta = new Map<string, string | symbol>();\n      ReflectUtils.defineMetadata(ATTRIBUTE_CHANGED_METADATA_KEY, meta, constructor);\n    }\n    meta.set(attributeName, propertyKey);\n  };\n};\n\nexport const getAttributeChangedMap = (target: any): Map<string, string | symbol> | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(ATTRIBUTE_CHANGED_METADATA_KEY, constructor);\n};\n", "import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\n\nexport const TEMPLATE_METHOD_KEY = Symbol('simple-web-component:template-method');\n\nexport const template: MethodDecorator = (target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n  // console.log('setTemplateMethod target.constructor', target.constructor)\n  ReflectUtils.defineMetadata(TEMPLATE_METHOD_KEY, propertyKey, target.constructor);\n};\n\nexport const getTemplateMethod = (target: any): string | symbol | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  // console.log('getTemplateMethod constructor', constructor)\n  return ReflectUtils.getMetadata(TEMPLATE_METHOD_KEY, constructor);\n};\n", "import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\n\nexport const STYLE_METHOD_KEY = Symbol('simple-web-component:style-method');\n\nexport const style: MethodDecorator = (target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n  ReflectUtils.defineMetadata(STYLE_METHOD_KEY, propertyKey, target.constructor);\n};\n\nexport const getStyleMethod = (target: any): string | symbol | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(STYLE_METHOD_KEY, constructor);\n};\n", "import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\nimport { getAttributeChangedMap } from './attributeChanged';\nimport { getTemplateMethod } from './template';\nimport { getStyleMethod } from './style';\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 element =\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()) : [];\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      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      disconnectedCallback() {\n        if (super.disconnectedCallback) {\n          super.disconnectedCallback();\n        }\n      }\n\n      connectedMoveCallback() {\n        if (super.connectedMoveCallback) {\n          super.connectedMoveCallback();\n        }\n      }\n\n      adoptedCallback() {\n        if (super.adoptedCallback) {\n          super.adoptedCallback();\n        }\n      }\n\n      async connectedCallback() {\n        if (super.connectedCallback) {\n          await super.connectedCallback();\n        }\n\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      // 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 the method associated with @attributeChanged\n        const methodKey = attributeChangedMap?.get(name);\n        if (methodKey && typeof (this as any)[methodKey] === 'function') {\n          (this as any)[methodKey](newValue, oldValue);\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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",
+  "names": ["ReflectUtils", "template", "style"]
+}

package/dist/types/bundle-entry.d.ts

@@ -0,0 +1,2 @@
+export * from './index';
+//# sourceMappingURL=bundle-entry.d.ts.map

package/dist/types/bundle-entry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-entry.d.ts","sourceRoot":"","sources":["../../src/bundle-entry.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/types/decorators/attributeChanged.d.ts

@@ -0,0 +1,4 @@
+export declare const ATTRIBUTE_CHANGED_METADATA_KEY: unique symbol;
+export declare const attributeChanged: (attributeName: string) => MethodDecorator;
+export declare const getAttributeChangedMap: (target: any) => Map<string, string | symbol> | undefined;
+//# sourceMappingURL=attributeChanged.d.ts.map

package/dist/types/decorators/attributeChanged.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attributeChanged.d.ts","sourceRoot":"","sources":["../../../src/decorators/attributeChanged.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,8BAA8B,eAAmD,CAAC;AAE/F,eAAO,MAAM,gBAAgB,GAAI,eAAe,MAAM,KAAG,eAUxD,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,QAAQ,GAAG,KAAG,GAAG,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,GAAG,SAGnF,CAAC"}

package/dist/types/decorators/element.d.ts

@@ -0,0 +1,11 @@
+export interface ElementConfig {
+    tagName: string;
+    useShadow?: boolean;
+    extends?: string;
+    observedAttributes?: string[];
+    customElementRegistry?: CustomElementRegistry;
+}
+export declare const ELEMENT_CONFIG_KEY: unique symbol;
+export declare const element: (inConfig: ElementConfig | string) => ClassDecorator;
+export declare const getElementConfig: (target: any) => ElementConfig | undefined;
+//# sourceMappingURL=element.d.ts.map

package/dist/types/decorators/element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../../src/decorators/element.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC/C;AAED,eAAO,MAAM,kBAAkB,eAAgD,CAAC;AAsEhF,eAAO,MAAM,OAAO,GACjB,UAAU,aAAa,GAAG,MAAM,KAAG,cA+GnC,CAAC;AAEJ,eAAO,MAAM,gBAAgB,GAAI,QAAQ,GAAG,KAAG,aAAa,GAAG,SAG9D,CAAC"}

package/dist/types/decorators/style.d.ts

@@ -0,0 +1,4 @@
+export declare const STYLE_METHOD_KEY: unique symbol;
+export declare const style: MethodDecorator;
+export declare const getStyleMethod: (target: any) => string | symbol | undefined;
+//# sourceMappingURL=style.d.ts.map

package/dist/types/decorators/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/decorators/style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,eAA8C,CAAC;AAE5E,eAAO,MAAM,KAAK,EAAE,eAEnB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,QAAQ,GAAG,KAAG,MAAM,GAAG,MAAM,GAAG,SAG9D,CAAC"}

package/dist/types/decorators/template.d.ts

@@ -0,0 +1,4 @@
+export declare const TEMPLATE_METHOD_KEY: unique symbol;
+export declare const template: MethodDecorator;
+export declare const getTemplateMethod: (target: any) => string | symbol | undefined;
+//# sourceMappingURL=template.d.ts.map

package/dist/types/decorators/template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"template.d.ts","sourceRoot":"","sources":["../../../src/decorators/template.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,eAAiD,CAAC;AAElF,eAAO,MAAM,QAAQ,EAAE,eAGtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,QAAQ,GAAG,KAAG,MAAM,GAAG,MAAM,GAAG,SAIjE,CAAC"}

package/dist/types/index.d.ts

@@ -0,0 +1,5 @@
+export * from './decorators/element';
+export * from './decorators/template';
+export * from './decorators/style';
+export * from './decorators/attributeChanged';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,+BAA+B,CAAC"}