@dooboostore/dom-render 1.0.108 → 1.0.110

package/dist/esm/components/forOf/ForOf.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/forOf/ForOf.ts"],
-  "sourcesContent": ["import { ComponentBase } from '../ComponentBase';\nimport { DomRender, DomRenderRunConfig } from '../../DomRender';\nimport { RawSet } from '../../rawsets/RawSet';\nimport { OtherData } from '../../lifecycle/OnChangeAttrRender';\n\n\nexport namespace ForOf {\n  export const selector = 'System:ForOf';\n  export type Attribute<D> = {\n    value: D;\n  }\n\n  // @Component({\n  //   template: '<div dr-for-of=\"@this@.data\" dr-option-strip=\"true\">#innerHTML#</div>',\n  //   selector: `${selector}`\n  // })\n  export class ForOf<D> extends ComponentBase<Attribute<D>> {\n    private value?: D;\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    }\n\n  }\n}\n\n\nexport default {\n  forOf: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: ForOf.selector,\n      template: '<div dr-for-of=\"@this@.data\" dr-option-strip=\"true\">#innerHTML#</div>',\n      objFactory: (e,o,r2, counstructorParam) => {\n        return DomRender.run({rootObject: new ForOf.ForOf(...counstructorParam), config: config});\n      }\n    })\n  },\n}"],
-  "mappings": "AAAA,SAAS,qBAAqB;AAC9B,SAAS,iBAAqC;AAC9C,SAAS,cAAc;AAIhB,IAAU;AAAA,CAAV,CAAU,WAAV;AACE,EAAM,kBAAW;AAAA,EASjB,MAAMA,eAAiB,cAA4B;AAAA,IAGxD,mBAAmB,MAAc,OAAY,OAAkB;AAC7D,YAAM,mBAAmB,MAAM,OAAO,KAAK;AAC3C,UAAI,KAAK,oBAAoB,MAAM,OAAO,GAAG;AAC3C,aAAK,QAAQ;AAAA,MACf;AAAA,IACF;AAAA,EAEF;AAVO,SAAM,QAAAA;AAAA,GAVE;AAwBjB,IAAO,gBAAQ;AAAA,EACb,OAAO,CAAC,WAAgC;AACtC,WAAO,OAAO,6BAA6B;AAAA,MACzC,MAAM,MAAM;AAAA,MACZ,UAAU;AAAA,MACV,YAAY,CAAC,GAAE,GAAE,IAAI,sBAAsB;AACzC,eAAO,UAAU,IAAI,EAAC,YAAY,IAAI,MAAM,MAAM,GAAG,iBAAiB,GAAG,OAAc,CAAC;AAAA,MAC1F;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
+  "sourcesContent": ["import { ComponentBase } from '../ComponentBase';\nimport { DomRender, DomRenderRunConfig } from '../../DomRender';\nimport { RawSet } from '../../rawsets/RawSet';\nimport { OtherData } from '../../lifecycle/OnChangeAttrRender';\n\nexport namespace ForOf {\n  export const selector = 'System:ForOf';\n  export type Attribute<D> = {\n    value: D;\n  };\n\n  // @Component({\n  //   template: '<div dr-for-of=\"@this@.data\" dr-option-strip=\"true\">#innerHTML#</div>',\n  //   selector: `${selector}`\n  // })\n  export class ForOf<D> extends ComponentBase<Attribute<D>> {\n    private value?: D;\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    }\n  }\n}\n\nexport default {\n  forOf: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: ForOf.selector,\n      template: '<div dr-for-of=\"@this@.data\" dr-option-strip=\"true\">#innerHTML#</div>',\n      objFactory: (e, o, r2, counstructorParam) => {\n        return DomRender.run({ rootObject: new ForOf.ForOf(...counstructorParam), config: config });\n      }\n    });\n  }\n};"],
+  "mappings": "AAAA,SAAS,qBAAqB;AAC9B,SAAS,iBAAqC;AAC9C,SAAS,cAAc;AAGhB,IAAU;AAAA,CAAV,CAAU,WAAV;AACE,EAAM,kBAAW;AAAA,EASjB,MAAMA,eAAiB,cAA4B;AAAA,IAGxD,mBAAmB,MAAc,OAAY,OAAkB;AAC7D,YAAM,mBAAmB,MAAM,OAAO,KAAK;AAC3C,UAAI,KAAK,oBAAoB,MAAM,OAAO,GAAG;AAC3C,aAAK,QAAQ;AAAA,MACf;AAAA,IACF;AAAA,EACF;AATO,SAAM,QAAAA;AAAA,GAVE;AAsBjB,IAAO,gBAAQ;AAAA,EACb,OAAO,CAAC,WAAgC;AACtC,WAAO,OAAO,6BAA6B;AAAA,MACzC,MAAM,MAAM;AAAA,MACZ,UAAU;AAAA,MACV,YAAY,CAAC,GAAG,GAAG,IAAI,sBAAsB;AAC3C,eAAO,UAAU,IAAI,EAAE,YAAY,IAAI,MAAM,MAAM,GAAG,iBAAiB,GAAG,OAAe,CAAC;AAAA,MAC5F;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
   "names": ["ForOf"]
 }

package/dist/esm/components/if/If.js

@@ -9,7 +9,7 @@ var If;
       super(...arguments);
       this.sw = false;
     }
