coer-elements 2.0.9 → 2.0.10

package/fesm2022/coer-elements-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { viewChild, input, output, Component, computed, Input, signal, ContentChildren, inject, viewChildren, ViewChild, EventEmitter, Output, ViewChildren, NgModule } from '@angular/core';
+import { viewChild, input, output, Component, computed, Input, signal, ContentChildren, inject, viewChildren, EventEmitter, Output, ViewChild, ViewChildren, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2$1 from '@angular/router';
@@ -518,9 +518,9 @@ class CoerModal {
         this._id = Tools.GetGuid('coer-modal');
         this._isOpen = false;
         this._isModalOpen = isModalOpenSIGNAL;
-        this.windowWidth = Screen.WINDOW_WIDTH;
-        //Inputs
-        this.id = '';
+        this._windowWidth = Screen.WINDOW_WIDTH;
+        //Inputs 
+        this.id = input('');
         this.title = input('');
         this.icon = input('');
         this.showCloseButton = input(true);
@@ -528,31 +528,31 @@ class CoerModal {
         this.height = input('auto');
         this.maxHeight = input('');
         //Computed
-        this.contentList = computed(() => Array.from(this.contentRef._results));
+        this._contentList = computed(() => Array.from(this.contentRef._results));
         //Computed
-        this.header = computed(() => {
-            const header = this.contentList().find(x => x.coerRef() === 'header');
+        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');
+        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');
+        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();
+            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();
+            return Tools.IsNotNull(this._header()) && this._header().icon().length > 0
+                ? this._header().icon() : this.icon();
         });
         //Outputs
         this.onOpen = output();
@@ -566,20 +566,23 @@ class CoerModal {
         return this._isOpen;
     }
     //getter
+    get isClose() {
+        return !this._isOpen;
+    }
+    //getter
     get _width() {
         switch (this.width()) {
             case 'small': return '450px';
-            case 'full': return `${this.windowWidth - 50}px`;
+            case 'full': return `${this._windowWidth - 50}px`;
             case 'auto': return 'fit-content';
             default: return this.width();
         }
     }
-    ngOnInit() {
+    async ngAfterViewInit() {
+        await Tools.Sleep();
+        this._modal = new Modal(document.getElementById(this._id));
         Screen.Resize.subscribe((response) => {
-            this.windowWidth = response.width;
-        });
-        Tools.Sleep().then(() => {
-            this._modal = new Modal(document.getElementById(this._id));
+            this._windowWidth = response.width;
         });
     }
     /** */
@@ -602,16 +605,14 @@ class CoerModal {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerModal, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerModal, isStandalone: false, 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 [id]=\"_id + '-button-close'\" 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:auto!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"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerModal, isStandalone: false, selector: "coer-modal", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, 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 [id]=\"_id + '-button-close'\" 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:auto!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: "19.0.1", ngImport: i0, type: CoerModal, decorators: [{
             type: Component,
-            args: [{ selector: 'coer-modal', standalone: false, 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 [id]=\"_id + '-button-close'\" 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:auto!important}\n"] }]
+            args: [{ selector: 'coer-modal', standalone: false, 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 [id]=\"_id + '-button-close'\" 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:auto!important}\n"] }]
         }], propDecorators: { contentRef: [{
                 type: ContentChildren,
                 args: [CoerRefDirective]
-            }], id: [{
-                type: Input
             }] } });
 
 class CoerFilebox {
@@ -828,13 +829,12 @@ class CoerNumberBox extends ControlValue {
         this.alert = inject(CoerAlert);
         //Component Value
         this._value = '';
-        this.matFormField = viewChild.required('matFormField');
-        this.coerNumberbox = viewChild.required('coerNumberbox');
+        this._coerNumberbox = viewChild.required('coerNumberbox');
         //Variables
         this._id = Tools.GetGuid('coer-numberbox');
         this._isLoadingEvent = signal(false);
-        this.hideCaret = false;
-        this.id = '';
+        this._hideCaret = false;
+        this.id = input('');
         this.label = input('');
         this.placeholder = input('');
         this.textPosition = input('right');
@@ -863,11 +863,11 @@ class CoerNumberBox extends ControlValue {
             return !this.isDisabled() && !this.isLoading() && !this.isReadonly();
         });
         //computed
-        this.floatLabel = computed(() => {
+        this._floatLabel = computed(() => {
             return this.label() == '' ? 'always' : 'auto';
         });
         //computed
-        this.paddingRight = computed(() => {
+        this._paddingRight = computed(() => {
             return this.isInvalid() || this.isValid()
                 ? '18px' : '0px';
         });
@@ -878,50 +878,49 @@ class CoerNumberBox extends ControlValue {
             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())
+    async ngAfterViewInit() {
+        await Tools.Sleep();
+        this._element = document.getElementById(this._id);
+        if (this._element) {
+            this._element.addEventListener('focus', () => {
+                if (!this._isEnable())
+                    this.Blur();
+                else if (this.selectOnFocus())
+                    this.Focus(true);
+            });
+            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();
-                    else if (this.selectOnFocus())
-                        this.Focus(true);
-                });
-                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);
-                        }
                     }
+                    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);
                 });
