@dooboostore/dom-render 1.0.107 → 1.0.108

package/dist/esm/components/checkbox/CheckBox.d.ts

@@ -1,47 +0,0 @@
-import { ComponentBase } from '../ComponentBase';
-import { DomRenderRunConfig } from '../../DomRender';
-import { OtherData } from '../../lifecycle/OnChangeAttrRender';
-import { OnCreateRenderDataParams } from '../../lifecycle/OnCreateRenderData';
-export declare namespace CheckBox {
-    export const selector = "dr-checkbox";
-    export type Attribute = {
-        class?: string;
-    };
-    export type ChangeOption = {
-        type: 'initialize' | 'event' | 'attributeChange';
-    };
-    export type WrapAttribute = {
-        class?: string;
-        name?: string;
-        checked?: boolean;
-        change?: (checked: boolean, option: ChangeOption) => void;
-    };
-    class CheckBoxBase extends ComponentBase<Attribute> {
-        hidden: boolean;
-    }
-    export class Checked extends CheckBoxBase {
-        name: string;
-        constructor();
-    }
-    export class UnChecked extends CheckBoxBase {
-        name: string;
-        constructor();
-    }
-    export class CheckBox extends ComponentBase<WrapAttribute> {
-        private checked;
-        private inputElement?;
-        change(option: ChangeOption, checked?: boolean): void;
-        private setChildrenHidden;
-        onCreatedThisChild(child: CheckBoxBase, childData: OnCreateRenderDataParams): void;
-        onInitInputElement(element: HTMLInputElement): void;
-        onChangeAttrRender(name: string, val: any, other: OtherData): void;
-    }
-    export {};
-}
-declare const _default: {
-    checkBoxChecked: (config?: DomRenderRunConfig) => import("../../configs").TargetElement;
-    checkBoxUnchecked: (config?: DomRenderRunConfig) => import("../../configs").TargetElement;
-    checkBox: (config?: DomRenderRunConfig) => import("../../configs").TargetElement;
-};
-export default _default;
-//# sourceMappingURL=CheckBox.d.ts.map

package/dist/esm/components/checkbox/CheckBox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckBox.d.ts","sourceRoot":"","sources":["../../../../src/components/checkbox/CheckBox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAa,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEhE,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAG/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,oCAAoC,CAAC;AAE9E,yBAAiB,QAAQ,CAAC;IACxB,MAAM,CAAC,MAAM,QAAQ,gBAAgB,CAAC;IACtC,MAAM,MAAM,SAAS,GAAG;QACtB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAA;IACD,MAAM,MAAM,YAAY,GAAG;QAAE,IAAI,EAAE,YAAY,GAAG,OAAO,GAAG,iBAAiB,CAAA;KAAE,CAAC;IAChF,MAAM,MAAM,aAAa,GAAG;QAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,KAAK,IAAI,CAAA;KAC1D,CAAA;IAED,MAAM,YAAa,SAAQ,aAAa,CAAC,SAAS,CAAC;QAC1C,MAAM,UAAQ;KACtB;IAOD,MAAM,OAAO,OAAQ,SAAQ,YAAY;QAChC,IAAI,SAAa;;KAKzB;IAOD,MAAM,OAAO,SAAU,SAAQ,YAAY;QAClC,IAAI,SAAe;;KAK3B;IAOD,MAAM,OAAO,QAAS,SAAQ,aAAa,CAAC,aAAa,CAAC;QACxD,OAAO,CAAC,OAAO,CAAS;QACxB,OAAO,CAAC,YAAY,CAAC,CAAmB;QAExC,MAAM,CAAC,MAAM,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,OAAO;QAM9C,OAAO,CAAC,iBAAiB;QASzB,kBAAkB,CAAC,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,wBAAwB,GAAG,IAAI;QAKlF,kBAAkB,CAAC,OAAO,EAAE,gBAAgB;QAO5C,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS;KAS5D;;CACF;;+BAK4B,kBAAkB;iCAShB,kBAAkB;wBAS3B,kBAAkB;;AAnBxC,wBAmCC"}

package/dist/esm/components/checkbox/index.d.js

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

package/dist/esm/components/checkbox/index.d.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/checkbox/index.ts"],
-  "sourcesContent": ["export * from './CheckBox';\n"],
-  "mappings": "AAAA,cAAc;",
-  "names": []
-}

package/dist/esm/components/checkbox/index.d.ts

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

package/dist/esm/components/checkbox/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/esm/components/choose/Choose.d.js

@@ -1,5 +0,0 @@
-var Choose_d_default = _default;
-export {
-  Choose_d_default as default
-};
-//# sourceMappingURL=Choose.d.js.map