-    onInitRender(param, rawSet) {
+    async onInitRender(param, rawSet) {
       super.onInitRender(param, rawSet);
     }
     onChangeAttrRender(name, value, other) {
@@ -25,7 +25,7 @@ var If_default = {
   if: (config) => {
     return RawSet.createComponentTargetElement({
       name: If.selector,
-      template: '<div dr-if="@this@.sw" dr-option-strip="true">#innerHTML#</div>',
+      template: '<div dr-if="@this@.sw" >#innerHTML#</div>',
       objFactory: (e, o, r2, counstructorParam) => {
         return DomRender.run({ rootObject: new If.If(...counstructorParam), config });
       }

package/dist/esm/components/if/If.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/if/If.ts"],
-  "sourcesContent": ["import { ComponentBase } from '../ComponentBase';\nimport { OtherData } from '../../lifecycle/OnChangeAttrRender';\nimport { DomRender, DomRenderRunConfig } from '../../DomRender';\nimport { OnInitRender } from '../../lifecycle/OnInitRender';\nimport { RawSet } from '../../rawsets/RawSet';\nimport { DomRenderConfig } from '../../configs/DomRenderConfig';\n\nexport namespace If {\n  export const selector = 'dr-if';\n  // export type AppenderInterface<D> = {\n  //   push(...data:D[]):void;\n  //   set(key: string, ...v:D[]):void\n  //   delete(key: string):void\n  //   clear():void\n  // }\n  export type Attribute<D> = {\n    value?: null | boolean;\n  }\n\n  export class If<D> extends ComponentBase<Attribute<D>> implements OnInitRender {\n    private sw: boolean = false;\n\n    onInitRender(param: any, rawSet: RawSet) {\n      super.onInitRender(param, rawSet);\n    }\n\n    onChangeAttrRender(name: string, value: any, other: OtherData) {\n      super.onChangeAttrRender(name, value, other);\n\n      if (this.equalsAttributeName(name, 'value')) {\n        // console.log('------',this,name, value)\n        this.sw = value;\n      }\n    }\n  }\n}\n\n// const iif = DomRender.createComponent({\n//   type: If.If,\n//   tagName: If.selector,\n//   template: '<div dr-if=\"@this@.sw\" dr-option-strip=\"true\">#innerHTML#</div>' });\nexport default {\n  if: (config?: DomRenderConfig) => {\n\n\n    // if (!customElements.get(If.selector)) {\n    //   customElements.define(If.selector, class extends HTMLElement {\n    //     constructor() {\n    //       super();\n    //       this.hidden = true;\n    //     }\n    //   });\n    // }\n\n    return RawSet.createComponentTargetElement({\n      name: If.selector,\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 If.If(...counstructorParam), config: config});\n      }\n    })\n  },\n}\n"],
-  "mappings": "AAAA,SAAS,qBAAqB;AAE9B,SAAS,iBAAqC;AAE9C,SAAS,cAAc;AAGhB,IAAU;AAAA,CAAV,CAAU,QAAV;AACE,EAAM,eAAW;AAAA,EAWjB,MAAMA,YAAc,cAAoD;AAAA,IAAxE;AAAA;AACL,WAAQ,KAAc;AAAA;AAAA,IAEtB,aAAa,OAAY,QAAgB;AACvC,YAAM,aAAa,OAAO,MAAM;AAAA,IAClC;AAAA,IAEA,mBAAmB,MAAc,OAAY,OAAkB;AAC7D,YAAM,mBAAmB,MAAM,OAAO,KAAK;AAE3C,UAAI,KAAK,oBAAoB,MAAM,OAAO,GAAG;AAE3C,aAAK,KAAK;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AAfO,MAAM,KAAAA;AAAA,GAZE;AAkCjB,IAAO,aAAQ;AAAA,EACb,IAAI,CAAC,WAA6B;AAYhC,WAAO,OAAO,6BAA6B;AAAA,MACzC,MAAM,GAAG;AAAA,MACT,UAAU;AAAA,MACV,YAAY,CAAC,GAAG,GAAG,IAAI,sBAAsB;AAC3C,eAAO,UAAU,IAAI,EAAC,YAAY,IAAI,GAAG,GAAG,GAAG,iBAAiB,GAAG,OAAc,CAAC;AAAA,MACpF;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
+  "sourcesContent": ["import { ComponentBase } from '../ComponentBase';\nimport { OtherData } from '../../lifecycle/OnChangeAttrRender';\nimport { DomRender } from '../../DomRender';\nimport { OnInitRender } from '../../lifecycle/OnInitRender';\nimport { RawSet } from '../../rawsets/RawSet';\nimport { DomRenderConfig } from '../../configs/DomRenderConfig';\n\nexport namespace If {\n  export const selector = 'dr-if';\n  // export type AppenderInterface<D> = {\n  //   push(...data:D[]):void;\n  //   set(key: string, ...v:D[]):void\n  //   delete(key: string):void\n  //   clear():void\n  // }\n  export type Attribute<D> = {\n    value?: null | boolean;\n  };\n\n  export class If<D> extends ComponentBase<Attribute<D>> implements OnInitRender {\n    private sw: boolean = false;\n\n    async onInitRender(param: any, rawSet: RawSet) {\n      super.onInitRender(param, rawSet);\n    }\n\n    onChangeAttrRender(name: string, value: any, other: OtherData) {\n      super.onChangeAttrRender(name, value, other);\n\n      if (this.equalsAttributeName(name, 'value')) {\n        // console.log('--', value, typeof value);\n        this.sw = value;\n      }\n    }\n  }\n}\n\n// const iif = DomRender.createComponent({\n//   type: If.If,\n//   tagName: If.selector,\n//   template: '<div dr-if=\"@this@.sw\" dr-option-strip=\"true\">#innerHTML#</div>' });\nexport default {\n  if: (config?: DomRenderConfig) => {\n    // if (!customElements.get(If.selector)) {\n    //   customElements.define(If.selector, class extends HTMLElement {\n    //     constructor() {\n    //       super();\n    //       this.hidden = true;\n    //     }\n    //   });\n    // }\n\n    return RawSet.createComponentTargetElement({\n      name: If.selector,\n      template: '<div dr-if=\"@this@.sw\" >#innerHTML#</div>',\n      objFactory: (e, o, r2, counstructorParam) => {\n        return DomRender.run({ rootObject: new If.If(...counstructorParam), config: config });\n      }\n    });\n  }\n};\n"],
+  "mappings": "AAAA,SAAS,qBAAqB;AAE9B,SAAS,iBAAiB;AAE1B,SAAS,cAAc;AAGhB,IAAU;AAAA,CAAV,CAAU,QAAV;AACE,EAAM,eAAW;AAAA,EAWjB,MAAMA,YAAc,cAAoD;AAAA,IAAxE;AAAA;AACL,WAAQ,KAAc;AAAA;AAAA,IAEtB,MAAM,aAAa,OAAY,QAAgB;AAC7C,YAAM,aAAa,OAAO,MAAM;AAAA,IAClC;AAAA,IAEA,mBAAmB,MAAc,OAAY,OAAkB;AAC7D,YAAM,mBAAmB,MAAM,OAAO,KAAK;AAE3C,UAAI,KAAK,oBAAoB,MAAM,OAAO,GAAG;AAE3C,aAAK,KAAK;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AAfO,MAAM,KAAAA;AAAA,GAZE;AAkCjB,IAAO,aAAQ;AAAA,EACb,IAAI,CAAC,WAA6B;AAUhC,WAAO,OAAO,6BAA6B;AAAA,MACzC,MAAM,GAAG;AAAA,MACT,UAAU;AAAA,MACV,YAAY,CAAC,GAAG,GAAG,IAAI,sBAAsB;AAC3C,eAAO,UAAU,IAAI,EAAE,YAAY,IAAI,GAAG,GAAG,GAAG,iBAAiB,GAAG,OAAe,CAAC;AAAA,MACtF;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
   "names": ["If"]
 }

package/dist/esm/components/input/Input.js

@@ -15,8 +15,8 @@ var Input;
   class Input2 extends Base {
     onCreateRender(...param) {
     }
-    onInitRender(param, rawSet) {
-      super.onInitRender(param, rawSet);
+    async onInitRender(param, rawSet) {
+      await super.onInitRender(param, rawSet);
       const inputElement = this.element;
       const debounceTimeAttribute = this.getAttribute("debounceTime");
       const debounceTimeValue = ValidUtils.isNotNullUndefined(debounceTimeAttribute) ? Number(debounceTimeAttribute) : 0;

package/dist/esm/components/input/Input.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/input/Input.ts"],
-  "sourcesContent": ["import { ComponentBase } from '../ComponentBase';\nimport { DomRender, DomRenderRunConfig } from '../../DomRender';\nimport { RawSet } from '../../rawsets/RawSet';\nimport { OtherData } from '../../lifecycle/OnChangeAttrRender';\nimport { OnCreateRender } from '../../lifecycle/OnCreateRender';\nimport { OnDestroyRender, OnDestroyRenderParams } from '../../lifecycle/OnDestroyRender';\nimport { Subscription } from '@dooboostore/core/message/Subscription';\nimport { ValidUtils } from '@dooboostore/core/valid/ValidUtils';\nimport { map } from '@dooboostore/core/message/operators/map';\nimport { EventUtils } from '@dooboostore/core-web/event/EventUtils';\nimport { debounceTime } from '@dooboostore/core/message/operators/debounceTime';\nimport { distinctUntilChanged } from '@dooboostore/core/message/operators/distinctUntilChanged';\n\n\nexport namespace Input {\n  export const selector = `dr-input`;\n  export type Attribute = {\n    name?: string;\n    type?: string;\n    id?: string;\n    class?: string;\n    debounceTime?: number;\n    distinct?: boolean;\n    input?: (value: string, element: Element) => void\n\n  }\n\n  export class Base extends ComponentBase<any> {\n\n  }\n\n  // @Component({\n  //   selector: `${selector}`,\n  //   template,\n  //   styles,\n  // })\n  export class Input extends Base implements OnCreateRender, OnDestroyRender {\n    private element?: HTMLInputElement;\n    private inputSubscription?: Subscription;\n    private resetSubscripton?: Subscription;\n\n    onCreateRender(...param: any[]): void {\n    }\n\n\n    onInitRender(param: any, rawSet: RawSet) {\n      super.onInitRender(param, rawSet);\n      // console.log('dr-input, rawSet', rawSet)\n      const inputElement = this.element;\n      const debounceTimeAttribute = this.getAttribute('debounceTime');\n      const debounceTimeValue = ValidUtils.isNotNullUndefined(debounceTimeAttribute) ? Number(debounceTimeAttribute) : 0;\n      const distinct = ValidUtils.isNotNullUndefined(this.getAttribute('distinct'));\n\n      if (inputElement) {\n        const makeDeboundceDistinctUtilChanged = () => {\n          // let result$ = EventUtils.htmlElementEventObservable(inputElement,'input');\n\n          let result$ = EventUtils.htmlElementEventObservable(inputElement, 'input').pipe(\n            map((event: Event) => {\n              const target = event.target;\n              if (target instanceof HTMLInputElement) {\n                return target.value.trim();\n              }\n              console.warn('Input event target is not an HTMLInputElement:', target);\n              return '';\n            })\n          );\n\n          if (ValidUtils.isNotNullUndefined(debounceTimeValue) && debounceTimeValue > 0) {\n            result$ = result$.pipe(debounceTime(debounceTimeValue));\n          }\n          if (ValidUtils.isNotNullUndefined(distinct) && distinct === true) {\n            result$ = result$.pipe(distinctUntilChanged());\n          }\n          return result$;\n        };\n        this.inputSubscription = makeDeboundceDistinctUtilChanged().subscribe(it => {\n          // console.log('change?????????????', it);\n          this.getAttribute('input')?.(it, inputElement);\n        });\n\n        if (inputElement.form) {\n          this.resetSubscripton = EventUtils.htmlElementEventObservable(inputElement.form, 'reset').subscribe(it => {\n            // console.log('rrrraaa?,', this.inputSubscription, it)\n            this.inputSubscription?.unsubscribe();\n            this.inputSubscription = makeDeboundceDistinctUtilChanged().subscribe(it => {\n              // console.log('rrrr?')\n              this.getAttribute('input')?.(it, inputElement);\n            });\n          })\n        }\n      }\n\n\n    }\n\n    onChangeAttrRender(name: string, value: any, other: OtherData) {\n      super.onChangeAttrRender(name, value, other);\n      // console.log('-------->',name, value)\n      if (name === 'value') {\n        // console.log('changeAttribu', name, value)\n        // this.wow = {value: value};\n        // this.name = value;\n      }\n    }\n\n    onDestroyRender(metaData?: OnDestroyRenderParams): void {\n      this.resetSubscripton?.unsubscribe();\n      this.inputSubscription?.unsubscribe();\n    }\n\n  }\n}\n\nexport default {\n  input: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${Input.selector}`,\n      template: '<Input type=\"${@this@.getAttribute(\\'type\\')}$\" class=\"${@this@.getAttribute(\\'class\\')}$\" id=\"${@this@.getAttribute(\\'id\\')}$\" name=\"${@this@.getAttribute(\\'name\\')}$\" dr-on-init=\"@this@.element=$element\" >#innerHTML#',\n      objFactory: (e, o, r2, counstructorParam) => {\n        return DomRender.run({rootObject: new Input.Input(...counstructorParam), config: config});\n      }\n    })\n  },\n}"],
-  "mappings": "AAAA,SAAS,qBAAqB;AAC9B,SAAS,iBAAqC;AAC9C,SAAS,cAAc;AAKvB,SAAS,kBAAkB;AAC3B,SAAS,WAAW;AACpB,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,4BAA4B;AAG9B,IAAU;AAAA,CAAV,CAAU,WAAV;AACE,EAAM,kBAAW;AAAA,EAYjB,MAAM,aAAa,cAAmB;AAAA,EAE7C;AAFO,SAAM;AAAA,EASN,MAAMA,eAAc,KAAgD;AAAA,IAKzE,kBAAkB,OAAoB;AAAA,IACtC;AAAA,IAGA,aAAa,OAAY,QAAgB;AACvC,YAAM,aAAa,OAAO,MAAM;AAEhC,YAAM,eAAe,KAAK;AAC1B,YAAM,wBAAwB,KAAK,aAAa,cAAc;AAC9D,YAAM,oBAAoB,WAAW,mBAAmB,qBAAqB,IAAI,OAAO,qBAAqB,IAAI;AACjH,YAAM,WAAW,WAAW,mBAAmB,KAAK,aAAa,UAAU,CAAC;AAE5E,UAAI,cAAc;AAChB,cAAM,mCAAmC,MAAM;AAG7C,cAAI,UAAU,WAAW,2BAA2B,cAAc,OAAO,EAAE;AAAA,YACzE,IAAI,CAAC,UAAiB;AACpB,oBAAM,SAAS,MAAM;AACrB,kBAAI,kBAAkB,kBAAkB;AACtC,uBAAO,OAAO,MAAM,KAAK;AAAA,cAC3B;AACA,sBAAQ,KAAK,kDAAkD,MAAM;AACrE,qBAAO;AAAA,YACT,CAAC;AAAA,UACH;AAEA,cAAI,WAAW,mBAAmB,iBAAiB,KAAK,oBAAoB,GAAG;AAC7E,sBAAU,QAAQ,KAAK,aAAa,iBAAiB,CAAC;AAAA,UACxD;AACA,cAAI,WAAW,mBAAmB,QAAQ,KAAK,aAAa,MAAM;AAChE,sBAAU,QAAQ,KAAK,qBAAqB,CAAC;AAAA,UAC/C;AACA,iBAAO;AAAA,QACT;AACA,aAAK,oBAAoB,iCAAiC,EAAE,UAAU,QAAM;AAE1E,eAAK,aAAa,OAAO,IAAI,IAAI,YAAY;AAAA,QAC/C,CAAC;AAED,YAAI,aAAa,MAAM;AACrB,eAAK,mBAAmB,WAAW,2BAA2B,aAAa,MAAM,OAAO,EAAE,UAAU,QAAM;AAExG,iBAAK,mBAAmB,YAAY;AACpC,iBAAK,oBAAoB,iCAAiC,EAAE,UAAU,CAAAC,QAAM;AAE1E,mBAAK,aAAa,OAAO,IAAIA,KAAI,YAAY;AAAA,YAC/C,CAAC;AAAA,UACH,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IAGF;AAAA,IAEA,mBAAmB,MAAc,OAAY,OAAkB;AAC7D,YAAM,mBAAmB,MAAM,OAAO,KAAK;AAE3C,UAAI,SAAS,SAAS;AAAA,MAItB;AAAA,IACF;AAAA,IAEA,gBAAgB,UAAwC;AACtD,WAAK,kBAAkB,YAAY;AACnC,WAAK,mBAAmB,YAAY;AAAA,IACtC;AAAA,EAEF;AA3EO,SAAM,QAAAD;AAAA,GAtBE;AAoGjB,IAAO,gBAAQ;AAAA,EACb,OAAO,CAAC,WAAgC;AACtC,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,GAAG,iBAAiB,GAAG,OAAc,CAAC;AAAA,MAC1F;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
+  "sourcesContent": ["import { ComponentBase } from '../ComponentBase';\nimport { DomRender, DomRenderRunConfig } from '../../DomRender';\nimport { RawSet } from '../../rawsets/RawSet';\nimport { OtherData } from '../../lifecycle/OnChangeAttrRender';\nimport { OnCreateRender } from '../../lifecycle/OnCreateRender';\nimport { OnDestroyRender, OnDestroyRenderParams } from '../../lifecycle/OnDestroyRender';\nimport { Subscription } from '@dooboostore/core/message/Subscription';\nimport { ValidUtils } from '@dooboostore/core/valid/ValidUtils';\nimport { map } from '@dooboostore/core/message/operators/map';\nimport { EventUtils } from '@dooboostore/core-web/event/EventUtils';\nimport { debounceTime } from '@dooboostore/core/message/operators/debounceTime';\nimport { distinctUntilChanged } from '@dooboostore/core/message/operators/distinctUntilChanged';\n\nexport namespace Input {\n  export const selector = `dr-input`;\n  export type Attribute = {\n    name?: string;\n    type?: string;\n    id?: string;\n    class?: string;\n    debounceTime?: number;\n    distinct?: boolean;\n    input?: (value: string, element: Element) => void;\n  };\n\n  export class Base extends ComponentBase<any> {}\n\n  // @Component({\n  //   selector: `${selector}`,\n  //   template,\n  //   styles,\n  // })\n  export class Input extends Base implements OnCreateRender, OnDestroyRender {\n    private element?: HTMLInputElement;\n    private inputSubscription?: Subscription;\n    private resetSubscripton?: Subscription;\n\n    onCreateRender(...param: any[]): void {}\n\n    async onInitRender(param: any, rawSet: RawSet) {\n      await super.onInitRender(param, rawSet);\n      // console.log('dr-input, rawSet', rawSet)\n      const inputElement = this.element;\n      const debounceTimeAttribute = this.getAttribute('debounceTime');\n      const debounceTimeValue = ValidUtils.isNotNullUndefined(debounceTimeAttribute)\n        ? Number(debounceTimeAttribute)\n        : 0;\n      const distinct = ValidUtils.isNotNullUndefined(this.getAttribute('distinct'));\n\n      if (inputElement) {\n        const makeDeboundceDistinctUtilChanged = () => {\n          // let result$ = EventUtils.htmlElementEventObservable(inputElement,'input');\n\n          let result$ = EventUtils.htmlElementEventObservable(inputElement, 'input').pipe(\n            map((event: Event) => {\n              const target = event.target;\n              if (target instanceof HTMLInputElement) {\n                return target.value.trim();\n              }\n              console.warn('Input event target is not an HTMLInputElement:', target);\n              return '';\n            })\n          );\n\n          if (ValidUtils.isNotNullUndefined(debounceTimeValue) && debounceTimeValue > 0) {\n            result$ = result$.pipe(debounceTime(debounceTimeValue));\n          }\n          if (ValidUtils.isNotNullUndefined(distinct) && distinct === true) {\n            result$ = result$.pipe(distinctUntilChanged());\n          }\n          return result$;\n        };\n        this.inputSubscription = makeDeboundceDistinctUtilChanged().subscribe(it => {\n          // console.log('change?????????????', it);\n          this.getAttribute('input')?.(it, inputElement);\n        });\n\n        if (inputElement.form) {\n          this.resetSubscripton = EventUtils.htmlElementEventObservable(inputElement.form, 'reset').subscribe(it => {\n            // console.log('rrrraaa?,', this.inputSubscription, it)\n            this.inputSubscription?.unsubscribe();\n            this.inputSubscription = makeDeboundceDistinctUtilChanged().subscribe(it => {\n              // console.log('rrrr?')\n              this.getAttribute('input')?.(it, inputElement);\n            });\n          });\n        }\n      }\n    }\n\n    onChangeAttrRender(name: string, value: any, other: OtherData) {\n      super.onChangeAttrRender(name, value, other);\n      // console.log('-------->',name, value)\n      if (name === 'value') {\n        // console.log('changeAttribu', name, value)\n        // this.wow = {value: value};\n        // this.name = value;\n      }\n    }\n\n    onDestroyRender(metaData?: OnDestroyRenderParams): void {\n      this.resetSubscripton?.unsubscribe();\n      this.inputSubscription?.unsubscribe();\n    }\n  }\n}\n\nexport default {\n  input: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${Input.selector}`,\n      template:\n        '<Input type=\"${@this@.getAttribute(\\'type\\')}$\" class=\"${@this@.getAttribute(\\'class\\')}$\" id=\"${@this@.getAttribute(\\'id\\')}$\" name=\"${@this@.getAttribute(\\'name\\')}$\" dr-on-init=\"@this@.element=$element\" >#innerHTML#',\n      objFactory: (e, o, r2, counstructorParam) => {\n        return DomRender.run({ rootObject: new Input.Input(...counstructorParam), config: config });\n      }\n    });\n  }\n};"],
+  "mappings": "AAAA,SAAS,qBAAqB;AAC9B,SAAS,iBAAqC;AAC9C,SAAS,cAAc;AAKvB,SAAS,kBAAkB;AAC3B,SAAS,WAAW;AACpB,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,4BAA4B;AAE9B,IAAU;AAAA,CAAV,CAAU,WAAV;AACE,EAAM,kBAAW;AAAA,EAWjB,MAAM,aAAa,cAAmB;AAAA,EAAC;AAAvC,SAAM;AAAA,EAON,MAAMA,eAAc,KAAgD;AAAA,IAKzE,kBAAkB,OAAoB;AAAA,IAAC;AAAA,IAEvC,MAAM,aAAa,OAAY,QAAgB;AAC7C,YAAM,MAAM,aAAa,OAAO,MAAM;AAEtC,YAAM,eAAe,KAAK;AAC1B,YAAM,wBAAwB,KAAK,aAAa,cAAc;AAC9D,YAAM,oBAAoB,WAAW,mBAAmB,qBAAqB,IACzE,OAAO,qBAAqB,IAC5B;AACJ,YAAM,WAAW,WAAW,mBAAmB,KAAK,aAAa,UAAU,CAAC;AAE5E,UAAI,cAAc;AAChB,cAAM,mCAAmC,MAAM;AAG7C,cAAI,UAAU,WAAW,2BAA2B,cAAc,OAAO,EAAE;AAAA,YACzE,IAAI,CAAC,UAAiB;AACpB,oBAAM,SAAS,MAAM;AACrB,kBAAI,kBAAkB,kBAAkB;AACtC,uBAAO,OAAO,MAAM,KAAK;AAAA,cAC3B;AACA,sBAAQ,KAAK,kDAAkD,MAAM;AACrE,qBAAO;AAAA,YACT,CAAC;AAAA,UACH;AAEA,cAAI,WAAW,mBAAmB,iBAAiB,KAAK,oBAAoB,GAAG;AAC7E,sBAAU,QAAQ,KAAK,aAAa,iBAAiB,CAAC;AAAA,UACxD;AACA,cAAI,WAAW,mBAAmB,QAAQ,KAAK,aAAa,MAAM;AAChE,sBAAU,QAAQ,KAAK,qBAAqB,CAAC;AAAA,UAC/C;AACA,iBAAO;AAAA,QACT;AACA,aAAK,oBAAoB,iCAAiC,EAAE,UAAU,QAAM;AAE1E,eAAK,aAAa,OAAO,IAAI,IAAI,YAAY;AAAA,QAC/C,CAAC;AAED,YAAI,aAAa,MAAM;AACrB,eAAK,mBAAmB,WAAW,2BAA2B,aAAa,MAAM,OAAO,EAAE,UAAU,QAAM;AAExG,iBAAK,mBAAmB,YAAY;AACpC,iBAAK,oBAAoB,iCAAiC,EAAE,UAAU,CAAAC,QAAM;AAE1E,mBAAK,aAAa,OAAO,IAAIA,KAAI,YAAY;AAAA,YAC/C,CAAC;AAAA,UACH,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,IAEA,mBAAmB,MAAc,OAAY,OAAkB;AAC7D,YAAM,mBAAmB,MAAM,OAAO,KAAK;AAE3C,UAAI,SAAS,SAAS;AAAA,MAItB;AAAA,IACF;AAAA,IAEA,gBAAgB,UAAwC;AACtD,WAAK,kBAAkB,YAAY;AACnC,WAAK,mBAAmB,YAAY;AAAA,IACtC;AAAA,EACF;AAxEO,SAAM,QAAAD;AAAA,GAnBE;AA8FjB,IAAO,gBAAQ;AAAA,EACb,OAAO,CAAC,WAAgC;AACtC,WAAO,OAAO,6BAA6B;AAAA,MACzC,MAAM,GAAG,MAAM,QAAQ;AAAA,MACvB,UACE;AAAA,MACF,YAAY,CAAC,GAAG,GAAG,IAAI,sBAAsB;AAC3C,eAAO,UAAU,IAAI,EAAE,YAAY,IAAI,MAAM,MAAM,GAAG,iBAAiB,GAAG,OAAe,CAAC;AAAA,MAC5F;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
   "names": ["Input", "it"]
 }

package/dist/esm/components/promise/PromiseSwitch.js

@@ -54,16 +54,16 @@ var PromiseSwitch;
       const rejecteds = this.getChildren(Rejected);
       const full = [...fulfilleds, ...rejecteds, ...pendings, ...defaults];
       if (this.promiseState === void 0) {
-        this.status = void 0;
+        this.state = void 0;
         full.filter((it) => !it.hidden).forEach((it) => it.hidden = true);
         defaults.filter((it) => it.hidden).forEach((it) => it.hidden = false);
         pendings.filter((it) => it.getAttribute("defaultView") && it.hidden).forEach((it) => it.hidden = false);
       } else if (this.promiseState.status === "pending") {
-        this.status = "pending";
+        this.state = "pending";
         full.filter((it) => !it.hidden).forEach((it) => it.hidden = true);
         pendings.filter((it) => it.hidden).forEach((it) => it.hidden = false);
       } else if (this.promiseState.status === "fulfilled") {
-        this.status = "fulfilled";
+        this.state = "fulfilled";
         const value = this.promiseState.value;
         full.filter((it) => !it.hidden).forEach((it) => it.hidden = true);
         fulfilleds.forEach((it) => {
@@ -71,7 +71,7 @@ var PromiseSwitch;
         });
         fulfilleds.filter((it) => it.hidden).forEach((it) => it.hidden = false);
       } else if (this.promiseState.status === "rejected") {
-        this.status = "rejected";
+        this.state = "rejected";
         const value = this.promiseState.reason;
         full.filter((it) => !it.hidden).forEach((it) => it.hidden = true);
         rejecteds.forEach((it) => {
@@ -79,13 +79,13 @@ var PromiseSwitch;
         });
         rejecteds.filter((it) => it.hidden).forEach((it) => it.hidden = false);
       }
-      return this.status;
+      return this.state;
     }
     onChangeAttrRender(name, value, other) {
       super.onChangeAttrRender(name, value, other);
       if (this.equalsAttributeName(name, "data") && value) {
         this.promiseState = void 0;
-        this.status = void 0;
+        this.state = void 0;
         this.promiseState = Promises.Result.wrap(typeof value === "function" ? value() : value);
         this.getAttribute("change")?.({ status: "pending" });
         this.childStateChange();

package/dist/esm/components/promise/PromiseSwitch.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/promise/PromiseSwitch.ts"],
-  "sourcesContent": ["import { ComponentBase } from '../ComponentBase';\nimport { DomRender, DomRenderRunConfig } from '../../DomRender';\nimport { RawSet } from '../../rawsets/RawSet';\nimport { OtherData } from '../../lifecycle/OnChangeAttrRender';\n\n\nimport { ValidUtils } from '@dooboostore/core/valid/ValidUtils';\nimport { Promises  } from '@dooboostore/core/promise/Promises';\nimport { OnCreateRenderDataParams } from '../../lifecycle/OnCreateRenderData';\n\nexport namespace PromiseSwitch {\n  export const selector = 'dr-promise-switch';\n  export type ChangeParams<T> = { status: 'pending' } | { status: 'finally' } | { status: 'fulfilled', data: T } | { status: 'rejected', data: any };\n  export type Attribute = {\n    // trigger?: boolean;\n    data: Promise<any> | (() => Promise<any>);\n    change?: <T>(data: ChangeParams<T>) => void;\n  }\n\n  class ChildBase<T = any> extends ComponentBase<T> {\n    public hidden = true;\n  }\n\n  // @Component({\n  //   template: '<div dr-if=\"!@this@.hidden\" dr-strip=\"true\">#innerHTML#</div>',\n  //   selector: `${selector}.Default`\n  // })\n  export class Default extends ChildBase {\n  }\n\n  // @Component({\n  //   template: '<div dr-if=\"!@this@.hidden\" dr-strip=\"true\">#innerHTML#</div>',\n  //   selector: `${selector}.Pending`\n  //   // selector: `System-PromiseSwitch.Pending`\n  // })\n  export class Pending extends ChildBase<{ defaultView?: null }> {\n    // onChangeAttrRender(name: string, value: any, other: OtherData) {\n    //   super.onChangeAttrRender(name, value, other);\n    //   if (this.equalsAttributeName(name, 'defaultView')) {\n    //     // console.log('--------------', value)\n    //     if (value !== null) {\n    //       this.hidden = false;\n    //     } else {\n    //       this.hidden = true;\n    //     }\n    //     // console.log('--------------', this.hidden)\n    //   }\n    // }\n  }\n\n  // @Component({\n  //   template: '<div dr-if=\"!@this@.hidden\" dr-strip=\"true\">#innerHTML#</div>',\n  //   selector: `${selector}.Fulfilled`\n  // })\n  export class Fulfilled<T = any> extends ChildBase {\n    private data?: T;\n\n    setData(data: T) {\n      this.data = data;\n    }\n  }\n\n  // @Component({\n  //   template: '<div dr-if=\"!@this@.hidden\" dr-strip=\"true\">#innerHTML#</div>',\n  //   selector: `${selector}.Rejected`\n  // })\n  export class Rejected<T = any> extends ChildBase {\n    private data?: T;\n\n    setData(data: T) {\n      this.data = data;\n    }\n  }\n\n\n  /*\n      <dr-promise-switch data=\"${@this@.pickWorldPromise}$\">\n        ${@nearThis@.promiseState.status}$\n        <dr-promise-switch-default>\n            <button class=\"random-world-button\" dr-event-click=\"@this@.pickWorld()\">\n                <i class=\"fa-solid fa-dice\"></i>\n            </button>\n        </dr-promise-switch-default>\n        <dr-promise-switch-pending>\n            <button class=\"random-world-button disabled spin\" >\n                <i class=\"fa-solid fa-dice\"></i>\n            </button>\n        </dr-promise-switch-pending>\n    </dr-promise-switch>\n   */\n  // @Component({\n  //   template: '#innerHTML#',\n  //   selector: `${selector}`\n  // })\n  export class PromiseSwitch extends ComponentBase<Attribute> {\n    // private promise?:  {\n    //   state: 'reject' | 'resolve',\n    //\n    // }\n    private promiseState?: Promises.Result.PromiseState<any, unknown>;\n    private status?: Promises.Result.PromiseState<any, unknown>[\"status\"];\n\n    onCreatedThisChild(child: any, data: OnCreateRenderDataParams) {\n      super.onCreatedThisChild(child, data);\n      this.childStateChange();\n    }\n\n    childStateChange() {\n      const defaults = this.getChildren(Default);\n      const pendings = this.getChildren(Pending);\n      const fulfilleds = this.getChildren(Fulfilled);\n      const rejecteds = this.getChildren(Rejected);\n      const full = [...fulfilleds, ...rejecteds, ...pendings, ...defaults]\n      // console.log('----!!!!!!-------', this.promiseState, full)\n      if (this.promiseState === undefined) {\n        this.status = undefined;\n        full.filter(it => !it.hidden).forEach(it => it.hidden = true)\n        defaults.filter(it => it.hidden).forEach(it => it.hidden = false);\n        pendings.filter(it => it.getAttribute('defaultView') && it.hidden).forEach(it => it.hidden = false);\n      } else if (this.promiseState.status === 'pending') {\n        this.status = 'pending';\n        full.filter(it => !it.hidden).forEach(it => it.hidden = true)\n        pendings.filter(it => it.hidden).forEach(it => it.hidden = false);\n      } else if (this.promiseState.status === 'fulfilled') {\n        this.status = 'fulfilled';\n        const value = this.promiseState.value;\n        // console.log('-----------fulfilled promises', value);\n        full.filter(it => !it.hidden).forEach(it => it.hidden = true)\n        fulfilleds.forEach(it => {\n          it.setData(value)\n        })\n        fulfilleds.filter(it => it.hidden).forEach(it => it.hidden = false);\n      } else if (this.promiseState.status === 'rejected') {\n        this.status = 'rejected';\n        const value = this.promiseState.reason;\n        full.filter(it => !it.hidden).forEach(it => it.hidden = true)\n        rejecteds.forEach(it => {\n          it.setData(value)\n        })\n        rejecteds.filter(it => it.hidden).forEach(it => it.hidden = false);\n      }\n      return this.status;\n      // console.log('----!!!!!!-end------', this.promiseState, full.map(it=>it.hidden))\n    }\n\n    onChangeAttrRender(name: string, value: any, other: OtherData) {\n      super.onChangeAttrRender(name, value, other);\n      // console.log('-----------changer promises', name, value, this.getChildren(Default));\n      if (this.equalsAttributeName(name, 'data') && value) {\n        // this.childStateChange();\n        this.promiseState = undefined;\n        this.status = undefined;\n        this.promiseState = Promises.Result.wrap(typeof value === 'function' ? value() : value as Promise<any>);\n        this.getAttribute('change')?.({status: 'pending'});\n        this.childStateChange();\n        // console.log('----?', this.promiseState)\n        this.promiseState.then(data => {\n          // console.log('------------then', data);\n          this.childStateChange();\n          this.getAttribute('change')?.({status: 'fulfilled', data: data});\n          return data;\n        }).catch((e) => {\n          // console.log('catch', e)\n          this.childStateChange();\n          this.getAttribute('change')?.({status: 'rejected', data: e});\n          throw e;\n        }).finally(() => {\n          // console.log('-------------finally--------rrrrrrrrrrr', this.promiseState)\n          // this.childStateChange();\n          this.getAttribute('change')?.({status: 'finally'});\n        })\n        // await this.promiseState;\n\n\n        // console.log('---------------------rrrrrrrrrrr', this.promiseState)\n      } else if(this.equalsAttributeName(name, 'data') && ValidUtils.isNullOrUndefined(value)) {\n        this.promiseState = undefined;\n        this.childStateChange();\n      }\n    }\n  }\n}\n\n\nexport default {\n  promiseDefault: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${PromiseSwitch.selector}-default`,\n      template: '<div dr-if=\"!@this@.hidden\" dr-option-strip=\"true\">#innerHTML#</div>',\n      objFactory: (e,o,r2, counstructorParam) => {\n        return DomRender.run({rootObject: new PromiseSwitch.Default(...counstructorParam), config: config});\n      }\n    })\n  },\n  promisePending: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${PromiseSwitch.selector}-pending`,\n      template: '<div dr-if=\"!@this@.hidden\" dr-option-strip=\"true\">#innerHTML#</div>',\n      objFactory: (e,o,r2, counstructorParam) => {\n        return DomRender.run({rootObject: new PromiseSwitch.Pending(...counstructorParam), config: config});\n      }\n    })\n  },\n  promiseFulfilled: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${PromiseSwitch.selector}-fulfilled`,\n      template: '<div dr-if=\"!@this@.hidden\" dr-option-strip=\"true\">#innerHTML#</div>',\n      objFactory: (e,o,r2, counstructorParam) => {\n        return DomRender.run({rootObject: new PromiseSwitch.Fulfilled(...counstructorParam), config: config});\n      }\n    })\n  },\n  promiseRejected: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${PromiseSwitch.selector}-rejected`,\n      template: '<div dr-if=\"!@this@.hidden\" dr-option-strip=\"true\">#innerHTML#</div>',\n      objFactory: (e,o,r2, counstructorParam) => {\n        return DomRender.run({rootObject: new PromiseSwitch.Rejected(...counstructorParam), config: config});\n      }\n    })\n  },\n  promiseSwitch: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${PromiseSwitch.selector}`,\n      template: '#innerHTML#',\n      objFactory: (e,o,r2, counstructorParam) => {\n        return DomRender.run({rootObject: new PromiseSwitch.PromiseSwitch(...counstructorParam), config: config});\n      }\n    })\n  },\n\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { ComponentBase } from '../ComponentBase';\nimport { DomRender, DomRenderRunConfig } from '../../DomRender';\nimport { RawSet } from '../../rawsets/RawSet';\nimport { OtherData } from '../../lifecycle/OnChangeAttrRender';\n\nimport { ValidUtils } from '@dooboostore/core/valid/ValidUtils';\nimport { Promises } from '@dooboostore/core/promise/Promises';\nimport { OnCreateRenderDataParams } from '../../lifecycle/OnCreateRenderData';\n\nexport namespace PromiseSwitch {\n  export const selector = 'dr-promise-switch';\n  export type ChangeParams<T> =\n    | { status: 'pending' }\n    | { status: 'finally' }\n    | { status: 'fulfilled'; data: T }\n    | { status: 'rejected'; data: any };\n  export type Attribute = {\n    // trigger?: boolean;\n    data: Promise<any> | (() => Promise<any>);\n    change?: <T>(data: ChangeParams<T>) => void;\n  };\n\n  class ChildBase<T = any> extends ComponentBase<T> {\n    public hidden = true;\n  }\n\n  // @Component({\n  //   template: '<div dr-if=\"!@this@.hidden\" dr-strip=\"true\">#innerHTML#</div>',\n  //   selector: `${selector}.Default`\n  // })\n  export class Default extends ChildBase {}\n\n  // @Component({\n  //   template: '<div dr-if=\"!@this@.hidden\" dr-strip=\"true\">#innerHTML#</div>',\n  //   selector: `${selector}.Pending`\n  //   // selector: `System-PromiseSwitch.Pending`\n  // })\n  export class Pending extends ChildBase<{ defaultView?: null }> {\n    // onChangeAttrRender(name: string, value: any, other: OtherData) {\n    //   super.onChangeAttrRender(name, value, other);\n    //   if (this.equalsAttributeName(name, 'defaultView')) {\n    //     // console.log('--------------', value)\n    //     if (value !== null) {\n    //       this.hidden = false;\n    //     } else {\n    //       this.hidden = true;\n    //     }\n    //     // console.log('--------------', this.hidden)\n    //   }\n    // }\n  }\n\n  // @Component({\n  //   template: '<div dr-if=\"!@this@.hidden\" dr-strip=\"true\">#innerHTML#</div>',\n  //   selector: `${selector}.Fulfilled`\n  // })\n  export class Fulfilled<T = any> extends ChildBase {\n    private data?: T;\n\n    setData(data: T) {\n      this.data = data;\n    }\n  }\n\n  // @Component({\n  //   template: '<div dr-if=\"!@this@.hidden\" dr-strip=\"true\">#innerHTML#</div>',\n  //   selector: `${selector}.Rejected`\n  // })\n  export class Rejected<T = any> extends ChildBase {\n    private data?: T;\n\n    setData(data: T) {\n      this.data = data;\n    }\n  }\n\n  /*\n      <dr-promise-switch data=\"${@this@.pickWorldPromise}$\">\n        ${@nearThis@.promiseState.status}$\n        <dr-promise-switch-default>\n            <button class=\"random-world-button\" dr-event-click=\"@this@.pickWorld()\">\n                <i class=\"fa-solid fa-dice\"></i>\n            </button>\n        </dr-promise-switch-default>\n        <dr-promise-switch-pending>\n            <button class=\"random-world-button disabled spin\" >\n                <i class=\"fa-solid fa-dice\"></i>\n            </button>\n        </dr-promise-switch-pending>\n    </dr-promise-switch>\n   */\n  // @Component({\n  //   template: '#innerHTML#',\n  //   selector: `${selector}`\n  // })\n  export class PromiseSwitch extends ComponentBase<Attribute> {\n    // private promise?:  {\n    //   state: 'reject' | 'resolve',\n    //\n    // }\n    private promiseState?: Promises.Result.PromiseState<any, unknown>;\n    private state?: Promises.Result.PromiseState<any, unknown>['status'];\n\n    onCreatedThisChild(child: any, data: OnCreateRenderDataParams) {\n      super.onCreatedThisChild(child, data);\n      this.childStateChange();\n    }\n\n    childStateChange() {\n      const defaults = this.getChildren(Default);\n      const pendings = this.getChildren(Pending);\n      const fulfilleds = this.getChildren(Fulfilled);\n      const rejecteds = this.getChildren(Rejected);\n      const full = [...fulfilleds, ...rejecteds, ...pendings, ...defaults];\n      // console.log('----!!!!!!-------', this.promiseState, full)\n      if (this.promiseState === undefined) {\n        this.state = undefined;\n        full.filter(it => !it.hidden).forEach(it => (it.hidden = true));\n        defaults.filter(it => it.hidden).forEach(it => (it.hidden = false));\n        pendings.filter(it => it.getAttribute('defaultView') && it.hidden).forEach(it => (it.hidden = false));\n      } else if (this.promiseState.status === 'pending') {\n        this.state = 'pending';\n        full.filter(it => !it.hidden).forEach(it => (it.hidden = true));\n        pendings.filter(it => it.hidden).forEach(it => (it.hidden = false));\n      } else if (this.promiseState.status === 'fulfilled') {\n        this.state = 'fulfilled';\n        const value = this.promiseState.value;\n        // console.log('-----------fulfilled promises', value);\n        full.filter(it => !it.hidden).forEach(it => (it.hidden = true));\n        fulfilleds.forEach(it => {\n          it.setData(value);\n        });\n        fulfilleds.filter(it => it.hidden).forEach(it => (it.hidden = false));\n      } else if (this.promiseState.status === 'rejected') {\n        this.state = 'rejected';\n        const value = this.promiseState.reason;\n        full.filter(it => !it.hidden).forEach(it => (it.hidden = true));\n        rejecteds.forEach(it => {\n          it.setData(value);\n        });\n        rejecteds.filter(it => it.hidden).forEach(it => (it.hidden = false));\n      }\n      return this.state;\n      // console.log('----!!!!!!-end------', this.promiseState, full.map(it=>it.hidden))\n    }\n\n    onChangeAttrRender(name: string, value: any, other: OtherData) {\n      super.onChangeAttrRender(name, value, other);\n      // console.log('-----------changer promises', name, value, this.getChildren(Default));\n      if (this.equalsAttributeName(name, 'data') && value) {\n        // this.childStateChange();\n        this.promiseState = undefined;\n        this.state = undefined;\n        this.promiseState = Promises.Result.wrap(typeof value === 'function' ? value() : (value as Promise<any>));\n        this.getAttribute('change')?.({ status: 'pending' });\n        this.childStateChange();\n        // console.log('----?', this.promiseState)\n        this.promiseState\n          .then(data => {\n            // console.log('------------then', data);\n            this.childStateChange();\n            this.getAttribute('change')?.({ status: 'fulfilled', data: data });\n            return data;\n          })\n          .catch(e => {\n            // console.log('catch', e)\n            this.childStateChange();\n            this.getAttribute('change')?.({ status: 'rejected', data: e });\n            throw e;\n          })\n          .finally(() => {\n            // console.log('-------------finally--------rrrrrrrrrrr', this.promiseState)\n            // this.childStateChange();\n            this.getAttribute('change')?.({ status: 'finally' });\n          });\n        // await this.promiseState;\n\n        // console.log('---------------------rrrrrrrrrrr', this.promiseState)\n      } else if (this.equalsAttributeName(name, 'data') && ValidUtils.isNullOrUndefined(value)) {\n        this.promiseState = undefined;\n        this.childStateChange();\n      }\n    }\n  }\n}\n\nexport default {\n  promiseDefault: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${PromiseSwitch.selector}-default`,\n      template: '<div dr-if=\"!@this@.hidden\" dr-option-strip=\"true\">#innerHTML#</div>',\n      objFactory: (e, o, r2, counstructorParam) => {\n        return DomRender.run({ rootObject: new PromiseSwitch.Default(...counstructorParam), config: config });\n      }\n    });\n  },\n  promisePending: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${PromiseSwitch.selector}-pending`,\n      template: '<div dr-if=\"!@this@.hidden\" dr-option-strip=\"true\">#innerHTML#</div>',\n      objFactory: (e, o, r2, counstructorParam) => {\n        return DomRender.run({ rootObject: new PromiseSwitch.Pending(...counstructorParam), config: config });\n      }\n    });\n  },\n  promiseFulfilled: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${PromiseSwitch.selector}-fulfilled`,\n      template: '<div dr-if=\"!@this@.hidden\" dr-option-strip=\"true\">#innerHTML#</div>',\n      objFactory: (e, o, r2, counstructorParam) => {\n        return DomRender.run({ rootObject: new PromiseSwitch.Fulfilled(...counstructorParam), config: config });\n      }\n    });\n  },\n  promiseRejected: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${PromiseSwitch.selector}-rejected`,\n      template: '<div dr-if=\"!@this@.hidden\" dr-option-strip=\"true\">#innerHTML#</div>',\n      objFactory: (e, o, r2, counstructorParam) => {\n        return DomRender.run({ rootObject: new PromiseSwitch.Rejected(...counstructorParam), config: config });\n      }\n    });\n  },\n  promiseSwitch: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${PromiseSwitch.selector}`,\n      template: '#innerHTML#',\n      objFactory: (e, o, r2, counstructorParam) => {\n        return DomRender.run({ rootObject: new PromiseSwitch.PromiseSwitch(...counstructorParam), config: config });\n      }\n    });\n  }\n};\n"],
+  "mappings": "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",
   "names": ["PromiseSwitch"]
 }

package/dist/esm/components/radio/Radio.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/radio/Radio.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 { OnCreateRenderDataParams } from '../../lifecycle/OnCreateRenderData';\n\n\n\nexport namespace Radio {\n  export const selector = 'System:Radio';\n  export type Attribute = {\n    class?: string;\n  }\n  export type LabelAttribute = {\n    class?: string;\n    name?: string;\n    value?: string;\n    checked?: boolean;\n    on_change_checked?: (checked: boolean, element: HTMLInputElement) => void\n  }\n\n  class RadioBase extends ComponentBase<Attribute> {\n    public hidden = true;\n  }\n\n  export class Checked extends RadioBase {\n    public name = 'Checked';\n\n    constructor() {\n      super({onlyParentType: Radio});\n    }\n  }\n\n  export class UnChecked extends RadioBase {\n    public name = 'unChecked';\n\n    constructor() {\n      super({onlyParentType: Radio});\n    }\n  }\n\n  export class Radio extends ComponentBase<LabelAttribute> {\n    private checked = false;\n    private inputElement?: HTMLInputElement;\n\n    change(checked?: boolean) { checked = checked ?? this.checked;\n      this.checked = checked;\n      this.setChildrenHidden(checked);\n      console.log('radio checked!!!!!!!', checked, this.checked, this.inputElement?.checked)\n      if (this.getAttribute('on_change_checked')) {\n        this.getAttribute('on_change_checked')?.(checked, this.inputElement!);\n      }\n    }\n\n    private setChildrenHidden(checked: boolean) {\n      this.getChildren(Checked).forEach(it => {\n        it.hidden = !checked;\n      });\n      this.getChildren(UnChecked).forEach(it => {\n        it.hidden = checked;\n      });\n    }\n\n    onCreatedThisChild(child: RadioBase, childData: OnCreateRenderDataParams): void {\n      super.onCreatedThisChild(child, childData);\n      this.setChildrenHidden(this.checked);\n    }\n\n    onInitInputElement(element: HTMLInputElement) {\n      this.inputElement = element;\n    }\n\n    onChangeAttrRender(name: string, val: any, other: OtherData) {\n      super.onChangeAttrRender(name, val, other);\n      if (this.inputElement && this.getAttribute('checked') !== this.checked) {\n        this.inputElement.checked = !!this.getAttribute('checked');\n        console.log('----changeAttribute', this.getAttribute('checked'))\n        this.change(!!this.getAttribute('checked'));\n      }\n    }\n\n  }\n}\n\n\n\nexport default {\n  radioChecked: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${Radio.selector}-checked`,\n      template: '<div dr-if=\"!@this@.hidden\" dr-option-strip=\"true\" >#innerHTML#</div>',\n      objFactory: (e,o,r2, counstructorParam) => {\n        return DomRender.run({rootObject: new Radio.Checked(), config: config});\n      }\n    })\n  },\n  radioUnChecked: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${Radio.selector}-unchecked`,\n      template: '<div dr-if=\"!@this@.hidden\" dr-option-strip=\"true\" >#innerHTML#</div>',\n      objFactory: (e,o,r2, counstructorParam) => {\n        return DomRender.run({rootObject: new Radio.UnChecked(), config: config});\n      }\n    })\n  },\n  radio: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${Radio.selector}`,\n      template: '<label class=\"${@this@.getAttribute(\\'class\\')}$\">\\n' +\n        '  <input\\n' +\n        '    name=\"${@this@.getAttribute(\\'name\\')}$\"\\n' +\n        '    checked=\"${@this@.getAttribute(\\'checked\\')}$\"\\n' +\n        '    value=\"${@this@.getAttribute(\\'value\\')}$\"\\n' +\n        '    dr-on-init=\"@this@.onInitInputElement($element)\"\\n' +\n        '    dr-event-change=\"@this@.change($element.checked);\"\\n' +\n        '    type=\"radio\"\\n' +\n        '\\n' +\n        '  />\\n' +\n        '  ${@this@.getAttribute(\\'checked\\')}$\\n' +\n        '  #innerHTML#\\n' +\n        '</label>',\n      objFactory: (e,o,r2, counstructorParam) => {\n        return DomRender.run({rootObject: new Radio.Radio(...counstructorParam), config: config});\n      }\n    })\n  },\n}"],
-  "mappings": "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",
+  "sourcesContent": ["import { ComponentBase } from '../ComponentBase';\nimport { DomRender, DomRenderRunConfig } from '../../DomRender';\nimport { RawSet } from '../../rawsets/RawSet';\nimport { OtherData } from '../../lifecycle/OnChangeAttrRender';\nimport { OnCreateRenderDataParams } from '../../lifecycle/OnCreateRenderData';\n\nexport namespace Radio {\n  export const selector = 'System:Radio';\n  export type Attribute = {\n    class?: string;\n  };\n  export type LabelAttribute = {\n    class?: string;\n    name?: string;\n    value?: string;\n    checked?: boolean;\n    on_change_checked?: (checked: boolean, element: HTMLInputElement) => void;\n  };\n\n  class RadioBase extends ComponentBase<Attribute> {\n    public hidden = true;\n  }\n\n  export class Checked extends RadioBase {\n    public name = 'Checked';\n\n    constructor() {\n      super({ onlyParentType: Radio });\n    }\n  }\n\n  export class UnChecked extends RadioBase {\n    public name = 'unChecked';\n\n    constructor() {\n      super({ onlyParentType: Radio });\n    }\n  }\n\n  export class Radio extends ComponentBase<LabelAttribute> {\n    private checked = false;\n    private inputElement?: HTMLInputElement;\n\n    change(checked?: boolean) {\n      checked = checked ?? this.checked;\n      this.checked = checked;\n      this.setChildrenHidden(checked);\n      console.log('radio checked!!!!!!!', checked, this.checked, this.inputElement?.checked);\n      if (this.getAttribute('on_change_checked')) {\n        this.getAttribute('on_change_checked')?.(checked, this.inputElement!);\n      }\n    }\n\n    private setChildrenHidden(checked: boolean) {\n      this.getChildren(Checked).forEach(it => {\n        it.hidden = !checked;\n      });\n      this.getChildren(UnChecked).forEach(it => {\n        it.hidden = checked;\n      });\n    }\n\n    onCreatedThisChild(child: RadioBase, childData: OnCreateRenderDataParams): void {\n      super.onCreatedThisChild(child, childData);\n      this.setChildrenHidden(this.checked);\n    }\n\n    onInitInputElement(element: HTMLInputElement) {\n      this.inputElement = element;\n    }\n\n    onChangeAttrRender(name: string, val: any, other: OtherData) {\n      super.onChangeAttrRender(name, val, other);\n      if (this.inputElement && this.getAttribute('checked') !== this.checked) {\n        this.inputElement.checked = !!this.getAttribute('checked');\n        console.log('----changeAttribute', this.getAttribute('checked'));\n        this.change(!!this.getAttribute('checked'));\n      }\n    }\n  }\n}\n\nexport default {\n  radioChecked: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${Radio.selector}-checked`,\n      template: '<div dr-if=\"!@this@.hidden\" dr-option-strip=\"true\" >#innerHTML#</div>',\n      objFactory: (e, o, r2, counstructorParam) => {\n        return DomRender.run({ rootObject: new Radio.Checked(), config: config });\n      }\n    });\n  },\n  radioUnChecked: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${Radio.selector}-unchecked`,\n      template: '<div dr-if=\"!@this@.hidden\" dr-option-strip=\"true\" >#innerHTML#</div>',\n      objFactory: (e, o, r2, counstructorParam) => {\n        return DomRender.run({ rootObject: new Radio.UnChecked(), config: config });\n      }\n    });\n  },\n  radio: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${Radio.selector}`,\n      template:\n        '<label class=\"${@this@.getAttribute(\\'class\\')}$\">\\n' +\n        '  <input\\n' +\n        '    name=\"${@this@.getAttribute(\\'name\\')}$\"\\n' +\n        '    checked=\"${@this@.getAttribute(\\'checked\\')}$\"\\n' +\n        '    value=\"${@this@.getAttribute(\\'value\\')}$\"\\n' +\n        '    dr-on-init=\"@this@.onInitInputElement($element)\"\\n' +\n        '    dr-event-change=\"@this@.change($element.checked);\"\\n' +\n        '    type=\"radio\"\\n' +\n        '\\n' +\n        '  />\\n' +\n        \"  ${@this@.getAttribute('checked')}$\\n\" +\n        '  #innerHTML#\\n' +\n        '</label>',\n      objFactory: (e, o, r2, counstructorParam) => {\n        return DomRender.run({ rootObject: new Radio.Radio(...counstructorParam), config: config });\n      }\n    });\n  }\n};"],
+  "mappings": "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",
   "names": ["Radio"]
 }

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

