@dooboostore/dom-render 1.0.109 → 1.0.111

package/src/dist/components/checkbox/CheckBox.js

@@ -0,0 +1,118 @@
+import { ComponentBase } from '../ComponentBase';
+import { DomRender } from '../../DomRender';
+import { RawSet } from '../../rawsets/RawSet';
+export var CheckBox;
+(function (CheckBox_1) {
+    CheckBox_1.selector = 'dr-checkbox';
+    class CheckBoxBase extends ComponentBase {
+        constructor() {
+            super(...arguments);
+            this.hidden = true;
+        }
+    }
+    // @Component({
+    //   template: '<div dr-if="!@this@.hidden" dr-strip="true">#innerHTML#</div>',
+    //   styles: '',
+    //   selector: `${selector}.Checked`
+    // })
+    class Checked extends CheckBoxBase {
+        constructor() {
+            super({ onlyParentType: CheckBox });
+            this.name = 'checked';
+        }
+    }
+    CheckBox_1.Checked = Checked;
+    // @Component({
+    //   template: '<div dr-if="!@this@.hidden" dr-strip="true">#innerHTML#</div>',
+    //   styles: '',
+    //   selector: `${selector}.UnChecked`
+    // })
+    class UnChecked extends CheckBoxBase {
+        constructor() {
+            super({ onlyParentType: CheckBox });
+            this.name = 'unChecked';
+        }
+    }
+    CheckBox_1.UnChecked = UnChecked;
+    // @Component({
+    //   template: template,
+    //   styles: style,
+    //   selector: `${selector}`
+    // })
+    class CheckBox extends ComponentBase {
+        constructor() {
+            super(...arguments);
+            this.checked = false;
+        }
+        change(option, checked = this.checked) {
+            var _a;
+            this.checked = checked;
+            this.setChildrenHidden(checked);
+            (_a = this.getAttribute('change')) === null || _a === void 0 ? void 0 : _a(checked, option);
+        }
+        setChildrenHidden(checked) {
+            this.getChildren(Checked).forEach(it => {
+                it.hidden = !checked;
+            });
+            this.getChildren(UnChecked).forEach(it => {
+                it.hidden = checked;
+            });
+        }
+        onCreatedThisChild(child, childData) {
+            super.onCreatedThisChild(child, childData);
+            this.setChildrenHidden(this.checked);
+        }
+        onInitInputElement(element) {
+            // console.log('---cr', element)
+            this.inputElement = element;
+            this.inputElement.checked = !!this.getAttribute('checked');
+            this.change({ type: 'initialize' }, !!this.getAttribute('checked'));
+        }
+        onChangeAttrRender(name, val, other) {
+            super.onChangeAttrRender(name, val, other);
+            // console.log('Checkbox ChangeAttr------', name, val, this.inputElement)
+            if (this.inputElement && this.getAttribute('checked') !== this.checked) {
+                this.inputElement.checked = !!this.getAttribute('checked');
+                this.change({ type: 'attributeChange' }, !!this.getAttribute('checked'));
+            }
+        }
+    }
+    CheckBox_1.CheckBox = CheckBox;
+})(CheckBox || (CheckBox = {}));
+export default {
+    checkBoxChecked: (config) => {
+        return RawSet.createComponentTargetElement({
+            name: `${CheckBox.selector}-checked`,
+            template: '<div dr-if="!@this@.hidden" dr-option-strip="true">#innerHTML#</div>',
+            objFactory: (e, o, r2, counstructorParam) => {
+                return DomRender.run({ rootObject: new CheckBox.Checked(), config: config });
+            }
+        });
+    },
+    checkBoxUnchecked: (config) => {
+        return RawSet.createComponentTargetElement({
+            name: `${CheckBox.selector}-unchecked`,
+            template: '<div dr-if="!@this@.hidden" dr-option-strip="true" >#innerHTML#</div>',
+            objFactory: (e, o, r2, counstructorParam) => {
+                return DomRender.run({ rootObject: new CheckBox.UnChecked(), config: config });
+            }
+        });
+    },
+    checkBox: (config) => {
+        return RawSet.createComponentTargetElement({
+            name: `${CheckBox.selector}`,
+            template: '<label class="${@this@.getAttribute(\'class\')}$">\n' +
+                '  <input\n' +
+                '    name="${@this@.getAttribute(\'name\')}$"\n' +
+                '    dr-on-init="@this@.onInitInputElement($element)"\n' +
+                '    dr-event-change="@this@.change({type: \'event\'},$element.checked);"\n' +
+                '    type="checkbox" hidden="hidden"/>\n' +
+                '  #innerHTML#\n' +
+                '</label>',
+            objFactory: (e, o, r2, counstructorParam) => {
+                return DomRender.run({ rootObject: new CheckBox.CheckBox(...counstructorParam), config: config });
+            }
+        });
+    },
+};
+//# sourceMappingURL=CheckBox.js.map