package/dist/esm/components/choose/Choose.d.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/choose/Choose.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\nexport namespace Choose {\n  export const selector = 'dr-choose';\n  export type Attribute<D> = {\n    data: D;\n  }\n  export type WhenAttribute<D> = {\n    test: (data?: D | null) => boolean;\n  }\n\n  class ChildOtherWiseBase<A> extends ComponentBase<A> {\n    public hidden = true;\n  }\n\n  class ChildBase<D> extends ChildOtherWiseBase<WhenAttribute<D>> {\n    data?: D;\n  }\n\n  export class When<D> extends ChildBase<D> {\n    constructor() {\n      super({onlyParentType: Choose<D>});\n    }\n  }\n\n  export class OtherWise<D> extends ChildBase<D> {\n    constructor() {\n      super({onlyParentType: Choose<D>});\n    }\n  }\n\n  export class Choose<D> extends ComponentBase<Attribute<D>> {\n\n    private choose?: When<D> | OtherWise<D>;\n\n    onCreatedThisChild(child: any, data: OnCreateRenderDataParams) {\n      super.onCreatedThisChild(child, data);\n      this.setChange(child);\n    }\n\n    onChangeAttrRender(name: string, value: any, other: OtherData) {\n      super.onChangeAttrRender(name, value, other);\n      if (this.equalsAttributeName(name, 'data')) {\n        this.choose = undefined;\n        const children = this.getChildren([When, OtherWise]).sort((a, b) => (a instanceof OtherWise ? 1 : 0) - (b instanceof OtherWise ? 1 : 0));\n        children.forEach(it => this.setChange(it as any));\n\n      }\n    }\n\n    private setChange(child: When<D> | OtherWise<D>) {\n      child.data = this.getAttribute('data') as any;\n      // when.hidden = true;\n\n      if (!this.choose && child instanceof When && child.getAttribute('test')?.(this.getAttribute('data'))) {\n        // console.log('------------', child.attribute?.test?.(this.attribute?.data))\n        this.choose = child;\n        if (child.hidden) {\n          child.hidden = false;\n        }\n        // console.log('--------', when)\n      } else if (this.choose !== child) {\n        child.hidden = true;\n      }\n\n      if (!this.choose && child instanceof OtherWise) {\n        this.choose = child;\n        if (child.hidden) {\n          child.hidden = false;\n        }\n      }\n    }\n  }\n}\n\n\nexport default {\n  chooseWhen: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${Choose.selector}-when`,\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 Choose.When(), config: config});\n      }\n    })\n  },\n  chooseOtherWise: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${Choose.selector}-other-wise`,\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 Choose.OtherWise(), config: config});\n      }\n    })\n  },\n  choose: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${Choose.selector}`,\n      template: '#innerHTML#',\n      objFactory: (e, o, r2, counstructorParam) => {\n        return DomRender.run({rootObject: new Choose.Choose(...counstructorParam), config: config});\n      }\n    })\n  },\n}"],
-  "mappings": "AAkFA,IAAA,mBAAA;",
-  "names": []
-}

package/dist/esm/components/choose/Choose.d.ts

@@ -1,39 +0,0 @@
-import { ComponentBase } from '../ComponentBase';
-import { DomRenderRunConfig } from '../../DomRender';
-import { OtherData } from '../../lifecycle/OnChangeAttrRender';
-import { OnCreateRenderDataParams } from '../../lifecycle/OnCreateRenderData';
-export declare namespace Choose {
-    export const selector = "dr-choose";
-    export type Attribute<D> = {
-        data: D;
-    };
-    export type WhenAttribute<D> = {
-        test: (data?: D | null) => boolean;
-    };
-    class ChildOtherWiseBase<A> extends ComponentBase<A> {
-        hidden: boolean;
-    }
-    class ChildBase<D> extends ChildOtherWiseBase<WhenAttribute<D>> {
-        data?: D;
-    }
-    export class When<D> extends ChildBase<D> {
-        constructor();
-    }
-    export class OtherWise<D> extends ChildBase<D> {
-        constructor();
-    }
-    export class Choose<D> extends ComponentBase<Attribute<D>> {
-        private choose?;
-        onCreatedThisChild(child: any, data: OnCreateRenderDataParams): void;
-        onChangeAttrRender(name: string, value: any, other: OtherData): void;
-        private setChange;
-    }
-    export {};
-}
-declare const _default: {
-    chooseWhen: (config?: DomRenderRunConfig) => import("../../configs").TargetElement;
-    chooseOtherWise: (config?: DomRenderRunConfig) => import("../../configs").TargetElement;
-    choose: (config?: DomRenderRunConfig) => import("../../configs").TargetElement;
-};
-export default _default;
-//# sourceMappingURL=Choose.d.ts.map

package/dist/esm/components/choose/Choose.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Choose.d.ts","sourceRoot":"","sources":["../../../../src/components/choose/Choose.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAa,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEhE,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAG/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,oCAAoC,CAAC;AAE9E,yBAAiB,MAAM,CAAC;IACtB,MAAM,CAAC,MAAM,QAAQ,cAAc,CAAC;IACpC,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI;QACzB,IAAI,EAAE,CAAC,CAAC;KACT,CAAA;IACD,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI;QAC7B,IAAI,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,KAAK,OAAO,CAAC;KACpC,CAAA;IAED,MAAM,kBAAkB,CAAC,CAAC,CAAE,SAAQ,aAAa,CAAC,CAAC,CAAC;QAC3C,MAAM,UAAQ;KACtB;IAED,MAAM,SAAS,CAAC,CAAC,CAAE,SAAQ,kBAAkB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QAC7D,IAAI,CAAC,EAAE,CAAC,CAAC;KACV;IAED,MAAM,OAAO,IAAI,CAAC,CAAC,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;;KAIxC;IAED,MAAM,OAAO,SAAS,CAAC,CAAC,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;;KAI7C;IAED,MAAM,OAAO,MAAM,CAAC,CAAC,CAAE,SAAQ,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;QAExD,OAAO,CAAC,MAAM,CAAC,CAAyB;QAExC,kBAAkB,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,wBAAwB;QAK7D,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS;QAU7D,OAAO,CAAC,SAAS;KAsBlB;;CACF;;0BAIuB,kBAAkB;+BASb,kBAAkB;sBAS3B,kBAAkB;;AAnBtC,wBA4BC"}

package/dist/esm/components/choose/index.d.js

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

package/dist/esm/components/choose/index.d.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/choose/index.ts"],
-  "sourcesContent": ["export * from './Choose';\n"],
-  "mappings": "AAAA,cAAc;",
-  "names": []
-}

package/dist/esm/components/choose/index.d.ts

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

package/dist/esm/components/choose/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/choose/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/esm/components/details/Details.d.js

@@ -1,5 +0,0 @@
-var Details_d_default = _default;
-export {
-  Details_d_default as default
-};
-//# sourceMappingURL=Details.d.js.map

package/dist/esm/components/details/Details.d.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/details/Details.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 { OnCreateRenderDataParams } from '../../lifecycle/OnCreateRenderData';\nimport { OnCreateRender } from '../../lifecycle/OnCreateRender';\nimport { type Subscription } from '@dooboostore/core/message/Subscription';\nimport { ValidUtils } from '@dooboostore/core-web/valid/ValidUtils';\nimport { EventUtils } from '@dooboostore/core-web/event/EventUtils';\n\n\nexport namespace Details {\n  export const selector = 'dr-details';\n\n  export type Attribute = {\n    class?: string;\n    toggle_form_reset?: boolean;\n    disableOtherClickClose?: boolean;\n    toggle?: (open: boolean) => void;\n  }\n  export type BodyAttribute = {\n    float?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right'\n  } & Attribute\n\n  export type FormAttribute = {\n    disabledSubmit?: null;\n    submit?: (event: SubmitEvent, element: HTMLFormElement)=>void;\n  } & BodyAttribute\n\n  // @Component({\n  //   template: '<summary class=\"${`${@this@.getAttribute(\\'class\\')} details-summary-container`}$\">#innerHTML#</summary>',\n  //   styles: '',\n  //   selector: `${selector}.Summary`\n  // })\n  export class Summary extends ComponentBase<Attribute> {\n    constructor() {\n      super({onlyParentType: [Details]});\n    }\n  }\n\n  // @Component({\n  //   template: '<div class=\"${`${@this@.getAttribute(\\'class\\')} details-body-container details-body-${@this@.getAttribute(\\'float\\')}-container`}$\" dr-on-init=\"@this@.$element = $element;\">#innerHTML#</div>',\n  //   selector: `${selector}.Body`\n  // })\n  export class Body extends ComponentBase<BodyAttribute> {\n    private $element?: HTMLDivElement;\n    constructor() {\n      super({onlyParentType: [Details]});\n    }\n  }\n\n  export const isBody = (instance: any): instance is Body => {\n    return instance instanceof Body;\n  }\n\n\n\n\n  // @Component({\n  //   template: '<form class=\"${`${@this@.getAttribute(\\'class\\')} details-body-container details-body-${@this@.getAttribute(\\'float\\')}-container details-form-container`}$\" dr-on-init=\"@this@.$element = $element;\" dr-event-submit=\"@this@.submit($element,$event);\">#innerHTML#</form>',\n  //   styles: detailsFormStyle,\n  //   selector: `${selector}.Form`\n  // })\n  export class Form extends ComponentBase<FormAttribute> {\n    private $element?: HTMLFormElement;\n    constructor() {\n      super({onlyParentType: [Details]});\n    }\n    submit(element: HTMLFormElement, event: SubmitEvent) {\n      if (this.hasAttribute('disabledSubmit')) {\n        event.preventDefault();\n      }\n      if (this.hasAttribute('submit')) {\n        this.getAttribute('submit')?.(event,  element);\n      }\n    }\n    reset() {\n      this.$element?.reset();\n    }\n  }\n  export const isForm = (instance: any): instance is Form => {\n    return instance instanceof Form;\n  }\n\n  // @Component({\n  //   template: template,\n  //   styles: style,\n  //   // noStrip: true,\n  //   selector: `${selector}`\n  // })\n  export class Details extends ComponentBase<Attribute> implements OnCreateRender, OnInitRender {\n    // private detailsElement?: HTMLDetailsElement;\n    private documentClickSubscription?: Subscription;\n    private toggleSubscription?: Subscription;\n    private element?: HTMLDetailsElement;\n    onCreateRenderData(data: OnCreateRenderDataParams) {\n      super.onCreateRenderData(data);\n    }\n\n    onCreateRender(...param: any[]): void {\n    }\n\n    toggle(element: HTMLDetailsElement) {\n      const toggleAttribute = this.getAttribute('toggle');\n      if (toggleAttribute) {\n        toggleAttribute?.(element.open);\n      }\n    }\n    onInitRender(param: any, rawSet: RawSet): void {\n      super.onInitRender(param,rawSet);\n\n      if (ValidUtils.isBrowser() && this.rawSet?.dataSet.config.window) {\n        const detailsElement = this.element;\n\n        const document = this.rawSet.dataSet!.config!.window!.document!;\n        this.documentClickSubscription = EventUtils.htmlElementEventObservable(document, 'click').subscribe(event => {\n          if (this.getAttribute('disableOtherClickClose')) {\n            return;\n          }\n          if (detailsElement && !detailsElement?.contains(event?.target as Node)){\n            detailsElement.open = false;\n          }\n        })\n        if (detailsElement) {\n          this.toggleSubscription = EventUtils.htmlElementEventObservable(detailsElement, 'toggle').subscribe(it => {\n            if (ValidUtils.coreValidUtils.isNotNullUndefined(this.getAttribute('toggle_form_reset'))) {\n              this.children?.filter(isForm).forEach(it => {\n                it.reset();\n              })\n            }\n          })\n        }\n      }\n      // console.log('aaaaaaaaaaaaaaaaaaaaa', rawSet);\n    }\n\n    onChangeAttrRender(name: string, value: any, other: OtherData) {\n      super.onChangeAttrRender(name, value, other);\n    }\n\n\n    onDestroyRender(...metaData: any[]): void {\n      this.toggleSubscription?.unsubscribe();\n      this.documentClickSubscription?.unsubscribe();\n      // console.log('onDestroyRender', metaData);\n      // if (ValidUtils.isBrowser()) {\n      //   document.removeEventListener('click', this.ccc)\n      // }\n    }\n\n    // changeAttribute(attribute: { className: string } | undefined) {\n    // }\n\n  }\n}\n\nexport default {\n  detailsSummary: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${Details.selector}-summary`,\n      template: '<summary class=\"${`${@this@.getAttribute(\\'class\\')} details-summary-container`}$\">#innerHTML#</summary>',\n      objFactory: (e,o,r2, counstructorParam) => {\n        return DomRender.run({rootObject: new Details.Summary(), config: config});\n      }\n    })\n  },\n  detailsBody: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${Details.selector}-body`,\n      template: '<div class=\"${`${@this@.getAttribute(\\'class\\')} details-body-container details-body-${@this@.getAttribute(\\'float\\')}-container`}$\" dr-on-init=\"@this@.$element = $element;\">#innerHTML#</div>',\n      objFactory: (e,o,r2, counstructorParam) => {\n        return DomRender.run({rootObject: new Details.Body(), config: config});\n      }\n    })\n  },\n  detailsForm: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${Details.selector}-form`,\n      template: '<form class=\"${`${@this@.getAttribute(\\'class\\')} details-body-container details-body-${@this@.getAttribute(\\'float\\')}-container details-form-container`}$\" dr-on-init=\"@this@.$element = $element;\" dr-event-submit=\"@this@.submit($element,$event);\">#innerHTML#</form>',\n      objFactory: (e,o,r2, counstructorParam) => {\n        return DomRender.run({rootObject: new Details.Form(), config: config});\n      }\n    })\n  },\n  details: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${Details.selector}`,\n      styles: `\n        .details-container {\n            position: relative;\n        }\n\n        .details-container .details-body-container {\n            position: absolute;\n        }\n\n\n        .details-container .details-body-bottom-left-container {\n            position: absolute;\n            left: 0;\n            top: 100%;\n            /*margin-top: 0px;*/\n            /*width: max-content;*/\n        }\n\n        .details-container .details-body-bottom-right-container {\n            position: absolute;\n            right: 0;\n            top: 100%;\n            /*margin-top: 0px;*/\n            /*width: max-content;*/\n        }\n\n        .details-container .details-body-top-left-container {\n            position: absolute;\n            left: 0;\n            bottom: 100%;\n            /*margin-bottom: 0px;*/\n            /*width: max-content;*/\n        }\n\n        .details-container .details-body-top-right-container {\n            position: absolute;\n            right: 0;\n            bottom: 100%;\n            /*margin-bottom: 0px;*/\n        }\n      `,\n      template: '<details class=\"${`${@this@.getAttribute(\\'class\\')} details-container`}$\" dr-on-init=\"@this@.element = $element;\" dr-event-toggle=\"@this@.toggle($element)\"> #innerHTML# </details>',\n      objFactory: (e,o,r2, counstructorParam) => {\n        return DomRender.run({rootObject: new Details.Details(...counstructorParam), config: config});\n      }\n    })\n  },\n}"],
-  "mappings": "AA6JA,IAAA,oBAAA;",
-  "names": []
-}

package/dist/esm/components/details/Details.d.ts

@@ -1,57 +0,0 @@
-import { ComponentBase } from '../ComponentBase';
-import { DomRenderRunConfig } from '../../DomRender';
-import { RawSet } from '../../rawsets/RawSet';
-import { OtherData } from '../../lifecycle/OnChangeAttrRender';
-import { OnInitRender } from '../../lifecycle/OnInitRender';
-import { OnCreateRenderDataParams } from '../../lifecycle/OnCreateRenderData';
-import { OnCreateRender } from '../../lifecycle/OnCreateRender';
-export declare namespace Details {
-    const selector = "dr-details";
-    type Attribute = {
-        class?: string;
-        toggle_form_reset?: boolean;
-        disableOtherClickClose?: boolean;
-        toggle?: (open: boolean) => void;
-    };
-    type BodyAttribute = {
-        float?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
-    } & Attribute;
-    type FormAttribute = {
-        disabledSubmit?: null;
-        submit?: (event: SubmitEvent, element: HTMLFormElement) => void;
-    } & BodyAttribute;
-    class Summary extends ComponentBase<Attribute> {
-        constructor();
-    }
-    class Body extends ComponentBase<BodyAttribute> {
-        private $element?;
-        constructor();
-    }
-    const isBody: (instance: any) => instance is Body;
-    class Form extends ComponentBase<FormAttribute> {
-        private $element?;
-        constructor();
-        submit(element: HTMLFormElement, event: SubmitEvent): void;
-        reset(): void;
-    }
-    const isForm: (instance: any) => instance is Form;
-    class Details extends ComponentBase<Attribute> implements OnCreateRender, OnInitRender {
-        private documentClickSubscription?;
-        private toggleSubscription?;
-        private element?;
-        onCreateRenderData(data: OnCreateRenderDataParams): void;
-        onCreateRender(...param: any[]): void;
-        toggle(element: HTMLDetailsElement): void;
-        onInitRender(param: any, rawSet: RawSet): void;
-        onChangeAttrRender(name: string, value: any, other: OtherData): void;
-        onDestroyRender(...metaData: any[]): void;
-    }
-}
-declare const _default: {
-    detailsSummary: (config?: DomRenderRunConfig) => import("../../configs").TargetElement;
-    detailsBody: (config?: DomRenderRunConfig) => import("../../configs").TargetElement;
-    detailsForm: (config?: DomRenderRunConfig) => import("../../configs").TargetElement;
-    details: (config?: DomRenderRunConfig) => import("../../configs").TargetElement;
-};
-export default _default;
-//# sourceMappingURL=Details.d.ts.map

package/dist/esm/components/details/Details.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Details.d.ts","sourceRoot":"","sources":["../../../../src/components/details/Details.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAa,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,wBAAwB,EAAE,MAAM,oCAAoC,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAMhE,yBAAiB,OAAO,CAAC;IAChB,MAAM,QAAQ,eAAe,CAAC;IAErC,KAAY,SAAS,GAAG;QACtB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,iBAAiB,CAAC,EAAE,OAAO,CAAC;QAC5B,sBAAsB,CAAC,EAAE,OAAO,CAAC;QACjC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;KAClC,CAAA;IACD,KAAY,aAAa,GAAG;QAC1B,KAAK,CAAC,EAAE,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW,CAAA;KAClE,GAAG,SAAS,CAAA;IAEb,KAAY,aAAa,GAAG;QAC1B,cAAc,CAAC,EAAE,IAAI,CAAC;QACtB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,eAAe,KAAG,IAAI,CAAC;KAC/D,GAAG,aAAa,CAAA;IAOjB,MAAa,OAAQ,SAAQ,aAAa,CAAC,SAAS,CAAC;;KAIpD;IAMD,MAAa,IAAK,SAAQ,aAAa,CAAC,aAAa,CAAC;QACpD,OAAO,CAAC,QAAQ,CAAC,CAAiB;;KAInC;IAEM,MAAM,MAAM,GAAI,UAAU,GAAG,KAAG,QAAQ,IAAI,IAElD,CAAA;IAUD,MAAa,IAAK,SAAQ,aAAa,CAAC,aAAa,CAAC;QACpD,OAAO,CAAC,QAAQ,CAAC,CAAkB;;QAInC,MAAM,CAAC,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,WAAW;QAQnD,KAAK;KAGN;IACM,MAAM,MAAM,GAAI,UAAU,GAAG,KAAG,QAAQ,IAAI,IAElD,CAAA;IAQD,MAAa,OAAQ,SAAQ,aAAa,CAAC,SAAS,CAAE,YAAW,cAAc,EAAE,YAAY;QAE3F,OAAO,CAAC,yBAAyB,CAAC,CAAe;QACjD,OAAO,CAAC,kBAAkB,CAAC,CAAe;QAC1C,OAAO,CAAC,OAAO,CAAC,CAAqB;QACrC,kBAAkB,CAAC,IAAI,EAAE,wBAAwB;QAIjD,cAAc,CAAC,GAAG,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI;QAGrC,MAAM,CAAC,OAAO,EAAE,kBAAkB;QAMlC,YAAY,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;QA4B9C,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS;QAK7D,eAAe,CAAC,GAAG,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAI;KAY1C;CACF;;8BAG2B,kBAAkB;2BASrB,kBAAkB;2BASlB,kBAAkB;uBAStB,kBAAkB;;AA5BvC,wBA8EC"}

package/dist/esm/components/details/index.d.js

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

package/dist/esm/components/details/index.d.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/details/index.ts"],
-  "sourcesContent": ["export * from './Details';\n"],
-  "mappings": "AAAA,cAAc;",
-  "names": []
-}

