@dooboostore/dom-render 1.0.106 → 1.0.108

package/dist/esm/components/router/Route.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/router/Route.ts"],
   "sourcesContent": ["import { attribute, ComponentBase } from '../ComponentBase';\nimport { OtherData } from '../../lifecycle/OnChangeAttrRender';\nimport { DomRender } from '../../DomRender';\nimport { OnInitRender } from '../../lifecycle/OnInitRender';\nimport { RawSet } from '../../rawsets/RawSet';\nimport type { DomRenderConfig } from '../../configs/DomRenderConfig';\nimport { DomRenderNoProxy } from '../../decorators/DomRenderNoProxy';\nimport { OnDestroyRenderParams } from '../../lifecycle/OnDestroyRender';\nimport { Subscription } from '@dooboostore/core/message/Subscription';\nimport { If } from '../if/If';\n\nexport namespace Route {\n  export const selector = 'dr-route';\n  export type Attribute<D> = {\n    value?: null | string;\n  }\n\n  abstract class CheckerBase<D> extends ComponentBase<Attribute<D>> implements OnInitRender {\n    protected sw: boolean = false;\n    @attribute({name: 'value'})\n    value?: string;\n    @DomRenderNoProxy\n    private inputDomRenderConfig?: DomRenderConfig;\n    private routerSubscription?: Subscription;\n\n    constructor(domRenderConfig?: DomRenderConfig) {\n      super();\n      this.inputDomRenderConfig = domRenderConfig;\n    }\n\n    onInitRender(param: any, rawSet: RawSet) {\n      super.onInitRender(param, rawSet);\n      this.routerSubscription = this.inputDomRenderConfig?.router?.observable.subscribe(it => {\n        if (this.value && this.inputDomRenderConfig) {\n          this.sw = this.check(this.inputDomRenderConfig);\n        } else {\n          this.sw = false;\n        }\n      });\n    }\n\n    onDrThisBind() {\n      super.onDrThisBind();\n    }\n\n    onDrThisUnBind() {\n      super.onDrThisUnBind();\n    }\n\n    onDestroyRender(data?: OnDestroyRenderParams) {\n      super.onDestroyRender(data);\n      this.routerSubscription?.unsubscribe();\n    }\n\n    abstract check(config?: DomRenderConfig): boolean;\n  }\n\n\n  export class Match<D> extends CheckerBase<D> {\n    check(config?: DomRenderConfig): boolean {\n      return !!config?.router?.test(this.value);\n    }\n  }\n\n  export class Regexp<D> extends CheckerBase<D> {\n    check(config?: DomRenderConfig): boolean {\n      return !!config?.router?.testRegexp(this.value);\n    }\n  }\n}\n\nexport default {\n  match: (config?: DomRenderConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${Route.selector}-match`,\n      template: '<div dr-if=\"@this@.sw\" dr-option-strip=\"true\">#innerHTML#</div>',\n      objFactory: (e, o, r2, counstructorParam) => {\n        return DomRender.run({rootObject: new Route.Match(config), config: config});\n      }\n    })\n  },\n  regexp: (config?: DomRenderConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${Route.selector}-regexp`,\n      template: '<div dr-if=\"@this@.sw\" dr-option-strip=\"true\">#innerHTML#</div>',\n      objFactory: (e, o, r2, counstructorParam) => {\n        return DomRender.run({rootObject: new Route.Regexp(config), config: config});\n      }\n    })\n  },\n}\n"],
-  "mappings": ";;;;;;;;;;AAAA,SAAS,WAAW,qBAAqB;AAEzC,SAAS,iBAAiB;AAE1B,SAAS,cAAc;AAEvB,SAAS,wBAAwB;AAK1B,IAAU;AAAA,CAAV,CAAUA,WAAV;AACE,EAAMA,OAAA,WAAW;AAAA,EAKxB,MAAe,oBAAuB,cAAoD;AAAA,IAQxF,YAAY,iBAAmC;AAC7C,YAAM;AARR,WAAU,KAAc;AAStB,WAAK,uBAAuB;AAAA,IAC9B;AAAA,IAEA,aAAa,OAAY,QAAgB;AACvC,YAAM,aAAa,OAAO,MAAM;AAChC,WAAK,qBAAqB,KAAK,sBAAsB,QAAQ,WAAW,UAAU,QAAM;AACtF,YAAI,KAAK,SAAS,KAAK,sBAAsB;AAC3C,eAAK,KAAK,KAAK,MAAM,KAAK,oBAAoB;AAAA,QAChD,OAAO;AACL,eAAK,KAAK;AAAA,QACZ;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IAEA,eAAe;AACb,YAAM,aAAa;AAAA,IACrB;AAAA,IAEA,iBAAiB;AACf,YAAM,eAAe;AAAA,IACvB;AAAA,IAEA,gBAAgB,MAA8B;AAC5C,YAAM,gBAAgB,IAAI;AAC1B,WAAK,oBAAoB,YAAY;AAAA,IACvC;AAAA,EAGF;AAnCE;AAAA,IADC,UAAU,EAAC,MAAM,QAAO,CAAC;AAAA,KAFb,YAGb;AAEQ;AAAA,IADP;AAAA,KAJY,YAKL;AAAA,EAoCH,MAAM,cAAiB,YAAe;AAAA,IAC3C,MAAM,QAAmC;AACvC,aAAO,CAAC,CAAC,QAAQ,QAAQ,KAAK,KAAK,KAAK;AAAA,IAC1C;AAAA,EACF;AAJO,EAAAA,OAAM;AAAA,EAMN,MAAM,eAAkB,YAAe;AAAA,IAC5C,MAAM,QAAmC;AACvC,aAAO,CAAC,CAAC,QAAQ,QAAQ,WAAW,KAAK,KAAK;AAAA,IAChD;AAAA,EACF;AAJO,EAAAA,OAAM;AAAA,GArDE;AA4DjB,IAAO,gBAAQ;AAAA,EACb,OAAO,CAAC,WAA6B;AACnC,WAAO,OAAO,6BAA6B;AAAA,MACzC,MAAM,GAAG,MAAM,QAAQ;AAAA,MACvB,UAAU;AAAA,MACV,YAAY,CAAC,GAAG,GAAG,IAAI,sBAAsB;AAC3C,eAAO,UAAU,IAAI,EAAC,YAAY,IAAI,MAAM,MAAM,MAAM,GAAG,OAAc,CAAC;AAAA,MAC5E;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EACA,QAAQ,CAAC,WAA6B;AACpC,WAAO,OAAO,6BAA6B;AAAA,MACzC,MAAM,GAAG,MAAM,QAAQ;AAAA,MACvB,UAAU;AAAA,MACV,YAAY,CAAC,GAAG,GAAG,IAAI,sBAAsB;AAC3C,eAAO,UAAU,IAAI,EAAC,YAAY,IAAI,MAAM,OAAO,MAAM,GAAG,OAAc,CAAC;AAAA,MAC7E;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
+  "mappings": ";;;;;;;;;AAAA,SAAS,WAAW,qBAAqB;AAEzC,SAAS,iBAAiB;AAE1B,SAAS,cAAc;AAEvB,SAAS,wBAAwB;AAK3B,IAAW;CAAjB,SAAiBA,QAAK;AACP,EAAAA,OAAA,WAAW;EAKxB,MAAe,oBAAuB,cAA2B;IAQ/D,YAAY,iBAAiC;AAC3C,YAAK;AARG,WAAA,KAAc;AAStB,WAAK,uBAAuB;IAC9B;IAEA,aAAa,OAAY,QAAc;AACrC,YAAM,aAAa,OAAO,MAAM;AAChC,WAAK,qBAAqB,KAAK,sBAAsB,QAAQ,WAAW,UAAU,QAAK;AACrF,YAAI,KAAK,SAAS,KAAK,sBAAsB;AAC3C,eAAK,KAAK,KAAK,MAAM,KAAK,oBAAoB;QAChD,OAAO;AACL,eAAK,KAAK;QACZ;MACF,CAAC;IACH;IAEA,eAAY;AACV,YAAM,aAAY;IACpB;IAEA,iBAAc;AACZ,YAAM,eAAc;IACtB;IAEA,gBAAgB,MAA4B;AAC1C,YAAM,gBAAgB,IAAI;AAC1B,WAAK,oBAAoB,YAAW;IACtC;;AAhCA,aAAA;IADC,UAAU,EAAC,MAAM,QAAO,CAAC;;;AAGlB,aAAA;IADP;;;EAqCH,MAAa,cAAiB,YAAc;IAC1C,MAAM,QAAwB;AAC5B,aAAO,CAAC,CAAC,QAAQ,QAAQ,KAAK,KAAK,KAAK;IAC1C;;AAHW,EAAAA,OAAA,QAAK;EAMlB,MAAa,eAAkB,YAAc;IAC3C,MAAM,QAAwB;AAC5B,aAAO,CAAC,CAAC,QAAQ,QAAQ,WAAW,KAAK,KAAK;IAChD;;AAHW,EAAAA,OAAA,SAAM;AAKrB,GA1DiB,UAAA,QAAK,CAAA,EAAA;AA4DtB,IAAA,gBAAe;EACb,OAAO,CAAC,WAA4B;AAClC,WAAO,OAAO,6BAA6B;MACzC,MAAM,GAAG,MAAM,QAAQ;MACvB,UAAU;MACV,YAAY,CAAC,GAAG,GAAG,IAAI,sBAAqB;AAC1C,eAAO,UAAU,IAAI,EAAC,YAAY,IAAI,MAAM,MAAM,MAAM,GAAG,OAAc,CAAC;MAC5E;KACD;EACH;EACA,QAAQ,CAAC,WAA4B;AACnC,WAAO,OAAO,6BAA6B;MACzC,MAAM,GAAG,MAAM,QAAQ;MACvB,UAAU;MACV,YAAY,CAAC,GAAG,GAAG,IAAI,sBAAqB;AAC1C,eAAO,UAAU,IAAI,EAAC,YAAY,IAAI,MAAM,OAAO,MAAM,GAAG,OAAc,CAAC;MAC7E;KACD;EACH;;",
   "names": ["Route"]
 }

