@dooboostore/dom-render 1.0.106 → 1.0.107

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

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

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

@@ -48,10 +48,10 @@ export declare namespace Details {
     }
 }
 declare const _default: {
-    detailsSummary: (config?: DomRenderRunConfig) => import("../..").TargetElement;
-    detailsBody: (config?: DomRenderRunConfig) => import("../..").TargetElement;
-    detailsForm: (config?: DomRenderRunConfig) => import("../..").TargetElement;
-    details: (config?: DomRenderRunConfig) => import("../..").TargetElement;
+    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/cjs/components/details/Details.js

@@ -2,6 +2,7 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -15,6 +16,7 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var Details_exports = {};
 __export(Details_exports, {
   Details: () => Details,
@@ -38,6 +40,7 @@ var Details;
   class Body extends import_ComponentBase.ComponentBase {
     constructor() {
       super({ onlyParentType: [Details2] });
+      __publicField(this, "$element");
     }
   }
   _Details.Body = Body;
@@ -47,6 +50,7 @@ var Details;
   class Form extends import_ComponentBase.ComponentBase {
     constructor() {
       super({ onlyParentType: [Details2] });
+      __publicField(this, "$element");
     }
     submit(element, event) {
       if (this.hasAttribute("disabledSubmit")) {
@@ -65,6 +69,13 @@ var Details;
     return instance instanceof Form;
   };
   class Details2 extends import_ComponentBase.ComponentBase {
+    constructor() {
+      super(...arguments);
+      // private detailsElement?: HTMLDetailsElement;
+      __publicField(this, "documentClickSubscription");
+      __publicField(this, "toggleSubscription");
+      __publicField(this, "element");
+    }
     onCreateRenderData(data) {
       super.onCreateRenderData(data);
     }

package/dist/cjs/components/details/Details.js.map

@@ -2,6 +2,6 @@
   "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": "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",
+  "mappings": "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",
   "names": ["Details", "it"]
 }

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

@@ -0,0 +1,18 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_d_exports = {};
+module.exports = __toCommonJS(index_d_exports);
+__reExport(index_d_exports, require("./Details"), module.exports);
+//# sourceMappingURL=index.d.js.map

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

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

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

@@ -0,0 +1,24 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ForOf_d_exports = {};
+__export(ForOf_d_exports, {
+  default: () => ForOf_d_default
+});
+module.exports = __toCommonJS(ForOf_d_exports);
+var ForOf_d_default = _default;
+//# sourceMappingURL=ForOf.d.js.map

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

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

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

@@ -12,7 +12,7 @@ export declare namespace ForOf {
     }
 }
 declare const _default: {
-    forOf: (config?: DomRenderRunConfig) => import("../..").TargetElement;
+    forOf: (config?: DomRenderRunConfig) => import("../../configs").TargetElement;
 };
 export default _default;
 //# sourceMappingURL=ForOf.d.ts.map

package/dist/cjs/components/forOf/ForOf.js

@@ -2,6 +2,7 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -15,6 +16,7 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var ForOf_exports = {};
 __export(ForOf_exports, {
   ForOf: () => ForOf,
@@ -28,6 +30,10 @@ var ForOf;
 ((_ForOf) => {
   _ForOf.selector = "System:ForOf";
   class ForOf2 extends import_ComponentBase.ComponentBase {
+    constructor() {
+      super(...arguments);
+      __publicField(this, "value");
+    }
     onChangeAttrRender(name, value, other) {
       super.onChangeAttrRender(name, value, other);
       if (this.equalsAttributeName(name, "value")) {

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

@@ -2,6 +2,6 @@
   "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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAA8B;AAC9B,uBAA8C;AAC9C,oBAAuB;AAIhB,IAAU;AAAA,CAAV,CAAU,WAAV;AACE,EAAM,kBAAW;AAAA,EASjB,MAAMA,eAAiB,mCAA4B;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,qBAAO,6BAA6B;AAAA,MACzC,MAAM,MAAM;AAAA,MACZ,UAAU;AAAA,MACV,YAAY,CAAC,GAAE,GAAE,IAAI,sBAAsB;AACzC,eAAO,2BAAU,IAAI,EAAC,YAAY,IAAI,MAAM,MAAM,GAAG,iBAAiB,GAAG,OAAc,CAAC;AAAA,MAC1F;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAA8B;AAC9B,uBAA8C;AAC9C,oBAAuB;AAIhB,IAAU;AAAA,CAAV,CAAU,WAAV;AACE,EAAM,kBAAW;AAAA,EASjB,MAAMA,eAAiB,mCAA4B;AAAA,IAAnD;AAAA;AACL,0BAAQ;AAAA;AAAA,IAER,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,qBAAO,6BAA6B;AAAA,MACzC,MAAM,MAAM;AAAA,MACZ,UAAU;AAAA,MACV,YAAY,CAAC,GAAE,GAAE,IAAI,sBAAsB;AACzC,eAAO,2BAAU,IAAI,EAAC,YAAY,IAAI,MAAM,MAAM,GAAG,iBAAiB,GAAG,OAAc,CAAC;AAAA,MAC1F;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
   "names": ["ForOf"]
 }

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

@@ -0,0 +1,18 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_d_exports = {};
+module.exports = __toCommonJS(index_d_exports);
+__reExport(index_d_exports, require("./ForOf"), module.exports);
+//# sourceMappingURL=index.d.js.map

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

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

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

@@ -0,0 +1,24 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var If_d_exports = {};
+__export(If_d_exports, {
+  default: () => If_d_default
+});
+module.exports = __toCommonJS(If_d_exports);
+var If_d_default = _default;
+//# sourceMappingURL=If.d.js.map

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

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

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

@@ -15,7 +15,7 @@ export declare namespace If {
     }
 }
 declare const _default: {
-    if: (config?: DomRenderConfig) => import("../..").TargetElement;
+    if: (config?: DomRenderConfig) => import("../../configs").TargetElement;
 };
 export default _default;
 //# sourceMappingURL=If.d.ts.map

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

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

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

@@ -2,6 +2,6 @@
   "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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAA8B;AAE9B,uBAA8C;AAE9C,oBAAuB;AAGhB,IAAU;AAAA,CAAV,CAAU,QAAV;AACE,EAAM,eAAW;AAAA,EAWjB,MAAMA,YAAc,mCAAoD;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,qBAAO,6BAA6B;AAAA,MACzC,MAAM,GAAG;AAAA,MACT,UAAU;AAAA,MACV,YAAY,CAAC,GAAG,GAAG,IAAI,sBAAsB;AAC3C,eAAO,2BAAU,IAAI,EAAC,YAAY,IAAI,GAAG,GAAG,GAAG,iBAAiB,GAAG,OAAc,CAAC;AAAA,MACpF;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAA8B;AAE9B,uBAA8C;AAE9C,oBAAuB;AAGhB,IAAU;AAAA,CAAV,CAAU,QAAV;AACE,EAAM,eAAW;AAAA,EAWjB,MAAMA,YAAc,mCAAoD;AAAA,IAAxE;AAAA;AACL,0BAAQ,MAAc;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,qBAAO,6BAA6B;AAAA,MACzC,MAAM,GAAG;AAAA,MACT,UAAU;AAAA,MACV,YAAY,CAAC,GAAG,GAAG,IAAI,sBAAsB;AAC3C,eAAO,2BAAU,IAAI,EAAC,YAAY,IAAI,GAAG,GAAG,GAAG,iBAAiB,GAAG,OAAc,CAAC;AAAA,MACpF;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
   "names": ["If"]
 }

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

@@ -0,0 +1,18 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_d_exports = {};
+module.exports = __toCommonJS(index_d_exports);
+__reExport(index_d_exports, require("./If"), module.exports);
+//# sourceMappingURL=index.d.js.map

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

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

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

@@ -0,0 +1,34 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_d_exports = {};
+module.exports = __toCommonJS(index_d_exports);
+__reExport(index_d_exports, require("./ComponentBase"), module.exports);
+__reExport(index_d_exports, require("./ComponentRouterBase"), module.exports);
+__reExport(index_d_exports, require("./ComponentSet"), module.exports);
+__reExport(index_d_exports, require("./a"), module.exports);
+__reExport(index_d_exports, require("./appender"), module.exports);
+__reExport(index_d_exports, require("./checkbox"), module.exports);
+__reExport(index_d_exports, require("./choose"), module.exports);
+__reExport(index_d_exports, require("./details"), module.exports);
+__reExport(index_d_exports, require("./forOf"), module.exports);
+__reExport(index_d_exports, require("./if"), module.exports);
+__reExport(index_d_exports, require("./input"), module.exports);
+__reExport(index_d_exports, require("./promise"), module.exports);
+__reExport(index_d_exports, require("./radio"), module.exports);
+__reExport(index_d_exports, require("./router"), module.exports);
+__reExport(index_d_exports, require("./select"), module.exports);
+__reExport(index_d_exports, require("./this"), module.exports);
+__reExport(index_d_exports, require("./timer"), module.exports);
+//# sourceMappingURL=index.d.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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;;4BAAc,4BAAd;AACA,4BAAc,kCADd;AAEA,4BAAc,2BAFd;AAGA,4BAAc,gBAHd;AAIA,4BAAc,uBAJd;AAKA,4BAAc,uBALd;AAMA,4BAAc,qBANd;AAOA,4BAAc,sBAPd;AAQA,4BAAc,oBARd;AASA,4BAAc,iBATd;AAUA,4BAAc,oBAVd;AAWA,4BAAc,sBAXd;AAYA,4BAAc,oBAZd;AAaA,4BAAc,qBAbd;AAcA,4BAAc,qBAdd;AAeA,4BAAc,mBAfd;AAgBA,4BAAc,oBAhBd;",
+  "names": []
+}

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

@@ -16,43 +16,43 @@ export * from './select';
 export * from './this';
 export * from './timer';
 export declare const drComponent: {
-    a: (config?: import("..").DomRenderRunConfig) => import("..").TargetElement;
-    routerOutlet: (config?: import("..").DomRenderRunConfig, executer?: {
+    a: (config?: import("../DomRender").DomRenderRunConfig) => import("../configs").TargetElement;
+    routerOutlet: (config?: import("../DomRender").DomRenderRunConfig, executer?: {
         run: (...data: any[]) => any;
-    }) => import("..").TargetElement;
-    match: (config?: import("..").DomRenderConfig) => import("..").TargetElement;
-    regexp: (config?: import("..").DomRenderConfig) => import("..").TargetElement;
-    input: (config?: import("..").DomRenderRunConfig) => import("..").TargetElement;
-    detailsSummary: (config?: import("..").DomRenderRunConfig) => import("..").TargetElement;
-    detailsBody: (config?: import("..").DomRenderRunConfig) => import("..").TargetElement;
-    detailsForm: (config?: import("..").DomRenderRunConfig) => import("..").TargetElement;
-    details: (config?: import("..").DomRenderRunConfig) => import("..").TargetElement;
-    choose: (config?: import("..").DomRenderRunConfig) => import("..").TargetElement;
-    select: (config?: import("..").DomRenderConfig) => import("..").TargetElement;
-    selectSummary: (config?: import("..").DomRenderRunConfig) => import("..").TargetElement;
-    selectSummaryPlaceholder: (config?: import("..").DomRenderRunConfig) => import("..").TargetElement;
-    selectSummarySelected: (config?: import("..").DomRenderRunConfig) => import("..").TargetElement;
-    selectSummaryDisabled: (config?: import("..").DomRenderRunConfig) => import("..").TargetElement;
-    selectBody: (config?: import("..").DomRenderRunConfig) => import("..").TargetElement;
-    selectOption: (config?: import("..").DomRenderRunConfig) => import("..").TargetElement;
-    selectOptionSelected: (config?: import("..").DomRenderRunConfig) => import("..").TargetElement;
-    selectOptionUnselected: (config?: import("..").DomRenderRunConfig) => import("..").TargetElement;
-    selectOptionDisabled: (config?: import("..").DomRenderRunConfig) => import("..").TargetElement;
-    radioChecked: (config?: import("..").DomRenderRunConfig) => import("..").TargetElement;
-    radioUnChecked: (config?: import("..").DomRenderRunConfig) => import("..").TargetElement;
-    radio: (config?: import("..").DomRenderRunConfig) => import("..").TargetElement;
-    checkBoxChecked: (config?: import("..").DomRenderRunConfig) => import("..").TargetElement;
-    checkBoxUnchecked: (config?: import("..").DomRenderRunConfig) => import("..").TargetElement;
-    checkBox: (config?: import("..").DomRenderRunConfig) => import("..").TargetElement;
-    chooseWhen: (config?: import("..").DomRenderRunConfig) => import("..").TargetElement;
-    chooseOtherWise: (config?: import("..").DomRenderRunConfig) => import("..").TargetElement;
-    promiseDefault: (config?: import("..").DomRenderRunConfig) => import("..").TargetElement;
-    promisePending: (config?: import("..").DomRenderRunConfig) => import("..").TargetElement;
-    promiseFulfilled: (config?: import("..").DomRenderRunConfig) => import("..").TargetElement;
-    promiseRejected: (config?: import("..").DomRenderRunConfig) => import("..").TargetElement;
-    promiseSwitch: (config?: import("..").DomRenderRunConfig) => import("..").TargetElement;
-    appender: (config?: import("..").DomRenderRunConfig) => import("..").TargetElement;
-    this: (config?: import("..").DomRenderRunConfig) => import("..").TargetElement;
-    if: (config?: import("..").DomRenderConfig) => import("..").TargetElement;
+    }) => 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/cjs/components/input/Input.d.js

@@ -0,0 +1,24 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Input_d_exports = {};
+__export(Input_d_exports, {
+  default: () => Input_d_default
+});
+module.exports = __toCommonJS(Input_d_exports);
+var Input_d_default = _default;
+//# sourceMappingURL=Input.d.js.map

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

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

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

@@ -28,7 +28,7 @@ export declare namespace Input {
     }
 }
 declare const _default: {
-    input: (config?: DomRenderRunConfig) => import("../..").TargetElement;
+    input: (config?: DomRenderRunConfig) => import("../../configs").TargetElement;
 };
 export default _default;
 //# sourceMappingURL=Input.d.ts.map