package/dist/esm/components/details/index.d.ts

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

package/dist/esm/components/details/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/details/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/esm/components/dialog/Dialog.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=Dialog.d.ts.map

package/dist/esm/components/dialog/Dialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.ts"],"names":[],"mappings":""}

package/dist/esm/components/dialog/example/ImageEditorDialog.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=ImageEditorDialog.d.ts.map

package/dist/esm/components/dialog/example/ImageEditorDialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImageEditorDialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/dialog/example/ImageEditorDialog.ts"],"names":[],"mappings":""}

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

@@ -1,5 +0,0 @@
-var ForOf_d_default = _default;
-export {
-  ForOf_d_default as default
-};
-//# sourceMappingURL=ForOf.d.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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": "AA8BA,IAAA,kBAAA;",
-  "names": []
-}

package/dist/esm/components/forOf/ForOf.d.ts

@@ -1,18 +0,0 @@
-import { ComponentBase } from '../ComponentBase';
-import { DomRenderRunConfig } from '../../DomRender';
-import { OtherData } from '../../lifecycle/OnChangeAttrRender';
-export declare namespace ForOf {
-    const selector = "System:ForOf";
-    type Attribute<D> = {
-        value: D;
-    };
-    class ForOf<D> extends ComponentBase<Attribute<D>> {
-        private value?;
-        onChangeAttrRender(name: string, value: any, other: OtherData): void;
-    }
-}
-declare const _default: {
-    forOf: (config?: DomRenderRunConfig) => import("../../configs").TargetElement;
-};
-export default _default;
-//# sourceMappingURL=ForOf.d.ts.map

