@dooboostore/simple-web-component 1.0.0 → 1.0.2

package/dist/cjs/elements/SwcOther.js

@@ -0,0 +1,56 @@
+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 SwcOther_exports = {};
+__export(SwcOther_exports, {
+  SwcOther: () => SwcOther
+});
+module.exports = __toCommonJS(SwcOther_exports);
+var import__ = require("../index");
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = function(k, v) {
+  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+let SwcOther = class SwcOther2 extends HTMLElement {
+  styles() {
+    return `:host { display: contents; }`;
+  }
+  render() {
+    return `<slot></slot>`;
+  }
+};
+__decorate([
+  import__.style,
+  __metadata("design:type", Function),
+  __metadata("design:paramtypes", []),
+  __metadata("design:returntype", void 0)
+], SwcOther.prototype, "styles", null);
+__decorate([
+  import__.template,
+  __metadata("design:type", Function),
+  __metadata("design:paramtypes", []),
+  __metadata("design:returntype", void 0)
+], SwcOther.prototype, "render", null);
+SwcOther = __decorate([
+  (0, import__.elementDefind)({ tagName: "swc-other", useShadow: true })
+], SwcOther);
+//# sourceMappingURL=SwcOther.js.map

package/dist/cjs/elements/SwcOther.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/elements/SwcOther.ts"],
+  "sourcesContent": ["import { elementDefind, template, style } from '../index';\n\n@elementDefind({ tagName: 'swc-other', useShadow: true })\nexport class SwcOther extends HTMLElement {\n  @style\n  styles() {\n    return `:host { display: contents; }`;\n  }\n\n  @template\n  render() {\n    return `<slot></slot>`;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAA+C;;;;;;;;;;AAGxC,IAAM,WAAN,MAAMA,kBAAiB,YAAW;EAEvC,SAAM;AACJ,WAAO;EACT;EAGA,SAAM;AACJ,WAAO;EACT;;AAPA,WAAA;EADC;;;;;AAMD,WAAA;EADC;;;;;AANU,WAAQ,WAAA;MADpB,wBAAc,EAAE,SAAS,aAAa,WAAW,KAAI,CAAE;GAC3C,QAAQ;",
+  "names": ["SwcOther"]
+}

package/dist/cjs/elements/SwcWhen.js

@@ -0,0 +1,56 @@
+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 SwcWhen_exports = {};
+__export(SwcWhen_exports, {
+  SwcWhen: () => SwcWhen
+});
+module.exports = __toCommonJS(SwcWhen_exports);
+var import__ = require("../index");
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = function(k, v) {
+  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+let SwcWhen = class SwcWhen2 extends HTMLElement {
+  styles() {
+    return `:host { display: contents; }`;
+  }
+  render() {
+    return `<slot></slot>`;
+  }
+};
+__decorate([
+  import__.style,
+  __metadata("design:type", Function),
+  __metadata("design:paramtypes", []),
+  __metadata("design:returntype", void 0)
+], SwcWhen.prototype, "styles", null);
+__decorate([
+  import__.template,
+  __metadata("design:type", Function),
+  __metadata("design:paramtypes", []),
+  __metadata("design:returntype", void 0)
+], SwcWhen.prototype, "render", null);
+SwcWhen = __decorate([
+  (0, import__.elementDefind)({ tagName: "swc-when", useShadow: true })
+], SwcWhen);
+//# sourceMappingURL=SwcWhen.js.map

package/dist/cjs/elements/SwcWhen.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/elements/SwcWhen.ts"],
+  "sourcesContent": ["import { elementDefind, template, style } from '../index';\n\n@elementDefind({ tagName: 'swc-when', useShadow: true })\nexport class SwcWhen extends HTMLElement {\n  @style\n  styles() {\n    return `:host { display: contents; }`;\n  }\n\n  @template\n  render() {\n    return `<slot></slot>`;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,eAA+C;;;;;;;;;;AAGxC,IAAM,UAAN,MAAMA,iBAAgB,YAAW;EAEtC,SAAM;AACJ,WAAO;EACT;EAGA,SAAM;AACJ,WAAO;EACT;;AAPA,WAAA;EADC;;;;;AAMD,WAAA;EADC;;;;;AANU,UAAO,WAAA;MADnB,wBAAc,EAAE,SAAS,YAAY,WAAW,KAAI,CAAE;GAC1C,OAAO;",
+  "names": ["SwcWhen"]
+}

package/dist/cjs/index.js

@@ -14,8 +14,18 @@ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "defau
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 module.exports = __toCommonJS(src_exports);
-__reExport(src_exports, require("./decorators/element"), module.exports);
+__reExport(src_exports, require("./decorators/elementDefind"), module.exports);
 __reExport(src_exports, require("./decorators/template"), module.exports);
 __reExport(src_exports, require("./decorators/style"), module.exports);
 __reExport(src_exports, require("./decorators/attributeChanged"), module.exports);
+__reExport(src_exports, require("./decorators/query"), module.exports);
+__reExport(src_exports, require("./decorators/queryAll"), module.exports);
+__reExport(src_exports, require("./decorators/addEventListener"), module.exports);
+__reExport(src_exports, require("./elements/SwcForOf"), module.exports);
+__reExport(src_exports, require("./elements/SwcIf"), module.exports);
+__reExport(src_exports, require("./elements/SwcChoose"), module.exports);
+__reExport(src_exports, require("./elements/SwcWhen"), module.exports);
+__reExport(src_exports, require("./elements/SwcOther"), module.exports);
+__reExport(src_exports, require("./elements/SwcObject"), module.exports);
+__reExport(src_exports, require("./elements/SwcHTMLElementBase"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +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;AAAA;AAAA,wBAAc,iCAAd;AACA,wBAAc,kCADd;AAEA,wBAAc,+BAFd;AAGA,wBAAc,0CAHd;",
+  "sourcesContent": ["export * from './decorators/elementDefind';\nexport * from './decorators/template';\nexport * from './decorators/style';\nexport * from './decorators/attributeChanged';\nexport * from './decorators/query';\nexport * from './decorators/queryAll';\nexport * from './decorators/addEventListener';\nexport * from './elements/SwcForOf';\nexport * from './elements/SwcIf';\nexport * from './elements/SwcChoose';\nexport * from './elements/SwcWhen';\nexport * from './elements/SwcOther';\nexport * from './elements/SwcObject';\nexport * from './elements/SwcHTMLElementBase';\n"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,uCAAd;AACA,wBAAc,kCADd;AAEA,wBAAc,+BAFd;AAGA,wBAAc,0CAHd;AAIA,wBAAc,+BAJd;AAKA,wBAAc,kCALd;AAMA,wBAAc,0CANd;AAOA,wBAAc,gCAPd;AAQA,wBAAc,6BARd;AASA,wBAAc,iCATd;AAUA,wBAAc,+BAVd;AAWA,wBAAc,gCAXd;AAYA,wBAAc,iCAZd;AAaA,wBAAc,0CAbd;",
   "names": []
 }

package/dist/esm/decorators/addEventListener.js

@@ -0,0 +1,23 @@
+import { ReflectUtils } from "@dooboostore/core/reflect/ReflectUtils";
+const ADD_EVENT_LISTENER_METADATA_KEY = Symbol("simple-web-component:add-event-listener");
+const addEventListener = (options) => {
+  return (target, propertyKey, descriptor) => {
+    const constructor = target.constructor;
+    let listeners = ReflectUtils.getMetadata(ADD_EVENT_LISTENER_METADATA_KEY, constructor);
+    if (!listeners) {
+      listeners = [];
+      ReflectUtils.defineMetadata(ADD_EVENT_LISTENER_METADATA_KEY, listeners, constructor);
+    }
+    listeners.push({ options, propertyKey });
+  };
+};
+const getAddEventListenerMetadata = (target) => {
+  const constructor = target instanceof Function ? target : target.constructor;
+  return ReflectUtils.getMetadata(ADD_EVENT_LISTENER_METADATA_KEY, constructor);
+};
+export {
+  ADD_EVENT_LISTENER_METADATA_KEY,
+  addEventListener,
+  getAddEventListenerMetadata
+};
+//# sourceMappingURL=addEventListener.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/decorators/addEventListener.ts"],
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\n\nexport interface AddEventListenerOptions extends EventListenerOptions {\n  selector?: string;\n  eventName: string;\n  useShadow?: boolean;\n  capture?: boolean;\n  once?: boolean;\n  passive?: boolean;\n}\n\nexport interface AddEventListenerMetadata {\n  options: AddEventListenerOptions;\n  propertyKey: string | symbol;\n}\n\nexport const ADD_EVENT_LISTENER_METADATA_KEY = Symbol('simple-web-component:add-event-listener');\n\nexport const addEventListener = (options: AddEventListenerOptions): MethodDecorator => {\n  return (target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n    const constructor = target.constructor;\n\n    let listeners = ReflectUtils.getMetadata<AddEventListenerMetadata[]>(ADD_EVENT_LISTENER_METADATA_KEY, constructor);\n    if (!listeners) {\n      listeners = [];\n      ReflectUtils.defineMetadata(ADD_EVENT_LISTENER_METADATA_KEY, listeners, constructor);\n    }\n    listeners.push({ options, propertyKey });\n  };\n};\n\nexport const getAddEventListenerMetadata = (target: any): AddEventListenerMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(ADD_EVENT_LISTENER_METADATA_KEY, constructor);\n};\n"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAgBtB,MAAM,kCAAkC,OAAO,yCAAyC;AAExF,MAAM,mBAAmB,CAAC,YAAsD;AACrF,SAAO,CAAC,QAAgB,aAA8B,eAAmC;AACvF,UAAM,cAAc,OAAO;AAE3B,QAAI,YAAY,aAAa,YAAwC,iCAAiC,WAAW;AACjH,QAAI,CAAC,WAAW;AACd,kBAAY,CAAC;AACb,mBAAa,eAAe,iCAAiC,WAAW,WAAW;AAAA,IACrF;AACA,cAAU,KAAK,EAAE,SAAS,YAAY,CAAC;AAAA,EACzC;AACF;AAEO,MAAM,8BAA8B,CAAC,WAAwD;AAClG,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,iCAAiC,WAAW;AAC9E;",
+  "names": []
+}

package/dist/esm/decorators/attributeChanged.js

@@ -1,22 +1,42 @@
 import { ReflectUtils } from "@dooboostore/core/reflect/ReflectUtils";
 const ATTRIBUTE_CHANGED_METADATA_KEY = Symbol("simple-web-component:attribute-changed");
-const attributeChanged = (attributeName) => {
-  return (target, propertyKey, descriptor) => {
+const ATTRIBUTE_CHANGED_WILDCARD = "*";
+function attributeChanged(arg1, arg2, arg3) {
+  const decorator = (attributeName, target, propertyKey) => {
     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);
+    let methods = meta.get(attributeName);
+    if (!methods) {
+      methods = [];
+      meta.set(attributeName, methods);
+    }
+    if (!methods.includes(propertyKey)) {
+      methods.push(propertyKey);
+    }
   };
-};
+  if (typeof arg1 === "string") {
+    return (target, propertyKey) => {
+      decorator(arg1, target, propertyKey);
+    };
+  } else if (Array.isArray(arg1)) {
+    return (target, propertyKey) => {
+      arg1.forEach((name) => decorator(name, target, propertyKey));
+    };
+  } else if (arg1 && arg2) {
+    decorator(ATTRIBUTE_CHANGED_WILDCARD, arg1, arg2);
+  }
+}
 const getAttributeChangedMap = (target) => {
   const constructor = target instanceof Function ? target : target.constructor;
   return ReflectUtils.getMetadata(ATTRIBUTE_CHANGED_METADATA_KEY, constructor);
 };
 export {
   ATTRIBUTE_CHANGED_METADATA_KEY,
+  ATTRIBUTE_CHANGED_WILDCARD,
   attributeChanged,
   getAttributeChangedMap
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/attributeChanged.ts"],
-  "sourcesContent": ["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"],
-  "mappings": "AAAA,SAAS,oBAAoB;AAEtB,MAAM,iCAAiC,OAAO,wCAAwC;AAEtF,MAAM,mBAAmB,CAAC,kBAA2C;AAC1E,SAAO,CAAC,QAAgB,aAA8B,eAAmC;AACvF,UAAM,cAAc,OAAO;AAC3B,QAAI,OAAO,aAAa,YAA0C,gCAAgC,WAAW;AAC7G,QAAI,CAAC,MAAM;AACT,aAAO,oBAAI,IAA6B;AACxC,mBAAa,eAAe,gCAAgC,MAAM,WAAW;AAAA,IAC/E;AACA,SAAK,IAAI,eAAe,WAAW;AAAA,EACrC;AACF;AAEO,MAAM,yBAAyB,CAAC,WAA0D;AAC/F,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,gCAAgC,WAAW;AAC7E;",
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\n\nexport const ATTRIBUTE_CHANGED_METADATA_KEY = Symbol('simple-web-component:attribute-changed');\nexport const ATTRIBUTE_CHANGED_WILDCARD = '*';\n\nexport function attributeChanged(attributeName: string | string[]): MethodDecorator;\nexport function attributeChanged(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function attributeChanged(arg1: string | string[] | Object, arg2?: string | symbol, arg3?: PropertyDescriptor): MethodDecorator | void {\n  const decorator = (attributeName: string, target: Object, propertyKey: string | symbol) => {\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\n    let methods = meta.get(attributeName);\n    if (!methods) {\n      methods = [];\n      meta.set(attributeName, methods);\n    }\n    if (!methods.includes(propertyKey)) {\n      methods.push(propertyKey);\n    }\n  };\n\n  if (typeof arg1 === 'string') {\n    return (target: Object, propertyKey: string | symbol) => {\n      decorator(arg1, target, propertyKey);\n    };\n  } else if (Array.isArray(arg1)) {\n    return (target: Object, propertyKey: string | symbol) => {\n      arg1.forEach(name => decorator(name, target, propertyKey));\n    };\n  } else if (arg1 && arg2) {\n    decorator(ATTRIBUTE_CHANGED_WILDCARD, arg1, arg2);\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"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAEtB,MAAM,iCAAiC,OAAO,wCAAwC;AACtF,MAAM,6BAA6B;AAInC,SAAS,iBAAiB,MAAkC,MAAwB,MAAmD;AAC5I,QAAM,YAAY,CAAC,eAAuB,QAAgB,gBAAiC;AACzF,UAAM,cAAc,OAAO;AAC3B,QAAI,OAAO,aAAa,YAA8C,gCAAgC,WAAW;AACjH,QAAI,CAAC,MAAM;AACT,aAAO,oBAAI,IAAiC;AAC5C,mBAAa,eAAe,gCAAgC,MAAM,WAAW;AAAA,IAC/E;AAEA,QAAI,UAAU,KAAK,IAAI,aAAa;AACpC,QAAI,CAAC,SAAS;AACZ,gBAAU,CAAC;AACX,WAAK,IAAI,eAAe,OAAO;AAAA,IACjC;AACA,QAAI,CAAC,QAAQ,SAAS,WAAW,GAAG;AAClC,cAAQ,KAAK,WAAW;AAAA,IAC1B;AAAA,EACF;AAEA,MAAI,OAAO,SAAS,UAAU;AAC5B,WAAO,CAAC,QAAgB,gBAAiC;AACvD,gBAAU,MAAM,QAAQ,WAAW;AAAA,IACrC;AAAA,EACF,WAAW,MAAM,QAAQ,IAAI,GAAG;AAC9B,WAAO,CAAC,QAAgB,gBAAiC;AACvD,WAAK,QAAQ,UAAQ,UAAU,MAAM,QAAQ,WAAW,CAAC;AAAA,IAC3D;AAAA,EACF,WAAW,QAAQ,MAAM;AACvB,cAAU,4BAA4B,MAAM,IAAI;AAAA,EAClD;AACF;AAEO,MAAM,yBAAyB,CAAC,WAA0D;AAC/F,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,gCAAgC,WAAW;AAC7E;",
   "names": []
 }

package/dist/esm/decorators/{element.js → elementDefind.js}

@@ -1,7 +1,10 @@
 import { ReflectUtils } from "@dooboostore/core/reflect/ReflectUtils";
-import { getAttributeChangedMap } from "./attributeChanged.js";
+import { getAttributeChangedMap, ATTRIBUTE_CHANGED_WILDCARD } from "./attributeChanged.js";
 import { getTemplateMethod } from "./template.js";
 import { getStyleMethod } from "./style.js";
+import { getQueryMetadata } from "./query.js";
+import { getQueryAllMetadata } from "./queryAll.js";
+import { getAddEventListenerMetadata } from "./addEventListener.js";
 const ELEMENT_CONFIG_KEY = Symbol("simple-web-component:element-config");
 const BUILT_IN_TAG_MAP = /* @__PURE__ */ new Map();
 const registerTag = (className, tagName) => {
@@ -67,7 +70,7 @@ const registerTag = (className, tagName) => {
   ["HTMLVideoElement", "video"],
   ["HTMLHeadingElement", "h1"]
 ].forEach(([cls, tag]) => registerTag(cls, tag));
-const element = (inConfig) => (constructor) => {
+const elementDefind = (inConfig) => (constructor) => {
   const config = typeof inConfig === "string" ? { tagName: inConfig } : inConfig;
   let extendsTagName = config.extends;
   if (!extendsTagName) {
@@ -80,7 +83,7 @@ const element = (inConfig) => (constructor) => {
     }
   }
   const attributeChangedMap = getAttributeChangedMap(constructor);
-  const observedFromDecorators = attributeChangedMap ? Array.from(attributeChangedMap.keys()) : [];
+  const observedFromDecorators = attributeChangedMap ? Array.from(attributeChangedMap.keys()).filter((it) => it !== ATTRIBUTE_CHANGED_WILDCARD) : [];
   const mergedObservedAttributes = [.../* @__PURE__ */ new Set([...config.observedAttributes ?? [], ...observedFromDecorators])];
   const NewClass = class extends constructor {
     static get observedAttributes() {
@@ -88,11 +91,68 @@ const element = (inConfig) => (constructor) => {
     }
     constructor(...args) {
       super(...args);
+      this._observer = null;
+      this._boundElements = /* @__PURE__ */ new WeakMap();
       if (config.useShadow === true && !this.shadowRoot) {
         this.attachShadow({ mode: "open" });
       }
     }
+    _syncDecorators() {
+      const queryMetadata = getQueryMetadata(this);
+      if (queryMetadata) {
+        queryMetadata.filter((it) => it.isMethod).forEach((it) => {
+          const root = it.options.useShadow !== false && this.shadowRoot ? this.shadowRoot : this;
+          const element = root.querySelector(it.selector);
+          if (element) {
+            let bound = this._boundElements.get(element);
+            if (!bound) {
+              bound = /* @__PURE__ */ new Set();
+              this._boundElements.set(element, bound);
+            }
+            if (!bound.has(it.propertyKey)) {
+              this[it.propertyKey](element);
+              bound.add(it.propertyKey);
+            }
+          }
+        });
+      }
+      const queryAllMetadata = getQueryAllMetadata(this);
+      if (queryAllMetadata) {
+        queryAllMetadata.filter((it) => it.isMethod).forEach((it) => {
+          const root = it.options.useShadow !== false && this.shadowRoot ? this.shadowRoot : this;
+          const elements = root.querySelectorAll(it.selector);
+          this[it.propertyKey](elements);
+        });
+      }
+      const eventListeners = getAddEventListenerMetadata(this);
+      if (eventListeners) {
+        eventListeners.forEach((it) => {
+          const { selector, eventName, useShadow, ...options } = it.options;
+          const root = useShadow !== false && this.shadowRoot ? this.shadowRoot : this;
+          const targetElements = selector ? root.querySelectorAll(selector) : [this];
+          targetElements.forEach((targetElement) => {
+            if (targetElement) {
+              let bound = this._boundElements.get(targetElement);
+              if (!bound) {
+                bound = /* @__PURE__ */ new Set();
+                this._boundElements.set(targetElement, bound);
+              }
+              const eventKey = `event:${String(it.propertyKey)}:${eventName}`;
+              if (!bound.has(eventKey)) {
+                targetElement.addEventListener(eventName, (event) => {
+                  this[it.propertyKey](event);
+                }, options);
+                bound.add(eventKey);
+              }
+            }
+          });
+        });
+      }
+    }
     disconnectedCallback() {
+      if (this._observer) {
+        this._observer.disconnect();
+      }
       if (super.disconnectedCallback) {
         super.disconnectedCallback();
       }
@@ -108,9 +168,6 @@ const element = (inConfig) => (constructor) => {
       }
     }
     async connectedCallback() {
-      if (super.connectedCallback) {
-        await super.connectedCallback();
-      }
       const templateMethod = getTemplateMethod(this);
       const styleMethod = getStyleMethod(this);
       const template = templateMethod ? await this[templateMethod]() : void 0;
@@ -132,15 +189,36 @@ const element = (inConfig) => (constructor) => {
       } else {
         this.innerHTML = content;
       }
+      this._syncDecorators();
+      this._observer = new MutationObserver(() => {
+        this._syncDecorators();
+      });
+      const target = this.shadowRoot || this;
+      this._observer.observe(target, { childList: true, subtree: true });
+      if (super.connectedCallback) {
+        await super.connectedCallback();
+      }
     }
     // 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 methodKeys = attributeChangedMap?.get(name);
+      if (methodKeys && Array.isArray(methodKeys)) {
+        methodKeys.forEach((key) => {
+          if (typeof this[key] === "function") {
+            this[key](newValue, oldValue, name);
+          }
+        });
+      }
+      const wildcardMethodKeys = attributeChangedMap?.get(ATTRIBUTE_CHANGED_WILDCARD);
+      if (wildcardMethodKeys && Array.isArray(wildcardMethodKeys)) {
+        wildcardMethodKeys.forEach((key) => {
+          if (typeof this[key] === "function") {
+            this[key](newValue, oldValue, name);
+          }
+        });
       }
     }
   };
@@ -158,7 +236,7 @@ const getElementConfig = (target) => {
 };
 export {
   ELEMENT_CONFIG_KEY,
-  element,
+  elementDefind,
   getElementConfig
 };
-//# sourceMappingURL=element.js.map
+//# sourceMappingURL=elementDefind.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/decorators/elementDefind.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 elementDefind =\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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",
+  "names": []
+}

package/dist/esm/decorators/query.js

@@ -0,0 +1,34 @@
+import { ReflectUtils } from "@dooboostore/core/reflect/ReflectUtils";
+const QUERY_METADATA_KEY = Symbol("simple-web-component:query");
+const query = (selector, options = { useShadow: true }) => {
+  return (target, propertyKey, descriptor) => {
+    const isMethod = !!descriptor;
+    const constructor = target.constructor;
+    let queries = ReflectUtils.getMetadata(QUERY_METADATA_KEY, constructor);
+    if (!queries) {
+      queries = [];
+      ReflectUtils.defineMetadata(QUERY_METADATA_KEY, queries, constructor);
+    }
+    queries.push({ selector, options, propertyKey, isMethod });
+    if (!isMethod) {
+      Object.defineProperty(target, propertyKey, {
+        get() {
+          const root = options.useShadow !== false && this.shadowRoot ? this.shadowRoot : this;
+          return root.querySelector(selector);
+        },
+        enumerable: true,
+        configurable: true
+      });
+    }
+  };
+};
+const getQueryMetadata = (target) => {
+  const constructor = target instanceof Function ? target : target.constructor;
+  return ReflectUtils.getMetadata(QUERY_METADATA_KEY, constructor);
+};
+export {
+  QUERY_METADATA_KEY,
+  getQueryMetadata,
+  query
+};
+//# sourceMappingURL=query.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/decorators/query.ts"],
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\n\nexport interface QueryOptions {\n  useShadow?: boolean;\n}\n\nexport interface QueryMetadata {\n  selector: string;\n  options: QueryOptions;\n  propertyKey: string | symbol;\n  isMethod: boolean;\n}\n\nexport const QUERY_METADATA_KEY = Symbol('simple-web-component:query');\n\nexport const query = (selector: string, options: QueryOptions = { useShadow: true }): any => {\n  return (target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => {\n    const isMethod = !!descriptor;\n    const constructor = target.constructor;\n\n    // \uBA54\uD0C0\uB370\uC774\uD130 \uC800\uC7A5 (\uB098\uC911\uC5D0 elementDefind\uC5D0\uC11C \uC0AC\uC6A9)\n    let queries = ReflectUtils.getMetadata<QueryMetadata[]>(QUERY_METADATA_KEY, constructor);\n    if (!queries) {\n      queries = [];\n      ReflectUtils.defineMetadata(QUERY_METADATA_KEY, queries, constructor);\n    }\n    queries.push({ selector, options, propertyKey, isMethod });\n\n    if (!isMethod) {\n      // \uC18D\uC131 \uB370\uCF54\uB808\uC774\uD130\uC778 \uACBD\uC6B0: \uAE30\uC874\uCC98\uB7FC Lazy Getter \uC124\uC815\n      Object.defineProperty(target, propertyKey, {\n        get(this: HTMLElement) {\n          const root = options.useShadow !== false && this.shadowRoot ? this.shadowRoot : this;\n          return root.querySelector(selector);\n        },\n        enumerable: true,\n        configurable: true\n      });\n    }\n  };\n};\n\nexport const getQueryMetadata = (target: any): QueryMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(QUERY_METADATA_KEY, constructor);\n};\n"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAatB,MAAM,qBAAqB,OAAO,4BAA4B;AAE9D,MAAM,QAAQ,CAAC,UAAkB,UAAwB,EAAE,WAAW,KAAK,MAAW;AAC3F,SAAO,CAAC,QAAgB,aAA8B,eAAoC;AACxF,UAAM,WAAW,CAAC,CAAC;AACnB,UAAM,cAAc,OAAO;AAG3B,QAAI,UAAU,aAAa,YAA6B,oBAAoB,WAAW;AACvF,QAAI,CAAC,SAAS;AACZ,gBAAU,CAAC;AACX,mBAAa,eAAe,oBAAoB,SAAS,WAAW;AAAA,IACtE;AACA,YAAQ,KAAK,EAAE,UAAU,SAAS,aAAa,SAAS,CAAC;AAEzD,QAAI,CAAC,UAAU;AAEb,aAAO,eAAe,QAAQ,aAAa;AAAA,QACzC,MAAuB;AACrB,gBAAM,OAAO,QAAQ,cAAc,SAAS,KAAK,aAAa,KAAK,aAAa;AAChF,iBAAO,KAAK,cAAc,QAAQ;AAAA,QACpC;AAAA,QACA,YAAY;AAAA,QACZ,cAAc;AAAA,MAChB,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAEO,MAAM,mBAAmB,CAAC,WAA6C;AAC5E,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,oBAAoB,WAAW;AACjE;",
+  "names": []
+}

package/dist/esm/decorators/queryAll.js

@@ -0,0 +1,34 @@
+import { ReflectUtils } from "@dooboostore/core/reflect/ReflectUtils";
+const QUERY_ALL_METADATA_KEY = Symbol("simple-web-component:query-all");
+const queryAll = (selector, options = { useShadow: true }) => {
+  return (target, propertyKey, descriptor) => {
+    const isMethod = !!descriptor;
+    const constructor = target.constructor;
+    let queries = ReflectUtils.getMetadata(QUERY_ALL_METADATA_KEY, constructor);
+    if (!queries) {
+      queries = [];
+      ReflectUtils.defineMetadata(QUERY_ALL_METADATA_KEY, queries, constructor);
+    }
+    queries.push({ selector, options, propertyKey, isMethod });
+    if (!isMethod) {
+      Object.defineProperty(target, propertyKey, {
+        get() {
+          const root = options.useShadow !== false && this.shadowRoot ? this.shadowRoot : this;
+          return root.querySelectorAll(selector);
+        },
+        enumerable: true,
+        configurable: true
+      });
+    }
+  };
+};
+const getQueryAllMetadata = (target) => {
+  const constructor = target instanceof Function ? target : target.constructor;
+  return ReflectUtils.getMetadata(QUERY_ALL_METADATA_KEY, constructor);
+};
+export {
+  QUERY_ALL_METADATA_KEY,
+  getQueryAllMetadata,
+  queryAll
+};
+//# sourceMappingURL=queryAll.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/decorators/queryAll.ts"],
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\n\nexport interface QueryAllOptions {\n  useShadow?: boolean;\n}\n\nexport interface QueryAllMetadata {\n  selector: string;\n  options: QueryAllOptions;\n  propertyKey: string | symbol;\n  isMethod: boolean;\n}\n\nexport const QUERY_ALL_METADATA_KEY = Symbol('simple-web-component:query-all');\n\nexport const queryAll = (selector: string, options: QueryAllOptions = { useShadow: true }): any => {\n  return (target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => {\n    const isMethod = !!descriptor;\n    const constructor = target.constructor;\n\n    // \uBA54\uD0C0\uB370\uC774\uD130 \uC800\uC7A5 (\uB098\uC911\uC5D0 elementDefind\uC5D0\uC11C \uC0AC\uC6A9)\n    let queries = ReflectUtils.getMetadata<QueryAllMetadata[]>(QUERY_ALL_METADATA_KEY, constructor);\n    if (!queries) {\n      queries = [];\n      ReflectUtils.defineMetadata(QUERY_ALL_METADATA_KEY, queries, constructor);\n    }\n    queries.push({ selector, options, propertyKey, isMethod });\n\n    if (!isMethod) {\n      // \uC18D\uC131 \uB370\uCF54\uB808\uC774\uD130\uC778 \uACBD\uC6B0: \uAE30\uC874\uCC98\uB7FC Lazy Getter \uC124\uC815\n      Object.defineProperty(target, propertyKey, {\n        get(this: HTMLElement) {\n          const root = options.useShadow !== false && this.shadowRoot ? this.shadowRoot : this;\n          return root.querySelectorAll(selector);\n        },\n        enumerable: true,\n        configurable: true\n      });\n    }\n  };\n};\n\nexport const getQueryAllMetadata = (target: any): QueryAllMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(QUERY_ALL_METADATA_KEY, constructor);\n};\n"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAatB,MAAM,yBAAyB,OAAO,gCAAgC;AAEtE,MAAM,WAAW,CAAC,UAAkB,UAA2B,EAAE,WAAW,KAAK,MAAW;AACjG,SAAO,CAAC,QAAgB,aAA8B,eAAoC;AACxF,UAAM,WAAW,CAAC,CAAC;AACnB,UAAM,cAAc,OAAO;AAG3B,QAAI,UAAU,aAAa,YAAgC,wBAAwB,WAAW;AAC9F,QAAI,CAAC,SAAS;AACZ,gBAAU,CAAC;AACX,mBAAa,eAAe,wBAAwB,SAAS,WAAW;AAAA,IAC1E;AACA,YAAQ,KAAK,EAAE,UAAU,SAAS,aAAa,SAAS,CAAC;AAEzD,QAAI,CAAC,UAAU;AAEb,aAAO,eAAe,QAAQ,aAAa;AAAA,QACzC,MAAuB;AACrB,gBAAM,OAAO,QAAQ,cAAc,SAAS,KAAK,aAAa,KAAK,aAAa;AAChF,iBAAO,KAAK,iBAAiB,QAAQ;AAAA,QACvC;AAAA,QACA,YAAY;AAAA,QACZ,cAAc;AAAA,MAChB,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAEO,MAAM,sBAAsB,CAAC,WAAgD;AAClF,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,wBAAwB,WAAW;AACrE;",
+  "names": []
+}