package/src/dist/components/checkbox/CheckBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../components/checkbox/CheckBox.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,39 @@
+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").TargetElement;
+    chooseOtherWise: (config?: DomRenderRunConfig) => import("../../configs/TargetElement").TargetElement;
+    choose: (config?: DomRenderRunConfig) => import("../../configs/TargetElement").TargetElement;
+};
+export default _default;
+//# sourceMappingURL=Choose.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Choose.d.ts","sourceRoot":"","sources":["../../../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/src/dist/components/choose/Choose.js

@@ -0,0 +1,94 @@
+import { ComponentBase } from '../ComponentBase';
+import { DomRender } from '../../DomRender';
+import { RawSet } from '../../rawsets/RawSet';
+export var Choose;
+(function (Choose_1) {
+    Choose_1.selector = 'dr-choose';
+    class ChildOtherWiseBase extends ComponentBase {
+        constructor() {
+            super(...arguments);
+            this.hidden = true;
+        }
+    }
+    class ChildBase extends ChildOtherWiseBase {
+    }
+    class When extends ChildBase {
+        constructor() {
+            super({ onlyParentType: (Choose) });
+        }
+    }
+    Choose_1.When = When;
+    class OtherWise extends ChildBase {
+        constructor() {
+            super({ onlyParentType: (Choose) });
+        }
+    }
+    Choose_1.OtherWise = OtherWise;
+    class Choose extends ComponentBase {
+        onCreatedThisChild(child, data) {
+            super.onCreatedThisChild(child, data);
+            this.setChange(child);
+        }
+        onChangeAttrRender(name, value, other) {
+            super.onChangeAttrRender(name, value, other);
+            if (this.equalsAttributeName(name, 'data')) {
+                this.choose = undefined;
+                const children = this.getChildren([When, OtherWise]).sort((a, b) => (a instanceof OtherWise ? 1 : 0) - (b instanceof OtherWise ? 1 : 0));
+                children.forEach(it => this.setChange(it));
+            }
+        }
+        setChange(child) {
+            var _a;
+            child.data = this.getAttribute('data');
+            // when.hidden = true;
+            if (!this.choose && child instanceof When && ((_a = child.getAttribute('test')) === null || _a === void 0 ? void 0 : _a(this.getAttribute('data')))) {
+                // console.log('------------', child.attribute?.test?.(this.attribute?.data))
+                this.choose = child;
+                if (child.hidden) {
+                    child.hidden = false;
+                }
+                // console.log('--------', when)
+            }
+            else if (this.choose !== child) {
+                child.hidden = true;
+            }
+            if (!this.choose && child instanceof OtherWise) {
+                this.choose = child;
+                if (child.hidden) {
+                    child.hidden = false;
+                }
+            }
+        }
+    }
+    Choose_1.Choose = Choose;
+})(Choose || (Choose = {}));
+export default {
+    chooseWhen: (config) => {
+        return RawSet.createComponentTargetElement({
+            name: `${Choose.selector}-when`,
+            template: '<div dr-if="!@this@.hidden" dr-option-strip="true" >#innerHTML#</div>',
+            objFactory: (e, o, r2, counstructorParam) => {
+                return DomRender.run({ rootObject: new Choose.When(), config: config });
+            }
+        });
+    },
+    chooseOtherWise: (config) => {
+        return RawSet.createComponentTargetElement({
+            name: `${Choose.selector}-other-wise`,
+            template: '<div dr-if="!@this@.hidden" dr-option-strip="true" >#innerHTML#</div>',
+            objFactory: (e, o, r2, counstructorParam) => {
+                return DomRender.run({ rootObject: new Choose.OtherWise(), config: config });
+            }
+        });
+    },
+    choose: (config) => {
+        return RawSet.createComponentTargetElement({
+            name: `${Choose.selector}`,
+            template: '#innerHTML#',
+            objFactory: (e, o, r2, counstructorParam) => {
+                return DomRender.run({ rootObject: new Choose.Choose(...counstructorParam), config: config });
+            }
+        });
+    },
+};
+//# sourceMappingURL=Choose.js.map