package/dist/esm/components/forOf/ForOf.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ForOf.d.ts","sourceRoot":"","sources":["../../../../src/components/forOf/ForOf.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAa,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEhE,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAG/D,yBAAiB,KAAK,CAAC;IACd,MAAM,QAAQ,iBAAiB,CAAC;IACvC,KAAY,SAAS,CAAC,CAAC,IAAI;QACzB,KAAK,EAAE,CAAC,CAAC;KACV,CAAA;IAMD,MAAa,KAAK,CAAC,CAAC,CAAE,SAAQ,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;QACvD,OAAO,CAAC,KAAK,CAAC,CAAI;QAElB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS;KAO9D;CACF;;qBAIkB,kBAAkB;;AADrC,wBAUC"}

package/dist/esm/components/forOf/index.d.js

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

package/dist/esm/components/forOf/index.d.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/forOf/index.ts"],
-  "sourcesContent": ["export * from './ForOf';\n"],
-  "mappings": "AAAA,cAAc;",
-  "names": []
-}

package/dist/esm/components/forOf/index.d.ts

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

package/dist/esm/components/forOf/index.d.ts.map

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

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

@@ -1,5 +0,0 @@
-var If_d_default = _default;
-export {
-  If_d_default as default
-};
-//# sourceMappingURL=If.d.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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": "AAyCA,IAAA,eAAA;",
-  "names": []
-}

