coer-elements 0.0.1 → 0.0.3

package/fesm2022/coer-elements.mjs

@@ -1,1010 +1,4 @@
-import * as i0 from '@angular/core';
-import { Component, NgModule, forwardRef, inject, Inject, signal } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { RouterModule, Router, ActivatedRoute } from '@angular/router';
-import { FormsModule, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
-import * as bootstrap from 'bootstrap';
-import Swal from 'sweetalert2';
-import moment from 'moment';
-import * as XLSX from 'xlsx';
-import { Observable } from 'rxjs';
-
-class CoerAlert {
-    /** */
-    Success(message = null, title = null, icon = null, autohide = 3000) {
-        //Title
-        if (!title || 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 (!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 (!title || 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 (!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 (!title || 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 (!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 (!title || 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 (!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 (icon == null)
-                            icon = 'bi-exclamation-octagon';
-                        iconType = 'error';
-                        color = '#dc3545'; //red
-                        break;
-                    }
-                    ;
-                case 'success':
-                    {
-                        if (icon == null)
-                            icon = 'bi-check-circle';
-                        iconType = 'info';
-                        color = '#198754'; //green
-                        break;
-                    }
-                    ;
-                case 'info':
-                    {
-                        if (icon == null)
-                            icon = 'bi-info-circle';
-                        iconType = 'error';
-                        color = '#0d6efd'; //blue
-                        break;
-                    }
-                    ;
-                default: {
-                    if (icon == null)
-                        icon = 'bi-exclamation-triangle-fill';
-                    iconType = 'warning';
-                    color = '#ffc107'; //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) {
-        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: "17.3.12", ngImport: i0, type: CoerAlert, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CoerAlert, 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: [".text-blue{color:#0d6efd!important}.text-blue-bold{color:#0d6efd!important;font-weight:700!important}.background-blue{background-color:#0d6efd!important}.background-border-blue{background-color:#0d6efd!important;border-color:#0d6efd!important}.text-gray{color:#6c757d!important}.text-gray-bold{color:#6c757d!important;font-weight:700!important}.background-gray{background-color:#6c757d!important}.background-border-gray{background-color:#6c757d!important;border-color:#6c757d!important}.text-green{color:#198754!important}.text-green-bold{color:#198754!important;font-weight:700!important}.background-green{background-color:#198754!important}.background-border-green{background-color:#198754!important;border-color:#198754!important}.text-yellow{color:#ffc107!important}.text-yellow-bold{color:#ffc107!important;font-weight:700!important}.background-yellow{background-color:#ffc107!important}.background-border-yellow{background-color:#ffc107!important;border-color:#ffc107!important}.text-red{color:#dc3545!important}.text-red-bold{color:#dc3545!important;font-weight:700!important}.background-red{background-color:#dc3545!important}.background-border-red{background-color:#dc3545!important;border-color:#dc3545!important}.text-white{color:#f5f5f5!important}.text-white-bold{color:#f5f5f5!important;font-weight:700!important}.background-white{background-color:#f5f5f5!important}.background-border-white{background-color:#f5f5f5!important;border-color:#f5f5f5!important}.text-black{color:#252525!important}.text-black-bold{color:#252525!important;font-weight:700!important}.background-black{background-color:#252525!important}.background-border-black{background-color:#252525!important;border-color:#252525!important}.text-orange{color:#fd6031!important}.text-orange-bold{color:#fd6031!important;font-weight:700!important}.background-orange{background-color:#fd6031!important}.background-border-orange{background-color:#fd6031!important;border-color:#fd6031!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:#f5f5f5}aside.toast-container div.toast,aside.toast-container div.toast-body{border-bottom-left-radius:10px;border-bottom-right-radius:10px;color:#f5f5f5}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:#198754}aside.toast-container div#alert-info div.toast-header,aside.toast-container div#alert-info div.toast-body{background-color:#0d6efd}aside.toast-container div#alert-error div.toast-header,aside.toast-container div#alert-error div.toast-body{background-color:#dc3545}aside.toast-container div#alert-warning div.toast-header,aside.toast-container div#alert-warning div.toast-body{background-color:#ffc107;border-color:#252525;color:#252525}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: "17.3.12", ngImport: i0, type: CoerAlert, decorators: [{
-            type: Component,
-            args: [{ selector: 'coer-alert', 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: [".text-blue{color:#0d6efd!important}.text-blue-bold{color:#0d6efd!important;font-weight:700!important}.background-blue{background-color:#0d6efd!important}.background-border-blue{background-color:#0d6efd!important;border-color:#0d6efd!important}.text-gray{color:#6c757d!important}.text-gray-bold{color:#6c757d!important;font-weight:700!important}.background-gray{background-color:#6c757d!important}.background-border-gray{background-color:#6c757d!important;border-color:#6c757d!important}.text-green{color:#198754!important}.text-green-bold{color:#198754!important;font-weight:700!important}.background-green{background-color:#198754!important}.background-border-green{background-color:#198754!important;border-color:#198754!important}.text-yellow{color:#ffc107!important}.text-yellow-bold{color:#ffc107!important;font-weight:700!important}.background-yellow{background-color:#ffc107!important}.background-border-yellow{background-color:#ffc107!important;border-color:#ffc107!important}.text-red{color:#dc3545!important}.text-red-bold{color:#dc3545!important;font-weight:700!important}.background-red{background-color:#dc3545!important}.background-border-red{background-color:#dc3545!important;border-color:#dc3545!important}.text-white{color:#f5f5f5!important}.text-white-bold{color:#f5f5f5!important;font-weight:700!important}.background-white{background-color:#f5f5f5!important}.background-border-white{background-color:#f5f5f5!important;border-color:#f5f5f5!important}.text-black{color:#252525!important}.text-black-bold{color:#252525!important;font-weight:700!important}.background-black{background-color:#252525!important}.background-border-black{background-color:#252525!important;border-color:#252525!important}.text-orange{color:#fd6031!important}.text-orange-bold{color:#fd6031!important;font-weight:700!important}.background-orange{background-color:#fd6031!important}.background-border-orange{background-color:#fd6031!important;border-color:#fd6031!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:#f5f5f5}aside.toast-container div.toast,aside.toast-container div.toast-body{border-bottom-left-radius:10px;border-bottom-right-radius:10px;color:#f5f5f5}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:#198754}aside.toast-container div#alert-info div.toast-header,aside.toast-container div#alert-info div.toast-body{background-color:#0d6efd}aside.toast-container div#alert-error div.toast-header,aside.toast-container div#alert-error div.toast-body{background-color:#dc3545}aside.toast-container div#alert-warning div.toast-header,aside.toast-container div#alert-warning div.toast-body{background-color:#ffc107;border-color:#252525;color:#252525}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"] }]
-        }] });
-
-//import { CoerButton } from './coer-button/coer-button.component';
-//import { CoerCheckbox } from './coer-checkbox/coer-checkbox.component';
-//import { CoerFilebox } from './coer-filebox/coer-filebox.component';
-//import { CoerForm } from './coer-form/coer-form.component';
-//import { CoerGrid } from './coer-grid/coer-grid.component';
-//import { CoerModal } from './coer-modal/coer-modal.component';
-//import { CoerNumberBox } from './coer-numberbox/coer-numberbox.component';
-//import { CoerPageTitle } from './coer-page-title/coer-page-title.component';
-//import { CoerSelectbox } from './coer-selectbox/coer-selectbox.component';
-//import { CoerSwitch } from './coer-switch/coer-switch.component';
-//import { CoerTab } from './coer-tab/coer-tab.component';
-//import { CoerTextarea } from './coer-textarea/coer-textarea.component';
-//import { CoerTextBox } from './coer-textbox/coer-textbox.component';
-class ComponentsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ComponentsModule, declarations: [CoerAlert], imports: [CommonModule,
-            RouterModule,
-            FormsModule,
-            ReactiveFormsModule], exports: [CoerAlert] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ComponentsModule, imports: [CommonModule,
-            RouterModule,
-            FormsModule,
-            ReactiveFormsModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ComponentsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        RouterModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        //PipesModule,
-                        //MatButtonModule,
-                        //MatCheckboxModule,
-                        //MatInputModule,
-                        //MatFormFieldModule,
-                        //MatSlideToggleModule,
-                        //MatTabsModule,
-                        //DirectivesModule
-                    ],
-                    declarations: [
-                        CoerAlert,
-                        //CoerButton,
-                        //CoerCheckbox,
-                        //CoerFilebox,
-                        //CoerForm,
-                        //CoerGrid,
-                        //CoerModal,
-                        //CoerNumberBox,
-                        //CoerPageTitle,
-                        //CoerSelectbox,
-                        //CoerSwitch,
-                        //CoerTextarea,
-                        //CoerTab,
-                        //CoerTextBox,
-                    ],
-                    exports: [
-                        CoerAlert,
-                        //CoerButton,
-                        //CoerCheckbox,
-                        //CoerFilebox,
-                        //CoerForm,
-                        //CoerGrid,
-                        //CoerModal,
-                        //CoerNumberBox,
-                        //CoerPageTitle,
-                        //CoerSelectbox,
-                        //CoerSwitch,
-                        //CoerTextarea,
-                        //CoerTab,
-                        //CoerTextBox,
-                    ]
-                }]
-        }] });
-
-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 [];
-    }
-    /** Source */
-    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 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;
-    }
-}
-
-class DateTime {
-    /** Get UTC Offset */
-    static GetUTCOffset() {
-        return moment().utcOffset();
-    }
-    /** Convert UTC Date to Local Zone */
-    static ToLocalZone(utcDate) {
-        return moment(utcDate).add(DateTime.GetUTCOffset(), 'minutes').format('YYYY-MM-DD HH:mm:ss');
-    }
-    /** Convert Local Zone Date to UTC */
-    static ToUTC(utcDate) {
-        return moment(utcDate).subtract(DateTime.GetUTCOffset(), 'minutes').format('YYYY-MM-DD HH:mm:ss');
-    }
-    /** DD MMM YYYY */
-    static GetDateFormat(date) {
-        if ((typeof date === 'string'))
-            date = date.replaceAll('/', '-');
-        return moment(date).parseZone().local(true).format('DD MMM YYYY');
-    }
-}
-
-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.includes('.xls')) {
-                fileName = fileName.replaceAll('.xls', '.xlsx');
-            }
-            if (fileName.includes('.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, 'Sheet1');
-        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 Page {
-    constructor(page) {
-        //Injection
-        this.alert = inject(CoerAlert);
-        this.router = inject(Router);
-        this.activatedRoute = inject(ActivatedRoute);
-        /** */
-        this.isUpdate = false;
-        /** */
-        this.isLoading = false;
-        /** */
-        this.isReady = false;
-        /** */
-        this.enableAnimations = false;
-        /** */
-        this.breadcrumbs = [];
-        /** */
-        this.pageResponse = null;
-        /** */
-        this.goBack = { show: false };
-        //Private Variables
-        this._page = '';
-        this._source = null;
-        this._preventDestroy = false;
-        /** */
-        this.GoBack = (path) => (() => {
-            if (path)
-                Breadcrumbs.Remove(path);
-            else
-                Breadcrumbs.RemoveLast();
-        });
-        /** Returns true if the value is null or undefined, false otherwise */
-        this.IsNotNull = Tools.IsNotNull;
-        /** Returns true if the value is null or undefined, false otherwise */
-        this.IsNull = Tools.IsNull;
-        /** Returns true if the value is null or undefined or contains only whitespace, false otherwise */
-        this.IsOnlyWhiteSpace = Tools.IsOnlyWhiteSpace;
-        this.SetPageName(page);
-        this.SetSource();
-        this.GetSource();
-        this.GetNavigation();
-        this.SetGoBack();
-        this.GetPageResponse();
-    }
-    ngAfterViewInit() {
-        this.routeParams = this.activatedRoute.snapshot.params;
-        this.queryParams = this.activatedRoute.snapshot.queryParams;
-        setTimeout(() => {
-            this.isReady = true;
-            this.RunPage();
-            setTimeout(() => { this.enableAnimations = true; }, 1000);
-        });
-    }
-    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;
-        let path = this.router.url;
-        if (path.includes('?'))
-            path = path.split('?')[0];
-        if (id) {
-            const PATH_ARRAY = path.split('/');
-            const PATH_ID = Tools.BreakReference(PATH_ARRAY).pop();
-            if (PATH_ID) {
-                PATH_ARRAY[PATH_ARRAY.length - 1] = String(id);
-                path = PATH_ARRAY.join('/');
-            }
-        }
-        if (this.breadcrumbs.length > 0) {
-            this.breadcrumbs[this.breadcrumbs.length - 1].page = name;
-            this.breadcrumbs[this.breadcrumbs.length - 1].path = path;
-            Breadcrumbs.SetLast(name, path);
-        }
-        this.router.navigateByUrl(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()
-            };
-        }
-    }
-    /** Navigate to previous page */
-    GoToSource(pageResponse = null) {
-        if (this._source) {
-            Breadcrumbs.RemoveLast();
-            this.SetPageResponse(pageResponse);
-            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();
-        Tools.Sleep().then(_ => window.location.reload());
-    }
-    /** */
-    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: "17.3.12", ngImport: i0, type: Page, deps: [{ token: String }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: Page, selector: "ng-component", ngImport: i0, template: '', isInline: true }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", 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 => {
-        window.addEventListener("load", () => {
-            window.dispatchEvent(new Event('resize'));
-        });
-        window.onresize = () => {
-            subscriber.next({
-                width: window.innerWidth,
-                height: window.innerHeight,
-                breakpoin: this.BREAKPOINT
-            });
-        };
-    }); }
-}
-
-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 (storage.hasOwnProperty('pageResponse')) {
-            delete storage.pageResponse;
-        }
-        storage = Object.assign({}, storage);
-        sessionStorage.setItem(this.storage, JSON.stringify(storage));
-    }
-    /** Clear Source */
-    static Reset() {
-        sessionStorage.removeItem(this.storage);
-    }
-}
-
-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) => {
-        if (value === undefined)
-            return true;
-        if (value === null)
-            return true;
-        return false;
-    },
-    /** Returns true if the value is not null or undefined, false otherwise */
-    IsNotNull: (value) => {
-        if (value === undefined)
-            return false;
-        if (value === null)
-            return false;
-        return true;
-    },
-    /** Returns true if the value is null or undefined or contains only whitespace, false otherwise */
-    IsOnlyWhiteSpace: (value) => {
-        if (value === undefined)
-            return true;
-        if (value === null)
-            return true;
-        if (value.toString().trim() === '')
-            return true;
-        return false;
-    },
-    /** Break reference of a object or array */
-    BreakReference: (object) => {
-        if (object === undefined)
-            return undefined;
-        if (object === null)
-            return null;
-        const OBJECT = JSON.parse(JSON.stringify(object));
-        return (Array.isArray(OBJECT)) ? [...OBJECT] : { ...OBJECT };
-    },
-    /** Clean extra whitespaces */
-    CleanUpBlanks: (text) => {
-        if (Tools.IsNull(text))
-            return '';
-        let worlds = String(text).split(' ');
-        worlds = worlds.filter(x => x.length > 0);
-        return worlds.join(' ');
-    },
-    /** Get properties of an object */
-    GetObjectProperties: (obj) => {
-        const properties = [];
-        if (Tools.IsNull(obj))
-            return properties;
-        for (const property in obj)
-            properties.push(String(property));
-        return properties;
-    },
-    /**
-     * Set an index and merge more arrays of the same type
-     * @returns A new array
-     * */
-    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.IsNull(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.IsNull(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 (value == undefined
-            || value == null
-            || value.toString().trim() == ''
-            || 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)
-                }));
-            });
-    }
-};
-
-const breakpointSIG = signal(Screen?.BREAKPOINT || 'xs');
-
-const isLoadingSIG = signal(false);
-
-const isModalOpenSIG = signal(false);
-
 /**
  * Generated bundle index. Do not edit.
  */
-
-export { Breadcrumbs, CONTROL_VALUE, CoerAlert, ComponentsModule, ControlValue, DateTime, Files, Page, Screen, Source, Tools, breakpointSIG, isLoadingSIG, isModalOpenSIG };
 //# sourceMappingURL=coer-elements.mjs.map