@dooboostore/dom-render 1.0.106 → 1.0.107

package/dist/cjs/components/router/RouterOutlet.d.js

@@ -0,0 +1,24 @@
+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 RouterOutlet_d_exports = {};
+__export(RouterOutlet_d_exports, {
+  default: () => RouterOutlet_d_default
+});
+module.exports = __toCommonJS(RouterOutlet_d_exports);
+var RouterOutlet_d_default = _default;
+//# sourceMappingURL=RouterOutlet.d.js.map

package/dist/cjs/components/router/RouterOutlet.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/router/RouterOutlet.ts"],
+  "sourcesContent": ["import { ComponentBase } from '../ComponentBase';\nimport { DomRender, DomRenderRunConfig } from '../../DomRender';\nimport { RawSet } from '../../rawsets/RawSet';\nimport { OtherData } from '../../lifecycle/OnChangeAttrRender';\nimport { OnInitRender } from '../../lifecycle/OnInitRender';\nimport { ComponentSet } from '../../components/ComponentSet';\nimport { OnDestroyRenderParams } from '../../lifecycle/OnDestroyRender';\nimport { ComponentRouterBase } from '../../components/ComponentRouterBase';\nexport namespace RouterOutlet {\n  export const selector = 'dr-router-outlet';\n  export type Attribute = {\n    value: ComponentSet;\n    if: boolean | null;\n    createArguments: any[];\n    onCreated?: (value: any) => void;\n    onDestroyRender?: () => void;\n  };\n\n  export class RouterOutlet extends ComponentBase<Attribute> implements OnInitRender {\n    private value?: ComponentSet;\n    private if?: boolean | null = null;\n    private createArguments?: any[];\n\n    setValue(value: ComponentSet) {\n      this.value = value;\n    }\n\n    onInitRender(param: any, rawSet: RawSet) {\n      super.onInitRender(param, rawSet);\n      const c = this.getParentThis();\n      if (c instanceof ComponentRouterBase){\n        this.value = c.child\n      }\n      // console.log('------',c);\n    }\n\n    onDestroyRender(data: OnDestroyRenderParams) {\n      super.onDestroyRender(data);\n    }\n\n    onChangeAttrRender(name: string, value: any, other: OtherData) {\n      super.onChangeAttrRender(name, value, other);\n      if (this.equalsAttributeName(name, 'value')) {\n        this.value = value;\n      }\n      if (this.equalsAttributeName(name, 'if')) {\n        this.if = value;\n      }\n      if (this.equalsAttributeName(name, 'createArguments')) {\n        this.createArguments = value;\n      }\n    }\n\n    created(component: any) {\n      component ??= this.value?.obj;\n      this.getAttribute('onCreated')?.(component);\n    }\n  }\n}\n\nexport default {\n  // TODO: \uC65C \uC774\uB188\uB9CC webpack\uC5D0\uC11C \uC21C\uD658\uCC38\uC870 \uC5D0\uB7EC\uB098\uB294\uC9C0\uBAA8\uB974\uACA0\uB2E4.. \uC65C \uC774\uB188\uB9CC.. \uADF8\uB798\uC11C \uC774\uB807\uAC8C \uD558\uAE34\uD568.\n  routerOutlet: (config?: DomRenderRunConfig, executer?: {run: (...data: any[])=>any}) => {\n    return RawSet.createComponentTargetElement({\n      name: RouterOutlet.selector,\n      template:\n        '<div dr-this=\"@this@.value\" dr-detect-option-if=\"@this@?.value && @this@?.if\" dr-option-strip=\"true\" dr-on-create:arguments=\"@this@.createArguments\" dr-on-create:callback=\"@this@?.created?.($component)\">#innerHTML#</div>',\n      objFactory: (e, o, r2, counstructorParam) => {\n        return executer?.run({ rootObject: new RouterOutlet.RouterOutlet(...counstructorParam), config: config });\n      }\n    });\n  }\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;;;;;AA4DA,IAAA,yBAAA;",
+  "names": []
+}

package/dist/cjs/components/router/RouterOutlet.d.ts

@@ -28,7 +28,7 @@ export declare namespace RouterOutlet {
 declare const _default: {
     routerOutlet: (config?: DomRenderRunConfig, executer?: {
         run: (...data: any[]) => any;
-    }) => import("../..").TargetElement;
+    }) => import("../../configs").TargetElement;
 };
 export default _default;
 //# sourceMappingURL=RouterOutlet.d.ts.map

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