package/dist/esm/components/if/If.d.ts

@@ -1,21 +0,0 @@
-import { ComponentBase } from '../ComponentBase';
-import { OtherData } from '../../lifecycle/OnChangeAttrRender';
-import { OnInitRender } from '../../lifecycle/OnInitRender';
-import { RawSet } from '../../rawsets/RawSet';
-import { DomRenderConfig } from '../../configs/DomRenderConfig';
-export declare namespace If {
-    const selector = "dr-if";
-    type Attribute<D> = {
-        value?: null | boolean;
-    };
-    class If<D> extends ComponentBase<Attribute<D>> implements OnInitRender {
-        private sw;
-        onInitRender(param: any, rawSet: RawSet): void;
-        onChangeAttrRender(name: string, value: any, other: OtherData): void;
-    }
-}
-declare const _default: {
-    if: (config?: DomRenderConfig) => import("../../configs").TargetElement;
-};
-export default _default;
-//# sourceMappingURL=If.d.ts.map

package/dist/esm/components/if/If.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"If.d.ts","sourceRoot":"","sources":["../../../../src/components/if/If.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAE/D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAEhE,yBAAiB,EAAE,CAAC;IACX,MAAM,QAAQ,UAAU,CAAC;IAOhC,KAAY,SAAS,CAAC,CAAC,IAAI;QACzB,KAAK,CAAC,EAAE,IAAI,GAAG,OAAO,CAAC;KACxB,CAAA;IAED,MAAa,EAAE,CAAC,CAAC,CAAE,SAAQ,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,CAAE,YAAW,YAAY;QAC5E,OAAO,CAAC,EAAE,CAAkB;QAE5B,YAAY,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM;QAIvC,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS;KAQ9D;CACF;;kBAOe,eAAe;;AAD/B,wBAqBC"}

