coer-elements 2.0.2 → 2.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/components/lib/coer-datebox/coer-datebox.component.d.ts +1 -1
  2. package/components/lib/coer-dropdown/coer-dropdown.component.d.ts +3 -3
  3. package/components/lib/coer-numberbox/coer-numberbox.component.d.ts +1 -1
  4. package/components/lib/coer-secretbox/coer-secretbox.component.d.ts +1 -1
  5. package/components/lib/coer-selectbox/coer-selectbox.component.d.ts +3 -4
  6. package/components/lib/coer-sidenav/coer-toolbar/coer-toolbar.component.d.ts +5 -2
  7. package/components/lib/coer-textarea/coer-textarea.component.d.ts +1 -1
  8. package/components/lib/coer-textbox/coer-textbox.component.d.ts +1 -1
  9. package/fesm2022/coer-elements-components.mjs +62 -46
  10. package/fesm2022/coer-elements-components.mjs.map +1 -1
  11. package/fesm2022/coer-elements-pages.mjs +25 -13
  12. package/fesm2022/coer-elements-pages.mjs.map +1 -1
  13. package/fesm2022/coer-elements-signals.mjs +11 -1
  14. package/fesm2022/coer-elements-signals.mjs.map +1 -1
  15. package/fesm2022/coer-elements-tools.mjs +97 -27
  16. package/fesm2022/coer-elements-tools.mjs.map +1 -1
  17. package/package.json +12 -12
  18. package/pages/lib/coer-system/coer-system.component.d.ts +4 -4
  19. package/signals/lib/colors.signal.d.ts +9 -0
  20. package/signals/public-api.d.ts +1 -0
  21. package/styles/coer-elements.css +280 -70
  22. package/styles/colors.scss +233 -9
  23. package/styles/containers.scss +1 -1
  24. package/tools/lib/breadcrumbs.class.d.ts +2 -0
  25. package/tools/lib/colors.class.d.ts +19 -9
  26. package/tools/lib/date-time.class.d.ts +2 -0
  27. package/tools/lib/elements-html.class.d.ts +4 -0
  28. package/tools/lib/page.class.d.ts +2 -0
@@ -1,11 +1,11 @@
1
1
  import * as i0 from '@angular/core';
2
2
  import { signal, Component, forwardRef, inject, Inject, input, output } from '@angular/core';
3
+ import { primaryColorSIGNAL, secondaryColorSIGNAL, successColorSIGNAL, warningColorSIGNAL, dangerColorSIGNAL, backgroundColorSIGNAL, sidenavColorSIGNAL, navigationColorSIGNAL, containerColorSIGNAL, navigationSIGNAL } from 'coer-elements/signals';
3
4
  import * as bootstrap from 'bootstrap';
4
5
  import Swal from 'sweetalert2';
5
6
  import { NG_VALUE_ACCESSOR } from '@angular/forms';
6
7
  import moment from 'moment';
7
8
  import * as XLSX from 'xlsx';
8
- import { navigationSIGNAL } from 'coer-elements/signals';
9
9
  import { Router, ActivatedRoute } from '@angular/router';
10
10
  import { Observable } from 'rxjs';
11
11
  import { HttpClient, HttpRequest } from '@angular/common/http';
@@ -100,7 +100,7 @@ const Tools = {
100
100
  if (typeof object === 'boolean')
101
101
  return object;
102
102
  const OBJECT = JSON.parse(JSON.stringify(object));
103
- return (Array.isArray(OBJECT)) ? [...OBJECT] : { ...OBJECT };
103
+ return (Array.isArray(OBJECT) ? [...OBJECT] : { ...OBJECT });
104
104
  },
105
105
  /** Clean extra whitespaces */