package/src/dist/components/choose/Choose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Choose.js","sourceRoot":"","sources":["../../../components/choose/Choose.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,57 @@
+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").TargetElement;
+    detailsBody: (config?: DomRenderRunConfig) => import("../../configs/TargetElement").TargetElement;
+    detailsForm: (config?: DomRenderRunConfig) => import("../../configs/TargetElement").TargetElement;
+    details: (config?: DomRenderRunConfig) => import("../../configs/TargetElement").TargetElement;
+};
+export default _default;
+//# sourceMappingURL=Details.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Details.d.ts","sourceRoot":"","sources":["../../../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/src/dist/components/details/Details.js

@@ -0,0 +1,199 @@
+import { ComponentBase } from '../ComponentBase';
+import { DomRender } from '../../DomRender';
+import { RawSet } from '../../rawsets/RawSet';
+import { ValidUtils } from '@dooboostore/core-web/valid/ValidUtils';
+import { EventUtils } from '@dooboostore/core-web/event/EventUtils';
+export var Details;
+(function (Details_1) {
+    Details_1.selector = 'dr-details';
+    // @Component({
+    //   template: '<summary class="${`${@this@.getAttribute(\'class\')} details-summary-container`}$">#innerHTML#</summary>',
+    //   styles: '',
+    //   selector: `${selector}.Summary`
+    // })
+    class Summary extends ComponentBase {
+        constructor() {
+            super({ onlyParentType: [Details] });
+        }
+    }
+    Details_1.Summary = Summary;
+    // @Component({
+    //   template: '<div class="${`${@this@.getAttribute(\'class\')} details-body-container details-body-${@this@.getAttribute(\'float\')}-container`}$" dr-on-init="@this@.$element = $element;">#innerHTML#</div>',
+    //   selector: `${selector}.Body`
+    // })
+    class Body extends ComponentBase {
+        constructor() {
+            super({ onlyParentType: [Details] });
+        }
+    }
+    Details_1.Body = Body;
+    Details_1.isBody = (instance) => {
+        return instance instanceof Body;
+    };
+    // @Component({
+    //   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>',
+    //   styles: detailsFormStyle,
+    //   selector: `${selector}.Form`
+    // })
+    class Form extends ComponentBase {
+        constructor() {
+            super({ onlyParentType: [Details] });
+        }
+        submit(element, event) {
+            var _a;
+            if (this.hasAttribute('disabledSubmit')) {
+                event.preventDefault();
+            }
+            if (this.hasAttribute('submit')) {
+                (_a = this.getAttribute('submit')) === null || _a === void 0 ? void 0 : _a(event, element);
+            }
+        }
+        reset() {
+            var _a;
+            (_a = this.$element) === null || _a === void 0 ? void 0 : _a.reset();
+        }
+    }
+    Details_1.Form = Form;
+    Details_1.isForm = (instance) => {
+        return instance instanceof Form;
+    };
+    // @Component({
+    //   template: template,
+    //   styles: style,
+    //   // noStrip: true,
+    //   selector: `${selector}`
+    // })
+    class Details extends ComponentBase {
+        onCreateRenderData(data) {
+            super.onCreateRenderData(data);
+        }
+        onCreateRender(...param) {
+        }
+        toggle(element) {
+            const toggleAttribute = this.getAttribute('toggle');
+            if (toggleAttribute) {
+                toggleAttribute === null || toggleAttribute === void 0 ? void 0 : toggleAttribute(element.open);
+            }
+        }
+        onInitRender(param, rawSet) {
+            var _a;
+            super.onInitRender(param, rawSet);
+            if (ValidUtils.isBrowser() && ((_a = this.rawSet) === null || _a === void 0 ? void 0 : _a.dataSet.config.window)) {
+                const detailsElement = this.element;
+                const document = this.rawSet.dataSet.config.window.document;
+                this.documentClickSubscription = EventUtils.htmlElementEventObservable(document, 'click').subscribe(event => {
+                    if (this.getAttribute('disableOtherClickClose')) {
+                        return;
+                    }
+                    if (detailsElement && !(detailsElement === null || detailsElement === void 0 ? void 0 : detailsElement.contains(event === null || event === void 0 ? void 0 : event.target))) {
+                        detailsElement.open = false;
+                    }
+                });
+                if (detailsElement) {
+                    this.toggleSubscription = EventUtils.htmlElementEventObservable(detailsElement, 'toggle').subscribe(it => {
+                        var _a;
+                        if (ValidUtils.coreValidUtils.isNotNullUndefined(this.getAttribute('toggle_form_reset'))) {
+                            (_a = this.children) === null || _a === void 0 ? void 0 : _a.filter(Details_1.isForm).forEach(it => {
+                                it.reset();
+                            });
+                        }
+                    });
+                }
+            }
+            // console.log('aaaaaaaaaaaaaaaaaaaaa', rawSet);
+        }
+        onChangeAttrRender(name, value, other) {
+            super.onChangeAttrRender(name, value, other);
+        }
+        onDestroyRender(...metaData) {
+            var _a, _b;
+            (_a = this.toggleSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+            (_b = this.documentClickSubscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
+            // console.log('onDestroyRender', metaData);
+            // if (ValidUtils.isBrowser()) {
+            //   document.removeEventListener('click', this.ccc)
+            // }
+        }
+    }
+    Details_1.Details = Details;
+})(Details || (Details = {}));
+export default {
+    detailsSummary: (config) => {
+        return RawSet.createComponentTargetElement({
+            name: `${Details.selector}-summary`,
+            template: '<summary class="${`${@this@.getAttribute(\'class\')} details-summary-container`}$">#innerHTML#</summary>',
+            objFactory: (e, o, r2, counstructorParam) => {
+                return DomRender.run({ rootObject: new Details.Summary(), config: config });
+            }
+        });
+    },
+    detailsBody: (config) => {
+        return RawSet.createComponentTargetElement({
+            name: `${Details.selector}-body`,
+            template: '<div class="${`${@this@.getAttribute(\'class\')} details-body-container details-body-${@this@.getAttribute(\'float\')}-container`}$" dr-on-init="@this@.$element = $element;">#innerHTML#</div>',
+            objFactory: (e, o, r2, counstructorParam) => {
+                return DomRender.run({ rootObject: new Details.Body(), config: config });
+            }
+        });
+    },
+    detailsForm: (config) => {
+        return RawSet.createComponentTargetElement({
+            name: `${Details.selector}-form`,
+            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>',
+            objFactory: (e, o, r2, counstructorParam) => {
+                return DomRender.run({ rootObject: new Details.Form(), config: config });
+            }
+        });
+    },
+    details: (config) => {
+        return RawSet.createComponentTargetElement({
+            name: `${Details.selector}`,
+            styles: `
+        .details-container {
+            position: relative;
+        }
+
+        .details-container .details-body-container {
+            position: absolute;
+        }
+
+
+        .details-container .details-body-bottom-left-container {
+            position: absolute;
+            left: 0;
+            top: 100%;
+            /*margin-top: 0px;*/
+            /*width: max-content;*/
+        }
+
+        .details-container .details-body-bottom-right-container {
+            position: absolute;
+            right: 0;
+            top: 100%;
+            /*margin-top: 0px;*/
+            /*width: max-content;*/
+        }
+
+        .details-container .details-body-top-left-container {
+            position: absolute;
+            left: 0;
+            bottom: 100%;
+            /*margin-bottom: 0px;*/
+            /*width: max-content;*/
+        }
+
+        .details-container .details-body-top-right-container {
+            position: absolute;
+            right: 0;
+            bottom: 100%;
+            /*margin-bottom: 0px;*/
+        }
+      `,
+            template: '<details class="${`${@this@.getAttribute(\'class\')} details-container`}$" dr-on-init="@this@.element = $element;" dr-event-toggle="@this@.toggle($element)"> #innerHTML# </details>',
+            objFactory: (e, o, r2, counstructorParam) => {
+                return DomRender.run({ rootObject: new Details.Details(...counstructorParam), config: config });
+            }
+        });
+    },
+};
+//# sourceMappingURL=Details.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Details.js","sourceRoot":"","sources":["../../../components/details/Details.ts"],"names":[],"mappings":"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"}

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

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

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

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

package/src/dist/components/dialog/Dialog.js

@@ -0,0 +1,85 @@
+// import { Component } from '@dooboostore/simple-boot-front/decorators/Component';
+// import { ComponentBase } from '../ComponentBase';
+// import { OtherData } from '@dooboostore/dom-render/lifecycle/OnChangeAttrRender';
+// import template from './dialog.html'
+//
+// export namespace Dialog {
+//   export const selector = 'System:Dialog';
+//   export type Attribute<D> = {
+//     show?: null;
+//     backdropClickClose?: null;
+//     class?: string;
+//     close?: () => void
+//     toggle?: (element:HTMLDialogElement) => void,
+//     data?: D
+//   }
+//
+//
+//   @Component({
+//     template,
+//     // styles: style,
+//     selector: `${selector}`
+//   })
+//   export class Dialog<D = any> extends ComponentBase<Attribute<D>> {
+//     private element?: HTMLDialogElement;
+//
+//     closeDialog() {
+//       if (this.element) {
+//         this.element.close();
+//         this.getAttribute('toggle')?.(this.element);
+//       }
+//     }
+//
+//     destroyDialog() {
+//       this.getAttribute('close')?.();
+//     }
+//
+//     onInitElement(element: HTMLDialogElement) {
+//       this.element = element;
+//       if (this.hasAttribute('show')) {
+//         this.element.showModal();
+//       }
+//       this.getAttribute('toggle')?.(this.element);
+//
+//       this.element.addEventListener('click', (event) => {
+//         if (this.getAttribute('backdropClickClose') !== null) {
+//           if (event.target === this.element) {
+//             this.closeDialog();
+//           }
+//         }
+//       });
+//     }
+//
+//     showModal() {
+//       this.element?.showModal();
+//       if (this.element)
+//       this.getAttribute('toggle')?.(this.element);
+//     }
+//
+//     show() {
+//       this.element?.show();
+//       if (this.element)
+//       this.getAttribute('toggle')?.(this.element);
+//     }
+//
+//     close() {
+//       this.element?.close();
+//     }
+//     setData(data?: D | null) {
+//
+//     }
+//     onChangeAttrRender(name: string, value: any, other: OtherData) {
+//       super.onChangeAttrRender(name, value, other);
+//       if (this.equalsAttributeName(name, 'show') && this.element) {
+//         if (this.hasAttribute('show')) {
+//           this.showModal();
+//         } else {
+//           this.close();
+//         }
+//       } else if (name === 'data') {
+//         this.setData(this.getAttribute('data'))
+//       }
+//     }
+//   }
+// }
+//# sourceMappingURL=Dialog.js.map

package/src/dist/components/dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../components/dialog/Dialog.ts"],"names":[],"mappings":"AAAA,mFAAmF;AACnF,oDAAoD;AACpD,oFAAoF;AACpF,uCAAuC;AACvC,EAAE;AACF,4BAA4B;AAC5B,6CAA6C;AAC7C,iCAAiC;AACjC,mBAAmB;AACnB,iCAAiC;AACjC,sBAAsB;AACtB,yBAAyB;AACzB,oDAAoD;AACpD,eAAe;AACf,MAAM;AACN,EAAE;AACF,EAAE;AACF,iBAAiB;AACjB,gBAAgB;AAChB,wBAAwB;AACxB,8BAA8B;AAC9B,OAAO;AACP,uEAAuE;AACvE,2CAA2C;AAC3C,EAAE;AACF,sBAAsB;AACtB,4BAA4B;AAC5B,gCAAgC;AAChC,uDAAuD;AACvD,UAAU;AACV,QAAQ;AACR,EAAE;AACF,wBAAwB;AACxB,wCAAwC;AACxC,QAAQ;AACR,EAAE;AACF,kDAAkD;AAClD,gCAAgC;AAChC,yCAAyC;AACzC,oCAAoC;AACpC,UAAU;AACV,qDAAqD;AACrD,EAAE;AACF,4DAA4D;AAC5D,kEAAkE;AAClE,iDAAiD;AACjD,kCAAkC;AAClC,cAAc;AACd,YAAY;AACZ,YAAY;AACZ,QAAQ;AACR,EAAE;AACF,oBAAoB;AACpB,mCAAmC;AACnC,0BAA0B;AAC1B,qDAAqD;AACrD,QAAQ;AACR,EAAE;AACF,eAAe;AACf,8BAA8B;AAC9B,0BAA0B;AAC1B,qDAAqD;AACrD,QAAQ;AACR,EAAE;AACF,gBAAgB;AAChB,+BAA+B;AAC/B,QAAQ;AACR,iCAAiC;AACjC,EAAE;AACF,QAAQ;AACR,uEAAuE;AACvE,sDAAsD;AACtD,sEAAsE;AACtE,2CAA2C;AAC3C,8BAA8B;AAC9B,mBAAmB;AACnB,0BAA0B;AAC1B,YAAY;AACZ,sCAAsC;AACtC,kDAAkD;AAClD,UAAU;AACV,QAAQ;AACR,MAAM;AACN,IAAI"}

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

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

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

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