package/dist/esm/components/if/index.d.js

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

package/dist/esm/components/if/index.d.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/if/index.ts"],
-  "sourcesContent": ["export * from './If';\n"],
-  "mappings": "AAAA,cAAc;",
-  "names": []
-}

package/dist/esm/components/if/index.d.ts

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

package/dist/esm/components/if/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/if/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAC"}

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

@@ -1,18 +0,0 @@
-export * from "./ComponentBase.js";
-export * from "./ComponentRouterBase.js";
-export * from "./ComponentSet.js";
-export * from "./a/index.js";
-export * from "./appender/index.js";
-export * from "./checkbox/index.js";
-export * from "./choose/index.js";
-export * from "./details/index.js";
-export * from "./forOf/index.js";
-export * from "./if/index.js";
-export * from "./input/index.js";
-export * from "./promise/index.js";
-export * from "./radio/index.js";
-export * from "./router/index.js";
-export * from "./select/index.js";
-export * from "./this/index.js";
-export * from "./timer/index.js";
-//# sourceMappingURL=index.d.js.map

package/dist/esm/components/index.d.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/index.ts"],
-  "sourcesContent": ["export * from './ComponentBase';\nexport * from './ComponentRouterBase';\nexport * from './ComponentSet';\nexport * from './a';\nexport * from './appender';\nexport * from './checkbox';\nexport * from './choose';\nexport * from './details';\nexport * from './forOf';\nexport * from './if';\nexport * from './input';\nexport * from './promise';\nexport * from './radio';\nexport * from './router';\nexport * from './select';\nexport * from './this';\nexport * from './timer';\n\nimport If from './if/If';\nimport This from './this/This';\nimport Appender from './appender/Appender';\nimport PromiseSwitch from './promise/PromiseSwitch';\nimport Choose from './choose/Choose';\nimport CheckBox from './checkbox/CheckBox';\nimport Radio from './radio/Radio';\nimport RouterOutlet from './router/RouterOutlet';\nimport Select from './select/Select';\nimport Timer from './timer/Timer';\nimport Details from './details/Details';\nimport Input from './input/Input';\nimport Route from './router/Route';\nimport A from './a/A';\n\nexport const drComponent = {\n  ...If,\n  ...This,\n  ...Appender,\n  ...PromiseSwitch,\n  ...Choose,\n  ...CheckBox,\n  ...Radio,\n  ...Select,\n  ...Timer,\n  ...Details,\n  ...Input,\n  ...Route,\n  ...RouterOutlet,\n  ...A,\n}"],
-  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
-  "names": []
-}