@@ -2,6 +2,7 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -15,6 +16,7 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var RouterOutlet_exports = {};
 __export(RouterOutlet_exports, {
   RouterOutlet: () => RouterOutlet,
@@ -30,7 +32,9 @@ var RouterOutlet;
   class RouterOutlet2 extends import_ComponentBase.ComponentBase {
     constructor() {
       super(...arguments);
-      this.if = null;
+      __publicField(this, "value");
+      __publicField(this, "if", null);
+      __publicField(this, "createArguments");
     }
     setValue(value) {
       this.value = value;

package/dist/cjs/components/router/RouterOutlet.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/router/RouterOutlet.ts"],
   "sourcesContent": ["import { ComponentBase } from '../ComponentBase';\nimport { DomRender, DomRenderRunConfig } from '../../DomRender';\nimport { RawSet } from '../../rawsets/RawSet';\nimport { OtherData } from '../../lifecycle/OnChangeAttrRender';\nimport { OnInitRender } from '../../lifecycle/OnInitRender';\nimport { ComponentSet } from '../../components/ComponentSet';\nimport { OnDestroyRenderParams } from '../../lifecycle/OnDestroyRender';\nimport { ComponentRouterBase } from '../../components/ComponentRouterBase';\nexport namespace RouterOutlet {\n  export const selector = 'dr-router-outlet';\n  export type Attribute = {\n    value: ComponentSet;\n    if: boolean | null;\n    createArguments: any[];\n    onCreated?: (value: any) => void;\n    onDestroyRender?: () => void;\n  };\n\n  export class RouterOutlet extends ComponentBase<Attribute> implements OnInitRender {\n    private value?: ComponentSet;\n    private if?: boolean | null = null;\n    private createArguments?: any[];\n\n    setValue(value: ComponentSet) {\n      this.value = value;\n    }\n\n    onInitRender(param: any, rawSet: RawSet) {\n      super.onInitRender(param, rawSet);\n      const c = this.getParentThis();\n      if (c instanceof ComponentRouterBase){\n        this.value = c.child\n      }\n      // console.log('------',c);\n    }\n\n    onDestroyRender(data: OnDestroyRenderParams) {\n      super.onDestroyRender(data);\n    }\n\n    onChangeAttrRender(name: string, value: any, other: OtherData) {\n      super.onChangeAttrRender(name, value, other);\n      if (this.equalsAttributeName(name, 'value')) {\n        this.value = value;\n      }\n      if (this.equalsAttributeName(name, 'if')) {\n        this.if = value;\n      }\n      if (this.equalsAttributeName(name, 'createArguments')) {\n        this.createArguments = value;\n      }\n    }\n\n    created(component: any) {\n      component ??= this.value?.obj;\n      this.getAttribute('onCreated')?.(component);\n    }\n  }\n}\n\nexport default {\n  // TODO: \uC65C \uC774\uB188\uB9CC webpack\uC5D0\uC11C \uC21C\uD658\uCC38\uC870 \uC5D0\uB7EC\uB098\uB294\uC9C0\uBAA8\uB974\uACA0\uB2E4.. \uC65C \uC774\uB188\uB9CC.. \uADF8\uB798\uC11C \uC774\uB807\uAC8C \uD558\uAE34\uD568.\n  routerOutlet: (config?: DomRenderRunConfig, executer?: {run: (...data: any[])=>any}) => {\n    return RawSet.createComponentTargetElement({\n      name: RouterOutlet.selector,\n      template:\n        '<div dr-this=\"@this@.value\" dr-detect-option-if=\"@this@?.value && @this@?.if\" dr-option-strip=\"true\" dr-on-create:arguments=\"@this@.createArguments\" dr-on-create:callback=\"@this@?.created?.($component)\">#innerHTML#</div>',\n      objFactory: (e, o, r2, counstructorParam) => {\n        return executer?.run({ rootObject: new RouterOutlet.RouterOutlet(...counstructorParam), config: config });\n      }\n    });\n  }\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAA8B;AAE9B,oBAAuB;AAKvB,iCAAoC;AAC7B,IAAU;AAAA,CAAV,CAAU,kBAAV;AACE,EAAM,yBAAW;AAAA,EASjB,MAAMA,sBAAqB,mCAAiD;AAAA,IAA5E;AAAA;AAEL,WAAQ,KAAsB;AAAA;AAAA,IAG9B,SAAS,OAAqB;AAC5B,WAAK,QAAQ;AAAA,IACf;AAAA,IAEA,aAAa,OAAY,QAAgB;AACvC,YAAM,aAAa,OAAO,MAAM;AAChC,YAAM,IAAI,KAAK,cAAc;AAC7B,UAAI,aAAa,gDAAoB;AACnC,aAAK,QAAQ,EAAE;AAAA,MACjB;AAAA,IAEF;AAAA,IAEA,gBAAgB,MAA6B;AAC3C,YAAM,gBAAgB,IAAI;AAAA,IAC5B;AAAA,IAEA,mBAAmB,MAAc,OAAY,OAAkB;AAC7D,YAAM,mBAAmB,MAAM,OAAO,KAAK;AAC3C,UAAI,KAAK,oBAAoB,MAAM,OAAO,GAAG;AAC3C,aAAK,QAAQ;AAAA,MACf;AACA,UAAI,KAAK,oBAAoB,MAAM,IAAI,GAAG;AACxC,aAAK,KAAK;AAAA,MACZ;AACA,UAAI,KAAK,oBAAoB,MAAM,iBAAiB,GAAG;AACrD,aAAK,kBAAkB;AAAA,MACzB;AAAA,IACF;AAAA,IAEA,QAAQ,WAAgB;AACtB,gCAAc,KAAK,OAAO;AAC1B,WAAK,aAAa,WAAW,IAAI,SAAS;AAAA,IAC5C;AAAA,EACF;AAvCO,gBAAM,eAAAA;AAAA,GAVE;AAoDjB,IAAO,uBAAQ;AAAA;AAAA,EAEb,cAAc,CAAC,QAA6B,aAA4C;AACtF,WAAO,qBAAO,6BAA6B;AAAA,MACzC,MAAM,aAAa;AAAA,MACnB,UACE;AAAA,MACF,YAAY,CAAC,GAAG,GAAG,IAAI,sBAAsB;AAC3C,eAAO,UAAU,IAAI,EAAE,YAAY,IAAI,aAAa,aAAa,GAAG,iBAAiB,GAAG,OAAe,CAAC;AAAA,MAC1G;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAA8B;AAE9B,oBAAuB;AAKvB,iCAAoC;AAC7B,IAAU;AAAA,CAAV,CAAU,kBAAV;AACE,EAAM,yBAAW;AAAA,EASjB,MAAMA,sBAAqB,mCAAiD;AAAA,IAA5E;AAAA;AACL,0BAAQ;AACR,0BAAQ,MAAsB;AAC9B,0BAAQ;AAAA;AAAA,IAER,SAAS,OAAqB;AAC5B,WAAK,QAAQ;AAAA,IACf;AAAA,IAEA,aAAa,OAAY,QAAgB;AACvC,YAAM,aAAa,OAAO,MAAM;AAChC,YAAM,IAAI,KAAK,cAAc;AAC7B,UAAI,aAAa,gDAAoB;AACnC,aAAK,QAAQ,EAAE;AAAA,MACjB;AAAA,IAEF;AAAA,IAEA,gBAAgB,MAA6B;AAC3C,YAAM,gBAAgB,IAAI;AAAA,IAC5B;AAAA,IAEA,mBAAmB,MAAc,OAAY,OAAkB;AAC7D,YAAM,mBAAmB,MAAM,OAAO,KAAK;AAC3C,UAAI,KAAK,oBAAoB,MAAM,OAAO,GAAG;AAC3C,aAAK,QAAQ;AAAA,MACf;AACA,UAAI,KAAK,oBAAoB,MAAM,IAAI,GAAG;AACxC,aAAK,KAAK;AAAA,MACZ;AACA,UAAI,KAAK,oBAAoB,MAAM,iBAAiB,GAAG;AACrD,aAAK,kBAAkB;AAAA,MACzB;AAAA,IACF;AAAA,IAEA,QAAQ,WAAgB;AACtB,gCAAc,KAAK,OAAO;AAC1B,WAAK,aAAa,WAAW,IAAI,SAAS;AAAA,IAC5C;AAAA,EACF;AAvCO,gBAAM,eAAAA;AAAA,GAVE;AAoDjB,IAAO,uBAAQ;AAAA;AAAA,EAEb,cAAc,CAAC,QAA6B,aAA4C;AACtF,WAAO,qBAAO,6BAA6B;AAAA,MACzC,MAAM,aAAa;AAAA,MACnB,UACE;AAAA,MACF,YAAY,CAAC,GAAG,GAAG,IAAI,sBAAsB;AAC3C,eAAO,UAAU,IAAI,EAAE,YAAY,IAAI,aAAa,aAAa,GAAG,iBAAiB,GAAG,OAAe,CAAC;AAAA,MAC1G;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
   "names": ["RouterOutlet"]
 }

package/dist/cjs/components/router/index.d.js

@@ -0,0 +1,19 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_d_exports = {};
+module.exports = __toCommonJS(index_d_exports);
+__reExport(index_d_exports, require("./Route"), module.exports);
+__reExport(index_d_exports, require("./RouterOutlet"), module.exports);
+//# sourceMappingURL=index.d.js.map

package/dist/cjs/components/router/index.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/router/index.ts"],
+  "sourcesContent": ["export * from './Route';\nexport * from './RouterOutlet';\n"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;;4BAAc,oBAAd;AACA,4BAAc,2BADd;",
+  "names": []
+}

package/dist/cjs/components/select/Select.d.js

@@ -0,0 +1,24 @@
+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 Select_d_exports = {};
+__export(Select_d_exports, {
+  default: () => Select_d_default
+});
+module.exports = __toCommonJS(Select_d_exports);
+var Select_d_default = _default;
+//# sourceMappingURL=Select.d.js.map

package/dist/cjs/components/select/Select.d.js.map

@@ -0,0 +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": ";;;;;;;;;;;;;;;;;AAAA;;;;;AA2cA,IAAA,mBAAA;",
+  "names": []
+}

package/dist/cjs/components/select/Select.d.ts

@@ -139,16 +139,16 @@ export declare namespace Select {
     export {};
 }
 declare const _default: {
-    select: (config?: DomRenderConfig) => import("../..").TargetElement;
-    selectSummary: (config?: DomRenderRunConfig) => import("../..").TargetElement;
-    selectSummaryPlaceholder: (config?: DomRenderRunConfig) => import("../..").TargetElement;
-    selectSummarySelected: (config?: DomRenderRunConfig) => import("../..").TargetElement;
-    selectSummaryDisabled: (config?: DomRenderRunConfig) => import("../..").TargetElement;
-    selectBody: (config?: DomRenderRunConfig) => import("../..").TargetElement;
-    selectOption: (config?: DomRenderRunConfig) => import("../..").TargetElement;
-    selectOptionSelected: (config?: DomRenderRunConfig) => import("../..").TargetElement;
-    selectOptionUnselected: (config?: DomRenderRunConfig) => import("../..").TargetElement;
-    selectOptionDisabled: (config?: DomRenderRunConfig) => import("../..").TargetElement;
+    select: (config?: DomRenderConfig) => import("../../configs").TargetElement;
+    selectSummary: (config?: DomRenderRunConfig) => import("../../configs").TargetElement;
+    selectSummaryPlaceholder: (config?: DomRenderRunConfig) => import("../../configs").TargetElement;
+    selectSummarySelected: (config?: DomRenderRunConfig) => import("../../configs").TargetElement;
+    selectSummaryDisabled: (config?: DomRenderRunConfig) => import("../../configs").TargetElement;
+    selectBody: (config?: DomRenderRunConfig) => import("../../configs").TargetElement;
+    selectOption: (config?: DomRenderRunConfig) => import("../../configs").TargetElement;
+    selectOptionSelected: (config?: DomRenderRunConfig) => import("../../configs").TargetElement;
+    selectOptionUnselected: (config?: DomRenderRunConfig) => import("../../configs").TargetElement;
+    selectOptionDisabled: (config?: DomRenderRunConfig) => import("../../configs").TargetElement;
 };
 export default _default;
 //# sourceMappingURL=Select.d.ts.map

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

@@ -15,14 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-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 Select_exports = {};
 __export(Select_exports, {
   Select: () => Select,
@@ -36,9 +28,19 @@ var import_EventUtils = require("@dooboostore/core-web/event/EventUtils");
 var import_ValidUtils = require("@dooboostore/core-web/valid/ValidUtils");
 var import_DomRenderNoProxy = require("../../decorators/DomRenderNoProxy");
 var import_WindowUtils = require("@dooboostore/core-web/window/WindowUtils");
+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);
+};
 var Select;
-((_Select) => {
-  _Select.selector = "dr-select";
+(function(Select_1) {
+  var _a;
+  Select_1.selector = "dr-select";
   class StateComponent extends import_ComponentBase.ComponentBase {
     constructor(config) {
       super(config);
@@ -54,25 +56,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 });
@@ -82,7 +84,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 });
@@ -92,7 +94,7 @@ var Select;
       this.selectedOptions = options.filter((it) => it.selected);
     }
   }
-  _Select.SummaryDisabled = SummaryDisabled;
+  Select_1.SummaryDisabled = SummaryDisabled;
   class Option extends import_ComponentBase.ComponentBase {
     // public status: 'selected' | 'unselected' | 'disabled' = 'unselected';
     constructor() {
@@ -174,19 +176,23 @@ var Select;
       }
     }
   }
-  __decorateClass([
-    (0, import_ComponentBase.attribute)({ name: "value" })
-  ], Option.prototype, "value", 2);
-  __decorateClass([
-    (0, import_ComponentBase.attribute)({ name: "selected", converter: (v) => v !== null && v === true })
-  ], Option.prototype, "selected", 2);
-  __decorateClass([
-    (0, import_ComponentBase.attribute)({ name: "disabled", converter: (v) => v !== null && v === true })
-  ], Option.prototype, "disabled", 2);
-  __decorateClass([
-    (0, import_ComponentBase.attribute)({ name: "class", converter: (v) => v ? v : null })
-  ], Option.prototype, "classAttr", 2);
-  _Select.Option = Option;
+  __decorate([
+    (0, import_ComponentBase.attribute)({ name: "value" }),
+    __metadata("design:type", String)
+  ], Option.prototype, "value", void 0);
+  __decorate([
+    (0, import_ComponentBase.attribute)({ name: "selected", converter: (v) => v !== null && v === true }),
+    __metadata("design:type", Object)
+  ], Option.prototype, "selected", void 0);
+  __decorate([
+    (0, import_ComponentBase.attribute)({ name: "disabled", converter: (v) => v !== null && v === true }),
+    __metadata("design:type", Object)
+  ], Option.prototype, "disabled", void 0);
+  __decorate([
+    (0, import_ComponentBase.attribute)({ name: "class", converter: (v) => v ? v : null }),
+    __metadata("design:type", String)
+  ], Option.prototype, "classAttr", void 0);
+  Select_1.Option = Option;
   class Summary extends import_ComponentBase.ComponentBase {
     constructor() {
       super({ onlyParentType: Select2 });
@@ -243,10 +249,11 @@ var Select;
       }
     }
   }
-  __decorateClass([
-    (0, import_ComponentBase.attribute)({ name: "class", converter: (v) => v === "" ? null : v })
-  ], Summary.prototype, "classAttr", 2);
-  _Select.Summary = Summary;
+  __decorate([
+    (0, import_ComponentBase.attribute)({ name: "class", converter: (v) => v === "" ? null : v }),
+    __metadata("design:type", String)
+  ], Summary.prototype, "classAttr", void 0);
+  Select_1.Summary = Summary;
   class SelectBody extends import_ComponentBase.ComponentBase {
     constructor() {
       super({ onlyParentType: Select2 });
@@ -275,13 +282,15 @@ var Select;
       select?.setOptions(options);
     }
   }
-  __decorateClass([
-    (0, import_ComponentBase.attribute)({ name: "class", converter: (v) => v === "" ? null : v })
-  ], SelectBody.prototype, "classAttr", 2);
-  __decorateClass([
-    (0, import_ComponentBase.attribute)({ name: "float" })
-  ], SelectBody.prototype, "float", 2);
-  _Select.SelectBody = SelectBody;
+  __decorate([
+    (0, import_ComponentBase.attribute)({ name: "class", converter: (v) => v === "" ? null : v }),
+    __metadata("design:type", String)
+  ], SelectBody.prototype, "classAttr", void 0);
+  __decorate([
+    (0, import_ComponentBase.attribute)({ name: "float" }),
+    __metadata("design:type", String)
+  ], SelectBody.prototype, "float", void 0);
+  Select_1.SelectBody = SelectBody;
   class Select2 extends import_ComponentBase.ComponentBase {
     constructor(config) {
       super();
@@ -289,7 +298,6 @@ var Select;
       this.disabled = false;
       this.classAttr = null;
       this.name = null;
-      // public isOpen = false;
       this.selectedValues = [];
       this.selectedOptions = [];
     }
@@ -360,34 +368,43 @@ var Select;
       console.log("tttttttt");
     }
   }