106
106
  CleanUpBlanks: (text) => {
@@ -278,26 +278,72 @@ const Tools = {
278
278
  };
279
279
 
280
280
  class Colors {
281
- static { this.blue = '#0d6efd'; }
282
- static { this.gray = '#6c757d'; }
283
- static { this.green = '#198754'; }
284
- static { this.yellow = '#ffc107'; }
285
- static { this.red = '#dc3545'; }
286
- static { this.white = '#f5f5f5'; }
287
- static { this.black = '#252525'; }
288
- static { this.orange = '#fd6031'; }
289
- static { this.purple = '#a615bc'; }
281
+ static { this._blue = '#0d6efd'; }
282
+ static { this._gray = '#6c757d'; }
283
+ static { this._green = '#198754'; }
284
+ static { this._yellow = '#ffc107'; }
285
+ static { this._red = '#dc3545'; }
286
+ static { this._smoke = '#f5f5f5'; }
287
+ static { this._black = '#252525'; }
288
+ static { this._orange = '#fd6031'; }
289
+ static { this._white = '#ffffff'; }
290
+ static { this._purple = '#a615bc'; }
291
+ //getter
292
+ static get primary() {
293
+ const color = primaryColorSIGNAL();
294
+ return Tools.IsNotOnlyWhiteSpace(color) ? color : this._blue;
295
+ }
296
+ //getter
297
+ static get secondary() {
298
+ const color = secondaryColorSIGNAL();
299
+ return Tools.IsNotOnlyWhiteSpace(color) ? color : this._gray;
300
+ }
301
+ //getter
302
+ static get success() {
303
+ const color = successColorSIGNAL();
304
+ return Tools.IsNotOnlyWhiteSpace(color) ? color : this._green;
305
+ }
306
+ //getter
307
+ static get warning() {
308
+ const color = warningColorSIGNAL();
309
+ return Tools.IsNotOnlyWhiteSpace(color) ? color : this._yellow;
310
+ }
311
+ //getter
312
+ static get danger() {
313
+ const color = dangerColorSIGNAL();
314
+ return Tools.IsNotOnlyWhiteSpace(color) ? color : this._red;
315
+ }
316
+ //getter
317
+ static get background() {
318
+ const color = backgroundColorSIGNAL();
319
+ return Tools.IsNotOnlyWhiteSpace(color) ? color : this._smoke;
320
+ }
321
+ //getter
322
+ static get sidenav() {
323
+ const color = sidenavColorSIGNAL();
324
+ return Tools.IsNotOnlyWhiteSpace(color) ? color : this._black;
325
+ }
326
+ //getter
327
+ static get navigation() {
328
+ const color = navigationColorSIGNAL();
329
+ return Tools.IsNotOnlyWhiteSpace(color) ? color : this._orange;
330
+ }
331
+ //getter
332
+ static get container() {
333
+ const color = containerColorSIGNAL();
334
+ return Tools.IsNotOnlyWhiteSpace(color) ? color : this._white;
335
+ }
290
336
  /** Returns the color palette in hexadecimal */
291
337
  static { this.colorsHex = new Map([
292
- ['blue', '#0d6efd'],
293
- ['gray', '#6c757d'],
294
- ['green', '#198754'],
295
- ['yellow', '#ffc107'],
296
- ['red', '#dc3545'],
297
- ['white', '#f5f5f5'],
298
- ['black', '#252525'],
299
- ['orange', '#fd6031'],
300
- ['purple', '#a615bc'],
338
+ ['blue', this._blue],
339
+ ['gray', this._gray],
340
+ ['green', this._green],
341
+ ['yellow', this._yellow],
342
+ ['red', this._red],
343
+ ['white', this._white],
344
+ ['black', this._black],
345
+ ['orange', this._orange],
346
+ ['purple', this._purple],
301
347
  ]); }
302
348
  /** Returns the color palette in RGB */
303
349
  static { this.ColorsRGB = new Map([
@@ -454,7 +500,7 @@ class CoerAlert {
454
500
  if (Tools.IsNull(icon))
455
501
  icon = 'bi-exclamation-octagon';
456
502
  iconType = 'error';
457
- color = Colors.red;
503
+ color = Colors.danger;
458
504
  break;
459
505
  }
460
506
  ;
@@ -463,7 +509,7 @@ class CoerAlert {
463
509
  if (Tools.IsNull(icon))
464
510
  icon = 'bi-check-circle';
465
511
  iconType = 'info';
466
- color = Colors.green;
512
+ color = Colors.success;
467
513
  break;
468
514
  }
469
515
  ;
@@ -472,7 +518,7 @@ class CoerAlert {
472
518
  if (Tools.IsNull(icon))
473
519
  icon = 'bi-info-circle';
474
520
  iconType = 'error';
475
- color = Colors.black;
521
+ color = Colors.primary;
476
522
  break;
477
523
  }
478
524
  ;
@@ -480,7 +526,7 @@ class CoerAlert {
480
526
  if (Tools.IsNull(icon))
481
527
  icon = 'bi-exclamation-triangle-fill';
482
528
  iconType = 'warning';
483
- color = Colors.yellow;
529
+ color = Colors.warning;
484
530
  break;
485
531
  }
486
532
  }
@@ -563,11 +609,11 @@ class CoerAlert {
563
609
  return icon;
564
610
  }
565
611
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerAlert, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
566
- 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"] }); }
612
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.1", type: CoerAlert, isStandalone: true, selector: "coer-alert", ngImport: i0, template: "<aside class=\"toast-container coer-alert\">\r\n <!-- Success -->\r\n <div id=\"alert-success\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n <div class=\"toast-header\">\r\n <i id=\"alert-success-icon\"></i>\r\n <strong id=\"alert-success-title\"></strong>\r\n <button type=\"button\" (click)=\"Close('alert-success')\" class=\"btn-close btn-close-white\"></button>\r\n </div>\r\n\r\n <div class=\"toast-body\">\r\n <pre id=\"alert-success-message\"></pre>\r\n </div>\r\n </div>\r\n\r\n\r\n <!-- Error -->\r\n <div id=\"alert-error\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n <div class=\"toast-header\">\r\n <i id=\"alert-error-icon\"></i>\r\n <strong id=\"alert-error-title\"></strong>\r\n <button type=\"button\" (click)=\"Close('alert-error')\" class=\"btn-close btn-close-white\"></button>\r\n </div>\r\n\r\n <div class=\"toast-body\">\r\n <pre id=\"alert-error-message\"></pre>\r\n </div>\r\n </div>\r\n\r\n\r\n <!-- Info -->\r\n <div id=\"alert-info\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n <div class=\"toast-header\">\r\n <i id=\"alert-info-icon\"></i>\r\n <strong id=\"alert-info-title\"></strong>\r\n <button type=\"button\" (click)=\"Close('alert-info')\" class=\"btn-close btn-close-white\"></button>\r\n </div>\r\n\r\n <div class=\"toast-body\">\r\n <pre id=\"alert-info-message\"></pre>\r\n </div>\r\n </div>\r\n\r\n\r\n <!-- Warning -->\r\n <div id=\"alert-warning\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n <div class=\"toast-header\">\r\n <i id=\"alert-warning-icon\"></i>\r\n <strong id=\"alert-warning-title\"></strong>\r\n <button type=\"button\" (click)=\"Close('alert-warning')\" class=\"btn-close\"></button>\r\n </div>\r\n\r\n <div class=\"toast-body\">\r\n <pre id=\"alert-warning-message\"></pre>\r\n </div>\r\n </div>\r\n</aside>", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--blue));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--background-inner: var(--background, var(--smoke));--sidenav-inner: var(--sidenav, var(--black));--navigation-inner: var(--navigation, var(--orange));--container-inner: var(--container, var(--white))}.text-blue{color:var(--blue)!important}.text-blue-bold{font-weight:700!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.border-blue{border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.border-gray{border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.border-green{border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.border-yellow{border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.border-red{border-color:var(--red)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.border-white{border-color:var(--white)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.border-black{border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.border-orange{border-color:var(--orange)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.border-primary{border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.border-secondary{border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.border-success{border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.border-warning{border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.border-danger{border-color:var(--danger-inner)!important}.text-background{color:var(--background-inner)!important}.text-background-bold{color:var(--background-inner)!important;font-weight:700!important}.background-background{background-color:var(--background-inner)!important}.background-border-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.border-background{border-color:var(--background-inner)!important}.text-sidenav{color:var(--sidenav-inner)!important}.text-blue-sidenav{color:var(--sidenav-inner)!important;font-weight:700!important}.background-sidenav{background-color:var(--sidenav-inner)!important}.background-border-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.border-sidenav{border-color:var(--sidenav-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.border-navigation{border-color:var(--navigation-inner)!important}.text-container{color:var(--container-inner)!important}.text-container-bold{color:var(--container-inner)!important;font-weight:700!important}.background-container{background-color:var(--container-inner)!important}.background-border-container{background-color:var(--container-inner)!important;border-color:var(--container-inner)!important}.border-container{border-color:var(--container-inner)!important}.text-transparent{color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}.border-transparent{border-color:transparent!important}aside.toast-container{position:fixed;bottom:0;right:0;padding:15px!important;z-index:2000!important}aside.toast-container i,aside.toast-container svg{display:flex;align-items:center}aside.toast-container strong{margin:0 auto 0 5px}aside.toast-container div.toast,aside.toast-container div.toast-header{border-top-left-radius:10px;border-top-right-radius:10px;color:var(--smoke)}aside.toast-container div.toast,aside.toast-container div.toast-body{border-bottom-left-radius:10px;border-bottom-right-radius:10px;width:auto!important;min-width:350px!important;max-width:470px!important;color:var(--smoke)}aside.toast-container div.toast-body{min-height:36px}aside.toast-container pre{font-family:Roboto,RobotoFallback,Noto Kufi Arabic,Helvetica,Arial,sans-serif;white-space:pre-wrap;font-size:medium}aside.toast-container button{margin:0 2px!important;width:10px!important;height:10px!important;box-shadow:none!important;outline:none!important;border:none!important}aside.toast-container div#alert-success div.toast-header,aside.toast-container div#alert-success div.toast-body{background-color:var(--success-inner)}aside.toast-container div#alert-info div.toast-header,aside.toast-container div#alert-info div.toast-body{background-color:var(--primary-inner)}aside.toast-container div#alert-error div.toast-header,aside.toast-container div#alert-error div.toast-body{background-color:var(--danger-inner)}aside.toast-container div#alert-warning div.toast-header,aside.toast-container div#alert-warning div.toast-body{background-color:var(--warning-inner);border-color:var(--black);color:var(--black)}aside.toast-container div#alert-success:hover,aside.toast-container div#alert-info:hover,aside.toast-container div#alert-error:hover,aside.toast-container div#alert-warning:hover{transform:scale(1.01);box-shadow:2px 2px 10px #789;cursor:default}button.sweet-alert-button{width:100px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 5px!important;outline:none!important;border:none!important;box-shadow:none!important}aside.toast-container>*{border:none!important;z-index:2000!important;margin:15px 0 0!important}\n"] }); }
567
613
  }
568
614
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerAlert, decorators: [{
569
615
  type: Component,
570
- 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"] }]
616
+ args: [{ selector: 'coer-alert', standalone: true, template: "<aside class=\"toast-container coer-alert\">\r\n <!-- Success -->\r\n <div id=\"alert-success\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n <div class=\"toast-header\">\r\n <i id=\"alert-success-icon\"></i>\r\n <strong id=\"alert-success-title\"></strong>\r\n <button type=\"button\" (click)=\"Close('alert-success')\" class=\"btn-close btn-close-white\"></button>\r\n </div>\r\n\r\n <div class=\"toast-body\">\r\n <pre id=\"alert-success-message\"></pre>\r\n </div>\r\n </div>\r\n\r\n\r\n <!-- Error -->\r\n <div id=\"alert-error\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n <div class=\"toast-header\">\r\n <i id=\"alert-error-icon\"></i>\r\n <strong id=\"alert-error-title\"></strong>\r\n <button type=\"button\" (click)=\"Close('alert-error')\" class=\"btn-close btn-close-white\"></button>\r\n </div>\r\n\r\n <div class=\"toast-body\">\r\n <pre id=\"alert-error-message\"></pre>\r\n </div>\r\n </div>\r\n\r\n\r\n <!-- Info -->\r\n <div id=\"alert-info\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n <div class=\"toast-header\">\r\n <i id=\"alert-info-icon\"></i>\r\n <strong id=\"alert-info-title\"></strong>\r\n <button type=\"button\" (click)=\"Close('alert-info')\" class=\"btn-close btn-close-white\"></button>\r\n </div>\r\n\r\n <div class=\"toast-body\">\r\n <pre id=\"alert-info-message\"></pre>\r\n </div>\r\n </div>\r\n\r\n\r\n <!-- Warning -->\r\n <div id=\"alert-warning\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n <div class=\"toast-header\">\r\n <i id=\"alert-warning-icon\"></i>\r\n <strong id=\"alert-warning-title\"></strong>\r\n <button type=\"button\" (click)=\"Close('alert-warning')\" class=\"btn-close\"></button>\r\n </div>\r\n\r\n <div class=\"toast-body\">\r\n <pre id=\"alert-warning-message\"></pre>\r\n </div>\r\n </div>\r\n</aside>", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--blue));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--background-inner: var(--background, var(--smoke));--sidenav-inner: var(--sidenav, var(--black));--navigation-inner: var(--navigation, var(--orange));--container-inner: var(--container, var(--white))}.text-blue{color:var(--blue)!important}.text-blue-bold{font-weight:700!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.border-blue{border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.border-gray{border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.border-green{border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.border-yellow{border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.border-red{border-color:var(--red)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.border-white{border-color:var(--white)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.border-black{border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.border-orange{border-color:var(--orange)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.border-primary{border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.border-secondary{border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.border-success{border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.border-warning{border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.border-danger{border-color:var(--danger-inner)!important}.text-background{color:var(--background-inner)!important}.text-background-bold{color:var(--background-inner)!important;font-weight:700!important}.background-background{background-color:var(--background-inner)!important}.background-border-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.border-background{border-color:var(--background-inner)!important}.text-sidenav{color:var(--sidenav-inner)!important}.text-blue-sidenav{color:var(--sidenav-inner)!important;font-weight:700!important}.background-sidenav{background-color:var(--sidenav-inner)!important}.background-border-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.border-sidenav{border-color:var(--sidenav-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.border-navigation{border-color:var(--navigation-inner)!important}.text-container{color:var(--container-inner)!important}.text-container-bold{color:var(--container-inner)!important;font-weight:700!important}.background-container{background-color:var(--container-inner)!important}.background-border-container{background-color:var(--container-inner)!important;border-color:var(--container-inner)!important}.border-container{border-color:var(--container-inner)!important}.text-transparent{color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}.border-transparent{border-color:transparent!important}aside.toast-container{position:fixed;bottom:0;right:0;padding:15px!important;z-index:2000!important}aside.toast-container i,aside.toast-container svg{display:flex;align-items:center}aside.toast-container strong{margin:0 auto 0 5px}aside.toast-container div.toast,aside.toast-container div.toast-header{border-top-left-radius:10px;border-top-right-radius:10px;color:var(--smoke)}aside.toast-container div.toast,aside.toast-container div.toast-body{border-bottom-left-radius:10px;border-bottom-right-radius:10px;width:auto!important;min-width:350px!important;max-width:470px!important;color:var(--smoke)}aside.toast-container div.toast-body{min-height:36px}aside.toast-container pre{font-family:Roboto,RobotoFallback,Noto Kufi Arabic,Helvetica,Arial,sans-serif;white-space:pre-wrap;font-size:medium}aside.toast-container button{margin:0 2px!important;width:10px!important;height:10px!important;box-shadow:none!important;outline:none!important;border:none!important}aside.toast-container div#alert-success div.toast-header,aside.toast-container div#alert-success div.toast-body{background-color:var(--success-inner)}aside.toast-container div#alert-info div.toast-header,aside.toast-container div#alert-info div.toast-body{background-color:var(--primary-inner)}aside.toast-container div#alert-error div.toast-header,aside.toast-container div#alert-error div.toast-body{background-color:var(--danger-inner)}aside.toast-container div#alert-warning div.toast-header,aside.toast-container div#alert-warning div.toast-body{background-color:var(--warning-inner);border-color:var(--black);color:var(--black)}aside.toast-container div#alert-success:hover,aside.toast-container div#alert-info:hover,aside.toast-container div#alert-error:hover,aside.toast-container div#alert-warning:hover{transform:scale(1.01);box-shadow:2px 2px 10px #789;cursor:default}button.sweet-alert-button{width:100px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 5px!important;outline:none!important;border:none!important;box-shadow:none!important}aside.toast-container>*{border:none!important;z-index:2000!important;margin:15px 0 0!important}\n"] }]
571
617
  }] });
572
618
 
573
619
  class Breadcrumbs {
@@ -598,6 +644,11 @@ class Breadcrumbs {
598
644
  return (breadcrumbs.length > 0) ? breadcrumbs.shift() : null;
599
645
  }
600
646
  /** */
647
+ static GetLast() {
648
+ const breadcrumbs = this.Get();
649
+ return (breadcrumbs.length > 0) ? breadcrumbs.pop() : null;
650
+ }
651
+ /** */
601
652
  static Save(breadcrumbs) {
602
653
  let storage = sessionStorage.getItem(this.storage);
603
654
  if (storage)
@@ -716,6 +767,10 @@ class DateTime {
716
767
  return moment().utcOffset();
717
768
  }
718
769
  /** YYYY-MM-DD HH:mm:ss */
770
+ static GetCurrentDateTime() {
771
+ return moment().parseZone().local(true).format('YYYY-MM-DD HH:mm:ss');
772
+ }
773
+ /** YYYY-MM-DD HH:mm:ss */
719
774
  static GetFormatDB(date) {
720
775
  date = new Date(date.toString());
721
776
  return moment(date).format('YYYY-MM-DD HH:mm:ss');
@@ -819,6 +874,16 @@ const ElementsHTML = {
819
874
  }
820
875
  return isInvalid;
821
876
  },
877
+ /** */
878
+ GetCssValueBy: (selector, style) => {
879
+ return ElementsHTML.GetCssValue(document.querySelector(selector), style);
880
+ },
881
+ /** */
882
+ GetCssValue: (element, style) => {
883
+ return Tools.IsNotNull(element)
884
+ ? window.getComputedStyle(element).getPropertyValue(style)
885
+ : '';
886
+ },
822
887
  };
823
888
 
824
889
  class Files {
@@ -1251,7 +1316,7 @@ class Page {
1251
1316
  }
1252
1317
  ngOnDestroy() {
1253
1318
  if (!this._preventDestroy)
1254
- Source.ClearPageResponse();
1319
+ this.ClearPageResponse();
1255
1320
  }
1256
1321
  /** Main method. Starts after ngAfterViewInit() */
1257
1322
  RunPage() { }
@@ -1343,6 +1408,11 @@ class Page {
1343
1408
  }
1344
1409
  ;
1345
1410
  /** */
1411
+ ClearPageResponse() {
1412
+ Source.ClearPageResponse();
1413
+ }
1414
+ ;
1415
+ /** */
1346
1416
  ReloadPage() {
1347
1417
  Breadcrumbs.RemoveLast();
1348
1418
  setTimeout(() => window.location.reload());