@@ -20,8 +20,8 @@ var Route;
       this.sw = false;
       this.inputDomRenderConfig = domRenderConfig;
     }
-    onInitRender(param, rawSet) {
-      super.onInitRender(param, rawSet);
+    async onInitRender(param, rawSet) {
+      await super.onInitRender(param, rawSet);
       this.routerSubscription = this.inputDomRenderConfig?.router?.observable.subscribe((it) => {
         if (this.value && this.inputDomRenderConfig) {
           this.sw = this.check(this.inputDomRenderConfig);

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

@@ -1,7 +1,7 @@
 {
   "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;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;;",
+  "sourcesContent": ["import { attribute, ComponentBase } from '../ComponentBase';\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';\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    async onInitRender(param: any, rawSet: RawSet) {\n      await 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  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;AACzC,SAAS,iBAAiB;AAE1B,SAAS,cAAc;AAEvB,SAAS,wBAAwB;AAI3B,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,MAAM,aAAa,OAAY,QAAc;AAC3C,YAAM,MAAM,aAAa,OAAO,MAAM;AACtC,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,EAAE,MAAM,QAAO,CAAE;;;AAGpB,aAAA;IADP;;;EAoCH,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,GAzDiB,UAAA,QAAK,CAAA,EAAA;AA2DtB,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,EAAE,YAAY,IAAI,MAAM,MAAM,MAAM,GAAG,OAAc,CAAE;MAC9E;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,EAAE,YAAY,IAAI,MAAM,OAAO,MAAM,GAAG,OAAc,CAAE;MAC/E;KACD;EACH;;",
   "names": ["Route"]
 }

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

@@ -1,6 +1,6 @@
 import { ComponentBase } from "../ComponentBase.js";
 import { RawSet } from "../../rawsets/RawSet.js";
-import { ComponentRouterBase } from "../../components/ComponentRouterBase.js";
+import { ComponentRouterBase, isOnCreatedOutletDebounce } from "../../components/ComponentRouterBase.js";
 var RouterOutlet;
 ((_RouterOutlet) => {
   _RouterOutlet.selector = "dr-router-outlet";
@@ -12,10 +12,13 @@ var RouterOutlet;
     setValue(value) {
       this.value = value;
     }
-    onInitRender(param, rawSet) {
-      super.onInitRender(param, rawSet);
+    async onInitRender(param, rawSet) {
+      await super.onInitRender(param, rawSet);
       const c = this.getParentThis();
-      if (c instanceof ComponentRouterBase) {
+      const userValue = this.getAttribute("value");
+      if (userValue) {
+        this.value = userValue;
+      } else if (c instanceof ComponentRouterBase) {
         this.value = c.child;
       }
     }
@@ -34,6 +37,17 @@ var RouterOutlet;
         this.createArguments = value;
       }
     }
+    onCreatedThisChild(child, data) {
+      super.onCreatedThisChild(child, data);
+    }
+    onCreatedThisChildDebounce(childrenSet) {
+      super.onCreatedThisChildDebounce(childrenSet);
+      let parentThis = this.getParentThis();
+      if (isOnCreatedOutletDebounce(parentThis)) {
+        parentThis.onCreatedOutletDebounce(this.value?.obj);
+      }
+      this.getAttribute("onCreatedDebounce")?.(this.value?.obj);
+    }
     created(component) {
       component ?? (component = this.value?.obj);
       this.getAttribute("onCreated")?.(component);

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

@@ -1,7 +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,SAAS,qBAAqB;AAE9B,SAAS,cAAc;AAKvB,SAAS,2BAA2B;AAC7B,IAAU;AAAA,CAAV,CAAU,kBAAV;AACE,EAAM,yBAAW;AAAA,EASjB,MAAMA,sBAAqB,cAAiD;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,qBAAoB;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,OAAO,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;",
+  "sourcesContent": ["import { ChildrenSet, ComponentBase } from '../ComponentBase';\nimport { 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, isOnCreatedOutletDebounce } from '../../components/ComponentRouterBase';\nimport { OnCreateRenderDataParams } from 'src/lifecycle';\n\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    onCreatedDebounce?: (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      // console.log('sssssssssss');\n    }\n\n    async onInitRender(param: any, rawSet: RawSet) {\n      await super.onInitRender(param, rawSet);\n      const c = this.getParentThis();\n      const userValue = this.getAttribute('value');\n      if (userValue) {\n        this.value = userValue;\n      } else 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    onCreatedThisChild(child: any, data: OnCreateRenderDataParams) {\n      super.onCreatedThisChild(child, data);\n      // console.log('outlet--oncreatedThisChild',child);\n    }\n\n    onCreatedThisChildDebounce(childrenSet: ChildrenSet[]) {\n      super.onCreatedThisChildDebounce(childrenSet);\n      let parentThis = this.getParentThis();\n      // console.log('---', parentThis);\n      if (isOnCreatedOutletDebounce(parentThis)) {\n        parentThis.onCreatedOutletDebounce(this.value?.obj);\n      }\n      this.getAttribute('onCreatedDebounce')?.(this.value?.obj);\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,SAAsB,qBAAqB;AAE3C,SAAS,cAAc;AAKvB,SAAS,qBAAqB,iCAAiC;AAGxD,IAAU;AAAA,CAAV,CAAU,kBAAV;AACE,EAAM,yBAAW;AAAA,EAUjB,MAAMA,sBAAqB,cAAiD;AAAA,IAA5E;AAAA;AAEL,WAAQ,KAAsB;AAAA;AAAA,IAG9B,SAAS,OAAqB;AAC5B,WAAK,QAAQ;AAAA,IAEf;AAAA,IAEA,MAAM,aAAa,OAAY,QAAgB;AAC7C,YAAM,MAAM,aAAa,OAAO,MAAM;AACtC,YAAM,IAAI,KAAK,cAAc;AAC7B,YAAM,YAAY,KAAK,aAAa,OAAO;AAC3C,UAAI,WAAW;AACb,aAAK,QAAQ;AAAA,MACf,WAAW,aAAa,qBAAqB;AAC3C,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,mBAAmB,OAAY,MAAgC;AAC7D,YAAM,mBAAmB,OAAO,IAAI;AAAA,IAEtC;AAAA,IAEA,2BAA2B,aAA4B;AACrD,YAAM,2BAA2B,WAAW;AAC5C,UAAI,aAAa,KAAK,cAAc;AAEpC,UAAI,0BAA0B,UAAU,GAAG;AACzC,mBAAW,wBAAwB,KAAK,OAAO,GAAG;AAAA,MACpD;AACA,WAAK,aAAa,mBAAmB,IAAI,KAAK,OAAO,GAAG;AAAA,IAC1D;AAAA,IACA,QAAQ,WAAgB;AACtB,gCAAc,KAAK,OAAO;AAC1B,WAAK,aAAa,WAAW,IAAI,SAAS;AAAA,IAC5C;AAAA,EACF;AAzDO,gBAAM,eAAAA;AAAA,GAXE;AAuEjB,IAAO,uBAAQ;AAAA;AAAA,EAEb,cAAc,CAAC,QAA6B,aAAgD;AAC1F,WAAO,OAAO,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/esm/components/select/Select.js

@@ -82,14 +82,17 @@ var Select;
       this.disabled = false;
       this.classAttr = null;
     }
-    onInitRender(param, rawSet) {
-      super.onInitRender(param, rawSet);
+    async onInitRender(param, rawSet) {
+      await super.onInitRender(param, rawSet);
       this.updateStatus();
     }
     // onCreatedThisChild(child: any, data: OnCreateRenderDataParams) {
     //   super.onCreatedThisChild(child, data);
     //   this.updateStatus();
     // }
+    // async onRawSetRendered(rawSet:RawSet, otherData:OnRawSetRenderedOtherData):Promise<void>{
+    //   await super.onRawSetRendered(rawSet, otherData);
+    // }
     onCreatedThisChildDebounce(childrenSet) {
       super.onCreatedThisChildDebounce(childrenSet);
       this.updateStatus();
@@ -172,11 +175,14 @@ var Select;
   Select_1.Option = Option;
   class Summary extends ComponentBase {
     constructor() {
-      super({ onlyParentType: Select2 });
+      super(...arguments);
       this.classAttr = null;
       this.options = [];
       this.disabled = false;
     }
+    // constructor() {
+    //   super({ onlyParentType: Select });
+    // }
     setDisabled(disabled) {
       this.disabled = disabled;
       this.getChildren(SummaryPlaceholder).forEach((it) => it.hidden = true);
@@ -201,8 +207,8 @@ var Select;
         }
       }
     }
-    onInitRender(param, rawSet) {
-      super.onInitRender(param, rawSet);
+    async onInitRender(param, rawSet) {
+      await super.onInitRender(param, rawSet);
     }
     onInitSummaryElement(element, event) {
       this.element = element;
@@ -214,9 +220,12 @@ var Select;
     // onCreatedThisChild(child: any, data: OnCreateRenderDataParams) {
     //   super.onCreatedThisChild(child, data);
     // }
+    // async onRawSetRendered(rawSet: RawSet, otherData: OnRawSetRenderedOtherData): Promise<void> {
+    //   await super.onRawSetRendered(rawSet, otherData);
+    // }
     onCreatedThisChildDebounce(childrenSet) {
       super.onCreatedThisChildDebounce(childrenSet);
-      this.updateView(this.getParentThis()?.selectedValues.length > 0);
+      this.updateView(this.getParentThis()?.selectedValues?.length > 0);
     }
     onSummaryClick(element, event) {
       if (this.getParentThis()?.disabled) {
@@ -237,7 +246,8 @@ var Select;
       this.classAttr = null;
       this.float = null;
     }
-    onCreatedThisChildDebounce(childrenSet) {
+    async onRawSetRendered(rawSet, otherData) {
+      await super.onRawSetRendered(rawSet, otherData);
       this.changeOptionState();
     }
     changeOptionState(option) {
@@ -245,13 +255,17 @@ var Select;
       const select = this.getParentThis();
       if (!select.multiple) {
         if (option && option.selected) {
-          options.filter((it) => it !== option).forEach((it) => it.selected = false);
+          options.filter((it) => it !== option).forEach((it) => {
+            it.selected = false;
+            it.updateStatus();
+          });
         } else {
           const selectedOptions = options.filter((it) => it.selected && !it.disabled);
           selectedOptions.forEach((opt, idx) => {
             const isLast = idx === selectedOptions.length - 1;
             if (!isLast) {
               opt.selected = false;
+              opt.updateStatus();
             }
           });
         }
@@ -285,8 +299,8 @@ var Select;
     }
     onCreateRenderData() {
     }
-    onInitRender(param, rawSet) {
-      super.onInitRender(param, rawSet);
+    async onInitRender(param, rawSet) {
+      await super.onInitRender(param, rawSet);
       if (ValidUtils.isBrowser() && this.rawSet?.dataSet.config.window) {
         const detailsElement = this.element;
         const window = this.rawSet.dataSet.config.window;
@@ -394,7 +408,7 @@ var Select_default = {
   select: (config) => {
     return RawSet.createComponentTargetElement({
       name: Select.selector,
-      styles: ".dr-select-container {\n  /*position: relative;*/\n\n}\n.dr-select-options-container {\n  display: none;\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  z-index: 10;\n}\n.dr-select-container.is-open .dr-select-options-container {\n  display: block;\n}\nsummary::-webkit-details-marker {\n    display: none;\n}\n/* Floating styles for dr-select-body */\n.dr-select-body-container {\n    position: absolute;\n}\n\n.dr-select-body-bottom-left-container {\n    position: absolute;\n    left: 0;\n    top: 100%;\n}\n\n.dr-select-body-bottom-right-container {\n    position: absolute;\n    right: 0;\n    top: 100%;\n}\n\n.dr-select-body-top-left-container {\n    position: absolute;\n    left: 0;\n    bottom: 100%;\n}\n\n.dr-select-body-top-right-container {\n    position: absolute;\n    right: 0;\n    bottom: 100%;\n}\n\n/* Reset default details/summary styles */\n.dr-select-container details {\n  display: block; /* Ensure it behaves like a block element */\n}\n\n.dr-select-container summary {\n  display: block; /* Ensure it behaves like a block element */\n  list-style: none; /* Remove default marker */\n  cursor: pointer; /* Indicate it's clickable */\n}\n\n.dr-select-container summary::-webkit-details-marker,\n.dr-select-container summary::marker {\n  display: none; /* Hide marker for Webkit and standard */\n}",
+      styles: ".dr-select-container {\n  position: relative;\n\n}\n.dr-select-options-container {\n  display: none;\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  z-index: 10;\n}\n.dr-select-container.is-open .dr-select-options-container {\n  display: block;\n}\nsummary::-webkit-details-marker {\n    display: none;\n}\n/* Floating styles for dr-select-body */\n.dr-select-body-container {\n    position: absolute;\n}\n\n.dr-select-body-bottom-left-container {\n    position: absolute;\n    left: 0;\n    top: 100%;\n}\n\n.dr-select-body-bottom-right-container {\n    position: absolute;\n    right: 0;\n    top: 100%;\n}\n\n.dr-select-body-top-left-container {\n    position: absolute;\n    left: 0;\n    bottom: 100%;\n}\n\n.dr-select-body-top-right-container {\n    position: absolute;\n    right: 0;\n    bottom: 100%;\n}\n\n/* Reset default details/summary styles */\n.dr-select-container details {\n  display: block; /* Ensure it behaves like a block element */\n}\n\n.dr-select-container summary {\n  display: block; /* Ensure it behaves like a block element */\n  list-style: none; /* Remove default marker */\n  cursor: pointer; /* Indicate it's clickable */\n}\n\n.dr-select-container summary::-webkit-details-marker,\n.dr-select-container summary::marker {\n  display: none; /* Hide marker for Webkit and standard */\n}",
       template: `<details dr-class="{
         'dr-select-container': true,
         'is-open': @this@.isOpen,
@@ -405,7 +419,7 @@ var Select_default = {
 </details>
 <select hidden="hidden" name="\${@this@.name}$" disabled="\${@this@.disabled ? 'disabled' : null}$"  style="width: 1500px; height:500px"  multiple>
     <option dr-for-of="@this@.options" value="\${#it#.value}$" selected="\${#it#.selected ? 'selected' : null}$">#it# \${#it#.value}$</option>
-</select`,
+</select>`,
       objFactory: (e, o, r2, constructorParam) => DomRender.run({ rootObject: new Select.Select(config), config })
     });
   },