coer-elements 2.0.6 → 2.0.8

package/fesm2022/coer-elements-signals.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"coer-elements-signals.mjs","sources":["../../../projects/coer-elements/signals/lib/breakpoint.signal.ts","../../../projects/coer-elements/signals/lib/colors.signal.ts","../../../projects/coer-elements/signals/lib/is-loading.signal.ts","../../../projects/coer-elements/signals/lib/is-menu-open.signal.ts","../../../projects/coer-elements/signals/lib/is-modal-open.signal.ts","../../../projects/coer-elements/signals/lib/menu-selected.signal.ts","../../../projects/coer-elements/signals/lib/navigation.signal.ts","../../../projects/coer-elements/signals/coer-elements-signals.ts"],"sourcesContent":["import { computed, signal } from '@angular/core'; \r\n\r\n//computed\r\nconst BREAKPOINT = computed<'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'>(() => {\r\n    if (window.innerWidth < 576) return 'xs';\r\n    else if (window.innerWidth >= 576 && window.innerWidth < 768) return 'sm';\r\n    else if (window.innerWidth >= 768 && window.innerWidth < 992) return 'md';\r\n    else if (window.innerWidth >= 992 && window.innerWidth < 1200) return 'lg';\r\n    else if (window.innerWidth >= 1200 && window.innerWidth < 1400) return 'xl';\r\n    else return 'xxl';\r\n});\r\n\r\nexport const breakpointSIGNAL = signal<'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'>(BREAKPOINT()); ","import { signal } from '@angular/core'; \r\n\r\nexport const primaryColorSIGNAL    = signal<string>('');\r\nexport const secondaryColorSIGNAL  = signal<string>('');\r\nexport const successColorSIGNAL    = signal<string>('');\r\nexport const warningColorSIGNAL    = signal<string>('');\r\nexport const dangerColorSIGNAL     = signal<string>('');\r\nexport const backgroundColorSIGNAL = signal<string>('');\r\nexport const sidenavColorSIGNAL    = signal<string>('');\r\nexport const navigationColorSIGNAL = signal<string>('');\r\nexport const containerColorSIGNAL  = signal<string>('');  ","import { signal } from '@angular/core'; \r\nexport const isLoadingSIGNAL = signal<boolean>(false);","import { signal } from \"@angular/core\";\r\nexport const isMenuOpenSIGNAL = signal<boolean>(false);","import { signal } from \"@angular/core\";\r\nexport const isModalOpenSIGNAL = signal<boolean>(false); ","import { signal } from \"@angular/core\";\r\nimport { IMenuSelected } from \"coer-elements/interfaces\";\r\nexport const menuSelectedSIGNAL = signal<IMenuSelected | null>(null);","import { signal } from \"@angular/core\";\r\nimport { IMenu } from \"coer-elements/interfaces\";\r\nexport const navigationSIGNAL = signal<IMenu[]>([]);","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAEA;AACA,MAAM,UAAU,GAAG,QAAQ,CAA2C,MAAK;AACvE,IAAA,IAAI,MAAM,CAAC,UAAU,GAAG,GAAG;AAAE,QAAA,OAAO,IAAI;SACnC,IAAI,MAAM,CAAC,UAAU,IAAI,GAAG,IAAI,MAAM,CAAC,UAAU,GAAG,GAAG;AAAE,QAAA,OAAO,IAAI;SACpE,IAAI,MAAM,CAAC,UAAU,IAAI,GAAG,IAAI,MAAM,CAAC,UAAU,GAAG,GAAG;AAAE,QAAA,OAAO,IAAI;SACpE,IAAI,MAAM,CAAC,UAAU,IAAI,GAAG,IAAI,MAAM,CAAC,UAAU,GAAG,IAAI;AAAE,QAAA,OAAO,IAAI;SACrE,IAAI,MAAM,CAAC,UAAU,IAAI,IAAI,IAAI,MAAM,CAAC,UAAU,GAAG,IAAI;AAAE,QAAA,OAAO,IAAI;;AACtE,QAAA,OAAO,KAAK;AACrB,CAAC,CAAC;MAEW,gBAAgB,GAAG,MAAM,CAA2C,UAAU,EAAE;;MCVhF,kBAAkB,GAAM,MAAM,CAAS,EAAE;MACzC,oBAAoB,GAAI,MAAM,CAAS,EAAE;MACzC,kBAAkB,GAAM,MAAM,CAAS,EAAE;MACzC,kBAAkB,GAAM,MAAM,CAAS,EAAE;MACzC,iBAAiB,GAAO,MAAM,CAAS,EAAE;MACzC,qBAAqB,GAAG,MAAM,CAAS,EAAE;MACzC,kBAAkB,GAAM,MAAM,CAAS,EAAE;MACzC,qBAAqB,GAAG,MAAM,CAAS,EAAE;MACzC,oBAAoB,GAAI,MAAM,CAAS,EAAE;;MCTzC,eAAe,GAAG,MAAM,CAAU,KAAK;;MCAvC,gBAAgB,GAAG,MAAM,CAAU,KAAK;;MCAxC,iBAAiB,GAAG,MAAM,CAAU,KAAK;;MCCzC,kBAAkB,GAAG,MAAM,CAAuB,IAAI;;MCAtD,gBAAgB,GAAG,MAAM,CAAU,EAAE;;ACFlD;;AAEG;;;;"}
+{"version":3,"file":"coer-elements-signals.mjs","sources":["../../../projects/coer-elements/signals/lib/breakpoint.signal.ts","../../../projects/coer-elements/signals/lib/colors.signal.ts","../../../projects/coer-elements/signals/lib/is-loading.signal.ts","../../../projects/coer-elements/signals/lib/is-menu-open.signal.ts","../../../projects/coer-elements/signals/lib/is-modal-open.signal.ts","../../../projects/coer-elements/signals/lib/menu-selected.signal.ts","../../../projects/coer-elements/signals/lib/navigation.signal.ts","../../../projects/coer-elements/signals/coer-elements-signals.ts"],"sourcesContent":["import { computed, signal } from '@angular/core'; \r\n\r\n//computed\r\nconst BREAKPOINT = computed<'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'>(() => {\r\n    if (window.innerWidth < 576) return 'xs';\r\n    else if (window.innerWidth >= 576 && window.innerWidth < 768) return 'sm';\r\n    else if (window.innerWidth >= 768 && window.innerWidth < 992) return 'md';\r\n    else if (window.innerWidth >= 992 && window.innerWidth < 1200) return 'lg';\r\n    else if (window.innerWidth >= 1200 && window.innerWidth < 1400) return 'xl';\r\n    else return 'xxl';\r\n});\r\n\r\nexport const breakpointSIGNAL = signal<'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'>(BREAKPOINT()); ","import { signal } from '@angular/core'; \r\nimport { IColors } from 'coer-elements/interfaces';\r\n\r\nexport const colorsSIGNAL = signal<IColors>({\r\n    fixedColors: {\r\n        blue:   '#0d6efd',\r\n        gray:   '#6c757d',\r\n        green:  '#198754',\r\n        yellow: '#ffc107',\r\n        red:    '#dc3545',\r\n        smoke:  '#f5f5f5',\r\n        black:  '#252525',\r\n        orange: '#fd6031',\r\n        white:  '#ffffff',\r\n        purple: '#a615bc'\r\n    },\r\n    actionColors: {\r\n        primary:     '',\r\n        secondary:   '',\r\n        success:     '',\r\n        warning:     '',\r\n        danger:      '',\r\n        navigation:  '',\r\n        information: ''\r\n    },\r\n    appColors: {\r\n        breadcrumbs: '',\r\n        background:  '',\r\n        containers:  '',\r\n        sidenav:     '',\r\n        sidenavText: '',\r\n        toolbar:     '', \r\n        toolbarText: ''\r\n    }\r\n}); ","import { signal } from '@angular/core'; \r\nexport const isLoadingSIGNAL = signal<boolean>(false);","import { signal } from \"@angular/core\";\r\nexport const isMenuOpenSIGNAL = signal<boolean>(false);","import { signal } from \"@angular/core\";\r\nexport const isModalOpenSIGNAL = signal<boolean>(false); ","import { signal } from \"@angular/core\";\r\nimport { IMenuSelected } from \"coer-elements/interfaces\";\r\nexport const menuSelectedSIGNAL = signal<IMenuSelected | null>(null);","import { signal } from \"@angular/core\";\r\nimport { IMenu } from \"coer-elements/interfaces\";\r\nexport const navigationSIGNAL = signal<IMenu[]>([]);","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAEA;AACA,MAAM,UAAU,GAAG,QAAQ,CAA2C,MAAK;AACvE,IAAA,IAAI,MAAM,CAAC,UAAU,GAAG,GAAG;AAAE,QAAA,OAAO,IAAI;SACnC,IAAI,MAAM,CAAC,UAAU,IAAI,GAAG,IAAI,MAAM,CAAC,UAAU,GAAG,GAAG;AAAE,QAAA,OAAO,IAAI;SACpE,IAAI,MAAM,CAAC,UAAU,IAAI,GAAG,IAAI,MAAM,CAAC,UAAU,GAAG,GAAG;AAAE,QAAA,OAAO,IAAI;SACpE,IAAI,MAAM,CAAC,UAAU,IAAI,GAAG,IAAI,MAAM,CAAC,UAAU,GAAG,IAAI;AAAE,QAAA,OAAO,IAAI;SACrE,IAAI,MAAM,CAAC,UAAU,IAAI,IAAI,IAAI,MAAM,CAAC,UAAU,GAAG,IAAI;AAAE,QAAA,OAAO,IAAI;;AACtE,QAAA,OAAO,KAAK;AACrB,CAAC,CAAC;MAEW,gBAAgB,GAAG,MAAM,CAA2C,UAAU,EAAE;;ACTtF,MAAM,YAAY,GAAG,MAAM,CAAU;AACxC,IAAA,WAAW,EAAE;AACT,QAAA,IAAI,EAAI,SAAS;AACjB,QAAA,IAAI,EAAI,SAAS;AACjB,QAAA,KAAK,EAAG,SAAS;AACjB,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,GAAG,EAAK,SAAS;AACjB,QAAA,KAAK,EAAG,SAAS;AACjB,QAAA,KAAK,EAAG,SAAS;AACjB,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,KAAK,EAAG,SAAS;AACjB,QAAA,MAAM,EAAE;AACX,KAAA;AACD,IAAA,YAAY,EAAE;AACV,QAAA,OAAO,EAAM,EAAE;AACf,QAAA,SAAS,EAAI,EAAE;AACf,QAAA,OAAO,EAAM,EAAE;AACf,QAAA,OAAO,EAAM,EAAE;AACf,QAAA,MAAM,EAAO,EAAE;AACf,QAAA,UAAU,EAAG,EAAE;AACf,QAAA,WAAW,EAAE;AAChB,KAAA;AACD,IAAA,SAAS,EAAE;AACP,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,UAAU,EAAG,EAAE;AACf,QAAA,UAAU,EAAG,EAAE;AACf,QAAA,OAAO,EAAM,EAAE;AACf,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,OAAO,EAAM,EAAE;AACf,QAAA,WAAW,EAAE;AAChB;AACJ,CAAA;;MCjCY,eAAe,GAAG,MAAM,CAAU,KAAK;;MCAvC,gBAAgB,GAAG,MAAM,CAAU,KAAK;;MCAxC,iBAAiB,GAAG,MAAM,CAAU,KAAK;;MCCzC,kBAAkB,GAAG,MAAM,CAAuB,IAAI;;MCAtD,gBAAgB,GAAG,MAAM,CAAU,EAAE;;ACFlD;;AAEG;;;;"}

package/fesm2022/coer-elements-tools.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { signal, Component, forwardRef, inject, Inject, input, output } from '@angular/core';
-import { primaryColorSIGNAL, secondaryColorSIGNAL, successColorSIGNAL, warningColorSIGNAL, dangerColorSIGNAL, backgroundColorSIGNAL, sidenavColorSIGNAL, navigationColorSIGNAL, containerColorSIGNAL, navigationSIGNAL } from 'coer-elements/signals';
+import { colorsSIGNAL, navigationSIGNAL } from 'coer-elements/signals';
 import * as bootstrap from 'bootstrap';
 import Swal from 'sweetalert2';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
@@ -278,93 +278,57 @@ const Tools = {
 };
 
 class Colors {
-    static { this._blue = '#0d6efd'; }
-    static { this._gray = '#6c757d'; }
-    static { this._green = '#198754'; }
-    static { this._yellow = '#ffc107'; }
-    static { this._red = '#dc3545'; }
-    static { this._smoke = '#f5f5f5'; }
-    static { this._black = '#252525'; }
-    static { this._orange = '#fd6031'; }
-    static { this._white = '#ffffff'; }
-    static { this._purple = '#a615bc'; }
-    //getter
-    static get primary() {
-        const color = primaryColorSIGNAL();
-        return Tools.IsNotOnlyWhiteSpace(color) ? color : this._blue;
-    }
-    //getter
-    static get secondary() {
-        const color = secondaryColorSIGNAL();
-        return Tools.IsNotOnlyWhiteSpace(color) ? color : this._gray;
-    }
-    //getter
-    static get success() {
-        const color = successColorSIGNAL();
-        return Tools.IsNotOnlyWhiteSpace(color) ? color : this._green;
-    }
-    //getter
-    static get warning() {
-        const color = warningColorSIGNAL();
-        return Tools.IsNotOnlyWhiteSpace(color) ? color : this._yellow;
-    }
-    //getter
-    static get danger() {
-        const color = dangerColorSIGNAL();
-        return Tools.IsNotOnlyWhiteSpace(color) ? color : this._red;
-    }
-    //getter
-    static get background() {
-        const color = backgroundColorSIGNAL();
-        return Tools.IsNotOnlyWhiteSpace(color) ? color : this._smoke;
-    }
-    //getter
-    static get sidenav() {
-        const color = sidenavColorSIGNAL();
-        return Tools.IsNotOnlyWhiteSpace(color) ? color : this._black;
-    }
-    //getter
-    static get navigation() {
-        const color = navigationColorSIGNAL();
-        return Tools.IsNotOnlyWhiteSpace(color) ? color : this._orange;
-    }
-    //getter
-    static get container() {
-        const color = containerColorSIGNAL();
-        return Tools.IsNotOnlyWhiteSpace(color) ? color : this._white;
-    }
-    /** Returns the color palette in hexadecimal */
-    static { this.colorsHex = new Map([
-        ['blue', this._blue],
-        ['gray', this._gray],
-        ['green', this._green],
-        ['yellow', this._yellow],
-        ['red', this._red],
-        ['white', this._white],
-        ['black', this._black],
-        ['orange', this._orange],
-        ['purple', this._purple],
-    ]); }
-    /** Returns the color palette in RGB */
-    static { this.ColorsRGB = new Map([
-        ['blue', [13, 110, 253]],
-        ['gray', [108, 117, 125]],
-        ['green', [25, 135, 84]],
-        ['yellow', [225, 193, 7]],
-        ['red', [220, 53, 69]],
-        ['white', [245, 245, 245]],
-        ['black', [37, 37, 37]],
-        ['orange', [253, 96, 49]],
-        ['purple', [166, 21, 188]],
-    ]); }
-    /** Returns a random color in hexadecimal */
-    static { this.GetRandomColorHex = () => "#xxxxxx".replace(/x/g, () => (Math.random() * 16 | 0).toString(16)); }
+    static get fixedColors() {
+        return {
+            blue: colorsSIGNAL().fixedColors.blue,
+            gray: colorsSIGNAL().fixedColors.gray,
+            green: colorsSIGNAL().fixedColors.green,
+            yellow: colorsSIGNAL().fixedColors.yellow,
+            red: colorsSIGNAL().fixedColors.red,
+            smoke: colorsSIGNAL().fixedColors.smoke,
+            black: colorsSIGNAL().fixedColors.black,
+            orange: colorsSIGNAL().fixedColors.orange,
+            white: colorsSIGNAL().fixedColors.white,
+            purple: colorsSIGNAL().fixedColors.purple
+        };
+    }
+    static get actionColors() {
+        return {
+            primary: colorsSIGNAL().actionColors.primary,
+            secondary: colorsSIGNAL().actionColors.secondary,
+            success: colorsSIGNAL().actionColors.success,
+            warning: colorsSIGNAL().actionColors.warning,
+            danger: colorsSIGNAL().actionColors.danger,
+            navigation: colorsSIGNAL().actionColors.navigation,
+            information: colorsSIGNAL().actionColors.information
+        };
+    }
+    static get appColors() {
+        return {
+            breadcrumbs: colorsSIGNAL().appColors.breadcrumbs,
+            background: colorsSIGNAL().appColors.background,
+            containers: colorsSIGNAL().appColors.containers,
+            sidenav: colorsSIGNAL().appColors.sidenav,
+            sidenavText: colorsSIGNAL().appColors.sidenavText,
+            toolbar: colorsSIGNAL().appColors.toolbar,
+            toolbarText: colorsSIGNAL().appColors.toolbarText
+        };
+    }
+    static ToHexadecimal(r, g, b, a) {
+        const red = `${Number(r).toString(16).padStart(2, '0')}`;
+        const green = `${Number(g).toString(16).padStart(2, '0')}`;
+        const blue = `${Number(b).toString(16).padStart(2, '0')}`;
+        const alpha = (Tools.IsNotNull(a)) ? Math.round(Number(a) * 255).toString(16).padStart(2, '0') : '';
+        return `#${red}${green}${blue}${alpha}`.toLowerCase();
+    }
+    /** Returns a random color in hexadecimal
+    public static GetRandomColorHex = (): string => "#xxxxxx".replace(/x/g, () => (Math.random() * 16 | 0).toString(16)); */
     /** Returns the number of colors requested */
     static GetColorHexList(quantity) {
         const colors = [];
         let counter = 0;
         while (counter < quantity) {
-            for (const color of this.colorsHex.values()) {
+            for (const color in this.fixedColors) {
                 colors.push(color);
                 if (++counter === quantity)
                     break;
@@ -372,23 +336,6 @@ class Colors {
         }
         return colors;
     }
-    /** Returns the number of colors requested with opacity */
-    static GetColorRGBList(quantity) {
-        const colors = [];
-        let alpha = 1.0;
-        let counter = 0;
-        let lastColor = [...Array.from(this.ColorsRGB.keys())].pop();
-        while (counter < quantity) {
-            for (const [color, value] of this.ColorsRGB.entries()) {
-                colors.push(`rgba(${value[0]}, ${value[1]}, ${value[2]}, ${alpha})`);
-                if (color === lastColor)
-                    alpha -= 0.2;
-                if (++counter === quantity)
-                    break;
-            }
-        }
-        return colors;
-    }
 }
 
 class CoerAlert {
@@ -500,7 +447,7 @@ class CoerAlert {
                         if (Tools.IsNull(icon))
                             icon = 'bi-exclamation-octagon';
                         iconType = 'error';
-                        color = Colors.danger;
+                        color = Colors.actionColors.danger;
                         break;
                     }
                     ;
@@ -509,7 +456,7 @@ class CoerAlert {
                         if (Tools.IsNull(icon))
                             icon = 'bi-check-circle';
                         iconType = 'info';
-                        color = Colors.success;
+                        color = Colors.actionColors.success;
                         break;
                     }
                     ;
@@ -518,7 +465,7 @@ class CoerAlert {
                         if (Tools.IsNull(icon))
                             icon = 'bi-info-circle';
                         iconType = 'error';
-                        color = Colors.primary;
+                        color = Colors.actionColors.information;
                         break;
                     }
                     ;
@@ -526,7 +473,7 @@ class CoerAlert {
                     if (Tools.IsNull(icon))
                         icon = 'bi-exclamation-triangle-fill';
                     iconType = 'warning';
-                    color = Colors.warning;
+                    color = Colors.actionColors.warning;
                     break;
                 }
             }
@@ -609,11 +556,11 @@ class CoerAlert {
         return icon;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerAlert, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.1", type: CoerAlert, isStandalone: true, selector: "coer-alert", ngImport: i0, template: "<aside class=\"toast-container coer-alert\">\r\n    <!-- Success -->\r\n    <div id=\"alert-success\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n        <div class=\"toast-header\">\r\n            <i id=\"alert-success-icon\"></i>\r\n            <strong id=\"alert-success-title\"></strong>\r\n            <button type=\"button\" (click)=\"Close('alert-success')\" class=\"btn-close btn-close-white\"></button>\r\n        </div>\r\n\r\n        <div class=\"toast-body\">\r\n            <pre id=\"alert-success-message\"></pre>\r\n        </div>\r\n    </div>\r\n\r\n\r\n    <!-- Error -->\r\n    <div id=\"alert-error\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n        <div class=\"toast-header\">\r\n            <i id=\"alert-error-icon\"></i>\r\n            <strong id=\"alert-error-title\"></strong>\r\n            <button type=\"button\" (click)=\"Close('alert-error')\" class=\"btn-close btn-close-white\"></button>\r\n        </div>\r\n\r\n        <div class=\"toast-body\">\r\n            <pre id=\"alert-error-message\"></pre>\r\n        </div>\r\n    </div>\r\n\r\n\r\n    <!-- Info -->\r\n    <div id=\"alert-info\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n       <div class=\"toast-header\">\r\n            <i id=\"alert-info-icon\"></i>\r\n            <strong id=\"alert-info-title\"></strong>\r\n            <button type=\"button\" (click)=\"Close('alert-info')\" class=\"btn-close btn-close-white\"></button>\r\n        </div>\r\n\r\n        <div class=\"toast-body\">\r\n            <pre id=\"alert-info-message\"></pre>\r\n        </div>\r\n    </div>\r\n\r\n\r\n    <!-- Warning -->\r\n    <div id=\"alert-warning\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n        <div class=\"toast-header\">\r\n            <i id=\"alert-warning-icon\"></i>\r\n            <strong id=\"alert-warning-title\"></strong>\r\n            <button type=\"button\" (click)=\"Close('alert-warning')\" class=\"btn-close\"></button>\r\n        </div>\r\n\r\n        <div class=\"toast-body\">\r\n            <pre id=\"alert-warning-message\"></pre>\r\n        </div>\r\n    </div>\r\n</aside>", 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(--blue));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--background-inner: var(--background, var(--smoke));--sidenav-inner: var(--sidenav, var(--black));--navigation-inner: var(--navigation, var(--orange));--container-inner: var(--container, var(--white))}.text-blue{color:var(--blue)!important}.text-blue-bold{font-weight:700!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.border-blue{border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.border-gray{border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.border-green{border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.border-yellow{border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.border-red{border-color:var(--red)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.border-white{border-color:var(--white)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.border-black{border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.border-orange{border-color:var(--orange)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.border-primary{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}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.border-secondary{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}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.border-success{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}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.border-warning{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}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.border-danger{border-color:var(--danger-inner)!important}.text-background{color:var(--background-inner)!important}.text-background-bold{color:var(--background-inner)!important;font-weight:700!important}.background-background{background-color:var(--background-inner)!important}.background-border-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.border-background{border-color:var(--background-inner)!important}.text-sidenav{color:var(--sidenav-inner)!important}.text-blue-sidenav{color:var(--sidenav-inner)!important;font-weight:700!important}.background-sidenav{background-color:var(--sidenav-inner)!important}.background-border-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.border-sidenav{border-color:var(--sidenav-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.border-navigation{border-color:var(--navigation-inner)!important}.text-container{color:var(--container-inner)!important}.text-container-bold{color:var(--container-inner)!important;font-weight:700!important}.background-container{background-color:var(--container-inner)!important}.background-border-container{background-color:var(--container-inner)!important;border-color:var(--container-inner)!important}.border-container{border-color:var(--container-inner)!important}.text-transparent{color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}.border-transparent{border-color:transparent!important}aside.toast-container{position:fixed;bottom:0;right:0;padding:15px!important;z-index:2000!important}aside.toast-container i,aside.toast-container svg{display:flex;align-items:center}aside.toast-container strong{margin:0 auto 0 5px}aside.toast-container div.toast,aside.toast-container div.toast-header{border-top-left-radius:10px;border-top-right-radius:10px;color:var(--smoke)}aside.toast-container div.toast,aside.toast-container div.toast-body{border-bottom-left-radius:10px;border-bottom-right-radius:10px;width:auto!important;min-width:350px!important;max-width:470px!important;color:var(--smoke)}aside.toast-container div.toast-body{min-height:36px}aside.toast-container pre{font-family:Roboto,RobotoFallback,Noto Kufi Arabic,Helvetica,Arial,sans-serif;white-space:pre-wrap;font-size:medium}aside.toast-container button{margin:0 2px!important;width:10px!important;height:10px!important;box-shadow:none!important;outline:none!important;border:none!important}aside.toast-container div#alert-success div.toast-header,aside.toast-container div#alert-success div.toast-body{background-color:var(--success-inner)}aside.toast-container div#alert-info div.toast-header,aside.toast-container div#alert-info div.toast-body{background-color:var(--primary-inner)}aside.toast-container div#alert-error div.toast-header,aside.toast-container div#alert-error div.toast-body{background-color:var(--danger-inner)}aside.toast-container div#alert-warning div.toast-header,aside.toast-container div#alert-warning div.toast-body{background-color:var(--warning-inner);border-color:var(--black);color:var(--black)}aside.toast-container div#alert-success:hover,aside.toast-container div#alert-info:hover,aside.toast-container div#alert-error:hover,aside.toast-container div#alert-warning:hover{transform:scale(1.01);box-shadow:2px 2px 10px #789;cursor:default}button.sweet-alert-button{width:100px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 5px!important;outline:none!important;border:none!important;box-shadow:none!important}aside.toast-container>*{border:none!important;z-index:2000!important;margin:15px 0 0!important}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.1", type: CoerAlert, isStandalone: true, selector: "coer-alert", ngImport: i0, template: "<aside class=\"toast-container coer-alert\">\r\n    <!-- Success -->\r\n    <div id=\"alert-success\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n        <div class=\"toast-header\">\r\n            <i id=\"alert-success-icon\"></i>\r\n            <strong id=\"alert-success-title\"></strong>\r\n            <button type=\"button\" (click)=\"Close('alert-success')\" class=\"btn-close btn-close-white\"></button>\r\n        </div>\r\n\r\n        <div class=\"toast-body\">\r\n            <pre id=\"alert-success-message\"></pre>\r\n        </div>\r\n    </div>\r\n\r\n\r\n    <!-- Error -->\r\n    <div id=\"alert-error\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n        <div class=\"toast-header\">\r\n            <i id=\"alert-error-icon\"></i>\r\n            <strong id=\"alert-error-title\"></strong>\r\n            <button type=\"button\" (click)=\"Close('alert-error')\" class=\"btn-close btn-close-white\"></button>\r\n        </div>\r\n\r\n        <div class=\"toast-body\">\r\n            <pre id=\"alert-error-message\"></pre>\r\n        </div>\r\n    </div>\r\n\r\n\r\n    <!-- Info -->\r\n    <div id=\"alert-info\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n       <div class=\"toast-header\">\r\n            <i id=\"alert-info-icon\"></i>\r\n            <strong id=\"alert-info-title\"></strong>\r\n            <button type=\"button\" (click)=\"Close('alert-info')\" class=\"btn-close btn-close-white\"></button>\r\n        </div>\r\n\r\n        <div class=\"toast-body\">\r\n            <pre id=\"alert-info-message\"></pre>\r\n        </div>\r\n    </div>\r\n\r\n\r\n    <!-- Warning -->\r\n    <div id=\"alert-warning\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n        <div class=\"toast-header\">\r\n            <i id=\"alert-warning-icon\"></i>\r\n            <strong id=\"alert-warning-title\"></strong>\r\n            <button type=\"button\" (click)=\"Close('alert-warning')\" class=\"btn-close\"></button>\r\n        </div>\r\n\r\n        <div class=\"toast-body\">\r\n            <pre id=\"alert-warning-message\"></pre>\r\n        </div>\r\n    </div>\r\n</aside>", 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}aside.toast-container{position:fixed;bottom:0;right:0;padding:15px!important;z-index:2000!important}aside.toast-container i,aside.toast-container svg{display:flex;align-items:center}aside.toast-container strong{margin:0 auto 0 5px}aside.toast-container div.toast,aside.toast-container div.toast-header{border-top-left-radius:10px;border-top-right-radius:10px;color:var(--smoke)}aside.toast-container div.toast,aside.toast-container div.toast-body{border-bottom-left-radius:10px;border-bottom-right-radius:10px;width:auto!important;min-width:350px!important;max-width:470px!important;color:var(--smoke)}aside.toast-container div.toast-body{min-height:36px}aside.toast-container pre{font-family:Roboto,RobotoFallback,Noto Kufi Arabic,Helvetica,Arial,sans-serif;white-space:pre-wrap;font-size:medium}aside.toast-container button{margin:0 2px!important;width:10px!important;height:10px!important;box-shadow:none!important;outline:none!important;border:none!important}aside.toast-container div#alert-success div.toast-header,aside.toast-container div#alert-success div.toast-body{background-color:var(--success)}aside.toast-container div#alert-info div.toast-header,aside.toast-container div#alert-info div.toast-body{background-color:var(--information)}aside.toast-container div#alert-error div.toast-header,aside.toast-container div#alert-error div.toast-body{background-color:var(--danger)}aside.toast-container div#alert-warning div.toast-header,aside.toast-container div#alert-warning div.toast-body{background-color:var(--warning);border-color:var(--black);color:var(--black)}aside.toast-container div#alert-success:hover,aside.toast-container div#alert-info:hover,aside.toast-container div#alert-error:hover,aside.toast-container div#alert-warning:hover{transform:scale(1.01);box-shadow:2px 2px 10px #789;cursor:default}button.sweet-alert-button{width:100px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 5px!important;outline:none!important;border:none!important;box-shadow:none!important}aside.toast-container>*{border:none!important;z-index:2000!important;margin:15px 0 0!important}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerAlert, decorators: [{
             type: Component,
-            args: [{ selector: 'coer-alert', standalone: true, template: "<aside class=\"toast-container coer-alert\">\r\n    <!-- Success -->\r\n    <div id=\"alert-success\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n        <div class=\"toast-header\">\r\n            <i id=\"alert-success-icon\"></i>\r\n            <strong id=\"alert-success-title\"></strong>\r\n            <button type=\"button\" (click)=\"Close('alert-success')\" class=\"btn-close btn-close-white\"></button>\r\n        </div>\r\n\r\n        <div class=\"toast-body\">\r\n            <pre id=\"alert-success-message\"></pre>\r\n        </div>\r\n    </div>\r\n\r\n\r\n    <!-- Error -->\r\n    <div id=\"alert-error\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n        <div class=\"toast-header\">\r\n            <i id=\"alert-error-icon\"></i>\r\n            <strong id=\"alert-error-title\"></strong>\r\n            <button type=\"button\" (click)=\"Close('alert-error')\" class=\"btn-close btn-close-white\"></button>\r\n        </div>\r\n\r\n        <div class=\"toast-body\">\r\n            <pre id=\"alert-error-message\"></pre>\r\n        </div>\r\n    </div>\r\n\r\n\r\n    <!-- Info -->\r\n    <div id=\"alert-info\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n       <div class=\"toast-header\">\r\n            <i id=\"alert-info-icon\"></i>\r\n            <strong id=\"alert-info-title\"></strong>\r\n            <button type=\"button\" (click)=\"Close('alert-info')\" class=\"btn-close btn-close-white\"></button>\r\n        </div>\r\n\r\n        <div class=\"toast-body\">\r\n            <pre id=\"alert-info-message\"></pre>\r\n        </div>\r\n    </div>\r\n\r\n\r\n    <!-- Warning -->\r\n    <div id=\"alert-warning\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n        <div class=\"toast-header\">\r\n            <i id=\"alert-warning-icon\"></i>\r\n            <strong id=\"alert-warning-title\"></strong>\r\n            <button type=\"button\" (click)=\"Close('alert-warning')\" class=\"btn-close\"></button>\r\n        </div>\r\n\r\n        <div class=\"toast-body\">\r\n            <pre id=\"alert-warning-message\"></pre>\r\n        </div>\r\n    </div>\r\n</aside>", 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(--blue));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--background-inner: var(--background, var(--smoke));--sidenav-inner: var(--sidenav, var(--black));--navigation-inner: var(--navigation, var(--orange));--container-inner: var(--container, var(--white))}.text-blue{color:var(--blue)!important}.text-blue-bold{font-weight:700!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.border-blue{border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.border-gray{border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.border-green{border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.border-yellow{border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.border-red{border-color:var(--red)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.border-white{border-color:var(--white)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.border-black{border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.border-orange{border-color:var(--orange)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.border-primary{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}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.border-secondary{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}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.border-success{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}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.border-warning{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}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.border-danger{border-color:var(--danger-inner)!important}.text-background{color:var(--background-inner)!important}.text-background-bold{color:var(--background-inner)!important;font-weight:700!important}.background-background{background-color:var(--background-inner)!important}.background-border-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.border-background{border-color:var(--background-inner)!important}.text-sidenav{color:var(--sidenav-inner)!important}.text-blue-sidenav{color:var(--sidenav-inner)!important;font-weight:700!important}.background-sidenav{background-color:var(--sidenav-inner)!important}.background-border-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.border-sidenav{border-color:var(--sidenav-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.border-navigation{border-color:var(--navigation-inner)!important}.text-container{color:var(--container-inner)!important}.text-container-bold{color:var(--container-inner)!important;font-weight:700!important}.background-container{background-color:var(--container-inner)!important}.background-border-container{background-color:var(--container-inner)!important;border-color:var(--container-inner)!important}.border-container{border-color:var(--container-inner)!important}.text-transparent{color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}.border-transparent{border-color:transparent!important}aside.toast-container{position:fixed;bottom:0;right:0;padding:15px!important;z-index:2000!important}aside.toast-container i,aside.toast-container svg{display:flex;align-items:center}aside.toast-container strong{margin:0 auto 0 5px}aside.toast-container div.toast,aside.toast-container div.toast-header{border-top-left-radius:10px;border-top-right-radius:10px;color:var(--smoke)}aside.toast-container div.toast,aside.toast-container div.toast-body{border-bottom-left-radius:10px;border-bottom-right-radius:10px;width:auto!important;min-width:350px!important;max-width:470px!important;color:var(--smoke)}aside.toast-container div.toast-body{min-height:36px}aside.toast-container pre{font-family:Roboto,RobotoFallback,Noto Kufi Arabic,Helvetica,Arial,sans-serif;white-space:pre-wrap;font-size:medium}aside.toast-container button{margin:0 2px!important;width:10px!important;height:10px!important;box-shadow:none!important;outline:none!important;border:none!important}aside.toast-container div#alert-success div.toast-header,aside.toast-container div#alert-success div.toast-body{background-color:var(--success-inner)}aside.toast-container div#alert-info div.toast-header,aside.toast-container div#alert-info div.toast-body{background-color:var(--primary-inner)}aside.toast-container div#alert-error div.toast-header,aside.toast-container div#alert-error div.toast-body{background-color:var(--danger-inner)}aside.toast-container div#alert-warning div.toast-header,aside.toast-container div#alert-warning div.toast-body{background-color:var(--warning-inner);border-color:var(--black);color:var(--black)}aside.toast-container div#alert-success:hover,aside.toast-container div#alert-info:hover,aside.toast-container div#alert-error:hover,aside.toast-container div#alert-warning:hover{transform:scale(1.01);box-shadow:2px 2px 10px #789;cursor:default}button.sweet-alert-button{width:100px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 5px!important;outline:none!important;border:none!important;box-shadow:none!important}aside.toast-container>*{border:none!important;z-index:2000!important;margin:15px 0 0!important}\n"] }]
+            args: [{ selector: 'coer-alert', standalone: true, template: "<aside class=\"toast-container coer-alert\">\r\n    <!-- Success -->\r\n    <div id=\"alert-success\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n        <div class=\"toast-header\">\r\n            <i id=\"alert-success-icon\"></i>\r\n            <strong id=\"alert-success-title\"></strong>\r\n            <button type=\"button\" (click)=\"Close('alert-success')\" class=\"btn-close btn-close-white\"></button>\r\n        </div>\r\n\r\n        <div class=\"toast-body\">\r\n            <pre id=\"alert-success-message\"></pre>\r\n        </div>\r\n    </div>\r\n\r\n\r\n    <!-- Error -->\r\n    <div id=\"alert-error\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n        <div class=\"toast-header\">\r\n            <i id=\"alert-error-icon\"></i>\r\n            <strong id=\"alert-error-title\"></strong>\r\n            <button type=\"button\" (click)=\"Close('alert-error')\" class=\"btn-close btn-close-white\"></button>\r\n        </div>\r\n\r\n        <div class=\"toast-body\">\r\n            <pre id=\"alert-error-message\"></pre>\r\n        </div>\r\n    </div>\r\n\r\n\r\n    <!-- Info -->\r\n    <div id=\"alert-info\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n       <div class=\"toast-header\">\r\n            <i id=\"alert-info-icon\"></i>\r\n            <strong id=\"alert-info-title\"></strong>\r\n            <button type=\"button\" (click)=\"Close('alert-info')\" class=\"btn-close btn-close-white\"></button>\r\n        </div>\r\n\r\n        <div class=\"toast-body\">\r\n            <pre id=\"alert-info-message\"></pre>\r\n        </div>\r\n    </div>\r\n\r\n\r\n    <!-- Warning -->\r\n    <div id=\"alert-warning\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n        <div class=\"toast-header\">\r\n            <i id=\"alert-warning-icon\"></i>\r\n            <strong id=\"alert-warning-title\"></strong>\r\n            <button type=\"button\" (click)=\"Close('alert-warning')\" class=\"btn-close\"></button>\r\n        </div>\r\n\r\n        <div class=\"toast-body\">\r\n            <pre id=\"alert-warning-message\"></pre>\r\n        </div>\r\n    </div>\r\n</aside>", 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}aside.toast-container{position:fixed;bottom:0;right:0;padding:15px!important;z-index:2000!important}aside.toast-container i,aside.toast-container svg{display:flex;align-items:center}aside.toast-container strong{margin:0 auto 0 5px}aside.toast-container div.toast,aside.toast-container div.toast-header{border-top-left-radius:10px;border-top-right-radius:10px;color:var(--smoke)}aside.toast-container div.toast,aside.toast-container div.toast-body{border-bottom-left-radius:10px;border-bottom-right-radius:10px;width:auto!important;min-width:350px!important;max-width:470px!important;color:var(--smoke)}aside.toast-container div.toast-body{min-height:36px}aside.toast-container pre{font-family:Roboto,RobotoFallback,Noto Kufi Arabic,Helvetica,Arial,sans-serif;white-space:pre-wrap;font-size:medium}aside.toast-container button{margin:0 2px!important;width:10px!important;height:10px!important;box-shadow:none!important;outline:none!important;border:none!important}aside.toast-container div#alert-success div.toast-header,aside.toast-container div#alert-success div.toast-body{background-color:var(--success)}aside.toast-container div#alert-info div.toast-header,aside.toast-container div#alert-info div.toast-body{background-color:var(--information)}aside.toast-container div#alert-error div.toast-header,aside.toast-container div#alert-error div.toast-body{background-color:var(--danger)}aside.toast-container div#alert-warning div.toast-header,aside.toast-container div#alert-warning div.toast-body{background-color:var(--warning);border-color:var(--black);color:var(--black)}aside.toast-container div#alert-success:hover,aside.toast-container div#alert-info:hover,aside.toast-container div#alert-error:hover,aside.toast-container div#alert-warning:hover{transform:scale(1.01);box-shadow:2px 2px 10px #789;cursor:default}button.sweet-alert-button{width:100px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 5px!important;outline:none!important;border:none!important;box-shadow:none!important}aside.toast-container>*{border:none!important;z-index:2000!important;margin:15px 0 0!important}\n"] }]
         }] });
 
 class Breadcrumbs {
@@ -831,6 +778,20 @@ class DateTime {
 }
 
 const ElementsHTML = {
+    /** */
+    GetElement: (selector) => {
+        return document.querySelector(selector);
+    },
+    /** */
+    GetCssValueBy: (selector, style) => {
+        return ElementsHTML.GetCssValue(document.querySelector(selector), style);
+    },
+    /** */
+    GetCssValue: (element, style) => {
+        return Tools.IsNotNull(element)
+            ? window.getComputedStyle(element).getPropertyValue(style)
+            : '';
+    },
     /** Get width in px */
     GetElementWidth: (element, ...args) => {
         let width = 0;
@@ -874,16 +835,20 @@ const ElementsHTML = {
         }
         return isInvalid;
     },
-    /** */
-    GetCssValueBy: (selector, style) => {
-        return ElementsHTML.GetCssValue(document.querySelector(selector), style);
-    },
-    /** */
-    GetCssValue: (element, style) => {
-        return Tools.IsNotNull(element)
-            ? window.getComputedStyle(element).getPropertyValue(style)
-            : '';
-    },
+    /** Get color in hexadecimal format */
+    GetElementColor: (element) => {
+        if (Tools.IsNotNull(element)) {
+            let rgb = window.getComputedStyle(element).getPropertyValue('color');
+            rgb = rgb.replace('rgb(', '').replace(')', '');
+            rgb = rgb.split(',').map(item => Number(item));
+            const red = rgb[0];
+            const green = rgb[1];
+            const blue = rgb[2];
+            const alpha = (rgb.length > 3) ? rgb[3] : undefined;
+            return Colors.ToHexadecimal(red, green, blue, alpha);
+        }
+        return '';
+    }
 };
 
 class Files {