-                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() {
@@ -929,21 +928,21 @@ class CoerNumberBox extends ControlValue {
     }
     //ControlValueAccessor
     SetValue(value) {
-        value = this.OnlyNumbers(value);
-        value = this.ValidateRangeValue(value);
+        value = this._OnlyNumbers(value);
+        value = this._ValidateRangeValue(value);
         this._UpdateValue(value);
-        this.coerNumberbox().nativeElement.value = 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;
+        value = this._OnlyNumbers(value);
+        value = this._ValidateRangeValue(value);
+        this._coerNumberbox().nativeElement.value = value;
         this._value = value;
     }
     /** */
-    OnlyNumbers(value) {
+    _OnlyNumbers(value) {
         let isNegative = false;
         let valueString = String(value).trim();
         //Negatives
@@ -998,7 +997,7 @@ class CoerNumberBox extends ControlValue {
         return Number(valueString);
     }
     /** */
-    ValidateRangeValue(value) {
+    _ValidateRangeValue(value) {
         if (['-', '.', '-.', '-0', '-0.'].includes(String(value))) {
             return String(value);
         }
@@ -1025,9 +1024,9 @@ class CoerNumberBox extends ControlValue {
             this._isLoadingEvent.set(true);
         Tools.Sleep(delay).then(() => {
             if (this._isEnable()) {
-                this.element.focus();
+                this._element.focus();
                 if (select)
-                    this.element.select();
+                    this._element.select();
             }
             this._isLoadingEvent.set(false);
         });
@@ -1039,8 +1038,8 @@ class CoerNumberBox extends ControlValue {
         else
             this._isLoadingEvent.set(true);
         Tools.Sleep().then(() => {
-            if (this.element) {
-                this.element.blur();
+            if (this._element) {
+                this._element.blur();
                 setTimeout(() => {
                     const element = document.querySelector(`#${this._id}-container .mdc-line-ripple--active`);
                     if (element)
@@ -1051,15 +1050,13 @@ class CoerNumberBox extends ControlValue {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerNumberBox, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerNumberBox, isStandalone: false, 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 }, textPosition: { classPropertyName: "textPosition", publicName: "textPosition", 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 }, isInvalid: { classPropertyName: "isInvalid", publicName: "isInvalid", isSignal: true, isRequired: false, transformFunction: null }, isValid: { classPropertyName: "isValid", publicName: "isValid", isSignal: true, isRequired: false, transformFunction: null }, selectOnFocus: { classPropertyName: "selectOnFocus", publicName: "selectOnFocus", isSignal: true, isRequired: false, transformFunction: null }, decimals: { classPropertyName: "decimals", publicName: "decimals", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", 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 }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", 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 } }, 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: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!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:var(--primary-inner);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:var(--black)!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:var(--primary-inner)!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:var(--green)!important}div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!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: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerNumberBox, isStandalone: false, selector: "coer-numberbox", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, 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 }, textPosition: { classPropertyName: "textPosition", publicName: "textPosition", 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 }, isInvalid: { classPropertyName: "isInvalid", publicName: "isInvalid", isSignal: true, isRequired: false, transformFunction: null }, isValid: { classPropertyName: "isValid", publicName: "isValid", isSignal: true, isRequired: false, transformFunction: null }, selectOnFocus: { classPropertyName: "selectOnFocus", publicName: "selectOnFocus", isSignal: true, isRequired: false, transformFunction: null }, decimals: { classPropertyName: "decimals", publicName: "decimals", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", 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 }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", 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 } }, outputs: { onKeyupEnter: "onKeyupEnter", onInput: "onInput" }, providers: [CONTROL_VALUE(CoerNumberBox)], viewQueries: [{ 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: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!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:var(--primary-inner);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:var(--black)!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:var(--primary-inner)!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:var(--green)!important}div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!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: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerNumberBox, decorators: [{
             type: Component,
-            args: [{ selector: 'coer-numberbox', providers: [CONTROL_VALUE(CoerNumberBox)], standalone: false, 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: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!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:var(--primary-inner);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:var(--black)!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:var(--primary-inner)!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:var(--green)!important}div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!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"] }]
+            args: [{ selector: 'coer-numberbox', providers: [CONTROL_VALUE(CoerNumberBox)], standalone: false, 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: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!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:var(--primary-inner);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:var(--black)!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:var(--primary-inner)!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:var(--green)!important}div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!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
             }] } });
 
 class CoerSelectbox extends ControlValue {
@@ -1078,13 +1075,13 @@ class CoerSelectbox extends ControlValue {
         this._isOverMenu = signal(false);
         this._isLoadingEvent = signal(false);
         this._scroll = signal(0);
-        this.id = '';
+        this.id = input('');
         this.label = input('');
         this.placeholder = input('-- Select --');
         this.isInvalid = input(false);
         this.isValid = input(false);
         this.dataSource = input([]);
-        this.propDisplay = input('name');
+        this.displayProperty = input('name');
         this.rowsByPage = input(50);
         this.isLoading = input(false);
         this.isDisabled = input(false);
@@ -1105,14 +1102,14 @@ class CoerSelectbox extends ControlValue {
             return !this.isDisabled() && !this.isLoading() && !this.isReadonly();
         });
         //computed
-        this.floatLabel = computed(() => {
+        this._floatLabel = computed(() => {
             return this.label() == '' ? 'always' : 'auto';
         });
         //computed
         this._dataSource = computed(() => {
             let index = 0;
             const search = this._search();
-            const propDisplay = this.propDisplay();
+            const propDisplay = this.displayProperty();
             let dataSource = this.dataSource().map((item) => Object.assign(item, { index: index++ }));
             if (this._isDirty() && !this._isLoadingEvent()) {
                 dataSource = [...dataSource].filter((item) => String(item[propDisplay]).trim().toUpperCase().includes(search.trim().toUpperCase()));
@@ -1123,12 +1120,12 @@ class CoerSelectbox extends ControlValue {
                 .map((item) => Object.assign(item, { indexRow: indexRow++ }));
         });
         /** */
-        this.GetIndexRow = (item) => {
+        this._GetIndexRow = (item) => {
             return item['indexRow'];
         };
         /** */
-        this.GetDisplay = (item) => {
-            return Tools.IsNotNull(item) ? item[this.propDisplay()] : '';
+        this._GetDisplay = (item) => {
+            return Tools.IsNotNull(item) ? item[this.displayProperty()] : '';
         };
     }
     //Inputs
@@ -1139,7 +1136,7 @@ class CoerSelectbox extends ControlValue {
     }
     async ngAfterViewInit() {
         await Tools.Sleep();
-        this.SetEvents();
+        this._SetEvents();
     }
     //getter
     get value() {
@@ -1147,7 +1144,7 @@ class CoerSelectbox extends ControlValue {
     }
     //getter
     get _displayed() {
-        return Tools.IsNotNull(this._value) ? this._value[this.propDisplay()] : '';
+        return Tools.IsNotNull(this._value) ? this._value[this.displayProperty()] : '';
     }
     //getter
     get _placeholder() {
@@ -1171,12 +1168,12 @@ class CoerSelectbox extends ControlValue {
             && this._search().length <= 0;
     }
     //getter
-    get paddingRight() {
+    get _paddingRight() {
         return this.isInvalid() || this.isValid() || this._showCancel
             ? '40px' : '15px';
     }
     //getter
-    get widthIcons() {
+    get _widthIcons() {
         return this.isInvalid() || this.isValid() || this._showCancel
             ? '55px' : '30px';
     }
@@ -1185,21 +1182,21 @@ class CoerSelectbox extends ControlValue {
         if (_value === undefined)
             _value = null;
         if (Tools.IsNotOnlyWhiteSpace(this._value) && Tools.IsNull(_value)) {
-            this.onUnselect.emit();
+            this.onUnselect.emit(null);
         }
         this._UpdateValue(_value);
         this._value = _value;
-        this._search.set(this.GetDisplay(_value));
+        this._search.set(this._GetDisplay(_value));
     }
     /** */
     writeValue(_value) {
         if (_value === undefined)
             _value = null;
         this._value = _value;
-        this._search.set(this.GetDisplay(_value));
+        this._search.set(this._GetDisplay(_value));
     }
     /** */
-    SetEvents() {
+    _SetEvents() {
         //Container
         this._container = document.getElementById(`${this._id}-container`);
         this._container.addEventListener('mouseenter', () => {
@@ -1258,7 +1255,7 @@ class CoerSelectbox extends ControlValue {
                     if (Tools.IsNotNull(this._value) && !this._isDirty()) {
                         this._scroll.set(0);
                         this._dropDownMenu.scrollTo(0, this._scroll());
-                        this.Search(this._displayed);
+                        this._Search(this._displayed);
                     }
                     this._isDirty.set(true);
                 }
@@ -1272,7 +1269,7 @@ class CoerSelectbox extends ControlValue {
         });
         this._textbox.addEventListener('keydown', (event) => {
             if (!this._isOpen())
-                this.Open();
+                this._Open();
         });
         this._textbox.addEventListener('mouseenter', () => {
             this._isOverMenu.set(true);
@@ -1293,12 +1290,12 @@ class CoerSelectbox extends ControlValue {
         document.addEventListener('keyup', (event) => {
             if (event.key === 'Enter') {
                 if (this._index() >= 0) {
-                    if (Tools.IsNotNull(this._value) && this._search() == this._value[this.propDisplay()]) {
+                    if (Tools.IsNotNull(this._value) && this._search() == this._value[this.displayProperty()]) {
                         this._isLoadingEvent.set(true);
                     }
                     const dataSource = Tools.BreakReference(this._dataSource());
                     const _value = dataSource.find(x => x.indexRow == this._index());
-                    this.SelectItem(_value);
+                    this._SelectItem(_value);
                     this._isLoadingEvent.set(false);
                 }
                 this.Blur();
@@ -1306,7 +1303,7 @@ class CoerSelectbox extends ControlValue {
         });
     }
     /** */
-    SelectItem(item) {
+    _SelectItem(item) {
         if (Tools.IsNotNull(item)) {
             const _item = Tools.BreakReference(this.dataSource()[item.index]);
             if (Tools.IsNotNull(_item)) {
@@ -1335,11 +1332,11 @@ class CoerSelectbox extends ControlValue {
                 this._textbox.focus();
                 this._textbox.select();
                 if (open)
-                    this.Open();
+                    this._Open();
             }
             Tools.Sleep().then(_ => {
                 if (Tools.IsNotNull(this._value)) {
-                    this.Search(this._displayed);
+                    this._Search(this._displayed);
                 }
                 this._isLoadingEvent.set(false);
             });
@@ -1357,7 +1354,7 @@ class CoerSelectbox extends ControlValue {
         this._search.set(this._displayed);
         Tools.Sleep().then(_ => {
             this._textbox.blur();
-            this.Close();
+            this._Close();
             Tools.Sleep().then(_ => {
                 const element = document.querySelector(`#${this._id}-container .mdc-line-ripple--active`);
                 if (element)
@@ -1367,24 +1364,24 @@ class CoerSelectbox extends ControlValue {
         });
     }
     /** */
-    Open() {
+    _Open() {
         if (!this._dropDownMenu.classList.contains('show')) {
             this._dropDownMenu.classList.add('show');
         }
         this._isOpen.set(true);
     }
     /** */
-    Close() {
+    _Close() {
         if (this._dropDownMenu.classList.contains('show')) {
             this._dropDownMenu.classList.remove('show');
         }
         this._isOpen.set(false);
     }
     /** */
-    Search(_value) {
+    _Search(_value) {
         this._search.set(String(_value));
         Tools.Sleep(0, `${this._id}-search`).then(_ => {
-            const item = this._dataSource().find(item => String(item[this.propDisplay()]).trim().toUpperCase().includes(String(_value).trim().toUpperCase()));
+            const item = this._dataSource().find(item => String(item[this.displayProperty()]).trim().toUpperCase().includes(String(_value).trim().toUpperCase()));
             if (Tools.IsNotNull(item)) {
                 this._index.set(item.indexRow);
                 if (this._index() >= 3) {
@@ -1398,28 +1395,28 @@ class CoerSelectbox extends ControlValue {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerSelectbox, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerSelectbox, isStandalone: false, selector: "coer-selectbox", 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 }, isInvalid: { classPropertyName: "isInvalid", publicName: "isInvalid", isSignal: true, isRequired: false, transformFunction: null }, isValid: { classPropertyName: "isValid", publicName: "isValid", isSignal: true, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, propDisplay: { classPropertyName: "propDisplay", publicName: "propDisplay", isSignal: true, isRequired: false, transformFunction: null }, rowsByPage: { classPropertyName: "rowsByPage", publicName: "rowsByPage", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", 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 }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", 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 } }, outputs: { onSelected: "onSelected", onUnselect: "onUnselect" }, providers: [CONTROL_VALUE(CoerSelectbox)], viewQueries: [{ propertyName: "_coerTextBox", first: true, predicate: ["coerTextBox"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"coer-select-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 #coerTextBox matInput\r\n            [id]=\"_id\"\r\n            type=\"text\"\r\n            [value]=\"_search()\"\r\n            [placeholder]=\"_placeholder\"\r\n            [disabled]=\"!_isEnable()\"\r\n            (input)=\"Search(coerTextBox.value)\"\r\n            (blur)=\"SetTouched(true)\"\r\n            [style]=\"{\r\n                'cursor': isLoading() ? 'wait' : null,\r\n                'margin-top': (floatLabel() == 'auto') ? '15px' : '9px',\r\n                'padding-right': paddingRight\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 class=\"icon-container\" [style]=\"{ 'width': widthIcons }\">\r\n            @if(_showCancel && _isEnable() && !isLoading()) {\r\n                <i class=\"fa-solid fa-xmark text-secondary\" (click)=\"Unselect()\"></i>\r\n            }\r\n\r\n            @else if(isInvalid() && !isLoading()) {\r\n                <i class=\"fa-solid fa-circle-exclamation\"></i>\r\n            }\r\n\r\n            @else if(isValid() && !isLoading()) {\r\n                <i class=\"fa-solid fa-circle-check text-green\"></i>\r\n            }\r\n\r\n            @if(_isOpen() && _isEnable() && !isLoading()) {\r\n                <i class=\"fa-solid fa-caret-up cursor-pointer text-primary\" (click)=\"Blur()\"></i>\r\n            }\r\n\r\n            @else if(_isEnable() && !isLoading()) {\r\n                <i class=\"fa-solid fa-caret-down cursor-pointer text-secondary\"></i>\r\n            }\r\n        </span>\r\n    </mat-form-field>\r\n\r\n    <!-- Options Container -->\r\n    <div class=\"btn-group\">\r\n        <ul [id]=\"_id + '-dropdown-menu'\" \r\n            class=\"dropdown-menu\"\r\n            [ngStyle]=\"{\r\n                width: _dropDownWidth\r\n            }\">\r\n            @for(item of _dataSource(); track GetIndexRow(item)) {\r\n                <li (click)=\"SelectItem(item)\">\r\n                    <div [id]=\"id + '-dropdown-option-' + GetIndexRow(item)\"\r\n                        [ngClass]=\"{\r\n                            'dropdown-item': true,\r\n                            'cursor-pointer': true,\r\n                            'dropdown-item-focus': _index() == GetIndexRow(item)\r\n                        }\"\r\n                    >{{ GetDisplay(item) }} </div>\r\n                    <hr class=\"dropdown-divider\">\r\n                </li>\r\n            }\r\n        </ul>\r\n    </div>\r\n</div>", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-select-box{position:relative!important}div.coer-select-box mat-form-field{position:relative!important}div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-select-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-select-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-select-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:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-select-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:var(--black)!important}div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-select-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:var(--primary-inner)!important}div.coer-select-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-select-box mat-form-field span.icon-container{position:absolute!important;top:1px!important;right:-14px!important;z-index:5!important;height:40px;display:flex;align-items:center;justify-content:center;gap:5px}div.coer-select-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-xmark,div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass{color:#caced1!important;cursor:pointer!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover{color:#6c757d!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-xmark{font-size:22px!important;padding:2px!important}div.coer-select-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;cursor:wait!important}div.coer-select-box mat-form-field .placeholder,div.coer-select-box mat-form-field .placeholder *,div.coer-select-box mat-form-field .placeholder-glow,div.coer-select-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-select-box .btn-group{position:absolute!important;top:40px;left:0!important;width:100%!important}div.coer-select-box ul.dropdown-menu{background-color:var(--white)!important;border-top-left-radius:0!important;border-top-right-radius:0!important;max-height:205px!important;overflow:auto!important;padding:0!important}div.coer-select-box .dropdown-divider{margin:0!important;background-color:var(--white)!important}div.coer-select-box ul.dropdown-menu li:not(.dropdown-item-focus):hover,div.coer-select-box ul.dropdown-menu li>div:not(.dropdown-item-focus):hover{color:var(--black)!important;background-color:#f1f6ff!important}div.coer-select-box ul.dropdown-menu li:last-child hr.dropdown-divider,div.coer-select-box ul.dropdown-menu li:last-child hr.dropdown-divider:hover{width:0px!important;border:none!important}div.coer-select-box ul.dropdown-menu li div{display:flex!important;align-items:center!important;height:40px!important}div.coer-select-box div.dropdown-item-focus{background-color:#cde1ff!important}div.coer-select-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-selectbox div.coer-select-box 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-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-selectbox div.coer-select-box 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-selectbox div.coer-select-box 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-selectbox div.coer-select-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{height:28px!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-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{margin-top:3px!important;font-size:14px!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field span.icon-container{transform:translate(-5px,-6px)!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box .btn-group{top:28px!important}aside.modal .modal-content ul.dropdown-menu{position:fixed!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerSelectbox, isStandalone: false, selector: "coer-selectbox", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, 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 }, isInvalid: { classPropertyName: "isInvalid", publicName: "isInvalid", isSignal: true, isRequired: false, transformFunction: null }, isValid: { classPropertyName: "isValid", publicName: "isValid", isSignal: true, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, displayProperty: { classPropertyName: "displayProperty", publicName: "displayProperty", isSignal: true, isRequired: false, transformFunction: null }, rowsByPage: { classPropertyName: "rowsByPage", publicName: "rowsByPage", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", 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 }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", 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 } }, outputs: { onSelected: "onSelected", onUnselect: "onUnselect" }, providers: [CONTROL_VALUE(CoerSelectbox)], viewQueries: [{ propertyName: "_coerTextBox", first: true, predicate: ["coerTextBox"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"coer-select-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 #coerTextBox matInput\r\n            [id]=\"_id\"\r\n            type=\"text\"\r\n            [value]=\"_search()\"\r\n            [placeholder]=\"_placeholder\"\r\n            [disabled]=\"!_isEnable()\"\r\n            (input)=\"_Search(coerTextBox.value)\"\r\n            (blur)=\"SetTouched(true)\"\r\n            [style]=\"{\r\n                'cursor': isLoading() ? 'wait' : null,\r\n                'margin-top': (_floatLabel() == 'auto') ? '15px' : '9px',\r\n                'padding-right': _paddingRight\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 class=\"icon-container\" [style]=\"{ 'width': _widthIcons }\">\r\n            @if(_showCancel && _isEnable() && !isLoading()) {\r\n                <i class=\"fa-solid fa-xmark text-secondary\" (click)=\"Unselect()\"></i>\r\n            }\r\n\r\n            @else if(isInvalid() && !isLoading()) {\r\n                <i class=\"fa-solid fa-circle-exclamation\"></i>\r\n            }\r\n\r\n            @else if(isValid() && !isLoading()) {\r\n                <i class=\"fa-solid fa-circle-check text-green\"></i>\r\n            }\r\n\r\n            @if(_isOpen() && _isEnable() && !isLoading()) {\r\n                <i class=\"fa-solid fa-caret-up cursor-pointer text-primary\" (click)=\"Blur()\"></i>\r\n            }\r\n\r\n            @else if(_isEnable() && !isLoading()) {\r\n                <i class=\"fa-solid fa-caret-down cursor-pointer text-secondary\"></i>\r\n            }\r\n        </span>\r\n    </mat-form-field>\r\n\r\n    <!-- Options Container -->\r\n    <div class=\"btn-group\">\r\n        <ul [id]=\"_id + '-dropdown-menu'\" \r\n            class=\"dropdown-menu\"\r\n            [ngStyle]=\"{\r\n                width: _dropDownWidth\r\n            }\">\r\n            @for(item of _dataSource(); track _GetIndexRow(item)) {\r\n                <li (click)=\"_SelectItem(item)\">\r\n                    <div [id]=\"id + '-dropdown-option-' + _GetIndexRow(item)\"\r\n                        [ngClass]=\"{\r\n                            'dropdown-item': true,\r\n                            'cursor-pointer': true,\r\n                            'dropdown-item-focus': _index() == _GetIndexRow(item)\r\n                        }\"\r\n                    >{{ _GetDisplay(item) }} </div>\r\n                    <hr class=\"dropdown-divider\">\r\n                </li>\r\n            }\r\n        </ul>\r\n    </div>\r\n</div>", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-select-box{position:relative!important}div.coer-select-box mat-form-field{position:relative!important}div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-select-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-select-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-select-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:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-select-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:var(--black)!important}div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-select-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:var(--primary-inner)!important}div.coer-select-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-select-box mat-form-field span.icon-container{position:absolute!important;top:1px!important;right:-14px!important;z-index:5!important;height:40px;display:flex;align-items:center;justify-content:center;gap:5px}div.coer-select-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-xmark,div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass{color:#caced1!important;cursor:pointer!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover{color:#6c757d!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-xmark{font-size:22px!important;padding:2px!important}div.coer-select-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;cursor:wait!important}div.coer-select-box mat-form-field .placeholder,div.coer-select-box mat-form-field .placeholder *,div.coer-select-box mat-form-field .placeholder-glow,div.coer-select-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-select-box .btn-group{position:absolute!important;top:40px;left:0!important;width:100%!important}div.coer-select-box ul.dropdown-menu{background-color:var(--white)!important;border-top-left-radius:0!important;border-top-right-radius:0!important;max-height:205px!important;overflow:auto!important;padding:0!important}div.coer-select-box .dropdown-divider{margin:0!important;background-color:var(--white)!important}div.coer-select-box ul.dropdown-menu li:not(.dropdown-item-focus):hover,div.coer-select-box ul.dropdown-menu li>div:not(.dropdown-item-focus):hover{color:var(--black)!important;background-color:#f1f6ff!important}div.coer-select-box ul.dropdown-menu li:last-child hr.dropdown-divider,div.coer-select-box ul.dropdown-menu li:last-child hr.dropdown-divider:hover{width:0px!important;border:none!important}div.coer-select-box ul.dropdown-menu li div{display:flex!important;align-items:center!important;height:40px!important}div.coer-select-box div.dropdown-item-focus{background-color:#cde1ff!important}div.coer-select-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-selectbox div.coer-select-box 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-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-selectbox div.coer-select-box 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-selectbox div.coer-select-box 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-selectbox div.coer-select-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{height:28px!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-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{margin-top:3px!important;font-size:14px!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field span.icon-container{transform:translate(-5px,-6px)!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box .btn-group{top:28px!important}aside.modal .modal-content ul.dropdown-menu{position:fixed!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerSelectbox, decorators: [{
             type: Component,
-            args: [{ selector: 'coer-selectbox', providers: [CONTROL_VALUE(CoerSelectbox)], standalone: false, template: "<div class=\"coer-select-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 #coerTextBox matInput\r\n            [id]=\"_id\"\r\n            type=\"text\"\r\n            [value]=\"_search()\"\r\n            [placeholder]=\"_placeholder\"\r\n            [disabled]=\"!_isEnable()\"\r\n            (input)=\"Search(coerTextBox.value)\"\r\n            (blur)=\"SetTouched(true)\"\r\n            [style]=\"{\r\n                'cursor': isLoading() ? 'wait' : null,\r\n                'margin-top': (floatLabel() == 'auto') ? '15px' : '9px',\r\n                'padding-right': paddingRight\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 class=\"icon-container\" [style]=\"{ 'width': widthIcons }\">\r\n            @if(_showCancel && _isEnable() && !isLoading()) {\r\n                <i class=\"fa-solid fa-xmark text-secondary\" (click)=\"Unselect()\"></i>\r\n            }\r\n\r\n            @else if(isInvalid() && !isLoading()) {\r\n                <i class=\"fa-solid fa-circle-exclamation\"></i>\r\n            }\r\n\r\n            @else if(isValid() && !isLoading()) {\r\n                <i class=\"fa-solid fa-circle-check text-green\"></i>\r\n            }\r\n\r\n            @if(_isOpen() && _isEnable() && !isLoading()) {\r\n                <i class=\"fa-solid fa-caret-up cursor-pointer text-primary\" (click)=\"Blur()\"></i>\r\n            }\r\n\r\n            @else if(_isEnable() && !isLoading()) {\r\n                <i class=\"fa-solid fa-caret-down cursor-pointer text-secondary\"></i>\r\n            }\r\n        </span>\r\n    </mat-form-field>\r\n\r\n    <!-- Options Container -->\r\n    <div class=\"btn-group\">\r\n        <ul [id]=\"_id + '-dropdown-menu'\" \r\n            class=\"dropdown-menu\"\r\n            [ngStyle]=\"{\r\n                width: _dropDownWidth\r\n            }\">\r\n            @for(item of _dataSource(); track GetIndexRow(item)) {\r\n                <li (click)=\"SelectItem(item)\">\r\n                    <div [id]=\"id + '-dropdown-option-' + GetIndexRow(item)\"\r\n                        [ngClass]=\"{\r\n                            'dropdown-item': true,\r\n                            'cursor-pointer': true,\r\n                            'dropdown-item-focus': _index() == GetIndexRow(item)\r\n                        }\"\r\n                    >{{ GetDisplay(item) }} </div>\r\n                    <hr class=\"dropdown-divider\">\r\n                </li>\r\n            }\r\n        </ul>\r\n    </div>\r\n</div>", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-select-box{position:relative!important}div.coer-select-box mat-form-field{position:relative!important}div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-select-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-select-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-select-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:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-select-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:var(--black)!important}div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-select-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:var(--primary-inner)!important}div.coer-select-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-select-box mat-form-field span.icon-container{position:absolute!important;top:1px!important;right:-14px!important;z-index:5!important;height:40px;display:flex;align-items:center;justify-content:center;gap:5px}div.coer-select-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-xmark,div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass{color:#caced1!important;cursor:pointer!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover{color:#6c757d!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-xmark{font-size:22px!important;padding:2px!important}div.coer-select-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;cursor:wait!important}div.coer-select-box mat-form-field .placeholder,div.coer-select-box mat-form-field .placeholder *,div.coer-select-box mat-form-field .placeholder-glow,div.coer-select-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-select-box .btn-group{position:absolute!important;top:40px;left:0!important;width:100%!important}div.coer-select-box ul.dropdown-menu{background-color:var(--white)!important;border-top-left-radius:0!important;border-top-right-radius:0!important;max-height:205px!important;overflow:auto!important;padding:0!important}div.coer-select-box .dropdown-divider{margin:0!important;background-color:var(--white)!important}div.coer-select-box ul.dropdown-menu li:not(.dropdown-item-focus):hover,div.coer-select-box ul.dropdown-menu li>div:not(.dropdown-item-focus):hover{color:var(--black)!important;background-color:#f1f6ff!important}div.coer-select-box ul.dropdown-menu li:last-child hr.dropdown-divider,div.coer-select-box ul.dropdown-menu li:last-child hr.dropdown-divider:hover{width:0px!important;border:none!important}div.coer-select-box ul.dropdown-menu li div{display:flex!important;align-items:center!important;height:40px!important}div.coer-select-box div.dropdown-item-focus{background-color:#cde1ff!important}div.coer-select-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-selectbox div.coer-select-box 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-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-selectbox div.coer-select-box 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-selectbox div.coer-select-box 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-selectbox div.coer-select-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{height:28px!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-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{margin-top:3px!important;font-size:14px!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field span.icon-container{transform:translate(-5px,-6px)!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box .btn-group{top:28px!important}aside.modal .modal-content ul.dropdown-menu{position:fixed!important}\n"] }]
+            args: [{ selector: 'coer-selectbox', providers: [CONTROL_VALUE(CoerSelectbox)], standalone: false, template: "<div class=\"coer-select-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 #coerTextBox matInput\r\n            [id]=\"_id\"\r\n            type=\"text\"\r\n            [value]=\"_search()\"\r\n            [placeholder]=\"_placeholder\"\r\n            [disabled]=\"!_isEnable()\"\r\n            (input)=\"_Search(coerTextBox.value)\"\r\n            (blur)=\"SetTouched(true)\"\r\n            [style]=\"{\r\n                'cursor': isLoading() ? 'wait' : null,\r\n                'margin-top': (_floatLabel() == 'auto') ? '15px' : '9px',\r\n                'padding-right': _paddingRight\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 class=\"icon-container\" [style]=\"{ 'width': _widthIcons }\">\r\n            @if(_showCancel && _isEnable() && !isLoading()) {\r\n                <i class=\"fa-solid fa-xmark text-secondary\" (click)=\"Unselect()\"></i>\r\n            }\r\n\r\n            @else if(isInvalid() && !isLoading()) {\r\n                <i class=\"fa-solid fa-circle-exclamation\"></i>\r\n            }\r\n\r\n            @else if(isValid() && !isLoading()) {\r\n                <i class=\"fa-solid fa-circle-check text-green\"></i>\r\n            }\r\n\r\n            @if(_isOpen() && _isEnable() && !isLoading()) {\r\n                <i class=\"fa-solid fa-caret-up cursor-pointer text-primary\" (click)=\"Blur()\"></i>\r\n            }\r\n\r\n            @else if(_isEnable() && !isLoading()) {\r\n                <i class=\"fa-solid fa-caret-down cursor-pointer text-secondary\"></i>\r\n            }\r\n        </span>\r\n    </mat-form-field>\r\n\r\n    <!-- Options Container -->\r\n    <div class=\"btn-group\">\r\n        <ul [id]=\"_id + '-dropdown-menu'\" \r\n            class=\"dropdown-menu\"\r\n            [ngStyle]=\"{\r\n                width: _dropDownWidth\r\n            }\">\r\n            @for(item of _dataSource(); track _GetIndexRow(item)) {\r\n                <li (click)=\"_SelectItem(item)\">\r\n                    <div [id]=\"id + '-dropdown-option-' + _GetIndexRow(item)\"\r\n                        [ngClass]=\"{\r\n                            'dropdown-item': true,\r\n                            'cursor-pointer': true,\r\n                            'dropdown-item-focus': _index() == _GetIndexRow(item)\r\n                        }\"\r\n                    >{{ _GetDisplay(item) }} </div>\r\n                    <hr class=\"dropdown-divider\">\r\n                </li>\r\n            }\r\n        </ul>\r\n    </div>\r\n</div>", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-select-box{position:relative!important}div.coer-select-box mat-form-field{position:relative!important}div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-select-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-select-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-select-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:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-select-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:var(--black)!important}div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-select-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:var(--primary-inner)!important}div.coer-select-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-select-box mat-form-field span.icon-container{position:absolute!important;top:1px!important;right:-14px!important;z-index:5!important;height:40px;display:flex;align-items:center;justify-content:center;gap:5px}div.coer-select-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-xmark,div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass{color:#caced1!important;cursor:pointer!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover{color:#6c757d!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-xmark{font-size:22px!important;padding:2px!important}div.coer-select-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;cursor:wait!important}div.coer-select-box mat-form-field .placeholder,div.coer-select-box mat-form-field .placeholder *,div.coer-select-box mat-form-field .placeholder-glow,div.coer-select-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-select-box .btn-group{position:absolute!important;top:40px;left:0!important;width:100%!important}div.coer-select-box ul.dropdown-menu{background-color:var(--white)!important;border-top-left-radius:0!important;border-top-right-radius:0!important;max-height:205px!important;overflow:auto!important;padding:0!important}div.coer-select-box .dropdown-divider{margin:0!important;background-color:var(--white)!important}div.coer-select-box ul.dropdown-menu li:not(.dropdown-item-focus):hover,div.coer-select-box ul.dropdown-menu li>div:not(.dropdown-item-focus):hover{color:var(--black)!important;background-color:#f1f6ff!important}div.coer-select-box ul.dropdown-menu li:last-child hr.dropdown-divider,div.coer-select-box ul.dropdown-menu li:last-child hr.dropdown-divider:hover{width:0px!important;border:none!important}div.coer-select-box ul.dropdown-menu li div{display:flex!important;align-items:center!important;height:40px!important}div.coer-select-box div.dropdown-item-focus{background-color:#cde1ff!important}div.coer-select-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-selectbox div.coer-select-box 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-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-selectbox div.coer-select-box 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-selectbox div.coer-select-box 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-selectbox div.coer-select-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{height:28px!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-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{margin-top:3px!important;font-size:14px!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field span.icon-container{transform:translate(-5px,-6px)!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box .btn-group{top:28px!important}aside.modal .modal-content ul.dropdown-menu{position:fixed!important}\n"] }]
         }], propDecorators: { value: [{
                 type: Input
-            }], id: [{
-                type: Input
             }] } });
 
 class CoerTextBox extends ControlValue {
     constructor() {
         super(...arguments);
-        //Component Value
-        this._value = '';
+        //Elements
         this.matFormField = viewChild.required('matFormField');
         this.coerTextBox = viewChild.required('coerTextBox');
+        //Component Value
+        this._value = '';
         //Variables
         this._id = Tools.GetGuid('coer-textBox');
         this._isLoadingEvent = signal(false);
-        this.id = '';
+        //Inputs  
+        this.id = input('');
         this.label = input('');
         this.placeholder = input('');
         this.textPosition = input('left');
@@ -1453,23 +1450,22 @@ class CoerTextBox extends ControlValue {
             return !this.isDisabled() && !this.isLoading() && !this.isReadonly() && !this.isInvisible();
         });
         //computed
-        this.floatLabel = computed(() => {
+        this._floatLabel = computed(() => {
             return this.label() == '' ? 'always' : 'auto';
         });
         //computed
-        this.paddingRight = computed(() => {
+        this._paddingRight = computed(() => {
             return this.isInvalid() || this.isValid()
                 ? '18px' : '0px';
         });
     }
-    //Inputs
     set value(value) {
         if (Tools.IsNull(value))
             value = '';
         this.SetValue(value);
     }
     ngOnInit() {
-        this.SetEvents();
+        this._SetEvents();
     }
     //getter
     get _showSearchIcon() {
@@ -1511,10 +1507,10 @@ class CoerTextBox extends ControlValue {
     }
     //getter
     get value() {
-        return String(this._value);
+        return Tools.IsNotNull(this._value) ? String(this._value) : '';
     }
     /** */
-    SetEvents() {
+    _SetEvents() {
         Tools.Sleep().then(() => {
             this.element = document.getElementById(this._id);
             if (this.element) {
@@ -1584,12 +1580,12 @@ class CoerTextBox extends ControlValue {
         });
     }
     /** */
-    Clear() {
+    Clear(delay = 0) {
         this.SetValue('');
-        this.Focus();
+        this.Focus(false, delay);
     }
     /** */
-    ClickSearch() {
+    _ClickSearch() {
         Tools.Sleep().then(() => {
             if (this._isEnable()) {
                 if (this.showClearIcon())
@@ -1603,16 +1599,14 @@ class CoerTextBox extends ControlValue {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerTextBox, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerTextBox, isStandalone: false, selector: "coer-textbox", 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 }, textPosition: { classPropertyName: "textPosition", publicName: "textPosition", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", 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 }, externalButton: { classPropertyName: "externalButton", publicName: "externalButton", isSignal: false, isRequired: false, transformFunction: null }, selectOnFocus: { classPropertyName: "selectOnFocus", publicName: "selectOnFocus", isSignal: true, isRequired: false, transformFunction: null }, showClearIcon: { classPropertyName: "showClearIcon", publicName: "showClearIcon", isSignal: true, isRequired: false, transformFunction: null }, showSearchIcon: { classPropertyName: "showSearchIcon", publicName: "showSearchIcon", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", 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 }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", 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 } }, outputs: { onKeyupEnter: "onKeyupEnter", onInput: "onInput", onClickClear: "onClickClear", onClickSearch: "onClickSearch", onClickExternalButton: "onClickExternalButton" }, providers: [CONTROL_VALUE(CoerTextBox)], viewQueries: [{ propertyName: "matFormField", first: true, predicate: ["matFormField"], descendants: true, isSignal: true }, { propertyName: "coerTextBox", first: true, predicate: ["coerTextBox"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"coer-text-box\">\r\n    @if(_showButtonLeft) {\r\n        <div class=\"button-container\">\r\n            <coer-button\r\n                type=\"icon-no-border\"\r\n                color=\"dark\"\r\n                [icon]=\"_buttonIcon\"  \r\n                [isDisabled]=\"_isDisabledExternalButton\" \r\n                (onClick)=\"_isEnable() ? onClickExternalButton.emit() : null\"\r\n            ></coer-button>\r\n        </div>\r\n    }\r\n\r\n    <mat-form-field\r\n        [id]=\"_id + '-container'\"\r\n        [floatLabel]=\"floatLabel()\"\r\n        [ngClass]=\"{\r\n            'readonly': isReadonly() && !isLoading(),\r\n            'd-none': isInvisible()\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 #coerTextBox matInput\r\n            [id]=\"_id\"\r\n            type=\"text\"\r\n            [placeholder]=\"placeholder()\"\r\n            [minLength]=\"minLength()\"\r\n            [maxLength]=\"maxLength()\"\r\n            [disabled]=\"!_isEnable()\"\r\n            [value]=\"_value\"\r\n            (input)=\"SetValue(coerTextBox.value)\"\r\n            (blur)=\"SetTouched(true)\"\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(_showSearchIcon) {\r\n                <i class=\"fa-solid fa-magnifying-glass cursor-pointer\" (click)=\"ClickSearch()\"></i>\r\n            }\r\n\r\n            @else if(_showClearIcon) {\r\n                <i class=\"fa-solid fa-xmark cursor-pointer\" (click)=\"Clear(); this.onClickClear.emit();\"></i>\r\n            }\r\n\r\n            @else 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\r\n    @if(isInvisible()) {\r\n        <mat-form-field class=\"invisible\">\r\n            <input matInput [disabled]=\"true\"> \r\n        </mat-form-field> \r\n    }\r\n\r\n    @if(_showButtonRight) {\r\n        <div class=\"button-container\">\r\n            <coer-button\r\n                type=\"icon-no-border\"\r\n                color=\"dark\"\r\n                [icon]=\"_buttonIcon\"  \r\n                [isDisabled]=\"_isDisabledExternalButton\" \r\n                (onClick)=\"_isEnable() ? onClickExternalButton.emit() : null\"\r\n            ></coer-button>\r\n        </div>\r\n    }\r\n</div>", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-text-box{display:flex;align-items:center}div.coer-text-box mat-form-field{position:relative!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-text-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-text-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-text-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:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-text-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:var(--black)!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-text-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:var(--primary-inner)!important}div.coer-text-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-text-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-text-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-xmark,div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass{color:#caced1!important;cursor:pointer!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover{color:#6c757d!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-text-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;cursor:wait!important}div.coer-text-box mat-form-field .placeholder,div.coer-text-box mat-form-field .placeholder *,div.coer-text-box mat-form-field .placeholder-glow,div.coer-text-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-text-box mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}div.coer-text-box div.button-container{width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:#e6e7e9!important}coer-grid table tbody tr td.coer-textbox 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-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-textbox 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-textbox 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-textbox 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-textbox 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-textbox mat-form-field span.icon-container{transform:translate(-5px,-6px)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: CoerButton, selector: "coer-button", inputs: ["id", "color", "type", "icon", "iconPosition", "path", "animation", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "height", "minHeight", "marginTop", "marginRight", "marginBottom", "marginLeft", "tooltipPosition", "tooltip"], outputs: ["onClick"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerTextBox, isStandalone: false, selector: "coer-textbox", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, 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 }, textPosition: { classPropertyName: "textPosition", publicName: "textPosition", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", 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 }, externalButton: { classPropertyName: "externalButton", publicName: "externalButton", isSignal: false, isRequired: false, transformFunction: null }, selectOnFocus: { classPropertyName: "selectOnFocus", publicName: "selectOnFocus", isSignal: true, isRequired: false, transformFunction: null }, showClearIcon: { classPropertyName: "showClearIcon", publicName: "showClearIcon", isSignal: true, isRequired: false, transformFunction: null }, showSearchIcon: { classPropertyName: "showSearchIcon", publicName: "showSearchIcon", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", 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 }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", 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 }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onKeyupEnter: "onKeyupEnter", onInput: "onInput", onClickClear: "onClickClear", onClickSearch: "onClickSearch", onClickExternalButton: "onClickExternalButton" }, providers: [CONTROL_VALUE(CoerTextBox)], viewQueries: [{ propertyName: "matFormField", first: true, predicate: ["matFormField"], descendants: true, isSignal: true }, { propertyName: "coerTextBox", first: true, predicate: ["coerTextBox"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"coer-text-box\">\r\n    @if(_showButtonLeft) {\r\n        <div class=\"button-container\">\r\n            <coer-button\r\n                type=\"icon-no-border\"\r\n                color=\"dark\"\r\n                [icon]=\"_buttonIcon\"  \r\n                [isDisabled]=\"_isDisabledExternalButton\" \r\n                (onClick)=\"_isEnable() ? onClickExternalButton.emit() : null\"\r\n            ></coer-button>\r\n        </div>\r\n    }\r\n\r\n    <mat-form-field\r\n        [id]=\"_id + '-container'\"\r\n        [floatLabel]=\"_floatLabel()\"\r\n        [ngClass]=\"{\r\n            'readonly': isReadonly() && !isLoading(),\r\n            'd-none': isInvisible()\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 #coerTextBox matInput\r\n            [id]=\"_id\"\r\n            type=\"text\"\r\n            [placeholder]=\"placeholder()\"\r\n            [minLength]=\"minLength()\"\r\n            [maxLength]=\"maxLength()\"\r\n            [disabled]=\"!_isEnable()\"\r\n            [value]=\"_value\"\r\n            (input)=\"SetValue(coerTextBox.value)\"\r\n            (blur)=\"SetTouched(true)\"\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(_showSearchIcon) {\r\n                <i class=\"fa-solid fa-magnifying-glass cursor-pointer\" (click)=\"_ClickSearch()\"></i>\r\n            }\r\n\r\n            @else if(_showClearIcon) {\r\n                <i class=\"fa-solid fa-xmark cursor-pointer\" (click)=\"Clear(); this.onClickClear.emit();\"></i>\r\n            }\r\n\r\n            @else 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\r\n    @if(isInvisible()) {\r\n        <mat-form-field class=\"invisible\">\r\n            <input matInput [disabled]=\"true\"> \r\n        </mat-form-field> \r\n    }\r\n\r\n    @if(_showButtonRight) {\r\n        <div class=\"button-container\">\r\n            <coer-button\r\n                type=\"icon-no-border\"\r\n                color=\"dark\"\r\n                [icon]=\"_buttonIcon\"  \r\n                [isDisabled]=\"_isDisabledExternalButton\" \r\n                (onClick)=\"_isEnable() ? onClickExternalButton.emit() : null\"\r\n            ></coer-button>\r\n        </div>\r\n    }\r\n</div>", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-text-box{display:flex;align-items:center}div.coer-text-box mat-form-field{position:relative!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-text-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-text-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-text-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:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-text-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:var(--black)!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-text-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:var(--primary-inner)!important}div.coer-text-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-text-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-text-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-xmark,div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass{color:#caced1!important;cursor:pointer!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover{color:#6c757d!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-text-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;cursor:wait!important}div.coer-text-box mat-form-field .placeholder,div.coer-text-box mat-form-field .placeholder *,div.coer-text-box mat-form-field .placeholder-glow,div.coer-text-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-text-box mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}div.coer-text-box div.button-container{width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:#e6e7e9!important}coer-grid table tbody tr td.coer-textbox 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-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-textbox 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-textbox 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-textbox 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-textbox 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-textbox mat-form-field span.icon-container{transform:translate(-5px,-6px)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: CoerButton, selector: "coer-button", inputs: ["id", "color", "type", "icon", "iconPosition", "path", "animation", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "height", "minHeight", "marginTop", "marginRight", "marginBottom", "marginLeft", "tooltipPosition", "tooltip"], outputs: ["onClick"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerTextBox, decorators: [{
             type: Component,
-            args: [{ selector: 'coer-textbox', providers: [CONTROL_VALUE(CoerTextBox)], standalone: false, template: "<div class=\"coer-text-box\">\r\n    @if(_showButtonLeft) {\r\n        <div class=\"button-container\">\r\n            <coer-button\r\n                type=\"icon-no-border\"\r\n                color=\"dark\"\r\n                [icon]=\"_buttonIcon\"  \r\n                [isDisabled]=\"_isDisabledExternalButton\" \r\n                (onClick)=\"_isEnable() ? onClickExternalButton.emit() : null\"\r\n            ></coer-button>\r\n        </div>\r\n    }\r\n\r\n    <mat-form-field\r\n        [id]=\"_id + '-container'\"\r\n        [floatLabel]=\"floatLabel()\"\r\n        [ngClass]=\"{\r\n            'readonly': isReadonly() && !isLoading(),\r\n            'd-none': isInvisible()\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 #coerTextBox matInput\r\n            [id]=\"_id\"\r\n            type=\"text\"\r\n            [placeholder]=\"placeholder()\"\r\n            [minLength]=\"minLength()\"\r\n            [maxLength]=\"maxLength()\"\r\n            [disabled]=\"!_isEnable()\"\r\n            [value]=\"_value\"\r\n            (input)=\"SetValue(coerTextBox.value)\"\r\n            (blur)=\"SetTouched(true)\"\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(_showSearchIcon) {\r\n                <i class=\"fa-solid fa-magnifying-glass cursor-pointer\" (click)=\"ClickSearch()\"></i>\r\n            }\r\n\r\n            @else if(_showClearIcon) {\r\n                <i class=\"fa-solid fa-xmark cursor-pointer\" (click)=\"Clear(); this.onClickClear.emit();\"></i>\r\n            }\r\n\r\n            @else 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\r\n    @if(isInvisible()) {\r\n        <mat-form-field class=\"invisible\">\r\n            <input matInput [disabled]=\"true\"> \r\n        </mat-form-field> \r\n    }\r\n\r\n    @if(_showButtonRight) {\r\n        <div class=\"button-container\">\r\n            <coer-button\r\n                type=\"icon-no-border\"\r\n                color=\"dark\"\r\n                [icon]=\"_buttonIcon\"  \r\n                [isDisabled]=\"_isDisabledExternalButton\" \r\n                (onClick)=\"_isEnable() ? onClickExternalButton.emit() : null\"\r\n            ></coer-button>\r\n        </div>\r\n    }\r\n</div>", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-text-box{display:flex;align-items:center}div.coer-text-box mat-form-field{position:relative!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-text-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-text-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-text-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:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-text-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:var(--black)!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-text-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:var(--primary-inner)!important}div.coer-text-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-text-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-text-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-xmark,div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass{color:#caced1!important;cursor:pointer!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover{color:#6c757d!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-text-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;cursor:wait!important}div.coer-text-box mat-form-field .placeholder,div.coer-text-box mat-form-field .placeholder *,div.coer-text-box mat-form-field .placeholder-glow,div.coer-text-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-text-box mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}div.coer-text-box div.button-container{width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:#e6e7e9!important}coer-grid table tbody tr td.coer-textbox 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-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-textbox 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-textbox 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-textbox 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-textbox 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-textbox mat-form-field span.icon-container{transform:translate(-5px,-6px)!important}\n"] }]
-        }], propDecorators: { value: [{
+            args: [{ selector: 'coer-textbox', providers: [CONTROL_VALUE(CoerTextBox)], standalone: false, template: "<div class=\"coer-text-box\">\r\n    @if(_showButtonLeft) {\r\n        <div class=\"button-container\">\r\n            <coer-button\r\n                type=\"icon-no-border\"\r\n                color=\"dark\"\r\n                [icon]=\"_buttonIcon\"  \r\n                [isDisabled]=\"_isDisabledExternalButton\" \r\n                (onClick)=\"_isEnable() ? onClickExternalButton.emit() : null\"\r\n            ></coer-button>\r\n        </div>\r\n    }\r\n\r\n    <mat-form-field\r\n        [id]=\"_id + '-container'\"\r\n        [floatLabel]=\"_floatLabel()\"\r\n        [ngClass]=\"{\r\n            'readonly': isReadonly() && !isLoading(),\r\n            'd-none': isInvisible()\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 #coerTextBox matInput\r\n            [id]=\"_id\"\r\n            type=\"text\"\r\n            [placeholder]=\"placeholder()\"\r\n            [minLength]=\"minLength()\"\r\n            [maxLength]=\"maxLength()\"\r\n            [disabled]=\"!_isEnable()\"\r\n            [value]=\"_value\"\r\n            (input)=\"SetValue(coerTextBox.value)\"\r\n            (blur)=\"SetTouched(true)\"\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(_showSearchIcon) {\r\n                <i class=\"fa-solid fa-magnifying-glass cursor-pointer\" (click)=\"_ClickSearch()\"></i>\r\n            }\r\n\r\n            @else if(_showClearIcon) {\r\n                <i class=\"fa-solid fa-xmark cursor-pointer\" (click)=\"Clear(); this.onClickClear.emit();\"></i>\r\n            }\r\n\r\n            @else 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\r\n    @if(isInvisible()) {\r\n        <mat-form-field class=\"invisible\">\r\n            <input matInput [disabled]=\"true\"> \r\n        </mat-form-field> \r\n    }\r\n\r\n    @if(_showButtonRight) {\r\n        <div class=\"button-container\">\r\n            <coer-button\r\n                type=\"icon-no-border\"\r\n                color=\"dark\"\r\n                [icon]=\"_buttonIcon\"  \r\n                [isDisabled]=\"_isDisabledExternalButton\" \r\n                (onClick)=\"_isEnable() ? onClickExternalButton.emit() : null\"\r\n            ></coer-button>\r\n        </div>\r\n    }\r\n</div>", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-text-box{display:flex;align-items:center}div.coer-text-box mat-form-field{position:relative!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-text-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-text-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-text-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:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-text-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:var(--black)!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-text-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:var(--primary-inner)!important}div.coer-text-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-text-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-text-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-xmark,div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass{color:#caced1!important;cursor:pointer!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover{color:#6c757d!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-text-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;cursor:wait!important}div.coer-text-box mat-form-field .placeholder,div.coer-text-box mat-form-field .placeholder *,div.coer-text-box mat-form-field .placeholder-glow,div.coer-text-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-text-box mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}div.coer-text-box div.button-container{width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:#e6e7e9!important}coer-grid table tbody tr td.coer-textbox 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-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-textbox 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-textbox 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-textbox 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-textbox 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-textbox mat-form-field span.icon-container{transform:translate(-5px,-6px)!important}\n"] }]
+        }], propDecorators: { externalButton: [{
                 type: Input
-            }], id: [{
-                type: Input
-            }], externalButton: [{
+            }], value: [{
                 type: Input
             }] } });
 
@@ -2106,11 +2100,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
 class CoerSwitch extends ControlValue {
     constructor() {
         super(...arguments);
+        //Elements
+        this.coerSwitch = viewChild.required('coerSwitch');
         //Variables
         this._value = false;
         this._id = Tools.GetGuid('coer-switch');
         this._tooltip = '';
-        this.id = '';
+        this.id = input('');
         this.label = input('');
         this.labelPosition = input('after');
         this.isLoading = input(false);
@@ -2166,26 +2162,21 @@ class CoerSwitch extends ControlValue {
     Focus() {
         Tools.Sleep().then(() => {
             if (this._isEnable())
-                this.coerSwitch.focus();
+                this.coerSwitch().focus();
         });
     }
     /** */
-    Change(value) {
+    _Change(value) {
         this.SetValue(value);
         this.onChange.emit(value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerSwitch, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.1", type: CoerSwitch, isStandalone: false, selector: "coer-switch", 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 }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", 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 }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange" }, providers: [CONTROL_VALUE(CoerSwitch)], viewQueries: [{ propertyName: "coerSwitch", first: true, predicate: ["coerSwitch"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [ngClass]=\"{ 'coer-switch': true, 'placeholder-glow': isLoading(), 'invisible': isInvisible() }\">\r\n    <div [id]=\"_id\" [ngClass]=\"{ 'placeholder': isLoading() }\">\r\n        <mat-slide-toggle\r\n            #coerSwitch\r\n            [checked]=\"_value\"\r\n            [disabled]=\"!_isEnable()\"\r\n            [labelPosition]=\"labelPosition()\"\r\n            (change)=\"Change($event.checked)\"\r\n        >{{ label() }}</mat-slide-toggle>\r\n    </div>\r\n</div>", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-switch{height:40px;display:flex!important;align-items:center!important;position:relative!important}div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field button .mdc-switch__track:after{background-color:var(--primary-inner)!important;filter:opacity(.6)!important}div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field button .mdc-switch__handle-track .mdc-switch__ripple{width:30px!important;height:30px!important}div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field button.mdc-switch.mdc-switch--selected.mdc-switch--checked .mdc-switch__handle-track .mdc-switch__handle .mdc-switch__icons{background-color:var(--primary-inner)!important;border-radius:20px!important}div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field label,div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field label::selection{font-weight:400;background-color:transparent!important;font-size:17px!important}div.coer-switch .placeholder{display:flex!important;height:27px!important}div.coer-switch .placeholder,div.coer-switch .placeholder *,div.coer-switch .placeholder-glow,div.coer-switch .placeholder-glow *{cursor:wait!important}coer-grid div.coer-switch{height:20px!important;justify-content:center!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$5.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.1", type: CoerSwitch, isStandalone: false, selector: "coer-switch", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", 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 }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange" }, providers: [CONTROL_VALUE(CoerSwitch)], viewQueries: [{ propertyName: "coerSwitch", first: true, predicate: ["coerSwitch"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div [ngClass]=\"{ 'coer-switch': true, 'placeholder-glow': isLoading(), 'invisible': isInvisible() }\">\r\n    <div [id]=\"_id\" [ngClass]=\"{ 'placeholder': isLoading() }\">\r\n        <mat-slide-toggle\r\n            #coerSwitch\r\n            [checked]=\"_value\"\r\n            [disabled]=\"!_isEnable()\"\r\n            [labelPosition]=\"labelPosition()\"\r\n            (change)=\"_Change($event.checked)\"\r\n        >{{ label() }}</mat-slide-toggle>\r\n    </div>\r\n</div>", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-switch{height:40px;display:flex!important;align-items:center!important;position:relative!important}div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field button .mdc-switch__track:after{background-color:var(--primary-inner)!important;filter:opacity(.6)!important}div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field button .mdc-switch__handle-track .mdc-switch__ripple{width:30px!important;height:30px!important}div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field button.mdc-switch.mdc-switch--selected.mdc-switch--checked .mdc-switch__handle-track .mdc-switch__handle .mdc-switch__icons{background-color:var(--primary-inner)!important;border-radius:20px!important}div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field label,div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field label::selection{font-weight:400;background-color:transparent!important;font-size:17px!important}div.coer-switch .placeholder{display:flex!important;height:27px!important}div.coer-switch .placeholder,div.coer-switch .placeholder *,div.coer-switch .placeholder-glow,div.coer-switch .placeholder-glow *{cursor:wait!important}coer-grid div.coer-switch{height:20px!important;justify-content:center!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$5.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerSwitch, decorators: [{
             type: Component,
-            args: [{ selector: 'coer-switch', providers: [CONTROL_VALUE(CoerSwitch)], standalone: false, template: "<div [ngClass]=\"{ 'coer-switch': true, 'placeholder-glow': isLoading(), 'invisible': isInvisible() }\">\r\n    <div [id]=\"_id\" [ngClass]=\"{ 'placeholder': isLoading() }\">\r\n        <mat-slide-toggle\r\n            #coerSwitch\r\n            [checked]=\"_value\"\r\n            [disabled]=\"!_isEnable()\"\r\n            [labelPosition]=\"labelPosition()\"\r\n            (change)=\"Change($event.checked)\"\r\n        >{{ label() }}</mat-slide-toggle>\r\n    </div>\r\n</div>", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-switch{height:40px;display:flex!important;align-items:center!important;position:relative!important}div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field button .mdc-switch__track:after{background-color:var(--primary-inner)!important;filter:opacity(.6)!important}div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field button .mdc-switch__handle-track .mdc-switch__ripple{width:30px!important;height:30px!important}div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field button.mdc-switch.mdc-switch--selected.mdc-switch--checked .mdc-switch__handle-track .mdc-switch__handle .mdc-switch__icons{background-color:var(--primary-inner)!important;border-radius:20px!important}div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field label,div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field label::selection{font-weight:400;background-color:transparent!important;font-size:17px!important}div.coer-switch .placeholder{display:flex!important;height:27px!important}div.coer-switch .placeholder,div.coer-switch .placeholder *,div.coer-switch .placeholder-glow,div.coer-switch .placeholder-glow *{cursor:wait!important}coer-grid div.coer-switch{height:20px!important;justify-content:center!important}\n"] }]
-        }], propDecorators: { coerSwitch: [{
-                type: ViewChild,
-                args: ['coerSwitch']
-            }], value: [{
-                type: Input
-            }], id: [{
+            args: [{ selector: 'coer-switch', providers: [CONTROL_VALUE(CoerSwitch)], standalone: false, template: "<div [ngClass]=\"{ 'coer-switch': true, 'placeholder-glow': isLoading(), 'invisible': isInvisible() }\">\r\n    <div [id]=\"_id\" [ngClass]=\"{ 'placeholder': isLoading() }\">\r\n        <mat-slide-toggle\r\n            #coerSwitch\r\n            [checked]=\"_value\"\r\n            [disabled]=\"!_isEnable()\"\r\n            [labelPosition]=\"labelPosition()\"\r\n            (change)=\"_Change($event.checked)\"\r\n        >{{ label() }}</mat-slide-toggle>\r\n    </div>\r\n</div>", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-switch{height:40px;display:flex!important;align-items:center!important;position:relative!important}div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field button .mdc-switch__track:after{background-color:var(--primary-inner)!important;filter:opacity(.6)!important}div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field button .mdc-switch__handle-track .mdc-switch__ripple{width:30px!important;height:30px!important}div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field button.mdc-switch.mdc-switch--selected.mdc-switch--checked .mdc-switch__handle-track .mdc-switch__handle .mdc-switch__icons{background-color:var(--primary-inner)!important;border-radius:20px!important}div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field label,div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field label::selection{font-weight:400;background-color:transparent!important;font-size:17px!important}div.coer-switch .placeholder{display:flex!important;height:27px!important}div.coer-switch .placeholder,div.coer-switch .placeholder *,div.coer-switch .placeholder-glow,div.coer-switch .placeholder-glow *{cursor:wait!important}coer-grid div.coer-switch{height:20px!important;justify-content:center!important}\n"] }]
+        }], propDecorators: { value: [{
                 type: Input
             }], tooltip: [{
                 type: Input
@@ -2485,19 +2476,19 @@ class CoerGrid extends CoerGridExtension {
                 let element;
                 this._indexFocus.set(indexRow);
                 //Focus Textbox
-                element = this._coerTextboxList().find(x => x.id == id);
+                element = this._coerTextboxList().find(x => x.id() == id);
                 if (element) {
                     element.Focus(!onlyFocus);
                     return;
                 }
                 //Focus Numberbox
-                element = this._coerNumberboxList().find(x => x.id == id);
+                element = this._coerNumberboxList().find(x => x.id() == id);
                 if (element) {
                     element.Focus(!onlyFocus);
                     return;
                 }
                 //Focus Selectbox
-                element = this._coerSelectboxList().find(x => x.id == id);
+                element = this._coerSelectboxList().find(x => x.id() == id);
                 if (element) {
                     Tools.Sleep(100).then(_ => element.Focus(!onlyFocus));
                     return;
@@ -2724,11 +2715,11 @@ class CoerGrid extends CoerGridExtension {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerGrid, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerGrid, isStandalone: false, selector: "coer-grid", providers: [CONTROL_VALUE(CoerGrid)], usesInheritance: true, ngImport: i0, template: "<div class=\"coer-grid\" [ngStyle]=\"{ 'width': width(), 'min-Width': MinWidth(), 'max-Width': MaxWidth(), 'margin': margin() }\">\r\n    <header [id]=\"_id + '-header'\" class=\"row\">\r\n        <!-- Slot -->\r\n        <ng-content></ng-content>\r\n\r\n        <!-- Export Button -->\r\n        @if(exportButton.show && gridLength().dataSource > 0) {\r\n            <div class=\"col-auto\">\r\n                <coer-button\r\n                    type=\"icon\"\r\n                    [color]=\"_ColorButton(exportButton)\"\r\n                    icon=\"excel\"\r\n                    [tooltip]=\"_isLoading() ? 'Loading' : (exportButton.tooltip || 'Export')\"\r\n                    [path]=\"(exportButton && exportButton.path) ? exportButton.path : []\"\r\n                    [isDisabled]=\"_isDisabled() || _isLoading() || (exportButton.isDisabled || false)\"\r\n                    [isLoading]=\"_isLoading()\"\r\n                    [animation]=\"_enableAnimations\"\r\n                    (onClick)=\"Export(!exportButton.preventDefault)\"\r\n                ></coer-button>\r\n            </div>\r\n        }\r\n\r\n        <!-- Import Button -->\r\n        @if(importButton.show && !isReadonly()) {\r\n            <div class=\"col-auto\">\r\n                <input type=\"file\" #inputFileRef [multiple]=\"false\" (change)=\"_Import($event)\">\r\n\r\n                <coer-button\r\n                    type=\"icon\"\r\n                    color=\"primary\"\r\n                    [color]=\"_ColorButton(importButton)\"\r\n                    [tooltip]=\"importButton.tooltip || 'Import'\"\r\n                    [path]=\"(importButton && importButton.path) ? importButton.path : []\"\r\n                    [isDisabled]=\"importButton.isDisabled || false\"\r\n                    [animation]=\"_enableAnimations\"\r\n                    (onClick)=\"_Import()\"\r\n                ></coer-button>\r\n            </div>\r\n        }\r\n\r\n        <!-- Add Button -->\r\n        @if(addButton.show && !isReadonly()) {\r\n            <div class=\"col-auto\">\r\n                <coer-button\r\n                    type=\"icon\"\r\n                    [color]=\"_ColorButton(addButton)\"\r\n                    icon=\"new\"\r\n                    [tooltip]=\"addButton.tooltip || 'New'\"\r\n                    [path]=\"(addButton && addButton.path) ? addButton.path : []\"\r\n                    [isDisabled]=\"addButton.isDisabled || false\"\r\n                    [animation]=\"_enableAnimations\"\r\n                    (onClick)=\"onClickAdd.emit()\"\r\n                ></coer-button>\r\n            </div>\r\n        }\r\n\r\n        <!-- Save Button -->\r\n        @if(saveButton.show && !isReadonly()) {\r\n            <div class=\"col-auto\">\r\n                <coer-button\r\n                    type=\"icon\"\r\n                    [color]=\"_ColorButton(saveButton)\"\r\n                    icon=\"save\"\r\n                    [tooltip]=\"saveButton.tooltip || 'Save'\"\r\n                    [path]=\"(saveButton && saveButton.path) ? saveButton.path : []\"\r\n                    [isDisabled]=\"saveButton.isDisabled || false\"\r\n                    [animation]=\"_enableAnimations\"\r\n                    (onClick)=\"onClickSave.emit()\"\r\n                ></coer-button>\r\n            </div>\r\n        }\r\n\r\n        <!-- Search -->\r\n        @if(search.show) {\r\n            <div class=\"col-auto\">\r\n                <coer-textbox\r\n                    #inputSearch\r\n                    [id]=\"_GetId(-1, -1, 'search')\"\r\n                    [ngModel]=\"_gridSearch()\"\r\n                    placeholder=\"Search\"\r\n                    [isDisabled]=\"_isDisabled() || _isLoading()\"\r\n                    [selectOnFocus]=\"true\"\r\n                    width=\"250px\"\r\n                    [showSearchIcon]=\"true\"\r\n                    [showClearIcon]=\"true\"\r\n                    (onInput)=\"_InputChange(-1, 'Search', $event, 'coer-textbox-search')\"\r\n                    (onClickClear)=\"_InputChange(-1, 'Search', '', 'coer-textbox-search')\"\r\n                    (onKeyupEnter)=\"_KeyupEnter(-1, { indexRow: -1 }, 'coer-textbox-search', $event);\"\r\n                ></coer-textbox>\r\n            </div>\r\n        }\r\n    </header>\r\n\r\n    <section [ngClass]=\"{ 'grid-container': true, 'invisible': isInvisible() }\">  \r\n        <div #innerContainer [ngStyle]=\"{ 'height': _height, 'min-height': minHeight(), 'max-height': maxHeight() }\">  \r\n            @if(!_isDisabled() && gridLength().dataSource <= 0 && !isLoading()) {\r\n                <div class=\"no-data\"> No Data </div>\r\n            }\r\n        \r\n            @if(!isLoading()) {\r\n                <table class=\"table table-sm table-responsive table-striped\">\r\n                    <thead>\r\n                        <tr>\r\n                            @if(checkbox.show && gridLength().dataSource > 0) {\r\n                                <!-- CheckBox Column -->\r\n                                <th scope=\"col\" class=\"check-box\">\r\n                                    <div *ngIf=\"!_onlyOneCheck\" [ngClass]=\"{ 'invisible': _isLoadingMessage }\">\r\n                                        <coer-checkbox\r\n                                            [id]=\"_GetId(0, 0, 'checkboxAll')\"\r\n                                            [ignoreDataBinding]=\"true\"\r\n                                            [isDisabled]=\"_isDisabled() || _isLoading()\"\r\n                                            (onChange)=\"_ClickCheck(_GetId(0, 0, 'checkboxAll'), $event, true)\"\r\n                                        ></coer-checkbox>\r\n                                    </div>\r\n                                </th>\r\n                            }\r\n    \r\n                            <!-- Dynamic Grid Column -->\r\n                            @for(header of _gridColumns(); track header.indexColumn) {\r\n                                <th scope=\"col\" (dblclick)=\"Sort(header.columnName)\"\r\n                                    [ngClass]=\"{\r\n                                        'no-selection': true,\r\n                                        'cursor-default': !enableSort() && !_isLoading(),\r\n                                        'cursor-pointer': enableSort() && !_isLoading(),\r\n                                        'cursor-wait': _isLoading()\r\n                                    }\"\r\n                                    [ngStyle]=\"{\r\n                                        'width': header.width,\r\n                                        'text-align': _GetAttribute(header.columnName, null, 'textAlign', 'defaul-cell')\r\n                                    }\">\r\n                                    <div class=\"no-selection d-flex align-items-center\">\r\n                                        <span class=\"me-1\"> {{ _GetColumnName(header.columnName) }} </span>\r\n                                        <i [class]=\"_GetShortIcon(header.columnName)\"></i> \r\n                                        <i [class]=\"_GetSearchIcon(header.columnName)\"></i>\r\n                                    </div>\r\n                                </th>\r\n                            }\r\n    \r\n                            <!-- Delete Button Column -->\r\n                            @if(_ButtonByRow('showDeleteButton')) {\r\n                                <th scope=\"col\" class=\"action-button\"></th>\r\n                            }\r\n    \r\n                            <!-- Edit Button Column -->\r\n                            @if(_ButtonByRow('showEditButton')) {\r\n                                <th scope=\"col\" class=\"action-button\"></th>\r\n                            }\r\n    \r\n                            <!-- Edit Button Column -->\r\n                            @if(_ButtonByRow('showGoButton')) {\r\n                                <th scope=\"col\" class=\"action-button\"></th>\r\n                            }\r\n                        </tr>\r\n                    </thead>\r\n    \r\n                    <!-- body -->\r\n                    @for(group of _gridDataSource(); track group.indexGroup) {\r\n                        <tbody>\r\n                            <!--<tr v-if=\"_isGrouped\">\r\n                                <td :colspan=\"_colspan\" class=\"group\">\r\n                                    <MesAccordion\r\n                                        :ref=\"`accordion${group.indexGroup}-${id}`\"\r\n                                        :title=\"`${_CleanHeaderName(groupBy)} (${group.length}):  ${group.groupBy}`\"\r\n                                        :isLoading=\"_isLoading()\"\r\n                                        @expanded=\"_ToogleAccordion(group.groupBy, true, group.indexGroup)\"\r\n                                        @collapsed=\"_ToogleAccordion(group.groupBy, false, group.indexGroup)\"\r\n                                    ></MesAccordion>\r\n                                </td>\r\n                            </tr>-->\r\n    \r\n                            @for(row of group.rows; track row.indexRow) {\r\n                                <tr [id]=\"_GetId(row.indexRow, 0, 'row')\"\r\n                                    [ngClass]=\"{ 'loading': isLoading(), 'd-none': _HideRow(group), 'row-focus': (row.indexRow == _indexFocus() && enableRowFocus()) }\"\r\n                                    (click)=\"_indexFocus.set(row.indexRow)\">\r\n    \r\n                                    @if(checkbox.show) {\r\n                                        <!-- CheckBox Column -->\r\n                                        <td class=\"check-box\">\r\n                                            <div [ngClass]=\"{ 'invisible': _isLoadingMessage }\">\r\n                                                <coer-checkbox\r\n                                                    [id]=\"_GetId(row.indexRow, 0, 'checkbox')\"\r\n                                                    [ignoreDataBinding]=\"true\"\r\n                                                    [isDisabled]=\"_isDisabled() || _isLoading()\"\r\n                                                    (onChange)=\"_ClickCheck(_GetId(row.indexRow, 0, 'checkbox'), $event, false, row)\"\r\n                                                ></coer-checkbox>\r\n                                            </div>\r\n    \r\n                                            <div [ngClass]=\"{ 'invisible': !_isLoadingMessage, 'spinner-border-container': true }\">\r\n                                                <i class=\"spinner-border\"></i>\r\n                                            </div>\r\n                                        </td>\r\n                                    }\r\n    \r\n                                    <!-- Dynamic Column -->\r\n                                    @for(header of _gridColumns(); track header.indexColumn) {\r\n                                        @if(_IsCellType(header.columnName, row, 'template')) {\r\n                                            <td class=\"template\"\r\n                                                (click)=\"_isDisabled() ? null : onClickRow.emit(row)\"\r\n                                                (dblclick)=\"_isDisabled() ? null : onDoubleClickRow.emit(row)\">\r\n                                                <div [innerHTML]=\"_GetAttribute(header.columnName, row, 'template', 'defaul-cell') | html\" class=\"template\"></div>\r\n                                            </td>\r\n                                        }\r\n    \r\n                                        @else if(_IsCellType(header.columnName, row, 'coerTextbox')) {\r\n                                            <!-- coer-textbox -->\r\n                                            <td class=\"coer-textbox\">\r\n                                                <coer-textbox\r\n                                                    [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n                                                    [(ngModel)]=\"row[header.columnName]\"\r\n                                                    [isDisabled]=\"_GetAttribute(header.columnName, row, 'isDisabled', 'coerTextbox') || _isDisabled() || _isLoading()\"\r\n                                                    [isValid]=\"_GetAttribute(header.columnName, row, 'isValid', 'coerTextbox') || false\"\r\n                                                    [isInvalid]=\"_GetAttribute(header.columnName, row, 'isInvalid', 'coerTextbox') || false\"\r\n                                                    [selectOnFocus]=\"_GetAttribute(header.columnName, row, 'selectOnFocus', 'coerTextbox') || true\"\r\n                                                    [placeholder]=\"_GetAttribute(header.columnName, row, 'placeholder', 'coerTextbox') || ('Type ' + header.columnName + '...')\"\r\n                                                    [textPosition]=\"_GetAttribute(header.columnName, row, 'textPosition', 'coerTextbox') || 'left'\"\r\n                                                    [minLength]=\"_GetAttribute(header.columnName, row, 'minLength', 'coerTextbox') || 0\"\r\n                                                    [maxLength]=\"_GetAttribute(header.columnName, row, 'maxLength', 'coerTextbox') || 50\"\r\n                                                    (onInput)=\"_InputChange(row.indexRow, header.columnName, $event, 'coer-textbox')\"\r\n                                                    (onKeyupEnter)=\"_KeyupEnter(header.indexColumn, row, 'coer-textbox', $event)\"\r\n                                                ></coer-textbox>\r\n                                            </td>\r\n                                        }\r\n    \r\n    \r\n                                        @else if(_IsCellType(header.columnName, row, 'coerNumberbox')) {\r\n                                            <!-- coer-numberbox -->\r\n                                            <td class=\"coer-numberbox\">\r\n                                                <coer-numberbox\r\n                                                    [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n                                                    [(ngModel)]=\"row[header.columnName]\"\r\n                                                    [isDisabled]=\"_GetAttribute(header.columnName, row, 'isDisabled', 'coerNumberbox') || _isDisabled() || _isLoading()\"\r\n                                                    [isValid]=\"_GetAttribute(header.columnName, row, 'isValid', 'coerNumberbox') || false\"\r\n                                                    [isInvalid]=\"_GetAttribute(header.columnName, row, 'isInvalid', 'coerNumberbox') || false\"\r\n                                                    [selectOnFocus]=\"_GetAttribute(header.columnName, row, 'selectOnFocus', 'coerNumberbox') || true\"\r\n                                                    [placeholder]=\"_GetAttribute(header.columnName, row, 'placeholder', 'coerNumberbox') || ''\"\r\n                                                    [textPosition]=\"_GetAttribute(header.columnName, row, 'textPosition', 'coerNumberbox') || 'right'\"\r\n                                                    [min]=\"_GetAttribute(header.columnName, row, 'min', 'coerNumberbox') || 0\"\r\n                                                    [max]=\"_GetAttribute(header.columnName, row, 'max', 'coerNumberbox') || 2147483647\"\r\n                                                    [decimals]=\"_GetAttribute(header.columnName, row, 'decimals', 'coerNumberbox') || 0\"\r\n                                                    (onInput)=\"_InputChange(row.indexRow, header.columnName, $event, 'coer-numberbox')\"\r\n                                                    (onKeyupEnter)=\"_KeyupEnter(header.indexColumn, row, 'coer-numberbox', $event)\"\r\n                                                ></coer-numberbox>\r\n                                            </td>\r\n                                        }\r\n    \r\n    \r\n                                        @else if(_IsCellType(header.columnName, row, 'coerSelectbox')) {\r\n                                            <!-- coer-numberbox -->\r\n                                            <td class=\"coer-selectbox\">\r\n                                                <coer-selectbox\r\n                                                    [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n                                                    [(ngModel)]=\"row[header.columnName]\"\r\n                                                    [isDisabled]=\"_GetAttribute(header.columnName, row, 'isDisabled', 'coerSelectbox') || _isDisabled() || _isLoading()\"\r\n                                                    [isValid]=\"_GetAttribute(header.columnName, row, 'isValid', 'coerSelectbox') || false\"\r\n                                                    [isInvalid]=\"_GetAttribute(header.columnName, row, 'isInvalid', 'coerSelectbox') || false\"\r\n                                                    [dataSource]=\"_GetAttribute(header.columnName, row, 'dataSource', 'coerSelectbox') || []\"\r\n                                                    [placeholder]=\"_GetAttribute(header.columnName, row, 'placeholder', 'coerSelectbox') || '-- Select --'\"\r\n                                                    [propDisplay]=\"_GetAttribute(header.columnName, row, 'propDisplay', 'coerSelectbox') || 'name'\"\r\n                                                    (onSelected)=\"_InputChange(row.indexRow, header.columnName, $event, 'coer-selectbox'); _KeyupEnter(header.indexColumn, row, 'coer-selectbox', $event)\"\r\n                                                ></coer-selectbox>\r\n                                            </td>\r\n                                        }\r\n    \r\n    \r\n                                        @else if(_IsCellType(header.columnName, row, 'coerSwitch')) {\r\n                                            <!-- coer-switch -->\r\n                                            <td>\r\n                                                <coer-switch\r\n                                                    [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n                                                    [(ngModel)]=\"row[header.columnName]\"\r\n                                                    [isDisabled]=\"_GetAttribute(header.columnName, row, 'isDisabled', 'coerSwitch') || _isDisabled() || _isLoading()\"\r\n                                                    [tooltip]=\"_GetAttribute(header.columnName, row, 'tooltip', 'coerSwitch')\"\r\n                                                    [tooltipPosition]=\"_GetAttribute(header.columnName, row, 'tooltipPosition', 'coerSwitch') || 'left'\"\r\n                                                    [isInvisible]=\"_isDisabled()\"\r\n                                                    (onChange)=\"_InputChange(row.indexRow, header.columnName, $event, 'coer-switch')\"\r\n                                                ></coer-switch>\r\n                                            </td>\r\n                                        }\r\n    \r\n                                        @else {\r\n                                            <!-- Default Cell -->\r\n                                            <td class=\"default-cell\"\r\n                                                (click)=\"_ClickOnRow(row)\"\r\n                                                (dblclick)=\"_isDisabled() ? null : onDoubleClickRow.emit(row)\"\r\n                                                [ngStyle]=\"{\r\n                                                    'text-align': _GetAttribute(header.columnName, row, 'textAlign', 'defaul-cell'),\r\n                                                    'white-space': 'normal'\r\n                                                }\">\r\n    \r\n                                                <div [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n                                                    [ngClass]=\"{\r\n                                                        'text-blue-bold': _IsCellColor(header.columnName, row, 'colorBlue'),\r\n                                                        'text-green-bold': _IsCellColor(header.columnName, row, 'colorGreen'),\r\n                                                        'text-yellow-bold': _IsCellColor(header.columnName, row, 'colorYellow'),\r\n                                                        'text-red-bold': _IsCellColor(header.columnName, row, 'colorRed'),\r\n                                                        'text-right-bold': _IsCellType(header.columnName, row, 'number')\r\n                                                    }\">\r\n    \r\n                                                    @if(_IsCellType(header.columnName, row, 'number')) {\r\n                                                        <span> {{ GetNumericFormat(row[header.columnName]) }} </span>\r\n                                                    }\r\n    \r\n                                                    @else if(_IsCellType(header.columnName, row, 'date')) {\r\n                                                        <span> {{ _GetDateFormat(row[header.columnName], _IsCellType(header.columnName, row, 'toLocalZone')) }} </span>\r\n                                                    }\r\n    \r\n                                                    @else if(_IsCellType(header.columnName, row, 'date-time')) {\r\n                                                        <span> {{ _GetDateTimeFormat(row[header.columnName], _IsCellType(header.columnName, row, 'toLocalZone')) }} </span>\r\n                                                    }\r\n    \r\n                                                    @else {\r\n                                                        <span> {{ _GetCellValue(row, header.columnName) }} </span>\r\n                                                    }\r\n                                                </div>\r\n                                            </td>\r\n                                        }\r\n                                    }\r\n    \r\n                                    <!-- Delete Button -->\r\n                                    @if(_ButtonByRow('showDeleteButton')) {\r\n                                        <td class=\"action-button\">\r\n                                            @if(_ButtonByRow('showDeleteButton', row)) {\r\n                                                <coer-button\r\n                                                    type=\"icon-no-border\"\r\n                                                    [color]=\"_ColorButtonByRow('deleteButtonColor')\"\r\n                                                    icon=\"delete\"\r\n                                                    [tooltip]=\"_GetTooltip('Delete', row)\"\r\n                                                    [isInvisible]=\"_isDisabled()\"\r\n                                                    [isReadonly]=\"isReadonly()\"\r\n                                                    [isDisabled]=\"_isLoading()\"\r\n                                                    (onClick)=\"onClickDeleteRow.emit(row)\"\r\n                                                ></coer-button>\r\n                                            }\r\n                                        </td>\r\n                                    }\r\n    \r\n                                    <!-- Edit Button -->\r\n                                    @if(_ButtonByRow('showEditButton')) {\r\n                                        <td class=\"action-button\">\r\n                                            @if(_ButtonByRow('showEditButton', row)) {\r\n                                                <coer-button\r\n                                                    type=\"icon-no-border\"\r\n                                                    [color]=\"_ColorButtonByRow('editButtonColor')\"\r\n                                                    icon=\"edit\"\r\n                                                    [tooltip]=\"_GetTooltip('Edit', row)\"\r\n                                                    [isInvisible]=\"_isDisabled()\"\r\n                                                    [isDisabled]=\"_isLoading()\"\r\n                                                    (onClick)=\"onClickEditRow.emit(row)\"\r\n                                                ></coer-button>\r\n                                            }\r\n                                        </td>\r\n                                    }\r\n    \r\n                                    <!-- GO Button -->\r\n                                    @if(_ButtonByRow('showGoButton')) {\r\n                                        <td class=\"action-button\">\r\n                                            @if(_ButtonByRow('showGoButton', row)) {\r\n                                                <coer-button\r\n                                                    type=\"icon-no-border\"\r\n                                                    [color]=\"_ColorButtonByRow('goButtonColor')\"\r\n                                                    icon=\"go\"\r\n                                                    [tooltip]=\"_GetTooltip('Go to', row, 'detail')\"\r\n                                                    [isInvisible]=\"_isDisabled()\"\r\n                                                    [isDisabled]=\"_isLoading()\"\r\n                                                    (onClick)=\"onClickGoRow.emit(row)\"\r\n                                                ></coer-button>\r\n                                            }\r\n                                        </td>\r\n                                    }\r\n                                </tr>\r\n                            }\r\n                        </tbody>\r\n                    }\r\n                </table>\r\n            }\r\n\r\n            @else {\r\n                <!-- Grid Message -->\r\n                <div class=\"loading\" [ngStyle]=\"{ \r\n                        'width': '100%', \r\n                        'height': '100%',\r\n                        'bottom': showFooter() ? '35px' : '10px'\r\n                    }\">\r\n                    <i class=\"spinner-border\"></i>\r\n                    <span class=\"fa-fade\">Loading</span>\r\n                </div> \r\n            }\r\n        </div>\r\n    </section>\r\n\r\n    @if(showFooter()) {\r\n        <footer class=\"grid-footer\">\r\n            <span>\r\n                @if(_isLoadingMessage) {\r\n                    <span class=\"fa-fade\"> Loading </span>\r\n                }\r\n\r\n                @else if(gridLength().dataSourceSelected > 0) {\r\n                    <span>\r\n                        <i class=\"bi bi-check2-square ms-1\"></i>\r\n                        {{ gridLength().dataSourceSelected }}\r\n                    </span>\r\n                }\r\n            </span>\r\n\r\n            <span class=\"me-1\"> {{ gridLength().dataSourceFiltered | numericFormat }} Rows </span>\r\n        </footer>\r\n    }\r\n</div>", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-grid header{align-items:flex-end;justify-content:flex-end;padding-right:8px;margin:0}div.coer-grid header>div{padding:0 0 10px 10px;display:flex;align-items:baseline}div.coer-grid header>div a{height:40px!important}div.coer-grid table{table-layout:auto;border-collapse:separate;border-spacing:1px 0px;margin:0;font-size:14px}div.coer-grid table thead tr th{position:sticky!important;z-index:100!important;top:0!important;background-color:var(--gray)!important;color:var(--smoke)!important;padding:5px!important;vertical-align:middle!important;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;min-width:50px!important;white-space:nowrap!important}div.coer-grid table tbody{border:0px!important}div.coer-grid table tbody tr:not(.row-focus):hover td{color:#000!important;background-color:#f1f6ff}div.coer-grid table tbody tr td{border:0px!important;padding:5px!important;vertical-align:middle!important;white-space:break-spaces;text-overflow:ellipsis;overflow:hidden;min-height:31px!important}div.coer-grid table tbody tr.row-focus td{background-color:#cde1ff}div.coer-grid table tbody tr td.coer-textbox,div.coer-grid table tbody tr td.coer-numberbox,div.coer-grid table tbody tr td.coer-selectbox{padding:0!important;overflow:visible!important}div.coer-grid table tbody tr td.default-cell{cursor:pointer!important}div.coer-grid table thead tr th.action-button,div.coer-grid table thead tr td.action-button,div.coer-grid table thead tr th.check-box,div.coer-grid table thead tr td.check-box,div.coer-grid table tbody tr th.action-button,div.coer-grid table tbody tr td.action-button,div.coer-grid table tbody tr th.check-box table tbody tr td.check-box{text-align:center!important;cursor:default!important;min-width:40px!important;max-width:40px!important;width:40px!important;padding:0!important}div.coer-grid footer.grid-footer{display:flex;align-items:center;justify-content:space-between;font-size:small;color:#999;padding-top:5px}div.coer-grid section.grid-container{position:relative;overflow:auto}div.coer-grid div.loading,div.coer-grid div.no-data{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:25px;color:gray}div.coer-grid div.loading{background-color:#bbbbbb83!important;flex-direction:column!important;gap:10px!important;z-index:1}div.coer-grid div.loading span.fa-fade{position:relative!important;top:50px!important}div.coer-grid tr.loading{background-color:#bbbbbb83!important}div.coer-grid div.loading i.spinner-border{color:var(--primary-inner)!important;width:70px!important;height:70px!important;font-size:20px!important;position:absolute!important}div.coer-grid td.check-box div.spinner-border-container{position:absolute;transform:translate(7px,-19px)}div.coer-grid td.check-box div.spinner-border-container i.spinner-border{width:15px!important;height:15px!important;color:var(--primary-inner)!important}div.coer-grid table thead tr th.check-box>div,div.coer-grid table tbody tr td.check-box>div{display:flex;align-items:center;justify-content:center;cursor:default!important}div.coer-grid input.form-check-input{box-shadow:none!important;margin:0}div.coer-grid input[type=checkbox]{cursor:pointer!important}div.coer-grid td.group{padding:0!important;margin:0!important}div.coer-grid td.group>*{border-top:1px solid var(--gray)!important;border-bottom:1px solid var(--gray)!important;padding:0!important;margin:0!important}div.coer-grid .template,div.coer-grid .template div{white-space:nowrap!important;display:flex!important;align-items:center!important;cursor:pointer!important;gap:5px!important;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CoerButton, selector: "coer-button", inputs: ["id", "color", "type", "icon", "iconPosition", "path", "animation", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "height", "minHeight", "marginTop", "marginRight", "marginBottom", "marginLeft", "tooltipPosition", "tooltip"], outputs: ["onClick"] }, { kind: "component", type: CoerCheckbox, selector: "coer-checkbox", inputs: ["value", "id", "label", "labelPosition", "isLoading", "isDisabled", "isReadonly", "isInvisible", "ignoreDataBinding"], outputs: ["onChange"] }, { kind: "component", type: CoerNumberBox, selector: "coer-numberbox", inputs: ["value", "id", "label", "placeholder", "textPosition", "min", "max", "isInvalid", "isValid", "selectOnFocus", "decimals", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "marginTop", "marginRight", "marginBottom", "marginLeft"], outputs: ["onKeyupEnter", "onInput"] }, { kind: "component", type: CoerSelectbox, selector: "coer-selectbox", inputs: ["value", "id", "label", "placeholder", "isInvalid", "isValid", "dataSource", "propDisplay", "rowsByPage", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "marginTop", "marginRight", "marginBottom", "marginLeft"], outputs: ["onSelected", "onUnselect"] }, { kind: "component", type: CoerSwitch, selector: "coer-switch", inputs: ["value", "id", "label", "labelPosition", "isLoading", "isDisabled", "isReadonly", "isInvisible", "tooltipPosition", "tooltip"], outputs: ["onChange"] }, { kind: "component", type: CoerTextBox, selector: "coer-textbox", inputs: ["value", "id", "label", "placeholder", "textPosition", "minLength", "maxLength", "isInvalid", "isValid", "externalButton", "selectOnFocus", "showClearIcon", "showSearchIcon", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "marginTop", "marginRight", "marginBottom", "marginLeft"], outputs: ["onKeyupEnter", "onInput", "onClickClear", "onClickSearch", "onClickExternalButton"] }, { kind: "pipe", type: i9.HtmlPipe, name: "html" }, { kind: "pipe", type: i9.NumericFormatPipe, name: "numericFormat" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerGrid, isStandalone: false, selector: "coer-grid", providers: [CONTROL_VALUE(CoerGrid)], usesInheritance: true, ngImport: i0, template: "<div class=\"coer-grid\" [ngStyle]=\"{ 'width': width(), 'min-Width': MinWidth(), 'max-Width': MaxWidth(), 'margin': margin() }\">\r\n    <header [id]=\"_id + '-header'\" class=\"row\">\r\n        <!-- Slot -->\r\n        <ng-content></ng-content>\r\n\r\n        <!-- Export Button -->\r\n        @if(exportButton.show && gridLength().dataSource > 0) {\r\n            <div class=\"col-auto\">\r\n                <coer-button\r\n                    type=\"icon\"\r\n                    [color]=\"_ColorButton(exportButton)\"\r\n                    icon=\"excel\"\r\n                    [tooltip]=\"_isLoading() ? 'Loading' : (exportButton.tooltip || 'Export')\"\r\n                    [path]=\"(exportButton && exportButton.path) ? exportButton.path : []\"\r\n                    [isDisabled]=\"_isDisabled() || _isLoading() || (exportButton.isDisabled || false)\"\r\n                    [isLoading]=\"_isLoading()\"\r\n                    [animation]=\"_enableAnimations\"\r\n                    (onClick)=\"Export(!exportButton.preventDefault)\"\r\n                ></coer-button>\r\n            </div>\r\n        }\r\n\r\n        <!-- Import Button -->\r\n        @if(importButton.show && !isReadonly()) {\r\n            <div class=\"col-auto\">\r\n                <input type=\"file\" #inputFileRef [multiple]=\"false\" (change)=\"_Import($event)\">\r\n\r\n                <coer-button\r\n                    type=\"icon\"\r\n                    color=\"primary\"\r\n                    [color]=\"_ColorButton(importButton)\"\r\n                    [tooltip]=\"importButton.tooltip || 'Import'\"\r\n                    [path]=\"(importButton && importButton.path) ? importButton.path : []\"\r\n                    [isDisabled]=\"importButton.isDisabled || false\"\r\n                    [animation]=\"_enableAnimations\"\r\n                    (onClick)=\"_Import()\"\r\n                ></coer-button>\r\n            </div>\r\n        }\r\n\r\n        <!-- Add Button -->\r\n        @if(addButton.show && !isReadonly()) {\r\n            <div class=\"col-auto\">\r\n                <coer-button\r\n                    type=\"icon\"\r\n                    [color]=\"_ColorButton(addButton)\"\r\n                    icon=\"new\"\r\n                    [tooltip]=\"addButton.tooltip || 'New'\"\r\n                    [path]=\"(addButton && addButton.path) ? addButton.path : []\"\r\n                    [isDisabled]=\"addButton.isDisabled || false\"\r\n                    [animation]=\"_enableAnimations\"\r\n                    (onClick)=\"onClickAdd.emit()\"\r\n                ></coer-button>\r\n            </div>\r\n        }\r\n\r\n        <!-- Save Button -->\r\n        @if(saveButton.show && !isReadonly()) {\r\n            <div class=\"col-auto\">\r\n                <coer-button\r\n                    type=\"icon\"\r\n                    [color]=\"_ColorButton(saveButton)\"\r\n                    icon=\"save\"\r\n                    [tooltip]=\"saveButton.tooltip || 'Save'\"\r\n                    [path]=\"(saveButton && saveButton.path) ? saveButton.path : []\"\r\n                    [isDisabled]=\"saveButton.isDisabled || false\"\r\n                    [animation]=\"_enableAnimations\"\r\n                    (onClick)=\"onClickSave.emit()\"\r\n                ></coer-button>\r\n            </div>\r\n        }\r\n\r\n        <!-- Search -->\r\n        @if(search.show) {\r\n            <div class=\"col-auto\">\r\n                <coer-textbox\r\n                    #inputSearch\r\n                    [id]=\"_GetId(-1, -1, 'search')\"\r\n                    [ngModel]=\"_gridSearch()\"\r\n                    placeholder=\"Search\"\r\n                    [isDisabled]=\"_isDisabled() || _isLoading()\"\r\n                    [selectOnFocus]=\"true\"\r\n                    width=\"250px\"\r\n                    [showSearchIcon]=\"true\"\r\n                    [showClearIcon]=\"true\"\r\n                    (onInput)=\"_InputChange(-1, 'Search', $event, 'coer-textbox-search')\"\r\n                    (onClickClear)=\"_InputChange(-1, 'Search', '', 'coer-textbox-search')\"\r\n                    (onKeyupEnter)=\"_KeyupEnter(-1, { indexRow: -1 }, 'coer-textbox-search', $event);\"\r\n                ></coer-textbox>\r\n            </div>\r\n        }\r\n    </header>\r\n\r\n    <section [ngClass]=\"{ 'grid-container': true, 'invisible': isInvisible() }\">  \r\n        <div #innerContainer [ngStyle]=\"{ 'height': _height, 'min-height': minHeight(), 'max-height': maxHeight() }\">  \r\n            @if(!_isDisabled() && gridLength().dataSource <= 0 && !isLoading()) {\r\n                <div class=\"no-data\"> No Data </div>\r\n            }\r\n        \r\n            @if(!isLoading()) {\r\n                <table class=\"table table-sm table-responsive table-striped\">\r\n                    <thead>\r\n                        <tr>\r\n                            @if(checkbox.show && gridLength().dataSource > 0) {\r\n                                <!-- CheckBox Column -->\r\n                                <th scope=\"col\" class=\"check-box\">\r\n                                    <div *ngIf=\"!_onlyOneCheck\" [ngClass]=\"{ 'invisible': _isLoadingMessage }\">\r\n                                        <coer-checkbox\r\n                                            [id]=\"_GetId(0, 0, 'checkboxAll')\"\r\n                                            [ignoreDataBinding]=\"true\"\r\n                                            [isDisabled]=\"_isDisabled() || _isLoading()\"\r\n                                            (onChange)=\"_ClickCheck(_GetId(0, 0, 'checkboxAll'), $event, true)\"\r\n                                        ></coer-checkbox>\r\n                                    </div>\r\n                                </th>\r\n                            }\r\n    \r\n                            <!-- Dynamic Grid Column -->\r\n                            @for(header of _gridColumns(); track header.indexColumn) {\r\n                                <th scope=\"col\" (dblclick)=\"Sort(header.columnName)\"\r\n                                    [ngClass]=\"{\r\n                                        'no-selection': true,\r\n                                        'cursor-default': !enableSort() && !_isLoading(),\r\n                                        'cursor-pointer': enableSort() && !_isLoading(),\r\n                                        'cursor-wait': _isLoading()\r\n                                    }\"\r\n                                    [ngStyle]=\"{\r\n                                        'width': header.width,\r\n                                        'text-align': _GetAttribute(header.columnName, null, 'textAlign', 'defaul-cell')\r\n                                    }\">\r\n                                    <div class=\"no-selection d-flex align-items-center\">\r\n                                        <span class=\"me-1\"> {{ _GetColumnName(header.columnName) }} </span>\r\n                                        <i [class]=\"_GetShortIcon(header.columnName)\"></i> \r\n                                        <i [class]=\"_GetSearchIcon(header.columnName)\"></i>\r\n                                    </div>\r\n                                </th>\r\n                            }\r\n    \r\n                            <!-- Delete Button Column -->\r\n                            @if(_ButtonByRow('showDeleteButton')) {\r\n                                <th scope=\"col\" class=\"action-button\"></th>\r\n                            }\r\n    \r\n                            <!-- Edit Button Column -->\r\n                            @if(_ButtonByRow('showEditButton')) {\r\n                                <th scope=\"col\" class=\"action-button\"></th>\r\n                            }\r\n    \r\n                            <!-- Edit Button Column -->\r\n                            @if(_ButtonByRow('showGoButton')) {\r\n                                <th scope=\"col\" class=\"action-button\"></th>\r\n                            }\r\n                        </tr>\r\n                    </thead>\r\n    \r\n                    <!-- body -->\r\n                    @for(group of _gridDataSource(); track group.indexGroup) {\r\n                        <tbody>\r\n                            <!--<tr v-if=\"_isGrouped\">\r\n                                <td :colspan=\"_colspan\" class=\"group\">\r\n                                    <MesAccordion\r\n                                        :ref=\"`accordion${group.indexGroup}-${id}`\"\r\n                                        :title=\"`${_CleanHeaderName(groupBy)} (${group.length}):  ${group.groupBy}`\"\r\n                                        :isLoading=\"_isLoading()\"\r\n                                        @expanded=\"_ToogleAccordion(group.groupBy, true, group.indexGroup)\"\r\n                                        @collapsed=\"_ToogleAccordion(group.groupBy, false, group.indexGroup)\"\r\n                                    ></MesAccordion>\r\n                                </td>\r\n                            </tr>-->\r\n    \r\n                            @for(row of group.rows; track row.indexRow) {\r\n                                <tr [id]=\"_GetId(row.indexRow, 0, 'row')\"\r\n                                    [ngClass]=\"{ 'loading': isLoading(), 'd-none': _HideRow(group), 'row-focus': (row.indexRow == _indexFocus() && enableRowFocus()) }\"\r\n                                    (click)=\"_indexFocus.set(row.indexRow)\">\r\n    \r\n                                    @if(checkbox.show) {\r\n                                        <!-- CheckBox Column -->\r\n                                        <td class=\"check-box\">\r\n                                            <div [ngClass]=\"{ 'invisible': _isLoadingMessage }\">\r\n                                                <coer-checkbox\r\n                                                    [id]=\"_GetId(row.indexRow, 0, 'checkbox')\"\r\n                                                    [ignoreDataBinding]=\"true\"\r\n                                                    [isDisabled]=\"_isDisabled() || _isLoading()\"\r\n                                                    (onChange)=\"_ClickCheck(_GetId(row.indexRow, 0, 'checkbox'), $event, false, row)\"\r\n                                                ></coer-checkbox>\r\n                                            </div>\r\n    \r\n                                            <div [ngClass]=\"{ 'invisible': !_isLoadingMessage, 'spinner-border-container': true }\">\r\n                                                <i class=\"spinner-border\"></i>\r\n                                            </div>\r\n                                        </td>\r\n                                    }\r\n    \r\n                                    <!-- Dynamic Column -->\r\n                                    @for(header of _gridColumns(); track header.indexColumn) {\r\n                                        @if(_IsCellType(header.columnName, row, 'template')) {\r\n                                            <td class=\"template\"\r\n                                                (click)=\"_isDisabled() ? null : onClickRow.emit(row)\"\r\n                                                (dblclick)=\"_isDisabled() ? null : onDoubleClickRow.emit(row)\">\r\n                                                <div [innerHTML]=\"_GetAttribute(header.columnName, row, 'template', 'defaul-cell') | html\" class=\"template\"></div>\r\n                                            </td>\r\n                                        }\r\n    \r\n                                        @else if(_IsCellType(header.columnName, row, 'coerTextbox')) {\r\n                                            <!-- coer-textbox -->\r\n                                            <td class=\"coer-textbox\">\r\n                                                <coer-textbox\r\n                                                    [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n                                                    [(ngModel)]=\"row[header.columnName]\"\r\n                                                    [isDisabled]=\"_GetAttribute(header.columnName, row, 'isDisabled', 'coerTextbox') || _isDisabled() || _isLoading()\"\r\n                                                    [isValid]=\"_GetAttribute(header.columnName, row, 'isValid', 'coerTextbox') || false\"\r\n                                                    [isInvalid]=\"_GetAttribute(header.columnName, row, 'isInvalid', 'coerTextbox') || false\"\r\n                                                    [selectOnFocus]=\"_GetAttribute(header.columnName, row, 'selectOnFocus', 'coerTextbox') || true\"\r\n                                                    [placeholder]=\"_GetAttribute(header.columnName, row, 'placeholder', 'coerTextbox') || ('Type ' + header.columnName + '...')\"\r\n                                                    [textPosition]=\"_GetAttribute(header.columnName, row, 'textPosition', 'coerTextbox') || 'left'\"\r\n                                                    [minLength]=\"_GetAttribute(header.columnName, row, 'minLength', 'coerTextbox') || 0\"\r\n                                                    [maxLength]=\"_GetAttribute(header.columnName, row, 'maxLength', 'coerTextbox') || 50\"\r\n                                                    (onInput)=\"_InputChange(row.indexRow, header.columnName, $event, 'coer-textbox')\"\r\n                                                    (onKeyupEnter)=\"_KeyupEnter(header.indexColumn, row, 'coer-textbox', $event)\"\r\n                                                ></coer-textbox>\r\n                                            </td>\r\n                                        }\r\n    \r\n    \r\n                                        @else if(_IsCellType(header.columnName, row, 'coerNumberbox')) {\r\n                                            <!-- coer-numberbox -->\r\n                                            <td class=\"coer-numberbox\">\r\n                                                <coer-numberbox\r\n                                                    [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n                                                    [(ngModel)]=\"row[header.columnName]\"\r\n                                                    [isDisabled]=\"_GetAttribute(header.columnName, row, 'isDisabled', 'coerNumberbox') || _isDisabled() || _isLoading()\"\r\n                                                    [isValid]=\"_GetAttribute(header.columnName, row, 'isValid', 'coerNumberbox') || false\"\r\n                                                    [isInvalid]=\"_GetAttribute(header.columnName, row, 'isInvalid', 'coerNumberbox') || false\"\r\n                                                    [selectOnFocus]=\"_GetAttribute(header.columnName, row, 'selectOnFocus', 'coerNumberbox') || true\"\r\n                                                    [placeholder]=\"_GetAttribute(header.columnName, row, 'placeholder', 'coerNumberbox') || ''\"\r\n                                                    [textPosition]=\"_GetAttribute(header.columnName, row, 'textPosition', 'coerNumberbox') || 'right'\"\r\n                                                    [min]=\"_GetAttribute(header.columnName, row, 'min', 'coerNumberbox') || 0\"\r\n                                                    [max]=\"_GetAttribute(header.columnName, row, 'max', 'coerNumberbox') || 2147483647\"\r\n                                                    [decimals]=\"_GetAttribute(header.columnName, row, 'decimals', 'coerNumberbox') || 0\"\r\n                                                    (onInput)=\"_InputChange(row.indexRow, header.columnName, $event, 'coer-numberbox')\"\r\n                                                    (onKeyupEnter)=\"_KeyupEnter(header.indexColumn, row, 'coer-numberbox', $event)\"\r\n                                                ></coer-numberbox>\r\n                                            </td>\r\n                                        }\r\n    \r\n    \r\n                                        @else if(_IsCellType(header.columnName, row, 'coerSelectbox')) {\r\n                                            <!-- coer-numberbox -->\r\n                                            <td class=\"coer-selectbox\">\r\n                                                <coer-selectbox\r\n                                                    [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n                                                    [(ngModel)]=\"row[header.columnName]\"\r\n                                                    [isDisabled]=\"_GetAttribute(header.columnName, row, 'isDisabled', 'coerSelectbox') || _isDisabled() || _isLoading()\"\r\n                                                    [isValid]=\"_GetAttribute(header.columnName, row, 'isValid', 'coerSelectbox') || false\"\r\n                                                    [isInvalid]=\"_GetAttribute(header.columnName, row, 'isInvalid', 'coerSelectbox') || false\"\r\n                                                    [dataSource]=\"_GetAttribute(header.columnName, row, 'dataSource', 'coerSelectbox') || []\"\r\n                                                    [placeholder]=\"_GetAttribute(header.columnName, row, 'placeholder', 'coerSelectbox') || '-- Select --'\"\r\n                                                    [displayProperty]=\"_GetAttribute(header.columnName, row, 'displayProperty', 'coerSelectbox') || 'name'\"\r\n                                                    (onSelected)=\"_InputChange(row.indexRow, header.columnName, $event, 'coer-selectbox'); _KeyupEnter(header.indexColumn, row, 'coer-selectbox', $event)\"\r\n                                                ></coer-selectbox>\r\n                                            </td>\r\n                                        }\r\n    \r\n    \r\n                                        @else if(_IsCellType(header.columnName, row, 'coerSwitch')) {\r\n                                            <!-- coer-switch -->\r\n                                            <td>\r\n                                                <coer-switch\r\n                                                    [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n                                                    [(ngModel)]=\"row[header.columnName]\"\r\n                                                    [isDisabled]=\"_GetAttribute(header.columnName, row, 'isDisabled', 'coerSwitch') || _isDisabled() || _isLoading()\"\r\n                                                    [tooltip]=\"_GetAttribute(header.columnName, row, 'tooltip', 'coerSwitch')\"\r\n                                                    [tooltipPosition]=\"_GetAttribute(header.columnName, row, 'tooltipPosition', 'coerSwitch') || 'left'\"\r\n                                                    [isInvisible]=\"_isDisabled()\"\r\n                                                    (onChange)=\"_InputChange(row.indexRow, header.columnName, $event, 'coer-switch')\"\r\n                                                ></coer-switch>\r\n                                            </td>\r\n                                        }\r\n    \r\n                                        @else {\r\n                                            <!-- Default Cell -->\r\n                                            <td class=\"default-cell\"\r\n                                                (click)=\"_ClickOnRow(row)\"\r\n                                                (dblclick)=\"_isDisabled() ? null : onDoubleClickRow.emit(row)\"\r\n                                                [ngStyle]=\"{\r\n                                                    'text-align': _GetAttribute(header.columnName, row, 'textAlign', 'defaul-cell'),\r\n                                                    'white-space': 'normal'\r\n                                                }\">\r\n    \r\n                                                <div [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n                                                    [ngClass]=\"{\r\n                                                        'text-blue-bold': _IsCellColor(header.columnName, row, 'colorBlue'),\r\n                                                        'text-green-bold': _IsCellColor(header.columnName, row, 'colorGreen'),\r\n                                                        'text-yellow-bold': _IsCellColor(header.columnName, row, 'colorYellow'),\r\n                                                        'text-red-bold': _IsCellColor(header.columnName, row, 'colorRed'),\r\n                                                        'text-right-bold': _IsCellType(header.columnName, row, 'number')\r\n                                                    }\">\r\n    \r\n                                                    @if(_IsCellType(header.columnName, row, 'number')) {\r\n                                                        <span> {{ GetNumericFormat(row[header.columnName]) }} </span>\r\n                                                    }\r\n    \r\n                                                    @else if(_IsCellType(header.columnName, row, 'date')) {\r\n                                                        <span> {{ _GetDateFormat(row[header.columnName], _IsCellType(header.columnName, row, 'toLocalZone')) }} </span>\r\n                                                    }\r\n    \r\n                                                    @else if(_IsCellType(header.columnName, row, 'date-time')) {\r\n                                                        <span> {{ _GetDateTimeFormat(row[header.columnName], _IsCellType(header.columnName, row, 'toLocalZone')) }} </span>\r\n                                                    }\r\n    \r\n                                                    @else {\r\n                                                        <span> {{ _GetCellValue(row, header.columnName) }} </span>\r\n                                                    }\r\n                                                </div>\r\n                                            </td>\r\n                                        }\r\n                                    }\r\n    \r\n                                    <!-- Delete Button -->\r\n                                    @if(_ButtonByRow('showDeleteButton')) {\r\n                                        <td class=\"action-button\">\r\n                                            @if(_ButtonByRow('showDeleteButton', row)) {\r\n                                                <coer-button\r\n                                                    type=\"icon-no-border\"\r\n                                                    [color]=\"_ColorButtonByRow('deleteButtonColor')\"\r\n                                                    icon=\"delete\"\r\n                                                    [tooltip]=\"_GetTooltip('Delete', row)\"\r\n                                                    [isInvisible]=\"_isDisabled()\"\r\n                                                    [isReadonly]=\"isReadonly()\"\r\n                                                    [isDisabled]=\"_isLoading()\"\r\n                                                    (onClick)=\"onClickDeleteRow.emit(row)\"\r\n                                                ></coer-button>\r\n                                            }\r\n                                        </td>\r\n                                    }\r\n    \r\n                                    <!-- Edit Button -->\r\n                                    @if(_ButtonByRow('showEditButton')) {\r\n                                        <td class=\"action-button\">\r\n                                            @if(_ButtonByRow('showEditButton', row)) {\r\n                                                <coer-button\r\n                                                    type=\"icon-no-border\"\r\n                                                    [color]=\"_ColorButtonByRow('editButtonColor')\"\r\n                                                    icon=\"edit\"\r\n                                                    [tooltip]=\"_GetTooltip('Edit', row)\"\r\n                                                    [isInvisible]=\"_isDisabled()\"\r\n                                                    [isDisabled]=\"_isLoading()\"\r\n                                                    (onClick)=\"onClickEditRow.emit(row)\"\r\n                                                ></coer-button>\r\n                                            }\r\n                                        </td>\r\n                                    }\r\n    \r\n                                    <!-- GO Button -->\r\n                                    @if(_ButtonByRow('showGoButton')) {\r\n                                        <td class=\"action-button\">\r\n                                            @if(_ButtonByRow('showGoButton', row)) {\r\n                                                <coer-button\r\n                                                    type=\"icon-no-border\"\r\n                                                    [color]=\"_ColorButtonByRow('goButtonColor')\"\r\n                                                    icon=\"go\"\r\n                                                    [tooltip]=\"_GetTooltip('Go to', row, 'detail')\"\r\n                                                    [isInvisible]=\"_isDisabled()\"\r\n                                                    [isDisabled]=\"_isLoading()\"\r\n                                                    (onClick)=\"onClickGoRow.emit(row)\"\r\n                                                ></coer-button>\r\n                                            }\r\n                                        </td>\r\n                                    }\r\n                                </tr>\r\n                            }\r\n                        </tbody>\r\n                    }\r\n                </table>\r\n            }\r\n\r\n            @else {\r\n                <!-- Grid Message -->\r\n                <div class=\"loading\" [ngStyle]=\"{ \r\n                        'width': '100%', \r\n                        'height': '100%',\r\n                        'bottom': showFooter() ? '35px' : '10px'\r\n                    }\">\r\n                    <i class=\"spinner-border\"></i>\r\n                    <span class=\"fa-fade\">Loading</span>\r\n                </div> \r\n            }\r\n        </div>\r\n    </section>\r\n\r\n    @if(showFooter()) {\r\n        <footer class=\"grid-footer\">\r\n            <span>\r\n                @if(_isLoadingMessage) {\r\n                    <span class=\"fa-fade\"> Loading </span>\r\n                }\r\n\r\n                @else if(gridLength().dataSourceSelected > 0) {\r\n                    <span>\r\n                        <i class=\"bi bi-check2-square ms-1\"></i>\r\n                        {{ gridLength().dataSourceSelected }}\r\n                    </span>\r\n                }\r\n            </span>\r\n\r\n            <span class=\"me-1\"> {{ gridLength().dataSourceFiltered | numericFormat }} Rows </span>\r\n        </footer>\r\n    }\r\n</div>", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-grid header{align-items:flex-end;justify-content:flex-end;padding-right:8px;margin:0}div.coer-grid header>div{padding:0 0 10px 10px;display:flex;align-items:baseline}div.coer-grid header>div a{height:40px!important}div.coer-grid table{table-layout:auto;border-collapse:separate;border-spacing:1px 0px;margin:0;font-size:14px}div.coer-grid table thead tr th{position:sticky!important;z-index:100!important;top:0!important;background-color:var(--gray)!important;color:var(--smoke)!important;padding:5px!important;vertical-align:middle!important;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;min-width:50px!important;white-space:nowrap!important}div.coer-grid table tbody{border:0px!important}div.coer-grid table tbody tr:not(.row-focus):hover td{color:#000!important;background-color:#f1f6ff}div.coer-grid table tbody tr td{border:0px!important;padding:5px!important;vertical-align:middle!important;white-space:break-spaces;text-overflow:ellipsis;overflow:hidden;min-height:31px!important}div.coer-grid table tbody tr.row-focus td{background-color:#cde1ff}div.coer-grid table tbody tr td.coer-textbox,div.coer-grid table tbody tr td.coer-numberbox,div.coer-grid table tbody tr td.coer-selectbox{padding:0!important;overflow:visible!important}div.coer-grid table tbody tr td.default-cell{cursor:pointer!important}div.coer-grid table thead tr th.action-button,div.coer-grid table thead tr td.action-button,div.coer-grid table thead tr th.check-box,div.coer-grid table thead tr td.check-box,div.coer-grid table tbody tr th.action-button,div.coer-grid table tbody tr td.action-button,div.coer-grid table tbody tr th.check-box table tbody tr td.check-box{text-align:center!important;cursor:default!important;min-width:40px!important;max-width:40px!important;width:40px!important;padding:0!important}div.coer-grid footer.grid-footer{display:flex;align-items:center;justify-content:space-between;font-size:small;color:#999;padding-top:5px}div.coer-grid section.grid-container{position:relative;overflow:auto}div.coer-grid div.loading,div.coer-grid div.no-data{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:25px;color:gray}div.coer-grid div.loading{background-color:#bbbbbb83!important;flex-direction:column!important;gap:10px!important;z-index:1}div.coer-grid div.loading span.fa-fade{position:relative!important;top:50px!important}div.coer-grid tr.loading{background-color:#bbbbbb83!important}div.coer-grid div.loading i.spinner-border{color:var(--primary-inner)!important;width:70px!important;height:70px!important;font-size:20px!important;position:absolute!important}div.coer-grid td.check-box div.spinner-border-container{position:absolute;transform:translate(7px,-19px)}div.coer-grid td.check-box div.spinner-border-container i.spinner-border{width:15px!important;height:15px!important;color:var(--primary-inner)!important}div.coer-grid table thead tr th.check-box>div,div.coer-grid table tbody tr td.check-box>div{display:flex;align-items:center;justify-content:center;cursor:default!important}div.coer-grid input.form-check-input{box-shadow:none!important;margin:0}div.coer-grid input[type=checkbox]{cursor:pointer!important}div.coer-grid td.group{padding:0!important;margin:0!important}div.coer-grid td.group>*{border-top:1px solid var(--gray)!important;border-bottom:1px solid var(--gray)!important;padding:0!important;margin:0!important}div.coer-grid .template,div.coer-grid .template div{white-space:nowrap!important;display:flex!important;align-items:center!important;cursor:pointer!important;gap:5px!important;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CoerButton, selector: "coer-button", inputs: ["id", "color", "type", "icon", "iconPosition", "path", "animation", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "height", "minHeight", "marginTop", "marginRight", "marginBottom", "marginLeft", "tooltipPosition", "tooltip"], outputs: ["onClick"] }, { kind: "component", type: CoerCheckbox, selector: "coer-checkbox", inputs: ["value", "id", "label", "labelPosition", "isLoading", "isDisabled", "isReadonly", "isInvisible", "ignoreDataBinding"], outputs: ["onChange"] }, { kind: "component", type: CoerNumberBox, selector: "coer-numberbox", inputs: ["value", "id", "label", "placeholder", "textPosition", "min", "max", "isInvalid", "isValid", "selectOnFocus", "decimals", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "marginTop", "marginRight", "marginBottom", "marginLeft"], outputs: ["onKeyupEnter", "onInput"] }, { kind: "component", type: CoerSelectbox, selector: "coer-selectbox", inputs: ["value", "id", "label", "placeholder", "isInvalid", "isValid", "dataSource", "displayProperty", "rowsByPage", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "marginTop", "marginRight", "marginBottom", "marginLeft"], outputs: ["onSelected", "onUnselect"] }, { kind: "component", type: CoerSwitch, selector: "coer-switch", inputs: ["value", "id", "label", "labelPosition", "isLoading", "isDisabled", "isReadonly", "isInvisible", "tooltipPosition", "tooltip"], outputs: ["onChange"] }, { kind: "component", type: CoerTextBox, selector: "coer-textbox", inputs: ["id", "label", "placeholder", "textPosition", "minLength", "maxLength", "isInvalid", "isValid", "externalButton", "selectOnFocus", "showClearIcon", "showSearchIcon", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "marginTop", "marginRight", "marginBottom", "marginLeft", "value"], outputs: ["onKeyupEnter", "onInput", "onClickClear", "onClickSearch", "onClickExternalButton"] }, { kind: "pipe", type: i9.HtmlPipe, name: "html" }, { kind: "pipe", type: i9.NumericFormatPipe, name: "numericFormat" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerGrid, decorators: [{
             type: Component,
-            args: [{ selector: 'coer-grid', providers: [CONTROL_VALUE(CoerGrid)], standalone: false, template: "<div class=\"coer-grid\" [ngStyle]=\"{ 'width': width(), 'min-Width': MinWidth(), 'max-Width': MaxWidth(), 'margin': margin() }\">\r\n    <header [id]=\"_id + '-header'\" class=\"row\">\r\n        <!-- Slot -->\r\n        <ng-content></ng-content>\r\n\r\n        <!-- Export Button -->\r\n        @if(exportButton.show && gridLength().dataSource > 0) {\r\n            <div class=\"col-auto\">\r\n                <coer-button\r\n                    type=\"icon\"\r\n                    [color]=\"_ColorButton(exportButton)\"\r\n                    icon=\"excel\"\r\n                    [tooltip]=\"_isLoading() ? 'Loading' : (exportButton.tooltip || 'Export')\"\r\n                    [path]=\"(exportButton && exportButton.path) ? exportButton.path : []\"\r\n                    [isDisabled]=\"_isDisabled() || _isLoading() || (exportButton.isDisabled || false)\"\r\n                    [isLoading]=\"_isLoading()\"\r\n                    [animation]=\"_enableAnimations\"\r\n                    (onClick)=\"Export(!exportButton.preventDefault)\"\r\n                ></coer-button>\r\n            </div>\r\n        }\r\n\r\n        <!-- Import Button -->\r\n        @if(importButton.show && !isReadonly()) {\r\n            <div class=\"col-auto\">\r\n                <input type=\"file\" #inputFileRef [multiple]=\"false\" (change)=\"_Import($event)\">\r\n\r\n                <coer-button\r\n                    type=\"icon\"\r\n                    color=\"primary\"\r\n                    [color]=\"_ColorButton(importButton)\"\r\n                    [tooltip]=\"importButton.tooltip || 'Import'\"\r\n                    [path]=\"(importButton && importButton.path) ? importButton.path : []\"\r\n                    [isDisabled]=\"importButton.isDisabled || false\"\r\n                    [animation]=\"_enableAnimations\"\r\n                    (onClick)=\"_Import()\"\r\n                ></coer-button>\r\n            </div>\r\n        }\r\n\r\n        <!-- Add Button -->\r\n        @if(addButton.show && !isReadonly()) {\r\n            <div class=\"col-auto\">\r\n                <coer-button\r\n                    type=\"icon\"\r\n                    [color]=\"_ColorButton(addButton)\"\r\n                    icon=\"new\"\r\n                    [tooltip]=\"addButton.tooltip || 'New'\"\r\n                    [path]=\"(addButton && addButton.path) ? addButton.path : []\"\r\n                    [isDisabled]=\"addButton.isDisabled || false\"\r\n                    [animation]=\"_enableAnimations\"\r\n                    (onClick)=\"onClickAdd.emit()\"\r\n                ></coer-button>\r\n            </div>\r\n        }\r\n\r\n        <!-- Save Button -->\r\n        @if(saveButton.show && !isReadonly()) {\r\n            <div class=\"col-auto\">\r\n                <coer-button\r\n                    type=\"icon\"\r\n                    [color]=\"_ColorButton(saveButton)\"\r\n                    icon=\"save\"\r\n                    [tooltip]=\"saveButton.tooltip || 'Save'\"\r\n                    [path]=\"(saveButton && saveButton.path) ? saveButton.path : []\"\r\n                    [isDisabled]=\"saveButton.isDisabled || false\"\r\n                    [animation]=\"_enableAnimations\"\r\n                    (onClick)=\"onClickSave.emit()\"\r\n                ></coer-button>\r\n            </div>\r\n        }\r\n\r\n        <!-- Search -->\r\n        @if(search.show) {\r\n            <div class=\"col-auto\">\r\n                <coer-textbox\r\n                    #inputSearch\r\n                    [id]=\"_GetId(-1, -1, 'search')\"\r\n                    [ngModel]=\"_gridSearch()\"\r\n                    placeholder=\"Search\"\r\n                    [isDisabled]=\"_isDisabled() || _isLoading()\"\r\n                    [selectOnFocus]=\"true\"\r\n                    width=\"250px\"\r\n                    [showSearchIcon]=\"true\"\r\n                    [showClearIcon]=\"true\"\r\n                    (onInput)=\"_InputChange(-1, 'Search', $event, 'coer-textbox-search')\"\r\n                    (onClickClear)=\"_InputChange(-1, 'Search', '', 'coer-textbox-search')\"\r\n                    (onKeyupEnter)=\"_KeyupEnter(-1, { indexRow: -1 }, 'coer-textbox-search', $event);\"\r\n                ></coer-textbox>\r\n            </div>\r\n        }\r\n    </header>\r\n\r\n    <section [ngClass]=\"{ 'grid-container': true, 'invisible': isInvisible() }\">  \r\n        <div #innerContainer [ngStyle]=\"{ 'height': _height, 'min-height': minHeight(), 'max-height': maxHeight() }\">  \r\n            @if(!_isDisabled() && gridLength().dataSource <= 0 && !isLoading()) {\r\n                <div class=\"no-data\"> No Data </div>\r\n            }\r\n        \r\n            @if(!isLoading()) {\r\n                <table class=\"table table-sm table-responsive table-striped\">\r\n                    <thead>\r\n                        <tr>\r\n                            @if(checkbox.show && gridLength().dataSource > 0) {\r\n                                <!-- CheckBox Column -->\r\n                                <th scope=\"col\" class=\"check-box\">\r\n                                    <div *ngIf=\"!_onlyOneCheck\" [ngClass]=\"{ 'invisible': _isLoadingMessage }\">\r\n                                        <coer-checkbox\r\n                                            [id]=\"_GetId(0, 0, 'checkboxAll')\"\r\n                                            [ignoreDataBinding]=\"true\"\r\n                                            [isDisabled]=\"_isDisabled() || _isLoading()\"\r\n                                            (onChange)=\"_ClickCheck(_GetId(0, 0, 'checkboxAll'), $event, true)\"\r\n                                        ></coer-checkbox>\r\n                                    </div>\r\n                                </th>\r\n                            }\r\n    \r\n                            <!-- Dynamic Grid Column -->\r\n                            @for(header of _gridColumns(); track header.indexColumn) {\r\n                                <th scope=\"col\" (dblclick)=\"Sort(header.columnName)\"\r\n                                    [ngClass]=\"{\r\n                                        'no-selection': true,\r\n                                        'cursor-default': !enableSort() && !_isLoading(),\r\n                                        'cursor-pointer': enableSort() && !_isLoading(),\r\n                                        'cursor-wait': _isLoading()\r\n                                    }\"\r\n                                    [ngStyle]=\"{\r\n                                        'width': header.width,\r\n                                        'text-align': _GetAttribute(header.columnName, null, 'textAlign', 'defaul-cell')\r\n                                    }\">\r\n                                    <div class=\"no-selection d-flex align-items-center\">\r\n                                        <span class=\"me-1\"> {{ _GetColumnName(header.columnName) }} </span>\r\n                                        <i [class]=\"_GetShortIcon(header.columnName)\"></i> \r\n                                        <i [class]=\"_GetSearchIcon(header.columnName)\"></i>\r\n                                    </div>\r\n                                </th>\r\n                            }\r\n    \r\n                            <!-- Delete Button Column -->\r\n                            @if(_ButtonByRow('showDeleteButton')) {\r\n                                <th scope=\"col\" class=\"action-button\"></th>\r\n                            }\r\n    \r\n                            <!-- Edit Button Column -->\r\n                            @if(_ButtonByRow('showEditButton')) {\r\n                                <th scope=\"col\" class=\"action-button\"></th>\r\n                            }\r\n    \r\n                            <!-- Edit Button Column -->\r\n                            @if(_ButtonByRow('showGoButton')) {\r\n                                <th scope=\"col\" class=\"action-button\"></th>\r\n                            }\r\n                        </tr>\r\n                    </thead>\r\n    \r\n                    <!-- body -->\r\n                    @for(group of _gridDataSource(); track group.indexGroup) {\r\n                        <tbody>\r\n                            <!--<tr v-if=\"_isGrouped\">\r\n                                <td :colspan=\"_colspan\" class=\"group\">\r\n                                    <MesAccordion\r\n                                        :ref=\"`accordion${group.indexGroup}-${id}`\"\r\n                                        :title=\"`${_CleanHeaderName(groupBy)} (${group.length}):  ${group.groupBy}`\"\r\n                                        :isLoading=\"_isLoading()\"\r\n                                        @expanded=\"_ToogleAccordion(group.groupBy, true, group.indexGroup)\"\r\n                                        @collapsed=\"_ToogleAccordion(group.groupBy, false, group.indexGroup)\"\r\n                                    ></MesAccordion>\r\n                                </td>\r\n                            </tr>-->\r\n    \r\n                            @for(row of group.rows; track row.indexRow) {\r\n                                <tr [id]=\"_GetId(row.indexRow, 0, 'row')\"\r\n                                    [ngClass]=\"{ 'loading': isLoading(), 'd-none': _HideRow(group), 'row-focus': (row.indexRow == _indexFocus() && enableRowFocus()) }\"\r\n                                    (click)=\"_indexFocus.set(row.indexRow)\">\r\n    \r\n                                    @if(checkbox.show) {\r\n                                        <!-- CheckBox Column -->\r\n                                        <td class=\"check-box\">\r\n                                            <div [ngClass]=\"{ 'invisible': _isLoadingMessage }\">\r\n                                                <coer-checkbox\r\n                                                    [id]=\"_GetId(row.indexRow, 0, 'checkbox')\"\r\n                                                    [ignoreDataBinding]=\"true\"\r\n                                                    [isDisabled]=\"_isDisabled() || _isLoading()\"\r\n                                                    (onChange)=\"_ClickCheck(_GetId(row.indexRow, 0, 'checkbox'), $event, false, row)\"\r\n                                                ></coer-checkbox>\r\n                                            </div>\r\n    \r\n                                            <div [ngClass]=\"{ 'invisible': !_isLoadingMessage, 'spinner-border-container': true }\">\r\n                                                <i class=\"spinner-border\"></i>\r\n                                            </div>\r\n                                        </td>\r\n                                    }\r\n    \r\n                                    <!-- Dynamic Column -->\r\n                                    @for(header of _gridColumns(); track header.indexColumn) {\r\n                                        @if(_IsCellType(header.columnName, row, 'template')) {\r\n                                            <td class=\"template\"\r\n                                                (click)=\"_isDisabled() ? null : onClickRow.emit(row)\"\r\n                                                (dblclick)=\"_isDisabled() ? null : onDoubleClickRow.emit(row)\">\r\n                                                <div [innerHTML]=\"_GetAttribute(header.columnName, row, 'template', 'defaul-cell') | html\" class=\"template\"></div>\r\n                                            </td>\r\n                                        }\r\n    \r\n                                        @else if(_IsCellType(header.columnName, row, 'coerTextbox')) {\r\n                                            <!-- coer-textbox -->\r\n                                            <td class=\"coer-textbox\">\r\n                                                <coer-textbox\r\n                                                    [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n                                                    [(ngModel)]=\"row[header.columnName]\"\r\n                                                    [isDisabled]=\"_GetAttribute(header.columnName, row, 'isDisabled', 'coerTextbox') || _isDisabled() || _isLoading()\"\r\n                                                    [isValid]=\"_GetAttribute(header.columnName, row, 'isValid', 'coerTextbox') || false\"\r\n                                                    [isInvalid]=\"_GetAttribute(header.columnName, row, 'isInvalid', 'coerTextbox') || false\"\r\n                                                    [selectOnFocus]=\"_GetAttribute(header.columnName, row, 'selectOnFocus', 'coerTextbox') || true\"\r\n                                                    [placeholder]=\"_GetAttribute(header.columnName, row, 'placeholder', 'coerTextbox') || ('Type ' + header.columnName + '...')\"\r\n                                                    [textPosition]=\"_GetAttribute(header.columnName, row, 'textPosition', 'coerTextbox') || 'left'\"\r\n                                                    [minLength]=\"_GetAttribute(header.columnName, row, 'minLength', 'coerTextbox') || 0\"\r\n                                                    [maxLength]=\"_GetAttribute(header.columnName, row, 'maxLength', 'coerTextbox') || 50\"\r\n                                                    (onInput)=\"_InputChange(row.indexRow, header.columnName, $event, 'coer-textbox')\"\r\n                                                    (onKeyupEnter)=\"_KeyupEnter(header.indexColumn, row, 'coer-textbox', $event)\"\r\n                                                ></coer-textbox>\r\n                                            </td>\r\n                                        }\r\n    \r\n    \r\n                                        @else if(_IsCellType(header.columnName, row, 'coerNumberbox')) {\r\n                                            <!-- coer-numberbox -->\r\n                                            <td class=\"coer-numberbox\">\r\n                                                <coer-numberbox\r\n                                                    [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n                                                    [(ngModel)]=\"row[header.columnName]\"\r\n                                                    [isDisabled]=\"_GetAttribute(header.columnName, row, 'isDisabled', 'coerNumberbox') || _isDisabled() || _isLoading()\"\r\n                                                    [isValid]=\"_GetAttribute(header.columnName, row, 'isValid', 'coerNumberbox') || false\"\r\n                                                    [isInvalid]=\"_GetAttribute(header.columnName, row, 'isInvalid', 'coerNumberbox') || false\"\r\n                                                    [selectOnFocus]=\"_GetAttribute(header.columnName, row, 'selectOnFocus', 'coerNumberbox') || true\"\r\n                                                    [placeholder]=\"_GetAttribute(header.columnName, row, 'placeholder', 'coerNumberbox') || ''\"\r\n                                                    [textPosition]=\"_GetAttribute(header.columnName, row, 'textPosition', 'coerNumberbox') || 'right'\"\r\n                                                    [min]=\"_GetAttribute(header.columnName, row, 'min', 'coerNumberbox') || 0\"\r\n                                                    [max]=\"_GetAttribute(header.columnName, row, 'max', 'coerNumberbox') || 2147483647\"\r\n                                                    [decimals]=\"_GetAttribute(header.columnName, row, 'decimals', 'coerNumberbox') || 0\"\r\n                                                    (onInput)=\"_InputChange(row.indexRow, header.columnName, $event, 'coer-numberbox')\"\r\n                                                    (onKeyupEnter)=\"_KeyupEnter(header.indexColumn, row, 'coer-numberbox', $event)\"\r\n                                                ></coer-numberbox>\r\n                                            </td>\r\n                                        }\r\n    \r\n    \r\n                                        @else if(_IsCellType(header.columnName, row, 'coerSelectbox')) {\r\n                                            <!-- coer-numberbox -->\r\n                                            <td class=\"coer-selectbox\">\r\n                                                <coer-selectbox\r\n                                                    [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n                                                    [(ngModel)]=\"row[header.columnName]\"\r\n                                                    [isDisabled]=\"_GetAttribute(header.columnName, row, 'isDisabled', 'coerSelectbox') || _isDisabled() || _isLoading()\"\r\n                                                    [isValid]=\"_GetAttribute(header.columnName, row, 'isValid', 'coerSelectbox') || false\"\r\n                                                    [isInvalid]=\"_GetAttribute(header.columnName, row, 'isInvalid', 'coerSelectbox') || false\"\r\n                                                    [dataSource]=\"_GetAttribute(header.columnName, row, 'dataSource', 'coerSelectbox') || []\"\r\n                                                    [placeholder]=\"_GetAttribute(header.columnName, row, 'placeholder', 'coerSelectbox') || '-- Select --'\"\r\n                                                    [propDisplay]=\"_GetAttribute(header.columnName, row, 'propDisplay', 'coerSelectbox') || 'name'\"\r\n                                                    (onSelected)=\"_InputChange(row.indexRow, header.columnName, $event, 'coer-selectbox'); _KeyupEnter(header.indexColumn, row, 'coer-selectbox', $event)\"\r\n                                                ></coer-selectbox>\r\n                                            </td>\r\n                                        }\r\n    \r\n    \r\n                                        @else if(_IsCellType(header.columnName, row, 'coerSwitch')) {\r\n                                            <!-- coer-switch -->\r\n                                            <td>\r\n                                                <coer-switch\r\n                                                    [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n                                                    [(ngModel)]=\"row[header.columnName]\"\r\n                                                    [isDisabled]=\"_GetAttribute(header.columnName, row, 'isDisabled', 'coerSwitch') || _isDisabled() || _isLoading()\"\r\n                                                    [tooltip]=\"_GetAttribute(header.columnName, row, 'tooltip', 'coerSwitch')\"\r\n                                                    [tooltipPosition]=\"_GetAttribute(header.columnName, row, 'tooltipPosition', 'coerSwitch') || 'left'\"\r\n                                                    [isInvisible]=\"_isDisabled()\"\r\n                                                    (onChange)=\"_InputChange(row.indexRow, header.columnName, $event, 'coer-switch')\"\r\n                                                ></coer-switch>\r\n                                            </td>\r\n                                        }\r\n    \r\n                                        @else {\r\n                                            <!-- Default Cell -->\r\n                                            <td class=\"default-cell\"\r\n                                                (click)=\"_ClickOnRow(row)\"\r\n                                                (dblclick)=\"_isDisabled() ? null : onDoubleClickRow.emit(row)\"\r\n                                                [ngStyle]=\"{\r\n                                                    'text-align': _GetAttribute(header.columnName, row, 'textAlign', 'defaul-cell'),\r\n                                                    'white-space': 'normal'\r\n                                                }\">\r\n    \r\n                                                <div [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n                                                    [ngClass]=\"{\r\n                                                        'text-blue-bold': _IsCellColor(header.columnName, row, 'colorBlue'),\r\n                                                        'text-green-bold': _IsCellColor(header.columnName, row, 'colorGreen'),\r\n                                                        'text-yellow-bold': _IsCellColor(header.columnName, row, 'colorYellow'),\r\n                                                        'text-red-bold': _IsCellColor(header.columnName, row, 'colorRed'),\r\n                                                        'text-right-bold': _IsCellType(header.columnName, row, 'number')\r\n                                                    }\">\r\n    \r\n                                                    @if(_IsCellType(header.columnName, row, 'number')) {\r\n                                                        <span> {{ GetNumericFormat(row[header.columnName]) }} </span>\r\n                                                    }\r\n    \r\n                                                    @else if(_IsCellType(header.columnName, row, 'date')) {\r\n                                                        <span> {{ _GetDateFormat(row[header.columnName], _IsCellType(header.columnName, row, 'toLocalZone')) }} </span>\r\n                                                    }\r\n    \r\n                                                    @else if(_IsCellType(header.columnName, row, 'date-time')) {\r\n                                                        <span> {{ _GetDateTimeFormat(row[header.columnName], _IsCellType(header.columnName, row, 'toLocalZone')) }} </span>\r\n                                                    }\r\n    \r\n                                                    @else {\r\n                                                        <span> {{ _GetCellValue(row, header.columnName) }} </span>\r\n                                                    }\r\n                                                </div>\r\n                                            </td>\r\n                                        }\r\n                                    }\r\n    \r\n                                    <!-- Delete Button -->\r\n                                    @if(_ButtonByRow('showDeleteButton')) {\r\n                                        <td class=\"action-button\">\r\n                                            @if(_ButtonByRow('showDeleteButton', row)) {\r\n                                                <coer-button\r\n                                                    type=\"icon-no-border\"\r\n                                                    [color]=\"_ColorButtonByRow('deleteButtonColor')\"\r\n                                                    icon=\"delete\"\r\n                                                    [tooltip]=\"_GetTooltip('Delete', row)\"\r\n                                                    [isInvisible]=\"_isDisabled()\"\r\n                                                    [isReadonly]=\"isReadonly()\"\r\n                                                    [isDisabled]=\"_isLoading()\"\r\n                                                    (onClick)=\"onClickDeleteRow.emit(row)\"\r\n                                                ></coer-button>\r\n                                            }\r\n                                        </td>\r\n                                    }\r\n    \r\n                                    <!-- Edit Button -->\r\n                                    @if(_ButtonByRow('showEditButton')) {\r\n                                        <td class=\"action-button\">\r\n                                            @if(_ButtonByRow('showEditButton', row)) {\r\n                                                <coer-button\r\n                                                    type=\"icon-no-border\"\r\n                                                    [color]=\"_ColorButtonByRow('editButtonColor')\"\r\n                                                    icon=\"edit\"\r\n                                                    [tooltip]=\"_GetTooltip('Edit', row)\"\r\n                                                    [isInvisible]=\"_isDisabled()\"\r\n                                                    [isDisabled]=\"_isLoading()\"\r\n                                                    (onClick)=\"onClickEditRow.emit(row)\"\r\n                                                ></coer-button>\r\n                                            }\r\n                                        </td>\r\n                                    }\r\n    \r\n                                    <!-- GO Button -->\r\n                                    @if(_ButtonByRow('showGoButton')) {\r\n                                        <td class=\"action-button\">\r\n                                            @if(_ButtonByRow('showGoButton', row)) {\r\n                                                <coer-button\r\n                                                    type=\"icon-no-border\"\r\n                                                    [color]=\"_ColorButtonByRow('goButtonColor')\"\r\n                                                    icon=\"go\"\r\n                                                    [tooltip]=\"_GetTooltip('Go to', row, 'detail')\"\r\n                                                    [isInvisible]=\"_isDisabled()\"\r\n                                                    [isDisabled]=\"_isLoading()\"\r\n                                                    (onClick)=\"onClickGoRow.emit(row)\"\r\n                                                ></coer-button>\r\n                                            }\r\n                                        </td>\r\n                                    }\r\n                                </tr>\r\n                            }\r\n                        </tbody>\r\n                    }\r\n                </table>\r\n            }\r\n\r\n            @else {\r\n                <!-- Grid Message -->\r\n                <div class=\"loading\" [ngStyle]=\"{ \r\n                        'width': '100%', \r\n                        'height': '100%',\r\n                        'bottom': showFooter() ? '35px' : '10px'\r\n                    }\">\r\n                    <i class=\"spinner-border\"></i>\r\n                    <span class=\"fa-fade\">Loading</span>\r\n                </div> \r\n            }\r\n        </div>\r\n    </section>\r\n\r\n    @if(showFooter()) {\r\n        <footer class=\"grid-footer\">\r\n            <span>\r\n                @if(_isLoadingMessage) {\r\n                    <span class=\"fa-fade\"> Loading </span>\r\n                }\r\n\r\n                @else if(gridLength().dataSourceSelected > 0) {\r\n                    <span>\r\n                        <i class=\"bi bi-check2-square ms-1\"></i>\r\n                        {{ gridLength().dataSourceSelected }}\r\n                    </span>\r\n                }\r\n            </span>\r\n\r\n            <span class=\"me-1\"> {{ gridLength().dataSourceFiltered | numericFormat }} Rows </span>\r\n        </footer>\r\n    }\r\n</div>", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-grid header{align-items:flex-end;justify-content:flex-end;padding-right:8px;margin:0}div.coer-grid header>div{padding:0 0 10px 10px;display:flex;align-items:baseline}div.coer-grid header>div a{height:40px!important}div.coer-grid table{table-layout:auto;border-collapse:separate;border-spacing:1px 0px;margin:0;font-size:14px}div.coer-grid table thead tr th{position:sticky!important;z-index:100!important;top:0!important;background-color:var(--gray)!important;color:var(--smoke)!important;padding:5px!important;vertical-align:middle!important;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;min-width:50px!important;white-space:nowrap!important}div.coer-grid table tbody{border:0px!important}div.coer-grid table tbody tr:not(.row-focus):hover td{color:#000!important;background-color:#f1f6ff}div.coer-grid table tbody tr td{border:0px!important;padding:5px!important;vertical-align:middle!important;white-space:break-spaces;text-overflow:ellipsis;overflow:hidden;min-height:31px!important}div.coer-grid table tbody tr.row-focus td{background-color:#cde1ff}div.coer-grid table tbody tr td.coer-textbox,div.coer-grid table tbody tr td.coer-numberbox,div.coer-grid table tbody tr td.coer-selectbox{padding:0!important;overflow:visible!important}div.coer-grid table tbody tr td.default-cell{cursor:pointer!important}div.coer-grid table thead tr th.action-button,div.coer-grid table thead tr td.action-button,div.coer-grid table thead tr th.check-box,div.coer-grid table thead tr td.check-box,div.coer-grid table tbody tr th.action-button,div.coer-grid table tbody tr td.action-button,div.coer-grid table tbody tr th.check-box table tbody tr td.check-box{text-align:center!important;cursor:default!important;min-width:40px!important;max-width:40px!important;width:40px!important;padding:0!important}div.coer-grid footer.grid-footer{display:flex;align-items:center;justify-content:space-between;font-size:small;color:#999;padding-top:5px}div.coer-grid section.grid-container{position:relative;overflow:auto}div.coer-grid div.loading,div.coer-grid div.no-data{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:25px;color:gray}div.coer-grid div.loading{background-color:#bbbbbb83!important;flex-direction:column!important;gap:10px!important;z-index:1}div.coer-grid div.loading span.fa-fade{position:relative!important;top:50px!important}div.coer-grid tr.loading{background-color:#bbbbbb83!important}div.coer-grid div.loading i.spinner-border{color:var(--primary-inner)!important;width:70px!important;height:70px!important;font-size:20px!important;position:absolute!important}div.coer-grid td.check-box div.spinner-border-container{position:absolute;transform:translate(7px,-19px)}div.coer-grid td.check-box div.spinner-border-container i.spinner-border{width:15px!important;height:15px!important;color:var(--primary-inner)!important}div.coer-grid table thead tr th.check-box>div,div.coer-grid table tbody tr td.check-box>div{display:flex;align-items:center;justify-content:center;cursor:default!important}div.coer-grid input.form-check-input{box-shadow:none!important;margin:0}div.coer-grid input[type=checkbox]{cursor:pointer!important}div.coer-grid td.group{padding:0!important;margin:0!important}div.coer-grid td.group>*{border-top:1px solid var(--gray)!important;border-bottom:1px solid var(--gray)!important;padding:0!important;margin:0!important}div.coer-grid .template,div.coer-grid .template div{white-space:nowrap!important;display:flex!important;align-items:center!important;cursor:pointer!important;gap:5px!important;width:100%}\n"] }]
+            args: [{ selector: 'coer-grid', providers: [CONTROL_VALUE(CoerGrid)], standalone: false, template: "<div class=\"coer-grid\" [ngStyle]=\"{ 'width': width(), 'min-Width': MinWidth(), 'max-Width': MaxWidth(), 'margin': margin() }\">\r\n    <header [id]=\"_id + '-header'\" class=\"row\">\r\n        <!-- Slot -->\r\n        <ng-content></ng-content>\r\n\r\n        <!-- Export Button -->\r\n        @if(exportButton.show && gridLength().dataSource > 0) {\r\n            <div class=\"col-auto\">\r\n                <coer-button\r\n                    type=\"icon\"\r\n                    [color]=\"_ColorButton(exportButton)\"\r\n                    icon=\"excel\"\r\n                    [tooltip]=\"_isLoading() ? 'Loading' : (exportButton.tooltip || 'Export')\"\r\n                    [path]=\"(exportButton && exportButton.path) ? exportButton.path : []\"\r\n                    [isDisabled]=\"_isDisabled() || _isLoading() || (exportButton.isDisabled || false)\"\r\n                    [isLoading]=\"_isLoading()\"\r\n                    [animation]=\"_enableAnimations\"\r\n                    (onClick)=\"Export(!exportButton.preventDefault)\"\r\n                ></coer-button>\r\n            </div>\r\n        }\r\n\r\n        <!-- Import Button -->\r\n        @if(importButton.show && !isReadonly()) {\r\n            <div class=\"col-auto\">\r\n                <input type=\"file\" #inputFileRef [multiple]=\"false\" (change)=\"_Import($event)\">\r\n\r\n                <coer-button\r\n                    type=\"icon\"\r\n                    color=\"primary\"\r\n                    [color]=\"_ColorButton(importButton)\"\r\n                    [tooltip]=\"importButton.tooltip || 'Import'\"\r\n                    [path]=\"(importButton && importButton.path) ? importButton.path : []\"\r\n                    [isDisabled]=\"importButton.isDisabled || false\"\r\n                    [animation]=\"_enableAnimations\"\r\n                    (onClick)=\"_Import()\"\r\n                ></coer-button>\r\n            </div>\r\n        }\r\n\r\n        <!-- Add Button -->\r\n        @if(addButton.show && !isReadonly()) {\r\n            <div class=\"col-auto\">\r\n                <coer-button\r\n                    type=\"icon\"\r\n                    [color]=\"_ColorButton(addButton)\"\r\n                    icon=\"new\"\r\n                    [tooltip]=\"addButton.tooltip || 'New'\"\r\n                    [path]=\"(addButton && addButton.path) ? addButton.path : []\"\r\n                    [isDisabled]=\"addButton.isDisabled || false\"\r\n                    [animation]=\"_enableAnimations\"\r\n                    (onClick)=\"onClickAdd.emit()\"\r\n                ></coer-button>\r\n            </div>\r\n        }\r\n\r\n        <!-- Save Button -->\r\n        @if(saveButton.show && !isReadonly()) {\r\n            <div class=\"col-auto\">\r\n                <coer-button\r\n                    type=\"icon\"\r\n                    [color]=\"_ColorButton(saveButton)\"\r\n                    icon=\"save\"\r\n                    [tooltip]=\"saveButton.tooltip || 'Save'\"\r\n                    [path]=\"(saveButton && saveButton.path) ? saveButton.path : []\"\r\n                    [isDisabled]=\"saveButton.isDisabled || false\"\r\n                    [animation]=\"_enableAnimations\"\r\n                    (onClick)=\"onClickSave.emit()\"\r\n                ></coer-button>\r\n            </div>\r\n        }\r\n\r\n        <!-- Search -->\r\n        @if(search.show) {\r\n            <div class=\"col-auto\">\r\n                <coer-textbox\r\n                    #inputSearch\r\n                    [id]=\"_GetId(-1, -1, 'search')\"\r\n                    [ngModel]=\"_gridSearch()\"\r\n                    placeholder=\"Search\"\r\n                    [isDisabled]=\"_isDisabled() || _isLoading()\"\r\n                    [selectOnFocus]=\"true\"\r\n                    width=\"250px\"\r\n                    [showSearchIcon]=\"true\"\r\n                    [showClearIcon]=\"true\"\r\n                    (onInput)=\"_InputChange(-1, 'Search', $event, 'coer-textbox-search')\"\r\n                    (onClickClear)=\"_InputChange(-1, 'Search', '', 'coer-textbox-search')\"\r\n                    (onKeyupEnter)=\"_KeyupEnter(-1, { indexRow: -1 }, 'coer-textbox-search', $event);\"\r\n                ></coer-textbox>\r\n            </div>\r\n        }\r\n    </header>\r\n\r\n    <section [ngClass]=\"{ 'grid-container': true, 'invisible': isInvisible() }\">  \r\n        <div #innerContainer [ngStyle]=\"{ 'height': _height, 'min-height': minHeight(), 'max-height': maxHeight() }\">  \r\n            @if(!_isDisabled() && gridLength().dataSource <= 0 && !isLoading()) {\r\n                <div class=\"no-data\"> No Data </div>\r\n            }\r\n        \r\n            @if(!isLoading()) {\r\n                <table class=\"table table-sm table-responsive table-striped\">\r\n                    <thead>\r\n                        <tr>\r\n                            @if(checkbox.show && gridLength().dataSource > 0) {\r\n                                <!-- CheckBox Column -->\r\n                                <th scope=\"col\" class=\"check-box\">\r\n                                    <div *ngIf=\"!_onlyOneCheck\" [ngClass]=\"{ 'invisible': _isLoadingMessage }\">\r\n                                        <coer-checkbox\r\n                                            [id]=\"_GetId(0, 0, 'checkboxAll')\"\r\n                                            [ignoreDataBinding]=\"true\"\r\n                                            [isDisabled]=\"_isDisabled() || _isLoading()\"\r\n                                            (onChange)=\"_ClickCheck(_GetId(0, 0, 'checkboxAll'), $event, true)\"\r\n                                        ></coer-checkbox>\r\n                                    </div>\r\n                                </th>\r\n                            }\r\n    \r\n                            <!-- Dynamic Grid Column -->\r\n                            @for(header of _gridColumns(); track header.indexColumn) {\r\n                                <th scope=\"col\" (dblclick)=\"Sort(header.columnName)\"\r\n                                    [ngClass]=\"{\r\n                                        'no-selection': true,\r\n                                        'cursor-default': !enableSort() && !_isLoading(),\r\n                                        'cursor-pointer': enableSort() && !_isLoading(),\r\n                                        'cursor-wait': _isLoading()\r\n                                    }\"\r\n                                    [ngStyle]=\"{\r\n                                        'width': header.width,\r\n                                        'text-align': _GetAttribute(header.columnName, null, 'textAlign', 'defaul-cell')\r\n                                    }\">\r\n                                    <div class=\"no-selection d-flex align-items-center\">\r\n                                        <span class=\"me-1\"> {{ _GetColumnName(header.columnName) }} </span>\r\n                                        <i [class]=\"_GetShortIcon(header.columnName)\"></i> \r\n                                        <i [class]=\"_GetSearchIcon(header.columnName)\"></i>\r\n                                    </div>\r\n                                </th>\r\n                            }\r\n    \r\n                            <!-- Delete Button Column -->\r\n                            @if(_ButtonByRow('showDeleteButton')) {\r\n                                <th scope=\"col\" class=\"action-button\"></th>\r\n                            }\r\n    \r\n                            <!-- Edit Button Column -->\r\n                            @if(_ButtonByRow('showEditButton')) {\r\n                                <th scope=\"col\" class=\"action-button\"></th>\r\n                            }\r\n    \r\n                            <!-- Edit Button Column -->\r\n                            @if(_ButtonByRow('showGoButton')) {\r\n                                <th scope=\"col\" class=\"action-button\"></th>\r\n                            }\r\n                        </tr>\r\n                    </thead>\r\n    \r\n                    <!-- body -->\r\n                    @for(group of _gridDataSource(); track group.indexGroup) {\r\n                        <tbody>\r\n                            <!--<tr v-if=\"_isGrouped\">\r\n                                <td :colspan=\"_colspan\" class=\"group\">\r\n                                    <MesAccordion\r\n                                        :ref=\"`accordion${group.indexGroup}-${id}`\"\r\n                                        :title=\"`${_CleanHeaderName(groupBy)} (${group.length}):  ${group.groupBy}`\"\r\n                                        :isLoading=\"_isLoading()\"\r\n                                        @expanded=\"_ToogleAccordion(group.groupBy, true, group.indexGroup)\"\r\n                                        @collapsed=\"_ToogleAccordion(group.groupBy, false, group.indexGroup)\"\r\n                                    ></MesAccordion>\r\n                                </td>\r\n                            </tr>-->\r\n    \r\n                            @for(row of group.rows; track row.indexRow) {\r\n                                <tr [id]=\"_GetId(row.indexRow, 0, 'row')\"\r\n                                    [ngClass]=\"{ 'loading': isLoading(), 'd-none': _HideRow(group), 'row-focus': (row.indexRow == _indexFocus() && enableRowFocus()) }\"\r\n                                    (click)=\"_indexFocus.set(row.indexRow)\">\r\n    \r\n                                    @if(checkbox.show) {\r\n                                        <!-- CheckBox Column -->\r\n                                        <td class=\"check-box\">\r\n                                            <div [ngClass]=\"{ 'invisible': _isLoadingMessage }\">\r\n                                                <coer-checkbox\r\n                                                    [id]=\"_GetId(row.indexRow, 0, 'checkbox')\"\r\n                                                    [ignoreDataBinding]=\"true\"\r\n                                                    [isDisabled]=\"_isDisabled() || _isLoading()\"\r\n                                                    (onChange)=\"_ClickCheck(_GetId(row.indexRow, 0, 'checkbox'), $event, false, row)\"\r\n                                                ></coer-checkbox>\r\n                                            </div>\r\n    \r\n                                            <div [ngClass]=\"{ 'invisible': !_isLoadingMessage, 'spinner-border-container': true }\">\r\n                                                <i class=\"spinner-border\"></i>\r\n                                            </div>\r\n                                        </td>\r\n                                    }\r\n    \r\n                                    <!-- Dynamic Column -->\r\n                                    @for(header of _gridColumns(); track header.indexColumn) {\r\n                                        @if(_IsCellType(header.columnName, row, 'template')) {\r\n                                            <td class=\"template\"\r\n                                                (click)=\"_isDisabled() ? null : onClickRow.emit(row)\"\r\n                                                (dblclick)=\"_isDisabled() ? null : onDoubleClickRow.emit(row)\">\r\n                                                <div [innerHTML]=\"_GetAttribute(header.columnName, row, 'template', 'defaul-cell') | html\" class=\"template\"></div>\r\n                                            </td>\r\n                                        }\r\n    \r\n                                        @else if(_IsCellType(header.columnName, row, 'coerTextbox')) {\r\n                                            <!-- coer-textbox -->\r\n                                            <td class=\"coer-textbox\">\r\n                                                <coer-textbox\r\n                                                    [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n                                                    [(ngModel)]=\"row[header.columnName]\"\r\n                                                    [isDisabled]=\"_GetAttribute(header.columnName, row, 'isDisabled', 'coerTextbox') || _isDisabled() || _isLoading()\"\r\n                                                    [isValid]=\"_GetAttribute(header.columnName, row, 'isValid', 'coerTextbox') || false\"\r\n                                                    [isInvalid]=\"_GetAttribute(header.columnName, row, 'isInvalid', 'coerTextbox') || false\"\r\n                                                    [selectOnFocus]=\"_GetAttribute(header.columnName, row, 'selectOnFocus', 'coerTextbox') || true\"\r\n                                                    [placeholder]=\"_GetAttribute(header.columnName, row, 'placeholder', 'coerTextbox') || ('Type ' + header.columnName + '...')\"\r\n                                                    [textPosition]=\"_GetAttribute(header.columnName, row, 'textPosition', 'coerTextbox') || 'left'\"\r\n                                                    [minLength]=\"_GetAttribute(header.columnName, row, 'minLength', 'coerTextbox') || 0\"\r\n                                                    [maxLength]=\"_GetAttribute(header.columnName, row, 'maxLength', 'coerTextbox') || 50\"\r\n                                                    (onInput)=\"_InputChange(row.indexRow, header.columnName, $event, 'coer-textbox')\"\r\n                                                    (onKeyupEnter)=\"_KeyupEnter(header.indexColumn, row, 'coer-textbox', $event)\"\r\n                                                ></coer-textbox>\r\n                                            </td>\r\n                                        }\r\n    \r\n    \r\n                                        @else if(_IsCellType(header.columnName, row, 'coerNumberbox')) {\r\n                                            <!-- coer-numberbox -->\r\n                                            <td class=\"coer-numberbox\">\r\n                                                <coer-numberbox\r\n                                                    [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n                                                    [(ngModel)]=\"row[header.columnName]\"\r\n                                                    [isDisabled]=\"_GetAttribute(header.columnName, row, 'isDisabled', 'coerNumberbox') || _isDisabled() || _isLoading()\"\r\n                                                    [isValid]=\"_GetAttribute(header.columnName, row, 'isValid', 'coerNumberbox') || false\"\r\n                                                    [isInvalid]=\"_GetAttribute(header.columnName, row, 'isInvalid', 'coerNumberbox') || false\"\r\n                                                    [selectOnFocus]=\"_GetAttribute(header.columnName, row, 'selectOnFocus', 'coerNumberbox') || true\"\r\n                                                    [placeholder]=\"_GetAttribute(header.columnName, row, 'placeholder', 'coerNumberbox') || ''\"\r\n                                                    [textPosition]=\"_GetAttribute(header.columnName, row, 'textPosition', 'coerNumberbox') || 'right'\"\r\n                                                    [min]=\"_GetAttribute(header.columnName, row, 'min', 'coerNumberbox') || 0\"\r\n                                                    [max]=\"_GetAttribute(header.columnName, row, 'max', 'coerNumberbox') || 2147483647\"\r\n                                                    [decimals]=\"_GetAttribute(header.columnName, row, 'decimals', 'coerNumberbox') || 0\"\r\n                                                    (onInput)=\"_InputChange(row.indexRow, header.columnName, $event, 'coer-numberbox')\"\r\n                                                    (onKeyupEnter)=\"_KeyupEnter(header.indexColumn, row, 'coer-numberbox', $event)\"\r\n                                                ></coer-numberbox>\r\n                                            </td>\r\n                                        }\r\n    \r\n    \r\n                                        @else if(_IsCellType(header.columnName, row, 'coerSelectbox')) {\r\n                                            <!-- coer-numberbox -->\r\n                                            <td class=\"coer-selectbox\">\r\n                                                <coer-selectbox\r\n                                                    [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n                                                    [(ngModel)]=\"row[header.columnName]\"\r\n                                                    [isDisabled]=\"_GetAttribute(header.columnName, row, 'isDisabled', 'coerSelectbox') || _isDisabled() || _isLoading()\"\r\n                                                    [isValid]=\"_GetAttribute(header.columnName, row, 'isValid', 'coerSelectbox') || false\"\r\n                                                    [isInvalid]=\"_GetAttribute(header.columnName, row, 'isInvalid', 'coerSelectbox') || false\"\r\n                                                    [dataSource]=\"_GetAttribute(header.columnName, row, 'dataSource', 'coerSelectbox') || []\"\r\n                                                    [placeholder]=\"_GetAttribute(header.columnName, row, 'placeholder', 'coerSelectbox') || '-- Select --'\"\r\n                                                    [displayProperty]=\"_GetAttribute(header.columnName, row, 'displayProperty', 'coerSelectbox') || 'name'\"\r\n                                                    (onSelected)=\"_InputChange(row.indexRow, header.columnName, $event, 'coer-selectbox'); _KeyupEnter(header.indexColumn, row, 'coer-selectbox', $event)\"\r\n                                                ></coer-selectbox>\r\n                                            </td>\r\n                                        }\r\n    \r\n    \r\n                                        @else if(_IsCellType(header.columnName, row, 'coerSwitch')) {\r\n                                            <!-- coer-switch -->\r\n                                            <td>\r\n                                                <coer-switch\r\n                                                    [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n                                                    [(ngModel)]=\"row[header.columnName]\"\r\n                                                    [isDisabled]=\"_GetAttribute(header.columnName, row, 'isDisabled', 'coerSwitch') || _isDisabled() || _isLoading()\"\r\n                                                    [tooltip]=\"_GetAttribute(header.columnName, row, 'tooltip', 'coerSwitch')\"\r\n                                                    [tooltipPosition]=\"_GetAttribute(header.columnName, row, 'tooltipPosition', 'coerSwitch') || 'left'\"\r\n                                                    [isInvisible]=\"_isDisabled()\"\r\n                                                    (onChange)=\"_InputChange(row.indexRow, header.columnName, $event, 'coer-switch')\"\r\n                                                ></coer-switch>\r\n                                            </td>\r\n                                        }\r\n    \r\n                                        @else {\r\n                                            <!-- Default Cell -->\r\n                                            <td class=\"default-cell\"\r\n                                                (click)=\"_ClickOnRow(row)\"\r\n                                                (dblclick)=\"_isDisabled() ? null : onDoubleClickRow.emit(row)\"\r\n                                                [ngStyle]=\"{\r\n                                                    'text-align': _GetAttribute(header.columnName, row, 'textAlign', 'defaul-cell'),\r\n                                                    'white-space': 'normal'\r\n                                                }\">\r\n    \r\n                                                <div [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n                                                    [ngClass]=\"{\r\n                                                        'text-blue-bold': _IsCellColor(header.columnName, row, 'colorBlue'),\r\n                                                        'text-green-bold': _IsCellColor(header.columnName, row, 'colorGreen'),\r\n                                                        'text-yellow-bold': _IsCellColor(header.columnName, row, 'colorYellow'),\r\n                                                        'text-red-bold': _IsCellColor(header.columnName, row, 'colorRed'),\r\n                                                        'text-right-bold': _IsCellType(header.columnName, row, 'number')\r\n                                                    }\">\r\n    \r\n                                                    @if(_IsCellType(header.columnName, row, 'number')) {\r\n                                                        <span> {{ GetNumericFormat(row[header.columnName]) }} </span>\r\n                                                    }\r\n    \r\n                                                    @else if(_IsCellType(header.columnName, row, 'date')) {\r\n                                                        <span> {{ _GetDateFormat(row[header.columnName], _IsCellType(header.columnName, row, 'toLocalZone')) }} </span>\r\n                                                    }\r\n    \r\n                                                    @else if(_IsCellType(header.columnName, row, 'date-time')) {\r\n                                                        <span> {{ _GetDateTimeFormat(row[header.columnName], _IsCellType(header.columnName, row, 'toLocalZone')) }} </span>\r\n                                                    }\r\n    \r\n                                                    @else {\r\n                                                        <span> {{ _GetCellValue(row, header.columnName) }} </span>\r\n                                                    }\r\n                                                </div>\r\n                                            </td>\r\n                                        }\r\n                                    }\r\n    \r\n                                    <!-- Delete Button -->\r\n                                    @if(_ButtonByRow('showDeleteButton')) {\r\n                                        <td class=\"action-button\">\r\n                                            @if(_ButtonByRow('showDeleteButton', row)) {\r\n                                                <coer-button\r\n                                                    type=\"icon-no-border\"\r\n                                                    [color]=\"_ColorButtonByRow('deleteButtonColor')\"\r\n                                                    icon=\"delete\"\r\n                                                    [tooltip]=\"_GetTooltip('Delete', row)\"\r\n                                                    [isInvisible]=\"_isDisabled()\"\r\n                                                    [isReadonly]=\"isReadonly()\"\r\n                                                    [isDisabled]=\"_isLoading()\"\r\n                                                    (onClick)=\"onClickDeleteRow.emit(row)\"\r\n                                                ></coer-button>\r\n                                            }\r\n                                        </td>\r\n                                    }\r\n    \r\n                                    <!-- Edit Button -->\r\n                                    @if(_ButtonByRow('showEditButton')) {\r\n                                        <td class=\"action-button\">\r\n                                            @if(_ButtonByRow('showEditButton', row)) {\r\n                                                <coer-button\r\n                                                    type=\"icon-no-border\"\r\n                                                    [color]=\"_ColorButtonByRow('editButtonColor')\"\r\n                                                    icon=\"edit\"\r\n                                                    [tooltip]=\"_GetTooltip('Edit', row)\"\r\n                                                    [isInvisible]=\"_isDisabled()\"\r\n                                                    [isDisabled]=\"_isLoading()\"\r\n                                                    (onClick)=\"onClickEditRow.emit(row)\"\r\n                                                ></coer-button>\r\n                                            }\r\n                                        </td>\r\n                                    }\r\n    \r\n                                    <!-- GO Button -->\r\n                                    @if(_ButtonByRow('showGoButton')) {\r\n                                        <td class=\"action-button\">\r\n                                            @if(_ButtonByRow('showGoButton', row)) {\r\n                                                <coer-button\r\n                                                    type=\"icon-no-border\"\r\n                                                    [color]=\"_ColorButtonByRow('goButtonColor')\"\r\n                                                    icon=\"go\"\r\n                                                    [tooltip]=\"_GetTooltip('Go to', row, 'detail')\"\r\n                                                    [isInvisible]=\"_isDisabled()\"\r\n                                                    [isDisabled]=\"_isLoading()\"\r\n                                                    (onClick)=\"onClickGoRow.emit(row)\"\r\n                                                ></coer-button>\r\n                                            }\r\n                                        </td>\r\n                                    }\r\n                                </tr>\r\n                            }\r\n                        </tbody>\r\n                    }\r\n                </table>\r\n            }\r\n\r\n            @else {\r\n                <!-- Grid Message -->\r\n                <div class=\"loading\" [ngStyle]=\"{ \r\n                        'width': '100%', \r\n                        'height': '100%',\r\n                        'bottom': showFooter() ? '35px' : '10px'\r\n                    }\">\r\n                    <i class=\"spinner-border\"></i>\r\n                    <span class=\"fa-fade\">Loading</span>\r\n                </div> \r\n            }\r\n        </div>\r\n    </section>\r\n\r\n    @if(showFooter()) {\r\n        <footer class=\"grid-footer\">\r\n            <span>\r\n                @if(_isLoadingMessage) {\r\n                    <span class=\"fa-fade\"> Loading </span>\r\n                }\r\n\r\n                @else if(gridLength().dataSourceSelected > 0) {\r\n                    <span>\r\n                        <i class=\"bi bi-check2-square ms-1\"></i>\r\n                        {{ gridLength().dataSourceSelected }}\r\n                    </span>\r\n                }\r\n            </span>\r\n\r\n            <span class=\"me-1\"> {{ gridLength().dataSourceFiltered | numericFormat }} Rows </span>\r\n        </footer>\r\n    }\r\n</div>", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-grid header{align-items:flex-end;justify-content:flex-end;padding-right:8px;margin:0}div.coer-grid header>div{padding:0 0 10px 10px;display:flex;align-items:baseline}div.coer-grid header>div a{height:40px!important}div.coer-grid table{table-layout:auto;border-collapse:separate;border-spacing:1px 0px;margin:0;font-size:14px}div.coer-grid table thead tr th{position:sticky!important;z-index:100!important;top:0!important;background-color:var(--gray)!important;color:var(--smoke)!important;padding:5px!important;vertical-align:middle!important;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;min-width:50px!important;white-space:nowrap!important}div.coer-grid table tbody{border:0px!important}div.coer-grid table tbody tr:not(.row-focus):hover td{color:#000!important;background-color:#f1f6ff}div.coer-grid table tbody tr td{border:0px!important;padding:5px!important;vertical-align:middle!important;white-space:break-spaces;text-overflow:ellipsis;overflow:hidden;min-height:31px!important}div.coer-grid table tbody tr.row-focus td{background-color:#cde1ff}div.coer-grid table tbody tr td.coer-textbox,div.coer-grid table tbody tr td.coer-numberbox,div.coer-grid table tbody tr td.coer-selectbox{padding:0!important;overflow:visible!important}div.coer-grid table tbody tr td.default-cell{cursor:pointer!important}div.coer-grid table thead tr th.action-button,div.coer-grid table thead tr td.action-button,div.coer-grid table thead tr th.check-box,div.coer-grid table thead tr td.check-box,div.coer-grid table tbody tr th.action-button,div.coer-grid table tbody tr td.action-button,div.coer-grid table tbody tr th.check-box table tbody tr td.check-box{text-align:center!important;cursor:default!important;min-width:40px!important;max-width:40px!important;width:40px!important;padding:0!important}div.coer-grid footer.grid-footer{display:flex;align-items:center;justify-content:space-between;font-size:small;color:#999;padding-top:5px}div.coer-grid section.grid-container{position:relative;overflow:auto}div.coer-grid div.loading,div.coer-grid div.no-data{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:25px;color:gray}div.coer-grid div.loading{background-color:#bbbbbb83!important;flex-direction:column!important;gap:10px!important;z-index:1}div.coer-grid div.loading span.fa-fade{position:relative!important;top:50px!important}div.coer-grid tr.loading{background-color:#bbbbbb83!important}div.coer-grid div.loading i.spinner-border{color:var(--primary-inner)!important;width:70px!important;height:70px!important;font-size:20px!important;position:absolute!important}div.coer-grid td.check-box div.spinner-border-container{position:absolute;transform:translate(7px,-19px)}div.coer-grid td.check-box div.spinner-border-container i.spinner-border{width:15px!important;height:15px!important;color:var(--primary-inner)!important}div.coer-grid table thead tr th.check-box>div,div.coer-grid table tbody tr td.check-box>div{display:flex;align-items:center;justify-content:center;cursor:default!important}div.coer-grid input.form-check-input{box-shadow:none!important;margin:0}div.coer-grid input[type=checkbox]{cursor:pointer!important}div.coer-grid td.group{padding:0!important;margin:0!important}div.coer-grid td.group>*{border-top:1px solid var(--gray)!important;border-bottom:1px solid var(--gray)!important;padding:0!important;margin:0!important}div.coer-grid .template,div.coer-grid .template div{white-space:nowrap!important;display:flex!important;align-items:center!important;cursor:pointer!important;gap:5px!important;width:100%}\n"] }]
         }] });
 
 class CoerList {
@@ -2846,7 +2837,7 @@ class CoerList {
         this.onDrop.emit(item);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerList, isStandalone: false, selector: "coer-list", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, propDisplay: { classPropertyName: "propDisplay", publicName: "propDisplay", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, headerIcon: { classPropertyName: "headerIcon", publicName: "headerIcon", isSignal: true, isRequired: false, transformFunction: null }, showDeleteButtonByRow: { classPropertyName: "showDeleteButtonByRow", publicName: "showDeleteButtonByRow", isSignal: true, isRequired: false, transformFunction: null }, showGoButtonByRow: { classPropertyName: "showGoButtonByRow", publicName: "showGoButtonByRow", isSignal: true, isRequired: false, transformFunction: null }, showBackButton: { classPropertyName: "showBackButton", publicName: "showBackButton", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isDraggable: { classPropertyName: "isDraggable", publicName: "isDraggable", isSignal: true, isRequired: false, transformFunction: null }, showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", 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 }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", 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 } }, outputs: { onDrop: "onDrop", onSort: "onSort", onClick: "onClick", onDoubleClick: "onDoubleClick", onClickDelete: "onClickDelete", onClickGo: "onClickGo", onClickBack: "onClickBack" }, ngImport: i0, template: "<div [id]=\"_id\" class=\"coer-list\" [ngStyle]=\"{ \r\n  'margin-top': marginTop(), \r\n  'margin-right': marginRight(), \r\n  'margin-bottom': marginBottom(), \r\n  'margin-left': marginLeft(), \r\n  }\">\r\n\r\n  @if(isLoading()) {\r\n    <!-- Grid Message -->\r\n    <div class=\"loading\">\r\n        <i class=\"spinner-border\"></i>\r\n        <span class=\"fa-fade\">Loading</span>\r\n    </div>\r\n  }\r\n\r\n  @else if(dataSource().length <= 0) {\r\n    <div class=\"no-data\"> No Data </div>\r\n  }\r\n\r\n  <header [id]=\"_id + '-header'\" class=\"row\"> \r\n    @if(header().length > 0 || headerIcon().length > 0) {\r\n      <div class=\"col-auto me-auto\">\r\n        <h6>\r\n          @if(headerIcon().length > 0) {\r\n            <i [class]=\"headerIcon()\"></i> \r\n          }\r\n\r\n          @if(header().length > 0) {\r\n            <span>{{ header() }}</span> \r\n          }\r\n        </h6>        \r\n      </div>\r\n    }\r\n\r\n    @if(_showBackButton()) {\r\n      <div class=\"col-auto ps-2 pe-0\">         \r\n        <coer-button\r\n            type=\"icon-outline\"\r\n            color=\"secondary\"\r\n            icon=\"back\"\r\n            tooltip=\"Back\"\r\n            [animation]=\"_enableAnimations\"\r\n            (onClick)=\"onClickBack.emit()\"\r\n        ></coer-button>       \r\n      </div>\r\n    }\r\n    \r\n    <!-- Search -->\r\n    @if(showSearch() && dataSource().length > 0) {\r\n      <div class=\"col-auto pe-0\">\r\n          <coer-textbox\r\n              #inputSearch \r\n              placeholder=\"Search\"\r\n              [isDisabled]=\"isLoading()\"\r\n              [selectOnFocus]=\"true\"\r\n              width=\"250px\"\r\n              marginTop=\"5px\"\r\n              marginBottom=\"5px\"\r\n              [showSearchIcon]=\"true\"\r\n              [showClearIcon]=\"true\"\r\n          ></coer-textbox>\r\n      </div>\r\n    }\r\n  </header>\r\n\r\n  <div [ngStyle]=\"{ \r\n    'width': width(), \r\n    'min-Width': MinWidth(), \r\n    'max-Width': MaxWidth(), \r\n    }\">\r\n    <ul cdkDropList (cdkDropListDropped)=\"_Drop($event)\" class='list-group coer-list'\r\n        [ngStyle]=\"{ \r\n          'height': _height, \r\n          'min-height': minHeight(), \r\n          'max-height': maxHeight(), \r\n          'd-none': dataSource().length <= 0  \r\n          }\">\r\n      \r\n      @for (item of _dataSource(); track _GetIndexRow(item)) {\r\n        <li cdkDrag \r\n          class=\"list-group-item coer-list-box\" \r\n          cdkDragBoundary=\"ul.coer-list\"\r\n          (click)=\"onClick.emit(item)\" \r\n          (dblclick)=\"onDoubleClick.emit(item)\">\r\n  \r\n          <div *cdkDragPlaceholder class=\"coer-list-placeholder cursor-grabbing\"></div>\r\n          <div class=\"coer-list-content\"> \r\n            @if(_hasTemplate()) {\r\n              <div [innerHTML]=\"_GetTemplate(item) | html\" class=\"template\"></div>\r\n            }\r\n  \r\n            @else {\r\n              <div> {{ _GetDisplay(item) }} </div> \r\n            }            \r\n            \r\n            <div>\r\n              @if(_showDeleteButtonByRow(item)) {\r\n                <coer-button\r\n                  type=\"icon-no-border\"\r\n                  color=\"secondary\"\r\n                  icon=\"delete\"      \r\n                  (onClick)=\"onClickDelete.emit(item)\"\r\n                ></coer-button>\r\n              } \r\n  \r\n              @if(_showGoButtonByRow(item)) {\r\n                <coer-button\r\n                  type=\"icon-no-border\"\r\n                  color=\"secondary\"\r\n                  icon=\"go\"   \r\n                  marginLeft=\"5px\"   \r\n                  (onClick)=\"onClickGo.emit(item)\"\r\n                ></coer-button>\r\n              } \r\n               \r\n              <i cdkDragHandle [ngClass]=\"{ \r\n                'fa-solid fa-grip-vertical text-secondary ps-2': true,\r\n                'cursor-grab': true, \r\n                'cursor-grabbing': false, \r\n                'd-none': !_isDraggable()\r\n              }\"></i>               \r\n            </div>           \r\n          </div>  \r\n        </li> \r\n      } \r\n    </ul>\r\n  </div>\r\n</div>", styles: ["div.coer-list header{align-items:center;justify-content:flex-end;padding-right:10px;margin:0}div.coer-list header h6{display:flex;align-items:center;gap:10px;min-height:40px;max-height:40px;margin-top:5px;margin-bottom:5px}div.coer-list header>div{display:flex;align-items:baseline;position:relative;z-index:1}div.coer-list ul.coer-list{width:100%;border:solid 1px #ccc;display:block;background:var(--white);border-radius:4px;overflow:auto}div.coer-list li.coer-list-box{padding:10px;border-bottom:solid 1px #ccc;color:#000000de;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;background:var(--white);font-size:14px}div.coer-list li.coer-list-box div.coer-list-content{width:100%;display:flex;align-items:center;justify-content:space-between}div.coer-list .cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}div.coer-list .cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}div.coer-list .coer-list-box:last-child{border:none}div.coer-list .coer-list.cdk-drop-list-dragging .coer-list-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}div.coer-list div.coer-list-placeholder{background:#ccc;border:dotted 3px #999;min-height:40px;transition:transform .25s cubic-bezier(0,0,.2,1)}div.coer-list div.cdk-drag-placeholder,div.coer-list ul.cdk-drop-list-dragging,div.coer-list ul.cdk-drop-list-dragging *{cursor:grabbing}div.coer-list div.loading,div.coer-list div.no-data{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:25px;color:var(--gray);z-index:1}div.coer-list div.loading{background-color:#bbbbbb83!important;flex-direction:column!important;gap:10px!important}div.coer-list div.loading span.fa-fade{position:relative!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$6.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2$6.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i2$6.CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "directive", type: i2$6.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "component", type: CoerButton, selector: "coer-button", inputs: ["id", "color", "type", "icon", "iconPosition", "path", "animation", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "height", "minHeight", "marginTop", "marginRight", "marginBottom", "marginLeft", "tooltipPosition", "tooltip"], outputs: ["onClick"] }, { kind: "component", type: CoerTextBox, selector: "coer-textbox", inputs: ["value", "id", "label", "placeholder", "textPosition", "minLength", "maxLength", "isInvalid", "isValid", "externalButton", "selectOnFocus", "showClearIcon", "showSearchIcon", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "marginTop", "marginRight", "marginBottom", "marginLeft"], outputs: ["onKeyupEnter", "onInput", "onClickClear", "onClickSearch", "onClickExternalButton"] }, { kind: "pipe", type: i9.HtmlPipe, name: "html" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerList, isStandalone: false, selector: "coer-list", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, propDisplay: { classPropertyName: "propDisplay", publicName: "propDisplay", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, headerIcon: { classPropertyName: "headerIcon", publicName: "headerIcon", isSignal: true, isRequired: false, transformFunction: null }, showDeleteButtonByRow: { classPropertyName: "showDeleteButtonByRow", publicName: "showDeleteButtonByRow", isSignal: true, isRequired: false, transformFunction: null }, showGoButtonByRow: { classPropertyName: "showGoButtonByRow", publicName: "showGoButtonByRow", isSignal: true, isRequired: false, transformFunction: null }, showBackButton: { classPropertyName: "showBackButton", publicName: "showBackButton", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isDraggable: { classPropertyName: "isDraggable", publicName: "isDraggable", isSignal: true, isRequired: false, transformFunction: null }, showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", 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 }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", 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 } }, outputs: { onDrop: "onDrop", onSort: "onSort", onClick: "onClick", onDoubleClick: "onDoubleClick", onClickDelete: "onClickDelete", onClickGo: "onClickGo", onClickBack: "onClickBack" }, ngImport: i0, template: "<div [id]=\"_id\" class=\"coer-list\" [ngStyle]=\"{ \r\n  'margin-top': marginTop(), \r\n  'margin-right': marginRight(), \r\n  'margin-bottom': marginBottom(), \r\n  'margin-left': marginLeft(), \r\n  }\">\r\n\r\n  @if(isLoading()) {\r\n    <!-- Grid Message -->\r\n    <div class=\"loading\">\r\n        <i class=\"spinner-border\"></i>\r\n        <span class=\"fa-fade\">Loading</span>\r\n    </div>\r\n  }\r\n\r\n  @else if(dataSource().length <= 0) {\r\n    <div class=\"no-data\"> No Data </div>\r\n  }\r\n\r\n  <header [id]=\"_id + '-header'\" class=\"row\"> \r\n    @if(header().length > 0 || headerIcon().length > 0) {\r\n      <div class=\"col-auto me-auto\">\r\n        <h6>\r\n          @if(headerIcon().length > 0) {\r\n            <i [class]=\"headerIcon()\"></i> \r\n          }\r\n\r\n          @if(header().length > 0) {\r\n            <span>{{ header() }}</span> \r\n          }\r\n        </h6>        \r\n      </div>\r\n    }\r\n\r\n    @if(_showBackButton()) {\r\n      <div class=\"col-auto ps-2 pe-0\">         \r\n        <coer-button\r\n            type=\"icon-outline\"\r\n            color=\"secondary\"\r\n            icon=\"back\"\r\n            tooltip=\"Back\"\r\n            [animation]=\"_enableAnimations\"\r\n            (onClick)=\"onClickBack.emit()\"\r\n        ></coer-button>       \r\n      </div>\r\n    }\r\n    \r\n    <!-- Search -->\r\n    @if(showSearch() && dataSource().length > 0) {\r\n      <div class=\"col-auto pe-0\">\r\n          <coer-textbox\r\n              #inputSearch \r\n              placeholder=\"Search\"\r\n              [isDisabled]=\"isLoading()\"\r\n              [selectOnFocus]=\"true\"\r\n              width=\"250px\"\r\n              marginTop=\"5px\"\r\n              marginBottom=\"5px\"\r\n              [showSearchIcon]=\"true\"\r\n              [showClearIcon]=\"true\"\r\n          ></coer-textbox>\r\n      </div>\r\n    }\r\n  </header>\r\n\r\n  <div [ngStyle]=\"{ \r\n    'width': width(), \r\n    'min-Width': MinWidth(), \r\n    'max-Width': MaxWidth(), \r\n    }\">\r\n    <ul cdkDropList (cdkDropListDropped)=\"_Drop($event)\" class='list-group coer-list'\r\n        [ngStyle]=\"{ \r\n          'height': _height, \r\n          'min-height': minHeight(), \r\n          'max-height': maxHeight(), \r\n          'd-none': dataSource().length <= 0  \r\n          }\">\r\n      \r\n      @for (item of _dataSource(); track _GetIndexRow(item)) {\r\n        <li cdkDrag \r\n          class=\"list-group-item coer-list-box\" \r\n          cdkDragBoundary=\"ul.coer-list\"\r\n          (click)=\"onClick.emit(item)\" \r\n          (dblclick)=\"onDoubleClick.emit(item)\">\r\n  \r\n          <div *cdkDragPlaceholder class=\"coer-list-placeholder cursor-grabbing\"></div>\r\n          <div class=\"coer-list-content\"> \r\n            @if(_hasTemplate()) {\r\n              <div [innerHTML]=\"_GetTemplate(item) | html\" class=\"template\"></div>\r\n            }\r\n  \r\n            @else {\r\n              <div> {{ _GetDisplay(item) }} </div> \r\n            }            \r\n            \r\n            <div>\r\n              @if(_showDeleteButtonByRow(item)) {\r\n                <coer-button\r\n                  type=\"icon-no-border\"\r\n                  color=\"secondary\"\r\n                  icon=\"delete\"      \r\n                  (onClick)=\"onClickDelete.emit(item)\"\r\n                ></coer-button>\r\n              } \r\n  \r\n              @if(_showGoButtonByRow(item)) {\r\n                <coer-button\r\n                  type=\"icon-no-border\"\r\n                  color=\"secondary\"\r\n                  icon=\"go\"   \r\n                  marginLeft=\"5px\"   \r\n                  (onClick)=\"onClickGo.emit(item)\"\r\n                ></coer-button>\r\n              } \r\n               \r\n              <i cdkDragHandle [ngClass]=\"{ \r\n                'fa-solid fa-grip-vertical text-secondary ps-2': true,\r\n                'cursor-grab': true, \r\n                'cursor-grabbing': false, \r\n                'd-none': !_isDraggable()\r\n              }\"></i>               \r\n            </div>           \r\n          </div>  \r\n        </li> \r\n      } \r\n    </ul>\r\n  </div>\r\n</div>", styles: ["div.coer-list header{align-items:center;justify-content:flex-end;padding-right:10px;margin:0}div.coer-list header h6{display:flex;align-items:center;gap:10px;min-height:40px;max-height:40px;margin-top:5px;margin-bottom:5px}div.coer-list header>div{display:flex;align-items:baseline;position:relative;z-index:1}div.coer-list ul.coer-list{width:100%;border:solid 1px #ccc;display:block;background:var(--white);border-radius:4px;overflow:auto}div.coer-list li.coer-list-box{padding:10px;border-bottom:solid 1px #ccc;color:#000000de;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;background:var(--white);font-size:14px}div.coer-list li.coer-list-box div.coer-list-content{width:100%;display:flex;align-items:center;justify-content:space-between}div.coer-list .cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}div.coer-list .cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}div.coer-list .coer-list-box:last-child{border:none}div.coer-list .coer-list.cdk-drop-list-dragging .coer-list-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}div.coer-list div.coer-list-placeholder{background:#ccc;border:dotted 3px #999;min-height:40px;transition:transform .25s cubic-bezier(0,0,.2,1)}div.coer-list div.cdk-drag-placeholder,div.coer-list ul.cdk-drop-list-dragging,div.coer-list ul.cdk-drop-list-dragging *{cursor:grabbing}div.coer-list div.loading,div.coer-list div.no-data{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:25px;color:var(--gray);z-index:1}div.coer-list div.loading{background-color:#bbbbbb83!important;flex-direction:column!important;gap:10px!important}div.coer-list div.loading span.fa-fade{position:relative!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$6.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2$6.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i2$6.CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "directive", type: i2$6.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "component", type: CoerButton, selector: "coer-button", inputs: ["id", "color", "type", "icon", "iconPosition", "path", "animation", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "height", "minHeight", "marginTop", "marginRight", "marginBottom", "marginLeft", "tooltipPosition", "tooltip"], outputs: ["onClick"] }, { kind: "component", type: CoerTextBox, selector: "coer-textbox", inputs: ["id", "label", "placeholder", "textPosition", "minLength", "maxLength", "isInvalid", "isValid", "externalButton", "selectOnFocus", "showClearIcon", "showSearchIcon", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "marginTop", "marginRight", "marginBottom", "marginLeft", "value"], outputs: ["onKeyupEnter", "onInput", "onClickClear", "onClickSearch", "onClickExternalButton"] }, { kind: "pipe", type: i9.HtmlPipe, name: "html" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerList, decorators: [{
             type: Component,
@@ -2931,11 +2922,11 @@ class CoerMenuOption {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerMenuOption, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.1", type: CoerMenuOption, isStandalone: false, selector: "coer-menu-option", inputs: { level: "level", label: "label", icon: "icon", path: "path", tree: "tree" }, outputs: { clickMenuOption: "clickMenuOption" }, ngImport: i0, template: "<mat-nav-list class=\"coer-menu-option\" (click)=\"ClickMenuOption('')\">\r\n    <mat-list-item>\r\n        <span [class]=\"'icon-container ' + identityClass\" [ngStyle]=\"{ 'margin-left': marginLeft }\">\r\n            <i [class]=\"_icon\"></i>\r\n        </span>\r\n\r\n        <span [class]=\"'label-container ' + identityClass\">\r\n            {{ label }}\r\n        </span>\r\n    </mat-list-item>\r\n</mat-nav-list>", styles: ["mat-nav-list.coer-menu-option{padding:0!important}mat-nav-list.coer-menu-option div,mat-nav-list.coer-menu-option span{font-size:16px!important;font-family:sans-serif!important;font-weight:700}mat-nav-list.coer-menu-option mat-list-item{padding:0 35px 0 10px!important;display:inline-flex!important;height:48px!important;color:var(--sidenav-text-inner)}mat-nav-list.coer-menu-option mat-list-item span.icon-container{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:48px!important;min-width:20px!important;max-width:20px!important;color:var(--sidenav-text-inner)}mat-nav-list.coer-menu-option mat-list-item span.icon-container i{min-height:16px!important}mat-nav-list.coer-menu-option mat-list-item span.label-container{justify-content:flex-start!important;display:inline-flex!important;height:auto!important;margin-left:10px!important;color:var(--sidenav-text-inner)}mat-nav-list.coer-menu-option mat-list-item span.icon-container.active-link,mat-nav-list.coer-menu-option mat-list-item span.label-container.active-link{color:var(--navigation-inner)!important}mat-nav-list.coer-menu-option mat-list-item:hover{background-color:color-mix(in srgb,var(--app-sidenav),white 20%)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$7.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i2$7.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.1", type: CoerMenuOption, isStandalone: false, selector: "coer-menu-option", inputs: { level: "level", label: "label", icon: "icon", path: "path", tree: "tree" }, outputs: { clickMenuOption: "clickMenuOption" }, ngImport: i0, template: "<mat-nav-list class=\"coer-menu-option\" (click)=\"ClickMenuOption('')\">\r\n    <mat-list-item>\r\n        <span [class]=\"'icon-container ' + identityClass\" [ngStyle]=\"{ 'margin-left': marginLeft }\">\r\n            <i [class]=\"_icon\"></i>\r\n        </span>\r\n\r\n        <span [class]=\"'label-container ' + identityClass\">\r\n            {{ label }}\r\n        </span>\r\n    </mat-list-item>\r\n</mat-nav-list>", styles: ["mat-nav-list.coer-menu-option{padding:0!important}mat-nav-list.coer-menu-option div,mat-nav-list.coer-menu-option span{font-size:16px!important;font-family:sans-serif!important;font-weight:700}mat-nav-list.coer-menu-option mat-list-item{padding:0 35px 0 10px!important;display:inline-flex!important;height:48px!important;color:var(--sidenav-text-inner)}mat-nav-list.coer-menu-option mat-list-item span.icon-container{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:48px!important;min-width:20px!important;max-width:20px!important;color:var(--sidenav-text-inner)}mat-nav-list.coer-menu-option mat-list-item span.icon-container i{min-height:16px!important}mat-nav-list.coer-menu-option mat-list-item span.label-container{justify-content:flex-start!important;display:inline-flex!important;height:auto!important;margin-left:10px!important;color:var(--sidenav-text-inner)}mat-nav-list.coer-menu-option mat-list-item span.icon-container.active-link,mat-nav-list.coer-menu-option mat-list-item span.label-container.active-link{color:var(--navigation-inner)!important}mat-nav-list.coer-menu-option mat-list-item:hover,mat-nav-list.coer-menu-option mat-list-item.mdc-list-item:hover:before{background-color:color-mix(in srgb,var(--app-sidenav),white 35%)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$7.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i2$7.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerMenuOption, decorators: [{
             type: Component,
-            args: [{ selector: 'coer-menu-option', standalone: false, template: "<mat-nav-list class=\"coer-menu-option\" (click)=\"ClickMenuOption('')\">\r\n    <mat-list-item>\r\n        <span [class]=\"'icon-container ' + identityClass\" [ngStyle]=\"{ 'margin-left': marginLeft }\">\r\n            <i [class]=\"_icon\"></i>\r\n        </span>\r\n\r\n        <span [class]=\"'label-container ' + identityClass\">\r\n            {{ label }}\r\n        </span>\r\n    </mat-list-item>\r\n</mat-nav-list>", styles: ["mat-nav-list.coer-menu-option{padding:0!important}mat-nav-list.coer-menu-option div,mat-nav-list.coer-menu-option span{font-size:16px!important;font-family:sans-serif!important;font-weight:700}mat-nav-list.coer-menu-option mat-list-item{padding:0 35px 0 10px!important;display:inline-flex!important;height:48px!important;color:var(--sidenav-text-inner)}mat-nav-list.coer-menu-option mat-list-item span.icon-container{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:48px!important;min-width:20px!important;max-width:20px!important;color:var(--sidenav-text-inner)}mat-nav-list.coer-menu-option mat-list-item span.icon-container i{min-height:16px!important}mat-nav-list.coer-menu-option mat-list-item span.label-container{justify-content:flex-start!important;display:inline-flex!important;height:auto!important;margin-left:10px!important;color:var(--sidenav-text-inner)}mat-nav-list.coer-menu-option mat-list-item span.icon-container.active-link,mat-nav-list.coer-menu-option mat-list-item span.label-container.active-link{color:var(--navigation-inner)!important}mat-nav-list.coer-menu-option mat-list-item:hover{background-color:color-mix(in srgb,var(--app-sidenav),white 20%)!important}\n"] }]
+            args: [{ selector: 'coer-menu-option', standalone: false, template: "<mat-nav-list class=\"coer-menu-option\" (click)=\"ClickMenuOption('')\">\r\n    <mat-list-item>\r\n        <span [class]=\"'icon-container ' + identityClass\" [ngStyle]=\"{ 'margin-left': marginLeft }\">\r\n            <i [class]=\"_icon\"></i>\r\n        </span>\r\n\r\n        <span [class]=\"'label-container ' + identityClass\">\r\n            {{ label }}\r\n        </span>\r\n    </mat-list-item>\r\n</mat-nav-list>", styles: ["mat-nav-list.coer-menu-option{padding:0!important}mat-nav-list.coer-menu-option div,mat-nav-list.coer-menu-option span{font-size:16px!important;font-family:sans-serif!important;font-weight:700}mat-nav-list.coer-menu-option mat-list-item{padding:0 35px 0 10px!important;display:inline-flex!important;height:48px!important;color:var(--sidenav-text-inner)}mat-nav-list.coer-menu-option mat-list-item span.icon-container{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:48px!important;min-width:20px!important;max-width:20px!important;color:var(--sidenav-text-inner)}mat-nav-list.coer-menu-option mat-list-item span.icon-container i{min-height:16px!important}mat-nav-list.coer-menu-option mat-list-item span.label-container{justify-content:flex-start!important;display:inline-flex!important;height:auto!important;margin-left:10px!important;color:var(--sidenav-text-inner)}mat-nav-list.coer-menu-option mat-list-item span.icon-container.active-link,mat-nav-list.coer-menu-option mat-list-item span.label-container.active-link{color:var(--navigation-inner)!important}mat-nav-list.coer-menu-option mat-list-item:hover,mat-nav-list.coer-menu-option mat-list-item.mdc-list-item:hover:before{background-color:color-mix(in srgb,var(--app-sidenav),white 35%)!important}\n"] }]
         }], propDecorators: { level: [{
                 type: Input
             }], label: [{
@@ -2961,7 +2952,8 @@ class CoerSecretBox extends ControlValue {
         this._id = Tools.GetGuid('coer-textBox');
         this._isLoadingEvent = signal(false);
         this.passwordType = true;
-        this.id = '';
+        //Inputs 
+        this.id = input('');
         this.label = input('');
         this.placeholder = input('');
         this.textPosition = input('left');
@@ -2969,9 +2961,8 @@ class CoerSecretBox extends ControlValue {
         this.maxLength = input(25);
         this.isInvalid = input(false);
         this.isValid = input(false);
-        this.showSecret = input(true);
+        this.showSecret = input(false);
         this.selectOnFocus = input(false);
-        this.showClearIcon = input(false);
         this.isLoading = input(false);
         this.isDisabled = input(false);
         this.isReadonly = input(false);
@@ -2993,11 +2984,11 @@ class CoerSecretBox extends ControlValue {
             return !this.isDisabled() && !this.isLoading() && !this.isReadonly() && !this.isInvisible();
         });
         //computed
-        this.floatLabel = computed(() => {
+        this._floatLabel = computed(() => {
             return this.label() == '' ? 'always' : 'auto';
         });
         //computed
-        this.paddingRight = computed(() => {
+        this._paddingRight = computed(() => {
             if (this._showSecret && (this.isInvalid() || this.isValid())) {
                 return '45px';
             }
@@ -3009,24 +3000,23 @@ class CoerSecretBox extends ControlValue {
             }
         });
     }
-    //Inputs
     set value(value) {
         if (Tools.IsNull(value))
             value = '';
         this.SetValue(value);
     }
     ngOnInit() {
-        this.SetEvents();
+        this._SetEvents();
     }
     //getter
     get _showSecret() {
-        return this.showSecret()
+        return !this.showSecret()
             && !this.isDisabled()
             && !this.isLoading();
     }
     //getter
     get _passwordType() {
-        return !this.showSecret()
+        return this.showSecret()
             || this.passwordType
             || this.isDisabled()
             || this.isLoading();
@@ -3036,7 +3026,7 @@ class CoerSecretBox extends ControlValue {
         return String(this._value);
     }
     /** */
-    SetEvents() {
+    _SetEvents() {
         Tools.Sleep().then(() => {
             this.element = document.getElementById(this._id);
             if (this.element) {
@@ -3105,23 +3095,26 @@ class CoerSecretBox extends ControlValue {
             this._isLoadingEvent.set(false);
         });
     }
+    /** */
+    Clear(delay = 0) {
+        this.SetValue('');
+        this.Focus(false, delay);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerSecretBox, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerSecretBox, isStandalone: false, selector: "coer-secretbox", 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 }, textPosition: { classPropertyName: "textPosition", publicName: "textPosition", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", 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 }, showSecret: { classPropertyName: "showSecret", publicName: "showSecret", isSignal: true, isRequired: false, transformFunction: null }, selectOnFocus: { classPropertyName: "selectOnFocus", publicName: "selectOnFocus", isSignal: true, isRequired: false, transformFunction: null }, showClearIcon: { classPropertyName: "showClearIcon", publicName: "showClearIcon", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", 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 }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", 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 } }, outputs: { onKeyupEnter: "onKeyupEnter", onInput: "onInput", onClickClear: "onClickClear", onClickExternalButton: "onClickExternalButton" }, providers: [CONTROL_VALUE(CoerSecretBox)], viewQueries: [{ propertyName: "matFormField", first: true, predicate: ["matFormField"], descendants: true, isSignal: true }, { propertyName: "coerTextBox", first: true, predicate: ["coerTextBox"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"coer-text-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            'd-none': isInvisible()\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 #coerTextBox matInput\r\n            [id]=\"_id\"\r\n            [type]=\"_passwordType ? 'password': 'text'\"\r\n            [placeholder]=\"placeholder()\"\r\n            [minLength]=\"minLength()\"\r\n            [maxLength]=\"maxLength()\"\r\n            [disabled]=\"!_isEnable()\"\r\n            [value]=\"_value\"\r\n            (input)=\"SetValue(coerTextBox.value)\"\r\n            (blur)=\"SetTouched(true)\"\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 class=\"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\r\n            @if(_showSecret) {\r\n                <i [ngClass]=\"{\r\n                    'fa-solid cursor-pointer': true, \r\n                    'fa-eye-slash': passwordType,\r\n                    'fa-eye': !passwordType\r\n                }\" \r\n                [ngStyle]=\"{\r\n                    'margin-right': isInvalid() || isValid() ? '25px' : '0px'\r\n                }\"\r\n                (click)=\"passwordType = !passwordType\"></i> \r\n            }\r\n        </span>\r\n    </mat-form-field> \r\n\r\n    @if(isInvisible()) {\r\n        <mat-form-field class=\"invisible\">\r\n            <input matInput [disabled]=\"true\"> \r\n        </mat-form-field> \r\n    } \r\n</div> ", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-text-box{display:flex;align-items:center}div.coer-text-box mat-form-field{position:relative!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-text-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-text-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-text-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:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-text-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:var(--black)!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-text-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:var(--primary-inner)!important}div.coer-text-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-text-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;gap:5px}div.coer-text-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-eye-slash,div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-eye{color:#caced1!important;cursor:pointer!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-eye-slash:hover,div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-eye:hover{color:#6c757d!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-text-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;cursor:wait!important}div.coer-text-box mat-form-field .placeholder,div.coer-text-box mat-form-field .placeholder *,div.coer-text-box mat-form-field .placeholder-glow,div.coer-text-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-text-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-textbox 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-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-textbox 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-textbox 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-textbox 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-textbox 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-textbox 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: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerSecretBox, isStandalone: false, selector: "coer-secretbox", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, 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 }, textPosition: { classPropertyName: "textPosition", publicName: "textPosition", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", 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 }, showSecret: { classPropertyName: "showSecret", publicName: "showSecret", isSignal: true, isRequired: false, transformFunction: null }, selectOnFocus: { classPropertyName: "selectOnFocus", publicName: "selectOnFocus", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", 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 }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", 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 }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onKeyupEnter: "onKeyupEnter", onInput: "onInput", onClickClear: "onClickClear", onClickExternalButton: "onClickExternalButton" }, providers: [CONTROL_VALUE(CoerSecretBox)], viewQueries: [{ propertyName: "matFormField", first: true, predicate: ["matFormField"], descendants: true, isSignal: true }, { propertyName: "coerTextBox", first: true, predicate: ["coerTextBox"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"coer-text-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            'd-none': isInvisible()\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 #coerTextBox matInput\r\n            [id]=\"_id\"\r\n            [type]=\"_passwordType ? 'password': 'text'\"\r\n            [placeholder]=\"placeholder()\"\r\n            [minLength]=\"minLength()\"\r\n            [maxLength]=\"maxLength()\"\r\n            [disabled]=\"!_isEnable()\"\r\n            [value]=\"_value\"\r\n            (input)=\"SetValue(coerTextBox.value)\"\r\n            (blur)=\"SetTouched(true)\"\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 class=\"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\r\n            @if(_showSecret) {\r\n                <i [ngClass]=\"{\r\n                    'fa-solid cursor-pointer': true, \r\n                    'fa-eye-slash': passwordType,\r\n                    'fa-eye': !passwordType\r\n                }\" \r\n                [ngStyle]=\"{\r\n                    'margin-right': isInvalid() || isValid() ? '25px' : '0px'\r\n                }\"\r\n                (click)=\"passwordType = !passwordType\"></i> \r\n            }\r\n        </span>\r\n    </mat-form-field> \r\n\r\n    @if(isInvisible()) {\r\n        <mat-form-field class=\"invisible\">\r\n            <input matInput [disabled]=\"true\"> \r\n        </mat-form-field> \r\n    } \r\n</div> ", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-text-box{display:flex;align-items:center}div.coer-text-box mat-form-field{position:relative!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-text-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-text-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-text-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:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-text-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:var(--black)!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-text-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:var(--primary-inner)!important}div.coer-text-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-text-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;gap:5px}div.coer-text-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-eye-slash,div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-eye{color:#caced1!important;cursor:pointer!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-eye-slash:hover,div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-eye:hover{color:#6c757d!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-text-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;cursor:wait!important}div.coer-text-box mat-form-field .placeholder,div.coer-text-box mat-form-field .placeholder *,div.coer-text-box mat-form-field .placeholder-glow,div.coer-text-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-text-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-textbox 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-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-textbox 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-textbox 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-textbox 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-textbox 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-textbox 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: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerSecretBox, decorators: [{
             type: Component,
-            args: [{ selector: 'coer-secretbox', providers: [CONTROL_VALUE(CoerSecretBox)], standalone: false, template: "<div class=\"coer-text-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            'd-none': isInvisible()\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 #coerTextBox matInput\r\n            [id]=\"_id\"\r\n            [type]=\"_passwordType ? 'password': 'text'\"\r\n            [placeholder]=\"placeholder()\"\r\n            [minLength]=\"minLength()\"\r\n            [maxLength]=\"maxLength()\"\r\n            [disabled]=\"!_isEnable()\"\r\n            [value]=\"_value\"\r\n            (input)=\"SetValue(coerTextBox.value)\"\r\n            (blur)=\"SetTouched(true)\"\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 class=\"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\r\n            @if(_showSecret) {\r\n                <i [ngClass]=\"{\r\n                    'fa-solid cursor-pointer': true, \r\n                    'fa-eye-slash': passwordType,\r\n                    'fa-eye': !passwordType\r\n                }\" \r\n                [ngStyle]=\"{\r\n                    'margin-right': isInvalid() || isValid() ? '25px' : '0px'\r\n                }\"\r\n                (click)=\"passwordType = !passwordType\"></i> \r\n            }\r\n        </span>\r\n    </mat-form-field> \r\n\r\n    @if(isInvisible()) {\r\n        <mat-form-field class=\"invisible\">\r\n            <input matInput [disabled]=\"true\"> \r\n        </mat-form-field> \r\n    } \r\n</div> ", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-text-box{display:flex;align-items:center}div.coer-text-box mat-form-field{position:relative!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-text-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-text-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-text-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:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-text-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:var(--black)!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-text-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:var(--primary-inner)!important}div.coer-text-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-text-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;gap:5px}div.coer-text-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-eye-slash,div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-eye{color:#caced1!important;cursor:pointer!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-eye-slash:hover,div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-eye:hover{color:#6c757d!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-text-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;cursor:wait!important}div.coer-text-box mat-form-field .placeholder,div.coer-text-box mat-form-field .placeholder *,div.coer-text-box mat-form-field .placeholder-glow,div.coer-text-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-text-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-textbox 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-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-textbox 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-textbox 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-textbox 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-textbox 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-textbox mat-form-field span.icon-container{transform:translate(-5px,-6px)!important}\n"] }]
+            args: [{ selector: 'coer-secretbox', providers: [CONTROL_VALUE(CoerSecretBox)], standalone: false, template: "<div class=\"coer-text-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            'd-none': isInvisible()\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 #coerTextBox matInput\r\n            [id]=\"_id\"\r\n            [type]=\"_passwordType ? 'password': 'text'\"\r\n            [placeholder]=\"placeholder()\"\r\n            [minLength]=\"minLength()\"\r\n            [maxLength]=\"maxLength()\"\r\n            [disabled]=\"!_isEnable()\"\r\n            [value]=\"_value\"\r\n            (input)=\"SetValue(coerTextBox.value)\"\r\n            (blur)=\"SetTouched(true)\"\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 class=\"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\r\n            @if(_showSecret) {\r\n                <i [ngClass]=\"{\r\n                    'fa-solid cursor-pointer': true, \r\n                    'fa-eye-slash': passwordType,\r\n                    'fa-eye': !passwordType\r\n                }\" \r\n                [ngStyle]=\"{\r\n                    'margin-right': isInvalid() || isValid() ? '25px' : '0px'\r\n                }\"\r\n                (click)=\"passwordType = !passwordType\"></i> \r\n            }\r\n        </span>\r\n    </mat-form-field> \r\n\r\n    @if(isInvisible()) {\r\n        <mat-form-field class=\"invisible\">\r\n            <input matInput [disabled]=\"true\"> \r\n        </mat-form-field> \r\n    } \r\n</div> ", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-text-box{display:flex;align-items:center}div.coer-text-box mat-form-field{position:relative!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-text-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-text-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-text-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:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-text-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:var(--black)!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-text-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:var(--primary-inner)!important}div.coer-text-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-text-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;gap:5px}div.coer-text-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-eye-slash,div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-eye{color:#caced1!important;cursor:pointer!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-eye-slash:hover,div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-eye:hover{color:#6c757d!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-text-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;cursor:wait!important}div.coer-text-box mat-form-field .placeholder,div.coer-text-box mat-form-field .placeholder *,div.coer-text-box mat-form-field .placeholder-glow,div.coer-text-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-text-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-textbox 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-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-textbox 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-textbox 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-textbox 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-textbox 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-textbox mat-form-field span.icon-container{transform:translate(-5px,-6px)!important}\n"] }]
         }], propDecorators: { value: [{
                 type: Input
-            }], id: [{
-                type: Input
             }] } });
 
 class CoerPageTitle {
     constructor() {
         //Inputs 
         this.title = input(null);
-        this.showNavigation = input(true);
+        this.showBreadcrumbs = input(true);
         this.breadcrumbs = input([]);
         this.goBack = input({ show: false });
         this.information = input({ show: false });
@@ -3146,11 +3139,11 @@ class CoerPageTitle {
             ? this.information().tooltip : 'Information';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerPageTitle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerPageTitle, isStandalone: false, selector: "coer-page-title", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, showNavigation: { classPropertyName: "showNavigation", publicName: "showNavigation", isSignal: true, isRequired: false, transformFunction: null }, breadcrumbs: { classPropertyName: "breadcrumbs", publicName: "breadcrumbs", isSignal: true, isRequired: false, transformFunction: null }, goBack: { classPropertyName: "goBack", publicName: "goBack", isSignal: true, isRequired: false, transformFunction: null }, information: { classPropertyName: "information", publicName: "information", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClickInformation: "onClickInformation" }, 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        @if(information().show) {\r\n            <coer-button\r\n                icon=\"bi bi-info-circle\"\r\n                type=\"icon-no-border\"\r\n                color=\"dark\"\r\n                [tooltip]=\"_tooltip\"\r\n                (onClick)=\"onClickInformation.emit()\"\r\n            ></coer-button> \r\n        }\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            class=\"go-back-button\"\r\n            (click)=\"(goBack().click) ? goBack().click!() : null\">\r\n            Go back\r\n        </a>\r\n    </nav>\r\n</header> ", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}header.coer-page-title{margin:15px 30px 0}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:auto;min-height:25px;font-size:small;background-color:color-mix(in srgb,var(--gray),white 90%)!important;display:flex;align-items:center;justify-content:space-between}header.coer-page-title nav a.go-back-button{min-width:60px}header.coer-page-title ol,header.coer-page-title a{margin:0;padding-left:5px;text-decoration:none;color:var(--breadcrumbs-inner)!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}\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$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: CoerButton, selector: "coer-button", inputs: ["id", "color", "type", "icon", "iconPosition", "path", "animation", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "height", "minHeight", "marginTop", "marginRight", "marginBottom", "marginLeft", "tooltipPosition", "tooltip"], outputs: ["onClick"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerPageTitle, isStandalone: false, selector: "coer-page-title", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, showBreadcrumbs: { classPropertyName: "showBreadcrumbs", publicName: "showBreadcrumbs", isSignal: true, isRequired: false, transformFunction: null }, breadcrumbs: { classPropertyName: "breadcrumbs", publicName: "breadcrumbs", isSignal: true, isRequired: false, transformFunction: null }, goBack: { classPropertyName: "goBack", publicName: "goBack", isSignal: true, isRequired: false, transformFunction: null }, information: { classPropertyName: "information", publicName: "information", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClickInformation: "onClickInformation" }, 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        @if(information().show) {\r\n            <coer-button\r\n                icon=\"bi bi-info-circle\"\r\n                type=\"icon-no-border\"\r\n                color=\"dark\"\r\n                [tooltip]=\"_tooltip\"\r\n                (onClick)=\"onClickInformation.emit()\"\r\n            ></coer-button> \r\n        }\r\n    </h2>\r\n\r\n    <!-- Navigation -->\r\n    <nav *ngIf=\"showBreadcrumbs\" 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            class=\"go-back-button\"\r\n            (click)=\"(goBack().click) ? goBack().click!() : null\">\r\n            Go back\r\n        </a>\r\n    </nav>\r\n</header> ", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}header.coer-page-title{margin:15px 30px 0}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:auto;min-height:25px;font-size:small;background-color:color-mix(in srgb,var(--gray),white 90%)!important;display:flex;align-items:center;justify-content:space-between}header.coer-page-title nav a.go-back-button{min-width:60px}header.coer-page-title ol,header.coer-page-title a{margin:0;padding-left:5px;text-decoration:none;color:var(--breadcrumbs-inner)!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}\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$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: CoerButton, selector: "coer-button", inputs: ["id", "color", "type", "icon", "iconPosition", "path", "animation", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "height", "minHeight", "marginTop", "marginRight", "marginBottom", "marginLeft", "tooltipPosition", "tooltip"], outputs: ["onClick"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerPageTitle, decorators: [{
             type: Component,
-            args: [{ selector: 'coer-page-title', standalone: false, template: "<header class=\"coer-page-title\" title=''>\r\n    <h2>\r\n        <span> {{ title() }} </span>\r\n\r\n        <!-- Button Information -->\r\n        @if(information().show) {\r\n            <coer-button\r\n                icon=\"bi bi-info-circle\"\r\n                type=\"icon-no-border\"\r\n                color=\"dark\"\r\n                [tooltip]=\"_tooltip\"\r\n                (onClick)=\"onClickInformation.emit()\"\r\n            ></coer-button> \r\n        }\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            class=\"go-back-button\"\r\n            (click)=\"(goBack().click) ? goBack().click!() : null\">\r\n            Go back\r\n        </a>\r\n    </nav>\r\n</header> ", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}header.coer-page-title{margin:15px 30px 0}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:auto;min-height:25px;font-size:small;background-color:color-mix(in srgb,var(--gray),white 90%)!important;display:flex;align-items:center;justify-content:space-between}header.coer-page-title nav a.go-back-button{min-width:60px}header.coer-page-title ol,header.coer-page-title a{margin:0;padding-left:5px;text-decoration:none;color:var(--breadcrumbs-inner)!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}\n"] }]
+            args: [{ selector: 'coer-page-title', standalone: false, template: "<header class=\"coer-page-title\" title=''>\r\n    <h2>\r\n        <span> {{ title() }} </span>\r\n\r\n        <!-- Button Information -->\r\n        @if(information().show) {\r\n            <coer-button\r\n                icon=\"bi bi-info-circle\"\r\n                type=\"icon-no-border\"\r\n                color=\"dark\"\r\n                [tooltip]=\"_tooltip\"\r\n                (onClick)=\"onClickInformation.emit()\"\r\n            ></coer-button> \r\n        }\r\n    </h2>\r\n\r\n    <!-- Navigation -->\r\n    <nav *ngIf=\"showBreadcrumbs\" 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            class=\"go-back-button\"\r\n            (click)=\"(goBack().click) ? goBack().click!() : null\">\r\n            Go back\r\n        </a>\r\n    </nav>\r\n</header> ", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}header.coer-page-title{margin:15px 30px 0}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:auto;min-height:25px;font-size:small;background-color:color-mix(in srgb,var(--gray),white 90%)!important;display:flex;align-items:center;justify-content:space-between}header.coer-page-title nav a.go-back-button{min-width:60px}header.coer-page-title ol,header.coer-page-title a{margin:0;padding-left:5px;text-decoration:none;color:var(--breadcrumbs-inner)!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}\n"] }]
         }] });
 
 class CoerTreeAccordion {
@@ -3269,11 +3262,11 @@ class CoerTreeAccordion {
         this.ClickMenuOption(menuOption, true);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerTreeAccordion, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerTreeAccordion, isStandalone: false, selector: "coer-tree-accordion", inputs: { level: "level", item: "item", tree: "tree", showTree: "showTree" }, outputs: { showGridMenu: "showGridMenu", clickMenuOption: "clickMenuOption", clickMenu: "clickMenu" }, viewQueries: [{ propertyName: "expansionPanel", first: true, predicate: ["expansionPanel"], descendants: true }, { propertyName: "menuList", predicate: CoerTreeAccordion, descendants: true }], ngImport: i0, template: "<mat-accordion class=\"coer-tree-accordion\">\r\n    <mat-expansion-panel #expansionPanel [class]=\"'coer-tree-accordion-' + identityClass\">\r\n\r\n        <!-- Header -->\r\n        <mat-expansion-panel-header (click)=\"Toggle()\"\r\n            [class]=\"identityClass\"\r\n            [ngClass]=\"{\r\n                'background-navigation': (isExpanded && level == 1),\r\n                'text-navigation': IsActive(iconContainer)\r\n            }\">\r\n            <mat-panel-description>\r\n                <span #iconContainer\r\n                    [ngStyle]=\"{ 'margin-left': marginLeft }\"\r\n                    [class]=\"identityClass\"\r\n                    [ngClass]=\"{\r\n                        'icon-container': true,\r\n                        'text-navigation': IsActive(iconContainer)\r\n                    }\"> <i [class]=\"_icon\"></i> </span>\r\n\r\n                <span #labelContainer\r\n                    [class]=\"identityClass\"\r\n                    [ngClass]=\"{\r\n                        'label-container': true,\r\n                        'text-navigation': IsActive(labelContainer)\r\n                    }\"> {{ item.label }} </span>\r\n            </mat-panel-description>\r\n        </mat-expansion-panel-header>\r\n\r\n\r\n        @if(showTree) { \r\n            <div *ngFor=\"let subItem of item.items\">\r\n                <!-- Sub Menu -->\r\n                <div *ngIf=\"IsMenu(subItem); else isOption\"> \r\n                    @if(IsGrid(subItem)) {\r\n                        <coer-menu-option\r\n                            [label]=\"subItem.label\"\r\n                            [icon]=\"GetGridIcon(subItem!.icon)\"\r\n                            path='menu'\r\n                            [level]=\"level + 1\"\r\n                            [tree]=\"_tree\"\r\n                            (clickMenuOption)=\"ShowGridMenu($event, subItem)\"\r\n                        ></coer-menu-option>\r\n                    }\r\n\r\n                    @else {\r\n                        <coer-tree-accordion\r\n                            [level]=\"level + 1\"\r\n                            [item]=\"subItem\"\r\n                            [tree]=\"_tree\"\r\n                            (clickMenuOption)=\"ClickMenuOption($event)\"\r\n                            (clickMenu)=\"ClickMenu($event)\"\r\n                        ></coer-tree-accordion> \r\n                    }\r\n                </div>\r\n\r\n                <!-- Option Menu -->\r\n                <ng-template #isOption>\r\n                    <coer-menu-option\r\n                        [label]=\"subItem.label\"\r\n                        [icon]=\"subItem?.icon\"\r\n                        [path]=\"subItem?.path\"\r\n                        [level]=\"level + 1\"\r\n                        [tree]=\"_tree\"\r\n                        (clickMenuOption)=\"ClickMenuOption($event)\"\r\n                    ></coer-menu-option>\r\n                </ng-template>\r\n\r\n                <div class=\"separator\"></div>\r\n            </div>\r\n        }\r\n    </mat-expansion-panel>\r\n</mat-accordion>", styles: ["mat-accordion.coer-tree-accordion div,mat-accordion.coer-tree-accordion span{font-size:16px!important;font-family:sans-serif!important;font-weight:700}mat-accordion.coer-tree-accordion mat-expansion-panel{background-color:var(--sidenav-inner)!important;box-shadow:none!important;border-radius:0!important}mat-accordion.coer-tree-accordion mat-expansion-panel div.mat-expansion-panel-body{padding:0!important}mat-accordion.coer-tree-accordion mat-expansion-panel div.separator{border:.5px solid rgba(245,245,245,.041)!important}mat-accordion.coer-tree-accordion mat-expansion-panel span::selection{background-color:transparent!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header{padding:0 10px;height:48px!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header span.mat-expansion-indicator{width:10px!important;margin-left:15px!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header span.mat-expansion-indicator:after{color:var(--background-inner)!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header mat-panel-description{margin-right:0!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header mat-panel-description span.icon-container{height:48px!important;min-width:20px!important;max-width:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--background-inner)}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header mat-panel-description span.label-container{height:48px!important;margin-left:10px!important;display:flex!important;align-items:center!important;color:var(--background-inner)}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header.text-navigation span.mat-expansion-indicator:after{color:var(--navigation-inner)!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header:not(.background-navigation):hover{background-color:color-mix(in srgb,var(--app-sidenav),white 20%)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i2.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: CoerMenuOption, selector: "coer-menu-option", inputs: ["level", "label", "icon", "path", "tree"], outputs: ["clickMenuOption"] }, { kind: "component", type: CoerTreeAccordion, selector: "coer-tree-accordion", inputs: ["level", "item", "tree", "showTree"], outputs: ["showGridMenu", "clickMenuOption", "clickMenu"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerTreeAccordion, isStandalone: false, selector: "coer-tree-accordion", inputs: { level: "level", item: "item", tree: "tree", showTree: "showTree" }, outputs: { showGridMenu: "showGridMenu", clickMenuOption: "clickMenuOption", clickMenu: "clickMenu" }, viewQueries: [{ propertyName: "expansionPanel", first: true, predicate: ["expansionPanel"], descendants: true }, { propertyName: "menuList", predicate: CoerTreeAccordion, descendants: true }], ngImport: i0, template: "<mat-accordion class=\"coer-tree-accordion\">\r\n    <mat-expansion-panel #expansionPanel [class]=\"'coer-tree-accordion-' + identityClass\">\r\n\r\n        <!-- Header -->\r\n        <mat-expansion-panel-header (click)=\"Toggle()\"\r\n            [class]=\"identityClass\"\r\n            [ngClass]=\"{\r\n                'background-navigation': (isExpanded && level == 1),\r\n                'text-navigation': IsActive(iconContainer)\r\n            }\">\r\n            <mat-panel-description>\r\n                <span #iconContainer\r\n                    [ngStyle]=\"{ 'margin-left': marginLeft }\"\r\n                    [class]=\"identityClass\"\r\n                    [ngClass]=\"{\r\n                        'icon-container': true,\r\n                        'text-navigation': IsActive(iconContainer)\r\n                    }\"> <i [class]=\"_icon\"></i> </span>\r\n\r\n                <span #labelContainer\r\n                    [class]=\"identityClass\"\r\n                    [ngClass]=\"{\r\n                        'label-container': true,\r\n                        'text-navigation': IsActive(labelContainer)\r\n                    }\"> {{ item.label }} </span>\r\n            </mat-panel-description>\r\n        </mat-expansion-panel-header>\r\n\r\n\r\n        @if(showTree) { \r\n            <div *ngFor=\"let subItem of item.items\">\r\n                <!-- Sub Menu -->\r\n                <div *ngIf=\"IsMenu(subItem); else isOption\"> \r\n                    @if(IsGrid(subItem)) {\r\n                        <coer-menu-option\r\n                            [label]=\"subItem.label\"\r\n                            [icon]=\"GetGridIcon(subItem!.icon)\"\r\n                            path='menu'\r\n                            [level]=\"level + 1\"\r\n                            [tree]=\"_tree\"\r\n                            (clickMenuOption)=\"ShowGridMenu($event, subItem)\"\r\n                        ></coer-menu-option>\r\n                    }\r\n\r\n                    @else {\r\n                        <coer-tree-accordion\r\n                            [level]=\"level + 1\"\r\n                            [item]=\"subItem\"\r\n                            [tree]=\"_tree\"\r\n                            (clickMenuOption)=\"ClickMenuOption($event)\"\r\n                            (clickMenu)=\"ClickMenu($event)\"\r\n                        ></coer-tree-accordion> \r\n                    }\r\n                </div>\r\n\r\n                <!-- Option Menu -->\r\n                <ng-template #isOption>\r\n                    <coer-menu-option\r\n                        [label]=\"subItem.label\"\r\n                        [icon]=\"subItem?.icon\"\r\n                        [path]=\"subItem?.path\"\r\n                        [level]=\"level + 1\"\r\n                        [tree]=\"_tree\"\r\n                        (clickMenuOption)=\"ClickMenuOption($event)\"\r\n                    ></coer-menu-option>\r\n                </ng-template>\r\n\r\n                <div class=\"separator\"></div>\r\n            </div>\r\n        }\r\n    </mat-expansion-panel>\r\n</mat-accordion>", styles: ["mat-accordion.coer-tree-accordion div,mat-accordion.coer-tree-accordion span{font-size:16px!important;font-family:sans-serif!important;font-weight:700}mat-accordion.coer-tree-accordion mat-expansion-panel{background-color:var(--sidenav-inner)!important;box-shadow:none!important;border-radius:0!important}mat-accordion.coer-tree-accordion mat-expansion-panel div.mat-expansion-panel-body{padding:0!important}mat-accordion.coer-tree-accordion mat-expansion-panel div.separator{border:.5px solid rgba(245,245,245,.041)!important}mat-accordion.coer-tree-accordion mat-expansion-panel span::selection{background-color:transparent!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header{padding:0 10px;height:48px!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header span.mat-content mat-panel-description{margin-right:0!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header span.mat-content mat-panel-description span.icon-container{height:48px!important;min-width:20px!important;max-width:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--sidenav-text-inner)}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header span.mat-content mat-panel-description span.label-container{height:48px!important;margin-left:10px!important;display:flex!important;align-items:center!important;color:var(--sidenav-text-inner)}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header span.mat-expansion-indicator{width:10px!important;margin-left:15px!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header span.mat-expansion-indicator:after{color:var(--sidenav-text-inner)!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header.text-navigation span.mat-expansion-indicator:after{color:var(--navigation-inner)!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header.cdk-focused{background-color:var(--sidenav-inner)!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header.mat-expanded{background-color:var(--navigation-inner)!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header.background-navigation:hover{background-color:color-mix(in srgb,var(--navigation-inner),white 10%)!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel mat-expansion-panel-header.mat-expanded{background-color:var(--sidenav-inner)!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header:not(.background-navigation):hover,mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel mat-expansion-panel-header:not(.background-navigation):hover{background-color:color-mix(in srgb,var(--app-sidenav),white 30%)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i2.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: CoerMenuOption, selector: "coer-menu-option", inputs: ["level", "label", "icon", "path", "tree"], outputs: ["clickMenuOption"] }, { kind: "component", type: CoerTreeAccordion, selector: "coer-tree-accordion", inputs: ["level", "item", "tree", "showTree"], outputs: ["showGridMenu", "clickMenuOption", "clickMenu"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerTreeAccordion, decorators: [{
             type: Component,
-            args: [{ selector: 'coer-tree-accordion', standalone: false, template: "<mat-accordion class=\"coer-tree-accordion\">\r\n    <mat-expansion-panel #expansionPanel [class]=\"'coer-tree-accordion-' + identityClass\">\r\n\r\n        <!-- Header -->\r\n        <mat-expansion-panel-header (click)=\"Toggle()\"\r\n            [class]=\"identityClass\"\r\n            [ngClass]=\"{\r\n                'background-navigation': (isExpanded && level == 1),\r\n                'text-navigation': IsActive(iconContainer)\r\n            }\">\r\n            <mat-panel-description>\r\n                <span #iconContainer\r\n                    [ngStyle]=\"{ 'margin-left': marginLeft }\"\r\n                    [class]=\"identityClass\"\r\n                    [ngClass]=\"{\r\n                        'icon-container': true,\r\n                        'text-navigation': IsActive(iconContainer)\r\n                    }\"> <i [class]=\"_icon\"></i> </span>\r\n\r\n                <span #labelContainer\r\n                    [class]=\"identityClass\"\r\n                    [ngClass]=\"{\r\n                        'label-container': true,\r\n                        'text-navigation': IsActive(labelContainer)\r\n                    }\"> {{ item.label }} </span>\r\n            </mat-panel-description>\r\n        </mat-expansion-panel-header>\r\n\r\n\r\n        @if(showTree) { \r\n            <div *ngFor=\"let subItem of item.items\">\r\n                <!-- Sub Menu -->\r\n                <div *ngIf=\"IsMenu(subItem); else isOption\"> \r\n                    @if(IsGrid(subItem)) {\r\n                        <coer-menu-option\r\n                            [label]=\"subItem.label\"\r\n                            [icon]=\"GetGridIcon(subItem!.icon)\"\r\n                            path='menu'\r\n                            [level]=\"level + 1\"\r\n                            [tree]=\"_tree\"\r\n                            (clickMenuOption)=\"ShowGridMenu($event, subItem)\"\r\n                        ></coer-menu-option>\r\n                    }\r\n\r\n                    @else {\r\n                        <coer-tree-accordion\r\n                            [level]=\"level + 1\"\r\n                            [item]=\"subItem\"\r\n                            [tree]=\"_tree\"\r\n                            (clickMenuOption)=\"ClickMenuOption($event)\"\r\n                            (clickMenu)=\"ClickMenu($event)\"\r\n                        ></coer-tree-accordion> \r\n                    }\r\n                </div>\r\n\r\n                <!-- Option Menu -->\r\n                <ng-template #isOption>\r\n                    <coer-menu-option\r\n                        [label]=\"subItem.label\"\r\n                        [icon]=\"subItem?.icon\"\r\n                        [path]=\"subItem?.path\"\r\n                        [level]=\"level + 1\"\r\n                        [tree]=\"_tree\"\r\n                        (clickMenuOption)=\"ClickMenuOption($event)\"\r\n                    ></coer-menu-option>\r\n                </ng-template>\r\n\r\n                <div class=\"separator\"></div>\r\n            </div>\r\n        }\r\n    </mat-expansion-panel>\r\n</mat-accordion>", styles: ["mat-accordion.coer-tree-accordion div,mat-accordion.coer-tree-accordion span{font-size:16px!important;font-family:sans-serif!important;font-weight:700}mat-accordion.coer-tree-accordion mat-expansion-panel{background-color:var(--sidenav-inner)!important;box-shadow:none!important;border-radius:0!important}mat-accordion.coer-tree-accordion mat-expansion-panel div.mat-expansion-panel-body{padding:0!important}mat-accordion.coer-tree-accordion mat-expansion-panel div.separator{border:.5px solid rgba(245,245,245,.041)!important}mat-accordion.coer-tree-accordion mat-expansion-panel span::selection{background-color:transparent!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header{padding:0 10px;height:48px!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header span.mat-expansion-indicator{width:10px!important;margin-left:15px!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header span.mat-expansion-indicator:after{color:var(--background-inner)!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header mat-panel-description{margin-right:0!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header mat-panel-description span.icon-container{height:48px!important;min-width:20px!important;max-width:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--background-inner)}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header mat-panel-description span.label-container{height:48px!important;margin-left:10px!important;display:flex!important;align-items:center!important;color:var(--background-inner)}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header.text-navigation span.mat-expansion-indicator:after{color:var(--navigation-inner)!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header:not(.background-navigation):hover{background-color:color-mix(in srgb,var(--app-sidenav),white 20%)!important}\n"] }]
+            args: [{ selector: 'coer-tree-accordion', standalone: false, template: "<mat-accordion class=\"coer-tree-accordion\">\r\n    <mat-expansion-panel #expansionPanel [class]=\"'coer-tree-accordion-' + identityClass\">\r\n\r\n        <!-- Header -->\r\n        <mat-expansion-panel-header (click)=\"Toggle()\"\r\n            [class]=\"identityClass\"\r\n            [ngClass]=\"{\r\n                'background-navigation': (isExpanded && level == 1),\r\n                'text-navigation': IsActive(iconContainer)\r\n            }\">\r\n            <mat-panel-description>\r\n                <span #iconContainer\r\n                    [ngStyle]=\"{ 'margin-left': marginLeft }\"\r\n                    [class]=\"identityClass\"\r\n                    [ngClass]=\"{\r\n                        'icon-container': true,\r\n                        'text-navigation': IsActive(iconContainer)\r\n                    }\"> <i [class]=\"_icon\"></i> </span>\r\n\r\n                <span #labelContainer\r\n                    [class]=\"identityClass\"\r\n                    [ngClass]=\"{\r\n                        'label-container': true,\r\n                        'text-navigation': IsActive(labelContainer)\r\n                    }\"> {{ item.label }} </span>\r\n            </mat-panel-description>\r\n        </mat-expansion-panel-header>\r\n\r\n\r\n        @if(showTree) { \r\n            <div *ngFor=\"let subItem of item.items\">\r\n                <!-- Sub Menu -->\r\n                <div *ngIf=\"IsMenu(subItem); else isOption\"> \r\n                    @if(IsGrid(subItem)) {\r\n                        <coer-menu-option\r\n                            [label]=\"subItem.label\"\r\n                            [icon]=\"GetGridIcon(subItem!.icon)\"\r\n                            path='menu'\r\n                            [level]=\"level + 1\"\r\n                            [tree]=\"_tree\"\r\n                            (clickMenuOption)=\"ShowGridMenu($event, subItem)\"\r\n                        ></coer-menu-option>\r\n                    }\r\n\r\n                    @else {\r\n                        <coer-tree-accordion\r\n                            [level]=\"level + 1\"\r\n                            [item]=\"subItem\"\r\n                            [tree]=\"_tree\"\r\n                            (clickMenuOption)=\"ClickMenuOption($event)\"\r\n                            (clickMenu)=\"ClickMenu($event)\"\r\n                        ></coer-tree-accordion> \r\n                    }\r\n                </div>\r\n\r\n                <!-- Option Menu -->\r\n                <ng-template #isOption>\r\n                    <coer-menu-option\r\n                        [label]=\"subItem.label\"\r\n                        [icon]=\"subItem?.icon\"\r\n                        [path]=\"subItem?.path\"\r\n                        [level]=\"level + 1\"\r\n                        [tree]=\"_tree\"\r\n                        (clickMenuOption)=\"ClickMenuOption($event)\"\r\n                    ></coer-menu-option>\r\n                </ng-template>\r\n\r\n                <div class=\"separator\"></div>\r\n            </div>\r\n        }\r\n    </mat-expansion-panel>\r\n</mat-accordion>", styles: ["mat-accordion.coer-tree-accordion div,mat-accordion.coer-tree-accordion span{font-size:16px!important;font-family:sans-serif!important;font-weight:700}mat-accordion.coer-tree-accordion mat-expansion-panel{background-color:var(--sidenav-inner)!important;box-shadow:none!important;border-radius:0!important}mat-accordion.coer-tree-accordion mat-expansion-panel div.mat-expansion-panel-body{padding:0!important}mat-accordion.coer-tree-accordion mat-expansion-panel div.separator{border:.5px solid rgba(245,245,245,.041)!important}mat-accordion.coer-tree-accordion mat-expansion-panel span::selection{background-color:transparent!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header{padding:0 10px;height:48px!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header span.mat-content mat-panel-description{margin-right:0!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header span.mat-content mat-panel-description span.icon-container{height:48px!important;min-width:20px!important;max-width:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--sidenav-text-inner)}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header span.mat-content mat-panel-description span.label-container{height:48px!important;margin-left:10px!important;display:flex!important;align-items:center!important;color:var(--sidenav-text-inner)}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header span.mat-expansion-indicator{width:10px!important;margin-left:15px!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header span.mat-expansion-indicator:after{color:var(--sidenav-text-inner)!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header.text-navigation span.mat-expansion-indicator:after{color:var(--navigation-inner)!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header.cdk-focused{background-color:var(--sidenav-inner)!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header.mat-expanded{background-color:var(--navigation-inner)!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header.background-navigation:hover{background-color:color-mix(in srgb,var(--navigation-inner),white 10%)!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel mat-expansion-panel-header.mat-expanded{background-color:var(--sidenav-inner)!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header:not(.background-navigation):hover,mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel mat-expansion-panel-header:not(.background-navigation):hover{background-color:color-mix(in srgb,var(--app-sidenav),white 30%)!important}\n"] }]
         }], propDecorators: { expansionPanel: [{
                 type: ViewChild,
                 args: ['expansionPanel']
@@ -3721,10 +3714,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
 
 class CoerTab {
     constructor() {
+        //Elements
+        this._matTabGroup = viewChild.required('matTabGroup');
         //Variables
         this._id = Tools.GetGuid('coer-tab');
         this._selectedIndex = signal(0);
-        this.matTabGroup = viewChild.required('matTabGroup');
         this._tooltipList = [];
         //Inputs
         this.height = input('auto');
@@ -3734,7 +3728,8 @@ class CoerTab {
         this.onSelectedTab = output();
         //getter
         this.selectedTab = computed(() => {
-            return this.contentList[this._selectedIndex()];
+            const index = this._selectedIndex();
+            return this._contentList[index];
         });
     }
     set selectedIndex(value) {
@@ -3743,11 +3738,11 @@ class CoerTab {
         }
     }
     set alignTabs(value) {
-        if (Tools.IsNotNull(this._matTabGroup)) {
+        if (Tools.IsNotNull(this._htmlElement)) {
             if (Tools.IsNotNull(value)) {
-                this._matTabGroup.removeAttribute('mat-align-tabs');
+                this._htmlElement.removeAttribute('mat-align-tabs');
                 Tools.Sleep().then(() => {
-                    this._matTabGroup.setAttribute('mat-align-tabs', value);
+                    this._htmlElement.setAttribute('mat-align-tabs', value);
                 });
             }
         }
@@ -3755,11 +3750,11 @@ class CoerTab {
             Tools.Sleep().then(() => this.alignTabs = value);
     }
     //getter
-    get contentList() {
+    get _contentList() {
         return Array.from(this.contentRef._results);
     }
     ngAfterViewInit() {
-        this._matTabGroup = this.matTabGroup()._elementRef.nativeElement;
+        this._htmlElement = this._matTabGroup()._elementRef.nativeElement;
     }
     ngOnDestroy() {
         for (const _tooltip of this._tooltipList) {
@@ -3767,27 +3762,27 @@ class CoerTab {
         }
     }
     /** */
-    SelectedIndexChange(selectedIndex) {
+    _SelectedIndexChange(selectedIndex) {
         this._selectedIndex.set(selectedIndex);
-        this.onSelectedTab.emit(this.contentList[selectedIndex]);
+        this.onSelectedTab.emit(this._contentList[selectedIndex]);
     }
     /** */
-    GetTitle(tab) {
-        const ref = this.contentList.find(x => x.coerRef() == tab.coerRef());
+    _GetTitle(tab) {
+        const ref = this._contentList.find(x => x.coerRef() == tab.coerRef());
         return (ref.title().length > 0) ? ref.title() : ref.coerRef();
     }
     /** */
-    GetIcon(tab) {
-        return this.contentList.find(x => x.coerRef() == tab.coerRef()).icon();
+    _GetIcon(tab) {
+        return this._contentList.find(x => x.coerRef() == tab.coerRef()).icon();
     }
     /** */
     SelectTabBy(callback) {
-        const index = this.contentList.findIndex(callback);
+        const index = this._contentList.findIndex(callback);
         if (index >= 0)
             this._selectedIndex.set(index);
     }
     /** */
-    SetToolTip(tab) {
+    _SetToolTip(tab) {
         const id = `${this._id}-${tab.coerRef()}`;
         if (!this._tooltipList.some(x => x.id == id) && tab.tooltip().length > 0) {
             this._tooltipList.push({ id });
@@ -3812,18 +3807,18 @@ class CoerTab {
         return id;
     }
     /** */
-    RemoveTooltip(element) {
+    _RemoveTooltip(element) {
         const id = element.getAttribute('id');
         const index = this._tooltipList.findIndex(x => x.id == id);
         if (index >= 0)
             this._tooltipList.splice(index, 1);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerTab, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerTab, isStandalone: false, selector: "coer-tab", inputs: { height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: false, isRequired: false, transformFunction: null }, alignTabs: { classPropertyName: "alignTabs", publicName: "alignTabs", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onSelectedTab: "onSelectedTab" }, queries: [{ propertyName: "contentRef", predicate: CoerRefDirective }], viewQueries: [{ propertyName: "matTabGroup", first: true, predicate: ["matTabGroup"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"coer-tab\">\r\n    <mat-tab-group #matTabGroup\r\n        mat-stretch-tabs=\"false\"\r\n        [selectedIndex]=\"_selectedIndex()\"\r\n        (selectedIndexChange)=\"SelectedIndexChange($event)\">\r\n\r\n        @for(tab of contentList; track tab.coerRef()) {\r\n            @if(tab.show()) {\r\n                <mat-tab [label]=\"tab.coerRef()\" [disabled]=\"tab.isDisabled()\">\r\n                    <ng-template mat-tab-label>\r\n                        <span [id]=\"SetToolTip(tab)\" class=\"tab\" lifecycle (onDestroy)=\"RemoveTooltip($event)\">\r\n                            <i [class]=\"GetIcon(tab)\"></i>\r\n                            <span [class]=\"GetIcon(tab).length > 0 ? 'ms-2' : ''\">\r\n                                {{ GetTitle(tab) }}\r\n                            </span>\r\n                        </span>\r\n                    </ng-template>\r\n\r\n                    <ng-template matTabContent>\r\n                        <div class=\"tab-content\"\r\n                            [ngStyle]=\"{\r\n                                'height': height(),\r\n                                'min-height': minHeight(),\r\n                                'max-height': maxHeight()\r\n                            }\">\r\n\r\n                            <ng-container [ngTemplateOutlet]=\"tab.template\"></ng-container>\r\n                        </div>\r\n                    </ng-template>\r\n                </mat-tab>\r\n            }\r\n        }\r\n    </mat-tab-group>\r\n</div>  ", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header{background-color:#f5f5f562!important;border-bottom:1px solid var(--smoke)!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header div.mat-mdc-tab-label-container div.mat-mdc-tab-list div.mat-mdc-tab-labels div.mdc-tab.mat-mdc-tab{padding:0!important;height:35px!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header div.mat-mdc-tab-label-container div.mat-mdc-tab-list div.mat-mdc-tab-labels div.mdc-tab--active.mdc-tab-indicator--active *{color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header span.tab{padding:10px 20px!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper{overflow:visible!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body{overflow:visible!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body div.mat-mdc-tab-body-content{width:auto!important;overflow-x:auto!important;overflow-y:visible!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body div.mat-mdc-tab-body-content div.tab-content{padding:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$9.MatTabContent, selector: "[matTabContent]" }, { kind: "directive", type: i2$9.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i2$9.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i2$9.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "directive", type: i3$3.LifeCycleDirective, selector: "[lifecycle]", outputs: ["OnChanges", "onInit", "afterViewInit", "onDestroy"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerTab, isStandalone: false, selector: "coer-tab", inputs: { height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: false, isRequired: false, transformFunction: null }, alignTabs: { classPropertyName: "alignTabs", publicName: "alignTabs", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onSelectedTab: "onSelectedTab" }, queries: [{ propertyName: "contentRef", predicate: CoerRefDirective }], viewQueries: [{ propertyName: "_matTabGroup", first: true, predicate: ["matTabGroup"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"coer-tab\">\r\n    <mat-tab-group #matTabGroup\r\n        mat-stretch-tabs=\"false\"\r\n        [selectedIndex]=\"_selectedIndex()\"\r\n        (selectedIndexChange)=\"_SelectedIndexChange($event)\">\r\n\r\n        @for(tab of _contentList; track tab.coerRef()) {\r\n            @if(tab.show()) {\r\n                <mat-tab [label]=\"tab.coerRef()\" [disabled]=\"tab.isDisabled()\">\r\n                    <ng-template mat-tab-label>\r\n                        <span [id]=\"_SetToolTip(tab)\" class=\"tab\" lifecycle (onDestroy)=\"_RemoveTooltip($event)\">\r\n                            <i [class]=\"_GetIcon(tab)\"></i>\r\n                            <span [class]=\"_GetIcon(tab).length > 0 ? 'ms-2' : ''\">\r\n                                {{ _GetTitle(tab) }}\r\n                            </span>\r\n                        </span>\r\n                    </ng-template>\r\n\r\n                    <ng-template matTabContent>\r\n                        <div class=\"tab-content\"\r\n                            [ngStyle]=\"{\r\n                                'height': height(),\r\n                                'min-height': minHeight(),\r\n                                'max-height': maxHeight()\r\n                            }\">\r\n\r\n                            <ng-container [ngTemplateOutlet]=\"tab.template\"></ng-container>\r\n                        </div>\r\n                    </ng-template>\r\n                </mat-tab>\r\n            }\r\n        }\r\n    </mat-tab-group>\r\n</div>  ", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header{background-color:#f5f5f562!important;border-bottom:1px solid var(--smoke)!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header div.mat-mdc-tab-label-container div.mat-mdc-tab-list div.mat-mdc-tab-labels div.mdc-tab.mat-mdc-tab{padding:0!important;height:35px!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header div.mat-mdc-tab-label-container div.mat-mdc-tab-list div.mat-mdc-tab-labels div.mdc-tab--active.mdc-tab-indicator--active *{color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header span.tab{padding:10px 20px!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper{overflow:visible!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body{overflow:visible!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body div.mat-mdc-tab-body-content{width:auto!important;overflow-x:auto!important;overflow-y:visible!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body div.mat-mdc-tab-body-content div.tab-content{padding:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$9.MatTabContent, selector: "[matTabContent]" }, { kind: "directive", type: i2$9.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i2$9.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i2$9.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "directive", type: i3$3.LifeCycleDirective, selector: "[lifecycle]", outputs: ["OnChanges", "onInit", "afterViewInit", "onDestroy"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerTab, decorators: [{
             type: Component,
-            args: [{ selector: 'coer-tab', standalone: false, template: "<div class=\"coer-tab\">\r\n    <mat-tab-group #matTabGroup\r\n        mat-stretch-tabs=\"false\"\r\n        [selectedIndex]=\"_selectedIndex()\"\r\n        (selectedIndexChange)=\"SelectedIndexChange($event)\">\r\n\r\n        @for(tab of contentList; track tab.coerRef()) {\r\n            @if(tab.show()) {\r\n                <mat-tab [label]=\"tab.coerRef()\" [disabled]=\"tab.isDisabled()\">\r\n                    <ng-template mat-tab-label>\r\n                        <span [id]=\"SetToolTip(tab)\" class=\"tab\" lifecycle (onDestroy)=\"RemoveTooltip($event)\">\r\n                            <i [class]=\"GetIcon(tab)\"></i>\r\n                            <span [class]=\"GetIcon(tab).length > 0 ? 'ms-2' : ''\">\r\n                                {{ GetTitle(tab) }}\r\n                            </span>\r\n                        </span>\r\n                    </ng-template>\r\n\r\n                    <ng-template matTabContent>\r\n                        <div class=\"tab-content\"\r\n                            [ngStyle]=\"{\r\n                                'height': height(),\r\n                                'min-height': minHeight(),\r\n                                'max-height': maxHeight()\r\n                            }\">\r\n\r\n                            <ng-container [ngTemplateOutlet]=\"tab.template\"></ng-container>\r\n                        </div>\r\n                    </ng-template>\r\n                </mat-tab>\r\n            }\r\n        }\r\n    </mat-tab-group>\r\n</div>  ", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header{background-color:#f5f5f562!important;border-bottom:1px solid var(--smoke)!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header div.mat-mdc-tab-label-container div.mat-mdc-tab-list div.mat-mdc-tab-labels div.mdc-tab.mat-mdc-tab{padding:0!important;height:35px!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header div.mat-mdc-tab-label-container div.mat-mdc-tab-list div.mat-mdc-tab-labels div.mdc-tab--active.mdc-tab-indicator--active *{color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header span.tab{padding:10px 20px!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper{overflow:visible!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body{overflow:visible!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body div.mat-mdc-tab-body-content{width:auto!important;overflow-x:auto!important;overflow-y:visible!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body div.mat-mdc-tab-body-content div.tab-content{padding:5px}\n"] }]
+            args: [{ selector: 'coer-tab', standalone: false, template: "<div class=\"coer-tab\">\r\n    <mat-tab-group #matTabGroup\r\n        mat-stretch-tabs=\"false\"\r\n        [selectedIndex]=\"_selectedIndex()\"\r\n        (selectedIndexChange)=\"_SelectedIndexChange($event)\">\r\n\r\n        @for(tab of _contentList; track tab.coerRef()) {\r\n            @if(tab.show()) {\r\n                <mat-tab [label]=\"tab.coerRef()\" [disabled]=\"tab.isDisabled()\">\r\n                    <ng-template mat-tab-label>\r\n                        <span [id]=\"_SetToolTip(tab)\" class=\"tab\" lifecycle (onDestroy)=\"_RemoveTooltip($event)\">\r\n                            <i [class]=\"_GetIcon(tab)\"></i>\r\n                            <span [class]=\"_GetIcon(tab).length > 0 ? 'ms-2' : ''\">\r\n                                {{ _GetTitle(tab) }}\r\n                            </span>\r\n                        </span>\r\n                    </ng-template>\r\n\r\n                    <ng-template matTabContent>\r\n                        <div class=\"tab-content\"\r\n                            [ngStyle]=\"{\r\n                                'height': height(),\r\n                                'min-height': minHeight(),\r\n                                'max-height': maxHeight()\r\n                            }\">\r\n\r\n                            <ng-container [ngTemplateOutlet]=\"tab.template\"></ng-container>\r\n                        </div>\r\n                    </ng-template>\r\n                </mat-tab>\r\n            }\r\n        }\r\n    </mat-tab-group>\r\n</div>  ", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header{background-color:#f5f5f562!important;border-bottom:1px solid var(--smoke)!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header div.mat-mdc-tab-label-container div.mat-mdc-tab-list div.mat-mdc-tab-labels div.mdc-tab.mat-mdc-tab{padding:0!important;height:35px!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header div.mat-mdc-tab-label-container div.mat-mdc-tab-list div.mat-mdc-tab-labels div.mdc-tab--active.mdc-tab-indicator--active *{color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header span.tab{padding:10px 20px!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper{overflow:visible!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body{overflow:visible!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body div.mat-mdc-tab-body-content{width:auto!important;overflow-x:auto!important;overflow-y:visible!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body div.mat-mdc-tab-body-content div.tab-content{padding:5px}\n"] }]
         }], propDecorators: { contentRef: [{
                 type: ContentChildren,
                 args: [CoerRefDirective]
@@ -3836,14 +3831,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
 class CoerTextarea extends ControlValue {
     constructor() {
         super(...arguments);
-        //Elements
-        this.matFormField = viewChild.required('matFormField');
-        this.coerTextBox = viewChild.required('coerTextArea');
+        //Elements 
+        this._coerTextBox = viewChild.required('coerTextArea');
         //Variables 
         this._value = '';
         this._id = Tools.GetGuid('coer-textArea');
         this._isLoadingEvent = signal(false);
-        this.id = '';
+        //Inputs 
+        this.id = input('');
         this.label = input('');
         this.placeholder = input('');
         this.textPosition = input('left');
@@ -3881,41 +3876,40 @@ class CoerTextarea extends ControlValue {
                 ? '18px' : '0px';
         });
     }
-    //Inputs
     set value(value) {
         if (Tools.IsNull(value))
             value = '';
         this.SetValue(value);
     }
     ngOnInit() {
-        this.SetEvents();
+        this._SetEvents();
     }
     //getter
     get value() {
-        return String(this._value);
+        return Tools.IsNotNull(this._value) ? String(this._value) : '';
     }
     //getter
     get footer() {
         return `${Tools.IsNotNull(this._value) ? String(this._value).length : '0'} / ${this.maxLength()}`;
     }
     /** */
-    SetEvents() {
+    _SetEvents() {
         Tools.Sleep().then(() => {
-            this.element = document.getElementById(this._id);
-            if (this.element) {
-                this.element.addEventListener('focus', () => {
+            this._htmlElement = document.getElementById(this._id);
+            if (this._htmlElement) {
+                this._htmlElement.addEventListener('focus', () => {
                     if (!this._isEnable())
                         this.Blur();
                 });
-                this.element.addEventListener('blur', () => this.Blur());
-                this.element.addEventListener('input', () => {
+                this._htmlElement.addEventListener('blur', () => this.Blur());
+                this._htmlElement.addEventListener('input', () => {
                     Tools.Sleep().then(() => {
-                        const value = this.coerTextBox().nativeElement.value;
+                        const value = this._coerTextBox().nativeElement.value;
                         if (this._isEnable())
                             this.onInput.emit(value);
                     });
                 });
-                this.element.addEventListener('paste', () => {
+                this._htmlElement.addEventListener('paste', () => {
                     Tools.Sleep().then(() => {
                         this.SetValue(this._value.toString().trim());
                     });
@@ -3931,9 +3925,9 @@ class CoerTextarea extends ControlValue {
             this._isLoadingEvent.set(true);
         Tools.Sleep(delay).then(() => {
             if (this._isEnable()) {
-                this.element.focus();
+                this._htmlElement.focus();
                 if (select)
-                    this.element.select();
+                    this._htmlElement.select();
             }
             this._isLoadingEvent.set(false);
         });
@@ -3945,8 +3939,8 @@ class CoerTextarea extends ControlValue {
         else
             this._isLoadingEvent.set(true);
         Tools.Sleep().then(() => {
-            if (this.element) {
-                this.element.blur();
+            if (this._htmlElement) {
+                this._htmlElement.blur();
                 Tools.Sleep().then(() => {
                     const element = document.querySelector(`#${this._id}-container .mdc-line-ripple--active`);
                     if (element)
@@ -3957,20 +3951,18 @@ class CoerTextarea extends ControlValue {
         });
     }
     /** */
-    Clear() {
+    Clear(delay = 0) {
         this.SetValue('');
-        this.Focus();
+        this.Focus(false, delay);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerTextarea, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerTextarea, isStandalone: false, selector: "coer-textarea", 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 }, textPosition: { classPropertyName: "textPosition", publicName: "textPosition", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", 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 }, resize: { classPropertyName: "resize", publicName: "resize", isSignal: true, isRequired: false, transformFunction: null }, showFooter: { classPropertyName: "showFooter", publicName: "showFooter", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", 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 }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", 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 }, height: { classPropertyName: "height", publicName: "height", 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 } }, outputs: { onInput: "onInput" }, providers: [CONTROL_VALUE(CoerTextarea)], viewQueries: [{ propertyName: "matFormField", first: true, predicate: ["matFormField"], descendants: true, isSignal: true }, { propertyName: "coerTextBox", first: true, predicate: ["coerTextArea"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"coer-textarea\">\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        <textarea #coerTextArea matInput\r\n            [id]=\"_id\"\r\n            type=\"text\"\r\n            [placeholder]=\"placeholder()\"\r\n            [minLength]=\"minLength()\"\r\n            [maxLength]=\"maxLength()\"\r\n            [disabled]=\"!_isEnable()\"\r\n            [value]=\"_value\"\r\n            (input)=\"SetValue(coerTextArea.value)\"\r\n            (blur)=\"SetTouched(true)\"\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                'resize': (!resize() || !_isEnable()) ? 'none' : '',\r\n                'height': height()\r\n            }\"></textarea>\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\r\n    @if(showFooter()) {\r\n        <footer> {{ footer }} </footer>\r\n    }\r\n</div>", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-textarea mat-form-field{position:relative!important}div.coer-textarea 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;padding:0!important}div.coer-textarea 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-textarea 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:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix textarea{font-weight:400!important;font-size:17px!important;color:var(--black)!important;min-height:80px}div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:after{border-bottom-color:var(--primary-inner)!important}div.coer-textarea mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-textarea 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-textarea mat-form-field span.icon-container i{font-size:20px!important}div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-xmark,div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass{color:#caced1!important;cursor:pointer!important}div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover{color:#6c757d!important}div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-textarea mat-form-field span.placeholder{width:calc(100% + 32px)!important;height:100%!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important;cursor:wait!important}div.coer-textarea mat-form-field .placeholder,div.coer-textarea mat-form-field .placeholder *,div.coer-textarea mat-form-field .placeholder-glow,div.coer-textarea mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-textarea footer{padding-top:2px;text-align:right;font-size:10px;color:var(--gray)}div.coer-textarea mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerTextarea, isStandalone: false, selector: "coer-textarea", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, 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 }, textPosition: { classPropertyName: "textPosition", publicName: "textPosition", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", 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 }, resize: { classPropertyName: "resize", publicName: "resize", isSignal: true, isRequired: false, transformFunction: null }, showFooter: { classPropertyName: "showFooter", publicName: "showFooter", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", 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 }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", 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 }, height: { classPropertyName: "height", publicName: "height", 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 }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onInput: "onInput" }, providers: [CONTROL_VALUE(CoerTextarea)], viewQueries: [{ propertyName: "_coerTextBox", first: true, predicate: ["coerTextArea"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"coer-textarea\">\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        <textarea #coerTextArea matInput\r\n            [id]=\"_id\"\r\n            type=\"text\"\r\n            [placeholder]=\"placeholder()\"\r\n            [minLength]=\"minLength()\"\r\n            [maxLength]=\"maxLength()\"\r\n            [disabled]=\"!_isEnable()\"\r\n            [value]=\"_value\"\r\n            (input)=\"SetValue(coerTextArea.value)\"\r\n            (blur)=\"SetTouched(true)\"\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                'resize': (!resize() || !_isEnable()) ? 'none' : '',\r\n                'height': height()\r\n            }\"></textarea>\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\r\n    @if(showFooter()) {\r\n        <footer> {{ footer }} </footer>\r\n    }\r\n</div>", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-textarea mat-form-field{position:relative!important}div.coer-textarea 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;padding:0!important}div.coer-textarea 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-textarea 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:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix textarea{font-weight:400!important;font-size:17px!important;color:var(--black)!important;min-height:80px}div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:after{border-bottom-color:var(--primary-inner)!important}div.coer-textarea mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-textarea 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-textarea mat-form-field span.icon-container i{font-size:20px!important}div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-xmark,div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass{color:#caced1!important;cursor:pointer!important}div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover{color:#6c757d!important}div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-textarea mat-form-field span.placeholder{width:calc(100% + 32px)!important;height:100%!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important;cursor:wait!important}div.coer-textarea mat-form-field .placeholder,div.coer-textarea mat-form-field .placeholder *,div.coer-textarea mat-form-field .placeholder-glow,div.coer-textarea mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-textarea footer{padding-top:2px;text-align:right;font-size:10px;color:var(--gray)}div.coer-textarea mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerTextarea, decorators: [{
             type: Component,
             args: [{ selector: 'coer-textarea', providers: [CONTROL_VALUE(CoerTextarea)], standalone: false, template: "<div class=\"coer-textarea\">\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        <textarea #coerTextArea matInput\r\n            [id]=\"_id\"\r\n            type=\"text\"\r\n            [placeholder]=\"placeholder()\"\r\n            [minLength]=\"minLength()\"\r\n            [maxLength]=\"maxLength()\"\r\n            [disabled]=\"!_isEnable()\"\r\n            [value]=\"_value\"\r\n            (input)=\"SetValue(coerTextArea.value)\"\r\n            (blur)=\"SetTouched(true)\"\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                'resize': (!resize() || !_isEnable()) ? 'none' : '',\r\n                'height': height()\r\n            }\"></textarea>\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\r\n    @if(showFooter()) {\r\n        <footer> {{ footer }} </footer>\r\n    }\r\n</div>", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--orange));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-textarea mat-form-field{position:relative!important}div.coer-textarea 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;padding:0!important}div.coer-textarea 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-textarea 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:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix textarea{font-weight:400!important;font-size:17px!important;color:var(--black)!important;min-height:80px}div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:after{border-bottom-color:var(--primary-inner)!important}div.coer-textarea mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-textarea 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-textarea mat-form-field span.icon-container i{font-size:20px!important}div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-xmark,div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass{color:#caced1!important;cursor:pointer!important}div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover{color:#6c757d!important}div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-textarea mat-form-field span.placeholder{width:calc(100% + 32px)!important;height:100%!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important;cursor:wait!important}div.coer-textarea mat-form-field .placeholder,div.coer-textarea mat-form-field .placeholder *,div.coer-textarea mat-form-field .placeholder-glow,div.coer-textarea mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-textarea footer{padding-top:2px;text-align:right;font-size:10px;color:var(--gray)}div.coer-textarea mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}\n"] }]
         }], propDecorators: { value: [{
                 type: Input
-            }], id: [{
-                type: Input
             }] } });
 
 class CoerToolbar {