-  __decorateClass([
-    (0, import_ComponentBase.attribute)({ name: "multiple", converter: (v) => v !== null })
-  ], Select2.prototype, "multiple", 2);
-  __decorateClass([
-    (0, import_ComponentBase.attribute)({ name: "disabled", converter: (v) => v !== null })
-  ], Select2.prototype, "disabled", 2);
-  __decorateClass([
-    (0, import_ComponentBase.attribute)({ name: "class", converter: (v) => v === "" ? null : v })
-  ], Select2.prototype, "classAttr", 2);
-  __decorateClass([
-    (0, import_ComponentBase.attribute)({ name: "name", converter: (v) => v === "" ? null : v })
-  ], Select2.prototype, "name", 2);
-  __decorateClass([
-    import_DomRenderNoProxy.DomRenderNoProxy
-  ], Select2.prototype, "element", 2);
-  __decorateClass([
-    import_DomRenderNoProxy.DomRenderNoProxy
-  ], Select2.prototype, "documentClickSubscription", 2);
-  __decorateClass([
-    import_DomRenderNoProxy.DomRenderNoProxy
-  ], Select2.prototype, "windowBlurSubscription", 2);
-  __decorateClass([
-    import_DomRenderNoProxy.DomRenderNoProxy
-  ], Select2.prototype, "summaryComponent", 2);
-  __decorateClass([
-    import_DomRenderNoProxy.DomRenderNoProxy
-  ], Select2.prototype, "selectBodyComponent", 2);
-  _Select.Select = Select2;
+  __decorate([
+    (0, import_ComponentBase.attribute)({ name: "multiple", converter: (v) => v !== null }),
+    __metadata("design:type", Object)
+  ], Select2.prototype, "multiple", void 0);
+  __decorate([
+    (0, import_ComponentBase.attribute)({ name: "disabled", converter: (v) => v !== null }),
+    __metadata("design:type", Object)
+  ], Select2.prototype, "disabled", void 0);
+  __decorate([
+    (0, import_ComponentBase.attribute)({ name: "class", converter: (v) => v === "" ? null : v }),
+    __metadata("design:type", String)
+  ], Select2.prototype, "classAttr", void 0);
+  __decorate([
+    (0, import_ComponentBase.attribute)({ name: "name", converter: (v) => v === "" ? null : v }),
+    __metadata("design:type", String)
+  ], Select2.prototype, "name", void 0);
+  __decorate([
+    import_DomRenderNoProxy.DomRenderNoProxy,
+    __metadata("design:type", typeof (_a = typeof HTMLDetailsElement !== "undefined" && HTMLDetailsElement) === "function" ? _a : Object)
+  ], Select2.prototype, "element", void 0);
+  __decorate([
+    import_DomRenderNoProxy.DomRenderNoProxy,
+    __metadata("design:type", Object)
+  ], Select2.prototype, "documentClickSubscription", void 0);
+  __decorate([
+    import_DomRenderNoProxy.DomRenderNoProxy,
+    __metadata("design:type", Object)
+  ], Select2.prototype, "windowBlurSubscription", void 0);
+  __decorate([
+    import_DomRenderNoProxy.DomRenderNoProxy,
+    __metadata("design:type", Summary)
+  ], Select2.prototype, "summaryComponent", void 0);
+  __decorate([
+    import_DomRenderNoProxy.DomRenderNoProxy,
+    __metadata("design:type", SelectBody)
+  ], Select2.prototype, "selectBodyComponent", void 0);
+  Select_1.Select = Select2;
 })(Select || (Select = {}));
 const stateComponentFactory = (name, type) => {
   return (config) => import_RawSet.RawSet.createComponentTargetElement({