package/dist/esm/components/index.d.ts

@@ -1,58 +0,0 @@
-export * from './ComponentBase';
-export * from './ComponentRouterBase';
-export * from './ComponentSet';
-export * from './a';
-export * from './appender';
-export * from './checkbox';
-export * from './choose';
-export * from './details';
-export * from './forOf';
-export * from './if';
-export * from './input';
-export * from './promise';
-export * from './radio';
-export * from './router';
-export * from './select';
-export * from './this';
-export * from './timer';
-export declare const drComponent: {
-    a: (config?: import("../DomRender").DomRenderRunConfig) => import("../configs").TargetElement;
-    routerOutlet: (config?: import("../DomRender").DomRenderRunConfig, executer?: {
-        run: (...data: any[]) => any;
-    }) => import("../configs").TargetElement;
-    match: (config?: import("../configs").DomRenderConfig) => import("../configs").TargetElement;
-    regexp: (config?: import("../configs").DomRenderConfig) => import("../configs").TargetElement;
-    input: (config?: import("../DomRender").DomRenderRunConfig) => import("../configs").TargetElement;
-    detailsSummary: (config?: import("../DomRender").DomRenderRunConfig) => import("../configs").TargetElement;
-    detailsBody: (config?: import("../DomRender").DomRenderRunConfig) => import("../configs").TargetElement;
-    detailsForm: (config?: import("../DomRender").DomRenderRunConfig) => import("../configs").TargetElement;
-    details: (config?: import("../DomRender").DomRenderRunConfig) => import("../configs").TargetElement;
-    choose: (config?: import("../DomRender").DomRenderRunConfig) => import("../configs").TargetElement;
-    select: (config?: import("../configs").DomRenderConfig) => import("../configs").TargetElement;
-    selectSummary: (config?: import("../DomRender").DomRenderRunConfig) => import("../configs").TargetElement;
-    selectSummaryPlaceholder: (config?: import("../DomRender").DomRenderRunConfig) => import("../configs").TargetElement;
-    selectSummarySelected: (config?: import("../DomRender").DomRenderRunConfig) => import("../configs").TargetElement;
-    selectSummaryDisabled: (config?: import("../DomRender").DomRenderRunConfig) => import("../configs").TargetElement;
-    selectBody: (config?: import("../DomRender").DomRenderRunConfig) => import("../configs").TargetElement;
-    selectOption: (config?: import("../DomRender").DomRenderRunConfig) => import("../configs").TargetElement;
-    selectOptionSelected: (config?: import("../DomRender").DomRenderRunConfig) => import("../configs").TargetElement;
-    selectOptionUnselected: (config?: import("../DomRender").DomRenderRunConfig) => import("../configs").TargetElement;
-    selectOptionDisabled: (config?: import("../DomRender").DomRenderRunConfig) => import("../configs").TargetElement;
-    radioChecked: (config?: import("../DomRender").DomRenderRunConfig) => import("../configs").TargetElement;
-    radioUnChecked: (config?: import("../DomRender").DomRenderRunConfig) => import("../configs").TargetElement;
-    radio: (config?: import("../DomRender").DomRenderRunConfig) => import("../configs").TargetElement;
-    checkBoxChecked: (config?: import("../DomRender").DomRenderRunConfig) => import("../configs").TargetElement;
-    checkBoxUnchecked: (config?: import("../DomRender").DomRenderRunConfig) => import("../configs").TargetElement;
-    checkBox: (config?: import("../DomRender").DomRenderRunConfig) => import("../configs").TargetElement;
-    chooseWhen: (config?: import("../DomRender").DomRenderRunConfig) => import("../configs").TargetElement;
-    chooseOtherWise: (config?: import("../DomRender").DomRenderRunConfig) => import("../configs").TargetElement;
-    promiseDefault: (config?: import("../DomRender").DomRenderRunConfig) => import("../configs").TargetElement;
-    promisePending: (config?: import("../DomRender").DomRenderRunConfig) => import("../configs").TargetElement;
-    promiseFulfilled: (config?: import("../DomRender").DomRenderRunConfig) => import("../configs").TargetElement;
-    promiseRejected: (config?: import("../DomRender").DomRenderRunConfig) => import("../configs").TargetElement;
-    promiseSwitch: (config?: import("../DomRender").DomRenderRunConfig) => import("../configs").TargetElement;
-    appender: (config?: import("../DomRender").DomRenderRunConfig) => import("../configs").TargetElement;
-    this: (config?: import("../DomRender").DomRenderRunConfig) => import("../configs").TargetElement;
-    if: (config?: import("../configs").DomRenderConfig) => import("../configs").TargetElement;
-};
-//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,KAAK,CAAC;AACpB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,MAAM,CAAC;AACrB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AAiBxB,eAAO,MAAM,WAAW;;;cAe0zB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAp1B,CAAA"}

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

