coer-elements 1.0.11 → 1.0.12

package/dist_browser/Tools/Page.class.js

@@ -39,6 +39,7 @@ var __setFunctionName = (this && this.__setFunctionName) || function (f, name, p
 import { Component, inject } from '@angular/core';
 import { Breadcrumbs } from "./Breadcrumbs.class";
 import { Source } from './Source.class';
+import { CoerAlert } from '../components';
 import { ActivatedRoute, Router } from '@angular/router';
 import { Tools } from './Tools';
 var Page = function () {
@@ -49,7 +50,7 @@ var Page = function () {
     var Page = _classThis = /** @class */ (function () {
         function Page_1(page) {
             //Injection
-            //protected readonly alert = inject(CoerAlert);
+            this.alert = inject(CoerAlert);
             this.router = inject(Router);
             this.activatedRoute = inject(ActivatedRoute);
             /** */

package/dist_node/Tools/Page.class.js

@@ -42,6 +42,7 @@ exports.Page = void 0;
 var core_1 = require("@angular/core");
 var Breadcrumbs_class_1 = require("./Breadcrumbs.class");
 var Source_class_1 = require("./Source.class");
+var components_1 = require("../components");
 var router_1 = require("@angular/router");
 var Tools_1 = require("./Tools");
 var Page = function () {
@@ -52,7 +53,7 @@ var Page = function () {
     var Page = _classThis = /** @class */ (function () {
         function Page_1(page) {
             //Injection
-            //protected readonly alert = inject(CoerAlert);
+            this.alert = (0, core_1.inject)(components_1.CoerAlert);
             this.router = (0, core_1.inject)(router_1.Router);
             this.activatedRoute = (0, core_1.inject)(router_1.ActivatedRoute);
             /** */

package/dist_node/components/coer-alert/coer-alert.component.js

@@ -0,0 +1,317 @@
+"use strict";
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+var __setFunctionName = (this && this.__setFunctionName) || function (f, name, prefix) {
+    if (typeof name === "symbol") name = name.description ? "[".concat(name.description, "]") : "";
+    return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CoerAlert = void 0;
+var core_1 = require("@angular/core");
+var bootstrap = require("bootstrap");
+var sweetalert2_1 = require("sweetalert2");
+var CoerAlert = function () {
+    var _classDecorators = [(0, core_1.Component)({
+            selector: 'coer-alert',
+            templateUrl: './coer-alert.component.html',
+            styleUrls: ['./coer-alert.component.scss']
+        })];
+    var _classDescriptor;
+    var _classExtraInitializers = [];
+    var _classThis;
+    var CoerAlert = _classThis = /** @class */ (function () {
+        function CoerAlert_1() {
+        }
+        /** */
+        CoerAlert_1.prototype.Success = function (message, title, icon, autohide) {
+            if (message === void 0) { message = null; }
+            if (title === void 0) { title = null; }
+            if (icon === void 0) { icon = null; }
+            if (autohide === void 0) { autohide = 3000; }
+            //Title
+            if (!title || title == '')
+                title = 'Success';
+            var alertSuccessTitle = document.getElementById('alert-success-title');
+            alertSuccessTitle.textContent = title;
+            //Icon
+            icon = this.GetIcon(title, icon, 'bi-check-circle fa-beat');
+            var alertSuccessIcon = document.getElementById('alert-success-icon');
+            this.SetIcon(alertSuccessIcon, icon);
+            //Message
+            if (!message)
+                message = '';
+            var alertSuccessMessage = document.getElementById('alert-success-message');
+            alertSuccessMessage.innerHTML = message;
+            //Toast
+            var alertSuccess = document.getElementById('alert-success');
+            this.SetAutoHide(alertSuccess, autohide);
+            var toast = bootstrap.Toast.getOrCreateInstance(alertSuccess);
+            toast.show();
+        };
+        /** */
+        CoerAlert_1.prototype.Error = function (message, title, icon, autohide) {
+            if (message === void 0) { message = null; }
+            if (title === void 0) { title = null; }
+            if (icon === void 0) { icon = null; }
+            if (autohide === void 0) { autohide = 3000; }
+            //Title
+            if (!title || title == '')
+                title = 'Error';
+            var alertErrorTitle = document.getElementById('alert-error-title');
+            alertErrorTitle.textContent = title;
+            //Icon
+            icon = this.GetIcon(title, icon, 'bi-exclamation-octagon fa-beat');
+            var alertErrorIcon = document.getElementById('alert-error-icon');
+            this.SetIcon(alertErrorIcon, icon);
+            //Message
+            if (!message)
+                message = '';
+            var alertErrorBody = document.getElementById('alert-error-message');
+            alertErrorBody.innerHTML = message;
+            //Toast
+            var alertError = document.getElementById('alert-error');
+            this.SetAutoHide(alertError, autohide);
+            var toast = bootstrap.Toast.getOrCreateInstance(alertError);
+            toast.show();
+        };
+        /** */
+        CoerAlert_1.prototype.Info = function (message, title, icon, autohide) {
+            if (message === void 0) { message = null; }
+            if (title === void 0) { title = null; }
+            if (icon === void 0) { icon = null; }
+            if (autohide === void 0) { autohide = 3000; }
+            //Title
+            if (!title || title == '')
+                title = 'Info';
+            var alertInfoTitle = document.getElementById('alert-info-title');
+            alertInfoTitle.textContent = title;
+            //Icon
+            icon = this.GetIcon(title, icon, 'bi-info-circle fa-beat');
+            var alertInfoIcon = document.getElementById('alert-info-icon');
+            this.SetIcon(alertInfoIcon, icon);
+            //Message
+            if (!message)
+                message = '';
+            var alertInfoBody = document.getElementById('alert-info-message');
+            alertInfoBody.innerHTML = message;
+            //Toast
+            var alertInfo = document.getElementById('alert-info');
+            this.SetAutoHide(alertInfo, autohide);
+            var toast = bootstrap.Toast.getOrCreateInstance(alertInfo);
+            toast.show();
+        };
+        /** */
+        CoerAlert_1.prototype.Warning = function (message, title, icon, autohide) {
+            if (message === void 0) { message = null; }
+            if (title === void 0) { title = null; }
+            if (icon === void 0) { icon = null; }
+            if (autohide === void 0) { autohide = 3000; }
+            //Title
+            if (!title || title == '')
+                title = 'Warning';
+            var alertWarningTitle = document.getElementById('alert-warning-title');
+            alertWarningTitle.textContent = title;
+            //Icon
+            icon = this.GetIcon(title, icon, 'bi-exclamation-triangle-fill fa-beat');
+            var alertWarningIcon = document.getElementById('alert-warning-icon');
+            this.SetIcon(alertWarningIcon, icon);
+            //Message
+            if (!message)
+                message = '';
+            var alertWarningBody = document.getElementById('alert-warning-message');
+            alertWarningBody.innerHTML = message;
+            //Toast
+            var alertWarning = document.getElementById('alert-warning');
+            this.SetAutoHide(alertWarning, autohide);
+            var toast = bootstrap.Toast.getOrCreateInstance(alertWarning);
+            toast.show();
+        };
+        /** */
+        CoerAlert_1.prototype.Close = function (alert) {
+            return new Promise(function (Resolve) {
+                var element = document.getElementById(alert);
+                var toast = bootstrap.Toast.getOrCreateInstance(element);
+                toast.hide();
+                setTimeout(function () { Resolve(); }, 200);
+            });
+        };
+        /** */
+        CoerAlert_1.prototype.Confirm = function (message, alertType, icon) {
+            if (message === void 0) { message = 'Proceed?'; }
+            if (alertType === void 0) { alertType = 'warning'; }
+            if (icon === void 0) { icon = null; }
+            return new Promise(function (Resolve) {
+                var color;
+                var iconType;
+                switch (alertType) {
+                    case 'danger':
+                        {
+                            if (icon == null)
+                                icon = 'bi-exclamation-octagon';
+                            iconType = 'error';
+                            color = '#dc3545';
+                            break;
+                        }
+                        ;
+                    case 'success':
+                        {
+                            if (icon == null)
+                                icon = 'bi-check-circle';
+                            iconType = 'info';
+                            color = '#198754';
+                            break;
+                        }
+                        ;
+                    case 'info':
+                        {
+                            if (icon == null)
+                                icon = 'bi-info-circle';
+                            iconType = 'error';
+                            color = '#0d6efd';
+                            break;
+                        }
+                        ;
+                    default: {
+                        if (icon == null)
+                            icon = 'bi-exclamation-triangle-fill';
+                        iconType = 'warning';
+                        color = '#ffc107';
+                        break;
+                    }
+                }
+                switch (icon) {
+                    case 'delete':
+                        icon = 'fa-regular fa-trash-can';
+                        break;
+                }
+                sweetalert2_1.default.fire({
+                    icon: iconType,
+                    iconColor: 'transparent',
+                    iconHtml: "<i class=\"".concat(icon, "\" style=\"color: ").concat(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(function (_a) {
+                    var value = _a.value;
+                    return setTimeout(function () { return Resolve(value); });
+                });
+            });
+        };
+        /** */
+        CoerAlert_1.prototype.SetIcon = function (element, icon) {
+            for (var _i = 0, _a = __spreadArray([], element.classList.value.split(' '), true); _i < _a.length; _i++) {
+                var item = _a[_i];
+                if (item.length > 0) {
+                    element.classList.remove(item);
+                    element.classList.remove('q');
+                }
+            }
+            icon = icon.trim();
+            var hasWhiteSpaces = / /;
+            if (hasWhiteSpaces.test(icon)) {
+                var classes = icon.split(' ');
+                for (var _b = 0, classes_1 = classes; _b < classes_1.length; _b++) {
+                    var icon_1 = classes_1[_b];
+                    element.classList.add(icon_1);
+                }
+            }
+            else
+                element.classList.add(icon);
+        };
+        /** */
+        CoerAlert_1.prototype.SetAutoHide = function (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');
+        };
+        /** */
+        CoerAlert_1.prototype.GetIcon = function (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;
+        };
+        return CoerAlert_1;
+    }());
+    __setFunctionName(_classThis, "CoerAlert");
+    (function () {
+        var _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+        __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+        CoerAlert = _classThis = _classDescriptor.value;
+        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        __runInitializers(_classThis, _classExtraInitializers);
+    })();
+    return CoerAlert = _classThis;
+}();
+exports.CoerAlert = CoerAlert;

package/dist_node/components/index.js

@@ -0,0 +1,168 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __setFunctionName = (this && this.__setFunctionName) || function (f, name, prefix) {
+    if (typeof name === "symbol") name = name.description ? "[".concat(name.description, "]") : "";
+    return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComponentsModule = void 0;
+var core_1 = require("@angular/core");
+var common_1 = require("@angular/common");
+var router_1 = require("@angular/router");
+var forms_1 = require("@angular/forms");
+//import { DirectivesModule } from 'src/app/shared/directives/directives.module';
+//import { PipesModule } from 'src/app/shared/pipes/pipes.module';
+//Angular Material
+//import { MatButtonModule } from '@angular/material/button';
+//import { MatCheckboxModule } from '@angular/material/checkbox';
+//import { MatInputModule } from '@angular/material/input';
+//import { MatFormFieldModule } from '@angular/material/form-field';
+//import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+//import { MatTabsModule } from '@angular/material/tabs';
+//Components
+var coer_alert_component_1 = require("./coer-alert/coer-alert.component");
+//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';
+var ComponentsModule = function () {
+    var _classDecorators = [(0, core_1.NgModule)({
+            imports: [
+                common_1.CommonModule,
+                router_1.RouterModule,
+                forms_1.FormsModule,
+                forms_1.ReactiveFormsModule,
+                //PipesModule,
+                //MatButtonModule,
+                //MatCheckboxModule,
+                //MatInputModule,
+                //MatFormFieldModule,
+                //MatSlideToggleModule,
+                //MatTabsModule,
+                //DirectivesModule
+            ],
+            declarations: [
+                coer_alert_component_1.CoerAlert,
+                //CoerButton,
+                //CoerCheckbox,
+                //CoerFilebox,
+                //CoerForm,
+                //CoerGrid,
+                //CoerModal,
+                //CoerNumberBox,
+                //CoerPageTitle,
+                //CoerSelectbox,
+                //CoerSwitch,
+                //CoerTextarea,
+                //CoerTab,
+                //CoerTextBox,
+            ],
+            exports: [
+                coer_alert_component_1.CoerAlert,
+                //CoerButton,
+                //CoerCheckbox,
+                //CoerFilebox,
+                //CoerForm,
+                //CoerGrid,
+                //CoerModal,
+                //CoerNumberBox,
+                //CoerPageTitle,
+                //CoerSelectbox,
+                //CoerSwitch,
+                //CoerTextarea,
+                //CoerTab,
+                //CoerTextBox,
+            ]
+        })];
+    var _classDescriptor;
+    var _classExtraInitializers = [];
+    var _classThis;
+    var ComponentsModule = _classThis = /** @class */ (function () {
+        function ComponentsModule_1() {
+        }
+        return ComponentsModule_1;
+    }());
+    __setFunctionName(_classThis, "ComponentsModule");
+    (function () {
+        var _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+        __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+        ComponentsModule = _classThis = _classDescriptor.value;
+        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        __runInitializers(_classThis, _classExtraInitializers);
+    })();
+    return ComponentsModule = _classThis;
+}();
+exports.ComponentsModule = ComponentsModule;
+__exportStar(require("./coer-alert/coer-alert.component"), exports);
+//export * from './coer-button/coer-button.component';
+//export * from './coer-checkbox/coer-checkbox.component';
+//export * from './coer-filebox/coer-filebox.component';
+//export * from './coer-filebox/coer-filebox.interface';
+//export * from './coer-form/coer-form.component';
+//export * from './coer-grid/coer-grid.component';
+//export * from './coer-grid/coer-grid.interface';
+//export * from './coer-grid/coer-grid.templates';
+//export * from './coer-modal/coer-modal.component';
+//export * from './coer-numberbox/coer-numberbox.component';
+//export * from './coer-page-title/coer-page-title.component';
+//export * from './coer-page-title/pageTitle.interface';
+//export * from './coer-selectbox/coer-selectbox.component';
+//export * from './coer-switch/coer-switch.component';
+//export * from './coer-tab/coer-tab.component';
+//export * from './coer-textbox/coer-textbox.component';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "coer-elements",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "author": "Christian Omar Escamilla Rodríguez",
   "keywords": [
     "coer",
@@ -22,9 +22,12 @@
     "push": "npm publish --access public"
   },
   "dependencies": {
+    "@angular/animations": "^17.3.0",
     "@angular/common": "^17.3.0",
     "@angular/core": "^17.3.0",
     "@angular/forms": "^17.3.0",
+    "@angular/platform-browser": "^17.3.0",
+    "@angular/platform-browser-dynamic": "^17.3.0",
     "@angular/router": "^17.3.0",
     "@fortawesome/fontawesome-free": "^6.6.0",
     "animate.css": "^4.1.1",