coer-elements 0.0.11 → 0.0.13

package/esm2022/components/lib/coer-modal/coer-modal.component.mjs

@@ -0,0 +1,108 @@
+import { Component, computed, ContentChildren, input, Input, output } from '@angular/core';
+import { CoerRefDirective } from '../../../directives/lib/coer-ref.directive';
+import { isModalOpenSIGNAL } from '../../../signals/lib/is-modal-open.signal';
+import { Screen } from '../../../tools/lib/screen.class';
+import { Tools } from '../../../tools/lib/tools';
+import { Modal } from 'bootstrap';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class CoerModal {
+    constructor() {
+        //Variables
+        this._id = Tools.GetGuid('coer-modal');
+        this._isOpen = false;
+        this._isModalOpen = isModalOpenSIGNAL;
+        this.windowWidth = Screen.WINDOW_WIDTH;
+        //Inputs
+        this.id = '';
+        this.title = input('');
+        this.icon = input('');
+        this.showCloseButton = input(true);
+        this.width = input('small');
+        this.height = input('auto');
+        this.maxHeight = input('');
+        //Computed
+        this.contentList = computed(() => Array.from(this.contentRef._results));
+        //Computed
+        this.header = computed(() => {
+            const header = this.contentList().find(x => x.coerRef() === 'header');
+            return Tools.IsNotNull(header) ? header : null;
+        });
+        //Computed
+        this.body = computed(() => {
+            const body = this.contentList().find(x => x.coerRef() === '' || x.coerRef() === 'body');
+            return Tools.IsNotNull(body) ? body : null;
+        });
+        //Computed
+        this.footer = computed(() => {
+            const footer = this.contentList().find(x => x.coerRef() === 'footer');
+            return Tools.IsNotNull(footer) ? footer : null;
+        });
+        //Computed
+        this._title = computed(() => {
+            return Tools.IsNotNull(this.header()) && this.header().title().length > 0
+                ? this.header().title() : this.title();
+        });
+        //Computed
+        this._icon = computed(() => {
+            return Tools.IsNotNull(this.header()) && this.header().icon().length > 0
+                ? this.header().icon() : this.icon();
+        });
+        //Outputs
+        this.onOpen = output();
+        this.onClose = output();
+        //Generic Tools
+        this.IsNull = Tools.IsNull;
+        this.IsNotNull = Tools.IsNotNull;
+    }
+    //getter
+    get isOpen() {
+        return this._isOpen;
+    }
+    //getter
+    get _width() {
+        switch (this.width()) {
+            case 'small': return '450px';
+            case 'full': return `${this.windowWidth - 50}px`;
+            default: return 'auto';
+        }
+    }
+    ngOnInit() {
+        Screen.Resize.subscribe((response) => {
+            this.windowWidth = response.width;
+        });
+        Tools.Sleep().then(() => {
+            this._modal = new Modal(document.getElementById(this._id));
+        });
+    }
+    /** */
+    Open() {
+        this._modal.show();
+        if (!this._isOpen) {
+            this._isOpen = true;
+            this._isModalOpen.set(true);
+            Tools.Sleep(1000).then(() => this.onOpen.emit());
+        }
+    }
+    /** */
+    Close() {
+        this._modal.hide();
+        if (this._isOpen) {
+            this._isOpen = false;
+            this._isModalOpen.set(false);
+            Tools.Sleep(1000).then(() => this.onClose.emit());
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CoerModal, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CoerModal, selector: "coer-modal", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onOpen: "onOpen", onClose: "onClose" }, queries: [{ propertyName: "contentRef", predicate: CoerRefDirective }], ngImport: i0, template: "<aside title='' [id]=\"_id\" class=\"modal fade\" data-bs-backdrop=\"static\" tabindex=\"-1\">\r\n    <div class=\"modal-dialog modal-dialog-centered modal-dialog-scrollable\" [ngStyle]=\"{ 'max-width': _width }\">\r\n        <div class=\"modal-content\">\r\n            @if(IsNull(header()) || (IsNotNull(header()) && header()?.show())) {\r\n                <header class=\"modal-header\">\r\n                    <h6 class=\"modal-title\">\r\n                        <i [class]=\"_icon()\"></i>\r\n                        <span [ngClass]=\"{ 'ms-1': _icon().length > 0 }\"> {{ _title() }} </span>\r\n                    </h6>\r\n\r\n                    @if(showCloseButton()) {\r\n                        <button type=\"button\" class=\"btn-close\" (click)=\"Close()\"></button>\r\n                    }\r\n                </header>\r\n            }\r\n\r\n            <section class=\"modal-body\" [ngStyle]=\"{\r\n                    'height': height(),\r\n                    'max-height': maxHeight(),\r\n                    'overflow': maxHeight() === '' ? 'visible' : 'auto'\r\n                }\">\r\n                @if(IsNotNull(body()) && body()?.show()) {\r\n                    <ng-container [ngTemplateOutlet]=\"body()!.template\"></ng-container>\r\n                }\r\n\r\n                @else {\r\n                    <ng-content></ng-content>\r\n                }\r\n            </section>\r\n\r\n            @if(IsNotNull(footer())) {\r\n                <footer class=\"modal-footer\">\r\n                    @if(footer()?.show()) {\r\n                        <ng-container [ngTemplateOutlet]=\"footer()!.template\"></ng-container>\r\n                    }\r\n                </footer>\r\n            }\r\n        </div>\r\n    </div>\r\n\r\n    <div [ngClass]=\"{ 'backdrop': _isModalOpen() }\"></div>\r\n</aside>", styles: [".modal-dialog{margin:auto!important;height:100vh}.modal-header{padding:8px 16px!important}.modal-title{font-weight:700!important;font-size:17px!important}.modal-body{padding-top:16px!important;padding-bottom:0!important;min-width:60px!important}div.coer-filebox .modal-body{padding:0!important}.modal-footer{border:none!important;display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;max-height:64px!important;min-height:64px!important;gap:10px!important}.btn-close:focus{box-shadow:none!important}div.modal-backdrop{z-index:0!important}aside.modal div.backdrop{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:#0000005b;z-index:1500}div.modal-content{z-index:1501;overflow:visible!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CoerModal, decorators: [{
+            type: Component,
+            args: [{ selector: 'coer-modal', template: "<aside title='' [id]=\"_id\" class=\"modal fade\" data-bs-backdrop=\"static\" tabindex=\"-1\">\r\n    <div class=\"modal-dialog modal-dialog-centered modal-dialog-scrollable\" [ngStyle]=\"{ 'max-width': _width }\">\r\n        <div class=\"modal-content\">\r\n            @if(IsNull(header()) || (IsNotNull(header()) && header()?.show())) {\r\n                <header class=\"modal-header\">\r\n                    <h6 class=\"modal-title\">\r\n                        <i [class]=\"_icon()\"></i>\r\n                        <span [ngClass]=\"{ 'ms-1': _icon().length > 0 }\"> {{ _title() }} </span>\r\n                    </h6>\r\n\r\n                    @if(showCloseButton()) {\r\n                        <button type=\"button\" class=\"btn-close\" (click)=\"Close()\"></button>\r\n                    }\r\n                </header>\r\n            }\r\n\r\n            <section class=\"modal-body\" [ngStyle]=\"{\r\n                    'height': height(),\r\n                    'max-height': maxHeight(),\r\n                    'overflow': maxHeight() === '' ? 'visible' : 'auto'\r\n                }\">\r\n                @if(IsNotNull(body()) && body()?.show()) {\r\n                    <ng-container [ngTemplateOutlet]=\"body()!.template\"></ng-container>\r\n                }\r\n\r\n                @else {\r\n                    <ng-content></ng-content>\r\n                }\r\n            </section>\r\n\r\n            @if(IsNotNull(footer())) {\r\n                <footer class=\"modal-footer\">\r\n                    @if(footer()?.show()) {\r\n                        <ng-container [ngTemplateOutlet]=\"footer()!.template\"></ng-container>\r\n                    }\r\n                </footer>\r\n            }\r\n        </div>\r\n    </div>\r\n\r\n    <div [ngClass]=\"{ 'backdrop': _isModalOpen() }\"></div>\r\n</aside>", styles: [".modal-dialog{margin:auto!important;height:100vh}.modal-header{padding:8px 16px!important}.modal-title{font-weight:700!important;font-size:17px!important}.modal-body{padding-top:16px!important;padding-bottom:0!important;min-width:60px!important}div.coer-filebox .modal-body{padding:0!important}.modal-footer{border:none!important;display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;max-height:64px!important;min-height:64px!important;gap:10px!important}.btn-close:focus{box-shadow:none!important}div.modal-backdrop{z-index:0!important}aside.modal div.backdrop{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:#0000005b;z-index:1500}div.modal-content{z-index:1501;overflow:visible!important}\n"] }]
+        }], propDecorators: { contentRef: [{
+                type: ContentChildren,
+                args: [CoerRefDirective]
+            }], id: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29lci1tb2RhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb2VyLWVsZW1lbnRzL3NyYy9jb21wb25lbnRzL2xpYi9jb2VyLW1vZGFsL2NvZXItbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29lci1lbGVtZW50cy9zcmMvY29tcG9uZW50cy9saWIvY29lci1tb2RhbC9jb2VyLW1vZGFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLGVBQWUsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBa0IsTUFBTSxlQUFlLENBQUM7QUFFbkgsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDOUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDOUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ3pELE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNqRCxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sV0FBVyxDQUFDOzs7QUFRbEMsTUFBTSxPQUFPLFNBQVM7SUFMdEI7UUFTSSxXQUFXO1FBQ0QsUUFBRyxHQUFXLEtBQUssQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDMUMsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUV6QixpQkFBWSxHQUE0QixpQkFBaUIsQ0FBQztRQUM1RCxnQkFBVyxHQUFXLE1BQU0sQ0FBQyxZQUFZLENBQUM7UUFFbEQsUUFBUTtRQUNDLE9BQUUsR0FBVyxFQUFFLENBQUM7UUFDbEIsVUFBSyxHQUFHLEtBQUssQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUMxQixTQUFJLEdBQUcsS0FBSyxDQUFTLEVBQUUsQ0FBQyxDQUFD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QyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQztRQUNyRCxDQUFDO0lBQ0wsQ0FBQztJQUdELE1BQU07SUFDQyxLQUFLO1FBQ1IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUVuQixJQUFHLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUNkLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1lBQ3JCLElBQUksQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQzdCLEtBQUssQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQztRQUN0RCxDQUFDO0lBQ0wsQ0FBQzsrR0EzR1EsU0FBUzttR0FBVCxTQUFTLHMvQkFFRCxnQkFBZ0IsNkJDaEJyQyw0eURBeUNROzs0RkQzQkssU0FBUztrQkFMckIsU0FBUzsrQkFDSSxZQUFZOzhCQU1hLFVBQVU7c0JBQTVDLGVBQWU7dUJBQUMsZ0JBQWdCO2dCQVV4QixFQUFFO3NCQUFWLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGNvbXB1dGVkLCBDb250ZW50Q2hpbGRyZW4sIGlucHV0LCBJbnB1dCwgT25Jbml0LCBvdXRwdXQsIFdyaXRhYmxlU2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IElDb2VyUmVmLCBJU2NyZWVuU2l6ZSB9IGZyb20gJy4uLy4uLy4uL2ludGVyZmFjZXMnO1xyXG5pbXBvcnQgeyBDb2VyUmVmRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vLi4vZGlyZWN0aXZlcy9saWIvY29lci1yZWYuZGlyZWN0aXZlJztcclxuaW1wb3J0IHsgaXNNb2RhbE9wZW5TSUdOQUwgfSBmcm9tICcuLi8uLi8uLi9zaWduYWxzL2xpYi9pcy1tb2RhbC1vcGVuLnNpZ25hbCc7XHJcbmltcG9ydCB7IFNjcmVlbiB9IGZyb20gJy4uLy4uLy4uL3Rvb2xzL2xpYi9zY3JlZW4uY2xhc3MnO1xyXG5pbXBvcnQgeyBUb29scyB9IGZyb20gJy4uLy4uLy4uL3Rvb2xzL2xpYi90b29scyc7XHJcbmltcG9ydCB7IE1vZGFsIH0gZnJvbSAnYm9vdHN0cmFwJztcclxuXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnY29lci1tb2RhbCcsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vY29lci1tb2RhbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybDogJy4vY29lci1tb2RhbC5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIENvZXJNb2RhbCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gICAgQENvbnRlbnRDaGlsZHJlbihDb2VyUmVmRGlyZWN0aXZlKSBjb250ZW50UmVmITogYW55O1xyXG5cclxuICAgIC8vVmFyaWFibGVzXHJcbiAgICBwcm90ZWN0ZWQgX2lkOiBzdHJpbmcgPSBUb29scy5HZXRHdWlkKCdjb2VyLW1vZGFsJyk7XHJcbiAgICBwcm90ZWN0ZWQgX2lzT3BlbjogYm9vbGVhbiA9IGZhbHNlO1xyXG4gICAgcHJvdGVjdGVkIF9tb2RhbCE6IE1vZGFsO1xyXG4gICAgcHJvdGVjdGVkIF9pc01vZGFsT3BlbjogV3JpdGFibGVTaWduYWw8Ym9vbGVhbj4gPSBpc01vZGFsT3BlblNJR05BTDtcclxuICAgIHByaXZhdGUgd2luZG93V2lkdGg6IG51bWJlciA9IFNjcmVlbi5XSU5ET1dfV0lEVEg7XHJcblxyXG4gICAgLy9JbnB1dHNcclxuICAgIEBJbnB1dCgpIGlkOiBzdHJpbmcgPSAnJztcclxuICAgIHB1YmxpYyB0aXRsZSA9IGlucHV0PHN0cmluZz4oJycpO1xyXG4gICAgcHVibGljIGljb24gPSBpbnB1dDxzdHJpbmc+KCcnKTtcclxuICAgIHB1YmxpYyBzaG93Q2xvc2VCdXR0b24gPSBpbnB1dDxib29sZWFuPih0cnVlKTtcclxuICAgIHB1YmxpYyB3aWR0aCA9IGlucHV0PCdzbWFsbCd8ICdmdWxsJz4oJ3NtYWxsJyk7XHJcbiAgICBwdWJsaWMgaGVpZ2h0ID0gaW5wdXQ8c3RyaW5nPignYXV0bycpO1xyXG4gICAgcHVibGljIG1heEhlaWdodCA9IGlucHV0PHN0cmluZz4oJycpO1xyXG5cclxuICAgIC8vZ2V0dGVyXHJcbiAgICBwdWJsaWMgZ2V0IGlzT3BlbigpOiBib29sZWFuIHtcclxuICAgICAgICByZXR1cm4gdGhpcy5faXNPcGVuO1xyXG4gICAgfVxyXG5cclxuICAgIC8vZ2V0dGVyXHJcbiAgICBwcm90ZWN0ZWQgZ2V0IF93aWR0aCgpOiBzdHJpbmcge1xyXG4gICAgICAgIHN3aXRjaCh0aGlzLndpZHRoKCkpIHtcclxuICAgICAgICAgICAgY2FzZSAnc21hbGwnOiByZXR1cm4gJzQ1MHB4JztcclxuICAgICAgICAgICAgY2FzZSAnZnVsbCc6IHJldHVybiBgJHt0aGlzLndpbmRvd1dpZHRoIC0gNTB9cHhgO1xyXG4gICAgICAgICAgICBkZWZhdWx0OiByZXR1cm4gJ2F1dG8nO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICAvL0NvbXB1dGVkXHJcbiAgICBwcm90ZWN0ZWQgY29udGVudExpc3QgPSBjb21wdXRlZDxJQ29lclJlZltdPigoKSA9PiBBcnJheS5mcm9tKHRoaXMuY29udGVudFJlZi5fcmVzdWx0cykpO1xyXG5cclxuICAgIC8vQ29tcHV0ZWRcclxuICAgIHByb3RlY3RlZCBoZWFkZXIgPSBjb21wdXRlZDxJQ29lclJlZiB8IG51bGw+KCgpID0+IHtcclxuICAgICAgICBjb25zdCBoZWFkZXIgPSB0aGlzLmNvbnRlbnRMaXN0KCkuZmluZCh4ID0+IHguY29lclJlZigpID09PSAnaGVhZGVyJyk7XHJcbiAgICAgICAgcmV0dXJuIFRvb2xzLklzTm90TnVsbChoZWFkZXIpID8gaGVhZGVyISA6IG51bGw7XHJcbiAgICB9KTtcclxuXHJcbiAgICAvL0NvbXB1dGVkXHJcbiAgICBwcm90ZWN0ZWQgYm9keSA9IGNvbXB1dGVkPElDb2VyUmVmIHwgbnVsbD4oKCkgPT4ge1xyXG4gICAgICAgIGNvbnN0IGJvZHkgPSB0aGlzLmNvbnRlbnRMaXN0KCkuZmluZCh4ID0+IHguY29lclJlZigpID09PSAnJyB8fCB4LmNvZXJSZWYoKSA9PT0gJ2JvZHknKTtcclxuICAgICAgICByZXR1cm4gVG9vbHMuSXNOb3ROdWxsKGJvZHkpID8gYm9keSEgOiBudWxsO1xyXG4gICAgfSk7XHJcblxyXG4gICAgLy9Db21wdXRlZFxyXG4gICAgcHJvdGVjdGVkIGZvb3RlciA9IGNvbXB1dGVkPElDb2VyUmVmIHwgbnVsbD4oKCkgPT4ge1xyXG4gICAgICAgIGNvbnN0IGZvb3RlciA9IHRoaXMuY29udGVudExpc3QoKS5maW5kKHggPT4geC5jb2VyUmVmKCkgPT09ICdmb290ZXInKTtcclxuICAgICAgICByZXR1cm4gVG9vbHMuSXNOb3ROdWxsKGZvb3RlcikgPyBmb290ZXIhIDogbnVsbDtcclxuICAgIH0pO1xyXG5cclxuICAgIC8vQ29tcHV0ZWRcclxuICAgIHByb3RlY3RlZCBfdGl0bGUgPSBjb21wdXRlZDxzdHJpbmc+KCgpID0+IHtcclxuICAgICAgICByZXR1cm4gVG9vbHMuSXNOb3ROdWxsKHRoaXMuaGVhZGVyKCkpICYmIHRoaXMuaGVhZGVyKCkhLnRpdGxlKCkubGVuZ3RoID4gMFxyXG4gICAgICAgICAgICA/IHRoaXMuaGVhZGVyKCkhLnRpdGxlKCkgOiB0aGlzLnRpdGxlKCk7XHJcbiAgICB9KTtcclxuXHJcbiAgICAvL0NvbXB1dGVkXHJcbiAgICBwcm90ZWN0ZWQgX2ljb24gPSBjb21wdXRlZDxzdHJpbmc+KCgpID0+IHtcclxuICAgICAgICByZXR1cm4gVG9vbHMuSXNOb3ROdWxsKHRoaXMuaGVhZGVyKCkpICYmIHRoaXMuaGVhZGVyKCkhLmljb24oKS5sZW5ndGggPiAwXHJcbiAgICAgICAgICAgID8gdGhpcy5oZWFkZXIoKSEuaWNvbigpIDogdGhpcy5pY29uKCk7XHJcbiAgICB9KTtcclxuXHJcbiAgICAvL091dHB1dHNcclxuICAgIHB1YmxpYyBvbk9wZW4gPSBvdXRwdXQ8dm9pZD4oKTtcclxuICAgIHB1YmxpYyBvbkNsb3NlID0gb3V0cHV0PHZvaWQ+KCk7XHJcblxyXG4gICAgLy9HZW5lcmljIFRvb2xzXHJcbiAgICBwcm90ZWN0ZWQgSXNOdWxsID0gVG9vbHMuSXNOdWxsO1xyXG4gICAgcHJvdGVjdGVkIElzTm90TnVsbCA9IFRvb2xzLklzTm90TnVsbDtcclxuXHJcbiAgICBuZ09uSW5pdCgpIHtcclxuICAgICAgICBTY3JlZW4uUmVzaXplLnN1YnNjcmliZSgocmVzcG9uc2U6IElTY3JlZW5TaXplKSA9PiB7XHJcbiAgICAgICAgICAgIHRoaXMud2luZG93V2lkdGggPSByZXNwb25zZS53aWR0aDtcclxuICAgICAgICB9KTtcclxuXHJcbiAgICAgICAgVG9vbHMuU2xlZXAoKS50aGVuKCgpID0+IHtcclxuICAgICAgICAgICAgdGhpcy5fbW9kYWwgPSBuZXcgTW9kYWwoZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQodGhpcy5faWQpISlcclxuICAgICAgICB9KTtcclxuICAgIH1cclxuXHJcblxyXG4gICAgLyoqICovXHJcbiAgICBwdWJsaWMgT3BlbigpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLl9tb2RhbC5zaG93KCk7XHJcblxyXG4gICAgICAgIGlmKCF0aGlzLl9pc09wZW4pIHtcclxuICAgICAgICAgICAgdGhpcy5faXNPcGVuID0gdHJ1ZTtcclxuICAgICAgICAgICAgdGhpcy5faXNNb2RhbE9wZW4uc2V0KHRydWUpO1xyXG4gICAgICAgICAgICBUb29scy5TbGVlcCgxMDAwKS50aGVuKCgpID0+IHRoaXMub25PcGVuLmVtaXQoKSk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuXHJcbiAgICAvKiogKi9cclxuICAgIHB1YmxpYyBDbG9zZSgpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLl9tb2RhbC5oaWRlKCk7XHJcblxyXG4gICAgICAgIGlmKHRoaXMuX2lzT3Blbikge1xyXG4gICAgICAgICAgICB0aGlzLl9pc09wZW4gPSBmYWxzZTtcclxuICAgICAgICAgICAgdGhpcy5faXNNb2RhbE9wZW4uc2V0KGZhbHNlKTtcclxuICAgICAgICAgICAgVG9vbHMuU2xlZXAoMTAwMCkudGhlbigoKSA9PiB0aGlzLm9uQ2xvc2UuZW1pdCgpKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbn0iLCI8YXNpZGUgdGl0bGU9JycgW2lkXT1cIl9pZFwiIGNsYXNzPVwibW9kYWwgZmFkZVwiIGRhdGEtYnMtYmFja2Ryb3A9XCJzdGF0aWNcIiB0YWJpbmRleD1cIi0xXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtZGlhbG9nIG1vZGFsLWRpYWxvZy1jZW50ZXJlZCBtb2RhbC1kaWFsb2ctc2Nyb2xsYWJsZVwiIFtuZ1N0eWxlXT1cInsgJ21heC13aWR0aCc6IF93aWR0aCB9XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cIm1vZGFsLWNvbnRlbnRcIj5cclxuICAgICAgICAgICAgQGlmKElzTnVsbChoZWFkZXIoKSkgfHwgKElzTm90TnVsbChoZWFkZXIoKSkgJiYgaGVhZGVyKCk/LnNob3coKSkpIHtcclxuICAgICAgICAgICAgICAgIDxoZWFkZXIgY2xhc3M9XCJtb2RhbC1oZWFkZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICA8aDYgY2xhc3M9XCJtb2RhbC10aXRsZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8aSBbY2xhc3NdPVwiX2ljb24oKVwiPjwvaT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gW25nQ2xhc3NdPVwieyAnbXMtMSc6IF9pY29uKCkubGVuZ3RoID4gMCB9XCI+IHt7IF90aXRsZSgpIH19IDwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICA8L2g2PlxyXG5cclxuICAgICAgICAgICAgICAgICAgICBAaWYoc2hvd0Nsb3NlQnV0dG9uKCkpIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJidG4tY2xvc2VcIiAoY2xpY2spPVwiQ2xvc2UoKVwiPjwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIDwvaGVhZGVyPlxyXG4gICAgICAgICAgICB9XHJcblxyXG4gICAgICAgICAgICA8c2VjdGlvbiBjbGFzcz1cIm1vZGFsLWJvZHlcIiBbbmdTdHlsZV09XCJ7XHJcbiAgICAgICAgICAgICAgICAgICAgJ2hlaWdodCc6IGhlaWdodCgpLFxyXG4gICAgICAgICAgICAgICAgICAgICdtYXgtaGVpZ2h0JzogbWF4SGVpZ2h0KCksXHJcbiAgICAgICAgICAgICAgICAgICAgJ292ZXJmbG93JzogbWF4SGVpZ2h0KCkgPT09ICcnID8gJ3Zpc2libGUnIDogJ2F1dG8nXHJcbiAgICAgICAgICAgICAgICB9XCI+XHJcbiAgICAgICAgICAgICAgICBAaWYoSXNOb3ROdWxsKGJvZHkoKSkgJiYgYm9keSgpPy5zaG93KCkpIHtcclxuICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImJvZHkoKSEudGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgIH1cclxuXHJcbiAgICAgICAgICAgICAgICBAZWxzZSB7XHJcbiAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICA8L3NlY3Rpb24+XHJcblxyXG4gICAgICAgICAgICBAaWYoSXNOb3ROdWxsKGZvb3RlcigpKSkge1xyXG4gICAgICAgICAgICAgICAgPGZvb3RlciBjbGFzcz1cIm1vZGFsLWZvb3RlclwiPlxyXG4gICAgICAgICAgICAgICAgICAgIEBpZihmb290ZXIoKT8uc2hvdygpKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiZm9vdGVyKCkhLnRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgPC9mb290ZXI+XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxkaXYgW25nQ2xhc3NdPVwieyAnYmFja2Ryb3AnOiBfaXNNb2RhbE9wZW4oKSB9XCI+PC9kaXY+XHJcbjwvYXNpZGU+Il19

package/esm2022/components/lib/coer-numberbox/coer-numberbox.component.mjs

@@ -0,0 +1,260 @@
+import { Component, computed, inject, Input, input, output, signal, viewChild } from '@angular/core';
+import { CoerAlert } from '../../lib/coer-alert/coer-alert.component';
+import { CONTROL_VALUE, ControlValue } from '../../../tools/lib/control-value.class';
+import { Tools } from '../../../tools/lib/tools';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/input";
+import * as i3 from "@angular/material/form-field";
+export class CoerNumberBox extends ControlValue {
+    constructor() {
+        super(...arguments);
+        //Injections
+        this.alert = inject(CoerAlert);
+        //Component Value
+        this._value = '';
+        this.matFormField = viewChild.required('matFormField');
+        this.coerNumberbox = viewChild.required('coerNumberbox');
+        //Variables
+        this._id = Tools.GetGuid('coer-numberbox');
+        this._isLoadingEvent = signal(false);
+        this.hideCaret = false;
+        this.id = '';
+        this.label = input('');
+        this.placeholder = input('');
+        this.min = input(0);
+        this.max = input(2147483647);
+        this.decimals = input(0);
+        this.width = input('100%');
+        this.minWidth = input('190px');
+        this.maxWidth = input('100%');
+        this.marginTop = input('0px');
+        this.marginRight = input('0px');
+        this.marginBottom = input('0px');
+        this.marginLeft = input('0px');
+        this.isInvalid = input(false);
+        this.isValid = input(false);
+        this.isDisabled = input(false);
+        this.isReadonly = input(false);
+        this.isLoading = input(false);
+        this.selectOnFocus = input(true);
+        this.textPosition = input('right');
+        //Outputs
+        this.onKeyupEnter = output();
+        this.onInput = output();
+        //computed
+        this._isEnable = computed(() => {
+            return !this.isDisabled() && !this.isLoading() && !this.isReadonly();
+        });
+        //computed
+        this.floatLabel = computed(() => {
+            return this.label() == '' ? 'always' : 'auto';
+        });
+        //computed
+        this.paddingRight = computed(() => {
+            return this.isInvalid() || this.isValid()
+                ? '18px' : '0px';
+        });
+    }
+    //Inputs
+    set value(value) {
+        if (Tools.IsNull(value))
+            value = 0;
+        this.SetValue(value);
+    }
+    ngOnInit() {
+        Tools.Sleep().then(() => {
+            this.element = document.getElementById(this._id);
+            if (this.element) {
+                this.element.addEventListener('focus', () => {
+                    if (!this._isEnable())
+                        this.Blur();
+                    else if (this.selectOnFocus())
+                        this.Select();
+                });
+                this.element.addEventListener('blur', () => this.Blur());
+                this.element.addEventListener('keyup', (event) => {
+                    if (this._isEnable()) {
+                        const { key } = event;
+                        if (key === 'Enter') {
+                            let value = this.coerNumberbox().nativeElement.value;
+                            value = this.OnlyNumbers(value);
+                            value = this.ValidateRangeValue(value);
+                            this.onKeyupEnter.emit(value);
+                            this.Blur();
+                        }
+                        if (key === 'ArrowUp') {
+                            this.hideCaret = true;
+                            this.SetValue(Number(this._value) + 1);
+                            Tools.Sleep(500, 'ArrowUp').then(() => this.hideCaret = false);
+                        }
+                        if (key === 'ArrowDown') {
+                            this.hideCaret = true;
+                            this.SetValue(Number(this._value) - 1);
+                            Tools.Sleep(500, 'ArrowDown').then(() => this.hideCaret = false);
+                        }
+                    }
+                });
+                this.element.addEventListener('input', () => {
+                    Tools.Sleep().then(() => {
+                        let value = this.coerNumberbox().nativeElement.value;
+                        value = this.OnlyNumbers(value);
+                        value = this.ValidateRangeValue(value);
+                        if (this._isEnable())
+                            this.onInput.emit(value);
+                    });
+                });
+            }
+        });
+    }
+    //getter
+    get value() {
+        return this._value;
+    }
+    //ControlValueAccessor
+    SetValue(value) {
+        value = this.OnlyNumbers(value);
+        value = this.ValidateRangeValue(value);
+        this._UpdateValue(value);
+        this.coerNumberbox().nativeElement.value = value;
+        this._value = value;
+    }
+    //ControlValueAccessor
+    writeValue(value) {
+        value = this.OnlyNumbers(value);
+        value = this.ValidateRangeValue(value);
+        this.coerNumberbox().nativeElement.value = value;
+        this._value = value;
+    }
+    /** */
+    OnlyNumbers(value) {
+        let isNegative = false;
+        let valueString = String(value).trim();
+        //Negatives
+        if (valueString.includes('-')) {
+            if (this.min() < 0) {
+                isNegative = valueString.startsWith('-');
+                if (valueString == '-')
+                    return '-';
+                if (valueString == '-.')
+                    return '-0.';
+                if (valueString == '-0')
+                    return '-0';
+                if (valueString == '-0.')
+                    return '-0.';
+            }
+            else if (Number(value) < this.min()) {
+                this.alert.Warning(`Minimum ${this.min()}`, 'Out of range', 'fa-solid fa-hashtag');
+                valueString = '0';
+            }
+        }
+        const charArray = [];
+        for (const char of valueString) {
+            if (['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'].includes(char)) {
+                charArray.push(char);
+            }
+            else if (char == '.' && this.decimals() > 0) {
+                charArray.push(char);
+            }
+        }
+        valueString = charArray.join('');
+        //Decimals
+        if (this.decimals() > 0) {
+            let integerString = valueString.split('.')[0] || '';
+            let decimalString = valueString.split('.')[1] || '';
+            decimalString = decimalString.substring(0, this.decimals());
+            if (valueString == '.')
+                return '0.';
+            else if (valueString.includes('.') && decimalString == '') {
+                return (isNegative) ? `-${integerString}.` : `${integerString}.`;
+            }
+            else if (valueString.includes('.') && decimalString.endsWith('0')) {
+                return (isNegative) ? `-${integerString}.${decimalString}` : `${integerString}.${decimalString}`;
+            }
+            else if (integerString == '' && decimalString == '') {
+                return '0';
+            }
+            valueString = `${integerString}.${decimalString}`;
+        }
+        if (isNegative) {
+            valueString = `-${valueString}`;
+        }
+        return Number(valueString);
+    }
+    /** */
+    ValidateRangeValue(value) {
+        if (['-', '.', '-.', '-0', '-0.'].includes(String(value))) {
+            return String(value);
+        }
+        if (Number(value) < this.min()) {
+            this.alert.Warning(`Minimum ${this.min()}`, 'Out of range', 'fa-solid fa-hashtag');
+            value = this.min();
+        }
+        if (Number(value) > this.max()) {
+            this.alert.Warning(`Cannot exceed ${this.max()}`, 'Out of range', 'fa-solid fa-hashtag');
+            value = this.max();
+        }
+        if (this.decimals() <= 0) {
+            if (String(value).includes('.')) {
+                value = String(value).split('.')[0];
+            }
+        }
+        return String(value);
+    }
+    /** */
+    Focus(timeout = 0) {
+        if (this._isLoadingEvent())
+            return;
+        else
+            this._isLoadingEvent.set(true);
+        Tools.Sleep(timeout).then(() => {
+            if (this._isEnable()) {
+                this.element.focus();
+            }
+            this._isLoadingEvent.set(false);
+        });
+    }
+    /** */
+    Select(timeout = 0) {
+        if (this._isLoadingEvent())
+            return;
+        else
+            this._isLoadingEvent.set(true);
+        Tools.Sleep(timeout).then(() => {
+            if (this._isEnable()) {
+                this.element.focus();
+                this.element.select();
+            }
+            this._isLoadingEvent.set(false);
+        });
+    }
+    /** */
+    Blur() {
+        if (this._isLoadingEvent())
+            return;
+        else
+            this._isLoadingEvent.set(true);
+        Tools.Sleep().then(() => {
+            if (this.element) {
+                this.element.blur();
+                setTimeout(() => {
+                    const element = document.querySelector(`#${this._id}-container .mdc-line-ripple--active`);
+                    if (element)
+                        element.classList.remove('mdc-line-ripple--active');
+                    this._isLoadingEvent.set(false);
+                });
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CoerNumberBox, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CoerNumberBox, selector: "coer-numberbox", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, decimals: { classPropertyName: "decimals", publicName: "decimals", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, marginTop: { classPropertyName: "marginTop", publicName: "marginTop", isSignal: true, isRequired: false, transformFunction: null }, marginRight: { classPropertyName: "marginRight", publicName: "marginRight", isSignal: true, isRequired: false, transformFunction: null }, marginBottom: { classPropertyName: "marginBottom", publicName: "marginBottom", isSignal: true, isRequired: false, transformFunction: null }, marginLeft: { classPropertyName: "marginLeft", publicName: "marginLeft", isSignal: true, isRequired: false, transformFunction: null }, isInvalid: { classPropertyName: "isInvalid", publicName: "isInvalid", isSignal: true, isRequired: false, transformFunction: null }, isValid: { classPropertyName: "isValid", publicName: "isValid", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, selectOnFocus: { classPropertyName: "selectOnFocus", publicName: "selectOnFocus", isSignal: true, isRequired: false, transformFunction: null }, textPosition: { classPropertyName: "textPosition", publicName: "textPosition", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onKeyupEnter: "onKeyupEnter", onInput: "onInput" }, providers: [CONTROL_VALUE(CoerNumberBox)], viewQueries: [{ propertyName: "matFormField", first: true, predicate: ["matFormField"], descendants: true, isSignal: true }, { propertyName: "coerNumberbox", first: true, predicate: ["coerNumberbox"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"coer-number-box\">\r\n    <mat-form-field\r\n        [id]=\"_id + '-container'\"\r\n        [floatLabel]=\"floatLabel()\"\r\n        [ngClass]=\"{\r\n            'readonly': isReadonly() && !isLoading()\r\n        }\"\r\n        [style]=\"{\r\n            'width': width(),\r\n            'min-width': minWidth(),\r\n            'max-width': maxWidth(),\r\n            'margin-top': marginTop(),\r\n            'margin-right': marginRight(),\r\n            'margin-bottom': marginBottom(),\r\n            'margin-left': marginLeft()\r\n        }\">\r\n        <mat-label>{{ label() }}</mat-label>\r\n\r\n        <input #coerNumberbox matInput\r\n            [id]=\"_id\"\r\n            type=\"text\"\r\n            [placeholder]=\"placeholder()\"\r\n            [disabled]=\"!_isEnable()\"\r\n            [value]=\"_value\"\r\n            (input)=\"SetValue(coerNumberbox.value)\"\r\n            (blur)=\"SetTouched(true)\"\r\n            [ngClass]=\"{ 'caret-none': hideCaret }\"\r\n            [style]=\"{\r\n                'cursor': isLoading() ? 'wait' : null,\r\n                'margin-top': (floatLabel() == 'auto') ? '15px' : '9px',\r\n                'padding-right': paddingRight(),\r\n                'text-align': textPosition()\r\n            }\">\r\n\r\n        @if(isLoading()) {\r\n            <div class=\"placeholder-glow\">\r\n                <span class=\"placeholder\"></span>\r\n            </div>\r\n        }\r\n\r\n        <span ngClass=\"icon-container\">\r\n            @if(isInvalid() && !isDisabled() && !isLoading()) {\r\n                <i class=\"fa-solid fa-circle-exclamation\"></i>\r\n            }\r\n\r\n            @else if(isValid() && !isDisabled() && !isLoading()) {\r\n                <i class=\"fa-solid fa-circle-check text-green\"></i>\r\n            }\r\n        </span>\r\n    </mat-form-field>\r\n</div>", styles: ["div.coer-number-box .text-blue{color:#0d6efd!important}div.coer-number-box .text-blue-bold{color:#0d6efd!important;font-weight:700!important}div.coer-number-box .background-blue{background-color:#0d6efd!important}div.coer-number-box .background-border-blue{background-color:#0d6efd!important;border-color:#0d6efd!important}div.coer-number-box .border-blue{border-color:#0d6efd!important}div.coer-number-box .text-gray{color:#6c757d!important}div.coer-number-box .text-gray-bold{color:#6c757d!important;font-weight:700!important}div.coer-number-box .background-gray{background-color:#6c757d!important}div.coer-number-box .background-border-gray{background-color:#6c757d!important;border-color:#6c757d!important}div.coer-number-box .border-gray{border-color:#6c757d!important}div.coer-number-box .text-green{color:#198754!important}div.coer-number-box .text-green-bold{color:#198754!important;font-weight:700!important}div.coer-number-box .background-green{background-color:#198754!important}div.coer-number-box .background-border-green{background-color:#198754!important;border-color:#198754!important}div.coer-number-box .border-green{border-color:#198754!important}div.coer-number-box .text-yellow{color:#ffc107!important}div.coer-number-box .text-yellow-bold{color:#ffc107!important;font-weight:700!important}div.coer-number-box .background-yellow{background-color:#ffc107!important}div.coer-number-box .background-border-yellow{background-color:#ffc107!important;border-color:#ffc107!important}div.coer-number-box .border-yellow{border-color:#ffc107!important}div.coer-number-box .text-red{color:#dc3545!important}div.coer-number-box .text-red-bold{color:#dc3545!important;font-weight:700!important}div.coer-number-box .background-red{background-color:#dc3545!important}div.coer-number-box .background-border-red{background-color:#dc3545!important;border-color:#dc3545!important}div.coer-number-box .border-red{border-color:#dc3545!important}div.coer-number-box .text-white{color:#f5f5f5!important}div.coer-number-box .text-white-bold{color:#f5f5f5!important;font-weight:700!important}div.coer-number-box .background-white{background-color:#f5f5f5!important}div.coer-number-box .background-border-white{background-color:#f5f5f5!important;border-color:#f5f5f5!important}div.coer-number-box .border-white{border-color:#f5f5f5!important}div.coer-number-box .text-black{color:#252525!important}div.coer-number-box .text-black-bold{color:#252525!important;font-weight:700!important}div.coer-number-box .background-black{background-color:#252525!important}div.coer-number-box .background-border-black{background-color:#252525!important;border-color:#252525!important}div.coer-number-box .border-black{border-color:#252525!important}div.coer-number-box .text-orange{color:#fd6031!important}div.coer-number-box .text-orange-bold{color:#fd6031!important;font-weight:700!important}div.coer-number-box .background-orange{background-color:#fd6031!important}div.coer-number-box .background-border-orange{background-color:#fd6031!important;border-color:#fd6031!important}div.coer-number-box .border-orange{border-color:#fd6031!important}div.coer-number-box mat-form-field{position:relative!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{width:100%!important;height:40px!important;padding:0!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label{overflow:visible!important;position:absolute!important;top:20px!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label{color:#fd6031;font-weight:700;position:relative;left:-10px;top:2px}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{font-weight:400!important;font-size:17px!important;color:#252525!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input.caret-none{caret-color:transparent!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:after{border-bottom-color:#fd6031!important}div.coer-number-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-number-box mat-form-field span.icon-container{position:absolute!important;top:1px!important;right:-14px!important;z-index:5!important;width:30px;height:40px;display:flex;align-items:center;justify-content:center}div.coer-number-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-xmark,div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass{color:#caced1!important;cursor:pointer!important}div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover{color:#6c757d!important}div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:#198754!important}div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:#dc3545!important}div.coer-number-box mat-form-field span.placeholder{width:calc(100% + 32px)!important;height:40px!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important}div.coer-number-box mat-form-field .placeholder,div.coer-number-box mat-form-field .placeholder *,div.coer-number-box mat-form-field .placeholder-glow,div.coer-number-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-number-box mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:transparent!important;padding-left:9px!important;padding-right:9px!important}coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:after{border-bottom-color:transparent!important}coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:28px!important}coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{height:28px!important}coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{margin-top:3px!important;font-size:14px!important}coer-grid table tbody tr td.coer-numberbox mat-form-field span.icon-container{transform:translate(-5px,-6px)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CoerNumberBox, decorators: [{
+            type: Component,
+            args: [{ selector: 'coer-numberbox', providers: [CONTROL_VALUE(CoerNumberBox)], template: "<div class=\"coer-number-box\">\r\n    <mat-form-field\r\n        [id]=\"_id + '-container'\"\r\n        [floatLabel]=\"floatLabel()\"\r\n        [ngClass]=\"{\r\n            'readonly': isReadonly() && !isLoading()\r\n        }\"\r\n        [style]=\"{\r\n            'width': width(),\r\n            'min-width': minWidth(),\r\n            'max-width': maxWidth(),\r\n            'margin-top': marginTop(),\r\n            'margin-right': marginRight(),\r\n            'margin-bottom': marginBottom(),\r\n            'margin-left': marginLeft()\r\n        }\">\r\n        <mat-label>{{ label() }}</mat-label>\r\n\r\n        <input #coerNumberbox matInput\r\n            [id]=\"_id\"\r\n            type=\"text\"\r\n            [placeholder]=\"placeholder()\"\r\n            [disabled]=\"!_isEnable()\"\r\n            [value]=\"_value\"\r\n            (input)=\"SetValue(coerNumberbox.value)\"\r\n            (blur)=\"SetTouched(true)\"\r\n            [ngClass]=\"{ 'caret-none': hideCaret }\"\r\n            [style]=\"{\r\n                'cursor': isLoading() ? 'wait' : null,\r\n                'margin-top': (floatLabel() == 'auto') ? '15px' : '9px',\r\n                'padding-right': paddingRight(),\r\n                'text-align': textPosition()\r\n            }\">\r\n\r\n        @if(isLoading()) {\r\n            <div class=\"placeholder-glow\">\r\n                <span class=\"placeholder\"></span>\r\n            </div>\r\n        }\r\n\r\n        <span ngClass=\"icon-container\">\r\n            @if(isInvalid() && !isDisabled() && !isLoading()) {\r\n                <i class=\"fa-solid fa-circle-exclamation\"></i>\r\n            }\r\n\r\n            @else if(isValid() && !isDisabled() && !isLoading()) {\r\n                <i class=\"fa-solid fa-circle-check text-green\"></i>\r\n            }\r\n        </span>\r\n    </mat-form-field>\r\n</div>", styles: ["div.coer-number-box .text-blue{color:#0d6efd!important}div.coer-number-box .text-blue-bold{color:#0d6efd!important;font-weight:700!important}div.coer-number-box .background-blue{background-color:#0d6efd!important}div.coer-number-box .background-border-blue{background-color:#0d6efd!important;border-color:#0d6efd!important}div.coer-number-box .border-blue{border-color:#0d6efd!important}div.coer-number-box .text-gray{color:#6c757d!important}div.coer-number-box .text-gray-bold{color:#6c757d!important;font-weight:700!important}div.coer-number-box .background-gray{background-color:#6c757d!important}div.coer-number-box .background-border-gray{background-color:#6c757d!important;border-color:#6c757d!important}div.coer-number-box .border-gray{border-color:#6c757d!important}div.coer-number-box .text-green{color:#198754!important}div.coer-number-box .text-green-bold{color:#198754!important;font-weight:700!important}div.coer-number-box .background-green{background-color:#198754!important}div.coer-number-box .background-border-green{background-color:#198754!important;border-color:#198754!important}div.coer-number-box .border-green{border-color:#198754!important}div.coer-number-box .text-yellow{color:#ffc107!important}div.coer-number-box .text-yellow-bold{color:#ffc107!important;font-weight:700!important}div.coer-number-box .background-yellow{background-color:#ffc107!important}div.coer-number-box .background-border-yellow{background-color:#ffc107!important;border-color:#ffc107!important}div.coer-number-box .border-yellow{border-color:#ffc107!important}div.coer-number-box .text-red{color:#dc3545!important}div.coer-number-box .text-red-bold{color:#dc3545!important;font-weight:700!important}div.coer-number-box .background-red{background-color:#dc3545!important}div.coer-number-box .background-border-red{background-color:#dc3545!important;border-color:#dc3545!important}div.coer-number-box .border-red{border-color:#dc3545!important}div.coer-number-box .text-white{color:#f5f5f5!important}div.coer-number-box .text-white-bold{color:#f5f5f5!important;font-weight:700!important}div.coer-number-box .background-white{background-color:#f5f5f5!important}div.coer-number-box .background-border-white{background-color:#f5f5f5!important;border-color:#f5f5f5!important}div.coer-number-box .border-white{border-color:#f5f5f5!important}div.coer-number-box .text-black{color:#252525!important}div.coer-number-box .text-black-bold{color:#252525!important;font-weight:700!important}div.coer-number-box .background-black{background-color:#252525!important}div.coer-number-box .background-border-black{background-color:#252525!important;border-color:#252525!important}div.coer-number-box .border-black{border-color:#252525!important}div.coer-number-box .text-orange{color:#fd6031!important}div.coer-number-box .text-orange-bold{color:#fd6031!important;font-weight:700!important}div.coer-number-box .background-orange{background-color:#fd6031!important}div.coer-number-box .background-border-orange{background-color:#fd6031!important;border-color:#fd6031!important}div.coer-number-box .border-orange{border-color:#fd6031!important}div.coer-number-box mat-form-field{position:relative!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{width:100%!important;height:40px!important;padding:0!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label{overflow:visible!important;position:absolute!important;top:20px!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label{color:#fd6031;font-weight:700;position:relative;left:-10px;top:2px}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{font-weight:400!important;font-size:17px!important;color:#252525!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input.caret-none{caret-color:transparent!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:after{border-bottom-color:#fd6031!important}div.coer-number-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-number-box mat-form-field span.icon-container{position:absolute!important;top:1px!important;right:-14px!important;z-index:5!important;width:30px;height:40px;display:flex;align-items:center;justify-content:center}div.coer-number-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-xmark,div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass{color:#caced1!important;cursor:pointer!important}div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover{color:#6c757d!important}div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:#198754!important}div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:#dc3545!important}div.coer-number-box mat-form-field span.placeholder{width:calc(100% + 32px)!important;height:40px!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important}div.coer-number-box mat-form-field .placeholder,div.coer-number-box mat-form-field .placeholder *,div.coer-number-box mat-form-field .placeholder-glow,div.coer-number-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-number-box mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:transparent!important;padding-left:9px!important;padding-right:9px!important}coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:after{border-bottom-color:transparent!important}coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:28px!important}coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{height:28px!important}coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{margin-top:3px!important;font-size:14px!important}coer-grid table tbody tr td.coer-numberbox mat-form-field span.icon-container{transform:translate(-5px,-6px)!important}\n"] }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29lci1udW1iZXJib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29lci1lbGVtZW50cy9zcmMvY29tcG9uZW50cy9saWIvY29lci1udW1iZXJib3gvY29lci1udW1iZXJib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29lci1lbGVtZW50cy9zcmMvY29tcG9uZW50cy9saWIvY29lci1udW1iZXJib3gvY29lci1udW1iZXJib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQWMsTUFBTSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekgsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDckYsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7OztBQVFqRCxNQUFNLE9BQU8sYUFBYyxTQUFRLFlBQVk7SUFOL0M7O1FBUUksWUFBWTtRQUNPLFVBQUssR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUM7UUFFN0MsaUJBQWlCO1FBQ0QsV0FBTSxHQUFvQixFQUFFLENBQUM7UUFDbkMsaUJBQVksR0FBRyxTQUFTLENBQUMsUUFBUSxDQUFhLGNBQWMsQ0FBQyxDQUFDO1FBQzlELGtCQUFhLEdBQUcsU0FBUyxDQUFDLFFBQVEsQ0FBYSxlQUFlLENBQUMsQ0FBQztRQUUxRSxXQUFXO1FBQ0QsUUFBRyxHQUFXLEtBQUssQ0FBQyxPQUFPLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUM5QyxvQkFBZSxHQUFHLE1BQU0sQ0FBVSxLQUFLLENBQUMsQ0FB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QUcsRUFBRTtZQUNwQixJQUFHLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztnQkFDZCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO2dCQUVwQixVQUFVLENBQUMsR0FBRyxFQUFFO29CQUNaLE1BQU0sT0FBTyxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsSUFBSSxJQUFJLENBQUMsR0FBRyxxQ0FBcUMsQ0FBQyxDQUFDO29CQUMxRixJQUFJLE9BQU87d0JBQUUsT0FBTyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMseUJBQXlCLENBQUMsQ0FBQztvQkFDakUsSUFBSSxDQUFDLGVBQWUsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7Z0JBQ3BDLENBQUMsQ0FBQyxDQUFBO1lBQ04sQ0FBQztRQUNMLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQzsrR0FuUlEsYUFBYTttR0FBYixhQUFhLGl4RkFGWCxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsQ0FBQyxnU0NUN0MsMjBEQWtETTs7NEZEdkNPLGFBQWE7a0JBTnpCLFNBQVM7K0JBQ0ksZ0JBQWdCLGFBR2YsQ0FBQyxhQUFhLGVBQWUsQ0FBQzs4QkFtQjVCLEtBQUs7c0JBQWpCLEtBQUs7Z0JBS0csRUFBRTtzQkFBVixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBjb21wdXRlZCwgRWxlbWVudFJlZiwgaW5qZWN0LCBJbnB1dCwgaW5wdXQsIE9uSW5pdCwgb3V0cHV0LCBzaWduYWwsIHZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb2VyQWxlcnQgfSBmcm9tICcuLi8uLi9saWIvY29lci1hbGVydC9jb2VyLWFsZXJ0LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IENPTlRST0xfVkFMVUUsIENvbnRyb2xWYWx1ZSB9IGZyb20gJy4uLy4uLy4uL3Rvb2xzL2xpYi9jb250cm9sLXZhbHVlLmNsYXNzJztcclxuaW1wb3J0IHsgVG9vbHMgfSBmcm9tICcuLi8uLi8uLi90b29scy9saWIvdG9vbHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2NvZXItbnVtYmVyYm94JyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9jb2VyLW51bWJlcmJveC5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybDogJy4vY29lci1udW1iZXJib3guY29tcG9uZW50LnNjc3MnLFxyXG4gICAgcHJvdmlkZXJzOiBbQ09OVFJPTF9WQUxVRShDb2VyTnVtYmVyQm94KV1cclxufSlcclxuZXhwb3J0IGNsYXNzIENvZXJOdW1iZXJCb3ggZXh0ZW5kcyBDb250cm9sVmFsdWUgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICAgIC8vSW5qZWN0aW9uc1xyXG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IGFsZXJ0ID0gaW5qZWN0KENvZXJBbGVydCk7XHJcblxyXG4gICAgLy9Db21wb25lbnQgVmFsdWVcclxuICAgIHB1YmxpYyBvdmVycmlkZSBfdmFsdWU6IHN0cmluZyB8IG51bWJlciA9ICcnO1xyXG4gICAgcHJvdGVjdGVkIG1hdEZvcm1GaWVsZCA9IHZpZXdDaGlsZC5yZXF1aXJlZDxFbGVtZW50UmVmPignbWF0Rm9ybUZpZWxkJyk7XHJcbiAgICBwcm90ZWN0ZWQgY29lck51bWJlcmJveCA9IHZpZXdDaGlsZC5yZXF1aXJlZDxFbGVtZW50UmVmPignY29lck51bWJlcmJveCcpO1xyXG5cclxuICAgIC8vVmFyaWFibGVzXHJcbiAgICBwcm90ZWN0ZWQgX2lkOiBzdHJpbmcgPSBUb29scy5HZXRHdWlkKCdjb2VyLW51bWJlcmJveCcpO1xyXG4gICAgcHJvdGVjdGVkIF9pc0xvYWRpbmdFdmVudCA9IHNpZ25hbDxib29sZWFuPihmYWxzZSk7XHJcbiAgICBwcml2YXRlIGVsZW1lbnQhOiBIVE1MSW5wdXRFbGVtZW50O1xyXG4gICAgcHJvdGVjdGVkIGhpZGVDYXJldDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICAgIC8vSW5wdXRzXHJcbiAgICBASW5wdXQoKSBzZXQgdmFsdWUodmFsdWU6IG51bWJlciB8IHN0cmluZyB8IG51bGwgfCB1bmRlZmluZWQpIHtcclxuICAgICAgICBpZihUb29scy5Jc051bGwodmFsdWUpKSB2YWx1ZSA9IDA7XHJcbiAgICAgICAgdGhpcy5TZXRWYWx1ZSh2YWx1ZSBhcyBzdHJpbmcpO1xyXG4gICAgfVxyXG5cclxuICAgIEBJbnB1dCgpIGlkOiBzdHJpbmcgPSAnJztcclxuICAgIHB1YmxpYyBsYWJlbCA9IGlucHV0PHN0cmluZz4oJycpO1xyXG4gICAgcHVibGljIHBsYWNlaG9sZGVyID0gaW5wdXQ8c3RyaW5nPignJyk7XHJcbiAgICBwdWJsaWMgbWluID0gaW5wdXQ8bnVtYmVyPigwKTtcclxuICAgIHB1YmxpYyBtYXggPSBpbnB1dDxudW1iZXI+KDIxNDc0ODM2NDcpO1xyXG4gICAgcHVibGljIGRlY2ltYWxzID0gaW5wdXQ8bnVtYmVyPigwKTtcclxuICAgIHB1YmxpYyB3aWR0aCA9IGlucHV0PHN0cmluZz4oJzEwMCUnKTtcclxuICAgIHB1YmxpYyBtaW5XaWR0aCA9IGlucHV0PHN0cmluZz4oJzE5MHB4Jyk7XHJcbiAgICBwdWJsaWMgbWF4V2lkdGggPSBpbnB1dDxzdHJpbmc+KCcxMDAlJyk7XHJcbiAgICBwdWJsaWMgbWFyZ2luVG9wID0gaW5wdXQ8c3RyaW5nPignMHB4Jyk7XHJcbiAgICBwdWJsaWMgbWFyZ2luUmlnaHQgPSBpbnB1dDxzdHJpbmc+KCcwcHgnKTtcclxuICAgIHB1YmxpYyBtYXJnaW5Cb3R0b20gPSBpbnB1dDxzdHJpbmc+KCcwcHgnKTtcclxuICAgIHB1YmxpYyBtYXJnaW5MZWZ0ID0gaW5wdXQ8c3RyaW5nPignMHB4Jyk7XHJcbiAgICBwdWJsaWMgaXNJbnZhbGlkID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xyXG4gICAgcHVibGljIGlzVmFsaWQgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XHJcbiAgICBwdWJsaWMgaXNEaXNhYmxlZCA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcclxuICAgIHB1YmxpYyBpc1JlYWRvbmx5ID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xyXG4gICAgcHVibGljIGlzTG9hZGluZyA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcclxuICAgIHB1YmxpYyBzZWxlY3RPbkZvY3VzID0gaW5wdXQ8Ym9vbGVhbj4odHJ1ZSk7XHJcbiAgICBwdWJsaWMgdGV4dFBvc2l0aW9uID0gaW5wdXQ8J2xlZnQnIHwgJ2NlbnRlcicgfCAncmlnaHQnPigncmlnaHQnKTtcclxuXHJcbiAgICAvL091dHB1dHNcclxuICAgIHB1YmxpYyBvbktleXVwRW50ZXIgPSBvdXRwdXQ8c3RyaW5nIHwgbnVtYmVyPigpO1xyXG4gICAgcHVibGljIG9uSW5wdXQgPSBvdXRwdXQ8c3RyaW5nIHwgbnVtYmVyPigpO1xyXG5cclxuICAgIG5nT25Jbml0KCkge1xyXG4gICAgICAgIFRvb2xzLlNsZWVwKCkudGhlbigoKSA9PiB7XHJcbiAgICAgICAgICAgIHRoaXMuZWxlbWVudCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKHRoaXMuX2lkKSEgYXMgSFRNTElucHV0RWxlbWVudDtcclxuXHJcbiAgICAgICAgICAgIGlmICh0aGlzLmVsZW1lbnQpIHtcclxuICAgICAgICAgICAgICAgIHRoaXMuZWxlbWVudC5hZGRFdmVudExpc3RlbmVyKCdmb2N1cycsICgpID0+IHtcclxuICAgICAgICAgICAgICAgICAgICBpZiAoIXRoaXMuX2lzRW5hYmxlKCkpIHRoaXMuQmx1cigpO1xyXG4gICAgICAgICAgICAgICAgICAgIGVsc2UgaWYgKHRoaXMuc2VsZWN0T25Gb2N1cygpKSB0aGlzLlNlbGVjdCgpO1xyXG4gICAgICAgICAgICAgICAgfSk7XHJcblxyXG4gICAgICAgICAgICAgICAgdGhpcy5lbGVtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2JsdXInLCAoKSA9PiB0aGlzLkJsdXIoKSk7XHJcblxyXG4gICAgICAgICAgICAgICAgdGhpcy5lbGVtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2tleXVwJywgKGV2ZW50OiBLZXlib2FyZEV2ZW50KSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgaWYgKHRoaXMuX2lzRW5hYmxlKCkpIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgeyBrZXkgfSA9IGV2ZW50O1xyXG5cclxuICAgICAgICAgICAgICAgICAgICAgICAgaWYgKGtleSA9PT0gJ0VudGVyJykge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGV0IHZhbHVlID0gdGhpcy5jb2VyTnVtYmVyYm94KCkubmF0aXZlRWxlbWVudC52YWx1ZTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlID0gdGhpcy5Pbmx5TnVtYmVycyh2YWx1ZSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZSA9IHRoaXMuVmFsaWRhdGVSYW5nZVZhbHVlKHZhbHVlKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMub25LZXl1cEVudGVyLmVtaXQodmFsdWUpO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5CbHVyKCk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGlmIChrZXkgPT09ICdBcnJvd1VwJykge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5oaWRlQ2FyZXQgPSB0cnVlO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5TZXRWYWx1ZShOdW1iZXIodGhpcy5fdmFsdWUpICsgMSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBUb29scy5TbGVlcCg1MDAsICdBcnJvd1VwJykudGhlbigoKSA9PiB0aGlzLmhpZGVDYXJldCA9IGZhbHNlKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG5cclxuICAgICAgICAgICAgICAgICAgICAgICAgaWYgKGtleSA9PT0gJ0Fycm93RG93bicpIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMuaGlkZUNhcmV0ID0gdHJ1ZTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMuU2V0VmFsdWUoTnVtYmVyKHRoaXMuX3ZhbHVlKSAtIDEpO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgVG9vbHMuU2xlZXAoNTAwLCAnQXJyb3dEb3duJykudGhlbigoKSA9PiB0aGlzLmhpZGVDYXJldCA9IGZhbHNlKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH0pO1xyXG5cclxuICAgICAgICAgICAgICAgIHRoaXMuZWxlbWVudC5hZGRFdmVudExpc3RlbmVyKCdpbnB1dCcsICgpID0+IHtcclxuICAgICAgICAgICAgICAgICAgICBUb29scy5TbGVlcCgpLnRoZW4oKCkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBsZXQgdmFsdWUgPSB0aGlzLmNvZXJOdW1iZXJib3goKS5uYXRpdmVFbGVtZW50LnZhbHVlO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZSA9IHRoaXMuT25seU51bWJlcnModmFsdWUpO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZSA9IHRoaXMuVmFsaWRhdGVSYW5nZVZhbHVlKHZhbHVlKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgaWYgKHRoaXMuX2lzRW5hYmxlKCkpIHRoaXMub25JbnB1dC5lbWl0KHZhbHVlKTtcclxuICAgICAgICAgICAgICAgICAgICB9KTtcclxuICAgICAgICAgICAgICAgIH0pO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcblxyXG4gICAgLy9nZXR0ZXJcclxuICAgIHB1YmxpYyBnZXQgdmFsdWUoKSB7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMuX3ZhbHVlO1xyXG4gICAgfVxyXG5cclxuICAgIC8vY29tcHV0ZWRcclxuICAgIHByb3RlY3RlZCBfaXNFbmFibGUgPSBjb21wdXRlZDxib29sZWFuPigoKSA9PiB7XHJcbiAgICAgICAgcmV0dXJuICF0aGlzLmlzRGlzYWJsZWQoKSAmJiAhdGhpcy5pc0xvYWRpbmcoKSAmJiAhdGhpcy5pc1JlYWRvbmx5KCk7XHJcbiAgICB9KTtcclxuXHJcbiAgICAvL2NvbXB1dGVkXHJcbiAgICBwcm90ZWN0ZWQgZmxvYXRMYWJlbCA9IGNvbXB1dGVkPCdhdXRvJyB8ICdhbHdheXMnPigoKSA9PiB7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMubGFiZWwoKSA9PSAnJyA/ICdhbHdheXMnIDogJ2F1dG8nXHJcbiAgICB9KTtcclxuXHJcbiAgICAvL2NvbXB1dGVkXHJcbiAgICBwcm90ZWN0ZWQgcGFkZGluZ1JpZ2h0ID0gY29tcHV0ZWQoKCkgPT4ge1xyXG4gICAgICAgIHJldHVybiB0aGlzLmlzSW52YWxpZCgpIHx8IHRoaXMuaXNWYWxpZCgpXHJcbiAgICAgICAgICAgID8gJzE4cHgnIDogJzBweCc7XHJcbiAgICB9KTtcclxuXHJcbiAgICAvL0NvbnRyb2xWYWx1ZUFjY2Vzc29yXHJcbiAgICBwdWJsaWMgb3ZlcnJpZGUgU2V0VmFsdWUodmFsdWU6IHN0cmluZyB8IG51bWJlcik6IHZvaWQge1xyXG4gICAgICAgIHZhbHVlID0gdGhpcy5Pbmx5TnVtYmVycyh2YWx1ZSk7XHJcbiAgICAgICAgdmFsdWUgPSB0aGlzLlZhbGlkYXRlUmFuZ2VWYWx1ZSh2YWx1ZSk7XHJcbiAgICAgICAgdGhpcy5fVXBkYXRlVmFsdWUodmFsdWUpO1xyXG4gICAgICAgIHRoaXMuY29lck51bWJlcmJveCgpLm5hdGl2ZUVsZW1lbnQudmFsdWUgPSB2YWx1ZTtcclxuICAgICAgICB0aGlzLl92YWx1ZSA9IHZhbHVlO1xyXG4gICAgfVxyXG5cclxuXHJcbiAgICAvL0NvbnRyb2xWYWx1ZUFjY2Vzc29yXHJcbiAgICBwdWJsaWMgb3ZlcnJpZGUgd3JpdGVWYWx1ZSh2YWx1ZTogc3RyaW5nIHwgbnVtYmVyKTogdm9pZCB7XHJcbiAgICAgICAgdmFsdWUgPSB0aGlzLk9ubHlOdW1iZXJzKHZhbHVlKTtcclxuICAgICAgICB2YWx1ZSA9IHRoaXMuVmFsaWRhdGVSYW5nZVZhbHVlKHZhbHVlKTtcclxuICAgICAgICB0aGlzLmNvZXJOdW1iZXJib3goKS5uYXRpdmVFbGVtZW50LnZhbHVlID0gdmFsdWU7XHJcbiAgICAgICAgdGhpcy5fdmFsdWUgPSB2YWx1ZTtcclxuICAgIH1cclxuXHJcblxyXG4gICAgLyoqICovXHJcbiAgICBwcml2YXRlIE9ubHlOdW1iZXJzKHZhbHVlOiBzdHJpbmcgfCBudW1iZXIpOiBzdHJpbmcgfCBudW1iZXIge1xyXG4gICAgICAgIGxldCBpc05lZ2F0aXZlID0gZmFsc2U7XHJcbiAgICAgICAgbGV0IHZhbHVlU3RyaW5nID0gU3RyaW5nKHZhbHVlKS50cmltKCk7XHJcblxyXG4gICAgICAgIC8vTmVnYXRpdmVzXHJcbiAgICAgICAgaWYgKHZhbHVlU3RyaW5nLmluY2x1ZGVzKCctJykpIHtcclxuICAgICAgICAgICAgaWYgKHRoaXMubWluKCkgPCAwKSB7XHJcbiAgICAgICAgICAgICAgICBpc05lZ2F0aXZlID0gdmFsdWVTdHJpbmcuc3RhcnRzV2l0aCgnLScpO1xyXG4gICAgICAgICAgICAgICAgaWYgKHZhbHVlU3RyaW5nID09ICctJykgcmV0dXJuICctJztcclxuICAgICAgICAgICAgICAgIGlmICh2YWx1ZVN0cmluZyA9PSAnLS4nKSByZXR1cm4gJy0wLic7XHJcbiAgICAgICAgICAgICAgICBpZiAodmFsdWVTdHJpbmcgPT0gJy0wJykgcmV0dXJuICctMCc7XHJcbiAgICAgICAgICAgICAgICBpZiAodmFsdWVTdHJpbmcgPT0gJy0wLicpIHJldHVybiAnLTAuJztcclxuICAgICAgICAgICAgfVxyXG5cclxuICAgICAgICAgICAgZWxzZSBpZihOdW1iZXIodmFsdWUpIDwgdGhpcy5taW4oKSkge1xyXG4gICAgICAgICAgICAgICAgdGhpcy5hbGVydC5XYXJuaW5nKGBNaW5pbXVtICR7dGhpcy5taW4oKX1gLCAnT3V0IG9mIHJhbmdlJywgJ2ZhLXNvbGlkIGZhLWhhc2h0YWcnKTtcclxuICAgICAgICAgICAgICAgIHZhbHVlU3RyaW5nID0gJzAnO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICBjb25zdCBjaGFyQXJyYXkgPSBbXTtcclxuICAgICAgICBmb3IgKGNvbnN0IGNoYXIgb2YgdmFsdWVTdHJpbmcpIHtcclxuICAgICAgICAgICAgaWYgKFsnMCcsJzEnLCcyJywnMycsJzQnLCc1JywnNicsJzcnLCc4JywnOSddLmluY2x1ZGVzKGNoYXIpKSB7XHJcbiAgICAgICAgICAgICAgICBjaGFyQXJyYXkucHVzaChjaGFyKTtcclxuICAgICAgICAgICAgfVxyXG5cclxuICAgICAgICAgICAgZWxzZSBpZiAoY2hhciA9PSAnLicgJiYgdGhpcy5kZWNpbWFscygpID4gMCkge1xyXG4gICAgICAgICAgICAgICAgY2hhckFycmF5LnB1c2goY2hhcik7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIHZhbHVlU3RyaW5nID0gY2hhckFycmF5LmpvaW4oJycpO1xyXG5cclxuICAgICAgICAvL0RlY2ltYWxzXHJcbiAgICAgICAgaWYgKHRoaXMuZGVjaW1hbHMoKSA+IDApIHtcclxuICAgICAgICAgICAgbGV0IGludGVnZXJTdHJpbmcgPSB2YWx1ZVN0cmluZy5zcGxpdCgnLicpWzBdIHx8ICcnO1xyXG4gICAgICAgICAgICBsZXQgZGVjaW1hbFN0cmluZyA9IHZhbHVlU3RyaW5nLnNwbGl0KCcuJylbMV0gfHwgJyc7XHJcbiAgICAgICAgICAgIGRlY2ltYWxTdHJpbmcgPSBkZWNpbWFsU3RyaW5nLnN1YnN0cmluZygwLCB0aGlzLmRlY2ltYWxzKCkpO1xyXG5cclxuICAgICAgICAgICAgaWYgKHZhbHVlU3RyaW5nID09ICcuJykgcmV0dXJuICcwLic7XHJcblxyXG4gICAgICAgICAgICBlbHNlIGlmICh2YWx1ZVN0cmluZy5pbmNsdWRlcygnLicpICYmIGRlY2ltYWxTdHJpbmcgPT0gJycpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybiAoaXNOZWdhdGl2ZSkgPyBgLSR7aW50ZWdlclN0cmluZ30uYCA6IGAke2ludGVnZXJTdHJpbmd9LmA7XHJcbiAgICAgICAgICAgIH1cclxuXHJcbiAgICAgICAgICAgIGVsc2UgaWYgKHZhbHVlU3RyaW5nLmluY2x1ZGVzKCcuJykgJiYgZGVjaW1hbFN0cmluZy5lbmRzV2l0aCgnMCcpKSB7XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gKGlzTmVnYXRpdmUpID8gYC0ke2ludGVnZXJTdHJpbmd9LiR7ZGVjaW1hbFN0cmluZ31gIDogYCR7aW50ZWdlclN0cmluZ30uJHtkZWNpbWFsU3RyaW5nfWA7XHJcbiAgICAgICAgICAgIH1cclxuXHJcbiAgICAgICAgICAgIGVsc2UgaWYgKGludGVnZXJTdHJpbmcgPT0gJycgJiYgZGVjaW1hbFN0cmluZyA9PSAnJykge1xyXG4gICAgICAgICAgICAgICAgcmV0dXJuICcwJztcclxuICAgICAgICAgICAgfVxyXG5cclxuICAgICAgICAgICAgdmFsdWVTdHJpbmcgPSBgJHtpbnRlZ2VyU3RyaW5nfS4ke2RlY2ltYWxTdHJpbmd9YDtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIGlmIChpc05lZ2F0aXZlKSB7XHJcbiAgICAgICAgICAgIHZhbHVlU3RyaW5nID0gYC0ke3ZhbHVlU3RyaW5nfWA7XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICByZXR1cm4gTnVtYmVyKHZhbHVlU3RyaW5nKTtcclxuICAgIH1cclxuXHJcblxyXG4gICAgLyoqICovXHJcbiAgICBwcml2YXRlIFZhbGlkYXRlUmFuZ2VWYWx1ZSh2YWx1ZTogc3RyaW5nIHwgbnVtYmVyKTogc3RyaW5nIHtcclxuICAgICAgICBpZihbJy0nLCAnLicsICctLicsICctMCcsICctMC4nXS5pbmNsdWRlcyhTdHJpbmcodmFsdWUpKSkge1xyXG4gICAgICAgICAgICByZXR1cm4gU3RyaW5nKHZhbHVlKTtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIGlmKE51bWJlcih2YWx1ZSkgPCB0aGlzLm1pbigpKSB7XHJcbiAgICAgICAgICAgIHRoaXMuYWxlcnQuV2FybmluZyhgTWluaW11bSAke3RoaXMubWluKCl9YCwgJ091dCBvZiByYW5nZScsICdmYS1zb2xpZCBmYS1oYXNodGFnJyk7XHJcbiAgICAgICAgICAgIHZhbHVlID0gdGhpcy5taW4oKTtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIGlmKE51bWJlcih2YWx1ZSkgPiB0aGlzLm1heCgpKSB7XHJcbiAgICAgICAgICAgIHRoaXMuYWxlcnQuV2FybmluZyhgQ2Fubm90IGV4Y2VlZCAke3RoaXMubWF4KCl9YCwgJ091dCBvZiByYW5nZScsICdmYS1zb2xpZCBmYS1oYXNodGFnJyk7XHJcbiAgICAgICAgICAgIHZhbHVlID0gdGhpcy5tYXgoKTtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIGlmICh0aGlzLmRlY2ltYWxzKCkgPD0gMCkge1xyXG4gICAgICAgICAgICBpZiAoU3RyaW5nKHZhbHVlKS5pbmNsdWRlcygnLicpKSB7XHJcbiAgICAgICAgICAgICAgICB2YWx1ZSA9IFN0cmluZyh2YWx1ZSkuc3BsaXQoJy4nKVswXTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgcmV0dXJuIFN0cmluZyh2YWx1ZSk7XHJcbiAgICB9XHJcblxyXG5cclxuICAgIC8qKiAqL1xyXG4gICAgcHVibGljIEZvY3VzKHRpbWVvdXQ6IG51bWJlciA9IDApOiB2b2lkIHtcclxuICAgICAgICBpZih0aGlzLl9pc0xvYWRpbmdFdmVudCgpKSByZXR1cm47XHJcbiAgICAgICAgZWxzZSB0aGlzLl9pc0xvYWRpbmdFdmVudC5zZXQodHJ1ZSk7XHJcblxyXG4gICAgICAgIFRvb2xzLlNsZWVwKHRpbWVvdXQpLnRoZW4oKCkgPT4ge1xyXG4gICAgICAgICAgICBpZih0aGlzLl9pc0VuYWJsZSgpKSB7XHJcbiAgICAgICAgICAgICAgICB0aGlzLmVsZW1lbnQuZm9jdXMoKTtcclxuICAgICAgICAgICAgfVxyXG5cclxuICAgICAgICAgICAgdGhpcy5faXNMb2FkaW5nRXZlbnQuc2V0KGZhbHNlKTtcclxuICAgICAgICB9KTtcclxuICAgIH1cclxuXHJcblxyXG4gICAgLyoqICovXHJcbiAgICBwdWJsaWMgU2VsZWN0KHRpbWVvdXQ6IG51bWJlciA9IDApOiB2b2lkIHtcclxuICAgICAgICBpZih0aGlzLl9pc0xvYWRpbmdFdmVudCgpKSByZXR1cm47XHJcbiAgICAgICAgZWxzZSB0aGlzLl9pc0xvYWRpbmdFdmVudC5zZXQodHJ1ZSk7XHJcblxyXG4gICAgICAgIFRvb2xzLlNsZWVwKHRpbWVvdXQpLnRoZW4oKCkgPT4ge1xyXG4gICAgICAgICAgICBpZih0aGlzLl9pc0VuYWJsZSgpKSB7XHJcbiAgICAgICAgICAgICAgICB0aGlzLmVsZW1lbnQuZm9jdXMoKTtcclxuICAgICAgICAgICAgICAgIHRoaXMuZWxlbWVudC5zZWxlY3QoKTtcclxuICAgICAgICAgICAgfVxyXG5cclxuICAgICAgICAgICAgdGhpcy5faXNMb2FkaW5nRXZlbnQuc2V0KGZhbHNlKTtcclxuICAgICAgICB9KTtcclxuICAgIH1cclxuXHJcblxyXG4gICAgLyoqICovXHJcbiAgICBwdWJsaWMgQmx1cigpOiB2b2lkIHtcclxuICAgICAgICBpZih0aGlzLl9pc0xvYWRpbmdFdmVudCgpKSByZXR1cm47XHJcbiAgICAgICAgZWxzZSB0aGlzLl9pc0xvYWRpbmdFdmVudC5zZXQodHJ1ZSk7XHJcblxyXG4gICAgICAgIFRvb2xzLlNsZWVwKCkudGhlbigoKSA9PiB7XHJcbiAgICAgICAgICAgIGlmKHRoaXMuZWxlbWVudCkge1xyXG4gICAgICAgICAgICAgICAgdGhpcy5lbGVtZW50LmJsdXIoKTtcclxuXHJcbiAgICAgICAgICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgICAgICAgICAgICAgICBjb25zdCBlbGVtZW50ID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcihgIyR7dGhpcy5faWR9LWNvbnRhaW5lciAubWRjLWxpbmUtcmlwcGxlLS1hY3RpdmVgKTtcclxuICAgICAgICAgICAgICAgICAgICBpZiAoZWxlbWVudCkgZWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKCdtZGMtbGluZS1yaXBwbGUtLWFjdGl2ZScpO1xyXG4gICAgICAgICAgICAgICAgICAgIHRoaXMuX2lzTG9hZGluZ0V2ZW50LnNldChmYWxzZSk7XHJcbiAgICAgICAgICAgICAgICB9KVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcbn0iLCI8ZGl2IGNsYXNzPVwiY29lci1udW1iZXItYm94XCI+XHJcbiAgICA8bWF0LWZvcm0tZmllbGRcclxuICAgICAgICBbaWRdPVwiX2lkICsgJy1jb250YWluZXInXCJcclxuICAgICAgICBbZmxvYXRMYWJlbF09XCJmbG9hdExhYmVsKClcIlxyXG4gICAgICAgIFtuZ0NsYXNzXT1cIntcclxuICAgICAgICAgICAgJ3JlYWRvbmx5JzogaXNSZWFkb25seSgpICYmICFpc0xvYWRpbmcoKVxyXG4gICAgICAgIH1cIlxyXG4gICAgICAgIFtzdHlsZV09XCJ7XHJcbiAgICAgICAgICAgICd3aWR0aCc6IHdpZHRoKCksXHJcbiAgICAgICAgICAgICdtaW4td2lkdGgnOiBtaW5XaWR0aCgpLFxyXG4gICAgICAgICAgICAnbWF4LXdpZHRoJzogbWF4V2lkdGgoKSxcclxuICAgICAgICAgICAgJ21hcmdpbi10b3AnOiBtYXJnaW5Ub3AoKSxcclxuICAgICAgICAgICAgJ21hcmdpbi1yaWdodCc6IG1hcmdpblJpZ2h0KCksXHJcbiAgICAgICAgICAgICdtYXJnaW4tYm90dG9tJzogbWFyZ2luQm90dG9tKCksXHJcbiAgICAgICAgICAgICdtYXJnaW4tbGVmdCc6IG1hcmdpbkxlZnQoKVxyXG4gICAgICAgIH1cIj5cclxuICAgICAgICA8bWF0LWxhYmVsPnt7IGxhYmVsKCkgfX08L21hdC1sYWJlbD5cclxuXHJcbiAgICAgICAgPGlucHV0ICNjb2VyTnVtYmVyYm94IG1hdElucHV0XHJcbiAgICAgICAgICAgIFtpZF09XCJfaWRcIlxyXG4gICAgICAgICAgICB0eXBlPVwidGV4dFwiXHJcbiAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlcigpXCJcclxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cIiFfaXNFbmFibGUoKVwiXHJcbiAgICAgICAgICAgIFt2YWx1ZV09XCJfdmFsdWVcIlxyXG4gICAgICAgICAgICAoaW5wdXQpPVwiU2V0VmFsdWUoY29lck51bWJlcmJveC52YWx1ZSlcIlxyXG4gICAgICAgICAgICAoYmx1cik9XCJTZXRUb3VjaGVkKHRydWUpXCJcclxuICAgICAgICAgICAgW25nQ2xhc3NdPVwieyAnY2FyZXQtbm9uZSc6IGhpZGVDYXJldCB9XCJcclxuICAgICAgICAgICAgW3N0eWxlXT1cIntcclxuICAgICAgICAgICAgICAgICdjdXJzb3InOiBpc0xvYWRpbmcoKSA/ICd3YWl0JyA6IG51bGwsXHJcbiAgICAgICAgICAgICAgICAnbWFyZ2luLXRvcCc6IChmbG9hdExhYmVsKCkgPT0gJ2F1dG8nKSA/ICcxNXB4JyA6ICc5cHgnLFxyXG4gICAgICAgICAgICAgICAgJ3BhZGRpbmctcmlnaHQnOiBwYWRkaW5nUmlnaHQoKSxcclxuICAgICAgICAgICAgICAgICd0ZXh0LWFsaWduJzogdGV4dFBvc2l0aW9uKClcclxuICAgICAgICAgICAgfVwiPlxyXG5cclxuICAgICAgICBAaWYoaXNMb2FkaW5nKCkpIHtcclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInBsYWNlaG9sZGVyLWdsb3dcIj5cclxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwicGxhY2Vob2xkZXJcIj48L3NwYW4+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgPHNwYW4gbmdDbGFzcz1cImljb24tY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgIEBpZihpc0ludmFsaWQoKSAmJiAhaXNEaXNhYmxlZCgpICYmICFpc0xvYWRpbmcoKSkge1xyXG4gICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJmYS1zb2xpZCBmYS1jaXJjbGUtZXhjbGFtYXRpb25cIj48L2k+XHJcbiAgICAgICAgICAgIH1cclxuXHJcbiAgICAgICAgICAgIEBlbHNlIGlmKGlzVmFsaWQoKSAmJiAhaXNEaXNhYmxlZCgpICYmICFpc0xvYWRpbmcoKSkge1xyXG4gICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJmYS1zb2xpZCBmYS1jaXJjbGUtY2hlY2sgdGV4dC1ncmVlblwiPjwvaT5cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIDwvc3Bhbj5cclxuICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbjwvZGl2PiJdfQ==

package/esm2022/components/lib/coer-page-title/coer-page-title.component.mjs

@@ -0,0 +1,44 @@
+import { Component, Input } from '@angular/core';
+import { Menu } from '../../../tools/lib/menu.class';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/router";
+//import { navigation } from 'src/app/app-routing.sidenav';
+//import { Source } from 'src/app/modules/home/classes';
+//import { IAppNavigation, IGoBack } from 'src/app/modules/home/interfaces';
+export class CoerPageTitle {
+    constructor() {
+        this.title = null;
+        this.showNavigation = true;
+        this.breadcrumbs = [];
+        this.goBack = { show: false };
+        this.showInformation = false;
+    }
+    get _icon() {
+        const MENU = Menu.Get();
+        if (MENU) {
+            const MENU_SELECTED = MENU.tree.shift();
+            if (MENU_SELECTED && MENU_SELECTED.icon) {
+                return MENU_SELECTED.icon;
+            }
+        }
+        return 'bi bi-house-door-fill';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CoerPageTitle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CoerPageTitle, selector: "coer-page-title", inputs: { title: "title", showNavigation: "showNavigation", breadcrumbs: "breadcrumbs", goBack: "goBack", showInformation: "showInformation" }, ngImport: i0, template: "<header class=\"coer-page-title\" title=''>\r\n    <h2>\r\n        <span> {{ title }} </span>\r\n\r\n        <!-- Button Information -->\r\n        <button\r\n            *ngIf=\"showInformation\">\r\n            <i class=\"bi bi-info-circle\"></i>\r\n        </button>\r\n    </h2>\r\n\r\n    <!-- Navigation -->\r\n    <nav *ngIf=\"showNavigation\" aria-label=\"breadcrumb\">\r\n        <ol class=\"breadcrumb\">\r\n            <li class=\"breadcrumb-item\">\r\n                <a><i [class]=\"_icon\"></i></a>\r\n            </li>\r\n\r\n            <li *ngFor=\"let nav of breadcrumbs\" class=\"breadcrumb-item\">\r\n                <a  [routerLink]='(nav.path && nav.path.length > 0) ? nav.path : null'\r\n                    [queryParams]='nav.queryParams'\r\n                    (click)=\"(nav.click) ? nav.click() : null\">\r\n                    {{ nav.page }}\r\n                </a>\r\n            </li>\r\n        </ol>\r\n\r\n        <!-- Go Back -->\r\n        <a  *ngIf=\"goBack.show\"\r\n            [routerLink]=\"goBack.path\"\r\n            [queryParams]='goBack.queryParams'\r\n            (click)=\"(goBack.click) ? goBack.click() : null\">\r\n            Go back\r\n        </a>\r\n    </nav>\r\n\r\n    <!-- Tooltip\r\n    <dx-tooltip coer-tooltip target=\"#btn-information\" text='Information'></dx-tooltip> -->\r\n</header>\r\n\r\n\r\n<!-- Information\r\n<dx-popup\r\n    [(visible)]=\"showModal\"\r\n    minWidth=\"500px\" minHeight=\"430px\"\r\n    [width]=\"width\" [height]=\"height\"\r\n    [hideOnOutsideClick]=\"true\"\r\n    [resizeEnabled]=\"false\"\r\n    [dragEnabled]=\"true\"\r\n    (onHidden)=\"(showModal = false)\"\r\n    >\r\n\r\n    -- Header --\r\n    <header *dxTemplate=\"let data of 'title'\">\r\n        <div class=\"modal-header\">\r\n            <h5> <i [class]=\"informationIcon\" [style]=\"{ 'color': informationIconColor }\"></i> {{ informationTitle }} </h5>\r\n            <button (click)=\"(showModal = false)\" class=\"btn btn-close\"></button>\r\n        </div>\r\n    </header>\r\n\r\n    -- Body --\r\n    <section *dxTemplate=\"let data of 'content'\">\r\n        <dx-scroll-view width=\"100%\" height=\"100%\">\r\n            <ol class=\"list-group list-group-numbered\">\r\n                <li class=\"list-group-item\">Respects the order of the columns like the template.</li>\r\n\r\n                <li class=\"list-group-item\">\r\n                    For more information<a [href]=\"urlTemplate\">click here </a>to download the template\r\n                </li>\r\n            </ol>\r\n        </dx-scroll-view>\r\n    </section>\r\n\r\n    -- Button --\r\n    <dxi-toolbar-item toolbar=\"bottom\" location=\"after\">\r\n        <div *dxTemplate=\"let data of 'menu-item'\" class=\"h-100\">\r\n            <dx-button\r\n                coer-button\r\n                icon=\"fa-solid fa-xmark\" text=\"CLOSE\"\r\n                width=\"125px\" height=\"40px\"\r\n                (onClick)=\"(showModal = false)\"\r\n                color=\"red\"\r\n            ></dx-button>\r\n        </div>\r\n    </dxi-toolbar-item>\r\n</dx-popup> -->", styles: ["header.coer-page-title{margin:15px 30px 0}header.coer-page-title .text-blue{color:#0d6efd!important}header.coer-page-title .text-blue-bold{color:#0d6efd!important;font-weight:700!important}header.coer-page-title .background-blue{background-color:#0d6efd!important}header.coer-page-title .background-border-blue{background-color:#0d6efd!important;border-color:#0d6efd!important}header.coer-page-title .border-blue{border-color:#0d6efd!important}header.coer-page-title .text-gray{color:#6c757d!important}header.coer-page-title .text-gray-bold{color:#6c757d!important;font-weight:700!important}header.coer-page-title .background-gray{background-color:#6c757d!important}header.coer-page-title .background-border-gray{background-color:#6c757d!important;border-color:#6c757d!important}header.coer-page-title .border-gray{border-color:#6c757d!important}header.coer-page-title .text-green{color:#198754!important}header.coer-page-title .text-green-bold{color:#198754!important;font-weight:700!important}header.coer-page-title .background-green{background-color:#198754!important}header.coer-page-title .background-border-green{background-color:#198754!important;border-color:#198754!important}header.coer-page-title .border-green{border-color:#198754!important}header.coer-page-title .text-yellow{color:#ffc107!important}header.coer-page-title .text-yellow-bold{color:#ffc107!important;font-weight:700!important}header.coer-page-title .background-yellow{background-color:#ffc107!important}header.coer-page-title .background-border-yellow{background-color:#ffc107!important;border-color:#ffc107!important}header.coer-page-title .border-yellow{border-color:#ffc107!important}header.coer-page-title .text-red{color:#dc3545!important}header.coer-page-title .text-red-bold{color:#dc3545!important;font-weight:700!important}header.coer-page-title .background-red{background-color:#dc3545!important}header.coer-page-title .background-border-red{background-color:#dc3545!important;border-color:#dc3545!important}header.coer-page-title .border-red{border-color:#dc3545!important}header.coer-page-title .text-white{color:#f5f5f5!important}header.coer-page-title .text-white-bold{color:#f5f5f5!important;font-weight:700!important}header.coer-page-title .background-white{background-color:#f5f5f5!important}header.coer-page-title .background-border-white{background-color:#f5f5f5!important;border-color:#f5f5f5!important}header.coer-page-title .border-white{border-color:#f5f5f5!important}header.coer-page-title .text-black{color:#252525!important}header.coer-page-title .text-black-bold{color:#252525!important;font-weight:700!important}header.coer-page-title .background-black{background-color:#252525!important}header.coer-page-title .background-border-black{background-color:#252525!important;border-color:#252525!important}header.coer-page-title .border-black{border-color:#252525!important}header.coer-page-title .text-orange{color:#fd6031!important}header.coer-page-title .text-orange-bold{color:#fd6031!important;font-weight:700!important}header.coer-page-title .background-orange{background-color:#fd6031!important}header.coer-page-title .background-border-orange{background-color:#fd6031!important;border-color:#fd6031!important}header.coer-page-title .border-orange{border-color:#fd6031!important}header.coer-page-title h2{margin:0 0 10px;display:flex;align-items:center;justify-content:space-between;height:20px;font-size:20px}header.coer-page-title h2 span{font-size:20px!important}header.coer-page-title nav{height:25px;font-size:small;background-color:#f5f5f5;display:flex;align-items:center;justify-content:space-between}header.coer-page-title ol,header.coer-page-title a,header.coer-page-title .bi-info-circle{margin:0;padding-left:5px;text-decoration:none;color:#0d6efd!important;font-weight:400!important;cursor:pointer!important}header.coer-page-title ol::selection,header.coer-page-title a::selection{background-color:transparent!important}header.coer-page-title li{border:none}header.coer-page-title li.list-group-item a{color:#fd6031!important}header.coer-page-title button{border:none;outline:none;background-color:transparent;padding-right:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CoerPageTitle, decorators: [{
+            type: Component,
+            args: [{ selector: 'coer-page-title', template: "<header class=\"coer-page-title\" title=''>\r\n    <h2>\r\n        <span> {{ title }} </span>\r\n\r\n        <!-- Button Information -->\r\n        <button\r\n            *ngIf=\"showInformation\">\r\n            <i class=\"bi bi-info-circle\"></i>\r\n        </button>\r\n    </h2>\r\n\r\n    <!-- Navigation -->\r\n    <nav *ngIf=\"showNavigation\" aria-label=\"breadcrumb\">\r\n        <ol class=\"breadcrumb\">\r\n            <li class=\"breadcrumb-item\">\r\n                <a><i [class]=\"_icon\"></i></a>\r\n            </li>\r\n\r\n            <li *ngFor=\"let nav of breadcrumbs\" class=\"breadcrumb-item\">\r\n                <a  [routerLink]='(nav.path && nav.path.length > 0) ? nav.path : null'\r\n                    [queryParams]='nav.queryParams'\r\n                    (click)=\"(nav.click) ? nav.click() : null\">\r\n                    {{ nav.page }}\r\n                </a>\r\n            </li>\r\n        </ol>\r\n\r\n        <!-- Go Back -->\r\n        <a  *ngIf=\"goBack.show\"\r\n            [routerLink]=\"goBack.path\"\r\n            [queryParams]='goBack.queryParams'\r\n            (click)=\"(goBack.click) ? goBack.click() : null\">\r\n            Go back\r\n        </a>\r\n    </nav>\r\n\r\n    <!-- Tooltip\r\n    <dx-tooltip coer-tooltip target=\"#btn-information\" text='Information'></dx-tooltip> -->\r\n</header>\r\n\r\n\r\n<!-- Information\r\n<dx-popup\r\n    [(visible)]=\"showModal\"\r\n    minWidth=\"500px\" minHeight=\"430px\"\r\n    [width]=\"width\" [height]=\"height\"\r\n    [hideOnOutsideClick]=\"true\"\r\n    [resizeEnabled]=\"false\"\r\n    [dragEnabled]=\"true\"\r\n    (onHidden)=\"(showModal = false)\"\r\n    >\r\n\r\n    -- Header --\r\n    <header *dxTemplate=\"let data of 'title'\">\r\n        <div class=\"modal-header\">\r\n            <h5> <i [class]=\"informationIcon\" [style]=\"{ 'color': informationIconColor }\"></i> {{ informationTitle }} </h5>\r\n            <button (click)=\"(showModal = false)\" class=\"btn btn-close\"></button>\r\n        </div>\r\n    </header>\r\n\r\n    -- Body --\r\n    <section *dxTemplate=\"let data of 'content'\">\r\n        <dx-scroll-view width=\"100%\" height=\"100%\">\r\n            <ol class=\"list-group list-group-numbered\">\r\n                <li class=\"list-group-item\">Respects the order of the columns like the template.</li>\r\n\r\n                <li class=\"list-group-item\">\r\n                    For more information<a [href]=\"urlTemplate\">click here </a>to download the template\r\n                </li>\r\n            </ol>\r\n        </dx-scroll-view>\r\n    </section>\r\n\r\n    -- Button --\r\n    <dxi-toolbar-item toolbar=\"bottom\" location=\"after\">\r\n        <div *dxTemplate=\"let data of 'menu-item'\" class=\"h-100\">\r\n            <dx-button\r\n                coer-button\r\n                icon=\"fa-solid fa-xmark\" text=\"CLOSE\"\r\n                width=\"125px\" height=\"40px\"\r\n                (onClick)=\"(showModal = false)\"\r\n                color=\"red\"\r\n            ></dx-button>\r\n        </div>\r\n    </dxi-toolbar-item>\r\n</dx-popup> -->", styles: ["header.coer-page-title{margin:15px 30px 0}header.coer-page-title .text-blue{color:#0d6efd!important}header.coer-page-title .text-blue-bold{color:#0d6efd!important;font-weight:700!important}header.coer-page-title .background-blue{background-color:#0d6efd!important}header.coer-page-title .background-border-blue{background-color:#0d6efd!important;border-color:#0d6efd!important}header.coer-page-title .border-blue{border-color:#0d6efd!important}header.coer-page-title .text-gray{color:#6c757d!important}header.coer-page-title .text-gray-bold{color:#6c757d!important;font-weight:700!important}header.coer-page-title .background-gray{background-color:#6c757d!important}header.coer-page-title .background-border-gray{background-color:#6c757d!important;border-color:#6c757d!important}header.coer-page-title .border-gray{border-color:#6c757d!important}header.coer-page-title .text-green{color:#198754!important}header.coer-page-title .text-green-bold{color:#198754!important;font-weight:700!important}header.coer-page-title .background-green{background-color:#198754!important}header.coer-page-title .background-border-green{background-color:#198754!important;border-color:#198754!important}header.coer-page-title .border-green{border-color:#198754!important}header.coer-page-title .text-yellow{color:#ffc107!important}header.coer-page-title .text-yellow-bold{color:#ffc107!important;font-weight:700!important}header.coer-page-title .background-yellow{background-color:#ffc107!important}header.coer-page-title .background-border-yellow{background-color:#ffc107!important;border-color:#ffc107!important}header.coer-page-title .border-yellow{border-color:#ffc107!important}header.coer-page-title .text-red{color:#dc3545!important}header.coer-page-title .text-red-bold{color:#dc3545!important;font-weight:700!important}header.coer-page-title .background-red{background-color:#dc3545!important}header.coer-page-title .background-border-red{background-color:#dc3545!important;border-color:#dc3545!important}header.coer-page-title .border-red{border-color:#dc3545!important}header.coer-page-title .text-white{color:#f5f5f5!important}header.coer-page-title .text-white-bold{color:#f5f5f5!important;font-weight:700!important}header.coer-page-title .background-white{background-color:#f5f5f5!important}header.coer-page-title .background-border-white{background-color:#f5f5f5!important;border-color:#f5f5f5!important}header.coer-page-title .border-white{border-color:#f5f5f5!important}header.coer-page-title .text-black{color:#252525!important}header.coer-page-title .text-black-bold{color:#252525!important;font-weight:700!important}header.coer-page-title .background-black{background-color:#252525!important}header.coer-page-title .background-border-black{background-color:#252525!important;border-color:#252525!important}header.coer-page-title .border-black{border-color:#252525!important}header.coer-page-title .text-orange{color:#fd6031!important}header.coer-page-title .text-orange-bold{color:#fd6031!important;font-weight:700!important}header.coer-page-title .background-orange{background-color:#fd6031!important}header.coer-page-title .background-border-orange{background-color:#fd6031!important;border-color:#fd6031!important}header.coer-page-title .border-orange{border-color:#fd6031!important}header.coer-page-title h2{margin:0 0 10px;display:flex;align-items:center;justify-content:space-between;height:20px;font-size:20px}header.coer-page-title h2 span{font-size:20px!important}header.coer-page-title nav{height:25px;font-size:small;background-color:#f5f5f5;display:flex;align-items:center;justify-content:space-between}header.coer-page-title ol,header.coer-page-title a,header.coer-page-title .bi-info-circle{margin:0;padding-left:5px;text-decoration:none;color:#0d6efd!important;font-weight:400!important;cursor:pointer!important}header.coer-page-title ol::selection,header.coer-page-title a::selection{background-color:transparent!important}header.coer-page-title li{border:none}header.coer-page-title li.list-group-item a{color:#fd6031!important}header.coer-page-title button{border:none;outline:none;background-color:transparent;padding-right:8px}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], showNavigation: [{
+                type: Input
+            }], breadcrumbs: [{
+                type: Input
+            }], goBack: [{
+                type: Input
+            }], showInformation: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29lci1wYWdlLXRpdGxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvZXItZWxlbWVudHMvc3JjL2NvbXBvbmVudHMvbGliL2NvZXItcGFnZS10aXRsZS9jb2VyLXBhZ2UtdGl0bGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29lci1lbGVtZW50cy9zcmMvY29tcG9uZW50cy9saWIvY29lci1wYWdlLXRpdGxlL2NvZXItcGFnZS10aXRsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sK0JBQStCLENBQUM7Ozs7QUFDckQsMkRBQTJEO0FBQzNELHdEQUF3RDtBQUN4RCw0RUFBNEU7QUFPNUUsTUFBTSxPQUFPLGFBQWE7SUFMMUI7UUFPYSxVQUFLLEdBQWtCLElBQUksQ0FBQztRQUM1QixtQkFBYyxHQUFZLElBQUksQ0FBQztRQUMvQixnQkFBVyxHQUFrQixFQUFFLENBQUM7UUFDaEMsV0FBTSxHQUFZLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxDQUFDO1FBQ2xDLG9CQUFlLEdBQVksS0FBSyxDQUFDO0tBK0I3QztJQTdCRyxJQUFjLEtBQUs7UUFDZixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsR0FBRyxFQUFFLENBQUM7UUFFeEIsSUFBRyxJQUFJLEVBQUUsQ0FBQztZQUNOLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDeEMsSUFBRyxhQUFhLElBQUksYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO2dCQUNyQyxPQUFPLGFBQWEsQ0FBQyxJQUFJLENBQUM7WUFDOUIsQ0FBQztRQUNMLENBQUM7UUFFRCxPQUFPLHVCQUF1QixDQUFDO0lBQ25DLENBQUM7K0dBbkJRLGFBQWE7bUdBQWIsYUFBYSx1TUNaMUIsa2lHQXFGZTs7NEZEekVGLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0ksaUJBQWlCOzhCQU1sQixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJQnJlYWRjcnVtYiwgSUdvQmFjayB9IGZyb20gJy4uLy4uLy4uL2ludGVyZmFjZXMvcGFnZS10aXRsZSc7XHJcbmltcG9ydCB7IE1lbnUgfSBmcm9tICcuLi8uLi8uLi90b29scy9saWIvbWVudS5jbGFzcyc7XHJcbi8vaW1wb3J0IHsgbmF2aWdhdGlvbiB9IGZyb20gJ3NyYy9hcHAvYXBwLXJvdXRpbmcuc2lkZW5hdic7XHJcbi8vaW1wb3J0IHsgU291cmNlIH0gZnJvbSAnc3JjL2FwcC9tb2R1bGVzL2hvbWUvY2xhc3Nlcyc7XHJcbi8vaW1wb3J0IHsgSUFwcE5hdmlnYXRpb24sIElHb0JhY2sgfSBmcm9tICdzcmMvYXBwL21vZHVsZXMvaG9tZS9pbnRlcmZhY2VzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdjb2VyLXBhZ2UtdGl0bGUnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2NvZXItcGFnZS10aXRsZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9jb2VyLXBhZ2UtdGl0bGUuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29lclBhZ2VUaXRsZSB7XHJcblxyXG4gICAgQElucHV0KCkgdGl0bGU6IHN0cmluZyB8IG51bGwgPSBudWxsO1xyXG4gICAgQElucHV0KCkgc2hvd05hdmlnYXRpb246IGJvb2xlYW4gPSB0cnVlO1xyXG4gICAgQElucHV0KCkgYnJlYWRjcnVtYnM6IElCcmVhZGNydW1iW10gPSBbXTtcclxuICAgIEBJbnB1dCgpIGdvQmFjazogSUdvQmFjayA9IHsgc2hvdzogZmFsc2UgfTtcclxuICAgIEBJbnB1dCgpIHNob3dJbmZvcm1hdGlvbjogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICAgIHByb3RlY3RlZCBnZXQgX2ljb24oKTogc3RyaW5nIHtcclxuICAgICAgICBjb25zdCBNRU5VID0gTWVudS5HZXQoKTtcclxuXHJcbiAgICAgICAgaWYoTUVOVSkge1xyXG4gICAgICAgICAgICBjb25zdCBNRU5VX1NFTEVDVEVEID0gTUVOVS50cmVlLnNoaWZ0KCk7XHJcbiAgICAgICAgICAgIGlmKE1FTlVfU0VMRUNURUQgJiYgTUVOVV9TRUxFQ1RFRC5pY29uKSB7XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gTUVOVV9TRUxFQ1RFRC5pY29uO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICByZXR1cm4gJ2JpIGJpLWhvdXNlLWRvb3ItZmlsbCc7XHJcbiAgICB9XHJcblxyXG4gICAgLy9Nb2RhbCBJbmZvcm1hdGlvblxyXG4gICAgLy9wcm90ZWN0ZWQgc2hvd01vZGFsOiBib29sZWFuID0gZmFsc2U7XHJcbiAgICAvL0BJbnB1dCgpIHVybFRlbXBsYXRlOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcclxuICAgIC8vQElucHV0KCkgaW5mb3JtYXRpb25UaXRsZTogc3RyaW5nID0gJ0luZm9ybWF0aW9uJztcclxuICAgIC8vQElucHV0KCkgaW5mb3JtYXRpb25JY29uOiBzdHJpbmcgPSAnYmkgYmktaW5mby1jaXJjbGUnO1xyXG4gICAgLy9ASW5wdXQoKSBpbmZvcm1hdGlvbkljb25Db2xvcjogc3RyaW5nID0gJ2JsYWNrJztcclxuICAgIC8vQElucHV0KCkgd2lkdGg6IHN0cmluZyA9ICc1MDBweCc7XHJcbiAgICAvL0BJbnB1dCgpIGhlaWdodDogc3RyaW5nID0gJzQzMHB4JztcclxuXHJcbiAgICAvL25nT25Jbml0KCkge1xyXG4gICAgLy8gICAgbGV0IG1vZHVsZSA9IFNvdXJjZS5HZXRDdXJyZW50TW9kdWxlKCkgYXMgYW55O1xyXG4gICAgLy8gICAgaWYgKG1vZHVsZS5tb2R1bGUpIHtcclxuICAgIC8vICAgICAgICBtb2R1bGUgPSBuYXZpZ2F0aW9uLmZpbmQoeCA9PiB4LnRleHQgPT0gbW9kdWxlLm1vZHVsZSk7XHJcbiAgICAvLyAgICAgICAgaWYgKG1vZHVsZSAmJiBtb2R1bGUuaWNvbikgdGhpcy5pY29uID0gbW9kdWxlLmljb247XHJcbiAgICAvLyAgICB9XHJcbiAgICAvL31cclxufSIsIjxoZWFkZXIgY2xhc3M9XCJjb2VyLXBhZ2UtdGl0bGVcIiB0aXRsZT0nJz5cclxuICAgIDxoMj5cclxuICAgICAgICA8c3Bhbj4ge3sgdGl0bGUgfX0gPC9zcGFuPlxyXG5cclxuICAgICAgICA8IS0tIEJ1dHRvbiBJbmZvcm1hdGlvbiAtLT5cclxuICAgICAgICA8YnV0dG9uXHJcbiAgICAgICAgICAgICpuZ0lmPVwic2hvd0luZm9ybWF0aW9uXCI+XHJcbiAgICAgICAgICAgIDxpIGNsYXNzPVwiYmkgYmktaW5mby1jaXJjbGVcIj48L2k+XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICA8L2gyPlxyXG5cclxuICAgIDwhLS0gTmF2aWdhdGlvbiAtLT5cclxuICAgIDxuYXYgKm5nSWY9XCJzaG93TmF2aWdhdGlvblwiIGFyaWEtbGFiZWw9XCJicmVhZGNydW1iXCI+XHJcbiAgICAgICAgPG9sIGNsYXNzPVwiYnJlYWRjcnVtYlwiPlxyXG4gICAgICAgICAgICA8bGkgY2xhc3M9XCJicmVhZGNydW1iLWl0ZW1cIj5cclxuICAgICAgICAgICAgICAgIDxhPjxpIFtjbGFzc109XCJfaWNvblwiPjwvaT48L2E+XHJcbiAgICAgICAgICAgIDwvbGk+XHJcblxyXG4gICAgICAgICAgICA8bGkgKm5nRm9yPVwibGV0IG5hdiBvZiBicmVhZGNydW1ic1wiIGNsYXNzPVwiYnJlYWRjcnVtYi1pdGVtXCI+XHJcbiAgICAgICAgICAgICAgICA8YSAgW3JvdXRlckxpbmtdPScobmF2LnBhdGggJiYgbmF2LnBhdGgubGVuZ3RoID4gMCkgPyBuYXYucGF0aCA6IG51bGwnXHJcbiAgICAgICAgICAgICAgICAgICAgW3F1ZXJ5UGFyYW1zXT0nbmF2LnF1ZXJ5UGFyYW1zJ1xyXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCIobmF2LmNsaWNrKSA/IG5hdi5jbGljaygpIDogbnVsbFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIHt7IG5hdi5wYWdlIH19XHJcbiAgICAgICAgICAgICAgICA8L2E+XHJcbiAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgPC9vbD5cclxuXHJcbiAgICAgICAgPCEtLSBHbyBCYWNrIC0tPlxyXG4gICAgICAgIDxhICAqbmdJZj1cImdvQmFjay5zaG93XCJcclxuICAgICAgICAgICAgW3JvdXRlckxpbmtdPVwiZ29CYWNrLnBhdGhcIlxyXG4gICAgICAgICAgICBbcXVlcnlQYXJhbXNdPSdnb0JhY2sucXVlcnlQYXJhbXMnXHJcbiAgICAgICAgICAgIChjbGljayk9XCIoZ29CYWNrLmNsaWNrKSA/IGdvQmFjay5jbGljaygpIDogbnVsbFwiPlxyXG4gICAgICAgICAgICBHbyBiYWNrXHJcbiAgICAgICAgPC9hPlxyXG4gICAgPC9uYXY+XHJcblxyXG4gICAgPCEtLSBUb29sdGlwXHJcbiAgICA8ZHgtdG9vbHRpcCBjb2VyLXRvb2x0aXAgdGFyZ2V0PVwiI2J0bi1pbmZvcm1hdGlvblwiIHRleHQ9J0luZm9ybWF0aW9uJz48L2R4LXRvb2x0aXA+IC0tPlxyXG48L2hlYWRlcj5cclxuXHJcblxyXG48IS0tIEluZm9ybWF0aW9uXHJcbjxkeC1wb3B1cFxyXG4gICAgWyh2aXNpYmxlKV09XCJzaG93TW9kYWxcIlxyXG4gICAgbWluV2lkdGg9XCI1MDBweFwiIG1pbkhlaWdodD1cIjQzMHB4XCJcclxuICAgIFt3aWR0aF09XCJ3aWR0aFwiIFtoZWlnaHRdPVwiaGVpZ2h0XCJcclxuICAgIFtoaWRlT25PdXRzaWRlQ2xpY2tdPVwidHJ1ZVwiXHJcbiAgICBbcmVzaXplRW5hYmxlZF09XCJmYWxzZVwiXHJcbiAgICBbZHJhZ0VuYWJsZWRdPVwidHJ1ZVwiXHJcbiAgICAob25IaWRkZW4pPVwiKHNob3dNb2RhbCA9IGZhbHNlKVwiXHJcbiAgICA+XHJcblxyXG4gICAgLS0gSGVhZGVyIC0tXHJcbiAgICA8aGVhZGVyICpkeFRlbXBsYXRlPVwibGV0IGRhdGEgb2YgJ3RpdGxlJ1wiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1oZWFkZXJcIj5cclxuICAgICAgICAgICAgPGg1PiA8aSBbY2xhc3NdPVwiaW5mb3JtYXRpb25JY29uXCIgW3N0eWxlXT1cInsgJ2NvbG9yJzogaW5mb3JtYXRpb25JY29uQ29sb3IgfVwiPjwvaT4ge3sgaW5mb3JtYXRpb25UaXRsZSB9fSA8L2g1PlxyXG4gICAgICAgICAgICA8YnV0dG9uIChjbGljayk9XCIoc2hvd01vZGFsID0gZmFsc2UpXCIgY2xhc3M9XCJidG4gYnRuLWNsb3NlXCI+PC9idXR0b24+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2hlYWRlcj5cclxuXHJcbiAgICAtLSBCb2R5IC0tXHJcbiAgICA8c2VjdGlvbiAqZHhUZW1wbGF0ZT1cImxldCBkYXRhIG9mICdjb250ZW50J1wiPlxyXG4gICAgICAgIDxkeC1zY3JvbGwtdmlldyB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCI+XHJcbiAgICAgICAgICAgIDxvbCBjbGFzcz1cImxpc3QtZ3JvdXAgbGlzdC1ncm91cC1udW1iZXJlZFwiPlxyXG4gICAgICAgICAgICAgICAgPGxpIGNsYXNzPVwibGlzdC1ncm91cC1pdGVtXCI+UmVzcGVjdHMgdGhlIG9yZGVyIG9mIHRoZSBjb2x1bW5zIGxpa2UgdGhlIHRlbXBsYXRlLjwvbGk+XHJcblxyXG4gICAgICAgICAgICAgICAgPGxpIGNsYXNzPVwibGlzdC1ncm91cC1pdGVtXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgRm9yIG1vcmUgaW5mb3JtYXRpb248YSBbaHJlZl09XCJ1cmxUZW1wbGF0ZVwiPmNsaWNrIGhlcmUgPC9hPnRvIGRvd25sb2FkIHRoZSB0ZW1wbGF0ZVxyXG4gICAgICAgICAgICAgICAgPC9saT5cclxuICAgICAgICAgICAgPC9vbD5cclxuICAgICAgICA8L2R4LXNjcm9sbC12aWV3PlxyXG4gICAgPC9zZWN0aW9uPlxyXG5cclxuICAgIC0tIEJ1dHRvbiAtLVxyXG4gICAgPGR4aS10b29sYmFyLWl0ZW0gdG9vbGJhcj1cImJvdHRvbVwiIGxvY2F0aW9uPVwiYWZ0ZXJcIj5cclxuICAgICAgICA8ZGl2ICpkeFRlbXBsYXRlPVwibGV0IGRhdGEgb2YgJ21lbnUtaXRlbSdcIiBjbGFzcz1cImgtMTAwXCI+XHJcbiAgICAgICAgICAgIDxkeC1idXR0b25cclxuICAgICAgICAgICAgICAgIGNvZXItYnV0dG9uXHJcbiAgICAgICAgICAgICAgICBpY29uPVwiZmEtc29saWQgZmEteG1hcmtcIiB0ZXh0PVwiQ0xPU0VcIlxyXG4gICAgICAgICAgICAgICAgd2lkdGg9XCIxMjVweFwiIGhlaWdodD1cIjQwcHhcIlxyXG4gICAgICAgICAgICAgICAgKG9uQ2xpY2spPVwiKHNob3dNb2RhbCA9IGZhbHNlKVwiXHJcbiAgICAgICAgICAgICAgICBjb2xvcj1cInJlZFwiXHJcbiAgICAgICAgICAgID48L2R4LWJ1dHRvbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZHhpLXRvb2xiYXItaXRlbT5cclxuPC9keC1wb3B1cD4gLS0+Il19