coer-elements 1.0.16 → 1.1.1

package/fesm2022/coer-elements-tools.mjs

@@ -0,0 +1,1899 @@
+import * as i0 from '@angular/core';
+import { signal, Component, forwardRef, inject, Inject, input, output } from '@angular/core';
+import * as bootstrap from 'bootstrap';
+import Swal from 'sweetalert2';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import moment from 'moment';
+import * as XLSX from 'xlsx';
+import { navigationSIGNAL } from 'coer-elements/signals';
+import { Router, ActivatedRoute } from '@angular/router';
+import { Observable } from 'rxjs';
+import { HttpClient, HttpRequest } from '@angular/common/http';
+
+const reference_signal = signal({});
+const Tools = {
+    /** Generate a Guid */
+    GetGuid: (seed = 'coer-system') => {
+        let time = new Date().getTime();
+        seed = seed.toString().trim();
+        return seed + `-xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx`.replace(/[xy]/g, (c) => {
+            const random = (time + Math.random() * 16) % 16 | 0;
+            time = Math.floor(time / 16);
+            return (c == 'x' ? random : (random & 0x3 | 0x8)).toString(16);
+        });
+    },
+    /** Returns true if the value is null or undefined, false otherwise */
+    IsNull: (value) => {
+        return (value === undefined || value === null);
+    },
+    /** Returns true if the value is not null or undefined, false otherwise */
+    IsNotNull: (value) => {
+        return !Tools.IsNull(value);
+    },
+    /** Returns true if the value is null or undefined or contains only whitespace, false otherwise */
+    IsOnlyWhiteSpace: (value) => {
+        return Tools.IsNull(value) || (typeof value === 'string' && value.trim() === '');
+    },
+    /** Returns true if has string value and is not only whitespace, false otherwise */
+    IsNotOnlyWhiteSpace: (value) => {
+        return Tools.IsNotNull(value) && !Tools.IsOnlyWhiteSpace(value);
+    },
+    /** Avoid Null value */
+    AvoidNull: (value, type = null) => {
+        if (typeof value === 'string') {
+            if (type === null || type === 'string') {
+                return (Tools.IsNotNull(value) ? value : '');
+            }
+            else if (type === 'number') {
+                return (Tools.IsNotNull(value) ? Number(value) : 0);
+            }
+            else if (type === 'boolean') {
+                return (Tools.IsNotNull(value) ? (value.toUpperCase().trim() === 'TRUE') : false);
+            }
+        }
+        if (typeof value === 'number') {
+            if (type === null || type === 'number') {
+                return (Tools.IsNotNull(value) ? value : 0);
+            }
+            else if (type === 'string') {
+                return (Tools.IsNotNull(value) ? String(value) : '0');
+            }
+            else if (type === 'boolean') {
+                return (Tools.IsNotNull(value) ? (value >= 1) : false);
+            }
+        }
+        if (typeof value === "boolean") {
+            if (type === null || type === 'boolean') {
+                return (Tools.IsNotNull(value) ? value : false);
+            }
+            else if (type === 'string') {
+                return (Tools.IsNotNull(value) ? (value ? 'true' : 'false') : 'false');
+            }
+            else if (type === 'number') {
+                return (Tools.IsNotNull(value) ? (value ? 1 : 0) : 0);
+            }
+        }
+        switch (type) {
+            case 'string': return '';
+            case 'number': return 0;
+            case 'boolean': return false;
+            default: return '';
+        }
+    },
+    /** */
+    RemoveAccents: (value) => {
+        if (Tools.IsOnlyWhiteSpace(value))
+            return '';
+        return value.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
+    },
+    /** Break reference of a object or array */
+    BreakReference: (object) => {
+        if (object === null)
+            return object;
+        if (typeof object === 'undefined')
+            return object;
+        if (typeof object === 'string')
+            return object;
+        if (typeof object === 'number')
+            return object;
+        if (typeof object === 'boolean')
+            return object;
+        const OBJECT = JSON.parse(JSON.stringify(object));
+        return (Array.isArray(OBJECT)) ? [...OBJECT] : { ...OBJECT };
+    },
+    /** Clean extra whitespaces */
+    CleanUpBlanks: (text) => {
+        if (Tools.IsOnlyWhiteSpace(text))
+            return '';
+        let words = String(text).split(' ');
+        words = words.filter(x => x.length > 0);
+        return words.join(' ');
+    },
+    /** Get properties of an object */
+    GetPropertyList: (object) => {
+        const properties = [];
+        if (object === null)
+            return properties;
+        if (typeof object === 'undefined')
+            return properties;
+        if (typeof object === 'string')
+            return properties;
+        if (typeof object === 'number')
+            return properties;
+        if (typeof object === 'boolean')
+            return properties;
+        for (const property in object)
+            properties.push(String(property));
+        return properties;
+    },
+    /**
+     * Set an index and merge more arrays of the same type
+     * */
+    SetIndex: (array, ...args) => {
+        let index = 0;
+        for (const arg of args) {
+            array = Tools.BreakReference(array).concat(Tools.BreakReference(arg));
+        }
+        return Tools.BreakReference(array).map(item => Object.assign({ index: index++ }, item));
+    },
+    /** Set First Char To Lower */
+    FirstCharToLower: (text) => {
+        if (Tools.IsOnlyWhiteSpace(text))
+            return '';
+        const textArray = [];
+        for (let i = 0; i < text.length; i++) {
+            if (i === 0)
+                textArray.push(text[i].toLowerCase());
+            else
+                textArray.push(text[i]);
+        }
+        return textArray.join('');
+    },
+    /** Set First Char To Upper */
+    FirstCharToUpper: (text) => {
+        if (Tools.IsOnlyWhiteSpace(text))
+            return '';
+        const textArray = [];
+        for (let i = 0; i < text.length; i++) {
+            if (i === 0)
+                textArray.push(text[i].toUpperCase());
+            else
+                textArray.push(text[i]);
+        }
+        return textArray.join('');
+    },
+    /** Sort an array in ascending order by property */
+    SortBy: (array, property, propertyType = 'string') => {
+        switch (propertyType) {
+            case 'string': {
+                return array.sort((x, y) => {
+                    if (String(x[property]).toUpperCase().trim() < String(y[property]).toUpperCase().trim())
+                        return -1;
+                    else if (String(x[property]).toUpperCase().trim() > String(y[property]).toUpperCase().trim())
+                        return 1;
+                    else
+                        return 0;
+                });
+            }
+            case 'number': {
+                return array.sort((x, y) => Number(x[property] - Number(y[property])));
+            }
+        }
+    },
+    /** Sort an array in descending order by property */
+    SortByDesc: (array, property, propertyType = 'string') => {
+        switch (propertyType) {
+            case 'string': {
+                return array.sort((x, y) => {
+                    if (String(x[property]).toUpperCase().trim() < String(y[property]).toUpperCase().trim())
+                        return 1;
+                    else if (String(x[property]).toUpperCase().trim() > String(y[property]).toUpperCase().trim())
+                        return -1;
+                    else
+                        return 0;
+                });
+            }
+            case 'number': {
+                return array.sort((x, y) => Number(Number(y[property])) - x[property]);
+            }
+        }
+    },
+    /** Return a string with forman numeric */
+    GetNumericFormat: (value, decimals = 0) => {
+        if (Tools.IsOnlyWhiteSpace(value) || isNaN(Number(value))) {
+            return '0';
+        }
+        let valueInteger = '';
+        let valueDecimal = '';
+        value = value.toString().replaceAll(' ', '');
+        if (value.includes('.') || (decimals > 0)) {
+            valueInteger = value.includes('.') ? value.split('.')[0] : value;
+            if (decimals > 0) {
+                const PADDING = decimals - valueDecimal.length;
+                valueDecimal = value.includes('.') ? value.split('.')[1] : '';
+                for (let i = 0; i < PADDING; i++)
+                    valueDecimal += '0';
+                valueDecimal = valueDecimal.substring(0, decimals);
+                valueDecimal = `.${valueDecimal}`;
+            }
+        }
+        else {
+            valueInteger = value;
+        }
+        let counter = 0;
+        const VALUE_INTEGER_ARRAY = [];
+        for (const char of valueInteger.split('').reverse()) {
+            if (counter == 3) {
+                VALUE_INTEGER_ARRAY.push(',');
+                counter = 0;
+            }
+            VALUE_INTEGER_ARRAY.push(char);
+            ++counter;
+        }
+        valueInteger = VALUE_INTEGER_ARRAY.reverse().join('');
+        return `${valueInteger}${valueDecimal}`;
+    },
+    /** Wait the time indicated */
+    Sleep: (milliseconds = 0, reference = null) => {
+        if (Tools.IsNull(reference)) {
+            return new Promise(Resolve => setTimeout(Resolve, milliseconds));
+        }
+        else
+            return new Promise(Resolve => {
+                reference = reference.replaceAll(' ', '_').toLowerCase();
+                if (reference_signal().hasOwnProperty(reference)) {
+                    clearInterval(reference_signal()[reference]);
+                }
+                reference_signal.set(Object.assign(reference_signal(), {
+                    [reference]: setTimeout(() => {
+                        Resolve();
+                        clearInterval(reference_signal()[reference]);
+                        const _reference = { ...reference_signal() };
+                        delete _reference[reference];
+                        reference_signal.set({ ..._reference });
+                    }, milliseconds)
+                }));
+            });
+    },
+    /** */
+    Distinct: (array, ...args) => {
+        for (const arg of args) {
+            array = Tools.BreakReference(array).concat(Tools.BreakReference(arg));
+        }
+        return Array.from(new Set(array));
+    },
+    /** */
+    Except: (array, filter, ...properties) => {
+        const result = [];
+        for (const item of array) {
+            if (typeof item === 'object' && Tools.IsNotNull(properties) && properties.length > 0) {
+                if (!filter.some(x => x[properties[0]] === item[properties[0]])) {
+                    result.push(item);
+                }
+            }
+        }
+        return [...result];
+    }
+};
+
+class Colors {
+    static { this.blue = '#0d6efd'; }
+    static { this.gray = '#6c757d'; }
+    static { this.green = '#198754'; }
+    static { this.yellow = '#ffc107'; }
+    static { this.red = '#dc3545'; }
+    static { this.white = '#f5f5f5'; }
+    static { this.black = '#252525'; }
+    static { this.orange = '#fd6031'; }
+    static { this.purple = '#a615bc'; }
+    /** Returns the color palette in hexadecimal */
+    static { this.colorsHex = new Map([
+        ['blue', '#0d6efd'],
+        ['gray', '#6c757d'],
+        ['green', '#198754'],
+        ['yellow', '#ffc107'],
+        ['red', '#dc3545'],
+        ['white', '#f5f5f5'],
+        ['black', '#252525'],
+        ['orange', '#fd6031'],
+        ['purple', '#a615bc'],
+    ]); }
+    /** 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)); }
+    /** Returns the number of colors requested */
+    static GetColorHexList(quantity) {
+        const colors = [];
+        let counter = 0;
+        while (counter < quantity) {
+            for (const color of this.colorsHex.values()) {
+                colors.push(color);
+                if (++counter === quantity)
+                    break;
+            }
+        }
+        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 {
+    /** */
+    Success(message = null, title = null, icon = null, autohide = 3000) {
+        //Title
+        if (Tools.IsOnlyWhiteSpace(title))
+            title = 'Success';
+        const alertSuccessTitle = document.getElementById('alert-success-title');
+        alertSuccessTitle.textContent = title;
+        //Icon
+        icon = this.GetIcon(title, icon, 'bi-check-circle fa-beat');
+        const alertSuccessIcon = document.getElementById('alert-success-icon');
+        this.SetIcon(alertSuccessIcon, icon);
+        //Message
+        if (Tools.IsNull(message))
+            message = '';
+        const alertSuccessMessage = document.getElementById('alert-success-message');
+        alertSuccessMessage.innerHTML = message;
+        //Toast
+        const alertSuccess = document.getElementById('alert-success');
+        this.SetAutoHide(alertSuccess, autohide);
+        const toast = bootstrap.Toast.getOrCreateInstance(alertSuccess);
+        toast.show();
+    }
+    /** */
+    Error(message = null, title = null, icon = null, autohide = 3000) {
+        //Title
+        if (Tools.IsOnlyWhiteSpace(title))
+            title = 'Error';
+        const alertErrorTitle = document.getElementById('alert-error-title');
+        alertErrorTitle.textContent = title;
+        //Icon
+        icon = this.GetIcon(title, icon, 'bi-exclamation-octagon fa-beat');
+        const alertErrorIcon = document.getElementById('alert-error-icon');
+        this.SetIcon(alertErrorIcon, icon);
+        //Message
+        if (Tools.IsNull(message))
+            message = '';
+        const alertErrorBody = document.getElementById('alert-error-message');
+        alertErrorBody.innerHTML = message;
+        //Toast
+        const alertError = document.getElementById('alert-error');
+        this.SetAutoHide(alertError, autohide);
+        const toast = bootstrap.Toast.getOrCreateInstance(alertError);
+        toast.show();
+    }
+    /** */
+    Info(message = null, title = null, icon = null, autohide = 3000) {
+        //Title
+        if (Tools.IsOnlyWhiteSpace(title))
+            title = 'Info';
+        const alertInfoTitle = document.getElementById('alert-info-title');
+        alertInfoTitle.textContent = title;
+        //Icon
+        icon = this.GetIcon(title, icon, 'bi-info-circle fa-beat');
+        const alertInfoIcon = document.getElementById('alert-info-icon');
+        this.SetIcon(alertInfoIcon, icon);
+        //Message
+        if (Tools.IsNull(message))
+            message = '';
+        const alertInfoBody = document.getElementById('alert-info-message');
+        alertInfoBody.innerHTML = message;
+        //Toast
+        const alertInfo = document.getElementById('alert-info');
+        this.SetAutoHide(alertInfo, autohide);
+        const toast = bootstrap.Toast.getOrCreateInstance(alertInfo);
+        toast.show();
+    }
+    /** */
+    Warning(message = null, title = null, icon = null, autohide = 3000) {
+        //Title
+        if (Tools.IsOnlyWhiteSpace(title))
+            title = 'Warning';
+        const alertWarningTitle = document.getElementById('alert-warning-title');
+        alertWarningTitle.textContent = title;
+        //Icon
+        icon = this.GetIcon(title, icon, 'bi-exclamation-triangle-fill fa-beat');
+        const alertWarningIcon = document.getElementById('alert-warning-icon');
+        this.SetIcon(alertWarningIcon, icon);
+        //Message
+        if (Tools.IsNull(message))
+            message = '';
+        const alertWarningBody = document.getElementById('alert-warning-message');
+        alertWarningBody.innerHTML = message;
+        //Toast
+        const alertWarning = document.getElementById('alert-warning');
+        this.SetAutoHide(alertWarning, autohide);
+        const toast = bootstrap.Toast.getOrCreateInstance(alertWarning);
+        toast.show();
+    }
+    /** */
+    Close(alert) {
+        return new Promise(Resolve => {
+            const element = document.getElementById(alert);
+            const toast = bootstrap.Toast.getOrCreateInstance(element);
+            toast.hide();
+            setTimeout(() => { Resolve(); }, 200);
+        });
+    }
+    /** */
+    Confirm(message = 'Proceed?', alertType = 'warning', icon = null) {
+        return new Promise(Resolve => {
+            let color;
+            let iconType;
+            switch (alertType) {
+                case 'danger':
+                    {
+                        if (Tools.IsNull(icon))
+                            icon = 'bi-exclamation-octagon';
+                        iconType = 'error';
+                        color = Colors.red;
+                        break;
+                    }
+                    ;
+                case 'success':
+                    {
+                        if (Tools.IsNull(icon))
+                            icon = 'bi-check-circle';
+                        iconType = 'info';
+                        color = Colors.green;
+                        break;
+                    }
+                    ;
+                case 'info':
+                    {
+                        if (Tools.IsNull(icon))
+                            icon = 'bi-info-circle';
+                        iconType = 'error';
+                        color = Colors.black;
+                        break;
+                    }
+                    ;
+                default: {
+                    if (Tools.IsNull(icon))
+                        icon = 'bi-exclamation-triangle-fill';
+                    iconType = 'warning';
+                    color = Colors.yellow;
+                    break;
+                }
+            }
+            switch (icon) {
+                case 'delete':
+                    icon = 'fa-regular fa-trash-can';
+                    break;
+            }
+            Swal.fire({
+                icon: iconType,
+                iconColor: 'transparent',
+                iconHtml: `<i class="${icon}" style="color: ${color};"></i>`,
+                html: message,
+                showConfirmButton: true,
+                confirmButtonText: 'Yes',
+                confirmButtonColor: color,
+                focusConfirm: true,
+                showDenyButton: true,
+                denyButtonColor: color,
+                focusDeny: false,
+                reverseButtons: true,
+                allowOutsideClick: false,
+                allowEscapeKey: false,
+                allowEnterKey: true,
+                customClass: {
+                    denyButton: 'sweet-alert-button',
+                    confirmButton: 'sweet-alert-button'
+                }
+            }).then(({ value }) => setTimeout(() => Resolve(value)));
+        });
+    }
+    /** */
+    SetIcon(element, icon) {
+        if (icon.toUpperCase() != 'NONE') {
+            for (const item of [...element.classList.value.split(' ')]) {
+                if (item.length > 0) {
+                    element.classList.remove(item);
+                    element.classList.remove('q');
+                }
+            }
+            icon = icon.trim();
+            const hasWhiteSpaces = / /;
+            if (hasWhiteSpaces.test(icon)) {
+                const classes = icon.split(' ');
+                for (const icon of classes)
+                    element.classList.add(icon);
+            }
+            else
+                element.classList.add(icon);
+        }
+    }
+    /** */
+    SetAutoHide(element, autohide) {
+        element.removeAttribute('data-bs-autohide');
+        element.removeAttribute('data-bs-delay');
+        if (autohide && autohide > 0) {
+            if (autohide < 1000)
+                autohide = 1000;
+            element.setAttribute('data-bs-autohide', 'true');
+            element.setAttribute('data-bs-delay', String(autohide));
+        }
+        else
+            element.setAttribute('data-bs-autohide', 'false');
+    }
+    /** */
+    GetIcon(title, icon, iconDefault) {
+        if (icon == null || icon == '') {
+            title = title.replaceAll(' ', '').toUpperCase();
+            switch (title) {
+                case 'ENABLED': return 'fa-solid fa-thumbs-up fa-flip-horizontal';
+                case 'ACTIVE': return 'fa-solid fa-thumbs-up fa-flip-horizontal';
+                case 'ACTIVED': return 'fa-solid fa-thumbs-up fa-flip-horizontal';
+                case 'DISABLE': return 'fa-solid fa-thumbs-down fa-flip-horizontal';
+                case 'DISABLED': return 'fa-solid fa-thumbs-down fa-flip-horizontal';
+                case 'DELETE': return 'fa-regular fa-trash-can';
+                case 'DELETED': return 'fa-regular fa-trash-can';
+                default: return iconDefault;
+            }
+        }
+        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;--white: #f5f5f5;--black: #252525;--orange: #fd6031;--purple: #a615bc}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;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-transparent{color:transparent!important}.background-transparent{background-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(--white)}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(--white)}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(--green)}aside.toast-container div#alert-info div.toast-header,aside.toast-container div#alert-info div.toast-body{background-color:var(--blue)}aside.toast-container div#alert-error div.toast-header,aside.toast-container div#alert-error div.toast-body{background-color:var(--red)}aside.toast-container div#alert-warning div.toast-header,aside.toast-container div#alert-warning div.toast-body{background-color:var(--yellow);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;--white: #f5f5f5;--black: #252525;--orange: #fd6031;--purple: #a615bc}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;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-transparent{color:transparent!important}.background-transparent{background-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(--white)}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(--white)}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(--green)}aside.toast-container div#alert-info div.toast-header,aside.toast-container div#alert-info div.toast-body{background-color:var(--blue)}aside.toast-container div#alert-error div.toast-header,aside.toast-container div#alert-error div.toast-body{background-color:var(--red)}aside.toast-container div#alert-warning div.toast-header,aside.toast-container div#alert-warning div.toast-body{background-color:var(--yellow);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 {
+    static { this.storage = 'COER-System'; }
+    /** */
+    static Add(page, path) {
+        const breadcrumbs = this.Get();
+        const paths = breadcrumbs.map(item => item.path);
+        if (!paths.includes(path)) {
+            breadcrumbs.push({ page, path });
+            this.Save(breadcrumbs);
+        }
+    }
+    /** */
+    static Get() {
+        let storage = sessionStorage.getItem(this.storage);
+        if (storage) {
+            storage = JSON.parse(storage);
+            if (storage.hasOwnProperty('breadcrumbs')) {
+                return Tools.BreakReference(storage.breadcrumbs);
+            }
+        }
+        return [];
+    }
+    /** */
+    static GetFirst() {
+        const breadcrumbs = this.Get();
+        return (breadcrumbs.length > 0) ? breadcrumbs.shift() : null;
+    }
+    /** */
+    static Save(breadcrumbs) {
+        let storage = sessionStorage.getItem(this.storage);
+        if (storage)
+            storage = JSON.parse(storage);
+        storage = Object.assign({}, storage, { breadcrumbs });
+        sessionStorage.setItem(this.storage, JSON.stringify(storage));
+    }
+    /** */
+    static Remove(path) {
+        let breadcrumbs = this.Get();
+        const index = breadcrumbs.findIndex(x => x.path.toLowerCase().trim() === path.toLowerCase().trim());
+        if (index >= 0) {
+            breadcrumbs = Tools.BreakReference(breadcrumbs).splice(0, index + 1);
+            this.Save(breadcrumbs);
+        }
+    }
+    /** */
+    static SetLast(page, path) {
+        const breadcrumbs = this.Get();
+        if (breadcrumbs.length > 0) {
+            breadcrumbs[breadcrumbs.length - 1] = { page, path };
+            this.Save(breadcrumbs);
+        }
+    }
+    /** */
+    static RemoveLast() {
+        const breadcrumbs = this.Get();
+        if (breadcrumbs.length > 0) {
+            breadcrumbs.pop();
+            this.Save(breadcrumbs);
+        }
+    }
+}
+
+const GridTemplates = {
+    /** Template for boolean property */
+    isActiveTemplate: (item) => {
+        if (item.value) {
+            return `
+                <span class='text-green-bold'>
+                    <i class="fa-solid fa-circle-check"></i> Active
+                </span>
+            `;
+        }
+        else {
+            return `
+                <span class='text-gray-bold'>
+                    <i class="fa-solid fa-circle-minus"></i> Disabled
+                </span>
+            `;
+        }
+    },
+    /** Template for boolean property */
+    coerSwitchTemplate: (item) => ({
+        isInput: true,
+        tooltip: `${item.value ? 'Active' : 'Disabled'}`
+    }),
+    /** Template for text property */
+    coerTextboxTemplate: (item) => ({
+        isInput: true,
+        isInvalid: item.value.length <= 0
+    }),
+    /** Template for text property */
+    coerIconTemplate: (icon, color = 'black') => {
+        return `<i class='${icon} d-block w-100 text-center' style='color: ${color};'></i>`;
+    }
+};
+
+const CONTROL_VALUE = (component) => {
+    return {
+        provide: NG_VALUE_ACCESSOR,
+        useExisting: forwardRef(() => component),
+        multi: true
+    };
+};
+class ControlValue {
+    constructor() {
+        this._isTouched = false;
+    }
+    get isTouched() {
+        return this._isTouched;
+    }
+    /** */
+    SetValue(value) {
+        if (typeof this._UpdateValue === 'function') {
+            this._UpdateValue(value);
+        }
+        this._value = value;
+    }
+    /** */
+    SetTouched(isTouched) {
+        if (typeof this._IsTouched === 'function') {
+            this._IsTouched(isTouched);
+        }
+        this._isTouched = isTouched;
+    }
+    /** */
+    writeValue(value) {
+        this._value = value;
+    }
+    /** */
+    registerOnChange(callback) {
+        this._UpdateValue = callback;
+    }
+    /** */
+    registerOnTouched(callback) {
+        this._IsTouched = callback;
+    }
+    /** */
+    setDisabledState(isDisabled) { }
+}
+
+class DateTime {
+    /** Get UTC Offset */
+    static GetOffset() {
+        return moment().utcOffset();
+    }
+    /** YYYY-MM-DD HH:mm:ss */
+    static GetFormatDB(date) {
+        date = new Date(date.toString());
+        return moment(date).format('YYYY-MM-DD HH:mm:ss');
+    }
+    /** Convert UTC Date to Local Zone */
+    static ToLocalZone(date) {
+        date = DateTime.GetFormatDB(date);
+        return moment(date).add(DateTime.GetOffset(), 'minutes').format('YYYY-MM-DD HH:mm:ss');
+    }
+    /** Convert Local Zone Date to UTC */
+    static ToUTC(date) {
+        date = DateTime.GetFormatDB(date);
+        return moment(date).subtract(DateTime.GetOffset(), 'minutes').format('YYYY-MM-DD HH:mm:ss');
+    }
+    /** MMM, DD YYYY */
+    static GetDateFormat(date) {
+        date = DateTime.GetFormatDB(date);
+        return moment(date).parseZone().local(true).format('MMM, DD YYYY');
+    }
+    /** MMM, DD YYYY at hh:mm a */
+    static GetDateTimeFormat(date) {
+        date = DateTime.GetFormatDB(date);
+        return moment(date).parseZone().local(true).format('MMM, DD YYYY - hh:mm a').replace('-', 'at');
+    }
+    /** */
+    static IsValidDate(date) {
+        if (Tools.IsOnlyWhiteSpace(date))
+            return false;
+        date = DateTime.GetFormatDB(date);
+        return moment(date).isValid();
+    }
+    /** */
+    static SetFirstHour(date = '', format = 'database') {
+        if (Tools.IsOnlyWhiteSpace(date))
+            date = moment();
+        else {
+            date = DateTime.GetFormatDB(date);
+            date = moment(date);
+        }
+        date = date.set('hour', 0).set('minute', 0).set('second', 0).set('millisecond', 0);
+        return (format === 'database')
+            ? DateTime.GetFormatDB(date)
+            : DateTime.GetDateFormat(date);
+    }
+    /** */
+    static SetLastHour(date = '', format = 'database') {
+        if (Tools.IsOnlyWhiteSpace(date))
+            date = moment();
+        else {
+            date = DateTime.GetFormatDB(date);
+            date = moment(date);
+        }
+        date = date.set('hour', 23).set('minute', 59).set('second', 59).set('millisecond', 59);
+        return (format === 'database')
+            ? DateTime.GetFormatDB(date)
+            : DateTime.GetDateFormat(date);
+    }
+}
+
+const ElementsHTML = {
+    /** Get width in px */
+    GetElementWidth: (element, ...args) => {
+        let width = 0;
+        if (Tools.IsNotNull(element) && Tools.IsNotOnlyWhiteSpace(element?.offsetWidth)) {
+            width += element.offsetWidth;
+            for (const arg of args) {
+                if (typeof arg == 'number')
+                    width += arg;
+                else if (Tools.IsNotNull(arg) && Tools.IsNotOnlyWhiteSpace(arg?.offsetWidth)) {
+                    width += arg.offsetWidth;
+                }
+            }
+        }
+        return `${width}px`;
+    },
+    /** Get height in px */
+    GetElementHeight: (element, ...args) => {
+        let height = 0;
+        if (Tools.IsNotNull(element) && Tools.IsNotOnlyWhiteSpace(element?.offsetHeight)) {
+            height += element.offsetHeight;
+            for (const arg of args) {
+                if (typeof arg == 'number')
+                    height += arg;
+                else if (Tools.IsNotNull(arg) && Tools.IsNotOnlyWhiteSpace(arg?.offsetHeight)) {
+                    height += arg.offsetHeight;
+                }
+            }
+        }
+        return `${height}px`;
+    },
+    /** */
+    IsInvalidElement: (element) => {
+        let isInvalid = true;
+        if (Tools.IsNotNull(element)) {
+            if (typeof element == 'object') {
+                const properties = Tools.GetPropertyList(element);
+                if (properties.includes('_isTouched') && properties.includes('_value')) {
+                    isInvalid = element.isTouched && Tools.IsOnlyWhiteSpace(element.value);
+                }
+            }
+        }
+        return isInvalid;
+    },
+};
+
+class Files {
+    static { this.EXCEL_EXTENSIONS = ['xls', 'xlsx', 'csv']; }
+    /** Get Extension File */
+    static GetExtension(file) {
+        const fileName = file.name;
+        if (fileName.includes('.')) {
+            let worlds = fileName.split('.');
+            if (worlds.length > 0) {
+                let extension = worlds.pop();
+                extension = extension.trim().toLowerCase();
+                if (extension.length > 0)
+                    return extension;
+            }
+        }
+        return null;
+    }
+    /** Is Excel File */
+    static IsExcel(file) {
+        const EXTENSION = Files.GetExtension(file);
+        return Tools.IsNotNull(EXTENSION)
+            ? this.EXCEL_EXTENSIONS.includes(EXTENSION)
+            : false;
+    }
+    /** Read excel file */
+    static ReadExcel(file) {
+        return new Promise(Resolve => {
+            let columns = [];
+            let rows = [];
+            const reader = new FileReader();
+            reader.readAsArrayBuffer(file);
+            reader.onload = () => {
+                const dataBytes = new Uint8Array(reader.result);
+                if (dataBytes) {
+                    const workbook = XLSX.read(dataBytes, {});
+                    const sheet = workbook.Sheets[workbook.SheetNames[0]];
+                    let dataSheet = XLSX.utils.sheet_to_json(sheet, {
+                        header: ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z']
+                    });
+                    //Get Headers
+                    for (const column in dataSheet[0]) {
+                        columns.push(Tools.FirstCharToLower(String(dataSheet[0][column]).replaceAll(' ', '')));
+                    }
+                    //Get Rows
+                    rows = XLSX.utils.sheet_to_json(sheet, { header: columns });
+                    rows.shift();
+                    rows = rows.map(row => {
+                        const item = Tools.BreakReference(row);
+                        delete item['__rowNum__'];
+                        return item;
+                    });
+                }
+                Resolve({ columns, rows });
+            };
+            reader.onerror = () => { Resolve({ columns, rows }); };
+        });
+    }
+    /** Export to excel file */
+    static ExportExcel(data, fileName = 'coer_report', sheetName = 'Sheet1') {
+        sheetName = Tools.CleanUpBlanks(sheetName);
+        fileName = Tools.CleanUpBlanks(fileName);
+        if (fileName.endsWith('.xls') || fileName.endsWith('.xlsx') || fileName.endsWith('.csv')) {
+            if (fileName.endsWith('.xls')) {
+                fileName = fileName.replaceAll('.xls', '.xlsx');
+            }
+            if (fileName.endsWith('.csv')) {
+                fileName = fileName.replaceAll('.csv', '.xlsx');
+            }
+        }
+        else {
+            fileName += '.xlsx';
+        }
+        const WORK_SHEET = XLSX.utils.json_to_sheet(data);
+        const WORK_BOOK = XLSX.utils.book_new();
+        XLSX.utils.book_append_sheet(WORK_BOOK, WORK_SHEET, sheetName);
+        XLSX.writeFile(WORK_BOOK, fileName);
+    }
+    /** Convert file to string base64 */
+    static ConvertToBase64(file) {
+        return new Promise(Resolve => {
+            const reader = new FileReader();
+            reader.readAsDataURL(file);
+            reader.onload = () => {
+                Resolve(reader.result?.toString() || '');
+            };
+            reader.onerror = () => Resolve('');
+        });
+    }
+}
+
+class User {
+    static { this.storage = 'COER-System'; }
+    /** */
+    static Set(user) {
+        let storage = localStorage.getItem(this.storage);
+        if (storage) {
+            storage = JSON.parse(storage);
+            storage = Object.assign({}, storage, { user });
+        }
+        else {
+            storage = Object.assign({}, storage, { user });
+        }
+        localStorage.setItem(this.storage, JSON.stringify(storage));
+    }
+    /** */
+    static Get() {
+        let storage = localStorage.getItem(this.storage);
+        if (storage) {
+            storage = JSON.parse(storage);
+            if (storage.hasOwnProperty('user')) {
+                return storage.user;
+            }
+        }
+        return null;
+    }
+    /** */
+    static LogIn() {
+        let storage = localStorage.getItem(this.storage);
+        storage = JSON.parse(storage);
+        return Tools.IsNotOnlyWhiteSpace(storage)
+            && Tools.IsNotNull(storage?.user)
+            && Tools.IsNotOnlyWhiteSpace(storage?.user?.jwt);
+    }
+    /** */
+    static LogOut() {
+        sessionStorage.removeItem(this.storage);
+        localStorage.removeItem(this.storage);
+        document.location.href = '/';
+    }
+}
+
+class Filters {
+    static { this.storage = 'COER-System'; }
+    /** */
+    static Add(filters, path) {
+        let storage = sessionStorage.getItem(this.storage);
+        storage = JSON.parse(storage);
+        let dictionary = [[path, filters]];
+        if (Tools.IsNotNull(storage?.filters)) {
+            const index = storage.filters.findIndex((x) => x.some(y => y === path));
+            if (index > -1) {
+                storage.filters[index][1] = filters;
+                dictionary = storage.filters;
+            }
+            else {
+                dictionary = storage.filters.concat(dictionary);
+            }
+        }
+        storage = Object.assign({}, storage, {
+            filters: dictionary
+        });
+        sessionStorage.setItem(this.storage, JSON.stringify(storage));
+    }
+    /** */
+    static Get(path) {
+        let storage = sessionStorage.getItem(this.storage);
+        storage = JSON.parse(storage);
+        if (Tools.IsNotNull(storage?.filters)) {
+            for (const filterList of storage.filters) {
+                if (filterList.some((x) => x === path)) {
+                    return filterList[1];
+                }
+            }
+        }
+        return null;
+    }
+    /** */
+    static Remove(path) {
+        let storage = sessionStorage.getItem(this.storage);
+        storage = JSON.parse(storage);
+        if (Tools.IsNotNull(storage?.filters)) {
+            let index = 0;
+            for (index; index < storage.filters.length; index++) {
+                if (storage.filters[index].some((x) => x === path)) {
+                    break;
+                }
+            }
+            storage.filters.splice(index, 1);
+        }
+        sessionStorage.setItem(this.storage, JSON.stringify(storage));
+    }
+    /** */
+    static RemoveAll() {
+        let storage = sessionStorage.getItem(this.storage);
+        storage = JSON.parse(storage);
+        if (Tools.IsNotNull(storage?.filters)) {
+            delete storage.filters;
+        }
+        sessionStorage.setItem(this.storage, JSON.stringify(storage));
+    }
+}
+
+class Menu {
+    static { this.storage = 'COER-System'; }
+    /** */
+    static SetSelectedOption(menu) {
+        let storage = sessionStorage.getItem(this.storage);
+        if (storage)
+            storage = JSON.parse(storage);
+        storage = Object.assign({}, storage, { menu });
+        sessionStorage.setItem(this.storage, JSON.stringify(storage));
+    }
+    /** */
+    static GetSelectedOption() {
+        let storage = sessionStorage.getItem(this.storage);
+        if (storage) {
+            storage = JSON.parse(storage);
+            if (storage.hasOwnProperty('menu')) {
+                return storage.menu;
+            }
+        }
+        return null;
+    }
+    static { this.GetMenuAccess = () => {
+        const menuAccess = [];
+        //LV1
+        for (const lv1 of navigationSIGNAL()) {
+            //LV1 - Page
+            if (Tools.IsNotOnlyWhiteSpace(lv1.path) && Tools.IsNull(lv1.items)) {
+                menuAccess.push({
+                    module: null,
+                    submodule: null,
+                    page: lv1.label,
+                    path: lv1.path,
+                    readonly: Tools.IsNotNull(lv1?.readonly) ? lv1.readonly : true
+                });
+            }
+            //LV1 - Module
+            else if (Tools.IsOnlyWhiteSpace(lv1.path) && Tools.IsNotNull(lv1.items)) {
+                //LV2
+                for (const lv2 of lv1.items) {
+                    //LV2 - Page
+                    if (Tools.IsNotOnlyWhiteSpace(lv2.path) && Tools.IsNull(lv2.items)) {
+                        menuAccess.push({
+                            module: lv1.label,
+                            submodule: null,
+                            page: lv2.label,
+                            path: lv2.path,
+                            readonly: Tools.IsNotNull(lv2?.readonly) ? lv2.readonly : true
+                        });
+                    }
+                    //LV2 - Submodule
+                    else if (Tools.IsOnlyWhiteSpace(lv2.path) && Tools.IsNotNull(lv2.items)) {
+                        //LV3
+                        for (const lv3 of lv2.items) {
+                            //LV3 Page
+                            if (Tools.IsNotOnlyWhiteSpace(lv3.path) && Tools.IsNull(lv3.items)) {
+                                menuAccess.push({
+                                    module: lv1.label,
+                                    submodule: lv2.label,
+                                    page: lv3.label,
+                                    path: lv3.path,
+                                    readonly: Tools.IsNotNull(lv3?.readonly) ? lv3.readonly : true
+                                });
+                            }
+                        }
+                    }
+                }
+            }
+        }
+        return menuAccess;
+    }; }
+}
+
+class Source {
+    static { this.storage = 'COER-System'; }
+    /** */
+    static Set(page) {
+        const ROUTER = inject(Router);
+        let path = ROUTER.url;
+        if (path.includes('?'))
+            path = path.split('?')[0];
+        Breadcrumbs.Add(page, path);
+        const breadcrumbs = Breadcrumbs.Get();
+        if (breadcrumbs.length >= 2) {
+            breadcrumbs.pop();
+            const breadcrumb = breadcrumbs.pop();
+            this.Save({ page: breadcrumb.page, path: breadcrumb.path });
+        }
+        else
+            this.Save(null);
+    }
+    /** */
+    static Save(source) {
+        let storage = sessionStorage.getItem(this.storage);
+        if (storage)
+            storage = JSON.parse(storage);
+        storage = Object.assign({}, storage, { source });
+        sessionStorage.setItem(this.storage, JSON.stringify(storage));
+    }
+    /** */
+    static Get() {
+        let storage = sessionStorage.getItem(this.storage);
+        if (storage) {
+            storage = JSON.parse(storage);
+            if (storage.hasOwnProperty('source')) {
+                return storage.source;
+            }
+        }
+        return null;
+    }
+    /** */
+    static GetRoot() {
+        const breadcrumbs = Breadcrumbs.Get();
+        return (breadcrumbs.length > 0) ? breadcrumbs.shift() : null;
+    }
+    /** */
+    static SetPageResponse(pageResponse) {
+        let storage = sessionStorage.getItem(this.storage);
+        storage = JSON.parse(storage);
+        storage = Object.assign({}, storage, { pageResponse });
+        sessionStorage.setItem(this.storage, JSON.stringify(storage));
+    }
+    /** */
+    static GetPageResponse() {
+        let storage = sessionStorage.getItem(this.storage);
+        if (storage) {
+            storage = JSON.parse(storage);
+            if (storage.hasOwnProperty('pageResponse')) {
+                return Tools.BreakReference(storage.pageResponse);
+            }
+        }
+        return null;
+    }
+    /** */
+    static ClearPageResponse() {
+        let storage = sessionStorage.getItem(this.storage);
+        storage = JSON.parse(storage);
+        if (Tools.IsNotNull(storage)) {
+            if (storage.hasOwnProperty('pageResponse')) {
+                delete storage.pageResponse;
+            }
+            storage = Object.assign({}, storage);
+            sessionStorage.setItem(this.storage, JSON.stringify(storage));
+        }
+    }
+    /** */
+    static Reset() {
+        let storage = localStorage.getItem(this.storage);
+        storage = JSON.parse(storage);
+        const user = storage?.user || null;
+        localStorage.removeItem(this.storage);
+        sessionStorage.removeItem(this.storage);
+        if (Tools.IsNotNull(user)) {
+            storage = Object.assign({ user });
+            localStorage.setItem(this.storage, JSON.stringify(storage));
+        }
+    }
+}
+
+class Page {
+    constructor(page) {
+        //Injection
+        this.alert = inject(CoerAlert);
+        this.router = inject(Router);
+        this.activatedRoute = inject(ActivatedRoute);
+        /** */
+        this.isUpdate = false;
+        /** */
+        this.isLoading = false;
+        /** */
+        this.isReadonlyPage = true;
+        /** */
+        this.isReadyPage = false;
+        /** */
+        this.enableAnimations = false;
+        /** */
+        this.breadcrumbs = [];
+        /** */
+        this.pageResponse = null;
+        /** */
+        this.pageFilters = {};
+        /** */
+        this.goBack = { show: false };
+        //Private Variables
+        this._path = '';
+        this._page = '';
+        this._source = null;
+        this._preventDestroy = false;
+        /** */
+        this.GoBack = (path) => (() => {
+            if (path)
+                Breadcrumbs.Remove(path);
+            else
+                Breadcrumbs.RemoveLast();
+        });
+        //Grid Templates
+        this.isActiveTemplate = GridTemplates.isActiveTemplate;
+        this.coerSwitchTemplate = GridTemplates.coerSwitchTemplate;
+        this.coerTextboxTemplate = GridTemplates.coerTextboxTemplate;
+        this.coerIconTemplate = GridTemplates.coerIconTemplate;
+        //Tools
+        this.IsNull = Tools.IsNull;
+        this.IsNotNull = Tools.IsNotNull;
+        this.IsOnlyWhiteSpace = Tools.IsOnlyWhiteSpace;
+        this.IsNotOnlyWhiteSpace = Tools.IsNotOnlyWhiteSpace;
+        this.Sleep = Tools.Sleep;
+        //ElementsHTML
+        this.IsInvalidElement = ElementsHTML.IsInvalidElement;
+        if (page.toUpperCase().toUpperCase() === 'HOME')
+            Source.Reset();
+        this.SetPageName(page);
+        this.__SetSource();
+        this.__GetSource();
+        this.__GetNavigation();
+        this.__SetGoBack();
+        this.__GetPageMode();
+        this.__GetPageFilter();
+        this.__GetPageResponse();
+    }
+    async ngAfterViewInit() {
+        this.routeParams = this.activatedRoute.snapshot.params;
+        this.queryParams = this.activatedRoute.snapshot.queryParams;
+        await Tools.Sleep();
+        this.isReadyPage = true;
+        this.RunPage();
+        await Tools.Sleep(1000);
+        this.enableAnimations = true;
+    }
+    ngOnDestroy() {
+        if (!this._preventDestroy)
+            Source.ClearPageResponse();
+    }
+    /** Main method. Starts after ngAfterViewInit() */
+    RunPage() { }
+    ;
+    /** Rename the last breadcrumb and update the url id */
+    SetPageName(name, id = null) {
+        this._page = name;
+        this._path = this.router.url;
+        if (this._path.includes('?'))
+            this._path = this._path.split('?')[0];
+        if (id) {
+            const PATH_ARRAY = this._path.split('/');
+            const PATH_ID = Tools.BreakReference(PATH_ARRAY).pop();
+            if (PATH_ID) {
+                PATH_ARRAY[PATH_ARRAY.length - 1] = String(id);
+                this._path = PATH_ARRAY.join('/');
+            }
+        }
+        if (this.breadcrumbs.length > 0) {
+            this.breadcrumbs[this.breadcrumbs.length - 1].page = name;
+            this.breadcrumbs[this.breadcrumbs.length - 1].path = this._path;
+            Breadcrumbs.SetLast(name, this._path);
+        }
+        this.router.navigateByUrl(this._path);
+    }
+    /** */
+    __SetSource() {
+        Source.Set(this._page);
+    }
+    /** */
+    __GetSource() {
+        this._source = Source.Get();
+    }
+    /** */
+    __GetPageResponse() {
+        this.pageResponse = Source.GetPageResponse();
+    }
+    /** */
+    __GetNavigation() {
+        if (this._source) {
+            this.breadcrumbs = Breadcrumbs.Get().map(item => Object.assign({
+                page: item.page,
+                path: item.path,
+                click: this.GoBack(item.path)
+            }));
+        }
+        else
+            this.breadcrumbs = [{ page: this._page }];
+    }
+    /** */
+    __SetGoBack() {
+        if (this._source) {
+            this.goBack = {
+                show: true,
+                path: this._source.path,
+                click: this.GoBack()
+            };
+        }
+    }
+    /** */
+    __GetPageMode() {
+        const subscribe$ = this.activatedRoute.data.subscribe({
+            next: ({ module, submodule, page }) => {
+                const menuAccess = Menu.GetMenuAccess().find(x => x.module === module
+                    && x.submodule === submodule
+                    && x.page === page);
+                this.isReadonlyPage = Tools.IsNotNull(menuAccess) ? menuAccess.readonly : true;
+            },
+            error: (message) => { console.error(message); },
+            complete: () => { subscribe$.unsubscribe(); }
+        });
+    }
+    /** Navigate to previous page */
+    GoToSource(pageResponse = null) {
+        if (this._source) {
+            Breadcrumbs.RemoveLast();
+            this.SetPageResponse(pageResponse);
+            this.RemovePageFilter();
+            Tools.Sleep().then(_ => this.router.navigateByUrl(this._source.path));
+        }
+    }
+    ;
+    /** */
+    SetPageResponse(pageResponse = null) {
+        if (Tools.IsNotNull(pageResponse)) {
+            this._preventDestroy = true;
+            Source.SetPageResponse(pageResponse);
+        }
+    }
+    ;
+    /** */
+    ReloadPage() {
+        Breadcrumbs.RemoveLast();
+        setTimeout(() => window.location.reload());
+    }
+    /** */
+    SetPageFilters(filters) {
+        this.pageFilters = Tools.BreakReference(filters);
+        Filters.Add(this.pageFilters, this._path);
+    }
+    /** */
+    __GetPageFilter() {
+        this.pageFilters = Filters.Get(this._path);
+    }
+    /** */
+    RemovePageFilter() {
+        this.pageFilters = {};
+        Filters.Remove(this._path);
+    }
+    /** */
+    Log(value, log = null) {
+        if (Tools.IsNotNull(log))
+            console.log({ log, value });
+        else
+            console.log(value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: Page, deps: [{ token: String }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.1", type: Page, isStandalone: true, selector: "ng-component", ngImport: i0, template: '', isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: Page, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [String]
+                }] }] });
+
+class Screen {
+    static get WINDOW_WIDTH() {
+        return window.innerWidth;
+    }
+    static get WINDOW_HEIGHT() {
+        return window.innerHeight;
+    }
+    static get DEVICE_WIDTH() {
+        return window.screen.width;
+    }
+    static get DEVICE_HEIGHT() {
+        return window.screen.height;
+    }
+    static get BREAKPOINT() {
+        if (window.innerWidth < 576)
+            return 'xs';
+        else if (window.innerWidth >= 576 && window.innerWidth < 768)
+            return 'sm';
+        else if (window.innerWidth >= 768 && window.innerWidth < 992)
+            return 'md';
+        else if (window.innerWidth >= 992 && window.innerWidth < 1200)
+            return 'lg';
+        else if (window.innerWidth >= 1200 && window.innerWidth < 1400)
+            return 'xl';
+        else
+            return 'xxl';
+    }
+    /** */
+    static { this.Resize = new Observable(subscriber => {
+        const handleResize = () => {
+            subscriber.next({
+                width: window.innerWidth,
+                height: window.innerHeight,
+                breakpoint: this.BREAKPOINT
+            });
+        };
+        window.addEventListener("resize", handleResize);
+        window.addEventListener("load", handleResize);
+        return () => {
+            window.removeEventListener("resize", handleResize);
+            window.removeEventListener("load", handleResize);
+        };
+    }); }
+    /** */
+    static { this.BackButtonBrowser = new Observable(subscriber => {
+        const handlePopState = (popStateEvent) => {
+            if (popStateEvent.state && popStateEvent.target) {
+                subscriber.next(popStateEvent.target.location.href);
+            }
+        };
+        window.addEventListener('popstate', handlePopState);
+        return () => {
+            window.removeEventListener('popstate', handlePopState);
+        };
+    }); }
+}
+
+class Section {
+    constructor() {
+        //Injection
+        this.alert = inject(CoerAlert);
+        this.router = inject(Router);
+        //Inputs   
+        this.isLoading = input(false);
+        this.isUpdate = input(false);
+        //Outputs
+        this.onReady = output();
+        this.onDestroy = output();
+        this.onIsLoading = output();
+        this.onUpdated = output();
+        //Variables
+        this.enableAnimations = false;
+        //Grid Templates
+        this.isActiveTemplate = GridTemplates.isActiveTemplate;
+        this.coerSwitchTemplate = GridTemplates.coerSwitchTemplate;
+        this.coerTextboxTemplate = GridTemplates.coerTextboxTemplate;
+        this.coerIconTemplate = GridTemplates.coerIconTemplate;
+        //Tools
+        this.IsNull = Tools.IsNull;
+        this.IsNotNull = Tools.IsNotNull;
+        this.IsOnlyWhiteSpace = Tools.IsOnlyWhiteSpace;
+        this.IsNotOnlyWhiteSpace = Tools.IsNotOnlyWhiteSpace;
+        this.Sleep = Tools.Sleep;
+        //ElementsHTML
+        this.IsInvalidElement = ElementsHTML.IsInvalidElement;
+    }
+    ngAfterViewInit() {
+        Tools.Sleep().then(_ => {
+            this.RunSection();
+            this.onReady.emit();
+        });
+        Tools.Sleep(1000).then(_ => this.enableAnimations = true);
+    }
+    ngOnDestroy() {
+        this.onDestroy.emit(null);
+    }
+    /** Main method. Starts after ngAfterViewInit() */
+    RunSection() { }
+    ;
+    /** */
+    Log(value, log = null) {
+        if (Tools.IsNotNull(log))
+            console.log({ log, value });
+        else
+            console.log(value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: Section, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.1", type: Section, isStandalone: true, selector: "ng-component", inputs: { isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isUpdate: { classPropertyName: "isUpdate", publicName: "isUpdate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onReady: "onReady", onDestroy: "onDestroy", onIsLoading: "onIsLoading", onUpdated: "onUpdated" }, ngImport: i0, template: '', isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: Section, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }] });
+
+class Service {
+    constructor() {
+        //Injections
+        this.alert = inject(CoerAlert);
+        this.http = inject(HttpClient);
+        this.httpCode = {
+            Ok: 200,
+            Created: 201,
+            NoContent: 204,
+            BadRequest: 400,
+            Unauthorize: 401,
+            Forbidden: 403,
+            NotFound: 404,
+            NotAllowed: 405,
+            NotAcceptable: 406,
+            Conflict: 409,
+            PayloadTooLarge: 413,
+            InnerError: 500
+        };
+    }
+    /** */
+    ReleaseSubscription(subscription) {
+        if (subscription && !subscription.closed)
+            subscription.unsubscribe();
+    }
+    /** HTTP GET */
+    HTTP_GET(request, cancelPrevious = true) {
+        return new Promise(Resolve => {
+            if (cancelPrevious) {
+                this.ReleaseSubscription(this._GET$);
+                this._GET$ = this.http.request(new HttpRequest("GET", request.url, { params: request.queryParams, headers: request.headers })).subscribe({
+                    next: (response) => {
+                        if (response.type > 0) {
+                            Resolve({
+                                body: Tools.BreakReference(response.body),
+                                status: response.status,
+                                message: response.statusText,
+                                ok: true
+                            });
+                        }
+                    },
+                    error: (httpError) => {
+                        this.ReleaseSubscription(this._GET$);
+                        this.AlertError(httpError, request.alertError);
+                        Resolve({
+                            body: {},
+                            status: httpError.status,
+                            message: httpError.error?.message || httpError.error,
+                            ok: false
+                        });
+                    },
+                    complete: () => {
+                        this.ReleaseSubscription(this._GET$);
+                        if (Tools.IsNotOnlyWhiteSpace(request.alertSuccess)) {
+                            this.alert.Success(request.alertSuccess);
+                        }
+                    }
+                });
+            }
+            else {
+                const subscription = this.http.request(new HttpRequest("GET", request.url, { params: request.queryParams, headers: request.headers })).subscribe({
+                    next: (response) => {
+                        if (response.type > 0) {
+                            Resolve({
+                                body: Tools.BreakReference(response.body),
+                                status: response.status,
+                                message: response.statusText,
+                                ok: true
+                            });
+                        }
+                    },
+                    error: (httpError) => {
+                        this.ReleaseSubscription(subscription);
+                        this.AlertError(httpError, request.alertError);
+                        Resolve({
+                            body: {},
+                            status: httpError.status,
+                            message: httpError.error?.message || httpError.error,
+                            ok: false
+                        });
+                    },
+                    complete: () => {
+                        this.ReleaseSubscription(subscription);
+                        if (Tools.IsNotOnlyWhiteSpace(request.alertSuccess)) {
+                            this.alert.Success(request.alertSuccess);
+                        }
+                    }
+                });
+            }
+        });
+    }
+    /** HTTP POST */
+    HTTP_POST(request, cancelPrevious = true) {
+        return new Promise(Resolve => {
+            if (cancelPrevious) {
+                this.ReleaseSubscription(this._POST$);
+                this._POST$ = this.http.request(new HttpRequest("POST", request.url, request.body, { params: request.queryParams, headers: request.headers })).subscribe({
+                    next: (response) => {
+                        if (response.type > 0) {
+                            Resolve({
+                                body: Tools.BreakReference(response.body),
+                                status: response.status,
+                                message: response.statusText,
+                                ok: true
+                            });
+                        }
+                    },
+                    error: (httpError) => {
+                        this.ReleaseSubscription(this._POST$);
+                        this.AlertError(httpError, request.alertError);
+                        Resolve({
+                            body: {},
+                            status: httpError.status,
+                            message: httpError.error?.message || httpError.error,
+                            ok: false
+                        });
+                    },
+                    complete: () => {
+                        this.ReleaseSubscription(this._POST$);
+                        if (Tools.IsNotOnlyWhiteSpace(request.alertSuccess)) {
+                            this.alert.Success(request.alertSuccess);
+                        }
+                    }
+                });
+            }
+            else {
+                const subscription = this.http.request(new HttpRequest("POST", request.url, request.body, { params: request.queryParams, headers: request.headers })).subscribe({
+                    next: (response) => {
+                        if (response.type > 0) {
+                            Resolve({
+                                body: Tools.BreakReference(response.body),
+                                status: response.status,
+                                message: response.statusText,
+                                ok: true
+                            });
+                        }
+                    },
+                    error: (httpError) => {
+                        this.ReleaseSubscription(subscription);
+                        this.AlertError(httpError, request.alertError);
+                        Resolve({
+                            body: {},
+                            status: httpError.status,
+                            message: httpError.error?.message || httpError.error,
+                            ok: false
+                        });
+                    },
+                    complete: () => {
+                        this.ReleaseSubscription(subscription);
+                        if (Tools.IsNotOnlyWhiteSpace(request.alertSuccess)) {
+                            this.alert.Success(request.alertSuccess);
+                        }
+                    }
+                });
+            }
+        });
+    }
+    /** HTTP PUT */
+    HTTP_PUT(request, cancelPrevious = true) {
+        return new Promise(Resolve => {
+            if (cancelPrevious) {
+                this.ReleaseSubscription(this._PUT$);
+                this._PUT$ = this.http.request(new HttpRequest("PUT", request.url, request.body, { params: request.queryParams, headers: request.headers })).subscribe({
+                    next: (response) => {
+                        if (response.type > 0) {
+                            Resolve({
+                                body: {},
+                                status: response.status,
+                                message: response.statusText,
+                                ok: true
+                            });
+                        }
+                    },
+                    error: (httpError) => {
+                        this.ReleaseSubscription(this._PUT$);
+                        this.AlertError(httpError, request.alertError);
+                        Resolve({
+                            body: {},
+                            status: httpError.status,
+                            message: httpError.error?.message || httpError.error,
+                            ok: false
+                        });
+                    },
+                    complete: () => {
+                        this.ReleaseSubscription(this._PUT$);
+                        if (Tools.IsNotOnlyWhiteSpace(request.alertSuccess)) {
+                            this.alert.Success(request.alertSuccess, 'Updated', 'fa-solid fa-arrows-rotate fa-spin');
+                        }
+                    }
+                });
+            }
+            else {
+                const subscription = this.http.request(new HttpRequest("PUT", request.url, request.body, { params: request.queryParams, headers: request.headers })).subscribe({
+                    next: (response) => {
+                        if (response.type > 0) {
+                            Resolve({
+                                body: {},
+                                status: response.status,
+                                message: response.statusText,
+                                ok: true
+                            });
+                        }
+                    },
+                    error: (httpError) => {
+                        this.ReleaseSubscription(subscription);
+                        this.AlertError(httpError, request.alertError);
+                        Resolve({
+                            body: {},
+                            status: httpError.status,
+                            message: httpError.error?.message || httpError.error,
+                            ok: false
+                        });
+                    },
+                    complete: () => {
+                        this.ReleaseSubscription(subscription);
+                        if (Tools.IsNotOnlyWhiteSpace(request.alertSuccess)) {
+                            this.alert.Success(request.alertSuccess, 'Updated', 'fa-solid fa-arrows-rotate fa-spin');
+                        }
+                    }
+                });
+            }
+        });
+    }
+    /** HTTP PATCH */
+    HTTP_PATCH(request, cancelPrevious = true) {
+        return new Promise(Resolve => {
+            if (cancelPrevious) {
+                this.ReleaseSubscription(this._PATCH$);
+                this._PATCH$ = this.http.request(new HttpRequest("PATCH", request.url, request.body, { params: request.queryParams, headers: request.headers })).subscribe({
+                    next: (response) => {
+                        if (response.type > 0) {
+                            Resolve({
+                                body: {},
+                                status: response.status,
+                                message: response.statusText,
+                                ok: true
+                            });
+                        }
+                    },
+                    error: (httpError) => {
+                        this.ReleaseSubscription(this._PATCH$);
+                        this.AlertError(httpError, request.alertError);
+                        Resolve({
+                            body: {},
+                            status: httpError.status,
+                            message: httpError.error?.message || httpError.error,
+                            ok: false
+                        });
+                    },
+                    complete: () => {
+                        this.ReleaseSubscription(this._PATCH$);
+                        if (Tools.IsNotOnlyWhiteSpace(request.alertSuccess)) {
+                            this.alert.Success(request.alertSuccess, 'Updated', 'fa-solid fa-arrows-rotate fa-spin');
+                        }
+                    }
+                });
+            }
+            else {
+                const subscription = this.http.request(new HttpRequest("PATCH", request.url, request.body, { params: request.queryParams, headers: request.headers })).subscribe({
+                    next: (response) => {
+                        if (response.type > 0) {
+                            Resolve({
+                                body: {},
+                                status: response.status,
+                                message: response.statusText,
+                                ok: true
+                            });
+                        }
+                    },
+                    error: (httpError) => {
+                        this.ReleaseSubscription(subscription);
+                        this.AlertError(httpError, request.alertError);
+                        Resolve({
+                            body: {},
+                            status: httpError.status,
+                            message: httpError.error?.message || httpError.error,
+                            ok: false
+                        });
+                    },
+                    complete: () => {
+                        this.ReleaseSubscription(subscription);
+                        if (Tools.IsNotOnlyWhiteSpace(request.alertSuccess)) {
+                            this.alert.Success(request.alertSuccess, 'Updated', 'fa-solid fa-arrows-rotate fa-spin');
+                        }
+                    }
+                });
+            }
+        });
+    }
+    /** HTTP DELETE */
+    HTTP_DELETE(request, cancelPrevious = true) {
+        return new Promise(Resolve => {
+            if (cancelPrevious) {
+                this.ReleaseSubscription(this._DELETE$);
+                this._DELETE$ = this.http.request(new HttpRequest("DELETE", request.url, { params: request.queryParams, headers: request.headers })).subscribe({
+                    next: (response) => {
+                        if (response.type > 0) {
+                            Resolve({
+                                body: {},
+                                status: response.status,
+                                message: response.statusText,
+                                ok: true
+                            });
+                        }
+                    },
+                    error: (httpError) => {
+                        this.ReleaseSubscription(this._DELETE$);
+                        this.AlertError(httpError, request.alertError);
+                        Resolve({
+                            body: {},
+                            status: httpError.status,
+                            message: httpError.error?.message || httpError.error,
+                            ok: false
+                        });
+                    },
+                    complete: () => {
+                        this.ReleaseSubscription(this._DELETE$);
+                        if (Tools.IsNotOnlyWhiteSpace(request.alertSuccess)) {
+                            this.alert.Success(request.alertSuccess, 'Deleted', 'fa-regular fa-trash-can');
+                        }
+                    }
+                });
+            }
+            else {
+                const subscription = this.http.request(new HttpRequest("DELETE", request.url, { params: request.queryParams, headers: request.headers })).subscribe({
+                    next: (response) => {
+                        if (response.type > 0) {
+                            Resolve({
+                                body: {},
+                                status: response.status,
+                                message: response.statusText,
+                                ok: true
+                            });
+                        }
+                    },
+                    error: (httpError) => {
+                        this.ReleaseSubscription(subscription);
+                        this.AlertError(httpError, request.alertError);
+                        Resolve({
+                            body: {},
+                            status: httpError.status,
+                            message: httpError.error?.message || httpError.error,
+                            ok: false
+                        });
+                    },
+                    complete: () => {
+                        this.ReleaseSubscription(subscription);
+                        if (Tools.IsNotOnlyWhiteSpace(request.alertSuccess)) {
+                            this.alert.Success(request.alertSuccess, 'Deleted', 'fa-regular fa-trash-can');
+                        }
+                    }
+                });
+            }
+        });
+    }
+    /** */
+    AlertError(httpError, message) {
+        if (httpError.status >= 500) {
+            if (Tools.IsNotOnlyWhiteSpace(message)) {
+                this.alert.Error(message, 'BUG', 'fa-solid fa-bug', null);
+            }
+        }
+        else if (httpError.status < 500) {
+            switch (httpError.status) {
+                case 400: {
+                    this.alert.Warning(httpError.error?.message || httpError.error, 'Bad Request', 'fa-regular fa-face-grin-beam-sweat fa-lg');
+                    break;
+                }
+                case 401: {
+                    this.alert.Warning(httpError.error?.message || httpError.error, 'Unauthorize', 'fa-regular fa-face-rolling-eyes fa-lg');
+                    break;
+                }
+                case 403: {
+                    this.alert.Warning(httpError.error?.message || httpError.error, 'Forbidden', 'fa-regular fa-face-rolling-eyes fa-lg');
+                    break;
+                }
+                case 404: {
+                    this.alert.Warning(httpError.error?.message || httpError.error, 'Not Found', 'fa-regular fa-face-meh fa-lg');
+                    break;
+                }
+                case 405: {
+                    this.alert.Warning(httpError.error?.message || httpError.error, 'Not Allowed', 'fa-regular fa-face-grimace fa-lg');
+                    break;
+                }
+                case 406: {
+                    this.alert.Warning(httpError.error?.message || httpError.error, 'Not Acceptable', 'fa-regular fa-face-frown-open fa-lg');
+                    break;
+                }
+                case 409: {
+                    this.alert.Warning(httpError.error?.message || httpError.error, 'Conflict', 'fa-regular fa-face-dizzy fa-lg');
+                    break;
+                }
+                case 413: {
+                    this.alert.Warning(httpError.error?.message || httpError.error, 'Too Large', 'fa-regular fa-face-flushed fa-lg');
+                    break;
+                }
+                default: {
+                    if (httpError.status <= 0) {
+                        this.alert.Warning('Without Connection', 'WEB API DOWN', 'fa-solid fa-plug-circle-xmark fa-lg');
+                    }
+                    else
+                        this.alert.Warning(httpError.error?.message || httpError.error);
+                    break;
+                }
+            }
+        }
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Breadcrumbs, CONTROL_VALUE, CoerAlert, Colors, ControlValue, DateTime, ElementsHTML, Files, Filters, GridTemplates, Menu, Page, Screen, Section, Service, Source, Tools, User };
+//# sourceMappingURL=coer-elements-tools.mjs.map