@@ -1,5 +0,0 @@
-var Input_d_default = _default;
-export {
-  Input_d_default as default
-};
-//# sourceMappingURL=Input.d.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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": "AAkHA,IAAA,kBAAA;",
-  "names": []
-}

package/dist/esm/components/input/Input.d.ts

@@ -1,34 +0,0 @@
-import { ComponentBase } from '../ComponentBase';
-import { DomRenderRunConfig } from '../../DomRender';
-import { RawSet } from '../../rawsets/RawSet';
-import { OtherData } from '../../lifecycle/OnChangeAttrRender';
-import { OnCreateRender } from '../../lifecycle/OnCreateRender';
-import { OnDestroyRender, OnDestroyRenderParams } from '../../lifecycle/OnDestroyRender';
-export declare namespace Input {
-    const selector = "dr-input";
-    type Attribute = {
-        name?: string;
-        type?: string;
-        id?: string;
-        class?: string;
-        debounceTime?: number;
-        distinct?: boolean;
-        input?: (value: string, element: Element) => void;
-    };
-    class Base extends ComponentBase<any> {
-    }
-    class Input extends Base implements OnCreateRender, OnDestroyRender {
-        private element?;
-        private inputSubscription?;
-        private resetSubscripton?;
-        onCreateRender(...param: any[]): void;
-        onInitRender(param: any, rawSet: RawSet): void;
-        onChangeAttrRender(name: string, value: any, other: OtherData): void;
-        onDestroyRender(metaData?: OnDestroyRenderParams): void;
-    }
-}
-declare const _default: {
-    input: (config?: DomRenderRunConfig) => import("../../configs").TargetElement;
-};
-export default _default;
-//# sourceMappingURL=Input.d.ts.map

package/dist/esm/components/input/Input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/input/Input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAa,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AASzF,yBAAiB,KAAK,CAAC;IACd,MAAM,QAAQ,aAAa,CAAC;IACnC,KAAY,SAAS,GAAG;QACtB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;KAElD,CAAA;IAED,MAAa,IAAK,SAAQ,aAAa,CAAC,GAAG,CAAC;KAE3C;IAOD,MAAa,KAAM,SAAQ,IAAK,YAAW,cAAc,EAAE,eAAe;QACxE,OAAO,CAAC,OAAO,CAAC,CAAmB;QACnC,OAAO,CAAC,iBAAiB,CAAC,CAAe;QACzC,OAAO,CAAC,gBAAgB,CAAC,CAAe;QAExC,cAAc,CAAC,GAAG,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI;QAIrC,YAAY,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM;QAmDvC,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS;QAU7D,eAAe,CAAC,QAAQ,CAAC,EAAE,qBAAqB,GAAG,IAAI;KAKxD;CACF;;qBAGkB,kBAAkB;;AADrC,wBAUC"}

package/dist/esm/components/input/index.d.js

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

package/dist/esm/components/input/index.d.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/input/index.ts"],
-  "sourcesContent": ["export * from './Input';\n"],
-  "mappings": "AAAA,cAAc;",
-  "names": []
-}