package/dist/esm/components/router/RouterOutlet.js

@@ -1,6 +1,6 @@
-import { ComponentBase } from "../ComponentBase";
-import { RawSet } from "../../rawsets/RawSet";
-import { ComponentRouterBase } from "../../components/ComponentRouterBase";
+import { ComponentBase } from "../ComponentBase.js";
+import { RawSet } from "../../rawsets/RawSet.js";
+import { ComponentRouterBase } from "../../components/ComponentRouterBase.js";
 var RouterOutlet;
 ((_RouterOutlet) => {
   _RouterOutlet.selector = "dr-router-outlet";

package/dist/esm/components/router/index.js

@@ -1,3 +1,3 @@
-export * from "./Route";
-export * from "./RouterOutlet";
+export * from "./Route.js";
+export * from "./RouterOutlet.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/components/select/Select.js

@@ -1,23 +1,23 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { attribute, ComponentBase } from "../ComponentBase";
-import { DomRender } from "../../DomRender";
-import { RawSet } from "../../rawsets/RawSet";
+var __metadata = function(k, v) {
+  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { attribute, ComponentBase } from "../ComponentBase.js";
+import { DomRender } from "../../DomRender.js";
+import { RawSet } from "../../rawsets/RawSet.js";
 import { EventUtils } from "@dooboostore/core-web/event/EventUtils";
 import { ValidUtils } from "@dooboostore/core-web/valid/ValidUtils";
-import { DomRenderNoProxy } from "../../decorators/DomRenderNoProxy";
+import { DomRenderNoProxy } from "../../decorators/DomRenderNoProxy.js";
 import { WindowUtils } from "@dooboostore/core-web/window/WindowUtils";
 var Select;
-((_Select) => {
-  _Select.selector = "dr-select";
+(function(Select_1) {
+  var _a;
+  Select_1.selector = "dr-select";
   class StateComponent extends ComponentBase {
     constructor(config) {
       super(config);
@@ -33,25 +33,25 @@ var Select;
       super({ onlyParentType: Option });
     }
   }
-  _Select.OptionSelected = OptionSelected;
+  Select_1.OptionSelected = OptionSelected;
   class OptionUnselected extends StateComponent {
     constructor() {
       super({ onlyParentType: Option });
     }
   }
-  _Select.OptionUnselected = OptionUnselected;
+  Select_1.OptionUnselected = OptionUnselected;
   class OptionDisabled extends StateComponent {
     constructor() {
       super({ onlyParentType: Option });
     }
   }
-  _Select.OptionDisabled = OptionDisabled;
+  Select_1.OptionDisabled = OptionDisabled;
   class SummaryPlaceholder extends StateComponent {
     constructor() {
       super({ onlyParentType: Summary });
     }
   }
-  _Select.SummaryPlaceholder = SummaryPlaceholder;
+  Select_1.SummaryPlaceholder = SummaryPlaceholder;
   class SummarySelected extends StateComponent {
     constructor() {
       super({ onlyParentType: Summary });
@@ -61,7 +61,7 @@ var Select;
       this.selectedOptions = options.filter((it) => it.selected);
     }
   }
-  _Select.SummarySelected = SummarySelected;
+  Select_1.SummarySelected = SummarySelected;
   class SummaryDisabled extends StateComponent {
     constructor() {
       super({ onlyParentType: Summary });
@@ -71,7 +71,7 @@ var Select;
       this.selectedOptions = options.filter((it) => it.selected);
     }
   }
-  _Select.SummaryDisabled = SummaryDisabled;
+  Select_1.SummaryDisabled = SummaryDisabled;
   class Option extends ComponentBase {
     // public status: 'selected' | 'unselected' | 'disabled' = 'unselected';
     constructor() {
@@ -153,19 +153,23 @@ var Select;
       }
     }
   }
-  __decorateClass([
-    attribute({ name: "value" })
-  ], Option.prototype, "value", 2);
-  __decorateClass([
-    attribute({ name: "selected", converter: (v) => v !== null && v === true })
-  ], Option.prototype, "selected", 2);
-  __decorateClass([
-    attribute({ name: "disabled", converter: (v) => v !== null && v === true })
-  ], Option.prototype, "disabled", 2);
-  __decorateClass([
-    attribute({ name: "class", converter: (v) => v ? v : null })
-  ], Option.prototype, "classAttr", 2);
-  _Select.Option = Option;
+  __decorate([
+    attribute({ name: "value" }),
+    __metadata("design:type", String)
+  ], Option.prototype, "value", void 0);
+  __decorate([
+    attribute({ name: "selected", converter: (v) => v !== null && v === true }),
+    __metadata("design:type", Object)
+  ], Option.prototype, "selected", void 0);
+  __decorate([
+    attribute({ name: "disabled", converter: (v) => v !== null && v === true }),
+    __metadata("design:type", Object)
+  ], Option.prototype, "disabled", void 0);
+  __decorate([
+    attribute({ name: "class", converter: (v) => v ? v : null }),
+    __metadata("design:type", String)
+  ], Option.prototype, "classAttr", void 0);
+  Select_1.Option = Option;
   class Summary extends ComponentBase {
     constructor() {
       super({ onlyParentType: Select2 });
@@ -222,10 +226,11 @@ var Select;
       }
     }
   }
-  __decorateClass([
-    attribute({ name: "class", converter: (v) => v === "" ? null : v })
-  ], Summary.prototype, "classAttr", 2);
-  _Select.Summary = Summary;
+  __decorate([
+    attribute({ name: "class", converter: (v) => v === "" ? null : v }),
+    __metadata("design:type", String)
+  ], Summary.prototype, "classAttr", void 0);
+  Select_1.Summary = Summary;
   class SelectBody extends ComponentBase {
     constructor() {
       super({ onlyParentType: Select2 });
@@ -254,13 +259,15 @@ var Select;
       select?.setOptions(options);
     }
   }
-  __decorateClass([
-    attribute({ name: "class", converter: (v) => v === "" ? null : v })
-  ], SelectBody.prototype, "classAttr", 2);
-  __decorateClass([
-    attribute({ name: "float" })
-  ], SelectBody.prototype, "float", 2);
-  _Select.SelectBody = SelectBody;
+  __decorate([
+    attribute({ name: "class", converter: (v) => v === "" ? null : v }),
+    __metadata("design:type", String)
+  ], SelectBody.prototype, "classAttr", void 0);
+  __decorate([
+    attribute({ name: "float" }),
+    __metadata("design:type", String)
+  ], SelectBody.prototype, "float", void 0);
+  Select_1.SelectBody = SelectBody;
   class Select2 extends ComponentBase {
     constructor(config) {
       super();
@@ -268,7 +275,6 @@ var Select;
       this.disabled = false;
       this.classAttr = null;
       this.name = null;
-      // public isOpen = false;
       this.selectedValues = [];
       this.selectedOptions = [];
     }
@@ -339,34 +345,43 @@ var Select;
       console.log("tttttttt");
     }
   }
-  __decorateClass([
-    attribute({ name: "multiple", converter: (v) => v !== null })
-  ], Select2.prototype, "multiple", 2);
-  __decorateClass([
-    attribute({ name: "disabled", converter: (v) => v !== null })
-  ], Select2.prototype, "disabled", 2);
-  __decorateClass([
-    attribute({ name: "class", converter: (v) => v === "" ? null : v })
-  ], Select2.prototype, "classAttr", 2);
-  __decorateClass([
-    attribute({ name: "name", converter: (v) => v === "" ? null : v })
-  ], Select2.prototype, "name", 2);
-  __decorateClass([
-    DomRenderNoProxy
-  ], Select2.prototype, "element", 2);
-  __decorateClass([
-    DomRenderNoProxy
-  ], Select2.prototype, "documentClickSubscription", 2);
-  __decorateClass([
-    DomRenderNoProxy
-  ], Select2.prototype, "windowBlurSubscription", 2);
-  __decorateClass([
-    DomRenderNoProxy
-  ], Select2.prototype, "summaryComponent", 2);
-  __decorateClass([
-    DomRenderNoProxy
-  ], Select2.prototype, "selectBodyComponent", 2);
-  _Select.Select = Select2;
+  __decorate([
+    attribute({ name: "multiple", converter: (v) => v !== null }),
+    __metadata("design:type", Object)
+  ], Select2.prototype, "multiple", void 0);
+  __decorate([
+    attribute({ name: "disabled", converter: (v) => v !== null }),
+    __metadata("design:type", Object)
+  ], Select2.prototype, "disabled", void 0);
+  __decorate([
+    attribute({ name: "class", converter: (v) => v === "" ? null : v }),
+    __metadata("design:type", String)
+  ], Select2.prototype, "classAttr", void 0);
+  __decorate([
+    attribute({ name: "name", converter: (v) => v === "" ? null : v }),
+    __metadata("design:type", String)
+  ], Select2.prototype, "name", void 0);
+  __decorate([
+    DomRenderNoProxy,
+    __metadata("design:type", typeof (_a = typeof HTMLDetailsElement !== "undefined" && HTMLDetailsElement) === "function" ? _a : Object)
+  ], Select2.prototype, "element", void 0);
+  __decorate([
+    DomRenderNoProxy,
+    __metadata("design:type", Object)
+  ], Select2.prototype, "documentClickSubscription", void 0);
+  __decorate([
+    DomRenderNoProxy,
+    __metadata("design:type", Object)
+  ], Select2.prototype, "windowBlurSubscription", void 0);
+  __decorate([
+    DomRenderNoProxy,
+    __metadata("design:type", Summary)
+  ], Select2.prototype, "summaryComponent", void 0);
+  __decorate([
+    DomRenderNoProxy,
+    __metadata("design:type", SelectBody)
+  ], Select2.prototype, "selectBodyComponent", void 0);
+  Select_1.Select = Select2;
 })(Select || (Select = {}));
 const stateComponentFactory = (name, type) => {
   return (config) => RawSet.createComponentTargetElement({

package/dist/esm/components/select/Select.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/select/Select.ts"],
-  "sourcesContent": ["import { attribute, ChildrenSet, ComponentBase } from '../ComponentBase';\nimport { DomRender, DomRenderRunConfig } from '../../DomRender';\nimport { RawSet } from '../../rawsets/RawSet';\nimport { OnCreateRenderData, OnCreateRenderDataParams } from '../../lifecycle/OnCreateRenderData';\nimport { OnInitRender } from '../../lifecycle/OnInitRender';\nimport { OnDestroyRender } from '../../lifecycle/OnDestroyRender';\nimport { EventUtils } from '@dooboostore/core-web/event/EventUtils';\nimport { type Subscription } from '@dooboostore/core/message/Subscription';\nimport { ValidUtils } from '@dooboostore/core-web/valid/ValidUtils';\nimport { DomRenderNoProxy } from '../../decorators/DomRenderNoProxy';\nimport { OnCreateRender } from '../../lifecycle/OnCreateRender';\nimport { DomRenderConfig } from '../../configs/DomRenderConfig';\nimport { WindowUtils } from '@dooboostore/core-web/window/WindowUtils';\n\n/** \uC0AC\uC6A9\uBC95\n <dr-select class=\"card-select-container\" changeSelected=\"${(data) => @this@.changeSelected(data)}$\">  <!-- multiple attribute optional-->\n <dr-select-summary class=\"card-select-summary-container\">\n <dr-select-summary-placeholder>\n <div class=\"card-select-summary-placeholder-container\">\uCE74\uB4DC\uC0AC\uBCC4 \uC0AC\uC6A9\uCC98 \uC548\uB0B4 \uD398\uC774\uC9C0 \uC120\uD0DD</div>\n </dr-select-summary-placeholder>\n <dr-select-summary-selected>\n <div dr-if=\"@this@.selectedCard\" class=\"card-select-summary-selected-container\">\n <img dr-attr=\"{src:@this@.selectedCard?.iconImg}\"> ${@this@.selectedCard?.name}$\n </div>\n </dr-select-summary-selected>\n </dr-select-summary>\n\n <dr-select-body float=\"bottom-left\" class=\"card-select-body-container\">\n <dr-select-option dr-for-of=\"@this@.cards\" value=\"${#it#.name}$\" selected=\"${#nearForOfIndex# === 0}$\" class=\"card-select-body-option-container\">\n <img dr-attr=\"{src:#it#.iconImg}\"> ${#it#.name}$\n </dr-select-option>\n </dr-select-body>\n </dr-select>\n */\n\nexport namespace Select {\n  export const selector = 'dr-select';\n\n  // Base for simple hide/show components\n  class StateComponent extends ComponentBase {\n    public hidden = true;\n    public value: string | null = null;\n\n    constructor(config: any) {\n      super(config);\n    }\n\n    setValue(value: string | null) {\n      this.value = value;\n    }\n  }\n\n  // --- Option Child Components ---\n  export class OptionSelected extends StateComponent {\n    constructor() {\n      super({onlyParentType: Option});\n    }\n  }\n\n  export class OptionUnselected extends StateComponent {\n    constructor() {\n      super({onlyParentType: Option});\n    }\n  }\n\n  export class OptionDisabled extends StateComponent {\n    constructor() {\n      super({onlyParentType: Option});\n    }\n  }\n\n  // --- Summary Child Components ---\n  export class SummaryPlaceholder extends StateComponent {\n    constructor() {\n      super({onlyParentType: Summary});\n    }\n  }\n\n  export class SummarySelected extends StateComponent {\n    private selectedOptions: Select.Option[] = [];\n\n    constructor() {\n      super({onlyParentType: Summary});\n    }\n\n    setOptions(options: Option[] = []) {\n      this.selectedOptions = options.filter(it => it.selected);\n    }\n  }\n\n  export class SummaryDisabled extends StateComponent {\n    private selectedOptions: Select.Option[] = [];\n\n    constructor() {\n      super({onlyParentType: Summary});\n    }\n\n    setOptions(options: Option[] = []) {\n      this.selectedOptions = options.filter(it => it.selected);\n    }\n  }\n\n  // --- Select Body Component ---\n  export type SelectBodyAttribute = {\n    float?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';\n    class?: string;\n  }\n  // --- Option Component ---\n  export type OptionAttribute = { value: string; selected?: boolean | null; disabled?: boolean | null; class?: string; };\n\n  export class Option extends ComponentBase<OptionAttribute> implements OnInitRender {\n    public hidden = true;\n    @attribute({name: 'value'}) public value: string | null = null;\n    @attribute({name: 'selected', converter: v => v !== null && v === true}) public selected = false;\n    @attribute({name: 'disabled', converter: v => v !== null && v === true}) public disabled = false;\n    @attribute({name: 'class', converter: v => (v ? v : null)}) public classAttr: string | null = null;\n\n    // public status: 'selected' | 'unselected' | 'disabled' = 'unselected';\n\n    constructor() {\n      super({onlyParentType: SelectBody});\n    }\n\n    onInitRender(param: any, rawSet: RawSet) {\n      super.onInitRender(param, rawSet);\n      // console.log('-----', this.value, this.selected)\n      // this.getElement()?.addEventListener('click', (e) => {\n      //   e.stopPropagation();\n      //   if (!this.disabled) {\n      //     this.getParentThis<Select>().handleOptionClick(this);\n      //   }\n      // });\n      this.updateStatus();\n    }\n\n    // onCreatedThisChild(child: any, data: OnCreateRenderDataParams) {\n    //   super.onCreatedThisChild(child, data);\n    //   this.updateStatus();\n    // }\n    onCreatedThisChildDebounce(childrenSet: ChildrenSet[]) {\n      super.onCreatedThisChildDebounce(childrenSet);\n      this.updateStatus();\n    }\n\n    toggleSelected(event: Event) {\n      // console.log('isMultiple', this.isMultiple())\n      if (!this.disabled) {\n        this.selected = this.isMultiple()? !this.selected : true;\n        // this.selected =  !this.selected;\n        this.updateStatus();\n        this.getParentThis<SelectBody>().changeOptionState(this);\n      } else {\n        event.stopPropagation();\n        event.preventDefault();\n      }\n    }\n\n    isMultiple() {\n      return this.getParentThis<Select.SelectBody>()?.getParentThis<Select.Select>().multiple;\n    }\n\n    updateStatus() {\n      if (this.disabled) {\n        this.getChildren(OptionSelected).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionUnselected).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionDisabled).forEach(c => {\n          c.hidden = false;\n          c.setValue(this.value)\n        });\n        return;\n      }\n\n      if (this.selected) {\n        this.getChildren(OptionSelected).forEach(c => {\n          c.hidden = false;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionUnselected).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionDisabled).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n      }\n\n      if (!this.selected) {\n        this.getChildren(OptionSelected).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionUnselected).forEach(c => {\n          c.hidden = false;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionDisabled).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n      }\n    }\n  }\n\n  // --- Summary Component ---\n  export class Summary extends ComponentBase implements OnInitRender {\n    @attribute({name: 'class', converter: v => (v === '' ? null : v)}) public classAttr: string | null = null;\n    private options: Select.Option[] = [];\n    private disabled: boolean = false;\n    public element?: HTMLElement;\n\n    constructor() {\n      super({onlyParentType: Select});\n    }\n\n\n    setDisabled(disabled: boolean) {\n      this.disabled = disabled;\n      this.getChildren(SummaryPlaceholder).forEach(it => it.hidden = true);\n      this.getChildren(SummarySelected).forEach(it => it.hidden = true);\n      this.getChildren(SummaryDisabled).forEach(it => it.hidden = false);\n\n    }\n\n    setOptions(options: Option[] = []): void {\n      this.options = options;\n\n      const selectedOptions = this.options.filter(it => it.selected && !it.disabled);\n      if (!this.disabled) {\n        if (selectedOptions.length > 0) {\n          this.getChildren(SummaryPlaceholder).forEach(it => it.hidden = true);\n          this.getChildren(SummarySelected).forEach(c => {\n            c.setOptions(options);\n            c.hidden = false;\n          });\n          this.getChildren(SummaryDisabled).forEach(it => it.hidden = true);\n        } else {\n          this.getChildren(SummaryDisabled).forEach(it => it.hidden = true);\n          this.getChildren(SummaryPlaceholder).forEach(it => it.hidden = false);\n          this.getChildren(SummarySelected).forEach(c => c.hidden = true);\n        }\n      }\n    }\n\n    onInitRender(param: any, rawSet: RawSet) {\n      super.onInitRender(param, rawSet);\n      // this.getElement()?.addEventListener('click', (e) => {\n      //   e.stopPropagation();\n      //   this.getParentThis<Select>().toggle();\n      // });\n    }\n\n    onInitSummaryElement(element: HTMLElement, event: Event) {\n      this.element = element;\n    }\n\n    updateView(hasSelection: boolean) {\n      this.getChildren(SummaryPlaceholder).forEach(c => c.hidden = hasSelection);\n      this.getChildren(SummarySelected).forEach(c => c.hidden = !hasSelection);\n    }\n\n    // onCreatedThisChild(child: any, data: OnCreateRenderDataParams) {\n    //   super.onCreatedThisChild(child, data);\n    // }\n    onCreatedThisChildDebounce(childrenSet: ChildrenSet[]) {\n      super.onCreatedThisChildDebounce(childrenSet);\n      this.updateView(this.getParentThis<Select>()?.selectedValues.length > 0);\n    }\n\n\n    onSummaryClick(element: HTMLElement, event: Event) {\n      if (this.getParentThis<Select>()?.disabled) {\n        event.stopPropagation();\n        event.preventDefault();\n        return;\n      }\n    }\n  }\n\n\n  export class SelectBody extends ComponentBase<SelectBodyAttribute> {\n    @attribute({name: 'class', converter: v => (v === '' ? null : v)}) public classAttr: string | null = null;\n    @attribute({name: 'float'}) public float: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right' | null = null;\n\n    constructor() {\n      super({onlyParentType: Select});\n    }\n\n    onCreatedThisChildDebounce(childrenSet: ChildrenSet[]) {\n      this.changeOptionState();\n    }\n\n    changeOptionState(option?: Option) {\n      const options = this.getChildren(Option);\n      const select = this.getParentThis<Select>();\n      // // \uBA40\uD2F0\uD50C\uC774 \uC544\uB2D0\uB54C\uC5D0\uB294 \uB9C8\uC9C0\uB9C9 \uC120\uD0DD\uB41C\uAC12\uC73C\uB85C \uCC98\uB9AC\n      if (!select.multiple) {\n        // \uB0B4\uAC00 \uC120\uD0DD\uD55C\uAC8C \uC788\uC73C\uBA74\n        if (option && option.selected) {\n          options.filter(it => it !== option).forEach(it => it.selected = false);\n        } else {\n          const selectedOptions = options.filter(it => it.selected && !it.disabled)\n          selectedOptions.forEach((opt, idx) => {\n            const isLast = idx === selectedOptions.length - 1;\n            if (!isLast) {\n              opt.selected = false;\n            }\n          });\n        }\n      }\n      // console.log('--------', options.map(it=>it.selected))\n      select?.setOptions(options);\n    }\n  }\n\n\n  // --- Main Select Component ---\n  export type SelectAttribute = {\n    multiple?: boolean | null; class?: string;\n    changeSelected?: (value: (string | null)[]) => void;\n    name?: string;\n    float?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';\n    disableOtherClickClose?: boolean;\n    toggle?: (open: boolean) => void;\n    disabled?: boolean | null;\n  };\n\n  export class Select extends ComponentBase<SelectAttribute> implements OnInitRender, OnCreateRender, OnCreateRenderData, OnDestroyRender {\n    @attribute({name: 'multiple', converter: v => v !== null}) public multiple = false;\n    @attribute({name: 'disabled', converter: v => v !== null}) public disabled = false;\n    @attribute({name: 'class', converter: v => (v === '' ? null : v)}) public classAttr: string | null = null;\n    @attribute({name: 'name', converter: v => (v === '' ? null : v)}) public name: string | null = null;\n\n    // public isOpen = false;\n    public selectedValues: (string | null)[] = [];\n    public selectedOptions: Option[] = [];\n    public value: string | (string | null)[] | null | undefined;\n\n    @DomRenderNoProxy private element?: HTMLDetailsElement;\n    @DomRenderNoProxy private documentClickSubscription?: Subscription;\n    @DomRenderNoProxy private windowBlurSubscription?: Subscription;\n    @DomRenderNoProxy public summaryComponent?: Summary;\n    @DomRenderNoProxy public selectBodyComponent?: SelectBody;\n    private options?: Select.Option[];\n\n    constructor(config?: DomRenderConfig) {\n      super();\n      // console.log('----Select constructor')\n    }\n\n    get optionComponents(): Option[] {\n      return this.getChildren(Option);\n    }\n\n    onCreateRender() {\n\n    }\n\n    onCreateRenderData() {\n\n    }\n\n    onInitRender(param: any, rawSet: RawSet) {\n      super.onInitRender(param, rawSet);\n      // console.log('select onInitRender', this.multiple)\n\n      if (ValidUtils.isBrowser() && this.rawSet?.dataSet.config.window) {\n        const detailsElement = this.element;\n\n        const window = this.rawSet.dataSet!.config!.window!;\n        const document = window.document;\n        this.documentClickSubscription = EventUtils.htmlElementEventObservable(document, 'click').subscribe(event => {\n          const isSummaryClick = this.getChildren(Summary).some(it => event.target && it.element?.contains(event.target as Node) || it.element === event.target)\n          if (!isSummaryClick && this.getAttribute('disableOtherClickClose')) {\n            return;\n          }\n          if (!isSummaryClick && !this.multiple && detailsElement) {\n            detailsElement.open = false;\n            return;\n          }\n          if (!isSummaryClick && detailsElement && !detailsElement?.contains(event?.target as Node)) {\n            detailsElement.open = false;\n          }\n        })\n\n        this.windowBlurSubscription = WindowUtils.eventObservable(window, 'blur').subscribe(() => {\n          if (detailsElement?.open && window.document.activeElement?.tagName === 'IFRAME') {\n            detailsElement.open = false;\n          }\n        });\n      }\n    }\n\n\n    toggle(element: HTMLDetailsElement, event: Event) {\n      // console.log('------>', this.disabled, event)\n      // if (this.disabled) {\n      //   event.stopPropagation();\n      //   event.preventDefault();\n      //   return;\n      // }\n      const toggleAttribute = this.getAttribute('toggle');\n      if (toggleAttribute) {\n        toggleAttribute?.(element.open);\n      }\n    }\n\n    setOptions(options: Option[]) {\n      const summaries = this.getChildren(Summary);\n\n      this.options = options;\n\n      const values = this.options.filter(it => it.selected && !it.disabled).map(it => it.value)\n      this.getAttribute('changeSelected')?.(values);\n      summaries?.forEach(it => {\n        it.setDisabled(this.disabled);\n        if (!this.disabled) {\n          it.setOptions(options);\n        }\n      })\n    }\n\n    onInitDetailsElement(detailsElement: HTMLDetailsElement) {\n      // console.log('detailsElement oninit', detailsElement);\n      this.element = detailsElement;\n    }\n\n    onDrThisUnBind() {\n      super.onDrThisUnBind();\n      this.onDestroyRender();\n    }\n\n    onDestroyRender() {\n      super.onDestroyRender();\n      this.documentClickSubscription?.unsubscribe();\n      this.windowBlurSubscription?.unsubscribe();\n    }\n\n    test() {\n      console.log('tttttttt')\n    }\n  }\n}\n\nconst stateComponentFactory = (name: string, type: any) => {\n  return (config?: DomRenderRunConfig) =>\n    RawSet.createComponentTargetElement({\n      name,\n      template: '<div dr-if=\"!@this@.hidden\" dr-option-strip=\"true\">#innerHTML#</div>\\n',\n      objFactory: (e, o, r2, constructorParam) => DomRender.run({ rootObject: new type(), config })\n    });\n};\n\nexport default {\n  select: (config?: DomRenderConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: Select.selector,\n      styles:\n        '.dr-select-container {\\n' +\n        '  /*position: relative;*/\\n' +\n        '\\n' +\n        '}\\n' +\n        '.dr-select-options-container {\\n' +\n        '  display: none;\\n' +\n        '  position: absolute;\\n' +\n        '  top: 100%;\\n' +\n        '  left: 0;\\n' +\n        '  right: 0;\\n' +\n        '  z-index: 10;\\n' +\n        '}\\n' +\n        '.dr-select-container.is-open .dr-select-options-container {\\n' +\n        '  display: block;\\n' +\n        '}\\n' +\n        'summary::-webkit-details-marker {\\n' +\n        '    display: none;\\n' +\n        '}\\n' +\n        '/* Floating styles for dr-select-body */\\n' +\n        '.dr-select-body-container {\\n' +\n        '    position: absolute;\\n' +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-body-bottom-left-container {\\n' +\n        '    position: absolute;\\n' +\n        '    left: 0;\\n' +\n        '    top: 100%;\\n' +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-body-bottom-right-container {\\n' +\n        '    position: absolute;\\n' +\n        '    right: 0;\\n' +\n        '    top: 100%;\\n' +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-body-top-left-container {\\n' +\n        '    position: absolute;\\n' +\n        '    left: 0;\\n' +\n        '    bottom: 100%;\\n' +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-body-top-right-container {\\n' +\n        '    position: absolute;\\n' +\n        '    right: 0;\\n' +\n        '    bottom: 100%;\\n' +\n        '}\\n' +\n        '\\n' +\n        '/* Reset default details/summary styles */\\n' +\n        '.dr-select-container details {\\n' +\n        '  display: block; /* Ensure it behaves like a block element */\\n' +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-container summary {\\n' +\n        '  display: block; /* Ensure it behaves like a block element */\\n' +\n        '  list-style: none; /* Remove default marker */\\n' +\n        \"  cursor: pointer; /* Indicate it's clickable */\\n\" +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-container summary::-webkit-details-marker,\\n' +\n        '.dr-select-container summary::marker {\\n' +\n        '  display: none; /* Hide marker for Webkit and standard */\\n' +\n        '}',\n      template:\n        '<details dr-class=\"{\\n' +\n        \"        'dr-select-container': true,\\n\" +\n        \"        'is-open': @this@.isOpen,\\n\" +\n        '        [@this@.classAttr]: @this@.classAttr\\n' +\n        '     }\" dr-on-init=\"@this@.onInitDetailsElement($element)\" dr-option-complete=\"@this@.test()\"  dr-event-toggle=\"@this@.toggle($element, $event)\">\\n' +\n        '\\n' +\n        '    #innerHTML#\\n' +\n        '</details>\\n' +\n        '<select hidden=\"hidden\" name=\"${@this@.name}$\" disabled=\"${@this@.disabled ? \\'disabled\\' : null}$\"  style=\"width: 1500px; height:500px\"  multiple>\\n' +\n        '    <option dr-for-of=\"@this@.options\" value=\"${#it#.value}$\" selected=\"${#it#.selected ? \\'selected\\' : null}$\">#it# ${#it#.value}$</option>\\n' +\n        '</select',\n      objFactory: (e, o, r2, constructorParam) => DomRender.run({ rootObject: new Select.Select(config), config })\n    });\n  },\n  selectSummary: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${Select.selector}-summary`,\n      template:\n        '<summary dr-class=\"{[@this@.classAttr]: @this@.classAttr}\"\\n' +\n        '         dr-on-init=\"@this@.onInitSummaryElement($element, $event)\"\\n' +\n        '         dr-event-click=\"@this@.onSummaryClick($element, $event)\"\\n' +\n        '>\\n' +\n        '#innerHTML#\\n' +\n        '</summary>',\n      objFactory: (e, o, r2, constructorParam) => DomRender.run({ rootObject: new Select.Summary(), config })\n    });\n  },\n  selectSummaryPlaceholder: stateComponentFactory(`${Select.selector}-summary-placeholder`, Select.SummaryPlaceholder),\n  selectSummarySelected: stateComponentFactory(`${Select.selector}-summary-selected`, Select.SummarySelected),\n  selectSummaryDisabled: stateComponentFactory(`${Select.selector}-summary-disabled`, Select.SummaryDisabled),\n\n  selectBody: (config?: DomRenderRunConfig) => { // New export\n    return RawSet.createComponentTargetElement({\n      name: `${Select.selector}-body`,\n      template: '<div dr-class=\"{[@this@.classAttr]: @this@.classAttr, \\'dr-select-body-container\\': true,  [\\'dr-select-body-\\'+@this@.float+\\'-container\\']: @this@.float}\">#innerHTML#</div>',\n      objFactory: (e, o, r2, constructorParam) => {\n        return DomRender.run({rootObject: new Select.SelectBody(), config: config});\n      }\n    })\n  },\n\n  selectOption: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${Select.selector}-option`,\n      template:\n        '<a dr-class=\"{[@this@.classAttr]: @this@.classAttr}\" dr-event-click=\"@this@.toggleSelected($event)\">#innerHTML#</a>\\n',\n      objFactory: (e, o, r2, constructorParam) => DomRender.run({ rootObject: new Select.Option(), config })\n    });\n  },\n  selectOptionSelected: stateComponentFactory(`${Select.selector}-option-selected`, Select.OptionSelected),\n  selectOptionUnselected: stateComponentFactory(`${Select.selector}-option-unselected`, Select.OptionUnselected),\n  selectOptionDisabled: stateComponentFactory(`${Select.selector}-option-disabled`, Select.OptionDisabled),\n};"],
-  "mappings": "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",
+  "sourcesContent": ["import { attribute, ChildrenSet, ComponentBase } from '../ComponentBase';\nimport { DomRender, DomRenderRunConfig } from '../../DomRender';\nimport { RawSet } from '../../rawsets/RawSet';\nimport { OnCreateRenderData, OnCreateRenderDataParams } from '../../lifecycle/OnCreateRenderData';\nimport { OnInitRender } from '../../lifecycle/OnInitRender';\nimport { OnDestroyRender } from '../../lifecycle/OnDestroyRender';\nimport { EventUtils } from '@dooboostore/core-web/event/EventUtils';\nimport { type Subscription } from '@dooboostore/core/message/Subscription';\nimport { ValidUtils } from '@dooboostore/core-web/valid/ValidUtils';\nimport { DomRenderNoProxy } from '../../decorators/DomRenderNoProxy';\nimport { OnCreateRender } from '../../lifecycle/OnCreateRender';\nimport { DomRenderConfig } from '../../configs/DomRenderConfig';\nimport { WindowUtils } from '@dooboostore/core-web/window/WindowUtils';\n\n/** 사용법\n <dr-select class=\"card-select-container\" changeSelected=\"${(data) => @this@.changeSelected(data)}$\">  <!-- multiple attribute optional-->\n <dr-select-summary class=\"card-select-summary-container\">\n <dr-select-summary-placeholder>\n <div class=\"card-select-summary-placeholder-container\">카드사별 사용처 안내 페이지 선택</div>\n </dr-select-summary-placeholder>\n <dr-select-summary-selected>\n <div dr-if=\"@this@.selectedCard\" class=\"card-select-summary-selected-container\">\n <img dr-attr=\"{src:@this@.selectedCard?.iconImg}\"> ${@this@.selectedCard?.name}$\n </div>\n </dr-select-summary-selected>\n </dr-select-summary>\n\n <dr-select-body float=\"bottom-left\" class=\"card-select-body-container\">\n <dr-select-option dr-for-of=\"@this@.cards\" value=\"${#it#.name}$\" selected=\"${#nearForOfIndex# === 0}$\" class=\"card-select-body-option-container\">\n <img dr-attr=\"{src:#it#.iconImg}\"> ${#it#.name}$\n </dr-select-option>\n </dr-select-body>\n </dr-select>\n */\n\nexport namespace Select {\n  export const selector = 'dr-select';\n\n  // Base for simple hide/show components\n  class StateComponent extends ComponentBase {\n    public hidden = true;\n    public value: string | null = null;\n\n    constructor(config: any) {\n      super(config);\n    }\n\n    setValue(value: string | null) {\n      this.value = value;\n    }\n  }\n\n  // --- Option Child Components ---\n  export class OptionSelected extends StateComponent {\n    constructor() {\n      super({onlyParentType: Option});\n    }\n  }\n\n  export class OptionUnselected extends StateComponent {\n    constructor() {\n      super({onlyParentType: Option});\n    }\n  }\n\n  export class OptionDisabled extends StateComponent {\n    constructor() {\n      super({onlyParentType: Option});\n    }\n  }\n\n  // --- Summary Child Components ---\n  export class SummaryPlaceholder extends StateComponent {\n    constructor() {\n      super({onlyParentType: Summary});\n    }\n  }\n\n  export class SummarySelected extends StateComponent {\n    private selectedOptions: Select.Option[] = [];\n\n    constructor() {\n      super({onlyParentType: Summary});\n    }\n\n    setOptions(options: Option[] = []) {\n      this.selectedOptions = options.filter(it => it.selected);\n    }\n  }\n\n  export class SummaryDisabled extends StateComponent {\n    private selectedOptions: Select.Option[] = [];\n\n    constructor() {\n      super({onlyParentType: Summary});\n    }\n\n    setOptions(options: Option[] = []) {\n      this.selectedOptions = options.filter(it => it.selected);\n    }\n  }\n\n  // --- Select Body Component ---\n  export type SelectBodyAttribute = {\n    float?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';\n    class?: string;\n  }\n  // --- Option Component ---\n  export type OptionAttribute = { value: string; selected?: boolean | null; disabled?: boolean | null; class?: string; };\n\n  export class Option extends ComponentBase<OptionAttribute> implements OnInitRender {\n    public hidden = true;\n    @attribute({name: 'value'}) public value: string | null = null;\n    @attribute({name: 'selected', converter: v => v !== null && v === true}) public selected = false;\n    @attribute({name: 'disabled', converter: v => v !== null && v === true}) public disabled = false;\n    @attribute({name: 'class', converter: v => (v ? v : null)}) public classAttr: string | null = null;\n\n    // public status: 'selected' | 'unselected' | 'disabled' = 'unselected';\n\n    constructor() {\n      super({onlyParentType: SelectBody});\n    }\n\n    onInitRender(param: any, rawSet: RawSet) {\n      super.onInitRender(param, rawSet);\n      // console.log('-----', this.value, this.selected)\n      // this.getElement()?.addEventListener('click', (e) => {\n      //   e.stopPropagation();\n      //   if (!this.disabled) {\n      //     this.getParentThis<Select>().handleOptionClick(this);\n      //   }\n      // });\n      this.updateStatus();\n    }\n\n    // onCreatedThisChild(child: any, data: OnCreateRenderDataParams) {\n    //   super.onCreatedThisChild(child, data);\n    //   this.updateStatus();\n    // }\n    onCreatedThisChildDebounce(childrenSet: ChildrenSet[]) {\n      super.onCreatedThisChildDebounce(childrenSet);\n      this.updateStatus();\n    }\n\n    toggleSelected(event: Event) {\n      // console.log('isMultiple', this.isMultiple())\n      if (!this.disabled) {\n        this.selected = this.isMultiple()? !this.selected : true;\n        // this.selected =  !this.selected;\n        this.updateStatus();\n        this.getParentThis<SelectBody>().changeOptionState(this);\n      } else {\n        event.stopPropagation();\n        event.preventDefault();\n      }\n    }\n\n    isMultiple() {\n      return this.getParentThis<Select.SelectBody>()?.getParentThis<Select.Select>().multiple;\n    }\n\n    updateStatus() {\n      if (this.disabled) {\n        this.getChildren(OptionSelected).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionUnselected).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionDisabled).forEach(c => {\n          c.hidden = false;\n          c.setValue(this.value)\n        });\n        return;\n      }\n\n      if (this.selected) {\n        this.getChildren(OptionSelected).forEach(c => {\n          c.hidden = false;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionUnselected).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionDisabled).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n      }\n\n      if (!this.selected) {\n        this.getChildren(OptionSelected).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionUnselected).forEach(c => {\n          c.hidden = false;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionDisabled).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n      }\n    }\n  }\n\n  // --- Summary Component ---\n  export class Summary extends ComponentBase implements OnInitRender {\n    @attribute({name: 'class', converter: v => (v === '' ? null : v)}) public classAttr: string | null = null;\n    private options: Select.Option[] = [];\n    private disabled: boolean = false;\n    public element?: HTMLElement;\n\n    constructor() {\n      super({onlyParentType: Select});\n    }\n\n\n    setDisabled(disabled: boolean) {\n      this.disabled = disabled;\n      this.getChildren(SummaryPlaceholder).forEach(it => it.hidden = true);\n      this.getChildren(SummarySelected).forEach(it => it.hidden = true);\n      this.getChildren(SummaryDisabled).forEach(it => it.hidden = false);\n\n    }\n\n    setOptions(options: Option[] = []): void {\n      this.options = options;\n\n      const selectedOptions = this.options.filter(it => it.selected && !it.disabled);\n      if (!this.disabled) {\n        if (selectedOptions.length > 0) {\n          this.getChildren(SummaryPlaceholder).forEach(it => it.hidden = true);\n          this.getChildren(SummarySelected).forEach(c => {\n            c.setOptions(options);\n            c.hidden = false;\n          });\n          this.getChildren(SummaryDisabled).forEach(it => it.hidden = true);\n        } else {\n          this.getChildren(SummaryDisabled).forEach(it => it.hidden = true);\n          this.getChildren(SummaryPlaceholder).forEach(it => it.hidden = false);\n          this.getChildren(SummarySelected).forEach(c => c.hidden = true);\n        }\n      }\n    }\n\n    onInitRender(param: any, rawSet: RawSet) {\n      super.onInitRender(param, rawSet);\n      // this.getElement()?.addEventListener('click', (e) => {\n      //   e.stopPropagation();\n      //   this.getParentThis<Select>().toggle();\n      // });\n    }\n\n    onInitSummaryElement(element: HTMLElement, event: Event) {\n      this.element = element;\n    }\n\n    updateView(hasSelection: boolean) {\n      this.getChildren(SummaryPlaceholder).forEach(c => c.hidden = hasSelection);\n      this.getChildren(SummarySelected).forEach(c => c.hidden = !hasSelection);\n    }\n\n    // onCreatedThisChild(child: any, data: OnCreateRenderDataParams) {\n    //   super.onCreatedThisChild(child, data);\n    // }\n    onCreatedThisChildDebounce(childrenSet: ChildrenSet[]) {\n      super.onCreatedThisChildDebounce(childrenSet);\n      this.updateView(this.getParentThis<Select>()?.selectedValues.length > 0);\n    }\n\n\n    onSummaryClick(element: HTMLElement, event: Event) {\n      if (this.getParentThis<Select>()?.disabled) {\n        event.stopPropagation();\n        event.preventDefault();\n        return;\n      }\n    }\n  }\n\n\n  export class SelectBody extends ComponentBase<SelectBodyAttribute> {\n    @attribute({name: 'class', converter: v => (v === '' ? null : v)}) public classAttr: string | null = null;\n    @attribute({name: 'float'}) public float: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right' | null = null;\n\n    constructor() {\n      super({onlyParentType: Select});\n    }\n\n    onCreatedThisChildDebounce(childrenSet: ChildrenSet[]) {\n      this.changeOptionState();\n    }\n\n    changeOptionState(option?: Option) {\n      const options = this.getChildren(Option);\n      const select = this.getParentThis<Select>();\n      // // 멀티플이 아닐때에는 마지막 선택된값으로 처리\n      if (!select.multiple) {\n        // 내가 선택한게 있으면\n        if (option && option.selected) {\n          options.filter(it => it !== option).forEach(it => it.selected = false);\n        } else {\n          const selectedOptions = options.filter(it => it.selected && !it.disabled)\n          selectedOptions.forEach((opt, idx) => {\n            const isLast = idx === selectedOptions.length - 1;\n            if (!isLast) {\n              opt.selected = false;\n            }\n          });\n        }\n      }\n      // console.log('--------', options.map(it=>it.selected))\n      select?.setOptions(options);\n    }\n  }\n\n\n  // --- Main Select Component ---\n  export type SelectAttribute = {\n    multiple?: boolean | null; class?: string;\n    changeSelected?: (value: (string | null)[]) => void;\n    name?: string;\n    float?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';\n    disableOtherClickClose?: boolean;\n    toggle?: (open: boolean) => void;\n    disabled?: boolean | null;\n  };\n\n  export class Select extends ComponentBase<SelectAttribute> implements OnInitRender, OnCreateRender, OnCreateRenderData, OnDestroyRender {\n    @attribute({name: 'multiple', converter: v => v !== null}) public multiple = false;\n    @attribute({name: 'disabled', converter: v => v !== null}) public disabled = false;\n    @attribute({name: 'class', converter: v => (v === '' ? null : v)}) public classAttr: string | null = null;\n    @attribute({name: 'name', converter: v => (v === '' ? null : v)}) public name: string | null = null;\n\n    // public isOpen = false;\n    public selectedValues: (string | null)[] = [];\n    public selectedOptions: Option[] = [];\n    public value: string | (string | null)[] | null | undefined;\n\n    @DomRenderNoProxy private element?: HTMLDetailsElement;\n    @DomRenderNoProxy private documentClickSubscription?: Subscription;\n    @DomRenderNoProxy private windowBlurSubscription?: Subscription;\n    @DomRenderNoProxy public summaryComponent?: Summary;\n    @DomRenderNoProxy public selectBodyComponent?: SelectBody;\n    private options?: Select.Option[];\n\n    constructor(config?: DomRenderConfig) {\n      super();\n      // console.log('----Select constructor')\n    }\n\n    get optionComponents(): Option[] {\n      return this.getChildren(Option);\n    }\n\n    onCreateRender() {\n\n    }\n\n    onCreateRenderData() {\n\n    }\n\n    onInitRender(param: any, rawSet: RawSet) {\n      super.onInitRender(param, rawSet);\n      // console.log('select onInitRender', this.multiple)\n\n      if (ValidUtils.isBrowser() && this.rawSet?.dataSet.config.window) {\n        const detailsElement = this.element;\n\n        const window = this.rawSet.dataSet!.config!.window!;\n        const document = window.document;\n        this.documentClickSubscription = EventUtils.htmlElementEventObservable(document, 'click').subscribe(event => {\n          const isSummaryClick = this.getChildren(Summary).some(it => event.target && it.element?.contains(event.target as Node) || it.element === event.target)\n          if (!isSummaryClick && this.getAttribute('disableOtherClickClose')) {\n            return;\n          }\n          if (!isSummaryClick && !this.multiple && detailsElement) {\n            detailsElement.open = false;\n            return;\n          }\n          if (!isSummaryClick && detailsElement && !detailsElement?.contains(event?.target as Node)) {\n            detailsElement.open = false;\n          }\n        })\n\n        this.windowBlurSubscription = WindowUtils.eventObservable(window, 'blur').subscribe(() => {\n          if (detailsElement?.open && window.document.activeElement?.tagName === 'IFRAME') {\n            detailsElement.open = false;\n          }\n        });\n      }\n    }\n\n\n    toggle(element: HTMLDetailsElement, event: Event) {\n      // console.log('------>', this.disabled, event)\n      // if (this.disabled) {\n      //   event.stopPropagation();\n      //   event.preventDefault();\n      //   return;\n      // }\n      const toggleAttribute = this.getAttribute('toggle');\n      if (toggleAttribute) {\n        toggleAttribute?.(element.open);\n      }\n    }\n\n    setOptions(options: Option[]) {\n      const summaries = this.getChildren(Summary);\n\n      this.options = options;\n\n      const values = this.options.filter(it => it.selected && !it.disabled).map(it => it.value)\n      this.getAttribute('changeSelected')?.(values);\n      summaries?.forEach(it => {\n        it.setDisabled(this.disabled);\n        if (!this.disabled) {\n          it.setOptions(options);\n        }\n      })\n    }\n\n    onInitDetailsElement(detailsElement: HTMLDetailsElement) {\n      // console.log('detailsElement oninit', detailsElement);\n      this.element = detailsElement;\n    }\n\n    onDrThisUnBind() {\n      super.onDrThisUnBind();\n      this.onDestroyRender();\n    }\n\n    onDestroyRender() {\n      super.onDestroyRender();\n      this.documentClickSubscription?.unsubscribe();\n      this.windowBlurSubscription?.unsubscribe();\n    }\n\n    test() {\n      console.log('tttttttt')\n    }\n  }\n}\n\nconst stateComponentFactory = (name: string, type: any) => {\n  return (config?: DomRenderRunConfig) =>\n    RawSet.createComponentTargetElement({\n      name,\n      template: '<div dr-if=\"!@this@.hidden\" dr-option-strip=\"true\">#innerHTML#</div>\\n',\n      objFactory: (e, o, r2, constructorParam) => DomRender.run({ rootObject: new type(), config })\n    });\n};\n\nexport default {\n  select: (config?: DomRenderConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: Select.selector,\n      styles:\n        '.dr-select-container {\\n' +\n        '  /*position: relative;*/\\n' +\n        '\\n' +\n        '}\\n' +\n        '.dr-select-options-container {\\n' +\n        '  display: none;\\n' +\n        '  position: absolute;\\n' +\n        '  top: 100%;\\n' +\n        '  left: 0;\\n' +\n        '  right: 0;\\n' +\n        '  z-index: 10;\\n' +\n        '}\\n' +\n        '.dr-select-container.is-open .dr-select-options-container {\\n' +\n        '  display: block;\\n' +\n        '}\\n' +\n        'summary::-webkit-details-marker {\\n' +\n        '    display: none;\\n' +\n        '}\\n' +\n        '/* Floating styles for dr-select-body */\\n' +\n        '.dr-select-body-container {\\n' +\n        '    position: absolute;\\n' +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-body-bottom-left-container {\\n' +\n        '    position: absolute;\\n' +\n        '    left: 0;\\n' +\n        '    top: 100%;\\n' +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-body-bottom-right-container {\\n' +\n        '    position: absolute;\\n' +\n        '    right: 0;\\n' +\n        '    top: 100%;\\n' +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-body-top-left-container {\\n' +\n        '    position: absolute;\\n' +\n        '    left: 0;\\n' +\n        '    bottom: 100%;\\n' +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-body-top-right-container {\\n' +\n        '    position: absolute;\\n' +\n        '    right: 0;\\n' +\n        '    bottom: 100%;\\n' +\n        '}\\n' +\n        '\\n' +\n        '/* Reset default details/summary styles */\\n' +\n        '.dr-select-container details {\\n' +\n        '  display: block; /* Ensure it behaves like a block element */\\n' +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-container summary {\\n' +\n        '  display: block; /* Ensure it behaves like a block element */\\n' +\n        '  list-style: none; /* Remove default marker */\\n' +\n        \"  cursor: pointer; /* Indicate it's clickable */\\n\" +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-container summary::-webkit-details-marker,\\n' +\n        '.dr-select-container summary::marker {\\n' +\n        '  display: none; /* Hide marker for Webkit and standard */\\n' +\n        '}',\n      template:\n        '<details dr-class=\"{\\n' +\n        \"        'dr-select-container': true,\\n\" +\n        \"        'is-open': @this@.isOpen,\\n\" +\n        '        [@this@.classAttr]: @this@.classAttr\\n' +\n        '     }\" dr-on-init=\"@this@.onInitDetailsElement($element)\" dr-option-complete=\"@this@.test()\"  dr-event-toggle=\"@this@.toggle($element, $event)\">\\n' +\n        '\\n' +\n        '    #innerHTML#\\n' +\n        '</details>\\n' +\n        '<select hidden=\"hidden\" name=\"${@this@.name}$\" disabled=\"${@this@.disabled ? \\'disabled\\' : null}$\"  style=\"width: 1500px; height:500px\"  multiple>\\n' +\n        '    <option dr-for-of=\"@this@.options\" value=\"${#it#.value}$\" selected=\"${#it#.selected ? \\'selected\\' : null}$\">#it# ${#it#.value}$</option>\\n' +\n        '</select',\n      objFactory: (e, o, r2, constructorParam) => DomRender.run({ rootObject: new Select.Select(config), config })\n    });\n  },\n  selectSummary: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${Select.selector}-summary`,\n      template:\n        '<summary dr-class=\"{[@this@.classAttr]: @this@.classAttr}\"\\n' +\n        '         dr-on-init=\"@this@.onInitSummaryElement($element, $event)\"\\n' +\n        '         dr-event-click=\"@this@.onSummaryClick($element, $event)\"\\n' +\n        '>\\n' +\n        '#innerHTML#\\n' +\n        '</summary>',\n      objFactory: (e, o, r2, constructorParam) => DomRender.run({ rootObject: new Select.Summary(), config })\n    });\n  },\n  selectSummaryPlaceholder: stateComponentFactory(`${Select.selector}-summary-placeholder`, Select.SummaryPlaceholder),\n  selectSummarySelected: stateComponentFactory(`${Select.selector}-summary-selected`, Select.SummarySelected),\n  selectSummaryDisabled: stateComponentFactory(`${Select.selector}-summary-disabled`, Select.SummaryDisabled),\n\n  selectBody: (config?: DomRenderRunConfig) => { // New export\n    return RawSet.createComponentTargetElement({\n      name: `${Select.selector}-body`,\n      template: '<div dr-class=\"{[@this@.classAttr]: @this@.classAttr, \\'dr-select-body-container\\': true,  [\\'dr-select-body-\\'+@this@.float+\\'-container\\']: @this@.float}\">#innerHTML#</div>',\n      objFactory: (e, o, r2, constructorParam) => {\n        return DomRender.run({rootObject: new Select.SelectBody(), config: config});\n      }\n    })\n  },\n\n  selectOption: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${Select.selector}-option`,\n      template:\n        '<a dr-class=\"{[@this@.classAttr]: @this@.classAttr}\" dr-event-click=\"@this@.toggleSelected($event)\">#innerHTML#</a>\\n',\n      objFactory: (e, o, r2, constructorParam) => DomRender.run({ rootObject: new Select.Option(), config })\n    });\n  },\n  selectOptionSelected: stateComponentFactory(`${Select.selector}-option-selected`, Select.OptionSelected),\n  selectOptionUnselected: stateComponentFactory(`${Select.selector}-option-unselected`, Select.OptionUnselected),\n  selectOptionDisabled: stateComponentFactory(`${Select.selector}-option-disabled`, Select.OptionDisabled),\n};"],
+  "mappings": "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",
   "names": ["Select"]
 }

package/dist/esm/components/select/index.js

@@ -1,2 +1,2 @@
-export * from "./Select";
+export * from "./Select.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/components/this/This.js

@@ -1,6 +1,6 @@
-import { ComponentBase } from "../ComponentBase";
-import { DomRender } from "../../DomRender";
-import { RawSet } from "../../rawsets/RawSet";
+import { ComponentBase } from "../ComponentBase.js";
+import { DomRender } from "../../DomRender.js";
+import { RawSet } from "../../rawsets/RawSet.js";
 var This;
 ((_This) => {
   _This.selector = "dr-this";

package/dist/esm/components/this/index.js

@@ -1,2 +1,2 @@
-export * from "./This";
+export * from "./This.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/components/timer/Timer.js

@@ -1,6 +1,6 @@
-import { ComponentBase } from "../ComponentBase";
-import { DomRender } from "../../DomRender";
-import { RawSet } from "../../rawsets/RawSet";
+import { ComponentBase } from "../ComponentBase.js";
+import { DomRender } from "../../DomRender.js";
+import { RawSet } from "../../rawsets/RawSet.js";
 var Timer;
 ((_Timer) => {
   _Timer.selector = "dr-timer";

package/dist/esm/components/timer/index.js

@@ -1,2 +1,2 @@
-export * from "./Timer";
+export * from "./Timer.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/configs/index.js

@@ -1,4 +1,4 @@
-export * from "./DomRenderConfig";
-export * from "./TargetAttr";
-export * from "./TargetElement";
+export * from "./DomRenderConfig.js";
+export * from "./TargetAttr.js";
+export * from "./TargetElement.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/decorators/DomRenderNoProxy.js

@@ -1,4 +1,3 @@
-import "reflect-metadata";
 const DomRenderNoProxyKey = "DomRender:NoProxy";
 const DomRenderNoProxy = (target, propertyKey) => {
   if (propertyKey === void 0) {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/DomRenderNoProxy.ts"],
-  "sourcesContent": ["import 'reflect-metadata'\nimport { ConstructorType } from '@dooboostore/core/types';\nimport { ValidUtils } from '@dooboostore/core/valid/ValidUtils';\n\n// export type ReflectField = (target: Object|{constructor: ConstructorType<any>, [key: string]: Function}, propertyKey: string | symbol) => void;\nexport const DomRenderNoProxyKey = 'DomRender:NoProxy'\nexport const DomRenderNoProxy = (target: any, propertyKey?: string | symbol) => {\n    // \uD074\uB798\uC2A4 \uB370\uCF54\uB808\uC774\uD130\uB85C \uC0AC\uC6A9\uB41C \uACBD\uC6B0\n    if (propertyKey === undefined) {\n      // target\uC740 \uD074\uB798\uC2A4 \uC0DD\uC131\uC790\n      Reflect.defineMetadata(DomRenderNoProxyKey, true, target);\n      return;\n    }\n\n    // \uD504\uB85C\uD37C\uD2F0 \uB370\uCF54\uB808\uC774\uD130\uB85C \uC0AC\uC6A9\uB41C \uACBD\uC6B0\n    // target\uC740 \uD504\uB85C\uD1A0\uD0C0\uC785, propertyKey\uB294 \uD504\uB85C\uD37C\uD2F0 \uC774\uB984\n    Reflect.defineMetadata(DomRenderNoProxyKey, true, target, propertyKey);\n};\n\nexport const getDomRenderNoProxy = (target: any, propertyKey?: string | symbol) => {\n  // if (ValidUtils.isNotNullUndefined(target)) {\n    // \uD074\uB798\uC2A4 \uB370\uCF54\uB808\uC774\uD130\n    if (propertyKey === undefined) {\n      return Reflect.getMetadata(DomRenderNoProxyKey, target);\n    }\n    // \uD504\uB85C\uD37C\uD2F0 \uB370\uCF54\uB808\uC774\uD130\n    return Reflect.getMetadata(DomRenderNoProxyKey, target, propertyKey);\n  // } else {\n  //   return undefined;\n  // }\n}\n\nexport const isDomRenderNoProxy = (target: any, propertyKey?: string | symbol) => {\n  return getDomRenderNoProxy(target, propertyKey) === true;\n}"],
-  "mappings": "AAAA,OAAO;AAKA,MAAM,sBAAsB;AAC5B,MAAM,mBAAmB,CAAC,QAAa,gBAAkC;AAE5E,MAAI,gBAAgB,QAAW;AAE7B,YAAQ,eAAe,qBAAqB,MAAM,MAAM;AACxD;AAAA,EACF;AAIA,UAAQ,eAAe,qBAAqB,MAAM,QAAQ,WAAW;AACzE;AAEO,MAAM,sBAAsB,CAAC,QAAa,gBAAkC;AAG/E,MAAI,gBAAgB,QAAW;AAC7B,WAAO,QAAQ,YAAY,qBAAqB,MAAM;AAAA,EACxD;AAEA,SAAO,QAAQ,YAAY,qBAAqB,QAAQ,WAAW;AAIvE;AAEO,MAAM,qBAAqB,CAAC,QAAa,gBAAkC;AAChF,SAAO,oBAAoB,QAAQ,WAAW,MAAM;AACtD;",
+  "sourcesContent": ["export const DomRenderNoProxyKey = 'DomRender:NoProxy'\nexport const DomRenderNoProxy = (target: any, propertyKey?: string | symbol) => {\n    // \uD074\uB798\uC2A4 \uB370\uCF54\uB808\uC774\uD130\uB85C \uC0AC\uC6A9\uB41C \uACBD\uC6B0\n    if (propertyKey === undefined) {\n      // target\uC740 \uD074\uB798\uC2A4 \uC0DD\uC131\uC790\n      Reflect.defineMetadata(DomRenderNoProxyKey, true, target);\n      return;\n    }\n\n    // \uD504\uB85C\uD37C\uD2F0 \uB370\uCF54\uB808\uC774\uD130\uB85C \uC0AC\uC6A9\uB41C \uACBD\uC6B0\n    // target\uC740 \uD504\uB85C\uD1A0\uD0C0\uC785, propertyKey\uB294 \uD504\uB85C\uD37C\uD2F0 \uC774\uB984\n    Reflect.defineMetadata(DomRenderNoProxyKey, true, target, propertyKey);\n};\n\nexport const getDomRenderNoProxy = (target: any, propertyKey?: string | symbol) => {\n  // if (ValidUtils.isNotNullUndefined(target)) {\n    // \uD074\uB798\uC2A4 \uB370\uCF54\uB808\uC774\uD130\n    if (propertyKey === undefined) {\n      return Reflect.getMetadata(DomRenderNoProxyKey, target);\n    }\n    // \uD504\uB85C\uD37C\uD2F0 \uB370\uCF54\uB808\uC774\uD130\n    return Reflect.getMetadata(DomRenderNoProxyKey, target, propertyKey);\n  // } else {\n  //   return undefined;\n  // }\n}\n\nexport const isDomRenderNoProxy = (target: any, propertyKey?: string | symbol) => {\n  return getDomRenderNoProxy(target, propertyKey) === true;\n}"],
+  "mappings": "AAAO,MAAM,sBAAsB;AAC5B,MAAM,mBAAmB,CAAC,QAAa,gBAAkC;AAE5E,MAAI,gBAAgB,QAAW;AAE7B,YAAQ,eAAe,qBAAqB,MAAM,MAAM;AACxD;AAAA,EACF;AAIA,UAAQ,eAAe,qBAAqB,MAAM,QAAQ,WAAW;AACzE;AAEO,MAAM,sBAAsB,CAAC,QAAa,gBAAkC;AAG/E,MAAI,gBAAgB,QAAW;AAC7B,WAAO,QAAQ,YAAY,qBAAqB,MAAM;AAAA,EACxD;AAEA,SAAO,QAAQ,YAAY,qBAAqB,QAAQ,WAAW;AAIvE;AAEO,MAAM,qBAAqB,CAAC,QAAa,gBAAkC;AAChF,SAAO,oBAAoB,QAAQ,WAAW,MAAM;AACtD;",
   "names": []
 }

package/dist/esm/decorators/index.js

@@ -1,2 +1,2 @@
-export * from "./DomRenderNoProxy";
+export * from "./DomRenderNoProxy.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/events/EventManager.js

@@ -1,7 +1,7 @@
 import { ScriptUtils } from "@dooboostore/core-web/script/ScriptUtils";
 import { ElementUtils } from "@dooboostore/core-web/element/ElementUtils";
-import { Range } from "../iterators/Range";
-import { getDomRenderConfig } from "../DomRenderProxy";
+import { Range } from "../iterators/Range.js";
+import { getDomRenderConfig } from "../DomRenderProxy.js";
 import { ObjectUtils } from "@dooboostore/core/object/ObjectUtils";
 const _EventManager = class _EventManager {
   constructor(window) {

package/dist/esm/events/index.js

@@ -1,2 +1,2 @@
-export * from "./EventManager";
+export * from "./EventManager.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js

@@ -1,43 +1,5 @@
-import { DomRender } from "./DomRender";
-import { DomRenderProxy, getDomRenderConfig, getDomRenderOriginObject, getDomRenderProxy, isWrapProxyDomRenderProxy } from "./DomRenderProxy";
-export * from "./configs";
-export * from "./decorators";
-export * from "./events";
-export * from "./iterators";
-export * from "./lifecycle";
-export * from "./managers";
-export * from "./messenger";
-import { Appender, Dr, DrAppender, DrFor, DrForOf, DrForm, DrIf, DrInnerHTML, DrInnerText, DrPre, DrRepeat, DrStripElement, DrTargetAttr, DrTargetElement, DrTargetElementIsElement, DrThis, DrThisProperty, OperatorExecuter, OperatorExecuterAttrRequire } from "./operators";
-export * from "./rawsets";
-export * from "./routers";
-export * from "./types";
-export * from "./validators";
-export * from "./components";
+var src_default = {};
 export {
-  Appender as AppenderArray,
-  DomRender,
-  DomRenderProxy,
-  Dr,
-  DrAppender,
-  DrFor,
-  DrForOf,
-  DrForm,
-  DrIf,
-  DrInnerHTML,
-  DrInnerText,
-  DrPre,
-  DrRepeat,
-  DrStripElement,
-  DrTargetAttr,
-  DrTargetElement,
-  DrTargetElementIsElement,
-  DrThis,
-  DrThisProperty,
-  OperatorExecuter,
-  OperatorExecuterAttrRequire,
-  getDomRenderConfig,
-  getDomRenderOriginObject,
-  getDomRenderProxy,
-  isWrapProxyDomRenderProxy
+  src_default as default
 };
 //# sourceMappingURL=index.js.map