coer-elements 2.0.5 → 2.0.7

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 (51) hide show
  1. package/components/lib/coer-button/coer-button.component.d.ts +5 -5
  2. package/components/lib/coer-checkbox/coer-checkbox.component.d.ts +1 -1
  3. package/components/lib/coer-datebox/coer-datebox.component.d.ts +7 -6
  4. package/components/lib/coer-dropdown/coer-dropdown.component.d.ts +11 -11
  5. package/components/lib/coer-filebox/coer-filebox.component.d.ts +7 -7
  6. package/components/lib/coer-form/coer-form.component.d.ts +1 -1
  7. package/components/lib/coer-grid/coer-grid.component.d.ts +9 -9
  8. package/components/lib/coer-grid/coer-grid.extension.d.ts +19 -15
  9. package/components/lib/coer-list/coer-list.component.d.ts +9 -9
  10. package/components/lib/coer-modal/coer-modal.component.d.ts +1 -1
  11. package/components/lib/coer-sidenav/coer-toolbar/coer-toolbar.component.d.ts +8 -11
  12. package/fesm2022/coer-elements-components.mjs +218 -223
  13. package/fesm2022/coer-elements-components.mjs.map +1 -1
  14. package/fesm2022/coer-elements-guards.mjs +6 -6
  15. package/fesm2022/coer-elements-guards.mjs.map +1 -1
  16. package/fesm2022/coer-elements-interceptors.mjs +1 -1
  17. package/fesm2022/coer-elements-interceptors.mjs.map +1 -1
  18. package/fesm2022/coer-elements-interfaces.mjs.map +1 -1
  19. package/fesm2022/coer-elements-pages.mjs +237 -186
  20. package/fesm2022/coer-elements-pages.mjs.map +1 -1
  21. package/fesm2022/coer-elements-services.mjs +1 -1
  22. package/fesm2022/coer-elements-services.mjs.map +1 -1
  23. package/fesm2022/coer-elements-signals.mjs +33 -10
  24. package/fesm2022/coer-elements-signals.mjs.map +1 -1
  25. package/fesm2022/coer-elements-tools.mjs +88 -117
  26. package/fesm2022/coer-elements-tools.mjs.map +1 -1
  27. package/fesm2022/coer-elements.mjs.map +1 -1
  28. package/interfaces/lib/coer-grid/grid-button-by-row.interface.d.ts +3 -0
  29. package/interfaces/lib/coer-grid/grid-header-button.interface.d.ts +1 -0
  30. package/interfaces/lib/coer-grid/grid-header-export-button.interface.d.ts +1 -0
  31. package/interfaces/lib/coer-grid/grid-header-import-button.interface.d.ts +1 -0
  32. package/interfaces/lib/coer-menu/menu-toolbar.interface.d.ts +6 -0
  33. package/interfaces/lib/colors.interface.d.ts +36 -0
  34. package/interfaces/lib/login/user-login-response.interface.d.ts +12 -0
  35. package/interfaces/lib/login/user-login.interface.d.ts +10 -0
  36. package/interfaces/public-api.d.ts +5 -4
  37. package/package.json +5 -5
  38. package/pages/lib/coer-system/coer-system.component.d.ts +53 -34
  39. package/pages/lib/coer-system/login/login.component.d.ts +15 -15
  40. package/signals/lib/colors.signal.d.ts +2 -9
  41. package/styles/coer-elements.css +687 -134
  42. package/styles/colors.scss +88 -417
  43. package/styles/containers.scss +1 -1
  44. package/styles/index.scss +1 -26
  45. package/tools/lib/colors.class.d.ts +33 -27
  46. package/tools/lib/elements-html.class.d.ts +8 -4
  47. package/tools/lib/user.class.d.ts +3 -2
  48. package/interfaces/lib/image.interface.d.ts +0 -11
  49. package/interfaces/lib/login-response.interface.d.ts +0 -10
  50. package/interfaces/lib/toolbar-menu.interface.d.ts +0 -5
  51. /package/interfaces/lib/{login.interface.d.ts → login/login.interface.d.ts} +0 -0
package/fesm2022/coer-elements-components.mjs CHANGED
@@ -36,7 +36,7 @@ import { MatTabsModule } from '@angular/material/tabs';
36
36
  import { MatTimepickerModule } from '@angular/material/timepicker';
37
37
  import * as i2$a from '@angular/material/toolbar';
38
38
  import { MatToolbarModule } from '@angular/material/toolbar';
39
- import { Tools, ControlValue, CONTROL_VALUE, DateTime, Screen, CoerAlert, Files, ElementsHTML, Source, Menu, Breadcrumbs } from 'coer-elements/tools';
39
+ import { Tools, ControlValue, CONTROL_VALUE, DateTime, Screen, ElementsHTML, CoerAlert, Files, Source, Menu, Breadcrumbs } from 'coer-elements/tools';
40
40
  import { Tooltip, Modal } from 'bootstrap';
41
41
  import { isModalOpenSIGNAL, menuSelectedSIGNAL, breakpointSIGNAL, isMenuOpenSIGNAL, isLoadingSIGNAL, navigationSIGNAL } from 'coer-elements/signals';
42
42
 
@@ -127,8 +127,8 @@ class CoerButton {
127
127
  //Variables
128
128
  this._id = Tools.GetGuid('coer-button');
129
129
  this._tooltip = '';
130
- //Inputs
131
- this.id = '';
130
+ //Inputs
131
+ this.id = input('');
132
132
  this.color = input('default');
133
133
  this.type = input('filled');
134
134
  this.icon = input('');
@@ -186,8 +186,8 @@ class CoerButton {
186
186
  }
187
187
  }
188
188
  ngOnInit() {
189
- this.SetToolTip();
190
- this.SetEvents();
189
+ this._SetToolTip();
190
+ this._SetEvents();
191
191
  }
192
192
  ngOnDestroy() {
193
193
  if (this._tooltipElement) {
@@ -195,7 +195,7 @@ class CoerButton {
195
195
  }
196
196
  }
197
197
  /** */
198
- SetEvents() {
198
+ _SetEvents() {
199
199
  Tools.Sleep().then(() => {
200
200
  this._element = document.getElementById(`${this._id}-inner-button`);
201
201
  if (Tools.IsNotNull(this._element)) {
@@ -206,7 +206,7 @@ class CoerButton {
206
206
  }
207
207
  });
208
208
  }
209
- SetToolTip() {
209
+ _SetToolTip() {
210
210
  Tools.Sleep().then(() => {
211
211
  const htmlElement = document.getElementById(`${this._id}-container`);
212
212
  if (Tools.IsNotNull(htmlElement)) {
@@ -224,7 +224,7 @@ class CoerButton {
224
224
  });
225
225
  }
226
226
  /** */
227
- Click() {
227
+ _Click() {
228
228
  if (this._isEnable()) {
229
229
  this.onClick.emit();
230
230
  }
@@ -239,19 +239,15 @@ class CoerButton {
239
239
  }
240
240
  /** */
241
241
  Blur() {
242
- Tools.Sleep().then(() => {
243
- this._element.blur();
244
- });
242
+ Tools.Sleep().then(() => this._element.blur());
245
243
  }
246
244
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerButton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
247
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerButton, isStandalone: false, selector: "coer-button", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "iconPosition", isSignal: true, isRequired: false, transformFunction: null }, path: { classPropertyName: "path", publicName: "path", isSignal: true, isRequired: false, transformFunction: null }, animation: { classPropertyName: "animation", publicName: "animation", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, marginTop: { classPropertyName: "marginTop", publicName: "marginTop", isSignal: true, isRequired: false, transformFunction: null }, marginRight: { classPropertyName: "marginRight", publicName: "marginRight", isSignal: true, isRequired: false, transformFunction: null }, marginBottom: { classPropertyName: "marginBottom", publicName: "marginBottom", isSignal: true, isRequired: false, transformFunction: null }, marginLeft: { classPropertyName: "marginLeft", publicName: "marginLeft", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<div [ngClass]=\"{ 'coer-button': true }\">\r\n <a [id]=\"_id + '-container'\"\r\n [routerLink]=\"(path().length > 0 && _isEnable()) ? path() : null\"\r\n [ngClass]=\"{ 'loading': isLoading(), 'animate__animated animate__zoomIn': true, 'animate__disabled': !animation(), 'invisible': isInvisible() || isReadonly() }\"\r\n [ngStyle]=\"{ 'margin-top': marginTop(), 'margin-right': marginRight(), 'margin-bottom': marginBottom(), 'margin-left': marginLeft() }\">\r\n @if(type() =='filled' || type() == 'outline') {\r\n <button mat-button\r\n [id]=\"_id + '-inner-button'\"\r\n type=\"button\"\r\n (click)=\"Click()\"\r\n [ngClass]=\"{\r\n 'primary-filled' : (color() == 'primary' && type() =='filled'),\r\n 'secondary-filled' : (color() == 'secondary' && type() =='filled'),\r\n 'success-filled' : (color() == 'success' && type() =='filled'),\r\n 'warning-filled' : (color() == 'warning' && type() =='filled'),\r\n 'danger-filled' : (color() == 'danger' && type() =='filled'),\r\n 'navigation-filled' : (color() == 'navigation' && type() =='filled'),\r\n 'dark-filled' : (color() == 'dark' && type() =='filled'),\r\n 'primary-outline' : (color() == 'primary' && type() =='outline'),\r\n 'secondary-outline' : (color() == 'secondary' && type() =='outline'),\r\n 'success-outline' : (color() == 'success' && type() =='outline'),\r\n 'warning-outline' : (color() == 'warning' && type() =='outline'),\r\n 'danger-outline' : (color() == 'danger' && type() =='outline'),\r\n 'navigation-outline': (color() == 'navigation' && type() =='outline'),\r\n 'dark-outline' : (color() == 'dark' && type() =='outline'),\r\n 'readonly': isDisabled(),\r\n 'cursor-wait': isLoading()\r\n }\"\r\n [ngStyle]=\"{\r\n 'width' : width(),\r\n 'min-width' : minWidth(),\r\n 'max-width' : maxWidth(),\r\n 'height' : height(),\r\n 'min-height': minHeight()\r\n }\">\r\n <span class=\"slot\" *ngIf=\"!isLoading(); else loading\" >\r\n <span *ngIf=\"(iconPosition() == 'left')\">\r\n <i [class]=\"_icon()\"></i>\r\n </span>\r\n\r\n <span [ngClass]=\"{ 'ms-2': (iconPosition() == 'left'), 'me-2': (iconPosition() == 'right') }\">\r\n <ng-content></ng-content>\r\n </span>\r\n\r\n <span *ngIf=\"(iconPosition() == 'right')\">\r\n <i [class]=\"_icon()\"></i>\r\n </span>\r\n </span>\r\n\r\n <ng-template #loading>\r\n <span class=\"slot fa-fade\">\r\n <span class=\"me-2\"> Loading </span>\r\n <i class=\"spinner-border\"></i>\r\n </span>\r\n </ng-template>\r\n </button>\r\n }\r\n\r\n @else {\r\n @if (type() == 'icon') {\r\n <button mat-icon-button\r\n [id]=\"_id + '-inner-button'\"\r\n (click)=\"Click()\"\r\n [ngClass]=\"{\r\n 'primary-filled' : (color() == 'primary'),\r\n 'secondary-filled' : (color() == 'secondary'),\r\n 'success-filled' : (color() == 'success'),\r\n 'warning-filled' : (color() == 'warning'),\r\n 'danger-filled' : (color() == 'danger'),\r\n 'navigation-filled': (color() == 'navigation'),\r\n 'dark-filled' : (color() == 'dark'),\r\n 'readonly' : (isDisabled() || isLoading()),\r\n 'cursor-wait' : isLoading()\r\n }\">\r\n <i [class]=\"_icon()\"></i>\r\n </button>\r\n }\r\n\r\n @else if (type() == 'icon-outline') {\r\n <button mat-icon-button\r\n [id]=\"_id + '-inner-button'\"\r\n (click)=\"Click()\"\r\n [ngClass]=\"{\r\n 'primary-outline' : (color() == 'primary'),\r\n 'secondary-outline' : (color() == 'secondary'),\r\n 'success-outline' : (color() == 'success'),\r\n 'warning-outline' : (color() == 'warning'),\r\n 'danger-outline' : (color() == 'danger'),\r\n 'navigation-outline': (color() == 'navigation'),\r\n 'dark-outline' : (color() == 'dark'),\r\n 'readonly' : (isDisabled() || isLoading()),\r\n 'cursor-wait' : isLoading()\r\n }\">\r\n <i [class]=\"_icon()\"></i>\r\n </button>\r\n }\r\n\r\n @else if (type() == 'icon-no-border') {\r\n <button mat-icon-button\r\n [id]=\"_id + '-inner-button'\"\r\n (click)=\"Click()\"\r\n [ngClass]=\"{\r\n 'primary-outline' : (color() == 'primary'),\r\n 'secondary-outline' : (color() == 'secondary'),\r\n 'success-outline' : (color() == 'success'),\r\n 'warning-outline' : (color() == 'warning'),\r\n 'danger-outline' : (color() == 'danger'),\r\n 'navigation-outline': (color() == 'navigation'),\r\n 'dark-outline' : (color() == 'dark'),\r\n 'readonly' : (isDisabled() || isLoading()),\r\n 'icon-no-border' : true\r\n }\">\r\n <i [class]=\"_icon()\"></i>\r\n </button>\r\n }\r\n }\r\n </a>\r\n</div>", 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}coer-button{display:contents!important}div.coer-button{display:contents!important}div.coer-button a{display:inline-block!important;height:fit-content!important}div.coer-button a.animate__disabled{animation-duration:0s!important}div.coer-button button{font-size:17px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}div.coer-button .slot{width:100px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important}div.coer-button button.primary-filled{background-color:var(--primary-inner)!important;color:var(--smoke)!important}div.coer-button button.secondary-filled{background-color:var(--secondary-inner)!important;color:var(--smoke)!important}div.coer-button button.success-filled{background-color:var(--success-inner)!important;color:var(--smoke)!important}div.coer-button button.warning-filled{background-color:var(--warning-inner)!important;color:var(--black)!important}div.coer-button button.danger-filled{background-color:var(--danger-inner)!important;color:var(--smoke)!important}div.coer-button button.navigation-filled{background-color:var(--orange)!important;color:var(--smoke)!important}div.coer-button button.dark-filled{background-color:var(--black)!important;color:var(--smoke)!important}div.coer-button button.primary-outline{background-color:var(--white)!important;border:1px solid var(--primary-inner)!important;color:var(--primary-inner)!important}div.coer-button button.secondary-outline{background-color:var(--white)!important;border:1px solid var(--secondary-inner)!important;color:var(--secondary-inner)!important}div.coer-button button.success-outline{background-color:var(--white)!important;border:1px solid var(--success-inner)!important;color:var(--success-inner)!important}div.coer-button button.warning-outline{background-color:var(--white)!important;border:1px solid var(--warning-inner)!important;color:var(--warning-inner)!important}div.coer-button button.danger-outline{background-color:var(--white)!important;border:1px solid var(--danger-inner)!important;color:var(--danger-inner)!important}div.coer-button button.navigation-outline{background-color:var(--white)!important;border:1px solid var(--navigation-inner)!important;color:var(---navigation-inner)!important}div.coer-button button.dark-outline{background-color:var(--white)!important;border:1px solid var(--black)!important;color:var(--black)!important}div.coer-button button.primary-filled:not(.readonly):hover,div.coer-button button.primary-filled:not(.readonly):focus,div.coer-button button.primary-outline:not(.readonly):hover,div.coer-button button.primary-outline:not(.readonly):focus,div.coer-button button.secondary-filled:not(.readonly):hover,div.coer-button button.secondary-filled:not(.readonly):focus,div.coer-button button.secondary-outline:not(.readonly):hover,div.coer-button button.secondary-outline:not(.readonly):focus,div.coer-button button.success-filled:not(.readonly):hover,div.coer-button button.success-filled:not(.readonly):focus,div.coer-button button.success-outline:not(.readonly):hover,div.coer-button button.success-outline:not(.readonly):focus,div.coer-button button.warning-filled:not(.readonly):hover,div.coer-button button.warning-filled:not(.readonly):focus,div.coer-button button.warning-outline:not(.readonly):hover,div.coer-button button.warning-outline:not(.readonly):focus,div.coer-button button.danger-filled:not(.readonly):hover,div.coer-button button.danger-filled:not(.readonly):focus,div.coer-button button.danger-outline:not(.readonly):hover,div.coer-button button.danger-outline:not(.readonly):focus,div.coer-button button.navigation-filled:not(.readonly):hover,div.coer-button button.navigation-filled:not(.readonly):focus,div.coer-button button.navigation-outline:not(.readonly):hover,div.coer-button button.navigation-outline:not(.readonly):focus,div.coer-button button.dark-filled:not(.readonly):hover,div.coer-button button.dark-filled:not(.readonly):focus,div.coer-button button.dark-outline:not(.readonly):hover,div.coer-button button.dark-outline:not(.readonly):focus{filter:brightness(1.1)!important}div.coer-button button.primary-filled:not(.readonly):focus,div.coer-button button.primary-outline:not(.readonly):focus{box-shadow:0 0 20px var(--primary-inner)!important}div.coer-button button.secondary-filled:not(.readonly):focus,div.coer-button button.secondary-outline:not(.readonly):focus{box-shadow:0 0 20px var(--secondary-inner)!important}div.coer-button button.success-filled:not(.readonly):focus,div.coer-button button.success-outline:not(.readonly):focus{box-shadow:0 0 20px var(--success-inner)!important}div.coer-button button.warning-filled:not(.readonly):focus,div.coer-button button.warning-outline:not(.readonly):focus{box-shadow:0 0 20px var(--warning-inner)!important}div.coer-button button.danger-filled:not(.readonly):focus,div.coer-button button.danger-outline:not(.readonly):focus{box-shadow:0 0 20px var(--danger-inner)!important}div.coer-button button.navigation-filled:not(.readonly):focus,div.coer-button button.navigation-outline:not(.readonly):focus{box-shadow:0 0 20px var(--navigation-inner)!important}div.coer-button button.dark-filled:not(.readonly):focus,div.coer-button button.dark-outline:not(.readonly):focus{box-shadow:0 0 20px var(--black)!important}div.coer-button button.mdc-icon-button.mat-mdc-icon-button{width:40px!important;height:40px!important;padding:0!important}div.coer-button button.mdc-icon-button.mat-mdc-icon-button.icon-no-border{width:25px!important;height:25px!important;background-color:transparent!important;border:none!important;overflow:visible!important}div.coer-button button.mdc-icon-button.mat-mdc-icon-button.icon-no-border *{font-size:medium!important}div.coer-button button.mdc-icon-button.mat-mdc-icon-button.icon-no-border i.bi-box-arrow-left,div.coer-button button.mdc-icon-button.mat-mdc-icon-button.icon-no-border i.bi-box-arrow-in-right{font-size:20px!important}div.coer-button button.readonly,div.coer-button button.readonly:hover,div.coer-button button.readonly:focus{background-color:#dfdede!important;border-color:#dfdede!important;color:var(--white)!important}div.coer-button coer-button[ishidden=true],div.coer-button coer-button[ng-reflect-invisible=true]{position:relative!important;top:10000vh;left:10000vw}div.coer-button a.loading{cursor:wait!important}div.coer-button i{vertical-align:middle!important}div.coer-button i.spinner-border{width:15px!important;height:15px!important;font-size:16px!important}div.coer-button span{font-weight:700!important}div.coer-button .mat-mdc-button-touch-target{width:0px!important;height:0px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }] }); }
245
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerButton, isStandalone: false, selector: "coer-button", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "iconPosition", isSignal: true, isRequired: false, transformFunction: null }, path: { classPropertyName: "path", publicName: "path", isSignal: true, isRequired: false, transformFunction: null }, animation: { classPropertyName: "animation", publicName: "animation", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, marginTop: { classPropertyName: "marginTop", publicName: "marginTop", isSignal: true, isRequired: false, transformFunction: null }, marginRight: { classPropertyName: "marginRight", publicName: "marginRight", isSignal: true, isRequired: false, transformFunction: null }, marginBottom: { classPropertyName: "marginBottom", publicName: "marginBottom", isSignal: true, isRequired: false, transformFunction: null }, marginLeft: { classPropertyName: "marginLeft", publicName: "marginLeft", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<div [ngClass]=\"{ 'coer-button': true }\">\r\n <a [id]=\"_id + '-container'\"\r\n [routerLink]=\"(path().length > 0 && _isEnable()) ? path() : null\"\r\n [ngClass]=\"{ 'loading': isLoading(), 'animate__animated animate__zoomIn': true, 'animate__disabled': !animation(), 'invisible': isInvisible() || isReadonly() }\"\r\n [ngStyle]=\"{ 'margin-top': marginTop(), 'margin-right': marginRight(), 'margin-bottom': marginBottom(), 'margin-left': marginLeft() }\">\r\n \r\n @if(type() =='filled' || type() == 'outline') {\r\n <button mat-button\r\n [id]=\"_id + '-inner-button'\"\r\n type=\"button\"\r\n (click)=\"_Click()\"\r\n [ngClass]=\"{\r\n 'primary-filled' : (color() == 'primary' && type() =='filled'),\r\n 'secondary-filled' : (color() == 'secondary' && type() =='filled'),\r\n 'success-filled' : (color() == 'success' && type() =='filled'),\r\n 'warning-filled' : (color() == 'warning' && type() =='filled'),\r\n 'danger-filled' : (color() == 'danger' && type() =='filled'),\r\n 'navigation-filled' : (color() == 'navigation' && type() =='filled'),\r\n 'dark-filled' : (color() == 'dark' && type() =='filled'),\r\n 'primary-outline' : (color() == 'primary' && type() =='outline'),\r\n 'secondary-outline' : (color() == 'secondary' && type() =='outline'),\r\n 'success-outline' : (color() == 'success' && type() =='outline'),\r\n 'warning-outline' : (color() == 'warning' && type() =='outline'),\r\n 'danger-outline' : (color() == 'danger' && type() =='outline'),\r\n 'navigation-outline': (color() == 'navigation' && type() =='outline'),\r\n 'dark-outline' : (color() == 'dark' && type() =='outline'),\r\n 'readonly': isDisabled(),\r\n 'cursor-wait': isLoading()\r\n }\"\r\n [ngStyle]=\"{\r\n 'width' : width(),\r\n 'min-width' : minWidth(),\r\n 'max-width' : maxWidth(),\r\n 'height' : height(),\r\n 'min-height': minHeight()\r\n }\">\r\n <span class=\"slot\" *ngIf=\"!isLoading(); else loading\" >\r\n @if(iconPosition() == 'left') {\r\n <span>\r\n <i [class]=\"_icon()\"></i>\r\n </span>\r\n }\r\n\r\n <span [ngClass]=\"{ \r\n 'ms-2': (iconPosition() == 'left' && icon().length > 0), \r\n 'me-2': (iconPosition() == 'right' && icon().length > 0) \r\n }\">\r\n <ng-content></ng-content>\r\n </span>\r\n\r\n @if(iconPosition() == 'right') {\r\n <span>\r\n <i [class]=\"_icon()\"></i>\r\n </span> \r\n }\r\n </span>\r\n\r\n <ng-template #loading>\r\n <span class=\"slot fa-fade\">\r\n <span class=\"me-2\"> Loading </span>\r\n <i class=\"spinner-border\"></i>\r\n </span>\r\n </ng-template>\r\n </button>\r\n }\r\n\r\n @else {\r\n @if (type() == 'icon') {\r\n <button mat-icon-button\r\n [id]=\"_id + '-inner-button'\"\r\n type=\"button\"\r\n (click)=\"_Click()\"\r\n [ngClass]=\"{\r\n 'primary-filled' : (color() == 'primary'),\r\n 'secondary-filled' : (color() == 'secondary'),\r\n 'success-filled' : (color() == 'success'),\r\n 'warning-filled' : (color() == 'warning'),\r\n 'danger-filled' : (color() == 'danger'),\r\n 'navigation-filled': (color() == 'navigation'),\r\n 'dark-filled' : (color() == 'dark'),\r\n 'readonly' : (isDisabled() || isLoading()),\r\n 'cursor-wait' : isLoading()\r\n }\">\r\n <i [class]=\"_icon()\"></i>\r\n </button>\r\n }\r\n\r\n @else if (type() == 'icon-outline') {\r\n <button mat-icon-button\r\n [id]=\"_id + '-inner-button'\"\r\n type=\"button\"\r\n (click)=\"_Click()\"\r\n [ngClass]=\"{\r\n 'primary-outline' : (color() == 'primary'),\r\n 'secondary-outline' : (color() == 'secondary'),\r\n 'success-outline' : (color() == 'success'),\r\n 'warning-outline' : (color() == 'warning'),\r\n 'danger-outline' : (color() == 'danger'),\r\n 'navigation-outline': (color() == 'navigation'),\r\n 'dark-outline' : (color() == 'dark'),\r\n 'readonly' : (isDisabled() || isLoading()),\r\n 'cursor-wait' : isLoading()\r\n }\">\r\n <i [class]=\"_icon()\"></i>\r\n </button>\r\n }\r\n\r\n @else if (type() == 'icon-no-border') {\r\n <button mat-icon-button\r\n [id]=\"_id + '-inner-button'\"\r\n type=\"button\"\r\n (click)=\"_Click()\"\r\n [ngClass]=\"{\r\n 'primary-outline' : (color() == 'primary'),\r\n 'secondary-outline' : (color() == 'secondary'),\r\n 'success-outline' : (color() == 'success'),\r\n 'warning-outline' : (color() == 'warning'),\r\n 'danger-outline' : (color() == 'danger'),\r\n 'navigation-outline': (color() == 'navigation'),\r\n 'dark-outline' : (color() == 'dark'),\r\n 'readonly' : (isDisabled() || isLoading()),\r\n 'icon-no-border' : true\r\n }\">\r\n <i [class]=\"_icon()\"></i>\r\n </button>\r\n }\r\n }\r\n </a>\r\n</div>", 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));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}coer-button{display:contents!important}div.coer-button{display:contents!important}div.coer-button a{display:inline-block!important;height:fit-content!important;text-decoration:none!important}div.coer-button a.animate__disabled{animation-duration:0s!important}div.coer-button button{font-size:17px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:flex!important;align-items:center!important;justify-content:center!important}div.coer-button .slot{width:100px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important}div.coer-button button.primary-filled{background-color:var(--primary-inner)!important;color:var(--smoke)!important}div.coer-button button.secondary-filled{background-color:var(--secondary-inner)!important;color:var(--smoke)!important}div.coer-button button.success-filled{background-color:var(--success-inner)!important;color:var(--smoke)!important}div.coer-button button.warning-filled{background-color:var(--warning-inner)!important;color:var(--black)!important}div.coer-button button.danger-filled{background-color:var(--danger-inner)!important;color:var(--smoke)!important}div.coer-button button.navigation-filled{background-color:var(--navigation-inner)!important;color:var(--smoke)!important}div.coer-button button.dark-filled{background-color:var(--black)!important;color:var(--smoke)!important}div.coer-button button.primary-outline{background-color:var(--white)!important;border:1px solid var(--primary-inner)!important;color:var(--primary-inner)!important}div.coer-button button.secondary-outline{background-color:var(--white)!important;border:1px solid var(--secondary-inner)!important;color:var(--secondary-inner)!important}div.coer-button button.success-outline{background-color:var(--white)!important;border:1px solid var(--success-inner)!important;color:var(--success-inner)!important}div.coer-button button.warning-outline{background-color:var(--white)!important;border:1px solid var(--warning-inner)!important;color:var(--warning-inner)!important}div.coer-button button.danger-outline{background-color:var(--white)!important;border:1px solid var(--danger-inner)!important;color:var(--danger-inner)!important}div.coer-button button.navigation-outline{background-color:var(--white)!important;border:1px solid var(--navigation-inner)!important;color:var(--navigation-inner)!important}div.coer-button button.dark-outline{background-color:var(--white)!important;border:1px solid var(--black)!important;color:var(--black)!important}div.coer-button button.primary-filled:not(.readonly):hover,div.coer-button button.primary-filled:not(.readonly):focus,div.coer-button button.primary-outline:not(.readonly):hover,div.coer-button button.primary-outline:not(.readonly):focus,div.coer-button button.secondary-filled:not(.readonly):hover,div.coer-button button.secondary-filled:not(.readonly):focus,div.coer-button button.secondary-outline:not(.readonly):hover,div.coer-button button.secondary-outline:not(.readonly):focus,div.coer-button button.success-filled:not(.readonly):hover,div.coer-button button.success-filled:not(.readonly):focus,div.coer-button button.success-outline:not(.readonly):hover,div.coer-button button.success-outline:not(.readonly):focus,div.coer-button button.warning-filled:not(.readonly):hover,div.coer-button button.warning-filled:not(.readonly):focus,div.coer-button button.warning-outline:not(.readonly):hover,div.coer-button button.warning-outline:not(.readonly):focus,div.coer-button button.danger-filled:not(.readonly):hover,div.coer-button button.danger-filled:not(.readonly):focus,div.coer-button button.danger-outline:not(.readonly):hover,div.coer-button button.danger-outline:not(.readonly):focus,div.coer-button button.navigation-filled:not(.readonly):hover,div.coer-button button.navigation-filled:not(.readonly):focus,div.coer-button button.navigation-outline:not(.readonly):hover,div.coer-button button.navigation-outline:not(.readonly):focus,div.coer-button button.dark-filled:not(.readonly):hover,div.coer-button button.dark-filled:not(.readonly):focus,div.coer-button button.dark-outline:not(.readonly):hover,div.coer-button button.dark-outline:not(.readonly):focus{filter:brightness(1.1)!important}div.coer-button button.primary-filled:not(.readonly):focus,div.coer-button button.primary-outline:not(.readonly):focus{box-shadow:0 0 20px var(--primary-inner)!important}div.coer-button button.secondary-filled:not(.readonly):focus,div.coer-button button.secondary-outline:not(.readonly):focus{box-shadow:0 0 20px var(--secondary-inner)!important}div.coer-button button.success-filled:not(.readonly):focus,div.coer-button button.success-outline:not(.readonly):focus{box-shadow:0 0 20px var(--success-inner)!important}div.coer-button button.warning-filled:not(.readonly):focus,div.coer-button button.warning-outline:not(.readonly):focus{box-shadow:0 0 20px var(--warning-inner)!important}div.coer-button button.danger-filled:not(.readonly):focus,div.coer-button button.danger-outline:not(.readonly):focus{box-shadow:0 0 20px var(--danger-inner)!important}div.coer-button button.navigation-filled:not(.readonly):focus,div.coer-button button.navigation-outline:not(.readonly):focus{box-shadow:0 0 20px var(--navigation-inner)!important}div.coer-button button.dark-filled:not(.readonly):focus,div.coer-button button.dark-outline:not(.readonly):focus{box-shadow:0 0 20px var(--black)!important}div.coer-button button.mdc-icon-button.mat-mdc-icon-button{width:40px!important;height:40px!important;padding:0!important}div.coer-button button.mdc-icon-button.mat-mdc-icon-button.icon-no-border{width:25px!important;height:25px!important;background-color:transparent!important;border:none!important;overflow:visible!important}div.coer-button button.mdc-icon-button.mat-mdc-icon-button.icon-no-border *{font-size:medium!important}div.coer-button button.mdc-icon-button.mat-mdc-icon-button.icon-no-border i.bi-box-arrow-left,div.coer-button button.mdc-icon-button.mat-mdc-icon-button.icon-no-border i.bi-box-arrow-in-right{font-size:20px!important}div.coer-button button.readonly,div.coer-button button.readonly:hover,div.coer-button button.readonly:focus{background-color:#dfdede!important;border-color:#dfdede!important;color:var(--white)!important}div.coer-button coer-button[ishidden=true],div.coer-button coer-button[ng-reflect-invisible=true]{position:relative!important;top:10000vh;left:10000vw}div.coer-button a.loading{cursor:wait!important}div.coer-button i{display:flex!important;align-items:center!important;justify-content:center!important}div.coer-button i.spinner-border{width:15px!important;height:15px!important;font-size:16px!important}div.coer-button span{font-weight:700!important}div.coer-button .mat-mdc-button-touch-target{width:0px!important;height:0px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }] }); }
248
246
  }
249
247
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerButton, decorators: [{
250
248
  type: Component,
251
- args: [{ selector: 'coer-button', standalone: false, template: "<div [ngClass]=\"{ 'coer-button': true }\">\r\n <a [id]=\"_id + '-container'\"\r\n [routerLink]=\"(path().length > 0 && _isEnable()) ? path() : null\"\r\n [ngClass]=\"{ 'loading': isLoading(), 'animate__animated animate__zoomIn': true, 'animate__disabled': !animation(), 'invisible': isInvisible() || isReadonly() }\"\r\n [ngStyle]=\"{ 'margin-top': marginTop(), 'margin-right': marginRight(), 'margin-bottom': marginBottom(), 'margin-left': marginLeft() }\">\r\n @if(type() =='filled' || type() == 'outline') {\r\n <button mat-button\r\n [id]=\"_id + '-inner-button'\"\r\n type=\"button\"\r\n (click)=\"Click()\"\r\n [ngClass]=\"{\r\n 'primary-filled' : (color() == 'primary' && type() =='filled'),\r\n 'secondary-filled' : (color() == 'secondary' && type() =='filled'),\r\n 'success-filled' : (color() == 'success' && type() =='filled'),\r\n 'warning-filled' : (color() == 'warning' && type() =='filled'),\r\n 'danger-filled' : (color() == 'danger' && type() =='filled'),\r\n 'navigation-filled' : (color() == 'navigation' && type() =='filled'),\r\n 'dark-filled' : (color() == 'dark' && type() =='filled'),\r\n 'primary-outline' : (color() == 'primary' && type() =='outline'),\r\n 'secondary-outline' : (color() == 'secondary' && type() =='outline'),\r\n 'success-outline' : (color() == 'success' && type() =='outline'),\r\n 'warning-outline' : (color() == 'warning' && type() =='outline'),\r\n 'danger-outline' : (color() == 'danger' && type() =='outline'),\r\n 'navigation-outline': (color() == 'navigation' && type() =='outline'),\r\n 'dark-outline' : (color() == 'dark' && type() =='outline'),\r\n 'readonly': isDisabled(),\r\n 'cursor-wait': isLoading()\r\n }\"\r\n [ngStyle]=\"{\r\n 'width' : width(),\r\n 'min-width' : minWidth(),\r\n 'max-width' : maxWidth(),\r\n 'height' : height(),\r\n 'min-height': minHeight()\r\n }\">\r\n <span class=\"slot\" *ngIf=\"!isLoading(); else loading\" >\r\n <span *ngIf=\"(iconPosition() == 'left')\">\r\n <i [class]=\"_icon()\"></i>\r\n </span>\r\n\r\n <span [ngClass]=\"{ 'ms-2': (iconPosition() == 'left'), 'me-2': (iconPosition() == 'right') }\">\r\n <ng-content></ng-content>\r\n </span>\r\n\r\n <span *ngIf=\"(iconPosition() == 'right')\">\r\n <i [class]=\"_icon()\"></i>\r\n </span>\r\n </span>\r\n\r\n <ng-template #loading>\r\n <span class=\"slot fa-fade\">\r\n <span class=\"me-2\"> Loading </span>\r\n <i class=\"spinner-border\"></i>\r\n </span>\r\n </ng-template>\r\n </button>\r\n }\r\n\r\n @else {\r\n @if (type() == 'icon') {\r\n <button mat-icon-button\r\n [id]=\"_id + '-inner-button'\"\r\n (click)=\"Click()\"\r\n [ngClass]=\"{\r\n 'primary-filled' : (color() == 'primary'),\r\n 'secondary-filled' : (color() == 'secondary'),\r\n 'success-filled' : (color() == 'success'),\r\n 'warning-filled' : (color() == 'warning'),\r\n 'danger-filled' : (color() == 'danger'),\r\n 'navigation-filled': (color() == 'navigation'),\r\n 'dark-filled' : (color() == 'dark'),\r\n 'readonly' : (isDisabled() || isLoading()),\r\n 'cursor-wait' : isLoading()\r\n }\">\r\n <i [class]=\"_icon()\"></i>\r\n </button>\r\n }\r\n\r\n @else if (type() == 'icon-outline') {\r\n <button mat-icon-button\r\n [id]=\"_id + '-inner-button'\"\r\n (click)=\"Click()\"\r\n [ngClass]=\"{\r\n 'primary-outline' : (color() == 'primary'),\r\n 'secondary-outline' : (color() == 'secondary'),\r\n 'success-outline' : (color() == 'success'),\r\n 'warning-outline' : (color() == 'warning'),\r\n 'danger-outline' : (color() == 'danger'),\r\n 'navigation-outline': (color() == 'navigation'),\r\n 'dark-outline' : (color() == 'dark'),\r\n 'readonly' : (isDisabled() || isLoading()),\r\n 'cursor-wait' : isLoading()\r\n }\">\r\n <i [class]=\"_icon()\"></i>\r\n </button>\r\n }\r\n\r\n @else if (type() == 'icon-no-border') {\r\n <button mat-icon-button\r\n [id]=\"_id + '-inner-button'\"\r\n (click)=\"Click()\"\r\n [ngClass]=\"{\r\n 'primary-outline' : (color() == 'primary'),\r\n 'secondary-outline' : (color() == 'secondary'),\r\n 'success-outline' : (color() == 'success'),\r\n 'warning-outline' : (color() == 'warning'),\r\n 'danger-outline' : (color() == 'danger'),\r\n 'navigation-outline': (color() == 'navigation'),\r\n 'dark-outline' : (color() == 'dark'),\r\n 'readonly' : (isDisabled() || isLoading()),\r\n 'icon-no-border' : true\r\n }\">\r\n <i [class]=\"_icon()\"></i>\r\n </button>\r\n }\r\n }\r\n </a>\r\n</div>", 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}coer-button{display:contents!important}div.coer-button{display:contents!important}div.coer-button a{display:inline-block!important;height:fit-content!important}div.coer-button a.animate__disabled{animation-duration:0s!important}div.coer-button button{font-size:17px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}div.coer-button .slot{width:100px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important}div.coer-button button.primary-filled{background-color:var(--primary-inner)!important;color:var(--smoke)!important}div.coer-button button.secondary-filled{background-color:var(--secondary-inner)!important;color:var(--smoke)!important}div.coer-button button.success-filled{background-color:var(--success-inner)!important;color:var(--smoke)!important}div.coer-button button.warning-filled{background-color:var(--warning-inner)!important;color:var(--black)!important}div.coer-button button.danger-filled{background-color:var(--danger-inner)!important;color:var(--smoke)!important}div.coer-button button.navigation-filled{background-color:var(--orange)!important;color:var(--smoke)!important}div.coer-button button.dark-filled{background-color:var(--black)!important;color:var(--smoke)!important}div.coer-button button.primary-outline{background-color:var(--white)!important;border:1px solid var(--primary-inner)!important;color:var(--primary-inner)!important}div.coer-button button.secondary-outline{background-color:var(--white)!important;border:1px solid var(--secondary-inner)!important;color:var(--secondary-inner)!important}div.coer-button button.success-outline{background-color:var(--white)!important;border:1px solid var(--success-inner)!important;color:var(--success-inner)!important}div.coer-button button.warning-outline{background-color:var(--white)!important;border:1px solid var(--warning-inner)!important;color:var(--warning-inner)!important}div.coer-button button.danger-outline{background-color:var(--white)!important;border:1px solid var(--danger-inner)!important;color:var(--danger-inner)!important}div.coer-button button.navigation-outline{background-color:var(--white)!important;border:1px solid var(--navigation-inner)!important;color:var(---navigation-inner)!important}div.coer-button button.dark-outline{background-color:var(--white)!important;border:1px solid var(--black)!important;color:var(--black)!important}div.coer-button button.primary-filled:not(.readonly):hover,div.coer-button button.primary-filled:not(.readonly):focus,div.coer-button button.primary-outline:not(.readonly):hover,div.coer-button button.primary-outline:not(.readonly):focus,div.coer-button button.secondary-filled:not(.readonly):hover,div.coer-button button.secondary-filled:not(.readonly):focus,div.coer-button button.secondary-outline:not(.readonly):hover,div.coer-button button.secondary-outline:not(.readonly):focus,div.coer-button button.success-filled:not(.readonly):hover,div.coer-button button.success-filled:not(.readonly):focus,div.coer-button button.success-outline:not(.readonly):hover,div.coer-button button.success-outline:not(.readonly):focus,div.coer-button button.warning-filled:not(.readonly):hover,div.coer-button button.warning-filled:not(.readonly):focus,div.coer-button button.warning-outline:not(.readonly):hover,div.coer-button button.warning-outline:not(.readonly):focus,div.coer-button button.danger-filled:not(.readonly):hover,div.coer-button button.danger-filled:not(.readonly):focus,div.coer-button button.danger-outline:not(.readonly):hover,div.coer-button button.danger-outline:not(.readonly):focus,div.coer-button button.navigation-filled:not(.readonly):hover,div.coer-button button.navigation-filled:not(.readonly):focus,div.coer-button button.navigation-outline:not(.readonly):hover,div.coer-button button.navigation-outline:not(.readonly):focus,div.coer-button button.dark-filled:not(.readonly):hover,div.coer-button button.dark-filled:not(.readonly):focus,div.coer-button button.dark-outline:not(.readonly):hover,div.coer-button button.dark-outline:not(.readonly):focus{filter:brightness(1.1)!important}div.coer-button button.primary-filled:not(.readonly):focus,div.coer-button button.primary-outline:not(.readonly):focus{box-shadow:0 0 20px var(--primary-inner)!important}div.coer-button button.secondary-filled:not(.readonly):focus,div.coer-button button.secondary-outline:not(.readonly):focus{box-shadow:0 0 20px var(--secondary-inner)!important}div.coer-button button.success-filled:not(.readonly):focus,div.coer-button button.success-outline:not(.readonly):focus{box-shadow:0 0 20px var(--success-inner)!important}div.coer-button button.warning-filled:not(.readonly):focus,div.coer-button button.warning-outline:not(.readonly):focus{box-shadow:0 0 20px var(--warning-inner)!important}div.coer-button button.danger-filled:not(.readonly):focus,div.coer-button button.danger-outline:not(.readonly):focus{box-shadow:0 0 20px var(--danger-inner)!important}div.coer-button button.navigation-filled:not(.readonly):focus,div.coer-button button.navigation-outline:not(.readonly):focus{box-shadow:0 0 20px var(--navigation-inner)!important}div.coer-button button.dark-filled:not(.readonly):focus,div.coer-button button.dark-outline:not(.readonly):focus{box-shadow:0 0 20px var(--black)!important}div.coer-button button.mdc-icon-button.mat-mdc-icon-button{width:40px!important;height:40px!important;padding:0!important}div.coer-button button.mdc-icon-button.mat-mdc-icon-button.icon-no-border{width:25px!important;height:25px!important;background-color:transparent!important;border:none!important;overflow:visible!important}div.coer-button button.mdc-icon-button.mat-mdc-icon-button.icon-no-border *{font-size:medium!important}div.coer-button button.mdc-icon-button.mat-mdc-icon-button.icon-no-border i.bi-box-arrow-left,div.coer-button button.mdc-icon-button.mat-mdc-icon-button.icon-no-border i.bi-box-arrow-in-right{font-size:20px!important}div.coer-button button.readonly,div.coer-button button.readonly:hover,div.coer-button button.readonly:focus{background-color:#dfdede!important;border-color:#dfdede!important;color:var(--white)!important}div.coer-button coer-button[ishidden=true],div.coer-button coer-button[ng-reflect-invisible=true]{position:relative!important;top:10000vh;left:10000vw}div.coer-button a.loading{cursor:wait!important}div.coer-button i{vertical-align:middle!important}div.coer-button i.spinner-border{width:15px!important;height:15px!important;font-size:16px!important}div.coer-button span{font-weight:700!important}div.coer-button .mat-mdc-button-touch-target{width:0px!important;height:0px!important}\n"] }]
252
- }], propDecorators: { id: [{
253
- type: Input
254
- }], tooltip: [{
249
+ args: [{ selector: 'coer-button', standalone: false, template: "<div [ngClass]=\"{ 'coer-button': true }\">\r\n <a [id]=\"_id + '-container'\"\r\n [routerLink]=\"(path().length > 0 && _isEnable()) ? path() : null\"\r\n [ngClass]=\"{ 'loading': isLoading(), 'animate__animated animate__zoomIn': true, 'animate__disabled': !animation(), 'invisible': isInvisible() || isReadonly() }\"\r\n [ngStyle]=\"{ 'margin-top': marginTop(), 'margin-right': marginRight(), 'margin-bottom': marginBottom(), 'margin-left': marginLeft() }\">\r\n \r\n @if(type() =='filled' || type() == 'outline') {\r\n <button mat-button\r\n [id]=\"_id + '-inner-button'\"\r\n type=\"button\"\r\n (click)=\"_Click()\"\r\n [ngClass]=\"{\r\n 'primary-filled' : (color() == 'primary' && type() =='filled'),\r\n 'secondary-filled' : (color() == 'secondary' && type() =='filled'),\r\n 'success-filled' : (color() == 'success' && type() =='filled'),\r\n 'warning-filled' : (color() == 'warning' && type() =='filled'),\r\n 'danger-filled' : (color() == 'danger' && type() =='filled'),\r\n 'navigation-filled' : (color() == 'navigation' && type() =='filled'),\r\n 'dark-filled' : (color() == 'dark' && type() =='filled'),\r\n 'primary-outline' : (color() == 'primary' && type() =='outline'),\r\n 'secondary-outline' : (color() == 'secondary' && type() =='outline'),\r\n 'success-outline' : (color() == 'success' && type() =='outline'),\r\n 'warning-outline' : (color() == 'warning' && type() =='outline'),\r\n 'danger-outline' : (color() == 'danger' && type() =='outline'),\r\n 'navigation-outline': (color() == 'navigation' && type() =='outline'),\r\n 'dark-outline' : (color() == 'dark' && type() =='outline'),\r\n 'readonly': isDisabled(),\r\n 'cursor-wait': isLoading()\r\n }\"\r\n [ngStyle]=\"{\r\n 'width' : width(),\r\n 'min-width' : minWidth(),\r\n 'max-width' : maxWidth(),\r\n 'height' : height(),\r\n 'min-height': minHeight()\r\n }\">\r\n <span class=\"slot\" *ngIf=\"!isLoading(); else loading\" >\r\n @if(iconPosition() == 'left') {\r\n <span>\r\n <i [class]=\"_icon()\"></i>\r\n </span>\r\n }\r\n\r\n <span [ngClass]=\"{ \r\n 'ms-2': (iconPosition() == 'left' && icon().length > 0), \r\n 'me-2': (iconPosition() == 'right' && icon().length > 0) \r\n }\">\r\n <ng-content></ng-content>\r\n </span>\r\n\r\n @if(iconPosition() == 'right') {\r\n <span>\r\n <i [class]=\"_icon()\"></i>\r\n </span> \r\n }\r\n </span>\r\n\r\n <ng-template #loading>\r\n <span class=\"slot fa-fade\">\r\n <span class=\"me-2\"> Loading </span>\r\n <i class=\"spinner-border\"></i>\r\n </span>\r\n </ng-template>\r\n </button>\r\n }\r\n\r\n @else {\r\n @if (type() == 'icon') {\r\n <button mat-icon-button\r\n [id]=\"_id + '-inner-button'\"\r\n type=\"button\"\r\n (click)=\"_Click()\"\r\n [ngClass]=\"{\r\n 'primary-filled' : (color() == 'primary'),\r\n 'secondary-filled' : (color() == 'secondary'),\r\n 'success-filled' : (color() == 'success'),\r\n 'warning-filled' : (color() == 'warning'),\r\n 'danger-filled' : (color() == 'danger'),\r\n 'navigation-filled': (color() == 'navigation'),\r\n 'dark-filled' : (color() == 'dark'),\r\n 'readonly' : (isDisabled() || isLoading()),\r\n 'cursor-wait' : isLoading()\r\n }\">\r\n <i [class]=\"_icon()\"></i>\r\n </button>\r\n }\r\n\r\n @else if (type() == 'icon-outline') {\r\n <button mat-icon-button\r\n [id]=\"_id + '-inner-button'\"\r\n type=\"button\"\r\n (click)=\"_Click()\"\r\n [ngClass]=\"{\r\n 'primary-outline' : (color() == 'primary'),\r\n 'secondary-outline' : (color() == 'secondary'),\r\n 'success-outline' : (color() == 'success'),\r\n 'warning-outline' : (color() == 'warning'),\r\n 'danger-outline' : (color() == 'danger'),\r\n 'navigation-outline': (color() == 'navigation'),\r\n 'dark-outline' : (color() == 'dark'),\r\n 'readonly' : (isDisabled() || isLoading()),\r\n 'cursor-wait' : isLoading()\r\n }\">\r\n <i [class]=\"_icon()\"></i>\r\n </button>\r\n }\r\n\r\n @else if (type() == 'icon-no-border') {\r\n <button mat-icon-button\r\n [id]=\"_id + '-inner-button'\"\r\n type=\"button\"\r\n (click)=\"_Click()\"\r\n [ngClass]=\"{\r\n 'primary-outline' : (color() == 'primary'),\r\n 'secondary-outline' : (color() == 'secondary'),\r\n 'success-outline' : (color() == 'success'),\r\n 'warning-outline' : (color() == 'warning'),\r\n 'danger-outline' : (color() == 'danger'),\r\n 'navigation-outline': (color() == 'navigation'),\r\n 'dark-outline' : (color() == 'dark'),\r\n 'readonly' : (isDisabled() || isLoading()),\r\n 'icon-no-border' : true\r\n }\">\r\n <i [class]=\"_icon()\"></i>\r\n </button>\r\n }\r\n }\r\n </a>\r\n</div>", 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));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}coer-button{display:contents!important}div.coer-button{display:contents!important}div.coer-button a{display:inline-block!important;height:fit-content!important;text-decoration:none!important}div.coer-button a.animate__disabled{animation-duration:0s!important}div.coer-button button{font-size:17px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:flex!important;align-items:center!important;justify-content:center!important}div.coer-button .slot{width:100px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important}div.coer-button button.primary-filled{background-color:var(--primary-inner)!important;color:var(--smoke)!important}div.coer-button button.secondary-filled{background-color:var(--secondary-inner)!important;color:var(--smoke)!important}div.coer-button button.success-filled{background-color:var(--success-inner)!important;color:var(--smoke)!important}div.coer-button button.warning-filled{background-color:var(--warning-inner)!important;color:var(--black)!important}div.coer-button button.danger-filled{background-color:var(--danger-inner)!important;color:var(--smoke)!important}div.coer-button button.navigation-filled{background-color:var(--navigation-inner)!important;color:var(--smoke)!important}div.coer-button button.dark-filled{background-color:var(--black)!important;color:var(--smoke)!important}div.coer-button button.primary-outline{background-color:var(--white)!important;border:1px solid var(--primary-inner)!important;color:var(--primary-inner)!important}div.coer-button button.secondary-outline{background-color:var(--white)!important;border:1px solid var(--secondary-inner)!important;color:var(--secondary-inner)!important}div.coer-button button.success-outline{background-color:var(--white)!important;border:1px solid var(--success-inner)!important;color:var(--success-inner)!important}div.coer-button button.warning-outline{background-color:var(--white)!important;border:1px solid var(--warning-inner)!important;color:var(--warning-inner)!important}div.coer-button button.danger-outline{background-color:var(--white)!important;border:1px solid var(--danger-inner)!important;color:var(--danger-inner)!important}div.coer-button button.navigation-outline{background-color:var(--white)!important;border:1px solid var(--navigation-inner)!important;color:var(--navigation-inner)!important}div.coer-button button.dark-outline{background-color:var(--white)!important;border:1px solid var(--black)!important;color:var(--black)!important}div.coer-button button.primary-filled:not(.readonly):hover,div.coer-button button.primary-filled:not(.readonly):focus,div.coer-button button.primary-outline:not(.readonly):hover,div.coer-button button.primary-outline:not(.readonly):focus,div.coer-button button.secondary-filled:not(.readonly):hover,div.coer-button button.secondary-filled:not(.readonly):focus,div.coer-button button.secondary-outline:not(.readonly):hover,div.coer-button button.secondary-outline:not(.readonly):focus,div.coer-button button.success-filled:not(.readonly):hover,div.coer-button button.success-filled:not(.readonly):focus,div.coer-button button.success-outline:not(.readonly):hover,div.coer-button button.success-outline:not(.readonly):focus,div.coer-button button.warning-filled:not(.readonly):hover,div.coer-button button.warning-filled:not(.readonly):focus,div.coer-button button.warning-outline:not(.readonly):hover,div.coer-button button.warning-outline:not(.readonly):focus,div.coer-button button.danger-filled:not(.readonly):hover,div.coer-button button.danger-filled:not(.readonly):focus,div.coer-button button.danger-outline:not(.readonly):hover,div.coer-button button.danger-outline:not(.readonly):focus,div.coer-button button.navigation-filled:not(.readonly):hover,div.coer-button button.navigation-filled:not(.readonly):focus,div.coer-button button.navigation-outline:not(.readonly):hover,div.coer-button button.navigation-outline:not(.readonly):focus,div.coer-button button.dark-filled:not(.readonly):hover,div.coer-button button.dark-filled:not(.readonly):focus,div.coer-button button.dark-outline:not(.readonly):hover,div.coer-button button.dark-outline:not(.readonly):focus{filter:brightness(1.1)!important}div.coer-button button.primary-filled:not(.readonly):focus,div.coer-button button.primary-outline:not(.readonly):focus{box-shadow:0 0 20px var(--primary-inner)!important}div.coer-button button.secondary-filled:not(.readonly):focus,div.coer-button button.secondary-outline:not(.readonly):focus{box-shadow:0 0 20px var(--secondary-inner)!important}div.coer-button button.success-filled:not(.readonly):focus,div.coer-button button.success-outline:not(.readonly):focus{box-shadow:0 0 20px var(--success-inner)!important}div.coer-button button.warning-filled:not(.readonly):focus,div.coer-button button.warning-outline:not(.readonly):focus{box-shadow:0 0 20px var(--warning-inner)!important}div.coer-button button.danger-filled:not(.readonly):focus,div.coer-button button.danger-outline:not(.readonly):focus{box-shadow:0 0 20px var(--danger-inner)!important}div.coer-button button.navigation-filled:not(.readonly):focus,div.coer-button button.navigation-outline:not(.readonly):focus{box-shadow:0 0 20px var(--navigation-inner)!important}div.coer-button button.dark-filled:not(.readonly):focus,div.coer-button button.dark-outline:not(.readonly):focus{box-shadow:0 0 20px var(--black)!important}div.coer-button button.mdc-icon-button.mat-mdc-icon-button{width:40px!important;height:40px!important;padding:0!important}div.coer-button button.mdc-icon-button.mat-mdc-icon-button.icon-no-border{width:25px!important;height:25px!important;background-color:transparent!important;border:none!important;overflow:visible!important}div.coer-button button.mdc-icon-button.mat-mdc-icon-button.icon-no-border *{font-size:medium!important}div.coer-button button.mdc-icon-button.mat-mdc-icon-button.icon-no-border i.bi-box-arrow-left,div.coer-button button.mdc-icon-button.mat-mdc-icon-button.icon-no-border i.bi-box-arrow-in-right{font-size:20px!important}div.coer-button button.readonly,div.coer-button button.readonly:hover,div.coer-button button.readonly:focus{background-color:#dfdede!important;border-color:#dfdede!important;color:var(--white)!important}div.coer-button coer-button[ishidden=true],div.coer-button coer-button[ng-reflect-invisible=true]{position:relative!important;top:10000vh;left:10000vw}div.coer-button a.loading{cursor:wait!important}div.coer-button i{display:flex!important;align-items:center!important;justify-content:center!important}div.coer-button i.spinner-border{width:15px!important;height:15px!important;font-size:16px!important}div.coer-button span{font-weight:700!important}div.coer-button .mat-mdc-button-touch-target{width:0px!important;height:0px!important}\n"] }]
250
+ }], propDecorators: { tooltip: [{
255
251
  type: Input
256
252
  }] } });
257
253
 
@@ -324,11 +320,11 @@ class CoerCheckbox extends ControlValue {
324
320
  }
325
321
  }
326
322
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerCheckbox, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
327
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.1", type: CoerCheckbox, isStandalone: false, selector: "coer-checkbox", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", isSignal: true, isRequired: false, transformFunction: null }, ignoreDataBinding: { classPropertyName: "ignoreDataBinding", publicName: "ignoreDataBinding", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange" }, providers: [CONTROL_VALUE(CoerCheckbox)], usesInheritance: true, ngImport: i0, template: "<div [ngClass]=\"{ 'coer-checkbox': true, 'placeholder-glow': isLoading(), 'invisible': isInvisible() }\">\r\n <div [id]=\"_id\" [ngClass]=\"{ 'placeholder': isLoading() }\">\r\n <mat-checkbox\r\n [ngModel]=\"_value\"\r\n [indeterminate]=\"false\"\r\n [labelPosition]=\"labelPosition()\"\r\n [disabled]=\"!_isEnable()\"\r\n (change)=\"this.SetValue($event.checked)\"\r\n > {{ label() }} </mat-checkbox>\r\n </div>\r\n</div>", 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}div.coer-checkbox{display:inline-flex!important}div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox{padding:10px!important}div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__background{background-color:var(--smoke)!important;border-radius:5px!important}div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__ripple{width:30px!important;height:30px!important;top:5px!important;left:5px!important}div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mat-ripple.mat-mdc-checkbox-ripple.mat-mdc-focus-indicator *{display:none!important}div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field label.mdc-label{padding-top:3px!important;padding-left:0!important}div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field label.mdc-label::selection{background-color:transparent!important}div.coer-checkbox mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__background{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}coer-grid table tbody tr td.check-box mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox,coer-grid table tbody tr td.check-box mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field div.mdc-checkbox{padding:0!important}coer-grid table tbody tr td.check-box mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mat-mdc-checkbox-touch-target,coer-grid table tbody tr td.check-box mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mat-mdc-checkbox-touch-target{top:8px!important;width:39px!important;height:30px!important}coer-grid table tbody tr td.check-box mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox input,coer-grid table tbody tr td.check-box mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field div.mdc-checkbox input{display:none!important}coer-grid table tbody tr td.check-box mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__ripple,coer-grid table tbody tr td.check-box mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__ripple{top:-7px!important;left:-6px!important}coer-grid table tbody tr td.check-box mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__background,coer-grid table tbody tr td.check-box mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__background{transform:translateY(-1px)!important;position:static!important}coer-grid table tbody tr td.check-box mat-checkbox div.mdc-form-field.mat-internal-form-field label.mdc-label,coer-grid table tbody tr td.check-box mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field label.mdc-label{display:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }] }); }
323
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.1", type: CoerCheckbox, isStandalone: false, selector: "coer-checkbox", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", isSignal: true, isRequired: false, transformFunction: null }, ignoreDataBinding: { classPropertyName: "ignoreDataBinding", publicName: "ignoreDataBinding", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange" }, providers: [CONTROL_VALUE(CoerCheckbox)], usesInheritance: true, ngImport: i0, template: "<div [ngClass]=\"{ 'coer-checkbox': true, 'placeholder-glow': isLoading(), 'invisible': isInvisible() }\">\r\n <div [id]=\"_id\" [ngClass]=\"{ 'placeholder': isLoading() }\">\r\n <mat-checkbox\r\n [ngModel]=\"_value\"\r\n [indeterminate]=\"false\"\r\n [labelPosition]=\"labelPosition()\"\r\n [disabled]=\"!_isEnable()\"\r\n (change)=\"this.SetValue($event.checked)\"\r\n > {{ label() }} </mat-checkbox>\r\n </div>\r\n</div>", 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));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-checkbox{display:inline-flex!important}div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox{padding:10px!important}div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__background{background-color:var(--smoke)!important;border-radius:5px!important}div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__ripple{width:30px!important;height:30px!important;top:5px!important;left:5px!important}div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mat-ripple.mat-mdc-checkbox-ripple.mat-mdc-focus-indicator *{display:none!important}div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field label.mdc-label{padding-top:3px!important;padding-left:0!important}div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field label.mdc-label::selection{background-color:transparent!important}div.coer-checkbox mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__background{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}coer-grid table tbody tr td.check-box mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox,coer-grid table tbody tr td.check-box mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field div.mdc-checkbox{padding:0!important}coer-grid table tbody tr td.check-box mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mat-mdc-checkbox-touch-target,coer-grid table tbody tr td.check-box mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mat-mdc-checkbox-touch-target{top:8px!important;width:39px!important;height:30px!important}coer-grid table tbody tr td.check-box mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox input,coer-grid table tbody tr td.check-box mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field div.mdc-checkbox input{display:none!important}coer-grid table tbody tr td.check-box mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__ripple,coer-grid table tbody tr td.check-box mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__ripple{top:-7px!important;left:-6px!important}coer-grid table tbody tr td.check-box mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__background,coer-grid table tbody tr td.check-box mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__background{transform:translateY(-1px)!important;position:static!important}coer-grid table tbody tr td.check-box mat-checkbox div.mdc-form-field.mat-internal-form-field label.mdc-label,coer-grid table tbody tr td.check-box mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field label.mdc-label{display:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }] }); }
328
324
  }
329
325
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerCheckbox, decorators: [{
330
326
  type: Component,
331
- args: [{ selector: 'coer-checkbox', providers: [CONTROL_VALUE(CoerCheckbox)], standalone: false, template: "<div [ngClass]=\"{ 'coer-checkbox': true, 'placeholder-glow': isLoading(), 'invisible': isInvisible() }\">\r\n <div [id]=\"_id\" [ngClass]=\"{ 'placeholder': isLoading() }\">\r\n <mat-checkbox\r\n [ngModel]=\"_value\"\r\n [indeterminate]=\"false\"\r\n [labelPosition]=\"labelPosition()\"\r\n [disabled]=\"!_isEnable()\"\r\n (change)=\"this.SetValue($event.checked)\"\r\n > {{ label() }} </mat-checkbox>\r\n </div>\r\n</div>", 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}div.coer-checkbox{display:inline-flex!important}div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox{padding:10px!important}div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__background{background-color:var(--smoke)!important;border-radius:5px!important}div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__ripple{width:30px!important;height:30px!important;top:5px!important;left:5px!important}div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mat-ripple.mat-mdc-checkbox-ripple.mat-mdc-focus-indicator *{display:none!important}div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field label.mdc-label{padding-top:3px!important;padding-left:0!important}div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field label.mdc-label::selection{background-color:transparent!important}div.coer-checkbox mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__background{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}coer-grid table tbody tr td.check-box mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox,coer-grid table tbody tr td.check-box mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field div.mdc-checkbox{padding:0!important}coer-grid table tbody tr td.check-box mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mat-mdc-checkbox-touch-target,coer-grid table tbody tr td.check-box mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mat-mdc-checkbox-touch-target{top:8px!important;width:39px!important;height:30px!important}coer-grid table tbody tr td.check-box mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox input,coer-grid table tbody tr td.check-box mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field div.mdc-checkbox input{display:none!important}coer-grid table tbody tr td.check-box mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__ripple,coer-grid table tbody tr td.check-box mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__ripple{top:-7px!important;left:-6px!important}coer-grid table tbody tr td.check-box mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__background,coer-grid table tbody tr td.check-box mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__background{transform:translateY(-1px)!important;position:static!important}coer-grid table tbody tr td.check-box mat-checkbox div.mdc-form-field.mat-internal-form-field label.mdc-label,coer-grid table tbody tr td.check-box mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field label.mdc-label{display:none!important}\n"] }]
327
+ args: [{ selector: 'coer-checkbox', providers: [CONTROL_VALUE(CoerCheckbox)], standalone: false, template: "<div [ngClass]=\"{ 'coer-checkbox': true, 'placeholder-glow': isLoading(), 'invisible': isInvisible() }\">\r\n <div [id]=\"_id\" [ngClass]=\"{ 'placeholder': isLoading() }\">\r\n <mat-checkbox\r\n [ngModel]=\"_value\"\r\n [indeterminate]=\"false\"\r\n [labelPosition]=\"labelPosition()\"\r\n [disabled]=\"!_isEnable()\"\r\n (change)=\"this.SetValue($event.checked)\"\r\n > {{ label() }} </mat-checkbox>\r\n </div>\r\n</div>", 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));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-checkbox{display:inline-flex!important}div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox{padding:10px!important}div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__background{background-color:var(--smoke)!important;border-radius:5px!important}div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__ripple{width:30px!important;height:30px!important;top:5px!important;left:5px!important}div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mat-ripple.mat-mdc-checkbox-ripple.mat-mdc-focus-indicator *{display:none!important}div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field label.mdc-label{padding-top:3px!important;padding-left:0!important}div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field label.mdc-label::selection{background-color:transparent!important}div.coer-checkbox mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__background{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}coer-grid table tbody tr td.check-box mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox,coer-grid table tbody tr td.check-box mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field div.mdc-checkbox{padding:0!important}coer-grid table tbody tr td.check-box mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mat-mdc-checkbox-touch-target,coer-grid table tbody tr td.check-box mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mat-mdc-checkbox-touch-target{top:8px!important;width:39px!important;height:30px!important}coer-grid table tbody tr td.check-box mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox input,coer-grid table tbody tr td.check-box mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field div.mdc-checkbox input{display:none!important}coer-grid table tbody tr td.check-box mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__ripple,coer-grid table tbody tr td.check-box mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__ripple{top:-7px!important;left:-6px!important}coer-grid table tbody tr td.check-box mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__background,coer-grid table tbody tr td.check-box mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__background{transform:translateY(-1px)!important;position:static!important}coer-grid table tbody tr td.check-box mat-checkbox div.mdc-form-field.mat-internal-form-field label.mdc-label,coer-grid table tbody tr td.check-box mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field label.mdc-label{display:none!important}\n"] }]
332
328
  }], propDecorators: { value: [{
333
329
  type: Input
334
330
  }] } });
@@ -345,7 +341,7 @@ class CoerDateBox extends ControlValue {
345
341
  this._datepicker = viewChild('datepicker');
346
342
  this._isLoadingEvent = signal(false);
347
343
  this._isOpen = false;
348
- this.id = '';
344
+ this.id = input('');
349
345
  this.label = input('');
350
346
  this.placeholder = input('');
351
347
  this.textPosition = input('left');
@@ -367,11 +363,11 @@ class CoerDateBox extends ControlValue {
367
363
  this.onClose = output();
368
364
  this.onChangeValue = output();
369
365
  //computed
370
- this.floatLabel = computed(() => {
366
+ this._floatLabel = computed(() => {
371
367
  return this.label() == '' ? 'always' : 'auto';
372
368
  });
373
369
  //computed
374
- this.paddingRight = computed(() => {
370
+ this._paddingRight = computed(() => {
375
371
  return this.isInvalid() || this.isValid()
376
372
  ? '18px' : '0px';
377
373
  });
@@ -387,7 +383,7 @@ class CoerDateBox extends ControlValue {
387
383
  this.SetValue(value);
388
384
  }
389
385
  ngOnInit() {
390
- this.SetEvents();
386
+ this._SetEvents();
391
387
  }
392
388
  //getter
393
389
  get value() {
@@ -399,6 +395,10 @@ class CoerDateBox extends ControlValue {
399
395
  get isOpen() {
400
396
  return this._isOpen;
401
397
  }
398
+ //getter
399
+ get isClose() {
400
+ return !this._isOpen;
401
+ }
402
402
  //ControlValueAccessor
403
403
  SetValue(value) {
404
404
  if (value === undefined)
@@ -428,13 +428,13 @@ class CoerDateBox extends ControlValue {
428
428
  }
429
429
  }
430
430
  /** */
431
- SetEvents() {
431
+ _SetEvents() {
432
432
  Tools.Sleep().then(() => {
433
433
  //input
434
434
  this._input = document.getElementById(this._id);
435
435
  if (this._input) {
436
- this._input.addEventListener('focus', () => this.Blur());
437
- this._input.addEventListener('blur', () => this.Blur());
436
+ this._input.addEventListener('focus', () => this._Blur());
437
+ this._input.addEventListener('blur', () => this._Blur());
438
438
  }
439
439
  //container
440
440
  this._container = document.getElementById(`${this._id}-container`);
@@ -457,7 +457,7 @@ class CoerDateBox extends ControlValue {
457
457
  });
458
458
  }
459
459
  /** */
460
- async Blur() {
460
+ async _Blur() {
461
461
  if (this._isLoadingEvent())
462
462
  return;
463
463
  else
@@ -482,13 +482,13 @@ class CoerDateBox extends ControlValue {
482
482
  this.onOpen.emit();
483
483
  }
484
484
  else
485
- this.Blur();
485
+ this._Blur();
486
486
  }
487
487
  /** */
488
488
  Close() {
489
489
  if (this.isOpen) {
490
490
  this._datepicker()?.close();
491
- this.Blur();
491
+ this._Blur();
492
492
  this.onClose.emit();
493
493
  }
494
494
  }
@@ -497,21 +497,19 @@ class CoerDateBox extends ControlValue {
497
497
  this.SetValue(null);
498
498
  }
499
499
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerDateBox, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
500
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerDateBox, isStandalone: false, selector: "coer-datebox", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, textPosition: { classPropertyName: "textPosition", publicName: "textPosition", isSignal: true, isRequired: false, transformFunction: null }, isInvalid: { classPropertyName: "isInvalid", publicName: "isInvalid", isSignal: true, isRequired: false, transformFunction: null }, isValid: { classPropertyName: "isValid", publicName: "isValid", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, marginTop: { classPropertyName: "marginTop", publicName: "marginTop", isSignal: true, isRequired: false, transformFunction: null }, marginRight: { classPropertyName: "marginRight", publicName: "marginRight", isSignal: true, isRequired: false, transformFunction: null }, marginBottom: { classPropertyName: "marginBottom", publicName: "marginBottom", isSignal: true, isRequired: false, transformFunction: null }, marginLeft: { classPropertyName: "marginLeft", publicName: "marginLeft", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onOpen: "onOpen", onClose: "onClose", onChangeValue: "onChangeValue" }, providers: [
500
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerDateBox, isStandalone: false, selector: "coer-datebox", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, textPosition: { classPropertyName: "textPosition", publicName: "textPosition", isSignal: true, isRequired: false, transformFunction: null }, isInvalid: { classPropertyName: "isInvalid", publicName: "isInvalid", isSignal: true, isRequired: false, transformFunction: null }, isValid: { classPropertyName: "isValid", publicName: "isValid", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, marginTop: { classPropertyName: "marginTop", publicName: "marginTop", isSignal: true, isRequired: false, transformFunction: null }, marginRight: { classPropertyName: "marginRight", publicName: "marginRight", isSignal: true, isRequired: false, transformFunction: null }, marginBottom: { classPropertyName: "marginBottom", publicName: "marginBottom", isSignal: true, isRequired: false, transformFunction: null }, marginLeft: { classPropertyName: "marginLeft", publicName: "marginLeft", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onOpen: "onOpen", onClose: "onClose", onChangeValue: "onChangeValue" }, providers: [
501
501
  provideNativeDateAdapter(),
502
502
  CONTROL_VALUE(CoerDateBox),
503
- ], viewQueries: [{ propertyName: "matFormField", first: true, predicate: ["matFormField"], descendants: true, isSignal: true }, { propertyName: "coerTextBox", first: true, predicate: ["coerTextBox"], descendants: true, isSignal: true }, { propertyName: "_datepicker", first: true, predicate: ["datepicker"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"coer-date-box\">\r\n <mat-form-field\r\n [id]=\"_id + '-container'\"\r\n [floatLabel]=\"floatLabel()\"\r\n [ngClass]=\"{\r\n 'readonly': isReadonly() && !isLoading(),\r\n 'd-none': isInvisible()\r\n }\"\r\n [style]=\"{\r\n 'width': width(),\r\n 'min-width': minWidth(),\r\n 'max-width': maxWidth(),\r\n 'margin-top': marginTop(),\r\n 'margin-right': marginRight(),\r\n 'margin-bottom': marginBottom(),\r\n 'margin-left': marginLeft(), \r\n }\">\r\n\r\n <mat-label> {{ label() }} </mat-label>\r\n \r\n <input #coerTextBox matInput \r\n [id]=\"_id\"\r\n [placeholder]=\"placeholder()\"\r\n [matDatepicker]=\"datepicker\" \r\n [disabled]=\"!_isEnable()\"\r\n [readonly]=\"true\"\r\n [value]=\"_value\"\r\n (dateChange)=\"SetValue(coerTextBox.value)\"\r\n [style]=\"{\r\n 'cursor': isLoading() ? 'wait' : 'pointer',\r\n 'margin-top': (floatLabel() == 'auto') ? '15px' : '9px',\r\n 'padding-right': paddingRight(),\r\n 'text-align': textPosition()\r\n }\">\r\n \r\n <mat-datepicker #datepicker (closed)=\"Close()\"/>\r\n\r\n @if(!isLoading()) { \r\n <mat-datepicker-toggle \r\n matSuffix\r\n [for]=\"datepicker\" \r\n [disabled]=\"!_isEnable()\">\r\n <mat-icon matDatepickerToggleIcon>\r\n <i class=\"fa-solid fa-calendar-days\"></i>\r\n </mat-icon>\r\n </mat-datepicker-toggle>\r\n }\r\n\r\n @if(isLoading()) {\r\n <div class=\"placeholder-glow\">\r\n <span class=\"placeholder\"></span>\r\n </div>\r\n }\r\n\r\n @if(isInvalid() || isValid()) {\r\n <span ngClass=\"icon-container\">\r\n @if(isInvalid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-exclamation\"></i>\r\n }\r\n \r\n @else if(isValid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-check text-green\"></i>\r\n }\r\n </span>\r\n }\r\n </mat-form-field> \r\n\r\n @if(isInvisible()) {\r\n <mat-form-field class=\"invisible\">\r\n <input matInput [disabled]=\"true\"> \r\n </mat-form-field> \r\n }\r\n</div> ", 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}div.coer-date-box{display:flex;align-items:center}div.coer-date-box mat-form-field{position:relative!important}div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{width:100%!important;height:40px!important;padding:0!important}div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label{overflow:visible!important;position:absolute!important;top:20px!important}div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label{color:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{font-weight:400!important;font-size:17px!important;color:var(--black)!important}div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:after{border-bottom-color:var(--primary-inner)!important}div.coer-date-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-date-box mat-form-field span.icon-container{position:absolute!important;top:1px!important;right:-14px!important;z-index:5!important;width:30px;height:40px;display:flex;align-items:center;justify-content:center}div.coer-date-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-date-box mat-form-field span.icon-container i.fa-solid.fa-xmark,div.coer-date-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass{color:#caced1!important;cursor:pointer!important}div.coer-date-box mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,div.coer-date-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover{color:#6c757d!important}div.coer-date-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-date-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-date-box mat-form-field span.placeholder{width:calc(100% + 32px)!important;height:40px!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important;cursor:wait!important}div.coer-date-box mat-form-field .placeholder,div.coer-date-box mat-form-field .placeholder *,div.coer-date-box mat-form-field .placeholder-glow,div.coer-date-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-date-box mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}div.coer-date-box div.button-container{width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:#e6e7e9!important}div.coer-date-box .mat-datepicker-toggle-active *{color:var(--primary-inner)!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:transparent!important;padding-left:9px!important;padding-right:9px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:after{border-bottom-color:transparent!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:28px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{height:28px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{margin-top:3px!important;font-size:14px!important}coer-grid table tbody tr td.coer-textbox mat-form-field span.icon-container{transform:translate(-5px,-6px)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$3.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i2$3.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i2$3.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i2$3.MatDatepickerToggleIcon, selector: "[matDatepickerToggleIcon]" }, { kind: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }] }); }
503
+ ], viewQueries: [{ propertyName: "matFormField", first: true, predicate: ["matFormField"], descendants: true, isSignal: true }, { propertyName: "coerTextBox", first: true, predicate: ["coerTextBox"], descendants: true, isSignal: true }, { propertyName: "_datepicker", first: true, predicate: ["datepicker"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"coer-date-box\">\r\n <mat-form-field\r\n [id]=\"_id + '-container'\"\r\n [floatLabel]=\"_floatLabel()\"\r\n [ngClass]=\"{\r\n 'readonly': isReadonly() && !isLoading(),\r\n 'd-none': isInvisible()\r\n }\"\r\n [style]=\"{\r\n 'width': width(),\r\n 'min-width': minWidth(),\r\n 'max-width': maxWidth(),\r\n 'margin-top': marginTop(),\r\n 'margin-right': marginRight(),\r\n 'margin-bottom': marginBottom(),\r\n 'margin-left': marginLeft(), \r\n }\">\r\n\r\n <mat-label> {{ label() }} </mat-label>\r\n \r\n <input #coerTextBox matInput \r\n [id]=\"_id\"\r\n [placeholder]=\"placeholder()\"\r\n [matDatepicker]=\"datepicker\" \r\n [disabled]=\"!_isEnable()\"\r\n [readonly]=\"true\"\r\n [value]=\"_value\"\r\n (dateChange)=\"SetValue(coerTextBox.value)\"\r\n [style]=\"{\r\n 'cursor': isLoading() ? 'wait' : 'pointer',\r\n 'margin-top': (_floatLabel() == 'auto') ? '15px' : '9px',\r\n 'padding-right': _paddingRight(),\r\n 'text-align': textPosition()\r\n }\">\r\n \r\n <mat-datepicker #datepicker (closed)=\"Close()\"/>\r\n\r\n @if(!isLoading()) { \r\n <mat-datepicker-toggle \r\n matSuffix\r\n [for]=\"datepicker\" \r\n [disabled]=\"!_isEnable()\">\r\n <mat-icon matDatepickerToggleIcon>\r\n <i class=\"fa-solid fa-calendar-days\"></i>\r\n </mat-icon>\r\n </mat-datepicker-toggle>\r\n }\r\n\r\n @if(isLoading()) {\r\n <div class=\"placeholder-glow\">\r\n <span class=\"placeholder\"></span>\r\n </div>\r\n }\r\n\r\n @if(isInvalid() || isValid()) {\r\n <span ngClass=\"icon-container\">\r\n @if(isInvalid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-exclamation\"></i>\r\n }\r\n \r\n @else if(isValid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-check text-green\"></i>\r\n }\r\n </span>\r\n }\r\n </mat-form-field> \r\n\r\n @if(isInvisible()) {\r\n <mat-form-field class=\"invisible\">\r\n <input matInput [disabled]=\"true\"> \r\n </mat-form-field> \r\n }\r\n</div> ", 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));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-date-box{display:flex;align-items:center}div.coer-date-box mat-form-field{position:relative!important}div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{width:100%!important;height:40px!important;padding:0!important}div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label{overflow:visible!important;position:absolute!important;top:20px!important}div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label{color:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{font-weight:400!important;font-size:17px!important;color:var(--black)!important}div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:after{border-bottom-color:var(--primary-inner)!important}div.coer-date-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-date-box mat-form-field span.icon-container{position:absolute!important;top:1px!important;right:-14px!important;z-index:5!important;width:30px;height:40px;display:flex;align-items:center;justify-content:center}div.coer-date-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-date-box mat-form-field span.icon-container i.fa-solid.fa-xmark,div.coer-date-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass{color:#caced1!important;cursor:pointer!important}div.coer-date-box mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,div.coer-date-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover{color:#6c757d!important}div.coer-date-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-date-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-date-box mat-form-field span.placeholder{width:calc(100% + 32px)!important;height:40px!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important;cursor:wait!important}div.coer-date-box mat-form-field .placeholder,div.coer-date-box mat-form-field .placeholder *,div.coer-date-box mat-form-field .placeholder-glow,div.coer-date-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-date-box mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}div.coer-date-box div.button-container{width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:#e6e7e9!important}div.coer-date-box .mat-datepicker-toggle-active *{color:var(--primary-inner)!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:transparent!important;padding-left:9px!important;padding-right:9px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:after{border-bottom-color:transparent!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:28px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{height:28px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{margin-top:3px!important;font-size:14px!important}coer-grid table tbody tr td.coer-textbox mat-form-field span.icon-container{transform:translate(-5px,-6px)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$3.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i2$3.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i2$3.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i2$3.MatDatepickerToggleIcon, selector: "[matDatepickerToggleIcon]" }, { kind: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }] }); }
504
504
  }
505
505
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerDateBox, decorators: [{
506
506
  type: Component,
507
507
  args: [{ selector: 'coer-datebox', providers: [
508
508
  provideNativeDateAdapter(),
509
509
  CONTROL_VALUE(CoerDateBox),
510
- ], standalone: false, template: "<div class=\"coer-date-box\">\r\n <mat-form-field\r\n [id]=\"_id + '-container'\"\r\n [floatLabel]=\"floatLabel()\"\r\n [ngClass]=\"{\r\n 'readonly': isReadonly() && !isLoading(),\r\n 'd-none': isInvisible()\r\n }\"\r\n [style]=\"{\r\n 'width': width(),\r\n 'min-width': minWidth(),\r\n 'max-width': maxWidth(),\r\n 'margin-top': marginTop(),\r\n 'margin-right': marginRight(),\r\n 'margin-bottom': marginBottom(),\r\n 'margin-left': marginLeft(), \r\n }\">\r\n\r\n <mat-label> {{ label() }} </mat-label>\r\n \r\n <input #coerTextBox matInput \r\n [id]=\"_id\"\r\n [placeholder]=\"placeholder()\"\r\n [matDatepicker]=\"datepicker\" \r\n [disabled]=\"!_isEnable()\"\r\n [readonly]=\"true\"\r\n [value]=\"_value\"\r\n (dateChange)=\"SetValue(coerTextBox.value)\"\r\n [style]=\"{\r\n 'cursor': isLoading() ? 'wait' : 'pointer',\r\n 'margin-top': (floatLabel() == 'auto') ? '15px' : '9px',\r\n 'padding-right': paddingRight(),\r\n 'text-align': textPosition()\r\n }\">\r\n \r\n <mat-datepicker #datepicker (closed)=\"Close()\"/>\r\n\r\n @if(!isLoading()) { \r\n <mat-datepicker-toggle \r\n matSuffix\r\n [for]=\"datepicker\" \r\n [disabled]=\"!_isEnable()\">\r\n <mat-icon matDatepickerToggleIcon>\r\n <i class=\"fa-solid fa-calendar-days\"></i>\r\n </mat-icon>\r\n </mat-datepicker-toggle>\r\n }\r\n\r\n @if(isLoading()) {\r\n <div class=\"placeholder-glow\">\r\n <span class=\"placeholder\"></span>\r\n </div>\r\n }\r\n\r\n @if(isInvalid() || isValid()) {\r\n <span ngClass=\"icon-container\">\r\n @if(isInvalid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-exclamation\"></i>\r\n }\r\n \r\n @else if(isValid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-check text-green\"></i>\r\n }\r\n </span>\r\n }\r\n </mat-form-field> \r\n\r\n @if(isInvisible()) {\r\n <mat-form-field class=\"invisible\">\r\n <input matInput [disabled]=\"true\"> \r\n </mat-form-field> \r\n }\r\n</div> ", 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}div.coer-date-box{display:flex;align-items:center}div.coer-date-box mat-form-field{position:relative!important}div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{width:100%!important;height:40px!important;padding:0!important}div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label{overflow:visible!important;position:absolute!important;top:20px!important}div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label{color:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{font-weight:400!important;font-size:17px!important;color:var(--black)!important}div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:after{border-bottom-color:var(--primary-inner)!important}div.coer-date-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-date-box mat-form-field span.icon-container{position:absolute!important;top:1px!important;right:-14px!important;z-index:5!important;width:30px;height:40px;display:flex;align-items:center;justify-content:center}div.coer-date-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-date-box mat-form-field span.icon-container i.fa-solid.fa-xmark,div.coer-date-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass{color:#caced1!important;cursor:pointer!important}div.coer-date-box mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,div.coer-date-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover{color:#6c757d!important}div.coer-date-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-date-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-date-box mat-form-field span.placeholder{width:calc(100% + 32px)!important;height:40px!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important;cursor:wait!important}div.coer-date-box mat-form-field .placeholder,div.coer-date-box mat-form-field .placeholder *,div.coer-date-box mat-form-field .placeholder-glow,div.coer-date-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-date-box mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}div.coer-date-box div.button-container{width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:#e6e7e9!important}div.coer-date-box .mat-datepicker-toggle-active *{color:var(--primary-inner)!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:transparent!important;padding-left:9px!important;padding-right:9px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:after{border-bottom-color:transparent!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:28px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{height:28px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{margin-top:3px!important;font-size:14px!important}coer-grid table tbody tr td.coer-textbox mat-form-field span.icon-container{transform:translate(-5px,-6px)!important}\n"] }]
510
+ ], standalone: false, template: "<div class=\"coer-date-box\">\r\n <mat-form-field\r\n [id]=\"_id + '-container'\"\r\n [floatLabel]=\"_floatLabel()\"\r\n [ngClass]=\"{\r\n 'readonly': isReadonly() && !isLoading(),\r\n 'd-none': isInvisible()\r\n }\"\r\n [style]=\"{\r\n 'width': width(),\r\n 'min-width': minWidth(),\r\n 'max-width': maxWidth(),\r\n 'margin-top': marginTop(),\r\n 'margin-right': marginRight(),\r\n 'margin-bottom': marginBottom(),\r\n 'margin-left': marginLeft(), \r\n }\">\r\n\r\n <mat-label> {{ label() }} </mat-label>\r\n \r\n <input #coerTextBox matInput \r\n [id]=\"_id\"\r\n [placeholder]=\"placeholder()\"\r\n [matDatepicker]=\"datepicker\" \r\n [disabled]=\"!_isEnable()\"\r\n [readonly]=\"true\"\r\n [value]=\"_value\"\r\n (dateChange)=\"SetValue(coerTextBox.value)\"\r\n [style]=\"{\r\n 'cursor': isLoading() ? 'wait' : 'pointer',\r\n 'margin-top': (_floatLabel() == 'auto') ? '15px' : '9px',\r\n 'padding-right': _paddingRight(),\r\n 'text-align': textPosition()\r\n }\">\r\n \r\n <mat-datepicker #datepicker (closed)=\"Close()\"/>\r\n\r\n @if(!isLoading()) { \r\n <mat-datepicker-toggle \r\n matSuffix\r\n [for]=\"datepicker\" \r\n [disabled]=\"!_isEnable()\">\r\n <mat-icon matDatepickerToggleIcon>\r\n <i class=\"fa-solid fa-calendar-days\"></i>\r\n </mat-icon>\r\n </mat-datepicker-toggle>\r\n }\r\n\r\n @if(isLoading()) {\r\n <div class=\"placeholder-glow\">\r\n <span class=\"placeholder\"></span>\r\n </div>\r\n }\r\n\r\n @if(isInvalid() || isValid()) {\r\n <span ngClass=\"icon-container\">\r\n @if(isInvalid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-exclamation\"></i>\r\n }\r\n \r\n @else if(isValid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-check text-green\"></i>\r\n }\r\n </span>\r\n }\r\n </mat-form-field> \r\n\r\n @if(isInvisible()) {\r\n <mat-form-field class=\"invisible\">\r\n <input matInput [disabled]=\"true\"> \r\n </mat-form-field> \r\n }\r\n</div> ", 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));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-date-box{display:flex;align-items:center}div.coer-date-box mat-form-field{position:relative!important}div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{width:100%!important;height:40px!important;padding:0!important}div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label{overflow:visible!important;position:absolute!important;top:20px!important}div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label{color:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{font-weight:400!important;font-size:17px!important;color:var(--black)!important}div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:after{border-bottom-color:var(--primary-inner)!important}div.coer-date-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-date-box mat-form-field span.icon-container{position:absolute!important;top:1px!important;right:-14px!important;z-index:5!important;width:30px;height:40px;display:flex;align-items:center;justify-content:center}div.coer-date-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-date-box mat-form-field span.icon-container i.fa-solid.fa-xmark,div.coer-date-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass{color:#caced1!important;cursor:pointer!important}div.coer-date-box mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,div.coer-date-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover{color:#6c757d!important}div.coer-date-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-date-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-date-box mat-form-field span.placeholder{width:calc(100% + 32px)!important;height:40px!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important;cursor:wait!important}div.coer-date-box mat-form-field .placeholder,div.coer-date-box mat-form-field .placeholder *,div.coer-date-box mat-form-field .placeholder-glow,div.coer-date-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-date-box mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}div.coer-date-box div.button-container{width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:#e6e7e9!important}div.coer-date-box .mat-datepicker-toggle-active *{color:var(--primary-inner)!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:transparent!important;padding-left:9px!important;padding-right:9px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:after{border-bottom-color:transparent!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:28px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{height:28px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{margin-top:3px!important;font-size:14px!important}coer-grid table tbody tr td.coer-textbox mat-form-field span.icon-container{transform:translate(-5px,-6px)!important}\n"] }]
511
511
  }], propDecorators: { value: [{
512
512
  type: Input
513
- }], id: [{
514
- type: Input
515
513
  }] } });
516
514
 
517
515
  class CoerModal {
@@ -597,17 +595,18 @@ class CoerModal {
597
595
  Close() {
598
596
  this._modal.hide();
599
597
  if (this._isOpen) {
598
+ ElementsHTML.GetElement(`#${this._id}-button-close`)?.blur();
600
599
  this._isOpen = false;
601
600
  this._isModalOpen.set(false);
602
601
  Tools.Sleep(1000).then(() => this.onClose.emit());
603
602
  }
604
603
  }
605
604
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerModal, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
606
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerModal, isStandalone: false, selector: "coer-modal", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onOpen: "onOpen", onClose: "onClose" }, queries: [{ propertyName: "contentRef", predicate: CoerRefDirective }], ngImport: i0, template: "<aside title='' [id]=\"_id\" class=\"modal fade\" data-bs-backdrop=\"static\" tabindex=\"-1\">\r\n <div class=\"modal-dialog modal-dialog-centered modal-dialog-scrollable\" [ngStyle]=\"{ 'max-width': _width }\">\r\n <div class=\"modal-content\">\r\n @if(IsNull(header()) || (IsNotNull(header()) && header()?.show())) {\r\n <header class=\"modal-header\">\r\n <h6 class=\"modal-title\">\r\n <i [class]=\"_icon()\"></i>\r\n <span [ngClass]=\"{ 'ms-1': _icon().length > 0 }\"> {{ _title() }} </span>\r\n </h6>\r\n\r\n @if(showCloseButton()) {\r\n <button type=\"button\" class=\"btn-close\" (click)=\"Close()\"></button>\r\n }\r\n </header>\r\n }\r\n\r\n <section class=\"modal-body\" [ngStyle]=\"{\r\n 'height': height(),\r\n 'max-height': maxHeight(),\r\n 'overflow': maxHeight() === '' ? 'visible' : 'auto'\r\n }\">\r\n @if(IsNotNull(body()) && body()?.show()) {\r\n <ng-container [ngTemplateOutlet]=\"body()!.template\"></ng-container>\r\n }\r\n\r\n @else {\r\n <ng-content></ng-content>\r\n }\r\n </section>\r\n\r\n @if(IsNotNull(footer())) {\r\n <footer class=\"modal-footer\">\r\n @if(footer()?.show()) {\r\n <ng-container [ngTemplateOutlet]=\"footer()!.template\"></ng-container>\r\n }\r\n </footer>\r\n }\r\n </div>\r\n </div>\r\n\r\n <div [ngClass]=\"{ 'backdrop': _isModalOpen() }\"></div>\r\n</aside>", styles: [".modal-dialog{margin:auto!important;height:100vh}.modal-header{padding:8px 16px!important}.modal-title{font-weight:700!important;font-size:17px!important}.modal-body{padding-top:16px!important;padding-bottom:0!important;min-width:60px!important}div.coer-filebox .modal-body{padding:0!important}.modal-footer{border:none!important;display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;max-height:64px!important;min-height:64px!important;gap:10px!important}.btn-close:focus{box-shadow:none!important}div.modal-backdrop{z-index:0!important}aside.modal div.backdrop{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:#0000005b;z-index:1500}div.modal-content{z-index:1501;overflow:auto!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
605
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerModal, isStandalone: false, selector: "coer-modal", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onOpen: "onOpen", onClose: "onClose" }, queries: [{ propertyName: "contentRef", predicate: CoerRefDirective }], ngImport: i0, template: "<aside title='' [id]=\"_id\" class=\"modal fade\" data-bs-backdrop=\"static\" tabindex=\"-1\">\r\n <div class=\"modal-dialog modal-dialog-centered modal-dialog-scrollable\" [ngStyle]=\"{ 'max-width': _width }\">\r\n <div class=\"modal-content\">\r\n @if(IsNull(header()) || (IsNotNull(header()) && header()?.show())) {\r\n <header class=\"modal-header\">\r\n <h6 class=\"modal-title\">\r\n <i [class]=\"_icon()\"></i>\r\n <span [ngClass]=\"{ 'ms-1': _icon().length > 0 }\"> {{ _title() }} </span>\r\n </h6>\r\n\r\n @if(showCloseButton()) {\r\n <button [id]=\"_id + '-button-close'\" type=\"button\" class=\"btn-close\" (click)=\"Close()\"></button>\r\n }\r\n </header>\r\n }\r\n\r\n <section class=\"modal-body\" [ngStyle]=\"{\r\n 'height': height(),\r\n 'max-height': maxHeight(),\r\n 'overflow': maxHeight() === '' ? 'visible' : 'auto'\r\n }\">\r\n @if(IsNotNull(body()) && body()?.show()) {\r\n <ng-container [ngTemplateOutlet]=\"body()!.template\"></ng-container>\r\n }\r\n\r\n @else {\r\n <ng-content></ng-content>\r\n }\r\n </section>\r\n\r\n @if(IsNotNull(footer())) {\r\n <footer class=\"modal-footer\">\r\n @if(footer()?.show()) {\r\n <ng-container [ngTemplateOutlet]=\"footer()!.template\"></ng-container>\r\n }\r\n </footer>\r\n }\r\n </div>\r\n </div>\r\n\r\n <div [ngClass]=\"{ 'backdrop': _isModalOpen() }\"></div>\r\n</aside>", styles: [".modal-dialog{margin:auto!important;height:100vh}.modal-header{padding:8px 16px!important}.modal-title{font-weight:700!important;font-size:17px!important}.modal-body{padding-top:16px!important;padding-bottom:0!important;min-width:60px!important}div.coer-filebox .modal-body{padding:0!important}.modal-footer{border:none!important;display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;max-height:64px!important;min-height:64px!important;gap:10px!important}.btn-close:focus{box-shadow:none!important}div.modal-backdrop{z-index:0!important}aside.modal div.backdrop{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:#0000005b;z-index:1500}div.modal-content{z-index:1501;overflow:auto!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
607
606
  }
608
607
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerModal, decorators: [{
609
608
  type: Component,
610
- args: [{ selector: 'coer-modal', standalone: false, template: "<aside title='' [id]=\"_id\" class=\"modal fade\" data-bs-backdrop=\"static\" tabindex=\"-1\">\r\n <div class=\"modal-dialog modal-dialog-centered modal-dialog-scrollable\" [ngStyle]=\"{ 'max-width': _width }\">\r\n <div class=\"modal-content\">\r\n @if(IsNull(header()) || (IsNotNull(header()) && header()?.show())) {\r\n <header class=\"modal-header\">\r\n <h6 class=\"modal-title\">\r\n <i [class]=\"_icon()\"></i>\r\n <span [ngClass]=\"{ 'ms-1': _icon().length > 0 }\"> {{ _title() }} </span>\r\n </h6>\r\n\r\n @if(showCloseButton()) {\r\n <button type=\"button\" class=\"btn-close\" (click)=\"Close()\"></button>\r\n }\r\n </header>\r\n }\r\n\r\n <section class=\"modal-body\" [ngStyle]=\"{\r\n 'height': height(),\r\n 'max-height': maxHeight(),\r\n 'overflow': maxHeight() === '' ? 'visible' : 'auto'\r\n }\">\r\n @if(IsNotNull(body()) && body()?.show()) {\r\n <ng-container [ngTemplateOutlet]=\"body()!.template\"></ng-container>\r\n }\r\n\r\n @else {\r\n <ng-content></ng-content>\r\n }\r\n </section>\r\n\r\n @if(IsNotNull(footer())) {\r\n <footer class=\"modal-footer\">\r\n @if(footer()?.show()) {\r\n <ng-container [ngTemplateOutlet]=\"footer()!.template\"></ng-container>\r\n }\r\n </footer>\r\n }\r\n </div>\r\n </div>\r\n\r\n <div [ngClass]=\"{ 'backdrop': _isModalOpen() }\"></div>\r\n</aside>", styles: [".modal-dialog{margin:auto!important;height:100vh}.modal-header{padding:8px 16px!important}.modal-title{font-weight:700!important;font-size:17px!important}.modal-body{padding-top:16px!important;padding-bottom:0!important;min-width:60px!important}div.coer-filebox .modal-body{padding:0!important}.modal-footer{border:none!important;display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;max-height:64px!important;min-height:64px!important;gap:10px!important}.btn-close:focus{box-shadow:none!important}div.modal-backdrop{z-index:0!important}aside.modal div.backdrop{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:#0000005b;z-index:1500}div.modal-content{z-index:1501;overflow:auto!important}\n"] }]
609
+ args: [{ selector: 'coer-modal', standalone: false, template: "<aside title='' [id]=\"_id\" class=\"modal fade\" data-bs-backdrop=\"static\" tabindex=\"-1\">\r\n <div class=\"modal-dialog modal-dialog-centered modal-dialog-scrollable\" [ngStyle]=\"{ 'max-width': _width }\">\r\n <div class=\"modal-content\">\r\n @if(IsNull(header()) || (IsNotNull(header()) && header()?.show())) {\r\n <header class=\"modal-header\">\r\n <h6 class=\"modal-title\">\r\n <i [class]=\"_icon()\"></i>\r\n <span [ngClass]=\"{ 'ms-1': _icon().length > 0 }\"> {{ _title() }} </span>\r\n </h6>\r\n\r\n @if(showCloseButton()) {\r\n <button [id]=\"_id + '-button-close'\" type=\"button\" class=\"btn-close\" (click)=\"Close()\"></button>\r\n }\r\n </header>\r\n }\r\n\r\n <section class=\"modal-body\" [ngStyle]=\"{\r\n 'height': height(),\r\n 'max-height': maxHeight(),\r\n 'overflow': maxHeight() === '' ? 'visible' : 'auto'\r\n }\">\r\n @if(IsNotNull(body()) && body()?.show()) {\r\n <ng-container [ngTemplateOutlet]=\"body()!.template\"></ng-container>\r\n }\r\n\r\n @else {\r\n <ng-content></ng-content>\r\n }\r\n </section>\r\n\r\n @if(IsNotNull(footer())) {\r\n <footer class=\"modal-footer\">\r\n @if(footer()?.show()) {\r\n <ng-container [ngTemplateOutlet]=\"footer()!.template\"></ng-container>\r\n }\r\n </footer>\r\n }\r\n </div>\r\n </div>\r\n\r\n <div [ngClass]=\"{ 'backdrop': _isModalOpen() }\"></div>\r\n</aside>", styles: [".modal-dialog{margin:auto!important;height:100vh}.modal-header{padding:8px 16px!important}.modal-title{font-weight:700!important;font-size:17px!important}.modal-body{padding-top:16px!important;padding-bottom:0!important;min-width:60px!important}div.coer-filebox .modal-body{padding:0!important}.modal-footer{border:none!important;display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;max-height:64px!important;min-height:64px!important;gap:10px!important}.btn-close:focus{box-shadow:none!important}div.modal-backdrop{z-index:0!important}aside.modal div.backdrop{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:#0000005b;z-index:1500}div.modal-content{z-index:1501;overflow:auto!important}\n"] }]
611
610
  }], propDecorators: { contentRef: [{
612
611
  type: ContentChildren,
613
612
  args: [CoerRefDirective]
@@ -623,12 +622,12 @@ class CoerFilebox {
623
622
  this.IsNotNull = Tools.IsNotNull;
624
623
  this.IsNotOnlyWhiteSpace = Tools.IsNotOnlyWhiteSpace;
625
624
  //Elements
626
- this.inputFileImage = viewChild.required('inputFileImage');
627
- this.modal = viewChild.required('modal');
625
+ this._inputFileImage = viewChild.required('inputFileImage');
626
+ this._modal = viewChild.required('modal');
628
627
  //Variables
629
628
  this._base64 = '';
630
629
  this._image = null;
631
- this.imageExtensions = ['png', 'jpeg', 'jpg', 'gif', 'svg'];
630
+ this._imageExtensions = ['png', 'jpeg', 'jpg', 'gif', 'svg'];
632
631
  //Inputs
633
632
  this.type = input('image');
634
633
  this.multiple = input(false);
@@ -644,7 +643,7 @@ class CoerFilebox {
644
643
  return !this.isLoading() && !this.isDisabled() && !this.isInvisible();
645
644
  });
646
645
  /** */
647
- this.GetExtensionFile = (fileName) => {
646
+ this._GetExtensionFile = (fileName) => {
648
647
  if (fileName.includes('.')) {
649
648
  let worlds = fileName.split('.');
650
649
  if (worlds.length > 0) {
@@ -674,13 +673,13 @@ class CoerFilebox {
674
673
  }
675
674
  }
676
675
  /** */
677
- async UploadImages(event) {
676
+ async _UploadImages(event) {
678
677
  const selectedFiles = Array.from(event.target.files);
679
678
  const files = [];
680
679
  let extension = null;
681
680
  for (const file of selectedFiles) {
682
- extension = this.GetExtensionFile(file.name) || '';
683
- if (this.imageExtensions.includes(extension)) {
681
+ extension = this._GetExtensionFile(file.name) || '';
682
+ if (this._imageExtensions.includes(extension)) {
684
683
  files.push({
685
684
  file: file,
686
685
  extension: extension,
@@ -691,27 +690,27 @@ class CoerFilebox {
691
690
  this.alert.Warning(`<b>.${extension}</b> extension not allowed`, 'Files');
692
691
  }
693
692
  //Response
694
- this.inputFileImage().nativeElement.value = null;
693
+ this._inputFileImage().nativeElement.value = null;
695
694
  this.onSelected.emit([...files]);
696
695
  }
697
696
  /** */
698
- DeleteImage(event) {
697
+ _DeleteImage(event) {
699
698
  event.stopPropagation();
700
699
  if (this._isEnable()) {
701
700
  this.onDeleteImage.emit();
702
701
  }
703
702
  }
704
703
  /** */
705
- ExpandImage(event) {
704
+ _ExpandImage(event) {
706
705
  event.stopPropagation();
707
- this.modal().Open();
706
+ this._modal().Open();
708
707
  }
709
708
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerFilebox, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
710
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerFilebox, isStandalone: false, selector: "coer-filebox", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onSelected: "onSelected", onDeleteImage: "onDeleteImage" }, viewQueries: [{ propertyName: "inputFileImage", first: true, predicate: ["inputFileImage"], descendants: true, isSignal: true }, { propertyName: "modal", first: true, predicate: ["modal"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"coer-filebox\">\r\n @if(type() == 'image') {\r\n <figure (click)=\"(_isEnable() && !isReadonly()) ? inputFileImage.click() : null\"\r\n [ngClass]=\"{ \r\n 'dashed': IsNull(_image?.value), \r\n 'd-none': isInvisible() \r\n }\"\r\n [ngStyle]=\"{\r\n 'margin-top': _image?.marginTop || '',\r\n 'margin-right': _image?.marginRight || '',\r\n 'margin-bottom': _image?.marginBottom || '',\r\n 'margin-left': _image?.marginLeft || ''\r\n }\">\r\n\r\n @if(isLoading()) {\r\n <div class=\"loading\">\r\n <i class=\"spinner-border\"></i>\r\n </div>\r\n\r\n <div class=\"placeholder-glow\">\r\n <span class=\"placeholder\"></span>\r\n </div>\r\n }\r\n\r\n <img [src]=\"_base64 | noImage\"\r\n [ngStyle]=\"{\r\n 'width': _image?.width || '',\r\n 'max-width': _image?.maxWidth || '',\r\n 'height': _image?.height || '',\r\n 'max-height': _image?.maxHeight || '210px'\r\n }\">\r\n\r\n <input #inputFileImage\r\n type=\"file\"\r\n accept=\"image/png, image/jpeg, image/gif, image/svg+xml\"\r\n (change)=\"UploadImages($event)\"\r\n [multiple]=\"multiple()\">\r\n\r\n @if(_isEnable() && IsNotNull(_image) && IsNotNull(_image!.value)) {\r\n <div class=\"icon-container\">\r\n @if(IsNotOnlyWhiteSpace(_base64) && (IsNull(_image?.allowDelete) || _image!.allowDelete) && !isReadonly()) {\r\n <i class=\"fa-solid fa-trash-can\" (click)=\"DeleteImage($event)\"></i>\r\n }\r\n\r\n @if(IsNotOnlyWhiteSpace(_base64) && (IsNull(_image?.allowExpand) || _image!.allowExpand)) {\r\n <i class=\"fa-solid fa-expand\" (click)=\"ExpandImage($event)\"></i>\r\n }\r\n </div>\r\n }\r\n </figure>\r\n\r\n @if(isInvisible()) {\r\n <figure [ngStyle]=\"{\r\n 'margin-top': _image?.marginTop || '',\r\n 'margin-right': _image?.marginRight || '',\r\n 'margin-bottom': _image?.marginBottom || '',\r\n 'margin-left': _image?.marginLeft || ''\r\n }\"> \r\n\r\n <img [ngStyle]=\"{\r\n 'width': _image?.width || '',\r\n 'max-width': _image?.maxWidth || '',\r\n 'height': _image?.height || '',\r\n 'max-height': _image?.maxHeight || '210px'\r\n }\">\r\n </figure>\r\n }\r\n }\r\n\r\n <!-- Modal -->\r\n <coer-modal #modal [title]=\"_image?.name || ''\" height=\"90vh\" width=\"full\">\r\n <div class=\"modal-image\" [ngStyle]=\"{ 'background-image': 'url(' + _base64 + ')' }\"></div>\r\n </coer-modal>\r\n</div>", 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}div.coer-filebox{display:flex;justify-content:center;align-items:center}div.coer-filebox figure{width:fit-content!important;position:relative;display:flex;align-items:center;justify-content:center;border-radius:3px;overflow:hidden;cursor:pointer;min-height:210px;z-index:1}div.coer-filebox .dashed{border:1px dashed var(--gray);background-color:transparent}div.coer-filebox div.loading{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:25px;background-color:#bbbbbb83!important;flex-direction:column!important;gap:10px!important;cursor:default!important}div.coer-filebox div.loading span.fa-fade{position:relative!important;top:50px!important}div.coer-filebox div.loading i.spinner-border{color:var(--primary-inner)!important;width:70px!important;height:70px!important;font-size:20px!important;position:absolute!important}div.coer-filebox span.placeholder{width:calc(100% + 32px)!important;height:100%!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important;cursor:wait!important}div.coer-filebox div.icon-container{position:absolute;bottom:5px;right:5px;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:7px}div.coer-filebox div.icon-container i{color:var(--gray);font-size:20px}div.coer-filebox div.icon-container i:hover{zoom:1.1}div.coer-filebox div.modal-image{width:100%;height:100%;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-size:contain;background-repeat:no-repeat;background-position:center}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: CoerModal, selector: "coer-modal", inputs: ["id", "title", "icon", "showCloseButton", "width", "height", "maxHeight"], outputs: ["onOpen", "onClose"] }, { kind: "pipe", type: i9.NoImagePipe, name: "noImage" }] }); }
709
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerFilebox, isStandalone: false, selector: "coer-filebox", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onSelected: "onSelected", onDeleteImage: "onDeleteImage" }, viewQueries: [{ propertyName: "_inputFileImage", first: true, predicate: ["inputFileImage"], descendants: true, isSignal: true }, { propertyName: "_modal", first: true, predicate: ["modal"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"coer-filebox\">\r\n @if(type() == 'image') {\r\n <figure (click)=\"(_isEnable() && !isReadonly()) ? inputFileImage.click() : null\"\r\n [ngClass]=\"{ \r\n 'dashed': IsNull(_image?.value), \r\n 'd-none': isInvisible() \r\n }\"\r\n [ngStyle]=\"{\r\n 'margin-top': _image?.marginTop || '',\r\n 'margin-right': _image?.marginRight || '',\r\n 'margin-bottom': _image?.marginBottom || '',\r\n 'margin-left': _image?.marginLeft || ''\r\n }\">\r\n\r\n @if(isLoading()) {\r\n <div class=\"loading\">\r\n <i class=\"spinner-border\"></i>\r\n </div>\r\n\r\n <div class=\"placeholder-glow\">\r\n <span class=\"placeholder\"></span>\r\n </div>\r\n }\r\n\r\n <img [src]=\"_base64 | noImage\"\r\n [ngStyle]=\"{\r\n 'width': _image?.width || '',\r\n 'max-width': _image?.maxWidth || '',\r\n 'height': _image?.height || '',\r\n 'max-height': _image?.maxHeight || '210px'\r\n }\">\r\n\r\n <input #inputFileImage\r\n type=\"file\"\r\n accept=\"image/png, image/jpeg, image/gif, image/svg+xml\"\r\n (change)=\"_UploadImages($event)\"\r\n [multiple]=\"multiple()\">\r\n\r\n @if(_isEnable() && IsNotNull(_image) && IsNotNull(_image!.value)) {\r\n <div class=\"icon-container\">\r\n @if(IsNotOnlyWhiteSpace(_base64) && (IsNull(_image?.allowDelete) || _image!.allowDelete) && !isReadonly()) {\r\n <i class=\"fa-solid fa-trash-can\" (click)=\"_DeleteImage($event)\"></i>\r\n }\r\n\r\n @if(IsNotOnlyWhiteSpace(_base64) && (IsNull(_image?.allowExpand) || _image!.allowExpand)) {\r\n <i class=\"fa-solid fa-expand\" (click)=\"_ExpandImage($event)\"></i>\r\n }\r\n </div>\r\n }\r\n </figure>\r\n\r\n @if(isInvisible()) {\r\n <figure [ngStyle]=\"{\r\n 'margin-top': _image?.marginTop || '',\r\n 'margin-right': _image?.marginRight || '',\r\n 'margin-bottom': _image?.marginBottom || '',\r\n 'margin-left': _image?.marginLeft || ''\r\n }\"> \r\n\r\n <img [ngStyle]=\"{\r\n 'width': _image?.width || '',\r\n 'max-width': _image?.maxWidth || '',\r\n 'height': _image?.height || '',\r\n 'max-height': _image?.maxHeight || '210px'\r\n }\">\r\n </figure>\r\n }\r\n }\r\n\r\n <!-- Modal -->\r\n <coer-modal #modal [title]=\"_image?.name || ''\" height=\"90vh\" width=\"full\">\r\n <div class=\"modal-image\" [ngStyle]=\"{ 'background-image': 'url(' + _base64 + ')' }\"></div>\r\n </coer-modal>\r\n</div>", 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));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-filebox{display:flex;justify-content:center;align-items:center}div.coer-filebox figure{width:fit-content!important;position:relative;display:flex;align-items:center;justify-content:center;border-radius:3px;overflow:hidden;cursor:pointer;min-height:210px;z-index:1}div.coer-filebox .dashed{border:1px dashed var(--gray);background-color:transparent}div.coer-filebox div.loading{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:25px;background-color:#bbbbbb83!important;flex-direction:column!important;gap:10px!important;cursor:default!important}div.coer-filebox div.loading span.fa-fade{position:relative!important;top:50px!important}div.coer-filebox div.loading i.spinner-border{color:var(--primary-inner)!important;width:70px!important;height:70px!important;font-size:20px!important;position:absolute!important}div.coer-filebox span.placeholder{width:calc(100% + 32px)!important;height:100%!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important;cursor:wait!important}div.coer-filebox div.icon-container{position:absolute;bottom:5px;right:5px;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:7px}div.coer-filebox div.icon-container i{color:var(--gray);font-size:20px}div.coer-filebox div.icon-container i:hover{zoom:1.1}div.coer-filebox div.modal-image{width:100%;height:100%;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-size:contain;background-repeat:no-repeat;background-position:center}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: CoerModal, selector: "coer-modal", inputs: ["id", "title", "icon", "showCloseButton", "width", "height", "maxHeight"], outputs: ["onOpen", "onClose"] }, { kind: "pipe", type: i9.NoImagePipe, name: "noImage" }] }); }
711
710
  }
712
711
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerFilebox, decorators: [{
713
712
  type: Component,
714
- args: [{ selector: 'coer-filebox', standalone: false, template: "<div class=\"coer-filebox\">\r\n @if(type() == 'image') {\r\n <figure (click)=\"(_isEnable() && !isReadonly()) ? inputFileImage.click() : null\"\r\n [ngClass]=\"{ \r\n 'dashed': IsNull(_image?.value), \r\n 'd-none': isInvisible() \r\n }\"\r\n [ngStyle]=\"{\r\n 'margin-top': _image?.marginTop || '',\r\n 'margin-right': _image?.marginRight || '',\r\n 'margin-bottom': _image?.marginBottom || '',\r\n 'margin-left': _image?.marginLeft || ''\r\n }\">\r\n\r\n @if(isLoading()) {\r\n <div class=\"loading\">\r\n <i class=\"spinner-border\"></i>\r\n </div>\r\n\r\n <div class=\"placeholder-glow\">\r\n <span class=\"placeholder\"></span>\r\n </div>\r\n }\r\n\r\n <img [src]=\"_base64 | noImage\"\r\n [ngStyle]=\"{\r\n 'width': _image?.width || '',\r\n 'max-width': _image?.maxWidth || '',\r\n 'height': _image?.height || '',\r\n 'max-height': _image?.maxHeight || '210px'\r\n }\">\r\n\r\n <input #inputFileImage\r\n type=\"file\"\r\n accept=\"image/png, image/jpeg, image/gif, image/svg+xml\"\r\n (change)=\"UploadImages($event)\"\r\n [multiple]=\"multiple()\">\r\n\r\n @if(_isEnable() && IsNotNull(_image) && IsNotNull(_image!.value)) {\r\n <div class=\"icon-container\">\r\n @if(IsNotOnlyWhiteSpace(_base64) && (IsNull(_image?.allowDelete) || _image!.allowDelete) && !isReadonly()) {\r\n <i class=\"fa-solid fa-trash-can\" (click)=\"DeleteImage($event)\"></i>\r\n }\r\n\r\n @if(IsNotOnlyWhiteSpace(_base64) && (IsNull(_image?.allowExpand) || _image!.allowExpand)) {\r\n <i class=\"fa-solid fa-expand\" (click)=\"ExpandImage($event)\"></i>\r\n }\r\n </div>\r\n }\r\n </figure>\r\n\r\n @if(isInvisible()) {\r\n <figure [ngStyle]=\"{\r\n 'margin-top': _image?.marginTop || '',\r\n 'margin-right': _image?.marginRight || '',\r\n 'margin-bottom': _image?.marginBottom || '',\r\n 'margin-left': _image?.marginLeft || ''\r\n }\"> \r\n\r\n <img [ngStyle]=\"{\r\n 'width': _image?.width || '',\r\n 'max-width': _image?.maxWidth || '',\r\n 'height': _image?.height || '',\r\n 'max-height': _image?.maxHeight || '210px'\r\n }\">\r\n </figure>\r\n }\r\n }\r\n\r\n <!-- Modal -->\r\n <coer-modal #modal [title]=\"_image?.name || ''\" height=\"90vh\" width=\"full\">\r\n <div class=\"modal-image\" [ngStyle]=\"{ 'background-image': 'url(' + _base64 + ')' }\"></div>\r\n </coer-modal>\r\n</div>", 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}div.coer-filebox{display:flex;justify-content:center;align-items:center}div.coer-filebox figure{width:fit-content!important;position:relative;display:flex;align-items:center;justify-content:center;border-radius:3px;overflow:hidden;cursor:pointer;min-height:210px;z-index:1}div.coer-filebox .dashed{border:1px dashed var(--gray);background-color:transparent}div.coer-filebox div.loading{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:25px;background-color:#bbbbbb83!important;flex-direction:column!important;gap:10px!important;cursor:default!important}div.coer-filebox div.loading span.fa-fade{position:relative!important;top:50px!important}div.coer-filebox div.loading i.spinner-border{color:var(--primary-inner)!important;width:70px!important;height:70px!important;font-size:20px!important;position:absolute!important}div.coer-filebox span.placeholder{width:calc(100% + 32px)!important;height:100%!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important;cursor:wait!important}div.coer-filebox div.icon-container{position:absolute;bottom:5px;right:5px;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:7px}div.coer-filebox div.icon-container i{color:var(--gray);font-size:20px}div.coer-filebox div.icon-container i:hover{zoom:1.1}div.coer-filebox div.modal-image{width:100%;height:100%;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-size:contain;background-repeat:no-repeat;background-position:center}\n"] }]
713
+ args: [{ selector: 'coer-filebox', standalone: false, template: "<div class=\"coer-filebox\">\r\n @if(type() == 'image') {\r\n <figure (click)=\"(_isEnable() && !isReadonly()) ? inputFileImage.click() : null\"\r\n [ngClass]=\"{ \r\n 'dashed': IsNull(_image?.value), \r\n 'd-none': isInvisible() \r\n }\"\r\n [ngStyle]=\"{\r\n 'margin-top': _image?.marginTop || '',\r\n 'margin-right': _image?.marginRight || '',\r\n 'margin-bottom': _image?.marginBottom || '',\r\n 'margin-left': _image?.marginLeft || ''\r\n }\">\r\n\r\n @if(isLoading()) {\r\n <div class=\"loading\">\r\n <i class=\"spinner-border\"></i>\r\n </div>\r\n\r\n <div class=\"placeholder-glow\">\r\n <span class=\"placeholder\"></span>\r\n </div>\r\n }\r\n\r\n <img [src]=\"_base64 | noImage\"\r\n [ngStyle]=\"{\r\n 'width': _image?.width || '',\r\n 'max-width': _image?.maxWidth || '',\r\n 'height': _image?.height || '',\r\n 'max-height': _image?.maxHeight || '210px'\r\n }\">\r\n\r\n <input #inputFileImage\r\n type=\"file\"\r\n accept=\"image/png, image/jpeg, image/gif, image/svg+xml\"\r\n (change)=\"_UploadImages($event)\"\r\n [multiple]=\"multiple()\">\r\n\r\n @if(_isEnable() && IsNotNull(_image) && IsNotNull(_image!.value)) {\r\n <div class=\"icon-container\">\r\n @if(IsNotOnlyWhiteSpace(_base64) && (IsNull(_image?.allowDelete) || _image!.allowDelete) && !isReadonly()) {\r\n <i class=\"fa-solid fa-trash-can\" (click)=\"_DeleteImage($event)\"></i>\r\n }\r\n\r\n @if(IsNotOnlyWhiteSpace(_base64) && (IsNull(_image?.allowExpand) || _image!.allowExpand)) {\r\n <i class=\"fa-solid fa-expand\" (click)=\"_ExpandImage($event)\"></i>\r\n }\r\n </div>\r\n }\r\n </figure>\r\n\r\n @if(isInvisible()) {\r\n <figure [ngStyle]=\"{\r\n 'margin-top': _image?.marginTop || '',\r\n 'margin-right': _image?.marginRight || '',\r\n 'margin-bottom': _image?.marginBottom || '',\r\n 'margin-left': _image?.marginLeft || ''\r\n }\"> \r\n\r\n <img [ngStyle]=\"{\r\n 'width': _image?.width || '',\r\n 'max-width': _image?.maxWidth || '',\r\n 'height': _image?.height || '',\r\n 'max-height': _image?.maxHeight || '210px'\r\n }\">\r\n </figure>\r\n }\r\n }\r\n\r\n <!-- Modal -->\r\n <coer-modal #modal [title]=\"_image?.name || ''\" height=\"90vh\" width=\"full\">\r\n <div class=\"modal-image\" [ngStyle]=\"{ 'background-image': 'url(' + _base64 + ')' }\"></div>\r\n </coer-modal>\r\n</div>", 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));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-filebox{display:flex;justify-content:center;align-items:center}div.coer-filebox figure{width:fit-content!important;position:relative;display:flex;align-items:center;justify-content:center;border-radius:3px;overflow:hidden;cursor:pointer;min-height:210px;z-index:1}div.coer-filebox .dashed{border:1px dashed var(--gray);background-color:transparent}div.coer-filebox div.loading{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:25px;background-color:#bbbbbb83!important;flex-direction:column!important;gap:10px!important;cursor:default!important}div.coer-filebox div.loading span.fa-fade{position:relative!important;top:50px!important}div.coer-filebox div.loading i.spinner-border{color:var(--primary-inner)!important;width:70px!important;height:70px!important;font-size:20px!important;position:absolute!important}div.coer-filebox span.placeholder{width:calc(100% + 32px)!important;height:100%!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important;cursor:wait!important}div.coer-filebox div.icon-container{position:absolute;bottom:5px;right:5px;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:7px}div.coer-filebox div.icon-container i{color:var(--gray);font-size:20px}div.coer-filebox div.icon-container i:hover{zoom:1.1}div.coer-filebox div.modal-image{width:100%;height:100%;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-size:contain;background-repeat:no-repeat;background-position:center}\n"] }]
715
714
  }], propDecorators: { image: [{
716
715
  type: Input
717
716
  }] } });
@@ -750,10 +749,10 @@ class CoerForm {
750
749
  }
751
750
  }
752
751
  /** */
753
- GetControlValue(formControlName, alternative = null) {
752
+ GetControlValue(formControlName, alternative) {
754
753
  return Tools.IsNotNull(this.formGroup().get(formControlName))
755
754
  ? this.formGroup().get(formControlName).value
756
- : alternative;
755
+ : (Tools.IsNotNull(alternative) ? alternative : null);
757
756
  }
758
757
  /** */
759
758
  HasControlValue(formControlName) {
@@ -1052,11 +1051,11 @@ class CoerNumberBox extends ControlValue {
1052
1051
  });
1053
1052
  }
1054
1053
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerNumberBox, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
1055
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerNumberBox, isStandalone: false, selector: "coer-numberbox", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, textPosition: { classPropertyName: "textPosition", publicName: "textPosition", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, isInvalid: { classPropertyName: "isInvalid", publicName: "isInvalid", isSignal: true, isRequired: false, transformFunction: null }, isValid: { classPropertyName: "isValid", publicName: "isValid", isSignal: true, isRequired: false, transformFunction: null }, selectOnFocus: { classPropertyName: "selectOnFocus", publicName: "selectOnFocus", isSignal: true, isRequired: false, transformFunction: null }, decimals: { classPropertyName: "decimals", publicName: "decimals", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, marginTop: { classPropertyName: "marginTop", publicName: "marginTop", isSignal: true, isRequired: false, transformFunction: null }, marginRight: { classPropertyName: "marginRight", publicName: "marginRight", isSignal: true, isRequired: false, transformFunction: null }, marginBottom: { classPropertyName: "marginBottom", publicName: "marginBottom", isSignal: true, isRequired: false, transformFunction: null }, marginLeft: { classPropertyName: "marginLeft", publicName: "marginLeft", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onKeyupEnter: "onKeyupEnter", onInput: "onInput" }, providers: [CONTROL_VALUE(CoerNumberBox)], viewQueries: [{ propertyName: "matFormField", first: true, predicate: ["matFormField"], descendants: true, isSignal: true }, { propertyName: "coerNumberbox", first: true, predicate: ["coerNumberbox"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"coer-number-box\">\r\n <mat-form-field\r\n [id]=\"_id + '-container'\"\r\n [floatLabel]=\"floatLabel()\"\r\n [ngClass]=\"{\r\n 'readonly': isReadonly() && !isLoading()\r\n }\"\r\n [style]=\"{\r\n 'width': width(),\r\n 'min-width': minWidth(),\r\n 'max-width': maxWidth(),\r\n 'margin-top': marginTop(),\r\n 'margin-right': marginRight(),\r\n 'margin-bottom': marginBottom(),\r\n 'margin-left': marginLeft()\r\n }\">\r\n <mat-label>{{ label() }}</mat-label>\r\n\r\n <input #coerNumberbox matInput\r\n [id]=\"_id\"\r\n type=\"text\"\r\n [placeholder]=\"placeholder()\"\r\n [disabled]=\"!_isEnable()\"\r\n [value]=\"_value\"\r\n (input)=\"SetValue(coerNumberbox.value)\"\r\n (blur)=\"SetTouched(true)\"\r\n [ngClass]=\"{ 'caret-none': hideCaret }\"\r\n [style]=\"{\r\n 'cursor': isLoading() ? 'wait' : null,\r\n 'margin-top': (floatLabel() == 'auto') ? '15px' : '9px',\r\n 'padding-right': paddingRight(),\r\n 'text-align': textPosition()\r\n }\">\r\n\r\n @if(isLoading()) {\r\n <div class=\"placeholder-glow\">\r\n <span class=\"placeholder\"></span>\r\n </div>\r\n }\r\n\r\n <span ngClass=\"icon-container\">\r\n @if(isInvalid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-exclamation\"></i>\r\n }\r\n\r\n @else if(isValid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-check text-green\"></i>\r\n }\r\n </span>\r\n </mat-form-field>\r\n</div>", 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}div.coer-number-box mat-form-field{position:relative!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{width:100%!important;height:40px!important;padding:0!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label{overflow:visible!important;position:absolute!important;top:20px!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label{color:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{font-weight:400!important;font-size:17px!important;color:var(--black)!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input.caret-none{caret-color:transparent!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:after{border-bottom-color:var(--primary-inner)!important}div.coer-number-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-number-box mat-form-field span.icon-container{position:absolute!important;top:1px!important;right:-14px!important;z-index:5!important;width:30px;height:40px;display:flex;align-items:center;justify-content:center}div.coer-number-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-xmark,div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass{color:#caced1!important;cursor:pointer!important}div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover{color:#6c757d!important}div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-number-box mat-form-field span.placeholder{width:calc(100% + 32px)!important;height:40px!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important}div.coer-number-box mat-form-field .placeholder,div.coer-number-box mat-form-field .placeholder *,div.coer-number-box mat-form-field .placeholder-glow,div.coer-number-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-number-box mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:transparent!important;padding-left:9px!important;padding-right:9px!important}coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:after{border-bottom-color:transparent!important}coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:28px!important}coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{height:28px!important}coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{margin-top:3px!important;font-size:14px!important}coer-grid table tbody tr td.coer-numberbox mat-form-field span.icon-container{transform:translate(-5px,-6px)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }] }); }
1054
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerNumberBox, isStandalone: false, selector: "coer-numberbox", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, textPosition: { classPropertyName: "textPosition", publicName: "textPosition", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, isInvalid: { classPropertyName: "isInvalid", publicName: "isInvalid", isSignal: true, isRequired: false, transformFunction: null }, isValid: { classPropertyName: "isValid", publicName: "isValid", isSignal: true, isRequired: false, transformFunction: null }, selectOnFocus: { classPropertyName: "selectOnFocus", publicName: "selectOnFocus", isSignal: true, isRequired: false, transformFunction: null }, decimals: { classPropertyName: "decimals", publicName: "decimals", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, marginTop: { classPropertyName: "marginTop", publicName: "marginTop", isSignal: true, isRequired: false, transformFunction: null }, marginRight: { classPropertyName: "marginRight", publicName: "marginRight", isSignal: true, isRequired: false, transformFunction: null }, marginBottom: { classPropertyName: "marginBottom", publicName: "marginBottom", isSignal: true, isRequired: false, transformFunction: null }, marginLeft: { classPropertyName: "marginLeft", publicName: "marginLeft", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onKeyupEnter: "onKeyupEnter", onInput: "onInput" }, providers: [CONTROL_VALUE(CoerNumberBox)], viewQueries: [{ propertyName: "matFormField", first: true, predicate: ["matFormField"], descendants: true, isSignal: true }, { propertyName: "coerNumberbox", first: true, predicate: ["coerNumberbox"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"coer-number-box\">\r\n <mat-form-field\r\n [id]=\"_id + '-container'\"\r\n [floatLabel]=\"floatLabel()\"\r\n [ngClass]=\"{\r\n 'readonly': isReadonly() && !isLoading()\r\n }\"\r\n [style]=\"{\r\n 'width': width(),\r\n 'min-width': minWidth(),\r\n 'max-width': maxWidth(),\r\n 'margin-top': marginTop(),\r\n 'margin-right': marginRight(),\r\n 'margin-bottom': marginBottom(),\r\n 'margin-left': marginLeft()\r\n }\">\r\n <mat-label>{{ label() }}</mat-label>\r\n\r\n <input #coerNumberbox matInput\r\n [id]=\"_id\"\r\n type=\"text\"\r\n [placeholder]=\"placeholder()\"\r\n [disabled]=\"!_isEnable()\"\r\n [value]=\"_value\"\r\n (input)=\"SetValue(coerNumberbox.value)\"\r\n (blur)=\"SetTouched(true)\"\r\n [ngClass]=\"{ 'caret-none': hideCaret }\"\r\n [style]=\"{\r\n 'cursor': isLoading() ? 'wait' : null,\r\n 'margin-top': (floatLabel() == 'auto') ? '15px' : '9px',\r\n 'padding-right': paddingRight(),\r\n 'text-align': textPosition()\r\n }\">\r\n\r\n @if(isLoading()) {\r\n <div class=\"placeholder-glow\">\r\n <span class=\"placeholder\"></span>\r\n </div>\r\n }\r\n\r\n <span ngClass=\"icon-container\">\r\n @if(isInvalid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-exclamation\"></i>\r\n }\r\n\r\n @else if(isValid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-check text-green\"></i>\r\n }\r\n </span>\r\n </mat-form-field>\r\n</div>", 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));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-number-box mat-form-field{position:relative!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{width:100%!important;height:40px!important;padding:0!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label{overflow:visible!important;position:absolute!important;top:20px!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label{color:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{font-weight:400!important;font-size:17px!important;color:var(--black)!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input.caret-none{caret-color:transparent!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:after{border-bottom-color:var(--primary-inner)!important}div.coer-number-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-number-box mat-form-field span.icon-container{position:absolute!important;top:1px!important;right:-14px!important;z-index:5!important;width:30px;height:40px;display:flex;align-items:center;justify-content:center}div.coer-number-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-xmark,div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass{color:#caced1!important;cursor:pointer!important}div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover{color:#6c757d!important}div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-number-box mat-form-field span.placeholder{width:calc(100% + 32px)!important;height:40px!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important}div.coer-number-box mat-form-field .placeholder,div.coer-number-box mat-form-field .placeholder *,div.coer-number-box mat-form-field .placeholder-glow,div.coer-number-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-number-box mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:transparent!important;padding-left:9px!important;padding-right:9px!important}coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:after{border-bottom-color:transparent!important}coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:28px!important}coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{height:28px!important}coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{margin-top:3px!important;font-size:14px!important}coer-grid table tbody tr td.coer-numberbox mat-form-field span.icon-container{transform:translate(-5px,-6px)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }] }); }
1056
1055
  }
1057
1056
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerNumberBox, decorators: [{
1058
1057
  type: Component,
1059
- args: [{ selector: 'coer-numberbox', providers: [CONTROL_VALUE(CoerNumberBox)], standalone: false, template: "<div class=\"coer-number-box\">\r\n <mat-form-field\r\n [id]=\"_id + '-container'\"\r\n [floatLabel]=\"floatLabel()\"\r\n [ngClass]=\"{\r\n 'readonly': isReadonly() && !isLoading()\r\n }\"\r\n [style]=\"{\r\n 'width': width(),\r\n 'min-width': minWidth(),\r\n 'max-width': maxWidth(),\r\n 'margin-top': marginTop(),\r\n 'margin-right': marginRight(),\r\n 'margin-bottom': marginBottom(),\r\n 'margin-left': marginLeft()\r\n }\">\r\n <mat-label>{{ label() }}</mat-label>\r\n\r\n <input #coerNumberbox matInput\r\n [id]=\"_id\"\r\n type=\"text\"\r\n [placeholder]=\"placeholder()\"\r\n [disabled]=\"!_isEnable()\"\r\n [value]=\"_value\"\r\n (input)=\"SetValue(coerNumberbox.value)\"\r\n (blur)=\"SetTouched(true)\"\r\n [ngClass]=\"{ 'caret-none': hideCaret }\"\r\n [style]=\"{\r\n 'cursor': isLoading() ? 'wait' : null,\r\n 'margin-top': (floatLabel() == 'auto') ? '15px' : '9px',\r\n 'padding-right': paddingRight(),\r\n 'text-align': textPosition()\r\n }\">\r\n\r\n @if(isLoading()) {\r\n <div class=\"placeholder-glow\">\r\n <span class=\"placeholder\"></span>\r\n </div>\r\n }\r\n\r\n <span ngClass=\"icon-container\">\r\n @if(isInvalid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-exclamation\"></i>\r\n }\r\n\r\n @else if(isValid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-check text-green\"></i>\r\n }\r\n </span>\r\n </mat-form-field>\r\n</div>", 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}div.coer-number-box mat-form-field{position:relative!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{width:100%!important;height:40px!important;padding:0!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label{overflow:visible!important;position:absolute!important;top:20px!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label{color:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{font-weight:400!important;font-size:17px!important;color:var(--black)!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input.caret-none{caret-color:transparent!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:after{border-bottom-color:var(--primary-inner)!important}div.coer-number-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-number-box mat-form-field span.icon-container{position:absolute!important;top:1px!important;right:-14px!important;z-index:5!important;width:30px;height:40px;display:flex;align-items:center;justify-content:center}div.coer-number-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-xmark,div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass{color:#caced1!important;cursor:pointer!important}div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover{color:#6c757d!important}div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-number-box mat-form-field span.placeholder{width:calc(100% + 32px)!important;height:40px!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important}div.coer-number-box mat-form-field .placeholder,div.coer-number-box mat-form-field .placeholder *,div.coer-number-box mat-form-field .placeholder-glow,div.coer-number-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-number-box mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:transparent!important;padding-left:9px!important;padding-right:9px!important}coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:after{border-bottom-color:transparent!important}coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:28px!important}coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{height:28px!important}coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{margin-top:3px!important;font-size:14px!important}coer-grid table tbody tr td.coer-numberbox mat-form-field span.icon-container{transform:translate(-5px,-6px)!important}\n"] }]
1058
+ args: [{ selector: 'coer-numberbox', providers: [CONTROL_VALUE(CoerNumberBox)], standalone: false, template: "<div class=\"coer-number-box\">\r\n <mat-form-field\r\n [id]=\"_id + '-container'\"\r\n [floatLabel]=\"floatLabel()\"\r\n [ngClass]=\"{\r\n 'readonly': isReadonly() && !isLoading()\r\n }\"\r\n [style]=\"{\r\n 'width': width(),\r\n 'min-width': minWidth(),\r\n 'max-width': maxWidth(),\r\n 'margin-top': marginTop(),\r\n 'margin-right': marginRight(),\r\n 'margin-bottom': marginBottom(),\r\n 'margin-left': marginLeft()\r\n }\">\r\n <mat-label>{{ label() }}</mat-label>\r\n\r\n <input #coerNumberbox matInput\r\n [id]=\"_id\"\r\n type=\"text\"\r\n [placeholder]=\"placeholder()\"\r\n [disabled]=\"!_isEnable()\"\r\n [value]=\"_value\"\r\n (input)=\"SetValue(coerNumberbox.value)\"\r\n (blur)=\"SetTouched(true)\"\r\n [ngClass]=\"{ 'caret-none': hideCaret }\"\r\n [style]=\"{\r\n 'cursor': isLoading() ? 'wait' : null,\r\n 'margin-top': (floatLabel() == 'auto') ? '15px' : '9px',\r\n 'padding-right': paddingRight(),\r\n 'text-align': textPosition()\r\n }\">\r\n\r\n @if(isLoading()) {\r\n <div class=\"placeholder-glow\">\r\n <span class=\"placeholder\"></span>\r\n </div>\r\n }\r\n\r\n <span ngClass=\"icon-container\">\r\n @if(isInvalid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-exclamation\"></i>\r\n }\r\n\r\n @else if(isValid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-check text-green\"></i>\r\n }\r\n </span>\r\n </mat-form-field>\r\n</div>", 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));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-number-box mat-form-field{position:relative!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{width:100%!important;height:40px!important;padding:0!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label{overflow:visible!important;position:absolute!important;top:20px!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label{color:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{font-weight:400!important;font-size:17px!important;color:var(--black)!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input.caret-none{caret-color:transparent!important}div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:after{border-bottom-color:var(--primary-inner)!important}div.coer-number-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-number-box mat-form-field span.icon-container{position:absolute!important;top:1px!important;right:-14px!important;z-index:5!important;width:30px;height:40px;display:flex;align-items:center;justify-content:center}div.coer-number-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-xmark,div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass{color:#caced1!important;cursor:pointer!important}div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover{color:#6c757d!important}div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-number-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-number-box mat-form-field span.placeholder{width:calc(100% + 32px)!important;height:40px!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important}div.coer-number-box mat-form-field .placeholder,div.coer-number-box mat-form-field .placeholder *,div.coer-number-box mat-form-field .placeholder-glow,div.coer-number-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-number-box mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:transparent!important;padding-left:9px!important;padding-right:9px!important}coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:after{border-bottom-color:transparent!important}coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:28px!important}coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{height:28px!important}coer-grid table tbody tr td.coer-numberbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{margin-top:3px!important;font-size:14px!important}coer-grid table tbody tr td.coer-numberbox mat-form-field span.icon-container{transform:translate(-5px,-6px)!important}\n"] }]
1060
1059
  }], propDecorators: { value: [{
1061
1060
  type: Input
1062
1061
  }], id: [{
@@ -1399,11 +1398,11 @@ class CoerSelectbox extends ControlValue {
1399
1398
  });
1400
1399
  }
1401
1400
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerSelectbox, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
1402
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerSelectbox, isStandalone: false, selector: "coer-selectbox", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, isInvalid: { classPropertyName: "isInvalid", publicName: "isInvalid", isSignal: true, isRequired: false, transformFunction: null }, isValid: { classPropertyName: "isValid", publicName: "isValid", isSignal: true, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, propDisplay: { classPropertyName: "propDisplay", publicName: "propDisplay", isSignal: true, isRequired: false, transformFunction: null }, rowsByPage: { classPropertyName: "rowsByPage", publicName: "rowsByPage", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, marginTop: { classPropertyName: "marginTop", publicName: "marginTop", isSignal: true, isRequired: false, transformFunction: null }, marginRight: { classPropertyName: "marginRight", publicName: "marginRight", isSignal: true, isRequired: false, transformFunction: null }, marginBottom: { classPropertyName: "marginBottom", publicName: "marginBottom", isSignal: true, isRequired: false, transformFunction: null }, marginLeft: { classPropertyName: "marginLeft", publicName: "marginLeft", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelected: "onSelected", onUnselect: "onUnselect" }, providers: [CONTROL_VALUE(CoerSelectbox)], viewQueries: [{ propertyName: "_coerTextBox", first: true, predicate: ["coerTextBox"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"coer-select-box\">\r\n <mat-form-field\r\n [id]=\"_id + '-container'\" \r\n [floatLabel]=\"floatLabel()\"\r\n [ngClass]=\"{\r\n 'readonly': isReadonly() && !isLoading()\r\n }\"\r\n [style]=\"{\r\n 'width': width(),\r\n 'min-width': minWidth(),\r\n 'max-width': maxWidth(),\r\n 'margin-top': marginTop(),\r\n 'margin-right': marginRight(),\r\n 'margin-bottom': marginBottom(),\r\n 'margin-left': marginLeft()\r\n }\">\r\n <mat-label>{{ label() }}</mat-label>\r\n\r\n <input #coerTextBox matInput\r\n [id]=\"_id\"\r\n type=\"text\"\r\n [value]=\"_search()\"\r\n [placeholder]=\"_placeholder\"\r\n [disabled]=\"!_isEnable()\"\r\n (input)=\"Search(coerTextBox.value)\"\r\n (blur)=\"SetTouched(true)\"\r\n [style]=\"{\r\n 'cursor': isLoading() ? 'wait' : null,\r\n 'margin-top': (floatLabel() == 'auto') ? '15px' : '9px',\r\n 'padding-right': paddingRight\r\n }\">\r\n\r\n @if(isLoading()) {\r\n <div class=\"placeholder-glow\">\r\n <span class=\"placeholder\"></span>\r\n </div>\r\n }\r\n\r\n <span class=\"icon-container\" [style]=\"{ 'width': widthIcons }\">\r\n @if(_showCancel && _isEnable() && !isLoading()) {\r\n <i class=\"fa-solid fa-xmark text-secondary\" (click)=\"Unselect()\"></i>\r\n }\r\n\r\n @else if(isInvalid() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-exclamation\"></i>\r\n }\r\n\r\n @else if(isValid() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-check text-green\"></i>\r\n }\r\n\r\n @if(_isOpen() && _isEnable() && !isLoading()) {\r\n <i class=\"fa-solid fa-caret-up cursor-pointer text-primary\" (click)=\"Blur()\"></i>\r\n }\r\n\r\n @else if(_isEnable() && !isLoading()) {\r\n <i class=\"fa-solid fa-caret-down cursor-pointer text-secondary\"></i>\r\n }\r\n </span>\r\n </mat-form-field>\r\n\r\n <!-- Options Container -->\r\n <div class=\"btn-group\">\r\n <ul [id]=\"_id + '-dropdown-menu'\" \r\n class=\"dropdown-menu\"\r\n [ngStyle]=\"{\r\n width: _dropDownWidth\r\n }\">\r\n @for(item of _dataSource(); track GetIndexRow(item)) {\r\n <li (click)=\"SelectItem(item)\">\r\n <div [id]=\"id + '-dropdown-option-' + GetIndexRow(item)\"\r\n [ngClass]=\"{\r\n 'dropdown-item': true,\r\n 'cursor-pointer': true,\r\n 'dropdown-item-focus': _index() == GetIndexRow(item)\r\n }\"\r\n >{{ GetDisplay(item) }} </div>\r\n <hr class=\"dropdown-divider\">\r\n </li>\r\n }\r\n </ul>\r\n </div>\r\n</div>", 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}div.coer-select-box{position:relative!important}div.coer-select-box mat-form-field{position:relative!important}div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{width:100%!important;height:40px!important;padding:0!important}div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label{overflow:visible!important;position:absolute!important;top:20px!important}div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label{color:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{font-weight:400!important;font-size:17px!important;color:var(--black)!important}div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:after{border-bottom-color:var(--primary-inner)!important}div.coer-select-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-select-box mat-form-field span.icon-container{position:absolute!important;top:1px!important;right:-14px!important;z-index:5!important;height:40px;display:flex;align-items:center;justify-content:center;gap:5px}div.coer-select-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-xmark,div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass{color:#caced1!important;cursor:pointer!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover{color:#6c757d!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-xmark{font-size:22px!important;padding:2px!important}div.coer-select-box mat-form-field span.placeholder{width:calc(100% + 32px)!important;height:40px!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important;cursor:wait!important}div.coer-select-box mat-form-field .placeholder,div.coer-select-box mat-form-field .placeholder *,div.coer-select-box mat-form-field .placeholder-glow,div.coer-select-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-select-box .btn-group{position:absolute!important;top:40px;left:0!important;width:100%!important}div.coer-select-box ul.dropdown-menu{background-color:var(--white)!important;border-top-left-radius:0!important;border-top-right-radius:0!important;max-height:205px!important;overflow:auto!important;padding:0!important}div.coer-select-box .dropdown-divider{margin:0!important;background-color:var(--white)!important}div.coer-select-box ul.dropdown-menu li:not(.dropdown-item-focus):hover,div.coer-select-box ul.dropdown-menu li>div:not(.dropdown-item-focus):hover{color:var(--black)!important;background-color:#f1f6ff!important}div.coer-select-box ul.dropdown-menu li:last-child hr.dropdown-divider,div.coer-select-box ul.dropdown-menu li:last-child hr.dropdown-divider:hover{width:0px!important;border:none!important}div.coer-select-box ul.dropdown-menu li div{display:flex!important;align-items:center!important;height:40px!important}div.coer-select-box div.dropdown-item-focus{background-color:#cde1ff!important}div.coer-select-box mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:transparent!important;padding-left:9px!important;padding-right:9px!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:after{border-bottom-color:transparent!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:28px!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{height:28px!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{margin-top:3px!important;font-size:14px!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field span.icon-container{transform:translate(-5px,-6px)!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box .btn-group{top:28px!important}aside.modal .modal-content ul.dropdown-menu{position:fixed!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }] }); }
1401
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerSelectbox, isStandalone: false, selector: "coer-selectbox", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, isInvalid: { classPropertyName: "isInvalid", publicName: "isInvalid", isSignal: true, isRequired: false, transformFunction: null }, isValid: { classPropertyName: "isValid", publicName: "isValid", isSignal: true, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, propDisplay: { classPropertyName: "propDisplay", publicName: "propDisplay", isSignal: true, isRequired: false, transformFunction: null }, rowsByPage: { classPropertyName: "rowsByPage", publicName: "rowsByPage", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, marginTop: { classPropertyName: "marginTop", publicName: "marginTop", isSignal: true, isRequired: false, transformFunction: null }, marginRight: { classPropertyName: "marginRight", publicName: "marginRight", isSignal: true, isRequired: false, transformFunction: null }, marginBottom: { classPropertyName: "marginBottom", publicName: "marginBottom", isSignal: true, isRequired: false, transformFunction: null }, marginLeft: { classPropertyName: "marginLeft", publicName: "marginLeft", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelected: "onSelected", onUnselect: "onUnselect" }, providers: [CONTROL_VALUE(CoerSelectbox)], viewQueries: [{ propertyName: "_coerTextBox", first: true, predicate: ["coerTextBox"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"coer-select-box\">\r\n <mat-form-field\r\n [id]=\"_id + '-container'\" \r\n [floatLabel]=\"floatLabel()\"\r\n [ngClass]=\"{\r\n 'readonly': isReadonly() && !isLoading()\r\n }\"\r\n [style]=\"{\r\n 'width': width(),\r\n 'min-width': minWidth(),\r\n 'max-width': maxWidth(),\r\n 'margin-top': marginTop(),\r\n 'margin-right': marginRight(),\r\n 'margin-bottom': marginBottom(),\r\n 'margin-left': marginLeft()\r\n }\">\r\n <mat-label>{{ label() }}</mat-label>\r\n\r\n <input #coerTextBox matInput\r\n [id]=\"_id\"\r\n type=\"text\"\r\n [value]=\"_search()\"\r\n [placeholder]=\"_placeholder\"\r\n [disabled]=\"!_isEnable()\"\r\n (input)=\"Search(coerTextBox.value)\"\r\n (blur)=\"SetTouched(true)\"\r\n [style]=\"{\r\n 'cursor': isLoading() ? 'wait' : null,\r\n 'margin-top': (floatLabel() == 'auto') ? '15px' : '9px',\r\n 'padding-right': paddingRight\r\n }\">\r\n\r\n @if(isLoading()) {\r\n <div class=\"placeholder-glow\">\r\n <span class=\"placeholder\"></span>\r\n </div>\r\n }\r\n\r\n <span class=\"icon-container\" [style]=\"{ 'width': widthIcons }\">\r\n @if(_showCancel && _isEnable() && !isLoading()) {\r\n <i class=\"fa-solid fa-xmark text-secondary\" (click)=\"Unselect()\"></i>\r\n }\r\n\r\n @else if(isInvalid() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-exclamation\"></i>\r\n }\r\n\r\n @else if(isValid() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-check text-green\"></i>\r\n }\r\n\r\n @if(_isOpen() && _isEnable() && !isLoading()) {\r\n <i class=\"fa-solid fa-caret-up cursor-pointer text-primary\" (click)=\"Blur()\"></i>\r\n }\r\n\r\n @else if(_isEnable() && !isLoading()) {\r\n <i class=\"fa-solid fa-caret-down cursor-pointer text-secondary\"></i>\r\n }\r\n </span>\r\n </mat-form-field>\r\n\r\n <!-- Options Container -->\r\n <div class=\"btn-group\">\r\n <ul [id]=\"_id + '-dropdown-menu'\" \r\n class=\"dropdown-menu\"\r\n [ngStyle]=\"{\r\n width: _dropDownWidth\r\n }\">\r\n @for(item of _dataSource(); track GetIndexRow(item)) {\r\n <li (click)=\"SelectItem(item)\">\r\n <div [id]=\"id + '-dropdown-option-' + GetIndexRow(item)\"\r\n [ngClass]=\"{\r\n 'dropdown-item': true,\r\n 'cursor-pointer': true,\r\n 'dropdown-item-focus': _index() == GetIndexRow(item)\r\n }\"\r\n >{{ GetDisplay(item) }} </div>\r\n <hr class=\"dropdown-divider\">\r\n </li>\r\n }\r\n </ul>\r\n </div>\r\n</div>", 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));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-select-box{position:relative!important}div.coer-select-box mat-form-field{position:relative!important}div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{width:100%!important;height:40px!important;padding:0!important}div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label{overflow:visible!important;position:absolute!important;top:20px!important}div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label{color:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{font-weight:400!important;font-size:17px!important;color:var(--black)!important}div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:after{border-bottom-color:var(--primary-inner)!important}div.coer-select-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-select-box mat-form-field span.icon-container{position:absolute!important;top:1px!important;right:-14px!important;z-index:5!important;height:40px;display:flex;align-items:center;justify-content:center;gap:5px}div.coer-select-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-xmark,div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass{color:#caced1!important;cursor:pointer!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover{color:#6c757d!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-xmark{font-size:22px!important;padding:2px!important}div.coer-select-box mat-form-field span.placeholder{width:calc(100% + 32px)!important;height:40px!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important;cursor:wait!important}div.coer-select-box mat-form-field .placeholder,div.coer-select-box mat-form-field .placeholder *,div.coer-select-box mat-form-field .placeholder-glow,div.coer-select-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-select-box .btn-group{position:absolute!important;top:40px;left:0!important;width:100%!important}div.coer-select-box ul.dropdown-menu{background-color:var(--white)!important;border-top-left-radius:0!important;border-top-right-radius:0!important;max-height:205px!important;overflow:auto!important;padding:0!important}div.coer-select-box .dropdown-divider{margin:0!important;background-color:var(--white)!important}div.coer-select-box ul.dropdown-menu li:not(.dropdown-item-focus):hover,div.coer-select-box ul.dropdown-menu li>div:not(.dropdown-item-focus):hover{color:var(--black)!important;background-color:#f1f6ff!important}div.coer-select-box ul.dropdown-menu li:last-child hr.dropdown-divider,div.coer-select-box ul.dropdown-menu li:last-child hr.dropdown-divider:hover{width:0px!important;border:none!important}div.coer-select-box ul.dropdown-menu li div{display:flex!important;align-items:center!important;height:40px!important}div.coer-select-box div.dropdown-item-focus{background-color:#cde1ff!important}div.coer-select-box mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:transparent!important;padding-left:9px!important;padding-right:9px!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:after{border-bottom-color:transparent!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:28px!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{height:28px!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{margin-top:3px!important;font-size:14px!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field span.icon-container{transform:translate(-5px,-6px)!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box .btn-group{top:28px!important}aside.modal .modal-content ul.dropdown-menu{position:fixed!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }] }); }
1403
1402
  }
1404
1403
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerSelectbox, decorators: [{
1405
1404
  type: Component,
1406
- args: [{ selector: 'coer-selectbox', providers: [CONTROL_VALUE(CoerSelectbox)], standalone: false, template: "<div class=\"coer-select-box\">\r\n <mat-form-field\r\n [id]=\"_id + '-container'\" \r\n [floatLabel]=\"floatLabel()\"\r\n [ngClass]=\"{\r\n 'readonly': isReadonly() && !isLoading()\r\n }\"\r\n [style]=\"{\r\n 'width': width(),\r\n 'min-width': minWidth(),\r\n 'max-width': maxWidth(),\r\n 'margin-top': marginTop(),\r\n 'margin-right': marginRight(),\r\n 'margin-bottom': marginBottom(),\r\n 'margin-left': marginLeft()\r\n }\">\r\n <mat-label>{{ label() }}</mat-label>\r\n\r\n <input #coerTextBox matInput\r\n [id]=\"_id\"\r\n type=\"text\"\r\n [value]=\"_search()\"\r\n [placeholder]=\"_placeholder\"\r\n [disabled]=\"!_isEnable()\"\r\n (input)=\"Search(coerTextBox.value)\"\r\n (blur)=\"SetTouched(true)\"\r\n [style]=\"{\r\n 'cursor': isLoading() ? 'wait' : null,\r\n 'margin-top': (floatLabel() == 'auto') ? '15px' : '9px',\r\n 'padding-right': paddingRight\r\n }\">\r\n\r\n @if(isLoading()) {\r\n <div class=\"placeholder-glow\">\r\n <span class=\"placeholder\"></span>\r\n </div>\r\n }\r\n\r\n <span class=\"icon-container\" [style]=\"{ 'width': widthIcons }\">\r\n @if(_showCancel && _isEnable() && !isLoading()) {\r\n <i class=\"fa-solid fa-xmark text-secondary\" (click)=\"Unselect()\"></i>\r\n }\r\n\r\n @else if(isInvalid() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-exclamation\"></i>\r\n }\r\n\r\n @else if(isValid() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-check text-green\"></i>\r\n }\r\n\r\n @if(_isOpen() && _isEnable() && !isLoading()) {\r\n <i class=\"fa-solid fa-caret-up cursor-pointer text-primary\" (click)=\"Blur()\"></i>\r\n }\r\n\r\n @else if(_isEnable() && !isLoading()) {\r\n <i class=\"fa-solid fa-caret-down cursor-pointer text-secondary\"></i>\r\n }\r\n </span>\r\n </mat-form-field>\r\n\r\n <!-- Options Container -->\r\n <div class=\"btn-group\">\r\n <ul [id]=\"_id + '-dropdown-menu'\" \r\n class=\"dropdown-menu\"\r\n [ngStyle]=\"{\r\n width: _dropDownWidth\r\n }\">\r\n @for(item of _dataSource(); track GetIndexRow(item)) {\r\n <li (click)=\"SelectItem(item)\">\r\n <div [id]=\"id + '-dropdown-option-' + GetIndexRow(item)\"\r\n [ngClass]=\"{\r\n 'dropdown-item': true,\r\n 'cursor-pointer': true,\r\n 'dropdown-item-focus': _index() == GetIndexRow(item)\r\n }\"\r\n >{{ GetDisplay(item) }} </div>\r\n <hr class=\"dropdown-divider\">\r\n </li>\r\n }\r\n </ul>\r\n </div>\r\n</div>", 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}div.coer-select-box{position:relative!important}div.coer-select-box mat-form-field{position:relative!important}div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{width:100%!important;height:40px!important;padding:0!important}div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label{overflow:visible!important;position:absolute!important;top:20px!important}div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label{color:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{font-weight:400!important;font-size:17px!important;color:var(--black)!important}div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:after{border-bottom-color:var(--primary-inner)!important}div.coer-select-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-select-box mat-form-field span.icon-container{position:absolute!important;top:1px!important;right:-14px!important;z-index:5!important;height:40px;display:flex;align-items:center;justify-content:center;gap:5px}div.coer-select-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-xmark,div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass{color:#caced1!important;cursor:pointer!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover{color:#6c757d!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-xmark{font-size:22px!important;padding:2px!important}div.coer-select-box mat-form-field span.placeholder{width:calc(100% + 32px)!important;height:40px!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important;cursor:wait!important}div.coer-select-box mat-form-field .placeholder,div.coer-select-box mat-form-field .placeholder *,div.coer-select-box mat-form-field .placeholder-glow,div.coer-select-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-select-box .btn-group{position:absolute!important;top:40px;left:0!important;width:100%!important}div.coer-select-box ul.dropdown-menu{background-color:var(--white)!important;border-top-left-radius:0!important;border-top-right-radius:0!important;max-height:205px!important;overflow:auto!important;padding:0!important}div.coer-select-box .dropdown-divider{margin:0!important;background-color:var(--white)!important}div.coer-select-box ul.dropdown-menu li:not(.dropdown-item-focus):hover,div.coer-select-box ul.dropdown-menu li>div:not(.dropdown-item-focus):hover{color:var(--black)!important;background-color:#f1f6ff!important}div.coer-select-box ul.dropdown-menu li:last-child hr.dropdown-divider,div.coer-select-box ul.dropdown-menu li:last-child hr.dropdown-divider:hover{width:0px!important;border:none!important}div.coer-select-box ul.dropdown-menu li div{display:flex!important;align-items:center!important;height:40px!important}div.coer-select-box div.dropdown-item-focus{background-color:#cde1ff!important}div.coer-select-box mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:transparent!important;padding-left:9px!important;padding-right:9px!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:after{border-bottom-color:transparent!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:28px!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{height:28px!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{margin-top:3px!important;font-size:14px!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field span.icon-container{transform:translate(-5px,-6px)!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box .btn-group{top:28px!important}aside.modal .modal-content ul.dropdown-menu{position:fixed!important}\n"] }]
1405
+ args: [{ selector: 'coer-selectbox', providers: [CONTROL_VALUE(CoerSelectbox)], standalone: false, template: "<div class=\"coer-select-box\">\r\n <mat-form-field\r\n [id]=\"_id + '-container'\" \r\n [floatLabel]=\"floatLabel()\"\r\n [ngClass]=\"{\r\n 'readonly': isReadonly() && !isLoading()\r\n }\"\r\n [style]=\"{\r\n 'width': width(),\r\n 'min-width': minWidth(),\r\n 'max-width': maxWidth(),\r\n 'margin-top': marginTop(),\r\n 'margin-right': marginRight(),\r\n 'margin-bottom': marginBottom(),\r\n 'margin-left': marginLeft()\r\n }\">\r\n <mat-label>{{ label() }}</mat-label>\r\n\r\n <input #coerTextBox matInput\r\n [id]=\"_id\"\r\n type=\"text\"\r\n [value]=\"_search()\"\r\n [placeholder]=\"_placeholder\"\r\n [disabled]=\"!_isEnable()\"\r\n (input)=\"Search(coerTextBox.value)\"\r\n (blur)=\"SetTouched(true)\"\r\n [style]=\"{\r\n 'cursor': isLoading() ? 'wait' : null,\r\n 'margin-top': (floatLabel() == 'auto') ? '15px' : '9px',\r\n 'padding-right': paddingRight\r\n }\">\r\n\r\n @if(isLoading()) {\r\n <div class=\"placeholder-glow\">\r\n <span class=\"placeholder\"></span>\r\n </div>\r\n }\r\n\r\n <span class=\"icon-container\" [style]=\"{ 'width': widthIcons }\">\r\n @if(_showCancel && _isEnable() && !isLoading()) {\r\n <i class=\"fa-solid fa-xmark text-secondary\" (click)=\"Unselect()\"></i>\r\n }\r\n\r\n @else if(isInvalid() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-exclamation\"></i>\r\n }\r\n\r\n @else if(isValid() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-check text-green\"></i>\r\n }\r\n\r\n @if(_isOpen() && _isEnable() && !isLoading()) {\r\n <i class=\"fa-solid fa-caret-up cursor-pointer text-primary\" (click)=\"Blur()\"></i>\r\n }\r\n\r\n @else if(_isEnable() && !isLoading()) {\r\n <i class=\"fa-solid fa-caret-down cursor-pointer text-secondary\"></i>\r\n }\r\n </span>\r\n </mat-form-field>\r\n\r\n <!-- Options Container -->\r\n <div class=\"btn-group\">\r\n <ul [id]=\"_id + '-dropdown-menu'\" \r\n class=\"dropdown-menu\"\r\n [ngStyle]=\"{\r\n width: _dropDownWidth\r\n }\">\r\n @for(item of _dataSource(); track GetIndexRow(item)) {\r\n <li (click)=\"SelectItem(item)\">\r\n <div [id]=\"id + '-dropdown-option-' + GetIndexRow(item)\"\r\n [ngClass]=\"{\r\n 'dropdown-item': true,\r\n 'cursor-pointer': true,\r\n 'dropdown-item-focus': _index() == GetIndexRow(item)\r\n }\"\r\n >{{ GetDisplay(item) }} </div>\r\n <hr class=\"dropdown-divider\">\r\n </li>\r\n }\r\n </ul>\r\n </div>\r\n</div>", 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));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-select-box{position:relative!important}div.coer-select-box mat-form-field{position:relative!important}div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{width:100%!important;height:40px!important;padding:0!important}div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label{overflow:visible!important;position:absolute!important;top:20px!important}div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label{color:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{font-weight:400!important;font-size:17px!important;color:var(--black)!important}div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:after{border-bottom-color:var(--primary-inner)!important}div.coer-select-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-select-box mat-form-field span.icon-container{position:absolute!important;top:1px!important;right:-14px!important;z-index:5!important;height:40px;display:flex;align-items:center;justify-content:center;gap:5px}div.coer-select-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-xmark,div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass{color:#caced1!important;cursor:pointer!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover{color:#6c757d!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-select-box mat-form-field span.icon-container i.fa-solid.fa-xmark{font-size:22px!important;padding:2px!important}div.coer-select-box mat-form-field span.placeholder{width:calc(100% + 32px)!important;height:40px!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important;cursor:wait!important}div.coer-select-box mat-form-field .placeholder,div.coer-select-box mat-form-field .placeholder *,div.coer-select-box mat-form-field .placeholder-glow,div.coer-select-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-select-box .btn-group{position:absolute!important;top:40px;left:0!important;width:100%!important}div.coer-select-box ul.dropdown-menu{background-color:var(--white)!important;border-top-left-radius:0!important;border-top-right-radius:0!important;max-height:205px!important;overflow:auto!important;padding:0!important}div.coer-select-box .dropdown-divider{margin:0!important;background-color:var(--white)!important}div.coer-select-box ul.dropdown-menu li:not(.dropdown-item-focus):hover,div.coer-select-box ul.dropdown-menu li>div:not(.dropdown-item-focus):hover{color:var(--black)!important;background-color:#f1f6ff!important}div.coer-select-box ul.dropdown-menu li:last-child hr.dropdown-divider,div.coer-select-box ul.dropdown-menu li:last-child hr.dropdown-divider:hover{width:0px!important;border:none!important}div.coer-select-box ul.dropdown-menu li div{display:flex!important;align-items:center!important;height:40px!important}div.coer-select-box div.dropdown-item-focus{background-color:#cde1ff!important}div.coer-select-box mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:transparent!important;padding-left:9px!important;padding-right:9px!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:after{border-bottom-color:transparent!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:28px!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{height:28px!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{margin-top:3px!important;font-size:14px!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box mat-form-field span.icon-container{transform:translate(-5px,-6px)!important}coer-grid table tbody tr td.coer-selectbox div.coer-select-box .btn-group{top:28px!important}aside.modal .modal-content ul.dropdown-menu{position:fixed!important}\n"] }]
1407
1406
  }], propDecorators: { value: [{
1408
1407
  type: Input
1409
1408
  }], id: [{
@@ -1604,11 +1603,11 @@ class CoerTextBox extends ControlValue {
1604
1603
  });
1605
1604
  }
1606
1605
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerTextBox, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
1607
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerTextBox, isStandalone: false, selector: "coer-textbox", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, textPosition: { classPropertyName: "textPosition", publicName: "textPosition", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, isInvalid: { classPropertyName: "isInvalid", publicName: "isInvalid", isSignal: true, isRequired: false, transformFunction: null }, isValid: { classPropertyName: "isValid", publicName: "isValid", isSignal: true, isRequired: false, transformFunction: null }, externalButton: { classPropertyName: "externalButton", publicName: "externalButton", isSignal: false, isRequired: false, transformFunction: null }, selectOnFocus: { classPropertyName: "selectOnFocus", publicName: "selectOnFocus", isSignal: true, isRequired: false, transformFunction: null }, showClearIcon: { classPropertyName: "showClearIcon", publicName: "showClearIcon", isSignal: true, isRequired: false, transformFunction: null }, showSearchIcon: { classPropertyName: "showSearchIcon", publicName: "showSearchIcon", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, marginTop: { classPropertyName: "marginTop", publicName: "marginTop", isSignal: true, isRequired: false, transformFunction: null }, marginRight: { classPropertyName: "marginRight", publicName: "marginRight", isSignal: true, isRequired: false, transformFunction: null }, marginBottom: { classPropertyName: "marginBottom", publicName: "marginBottom", isSignal: true, isRequired: false, transformFunction: null }, marginLeft: { classPropertyName: "marginLeft", publicName: "marginLeft", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onKeyupEnter: "onKeyupEnter", onInput: "onInput", onClickClear: "onClickClear", onClickSearch: "onClickSearch", onClickExternalButton: "onClickExternalButton" }, providers: [CONTROL_VALUE(CoerTextBox)], viewQueries: [{ propertyName: "matFormField", first: true, predicate: ["matFormField"], descendants: true, isSignal: true }, { propertyName: "coerTextBox", first: true, predicate: ["coerTextBox"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"coer-text-box\">\r\n @if(_showButtonLeft) {\r\n <div class=\"button-container\">\r\n <coer-button\r\n type=\"icon-no-border\"\r\n color=\"dark\"\r\n [icon]=\"_buttonIcon\" \r\n [isDisabled]=\"_isDisabledExternalButton\" \r\n (onClick)=\"_isEnable() ? onClickExternalButton.emit() : null\"\r\n ></coer-button>\r\n </div>\r\n }\r\n\r\n <mat-form-field\r\n [id]=\"_id + '-container'\"\r\n [floatLabel]=\"floatLabel()\"\r\n [ngClass]=\"{\r\n 'readonly': isReadonly() && !isLoading(),\r\n 'd-none': isInvisible()\r\n }\"\r\n [style]=\"{\r\n 'width': width(),\r\n 'min-width': minWidth(),\r\n 'max-width': maxWidth(),\r\n 'margin-top': marginTop(),\r\n 'margin-right': marginRight(),\r\n 'margin-bottom': marginBottom(),\r\n 'margin-left': marginLeft()\r\n }\">\r\n <mat-label>{{ label() }}</mat-label>\r\n\r\n <input #coerTextBox matInput\r\n [id]=\"_id\"\r\n type=\"text\"\r\n [placeholder]=\"placeholder()\"\r\n [minLength]=\"minLength()\"\r\n [maxLength]=\"maxLength()\"\r\n [disabled]=\"!_isEnable()\"\r\n [value]=\"_value\"\r\n (input)=\"SetValue(coerTextBox.value)\"\r\n (blur)=\"SetTouched(true)\"\r\n [style]=\"{\r\n 'cursor': isLoading() ? 'wait' : null,\r\n 'margin-top': (floatLabel() == 'auto') ? '15px' : '9px',\r\n 'padding-right': paddingRight(),\r\n 'text-align': textPosition()\r\n }\">\r\n\r\n @if(isLoading()) {\r\n <div class=\"placeholder-glow\">\r\n <span class=\"placeholder\"></span>\r\n </div>\r\n }\r\n\r\n <span ngClass=\"icon-container\">\r\n @if(_showSearchIcon) {\r\n <i class=\"fa-solid fa-magnifying-glass cursor-pointer\" (click)=\"ClickSearch()\"></i>\r\n }\r\n\r\n @else if(_showClearIcon) {\r\n <i class=\"fa-solid fa-xmark cursor-pointer\" (click)=\"Clear(); this.onClickClear.emit();\"></i>\r\n }\r\n\r\n @else if(isInvalid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-exclamation\"></i>\r\n }\r\n\r\n @else if(isValid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-check text-green\"></i>\r\n }\r\n </span>\r\n </mat-form-field> \r\n\r\n @if(isInvisible()) {\r\n <mat-form-field class=\"invisible\">\r\n <input matInput [disabled]=\"true\"> \r\n </mat-form-field> \r\n }\r\n\r\n @if(_showButtonRight) {\r\n <div class=\"button-container\">\r\n <coer-button\r\n type=\"icon-no-border\"\r\n color=\"dark\"\r\n [icon]=\"_buttonIcon\" \r\n [isDisabled]=\"_isDisabledExternalButton\" \r\n (onClick)=\"_isEnable() ? onClickExternalButton.emit() : null\"\r\n ></coer-button>\r\n </div>\r\n }\r\n</div>", 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}div.coer-text-box{display:flex;align-items:center}div.coer-text-box mat-form-field{position:relative!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{width:100%!important;height:40px!important;padding:0!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label{overflow:visible!important;position:absolute!important;top:20px!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label{color:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{font-weight:400!important;font-size:17px!important;color:var(--black)!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:after{border-bottom-color:var(--primary-inner)!important}div.coer-text-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-text-box mat-form-field span.icon-container{position:absolute!important;top:1px!important;right:-14px!important;z-index:5!important;width:30px;height:40px;display:flex;align-items:center;justify-content:center}div.coer-text-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-xmark,div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass{color:#caced1!important;cursor:pointer!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover{color:#6c757d!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-text-box mat-form-field span.placeholder{width:calc(100% + 32px)!important;height:40px!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important;cursor:wait!important}div.coer-text-box mat-form-field .placeholder,div.coer-text-box mat-form-field .placeholder *,div.coer-text-box mat-form-field .placeholder-glow,div.coer-text-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-text-box mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}div.coer-text-box div.button-container{width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:#e6e7e9!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:transparent!important;padding-left:9px!important;padding-right:9px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:after{border-bottom-color:transparent!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:28px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{height:28px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{margin-top:3px!important;font-size:14px!important}coer-grid table tbody tr td.coer-textbox mat-form-field span.icon-container{transform:translate(-5px,-6px)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: CoerButton, selector: "coer-button", inputs: ["id", "color", "type", "icon", "iconPosition", "path", "animation", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "height", "minHeight", "marginTop", "marginRight", "marginBottom", "marginLeft", "tooltipPosition", "tooltip"], outputs: ["onClick"] }] }); }
1606
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerTextBox, isStandalone: false, selector: "coer-textbox", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, textPosition: { classPropertyName: "textPosition", publicName: "textPosition", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, isInvalid: { classPropertyName: "isInvalid", publicName: "isInvalid", isSignal: true, isRequired: false, transformFunction: null }, isValid: { classPropertyName: "isValid", publicName: "isValid", isSignal: true, isRequired: false, transformFunction: null }, externalButton: { classPropertyName: "externalButton", publicName: "externalButton", isSignal: false, isRequired: false, transformFunction: null }, selectOnFocus: { classPropertyName: "selectOnFocus", publicName: "selectOnFocus", isSignal: true, isRequired: false, transformFunction: null }, showClearIcon: { classPropertyName: "showClearIcon", publicName: "showClearIcon", isSignal: true, isRequired: false, transformFunction: null }, showSearchIcon: { classPropertyName: "showSearchIcon", publicName: "showSearchIcon", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, marginTop: { classPropertyName: "marginTop", publicName: "marginTop", isSignal: true, isRequired: false, transformFunction: null }, marginRight: { classPropertyName: "marginRight", publicName: "marginRight", isSignal: true, isRequired: false, transformFunction: null }, marginBottom: { classPropertyName: "marginBottom", publicName: "marginBottom", isSignal: true, isRequired: false, transformFunction: null }, marginLeft: { classPropertyName: "marginLeft", publicName: "marginLeft", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onKeyupEnter: "onKeyupEnter", onInput: "onInput", onClickClear: "onClickClear", onClickSearch: "onClickSearch", onClickExternalButton: "onClickExternalButton" }, providers: [CONTROL_VALUE(CoerTextBox)], viewQueries: [{ propertyName: "matFormField", first: true, predicate: ["matFormField"], descendants: true, isSignal: true }, { propertyName: "coerTextBox", first: true, predicate: ["coerTextBox"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"coer-text-box\">\r\n @if(_showButtonLeft) {\r\n <div class=\"button-container\">\r\n <coer-button\r\n type=\"icon-no-border\"\r\n color=\"dark\"\r\n [icon]=\"_buttonIcon\" \r\n [isDisabled]=\"_isDisabledExternalButton\" \r\n (onClick)=\"_isEnable() ? onClickExternalButton.emit() : null\"\r\n ></coer-button>\r\n </div>\r\n }\r\n\r\n <mat-form-field\r\n [id]=\"_id + '-container'\"\r\n [floatLabel]=\"floatLabel()\"\r\n [ngClass]=\"{\r\n 'readonly': isReadonly() && !isLoading(),\r\n 'd-none': isInvisible()\r\n }\"\r\n [style]=\"{\r\n 'width': width(),\r\n 'min-width': minWidth(),\r\n 'max-width': maxWidth(),\r\n 'margin-top': marginTop(),\r\n 'margin-right': marginRight(),\r\n 'margin-bottom': marginBottom(),\r\n 'margin-left': marginLeft()\r\n }\">\r\n <mat-label>{{ label() }}</mat-label>\r\n\r\n <input #coerTextBox matInput\r\n [id]=\"_id\"\r\n type=\"text\"\r\n [placeholder]=\"placeholder()\"\r\n [minLength]=\"minLength()\"\r\n [maxLength]=\"maxLength()\"\r\n [disabled]=\"!_isEnable()\"\r\n [value]=\"_value\"\r\n (input)=\"SetValue(coerTextBox.value)\"\r\n (blur)=\"SetTouched(true)\"\r\n [style]=\"{\r\n 'cursor': isLoading() ? 'wait' : null,\r\n 'margin-top': (floatLabel() == 'auto') ? '15px' : '9px',\r\n 'padding-right': paddingRight(),\r\n 'text-align': textPosition()\r\n }\">\r\n\r\n @if(isLoading()) {\r\n <div class=\"placeholder-glow\">\r\n <span class=\"placeholder\"></span>\r\n </div>\r\n }\r\n\r\n <span ngClass=\"icon-container\">\r\n @if(_showSearchIcon) {\r\n <i class=\"fa-solid fa-magnifying-glass cursor-pointer\" (click)=\"ClickSearch()\"></i>\r\n }\r\n\r\n @else if(_showClearIcon) {\r\n <i class=\"fa-solid fa-xmark cursor-pointer\" (click)=\"Clear(); this.onClickClear.emit();\"></i>\r\n }\r\n\r\n @else if(isInvalid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-exclamation\"></i>\r\n }\r\n\r\n @else if(isValid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-check text-green\"></i>\r\n }\r\n </span>\r\n </mat-form-field> \r\n\r\n @if(isInvisible()) {\r\n <mat-form-field class=\"invisible\">\r\n <input matInput [disabled]=\"true\"> \r\n </mat-form-field> \r\n }\r\n\r\n @if(_showButtonRight) {\r\n <div class=\"button-container\">\r\n <coer-button\r\n type=\"icon-no-border\"\r\n color=\"dark\"\r\n [icon]=\"_buttonIcon\" \r\n [isDisabled]=\"_isDisabledExternalButton\" \r\n (onClick)=\"_isEnable() ? onClickExternalButton.emit() : null\"\r\n ></coer-button>\r\n </div>\r\n }\r\n</div>", 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));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-text-box{display:flex;align-items:center}div.coer-text-box mat-form-field{position:relative!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{width:100%!important;height:40px!important;padding:0!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label{overflow:visible!important;position:absolute!important;top:20px!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label{color:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{font-weight:400!important;font-size:17px!important;color:var(--black)!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:after{border-bottom-color:var(--primary-inner)!important}div.coer-text-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-text-box mat-form-field span.icon-container{position:absolute!important;top:1px!important;right:-14px!important;z-index:5!important;width:30px;height:40px;display:flex;align-items:center;justify-content:center}div.coer-text-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-xmark,div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass{color:#caced1!important;cursor:pointer!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover{color:#6c757d!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-text-box mat-form-field span.placeholder{width:calc(100% + 32px)!important;height:40px!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important;cursor:wait!important}div.coer-text-box mat-form-field .placeholder,div.coer-text-box mat-form-field .placeholder *,div.coer-text-box mat-form-field .placeholder-glow,div.coer-text-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-text-box mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}div.coer-text-box div.button-container{width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:#e6e7e9!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:transparent!important;padding-left:9px!important;padding-right:9px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:after{border-bottom-color:transparent!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:28px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{height:28px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{margin-top:3px!important;font-size:14px!important}coer-grid table tbody tr td.coer-textbox mat-form-field span.icon-container{transform:translate(-5px,-6px)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: CoerButton, selector: "coer-button", inputs: ["id", "color", "type", "icon", "iconPosition", "path", "animation", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "height", "minHeight", "marginTop", "marginRight", "marginBottom", "marginLeft", "tooltipPosition", "tooltip"], outputs: ["onClick"] }] }); }
1608
1607
  }
1609
1608
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerTextBox, decorators: [{
1610
1609
  type: Component,
1611
- args: [{ selector: 'coer-textbox', providers: [CONTROL_VALUE(CoerTextBox)], standalone: false, template: "<div class=\"coer-text-box\">\r\n @if(_showButtonLeft) {\r\n <div class=\"button-container\">\r\n <coer-button\r\n type=\"icon-no-border\"\r\n color=\"dark\"\r\n [icon]=\"_buttonIcon\" \r\n [isDisabled]=\"_isDisabledExternalButton\" \r\n (onClick)=\"_isEnable() ? onClickExternalButton.emit() : null\"\r\n ></coer-button>\r\n </div>\r\n }\r\n\r\n <mat-form-field\r\n [id]=\"_id + '-container'\"\r\n [floatLabel]=\"floatLabel()\"\r\n [ngClass]=\"{\r\n 'readonly': isReadonly() && !isLoading(),\r\n 'd-none': isInvisible()\r\n }\"\r\n [style]=\"{\r\n 'width': width(),\r\n 'min-width': minWidth(),\r\n 'max-width': maxWidth(),\r\n 'margin-top': marginTop(),\r\n 'margin-right': marginRight(),\r\n 'margin-bottom': marginBottom(),\r\n 'margin-left': marginLeft()\r\n }\">\r\n <mat-label>{{ label() }}</mat-label>\r\n\r\n <input #coerTextBox matInput\r\n [id]=\"_id\"\r\n type=\"text\"\r\n [placeholder]=\"placeholder()\"\r\n [minLength]=\"minLength()\"\r\n [maxLength]=\"maxLength()\"\r\n [disabled]=\"!_isEnable()\"\r\n [value]=\"_value\"\r\n (input)=\"SetValue(coerTextBox.value)\"\r\n (blur)=\"SetTouched(true)\"\r\n [style]=\"{\r\n 'cursor': isLoading() ? 'wait' : null,\r\n 'margin-top': (floatLabel() == 'auto') ? '15px' : '9px',\r\n 'padding-right': paddingRight(),\r\n 'text-align': textPosition()\r\n }\">\r\n\r\n @if(isLoading()) {\r\n <div class=\"placeholder-glow\">\r\n <span class=\"placeholder\"></span>\r\n </div>\r\n }\r\n\r\n <span ngClass=\"icon-container\">\r\n @if(_showSearchIcon) {\r\n <i class=\"fa-solid fa-magnifying-glass cursor-pointer\" (click)=\"ClickSearch()\"></i>\r\n }\r\n\r\n @else if(_showClearIcon) {\r\n <i class=\"fa-solid fa-xmark cursor-pointer\" (click)=\"Clear(); this.onClickClear.emit();\"></i>\r\n }\r\n\r\n @else if(isInvalid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-exclamation\"></i>\r\n }\r\n\r\n @else if(isValid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-check text-green\"></i>\r\n }\r\n </span>\r\n </mat-form-field> \r\n\r\n @if(isInvisible()) {\r\n <mat-form-field class=\"invisible\">\r\n <input matInput [disabled]=\"true\"> \r\n </mat-form-field> \r\n }\r\n\r\n @if(_showButtonRight) {\r\n <div class=\"button-container\">\r\n <coer-button\r\n type=\"icon-no-border\"\r\n color=\"dark\"\r\n [icon]=\"_buttonIcon\" \r\n [isDisabled]=\"_isDisabledExternalButton\" \r\n (onClick)=\"_isEnable() ? onClickExternalButton.emit() : null\"\r\n ></coer-button>\r\n </div>\r\n }\r\n</div>", 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}div.coer-text-box{display:flex;align-items:center}div.coer-text-box mat-form-field{position:relative!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{width:100%!important;height:40px!important;padding:0!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label{overflow:visible!important;position:absolute!important;top:20px!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label{color:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{font-weight:400!important;font-size:17px!important;color:var(--black)!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:after{border-bottom-color:var(--primary-inner)!important}div.coer-text-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-text-box mat-form-field span.icon-container{position:absolute!important;top:1px!important;right:-14px!important;z-index:5!important;width:30px;height:40px;display:flex;align-items:center;justify-content:center}div.coer-text-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-xmark,div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass{color:#caced1!important;cursor:pointer!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover{color:#6c757d!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-text-box mat-form-field span.placeholder{width:calc(100% + 32px)!important;height:40px!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important;cursor:wait!important}div.coer-text-box mat-form-field .placeholder,div.coer-text-box mat-form-field .placeholder *,div.coer-text-box mat-form-field .placeholder-glow,div.coer-text-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-text-box mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}div.coer-text-box div.button-container{width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:#e6e7e9!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:transparent!important;padding-left:9px!important;padding-right:9px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:after{border-bottom-color:transparent!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:28px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{height:28px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{margin-top:3px!important;font-size:14px!important}coer-grid table tbody tr td.coer-textbox mat-form-field span.icon-container{transform:translate(-5px,-6px)!important}\n"] }]
1610
+ args: [{ selector: 'coer-textbox', providers: [CONTROL_VALUE(CoerTextBox)], standalone: false, template: "<div class=\"coer-text-box\">\r\n @if(_showButtonLeft) {\r\n <div class=\"button-container\">\r\n <coer-button\r\n type=\"icon-no-border\"\r\n color=\"dark\"\r\n [icon]=\"_buttonIcon\" \r\n [isDisabled]=\"_isDisabledExternalButton\" \r\n (onClick)=\"_isEnable() ? onClickExternalButton.emit() : null\"\r\n ></coer-button>\r\n </div>\r\n }\r\n\r\n <mat-form-field\r\n [id]=\"_id + '-container'\"\r\n [floatLabel]=\"floatLabel()\"\r\n [ngClass]=\"{\r\n 'readonly': isReadonly() && !isLoading(),\r\n 'd-none': isInvisible()\r\n }\"\r\n [style]=\"{\r\n 'width': width(),\r\n 'min-width': minWidth(),\r\n 'max-width': maxWidth(),\r\n 'margin-top': marginTop(),\r\n 'margin-right': marginRight(),\r\n 'margin-bottom': marginBottom(),\r\n 'margin-left': marginLeft()\r\n }\">\r\n <mat-label>{{ label() }}</mat-label>\r\n\r\n <input #coerTextBox matInput\r\n [id]=\"_id\"\r\n type=\"text\"\r\n [placeholder]=\"placeholder()\"\r\n [minLength]=\"minLength()\"\r\n [maxLength]=\"maxLength()\"\r\n [disabled]=\"!_isEnable()\"\r\n [value]=\"_value\"\r\n (input)=\"SetValue(coerTextBox.value)\"\r\n (blur)=\"SetTouched(true)\"\r\n [style]=\"{\r\n 'cursor': isLoading() ? 'wait' : null,\r\n 'margin-top': (floatLabel() == 'auto') ? '15px' : '9px',\r\n 'padding-right': paddingRight(),\r\n 'text-align': textPosition()\r\n }\">\r\n\r\n @if(isLoading()) {\r\n <div class=\"placeholder-glow\">\r\n <span class=\"placeholder\"></span>\r\n </div>\r\n }\r\n\r\n <span ngClass=\"icon-container\">\r\n @if(_showSearchIcon) {\r\n <i class=\"fa-solid fa-magnifying-glass cursor-pointer\" (click)=\"ClickSearch()\"></i>\r\n }\r\n\r\n @else if(_showClearIcon) {\r\n <i class=\"fa-solid fa-xmark cursor-pointer\" (click)=\"Clear(); this.onClickClear.emit();\"></i>\r\n }\r\n\r\n @else if(isInvalid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-exclamation\"></i>\r\n }\r\n\r\n @else if(isValid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-check text-green\"></i>\r\n }\r\n </span>\r\n </mat-form-field> \r\n\r\n @if(isInvisible()) {\r\n <mat-form-field class=\"invisible\">\r\n <input matInput [disabled]=\"true\"> \r\n </mat-form-field> \r\n }\r\n\r\n @if(_showButtonRight) {\r\n <div class=\"button-container\">\r\n <coer-button\r\n type=\"icon-no-border\"\r\n color=\"dark\"\r\n [icon]=\"_buttonIcon\" \r\n [isDisabled]=\"_isDisabledExternalButton\" \r\n (onClick)=\"_isEnable() ? onClickExternalButton.emit() : null\"\r\n ></coer-button>\r\n </div>\r\n }\r\n</div>", 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));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-text-box{display:flex;align-items:center}div.coer-text-box mat-form-field{position:relative!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{width:100%!important;height:40px!important;padding:0!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label{overflow:visible!important;position:absolute!important;top:20px!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label{color:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{font-weight:400!important;font-size:17px!important;color:var(--black)!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:after{border-bottom-color:var(--primary-inner)!important}div.coer-text-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-text-box mat-form-field span.icon-container{position:absolute!important;top:1px!important;right:-14px!important;z-index:5!important;width:30px;height:40px;display:flex;align-items:center;justify-content:center}div.coer-text-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-xmark,div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass{color:#caced1!important;cursor:pointer!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover{color:#6c757d!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-text-box mat-form-field span.placeholder{width:calc(100% + 32px)!important;height:40px!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important;cursor:wait!important}div.coer-text-box mat-form-field .placeholder,div.coer-text-box mat-form-field .placeholder *,div.coer-text-box mat-form-field .placeholder-glow,div.coer-text-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-text-box mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}div.coer-text-box div.button-container{width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:#e6e7e9!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:transparent!important;padding-left:9px!important;padding-right:9px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:after{border-bottom-color:transparent!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:28px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{height:28px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{margin-top:3px!important;font-size:14px!important}coer-grid table tbody tr td.coer-textbox mat-form-field span.icon-container{transform:translate(-5px,-6px)!important}\n"] }]
1612
1611
  }], propDecorators: { value: [{
1613
1612
  type: Input
1614
1613
  }], id: [{
@@ -1623,15 +1622,15 @@ class CoerGridExtension extends ControlValue {
1623
1622
  //Injections
1624
1623
  this.alert = inject(CoerAlert);
1625
1624
  //Elements
1626
- this.inputFile = viewChild.required('inputFileRef');
1627
- this.inputSearch = viewChild.required('inputSearch');
1628
- this.coerTextboxList = viewChildren(CoerTextBox);
1629
- this.coerNumberboxList = viewChildren(CoerNumberBox);
1630
- this.coerSelectboxList = viewChildren(CoerSelectbox);
1631
- this.coerCheckboxList = viewChildren(CoerCheckbox);
1625
+ this._inputFile = viewChild.required('inputFileRef');
1626
+ this._inputSearch = viewChild.required('inputSearch');
1627
+ this._coerTextboxList = viewChildren(CoerTextBox);
1628
+ this._coerNumberboxList = viewChildren(CoerNumberBox);
1629
+ this._coerSelectboxList = viewChildren(CoerSelectbox);
1630
+ this._coerCheckboxList = viewChildren(CoerCheckbox);
1632
1631
  //Variables
1633
1632
  this._value = [];
1634
- this.value_signal = signal([]);
1633
+ this._value_signal = signal([]);
1635
1634
  this._gridSearch = signal('');
1636
1635
  this._isLoading = signal(true);
1637
1636
  this._isLoadingMessage = true;
@@ -1645,8 +1644,6 @@ class CoerGridExtension extends ControlValue {
1645
1644
  this.GetElementWidth = ElementsHTML.GetElementWidth;
1646
1645
  this.GetElementHeight = ElementsHTML.GetElementHeight;
1647
1646
  //Inputs
1648
- this.columns = input([]);
1649
- this.cleanColumnName = input(true);
1650
1647
  this.saveButton = { show: false };
1651
1648
  this.addButton = { show: false };
1652
1649
  this.exportButton = { show: false };
@@ -1654,6 +1651,8 @@ class CoerGridExtension extends ControlValue {
1654
1651
  this.search = { show: false, ignore: false };
1655
1652
  this.buttonByRow = {};
1656
1653
  this.checkbox = { show: false };
1654
+ this.columns = input([]);
1655
+ this.cleanColumnName = input(true);
1657
1656
  this.tooltipByRow = input('');
1658
1657
  this.isLoading = input(false);
1659
1658
  this.isDisabled = input(false);
@@ -1699,7 +1698,7 @@ class CoerGridExtension extends ControlValue {
1699
1698
  return this.groupBy().length > 0;
1700
1699
  });
1701
1700
  //computed
1702
- this.gridColumns = computed(() => {
1701
+ this._gridColumns = computed(() => {
1703
1702
  const SET_COLUMNS = new Set();
1704
1703
  //Has filter columns?
1705
1704
  if (this.columns().length > 0) {
@@ -1709,7 +1708,7 @@ class CoerGridExtension extends ControlValue {
1709
1708
  }
1710
1709
  //Get all columns
1711
1710
  else
1712
- for (const row of this.value_signal()) {
1711
+ for (const row of this._value_signal()) {
1713
1712
  for (const property in row) {
1714
1713
  SET_COLUMNS.add(property);
1715
1714
  }
@@ -1735,8 +1734,8 @@ class CoerGridExtension extends ControlValue {
1735
1734
  }));
1736
1735
  });
1737
1736
  //computed
1738
- this.gridDataSource = computed(() => {
1739
- let list = this.gridDataSourceFiltered();
1737
+ this._gridDataSource = computed(() => {
1738
+ let list = this._gridDataSourceFiltered();
1740
1739
  //It's Grouped?
1741
1740
  if (this._isGrouped()) {
1742
1741
  //let indexRow = 0;
@@ -1769,9 +1768,9 @@ class CoerGridExtension extends ControlValue {
1769
1768
  }];
1770
1769
  });
1771
1770
  //computed
1772
- this.gridDataSourceFiltered = computed(() => {
1771
+ this._gridDataSourceFiltered = computed(() => {
1773
1772
  let list = [];
1774
- const dataSource = Tools.BreakReference(this.value_signal());
1773
+ const dataSource = Tools.BreakReference(this._value_signal());
1775
1774
  //Ignore Filter
1776
1775
  if (this._gridSearch() == '' || this.search?.ignore) {
1777
1776
  list = dataSource;
@@ -1782,7 +1781,7 @@ class CoerGridExtension extends ControlValue {
1782
1781
  const SET_ROW = new Set();
1783
1782
  const columnList = Tools.IsNotNull(this.search?.columns)
1784
1783
  ? this.search.columns.map(x => Tools.FirstCharToLower(x))
1785
- : this.gridColumns().map(x => x.columnName);
1784
+ : this._gridColumns().map(x => x.columnName);
1786
1785
  for (const columnName of columnList) {
1787
1786
  listFiltered = dataSource.filter((item) => !SET_ROW.has(item['indexRow'])
1788
1787
  && String(item[Tools.FirstCharToLower(columnName)]).trim().toUpperCase().includes(String(this._gridSearch()).trim().toUpperCase()));
@@ -1903,7 +1902,7 @@ class CoerGridExtension extends ControlValue {
1903
1902
  const dataSource = Tools.BreakReference(value).map((item) => Object.assign({ checked: false }, { ...item }, { indexRow: indexRow++ }));
1904
1903
  this._UpdateValue(dataSource);
1905
1904
  this._value = dataSource;
1906
- this.value_signal.set(dataSource);
1905
+ this._value_signal.set(dataSource);
1907
1906
  }
1908
1907
  //ControlValueAccessor
1909
1908
  writeValue(value) {
@@ -1912,7 +1911,7 @@ class CoerGridExtension extends ControlValue {
1912
1911
  value = [];
1913
1912
  const dataSource = Tools.BreakReference(value).map((item) => Object.assign({ checked: false }, { ...item }, { indexRow: indexRow++ }));
1914
1913
  this._value = dataSource;
1915
- this.value_signal.set(dataSource);
1914
+ this._value_signal.set(dataSource);
1916
1915
  }
1917
1916
  /** */
1918
1917
  _IsCellType(property, data, type) {
@@ -2002,7 +2001,7 @@ class CoerGridExtension extends ControlValue {
2002
2001
  return response;
2003
2002
  }
2004
2003
  /** */
2005
- GetAttribute(property, data, attribute, type) {
2004
+ _GetAttribute(property, data, attribute, type) {
2006
2005
  const columnConfig = this._GetColumnConfig(property);
2007
2006
  const value = Tools.IsNotNull(data) ? data[property] : null;
2008
2007
  const row = Tools.BreakReference(data);
@@ -2035,7 +2034,7 @@ class CoerGridExtension extends ControlValue {
2035
2034
  return null;
2036
2035
  }
2037
2036
  /** */
2038
- ButtonByRow(property, data = null) {
2037
+ _ButtonByRow(property, data = null) {
2039
2038
  let response = false;
2040
2039
  const buttonByRow = this.buttonByRow;
2041
2040
  const row = Tools.IsNotNull(data) ? Tools.BreakReference(data) : null;
@@ -2052,8 +2051,35 @@ class CoerGridExtension extends ControlValue {
2052
2051
  }
2053
2052
  return response ? (this._value && this._value.length > 0) : false;
2054
2053
  }
2054
+ /** */
2055
+ _ColorButton(button) {
2056
+ return Tools.IsNotNull(button) && Tools.IsNotOnlyWhiteSpace(button?.color)
2057
+ ? button.color : 'primary';
2058
+ }
2059
+ /** */
2060
+ _ColorButtonByRow(property) {
2061
+ const BUTTON_ROW = Tools.BreakReference(this.buttonByRow);
2062
+ switch (property) {
2063
+ case 'editButtonColor': {
2064
+ return Tools.IsNotNull(this.buttonByRow) && Tools.IsNotOnlyWhiteSpace(BUTTON_ROW[property])
2065
+ ? BUTTON_ROW[property] : 'primary';
2066
+ }
2067
+ case 'deleteButtonColor': {
2068
+ return Tools.IsNotNull(this.buttonByRow) && Tools.IsNotOnlyWhiteSpace(BUTTON_ROW[property])
2069
+ ? BUTTON_ROW[property] : 'danger';
2070
+ }
2071
+ case 'goButtonColor': {
2072
+ return Tools.IsNotNull(this.buttonByRow) && Tools.IsNotOnlyWhiteSpace(BUTTON_ROW[property])
2073
+ ? BUTTON_ROW[property] : 'navigation';
2074
+ }
2075
+ default: {
2076
+ return Tools.IsNotNull(this.buttonByRow) && Tools.IsNotOnlyWhiteSpace(BUTTON_ROW[property])
2077
+ ? BUTTON_ROW[property] : 'primary';
2078
+ }
2079
+ }
2080
+ }
2055
2081
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerGridExtension, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
2056
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.1", type: CoerGridExtension, isStandalone: true, selector: "coer-grid-extension", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, cleanColumnName: { classPropertyName: "cleanColumnName", publicName: "cleanColumnName", isSignal: true, isRequired: false, transformFunction: null }, saveButton: { classPropertyName: "saveButton", publicName: "saveButton", isSignal: false, isRequired: false, transformFunction: null }, addButton: { classPropertyName: "addButton", publicName: "addButton", isSignal: false, isRequired: false, transformFunction: null }, exportButton: { classPropertyName: "exportButton", publicName: "exportButton", isSignal: false, isRequired: false, transformFunction: null }, importButton: { classPropertyName: "importButton", publicName: "importButton", isSignal: false, isRequired: false, transformFunction: null }, search: { classPropertyName: "search", publicName: "search", isSignal: false, isRequired: false, transformFunction: null }, buttonByRow: { classPropertyName: "buttonByRow", publicName: "buttonByRow", isSignal: false, isRequired: false, transformFunction: null }, checkbox: { classPropertyName: "checkbox", publicName: "checkbox", isSignal: false, isRequired: false, transformFunction: null }, tooltipByRow: { classPropertyName: "tooltipByRow", publicName: "tooltipByRow", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", isSignal: true, isRequired: false, transformFunction: null }, rowsByPage: { classPropertyName: "rowsByPage", publicName: "rowsByPage", isSignal: true, isRequired: false, transformFunction: null }, groupBy: { classPropertyName: "groupBy", publicName: "groupBy", isSignal: true, isRequired: false, transformFunction: null }, showColumnGrouped: { classPropertyName: "showColumnGrouped", publicName: "showColumnGrouped", isSignal: true, isRequired: false, transformFunction: null }, rowsByGroup: { classPropertyName: "rowsByGroup", publicName: "rowsByGroup", isSignal: true, isRequired: false, transformFunction: null }, showFooter: { classPropertyName: "showFooter", publicName: "showFooter", isSignal: true, isRequired: false, transformFunction: null }, enableSort: { classPropertyName: "enableSort", publicName: "enableSort", isSignal: true, isRequired: false, transformFunction: null }, enableRowFocus: { classPropertyName: "enableRowFocus", publicName: "enableRowFocus", isSignal: true, isRequired: false, transformFunction: null }, enableNext: { classPropertyName: "enableNext", publicName: "enableNext", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, MinWidth: { classPropertyName: "MinWidth", publicName: "MinWidth", isSignal: true, isRequired: false, transformFunction: null }, MaxWidth: { classPropertyName: "MaxWidth", publicName: "MaxWidth", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, margin: { classPropertyName: "margin", publicName: "margin", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClickSave: "onClickSave", onClickAdd: "onClickAdd", onClickImport: "onClickImport", onClickExport: "onClickExport", onClickRow: "onClickRow", onDoubleClickRow: "onDoubleClickRow", onClickDeleteRow: "onClickDeleteRow", onClickEditRow: "onClickEditRow", onClickGoRow: "onClickGoRow", onKeyupEnter: "onKeyupEnter", onKeyupEnterLast: "onKeyupEnterLast", onSwitchChange: "onSwitchChange", onTextboxChange: "onTextboxChange", onSelectboxChange: "onSelectboxChange", onCheckboxChange: "onCheckboxChange" }, viewQueries: [{ propertyName: "inputFile", first: true, predicate: ["inputFileRef"], descendants: true, isSignal: true }, { propertyName: "inputSearch", first: true, predicate: ["inputSearch"], descendants: true, isSignal: true }, { propertyName: "coerTextboxList", predicate: CoerTextBox, descendants: true, isSignal: true }, { propertyName: "coerNumberboxList", predicate: CoerNumberBox, descendants: true, isSignal: true }, { propertyName: "coerSelectboxList", predicate: CoerSelectbox, descendants: true, isSignal: true }, { propertyName: "coerCheckboxList", predicate: CoerCheckbox, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
2082
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.1", type: CoerGridExtension, isStandalone: true, selector: "coer-grid-extension", inputs: { saveButton: { classPropertyName: "saveButton", publicName: "saveButton", isSignal: false, isRequired: false, transformFunction: null }, addButton: { classPropertyName: "addButton", publicName: "addButton", isSignal: false, isRequired: false, transformFunction: null }, exportButton: { classPropertyName: "exportButton", publicName: "exportButton", isSignal: false, isRequired: false, transformFunction: null }, importButton: { classPropertyName: "importButton", publicName: "importButton", isSignal: false, isRequired: false, transformFunction: null }, search: { classPropertyName: "search", publicName: "search", isSignal: false, isRequired: false, transformFunction: null }, buttonByRow: { classPropertyName: "buttonByRow", publicName: "buttonByRow", isSignal: false, isRequired: false, transformFunction: null }, checkbox: { classPropertyName: "checkbox", publicName: "checkbox", isSignal: false, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, cleanColumnName: { classPropertyName: "cleanColumnName", publicName: "cleanColumnName", isSignal: true, isRequired: false, transformFunction: null }, tooltipByRow: { classPropertyName: "tooltipByRow", publicName: "tooltipByRow", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", isSignal: true, isRequired: false, transformFunction: null }, rowsByPage: { classPropertyName: "rowsByPage", publicName: "rowsByPage", isSignal: true, isRequired: false, transformFunction: null }, groupBy: { classPropertyName: "groupBy", publicName: "groupBy", isSignal: true, isRequired: false, transformFunction: null }, showColumnGrouped: { classPropertyName: "showColumnGrouped", publicName: "showColumnGrouped", isSignal: true, isRequired: false, transformFunction: null }, rowsByGroup: { classPropertyName: "rowsByGroup", publicName: "rowsByGroup", isSignal: true, isRequired: false, transformFunction: null }, showFooter: { classPropertyName: "showFooter", publicName: "showFooter", isSignal: true, isRequired: false, transformFunction: null }, enableSort: { classPropertyName: "enableSort", publicName: "enableSort", isSignal: true, isRequired: false, transformFunction: null }, enableRowFocus: { classPropertyName: "enableRowFocus", publicName: "enableRowFocus", isSignal: true, isRequired: false, transformFunction: null }, enableNext: { classPropertyName: "enableNext", publicName: "enableNext", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, MinWidth: { classPropertyName: "MinWidth", publicName: "MinWidth", isSignal: true, isRequired: false, transformFunction: null }, MaxWidth: { classPropertyName: "MaxWidth", publicName: "MaxWidth", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, margin: { classPropertyName: "margin", publicName: "margin", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClickSave: "onClickSave", onClickAdd: "onClickAdd", onClickImport: "onClickImport", onClickExport: "onClickExport", onClickRow: "onClickRow", onDoubleClickRow: "onDoubleClickRow", onClickDeleteRow: "onClickDeleteRow", onClickEditRow: "onClickEditRow", onClickGoRow: "onClickGoRow", onKeyupEnter: "onKeyupEnter", onKeyupEnterLast: "onKeyupEnterLast", onSwitchChange: "onSwitchChange", onTextboxChange: "onTextboxChange", onSelectboxChange: "onSelectboxChange", onCheckboxChange: "onCheckboxChange" }, viewQueries: [{ propertyName: "_inputFile", first: true, predicate: ["inputFileRef"], descendants: true, isSignal: true }, { propertyName: "_inputSearch", first: true, predicate: ["inputSearch"], descendants: true, isSignal: true }, { propertyName: "_coerTextboxList", predicate: CoerTextBox, descendants: true, isSignal: true }, { propertyName: "_coerNumberboxList", predicate: CoerNumberBox, descendants: true, isSignal: true }, { propertyName: "_coerSelectboxList", predicate: CoerSelectbox, descendants: true, isSignal: true }, { propertyName: "_coerCheckboxList", predicate: CoerCheckbox, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
2057
2083
  }
2058
2084
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerGridExtension, decorators: [{
2059
2085
  type: Component,
@@ -2149,11 +2175,11 @@ class CoerSwitch extends ControlValue {
2149
2175
  this.onChange.emit(value);
2150
2176
  }
2151
2177
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerSwitch, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
2152
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.1", type: CoerSwitch, isStandalone: false, selector: "coer-switch", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange" }, providers: [CONTROL_VALUE(CoerSwitch)], viewQueries: [{ propertyName: "coerSwitch", first: true, predicate: ["coerSwitch"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [ngClass]=\"{ 'coer-switch': true, 'placeholder-glow': isLoading(), 'invisible': isInvisible() }\">\r\n <div [id]=\"_id\" [ngClass]=\"{ 'placeholder': isLoading() }\">\r\n <mat-slide-toggle\r\n #coerSwitch\r\n [checked]=\"_value\"\r\n [disabled]=\"!_isEnable()\"\r\n [labelPosition]=\"labelPosition()\"\r\n (change)=\"Change($event.checked)\"\r\n >{{ label() }}</mat-slide-toggle>\r\n </div>\r\n</div>", 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}div.coer-switch{height:40px;display:flex!important;align-items:center!important;position:relative!important}div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field button .mdc-switch__track:after{background-color:var(--primary-inner)!important;filter:opacity(.6)!important}div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field button .mdc-switch__handle-track .mdc-switch__ripple{width:30px!important;height:30px!important}div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field button.mdc-switch.mdc-switch--selected.mdc-switch--checked .mdc-switch__handle-track .mdc-switch__handle .mdc-switch__icons{background-color:var(--primary-inner)!important;border-radius:20px!important}div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field label,div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field label::selection{font-weight:400;background-color:transparent!important;font-size:17px!important}div.coer-switch .placeholder{display:flex!important;height:27px!important}div.coer-switch .placeholder,div.coer-switch .placeholder *,div.coer-switch .placeholder-glow,div.coer-switch .placeholder-glow *{cursor:wait!important}coer-grid div.coer-switch{height:20px!important;justify-content:center!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$5.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }] }); }
2178
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.1", type: CoerSwitch, isStandalone: false, selector: "coer-switch", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange" }, providers: [CONTROL_VALUE(CoerSwitch)], viewQueries: [{ propertyName: "coerSwitch", first: true, predicate: ["coerSwitch"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [ngClass]=\"{ 'coer-switch': true, 'placeholder-glow': isLoading(), 'invisible': isInvisible() }\">\r\n <div [id]=\"_id\" [ngClass]=\"{ 'placeholder': isLoading() }\">\r\n <mat-slide-toggle\r\n #coerSwitch\r\n [checked]=\"_value\"\r\n [disabled]=\"!_isEnable()\"\r\n [labelPosition]=\"labelPosition()\"\r\n (change)=\"Change($event.checked)\"\r\n >{{ label() }}</mat-slide-toggle>\r\n </div>\r\n</div>", 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));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-switch{height:40px;display:flex!important;align-items:center!important;position:relative!important}div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field button .mdc-switch__track:after{background-color:var(--primary-inner)!important;filter:opacity(.6)!important}div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field button .mdc-switch__handle-track .mdc-switch__ripple{width:30px!important;height:30px!important}div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field button.mdc-switch.mdc-switch--selected.mdc-switch--checked .mdc-switch__handle-track .mdc-switch__handle .mdc-switch__icons{background-color:var(--primary-inner)!important;border-radius:20px!important}div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field label,div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field label::selection{font-weight:400;background-color:transparent!important;font-size:17px!important}div.coer-switch .placeholder{display:flex!important;height:27px!important}div.coer-switch .placeholder,div.coer-switch .placeholder *,div.coer-switch .placeholder-glow,div.coer-switch .placeholder-glow *{cursor:wait!important}coer-grid div.coer-switch{height:20px!important;justify-content:center!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$5.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }] }); }
2153
2179
  }
2154
2180
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerSwitch, decorators: [{
2155
2181
  type: Component,
2156
- args: [{ selector: 'coer-switch', providers: [CONTROL_VALUE(CoerSwitch)], standalone: false, template: "<div [ngClass]=\"{ 'coer-switch': true, 'placeholder-glow': isLoading(), 'invisible': isInvisible() }\">\r\n <div [id]=\"_id\" [ngClass]=\"{ 'placeholder': isLoading() }\">\r\n <mat-slide-toggle\r\n #coerSwitch\r\n [checked]=\"_value\"\r\n [disabled]=\"!_isEnable()\"\r\n [labelPosition]=\"labelPosition()\"\r\n (change)=\"Change($event.checked)\"\r\n >{{ label() }}</mat-slide-toggle>\r\n </div>\r\n</div>", 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}div.coer-switch{height:40px;display:flex!important;align-items:center!important;position:relative!important}div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field button .mdc-switch__track:after{background-color:var(--primary-inner)!important;filter:opacity(.6)!important}div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field button .mdc-switch__handle-track .mdc-switch__ripple{width:30px!important;height:30px!important}div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field button.mdc-switch.mdc-switch--selected.mdc-switch--checked .mdc-switch__handle-track .mdc-switch__handle .mdc-switch__icons{background-color:var(--primary-inner)!important;border-radius:20px!important}div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field label,div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field label::selection{font-weight:400;background-color:transparent!important;font-size:17px!important}div.coer-switch .placeholder{display:flex!important;height:27px!important}div.coer-switch .placeholder,div.coer-switch .placeholder *,div.coer-switch .placeholder-glow,div.coer-switch .placeholder-glow *{cursor:wait!important}coer-grid div.coer-switch{height:20px!important;justify-content:center!important}\n"] }]
2182
+ args: [{ selector: 'coer-switch', providers: [CONTROL_VALUE(CoerSwitch)], standalone: false, template: "<div [ngClass]=\"{ 'coer-switch': true, 'placeholder-glow': isLoading(), 'invisible': isInvisible() }\">\r\n <div [id]=\"_id\" [ngClass]=\"{ 'placeholder': isLoading() }\">\r\n <mat-slide-toggle\r\n #coerSwitch\r\n [checked]=\"_value\"\r\n [disabled]=\"!_isEnable()\"\r\n [labelPosition]=\"labelPosition()\"\r\n (change)=\"Change($event.checked)\"\r\n >{{ label() }}</mat-slide-toggle>\r\n </div>\r\n</div>", 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));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-switch{height:40px;display:flex!important;align-items:center!important;position:relative!important}div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field button .mdc-switch__track:after{background-color:var(--primary-inner)!important;filter:opacity(.6)!important}div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field button .mdc-switch__handle-track .mdc-switch__ripple{width:30px!important;height:30px!important}div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field button.mdc-switch.mdc-switch--selected.mdc-switch--checked .mdc-switch__handle-track .mdc-switch__handle .mdc-switch__icons{background-color:var(--primary-inner)!important;border-radius:20px!important}div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field label,div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field label::selection{font-weight:400;background-color:transparent!important;font-size:17px!important}div.coer-switch .placeholder{display:flex!important;height:27px!important}div.coer-switch .placeholder,div.coer-switch .placeholder *,div.coer-switch .placeholder-glow,div.coer-switch .placeholder-glow *{cursor:wait!important}coer-grid div.coer-switch{height:20px!important;justify-content:center!important}\n"] }]
2157
2183
  }], propDecorators: { coerSwitch: [{
2158
2184
  type: ViewChild,
2159
2185
  args: ['coerSwitch']
@@ -2170,7 +2196,7 @@ class CoerGrid extends CoerGridExtension {
2170
2196
  super(...arguments);
2171
2197
  //computed
2172
2198
  this.dataSource = computed(() => {
2173
- return Tools.BreakReference(this.value_signal()).map(item => {
2199
+ return Tools.BreakReference(this._value_signal()).map(item => {
2174
2200
  if (item.hasOwnProperty('checked'))
2175
2201
  delete item.checked;
2176
2202
  if (item.hasOwnProperty('indexRow'))
@@ -2180,7 +2206,7 @@ class CoerGrid extends CoerGridExtension {
2180
2206
  });
2181
2207
  //computed
2182
2208
  this.selectedItems = computed(() => {
2183
- return Tools.BreakReference(this.value_signal()).filter(item => item.checked).map(item => {
2209
+ return Tools.BreakReference(this._value_signal()).filter(item => item.checked).map(item => {
2184
2210
  if (item.hasOwnProperty('checked'))
2185
2211
  delete item.checked;
2186
2212
  if (item.hasOwnProperty('indexRow'))
@@ -2191,17 +2217,17 @@ class CoerGrid extends CoerGridExtension {
2191
2217
  //computed
2192
2218
  this.gridLength = computed(() => {
2193
2219
  return {
2194
- dataSource: this.value_signal()?.length || 0,
2195
- dataSourceFiltered: this.gridDataSourceFiltered()?.length || 0,
2220
+ dataSource: this._value_signal()?.length || 0,
2221
+ dataSourceFiltered: this._gridDataSourceFiltered()?.length || 0,
2196
2222
  dataSourceSelected: this.selectedItems()?.length || 0
2197
2223
  };
2198
2224
  });
2199
2225
  }
2200
2226
  //getter
2201
2227
  get isValid() {
2202
- return (this.coerTextboxList().length > 0 ? this.coerTextboxList().every(x => !x.isInvalid()) : true)
2203
- && (this.coerNumberboxList().length > 0 ? this.coerNumberboxList().every(x => !x.isInvalid()) : true)
2204
- && (this.coerSelectboxList().length > 0 ? this.coerSelectboxList().every(x => !x.isInvalid()) : true);
2228
+ return (this._coerTextboxList().length > 0 ? this._coerTextboxList().every(x => !x.isInvalid()) : true)
2229
+ && (this._coerNumberboxList().length > 0 ? this._coerNumberboxList().every(x => !x.isInvalid()) : true)
2230
+ && (this._coerSelectboxList().length > 0 ? this._coerSelectboxList().every(x => !x.isInvalid()) : true);
2205
2231
  }
2206
2232
  //computed
2207
2233
  //protected _columnsFiltered = computed<IGridHeader[]>(() => {
@@ -2210,17 +2236,10 @@ class CoerGrid extends CoerGridExtension {
2210
2236
  // : this._columns();
2211
2237
  //});
2212
2238
  /** */
2213
- FocusSearch() {
2214
- Tools.Sleep(0).then(() => {
2215
- if (this.inputSearch)
2216
- this.inputSearch().Focus();
2217
- });
2218
- }
2219
- /** */
2220
- SelectSearch() {
2221
- Tools.Sleep(0).then(() => {
2222
- if (this.inputSearch)
2223
- this.inputSearch().Focus(true);
2239
+ FocusSearch(select = false) {
2240
+ Tools.Sleep().then(() => {
2241
+ if (this._inputSearch)
2242
+ this._inputSearch().Focus(select);
2224
2243
  });
2225
2244
  }
2226
2245
  /** */
@@ -2229,14 +2248,18 @@ class CoerGrid extends CoerGridExtension {
2229
2248
  return (row === undefined) ? null : row;
2230
2249
  }
2231
2250
  /** */
2232
- async Import(event = null) {
2251
+ Import() {
2252
+ this._Import();
2253
+ }
2254
+ /** */
2255
+ async _Import(event = null) {
2233
2256
  if (this.importButton?.preventDefault) {
2234
2257
  this.onClickImport.emit({ data: [], file: null });
2235
2258
  return;
2236
2259
  }
2237
2260
  if (event === null) {
2238
- this.inputFile().nativeElement.value = null;
2239
- this.inputFile().nativeElement.click();
2261
+ this._inputFile().nativeElement.value = null;
2262
+ this._inputFile().nativeElement.click();
2240
2263
  return;
2241
2264
  }
2242
2265
  else if (event.target.files.length > 0) {
@@ -2261,7 +2284,7 @@ class CoerGrid extends CoerGridExtension {
2261
2284
  this.alert.Warning(message, 'Invalid File Type', 'bi bi-filetype-xlsx fa-lg');
2262
2285
  this.onClickImport.emit({ data: [], file: null });
2263
2286
  }
2264
- this.inputFile().nativeElement.value = null;
2287
+ this._inputFile().nativeElement.value = null;
2265
2288
  Tools.Sleep(1000).then(() => this._isLoading.set(false));
2266
2289
  }
2267
2290
  }
@@ -2276,11 +2299,11 @@ class CoerGrid extends CoerGridExtension {
2276
2299
  }
2277
2300
  else {
2278
2301
  ROW_DATA_SOURCE = (this.exportButton.hasOwnProperty('onlyRowFiltered') && !this.exportButton.onlyRowFiltered)
2279
- ? this.value_signal() : this.gridDataSourceFiltered();
2302
+ ? this._value_signal() : this._gridDataSourceFiltered();
2280
2303
  }
2281
2304
  const COLUMN_DATA_SOURCE = new Set();
2282
2305
  if (this.exportButton.hasOwnProperty('onlyColumnFiltered') && !this.exportButton.onlyColumnFiltered) {
2283
- for (const row of this.value_signal()) {
2306
+ for (const row of this._value_signal()) {
2284
2307
  for (const columnName in row) {
2285
2308
  if (columnName == 'indexRow')
2286
2309
  continue;
@@ -2289,7 +2312,7 @@ class CoerGrid extends CoerGridExtension {
2289
2312
  }
2290
2313
  }
2291
2314
  else {
2292
- for (const { columnName } of this.gridColumns()) {
2315
+ for (const { columnName } of this._gridColumns()) {
2293
2316
  if (columnName == 'indexRow')
2294
2317
  continue;
2295
2318
  COLUMN_DATA_SOURCE.add(Tools.FirstCharToLower(columnName));
@@ -2310,7 +2333,7 @@ class CoerGrid extends CoerGridExtension {
2310
2333
  Tools.Sleep(3000).then(() => this._isLoading.set(false));
2311
2334
  }
2312
2335
  /** */
2313
- InputChange(indexRow, columnName, value, input) {
2336
+ _InputChange(indexRow, columnName, value, input) {
2314
2337
  if (input === 'coer-textbox-search') {
2315
2338
  if (this._isLoading())
2316
2339
  return;
@@ -2345,11 +2368,11 @@ class CoerGrid extends CoerGridExtension {
2345
2368
  }
2346
2369
  Tools.Sleep(1000, `coerGridInputChange${indexRow}${columnName}`).then(_ => {
2347
2370
  this._UpdateValue(this._value);
2348
- this.value_signal.set(this._value);
2371
+ this._value_signal.set(this._value);
2349
2372
  });
2350
2373
  }
2351
2374
  /** */
2352
- KeyupEnter(indexColumn, row, input, value) {
2375
+ _KeyupEnter(indexColumn, row, input, value) {
2353
2376
  if (['coer-textbox', 'coer-numberbox', 'coer-selectbox'].includes(input)) {
2354
2377
  this.onKeyupEnter.emit({
2355
2378
  id: this._GetId(indexColumn, row.indexRow, input),
@@ -2374,7 +2397,7 @@ class CoerGrid extends CoerGridExtension {
2374
2397
  let index = 0;
2375
2398
  const COLUMNS = [];
2376
2399
  const INPUT_COLUMNS = [];
2377
- for (const { columnName } of this.gridColumns()) {
2400
+ for (const { columnName } of this._gridColumns()) {
2378
2401
  if (INPUT_TEXT.some(property => property.toUpperCase() == columnName.toUpperCase())) {
2379
2402
  COLUMNS.push({ indexColumn: index, property: columnName, type: 'coerTextbox' });
2380
2403
  INPUT_COLUMNS.push({ indexColumn: index, property: columnName, type: 'coerTextbox' });
@@ -2393,7 +2416,7 @@ class CoerGrid extends CoerGridExtension {
2393
2416
  ++index;
2394
2417
  }
2395
2418
  let lastRow = -1;
2396
- for (const { rows } of this.gridDataSource()) {
2419
+ for (const { rows } of this._gridDataSource()) {
2397
2420
  lastRow += rows.length;
2398
2421
  }
2399
2422
  let firstColumn = -1;
@@ -2435,7 +2458,7 @@ class CoerGrid extends CoerGridExtension {
2435
2458
  const INPUT_SELECT = this.columns().filter(x => Tools.IsNotNull(x.coerSelectbox)).map(x => x.property);
2436
2459
  let index = 0;
2437
2460
  const COLUMNS = [];
2438
- for (const { columnName } of this.gridColumns()) {
2461
+ for (const { columnName } of this._gridColumns()) {
2439
2462
  if (INPUT_TEXT.some(property => property.toUpperCase() == columnName.toUpperCase())) {
2440
2463
  COLUMNS.push({ indexColumn: index, property: columnName, type: 'coerTextbox' });
2441
2464
  }
@@ -2462,19 +2485,19 @@ class CoerGrid extends CoerGridExtension {
2462
2485
  let element;
2463
2486
  this._indexFocus.set(indexRow);
2464
2487
  //Focus Textbox
2465
- element = this.coerTextboxList().find(x => x.id == id);
2488
+ element = this._coerTextboxList().find(x => x.id == id);
2466
2489
  if (element) {
2467
2490
  element.Focus(!onlyFocus);
2468
2491
  return;
2469
2492
  }
2470
2493
  //Focus Numberbox
2471
- element = this.coerNumberboxList().find(x => x.id == id);
2494
+ element = this._coerNumberboxList().find(x => x.id == id);
2472
2495
  if (element) {
2473
2496
  element.Focus(!onlyFocus);
2474
2497
  return;
2475
2498
  }
2476
2499
  //Focus Selectbox
2477
- element = this.coerSelectboxList().find(x => x.id == id);
2500
+ element = this._coerSelectboxList().find(x => x.id == id);
2478
2501
  if (element) {
2479
2502
  Tools.Sleep(100).then(_ => element.Focus(!onlyFocus));
2480
2503
  return;
@@ -2492,7 +2515,7 @@ class CoerGrid extends CoerGridExtension {
2492
2515
  const INPUT_SELECT = this.columns().filter(x => Tools.IsNotNull(x.coerSelectbox)).map(x => x.property);
2493
2516
  let index = 0;
2494
2517
  const COLUMNS = [];
2495
- for (const { columnName } of this.gridColumns()) {
2518
+ for (const { columnName } of this._gridColumns()) {
2496
2519
  if (INPUT_TEXT.some(property => property.toUpperCase() == columnName.toUpperCase())) {
2497
2520
  COLUMNS.push({ indexColumn: index, property: columnName, type: 'coerTextbox' });
2498
2521
  }
@@ -2527,7 +2550,7 @@ class CoerGrid extends CoerGridExtension {
2527
2550
  });
2528
2551
  }
2529
2552
  /** */
2530
- async Sort(columnName) {
2553
+ Sort(columnName) {
2531
2554
  if (this.enableSort()) {
2532
2555
  if (this._isLoading())
2533
2556
  return;
@@ -2535,7 +2558,7 @@ class CoerGrid extends CoerGridExtension {
2535
2558
  this._isLoadingMessage = true;
2536
2559
  const { direction } = this._sort();
2537
2560
  let dataSource = Tools.BreakReference(this._value);
2538
- for (const checkbox of this.coerCheckboxList())
2561
+ for (const checkbox of this._coerCheckboxList())
2539
2562
  checkbox.Uncheck();
2540
2563
  if (direction == 'descendant') {
2541
2564
  Tools.SortByDesc(dataSource, columnName);
@@ -2549,20 +2572,20 @@ class CoerGrid extends CoerGridExtension {
2549
2572
  dataSource = Tools.BreakReference(dataSource).map((item) => Object.assign(item, { indexRow: indexRow++ }));
2550
2573
  this.SetValue(dataSource);
2551
2574
  this._isLoading.set(false);
2552
- await Tools.Sleep();
2553
- for (const row of dataSource.filter((x) => x.checked)) {
2554
- this.CheckBy((x) => x.indexRow == row.indexRow);
2555
- }
2556
- this._isLoadingMessage = false;
2575
+ Tools.Sleep().then(() => {
2576
+ for (const row of dataSource.filter((x) => x.checked)) {
2577
+ this.CheckBy((x) => x.indexRow == row.indexRow);
2578
+ }
2579
+ this._isLoadingMessage = false;
2580
+ });
2557
2581
  }
2558
- return;
2559
2582
  }
2560
2583
  /** */
2561
- ClickCheck(id, checked, all, row = null) {
2584
+ _ClickCheck(id, checked, all, row = null) {
2562
2585
  if (!this._isLoading())
2563
2586
  Tools.Sleep().then(async (_) => {
2564
2587
  this._isLoading.set(true);
2565
- let element = this.coerCheckboxList().find(x => x.id() == id);
2588
+ let element = this._coerCheckboxList().find(x => x.id() == id);
2566
2589
  if (Tools.IsNotNull(element)) {
2567
2590
  let response = { all, checked, rows: [] };
2568
2591
  //All Checkbox
@@ -2581,7 +2604,7 @@ class CoerGrid extends CoerGridExtension {
2581
2604
  for (const row of this._value) {
2582
2605
  row.checked = false;
2583
2606
  }
2584
- for (const checkbox of this.coerCheckboxList()) {
2607
+ for (const checkbox of this._coerCheckboxList()) {
2585
2608
  if (checkbox.id() != id)
2586
2609
  checkbox.Uncheck();
2587
2610
  }
@@ -2589,8 +2612,8 @@ class CoerGrid extends CoerGridExtension {
2589
2612
  this._value[row.indexRow].checked = checked;
2590
2613
  this.SetValue(this._value);
2591
2614
  //Mark All checkbox
2592
- const checkboxAll = this.coerCheckboxList().find(x => x.id() == this._GetId(0, 0, 'checkboxAll'));
2593
- if (this.value_signal().every((x) => x.checked)) {
2615
+ const checkboxAll = this._coerCheckboxList().find(x => x.id() == this._GetId(0, 0, 'checkboxAll'));
2616
+ if (this._value_signal().every((x) => x.checked)) {
2594
2617
  checkboxAll?.Check();
2595
2618
  }
2596
2619
  else {
@@ -2611,7 +2634,7 @@ class CoerGrid extends CoerGridExtension {
2611
2634
  row.checked = true;
2612
2635
  }
2613
2636
  this.SetValue(this._value);
2614
- for (const checkbox of this.coerCheckboxList()) {
2637
+ for (const checkbox of this._coerCheckboxList()) {
2615
2638
  checkbox.Check();
2616
2639
  }
2617
2640
  this._isLoading.set(false);
@@ -2623,7 +2646,7 @@ class CoerGrid extends CoerGridExtension {
2623
2646
  row.checked = false;
2624
2647
  }
2625
2648
  this.SetValue(this._value);
2626
- for (const checkbox of this.coerCheckboxList()) {
2649
+ for (const checkbox of this._coerCheckboxList()) {
2627
2650
  checkbox.Uncheck();
2628
2651
  }
2629
2652
  this._isLoading.set(false);
@@ -2635,7 +2658,7 @@ class CoerGrid extends CoerGridExtension {
2635
2658
  const rowList = Tools.BreakReference(this._value.filter(callback));
2636
2659
  let element;
2637
2660
  for (const { indexRow } of rowList) {
2638
- element = this.coerCheckboxList().find(x => x.id() == this._GetId(indexRow, 0, 'checkbox'));
2661
+ element = this._coerCheckboxList().find(x => x.id() == this._GetId(indexRow, 0, 'checkbox'));
2639
2662
  if (Tools.IsNotNull(element)) {
2640
2663
  element?.Check();
2641
2664
  }
@@ -2650,7 +2673,7 @@ class CoerGrid extends CoerGridExtension {
2650
2673
  const rowList = Tools.BreakReference(this._value.filter(callback));
2651
2674
  let element;
2652
2675
  for (const { indexRow } of rowList) {
2653
- element = this.coerCheckboxList().find(x => x.id() == this._GetId(indexRow, 0, 'checkbox'));
2676
+ element = this._coerCheckboxList().find(x => x.id() == this._GetId(indexRow, 0, 'checkbox'));
2654
2677
  if (Tools.IsNotNull(element)) {
2655
2678
  element?.Uncheck();
2656
2679
  }
@@ -2659,7 +2682,7 @@ class CoerGrid extends CoerGridExtension {
2659
2682
  });
2660
2683
  }
2661
2684
  /** */
2662
- ClickOnRow(row) {
2685
+ _ClickOnRow(row) {
2663
2686
  if (this._isDisabled())
2664
2687
  return;
2665
2688
  if (Tools.IsNotNull(this.checkbox.checkOnRow) && this.checkbox.checkOnRow) {
@@ -2701,11 +2724,11 @@ class CoerGrid extends CoerGridExtension {
2701
2724
  }
2702
2725
  }
2703
2726
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerGrid, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
2704
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerGrid, isStandalone: false, selector: "coer-grid", providers: [CONTROL_VALUE(CoerGrid)], usesInheritance: true, ngImport: i0, template: "<div class=\"coer-grid\" [ngStyle]=\"{ 'width': width(), 'min-Width': MinWidth(), 'max-Width': MaxWidth(), 'margin': margin() }\">\r\n <header [id]=\"_id + '-header'\" class=\"row\">\r\n <!-- Slot -->\r\n <ng-content></ng-content>\r\n\r\n <!-- Export Button -->\r\n @if(exportButton.show && gridLength().dataSource > 0) {\r\n <div class=\"col-auto\">\r\n <coer-button\r\n type=\"icon\"\r\n color=\"navigation\"\r\n icon=\"excel\"\r\n [tooltip]=\"_isLoading() ? 'Loading' : (exportButton.tooltip || 'Export')\"\r\n [path]=\"(exportButton && exportButton.path) ? exportButton.path : []\"\r\n [isDisabled]=\"_isDisabled() || _isLoading() || (exportButton.isDisabled || false)\"\r\n [isLoading]=\"_isLoading()\"\r\n [animation]=\"_enableAnimations\"\r\n (onClick)=\"Export(!exportButton.preventDefault)\"\r\n ></coer-button>\r\n </div>\r\n }\r\n\r\n <!-- Import Button -->\r\n @if(importButton.show && !isReadonly()) {\r\n <div class=\"col-auto\">\r\n <input type=\"file\" #inputFileRef [multiple]=\"false\" (change)=\"Import($event)\">\r\n\r\n <coer-button\r\n type=\"icon\"\r\n color=\"navigation\"\r\n icon=\"import\"\r\n [tooltip]=\"importButton.tooltip || 'Import'\"\r\n [path]=\"(importButton && importButton.path) ? importButton.path : []\"\r\n [isDisabled]=\"importButton.isDisabled || false\"\r\n [animation]=\"_enableAnimations\"\r\n (onClick)=\"Import()\"\r\n ></coer-button>\r\n </div>\r\n }\r\n\r\n <!-- Add Button -->\r\n @if(addButton.show && !isReadonly()) {\r\n <div class=\"col-auto\">\r\n <coer-button\r\n type=\"icon\"\r\n color=\"navigation\"\r\n icon=\"new\"\r\n [tooltip]=\"addButton.tooltip || 'New'\"\r\n [path]=\"(addButton && addButton.path) ? addButton.path : []\"\r\n [isDisabled]=\"addButton.isDisabled || false\"\r\n [animation]=\"_enableAnimations\"\r\n (onClick)=\"onClickAdd.emit()\"\r\n ></coer-button>\r\n </div>\r\n }\r\n\r\n <!-- Save Button -->\r\n @if(saveButton.show && !isReadonly()) {\r\n <div class=\"col-auto\">\r\n <coer-button\r\n type=\"icon\"\r\n color=\"navigation\"\r\n icon=\"save\"\r\n [tooltip]=\"saveButton.tooltip || 'Save'\"\r\n [path]=\"(saveButton && saveButton.path) ? saveButton.path : []\"\r\n [isDisabled]=\"saveButton.isDisabled || false\"\r\n [animation]=\"_enableAnimations\"\r\n (onClick)=\"onClickSave.emit()\"\r\n ></coer-button>\r\n </div>\r\n }\r\n\r\n <!-- Search -->\r\n @if(search.show) {\r\n <div class=\"col-auto\">\r\n <coer-textbox\r\n #inputSearch\r\n [id]=\"_GetId(-1, -1, 'search')\"\r\n [ngModel]=\"_gridSearch()\"\r\n placeholder=\"Search\"\r\n [isDisabled]=\"_isDisabled() || _isLoading()\"\r\n [selectOnFocus]=\"true\"\r\n width=\"250px\"\r\n [showSearchIcon]=\"true\"\r\n [showClearIcon]=\"true\"\r\n (onInput)=\"InputChange(-1, 'Search', $event, 'coer-textbox-search')\"\r\n (onClickClear)=\"InputChange(-1, 'Search', '', 'coer-textbox-search')\"\r\n (onKeyupEnter)=\"KeyupEnter(-1, { indexRow: -1 }, 'coer-textbox-search', $event);\"\r\n ></coer-textbox>\r\n </div>\r\n }\r\n </header>\r\n\r\n <section [ngClass]=\"{ 'grid-container': true, 'invisible': isInvisible() }\"> \r\n <div #innerContainer [ngStyle]=\"{ 'height': _height, 'min-height': minHeight(), 'max-height': maxHeight() }\"> \r\n @if(!_isDisabled() && gridLength().dataSource <= 0 && !isLoading()) {\r\n <div class=\"no-data\"> No Data </div>\r\n }\r\n \r\n @if(!isLoading()) {\r\n <table class=\"table table-sm table-responsive table-striped\">\r\n <thead>\r\n <tr>\r\n @if(checkbox.show && gridLength().dataSource > 0) {\r\n <!-- CheckBox Column -->\r\n <th scope=\"col\" class=\"check-box\">\r\n <div *ngIf=\"!_onlyOneCheck\" [ngClass]=\"{ 'invisible': _isLoadingMessage }\">\r\n <coer-checkbox\r\n [id]=\"_GetId(0, 0, 'checkboxAll')\"\r\n [ignoreDataBinding]=\"true\"\r\n [isDisabled]=\"_isDisabled() || _isLoading()\"\r\n (onChange)=\"ClickCheck(_GetId(0, 0, 'checkboxAll'), $event, true)\"\r\n ></coer-checkbox>\r\n </div>\r\n </th>\r\n }\r\n \r\n <!-- Dynamic Grid Column -->\r\n @for(header of gridColumns(); track header.indexColumn) {\r\n <th scope=\"col\" (dblclick)=\"Sort(header.columnName)\"\r\n [ngClass]=\"{\r\n 'no-selection': true,\r\n 'cursor-default': !enableSort() && !_isLoading(),\r\n 'cursor-pointer': enableSort() && !_isLoading(),\r\n 'cursor-wait': _isLoading()\r\n }\"\r\n [ngStyle]=\"{\r\n 'width': header.width,\r\n 'text-align': GetAttribute(header.columnName, null, 'textAlign', 'defaul-cell')\r\n }\">\r\n <div class=\"no-selection d-flex align-items-center\">\r\n <span class=\"me-1\"> {{ _GetColumnName(header.columnName) }} </span>\r\n <i [class]=\"_GetShortIcon(header.columnName)\"></i> \r\n <i [class]=\"_GetSearchIcon(header.columnName)\"></i>\r\n </div>\r\n </th>\r\n }\r\n \r\n <!-- Delete Button Column -->\r\n @if(ButtonByRow('showDeleteButton')) {\r\n <th scope=\"col\" class=\"action-button\"></th>\r\n }\r\n \r\n <!-- Edit Button Column -->\r\n @if(ButtonByRow('showEditButton')) {\r\n <th scope=\"col\" class=\"action-button\"></th>\r\n }\r\n \r\n <!-- Edit Button Column -->\r\n @if(ButtonByRow('showGoButton')) {\r\n <th scope=\"col\" class=\"action-button\"></th>\r\n }\r\n </tr>\r\n </thead>\r\n \r\n <!-- body -->\r\n @for(group of gridDataSource(); track group.indexGroup) {\r\n <tbody>\r\n <!--<tr v-if=\"_isGrouped\">\r\n <td :colspan=\"_colspan\" class=\"group\">\r\n <MesAccordion\r\n :ref=\"`accordion${group.indexGroup}-${id}`\"\r\n :title=\"`${_CleanHeaderName(groupBy)} (${group.length}): ${group.groupBy}`\"\r\n :isLoading=\"_isLoading()\"\r\n @expanded=\"_ToogleAccordion(group.groupBy, true, group.indexGroup)\"\r\n @collapsed=\"_ToogleAccordion(group.groupBy, false, group.indexGroup)\"\r\n ></MesAccordion>\r\n </td>\r\n </tr>-->\r\n \r\n @for(row of group.rows; track row.indexRow) {\r\n <tr [id]=\"_GetId(row.indexRow, 0, 'row')\"\r\n [ngClass]=\"{ 'loading': isLoading(), 'd-none': _HideRow(group), 'row-focus': (row.indexRow == _indexFocus() && enableRowFocus()) }\"\r\n (click)=\"_indexFocus.set(row.indexRow)\">\r\n \r\n @if(checkbox.show) {\r\n <!-- CheckBox Column -->\r\n <td class=\"check-box\">\r\n <div [ngClass]=\"{ 'invisible': _isLoadingMessage }\">\r\n <coer-checkbox\r\n [id]=\"_GetId(row.indexRow, 0, 'checkbox')\"\r\n [ignoreDataBinding]=\"true\"\r\n [isDisabled]=\"_isDisabled() || _isLoading()\"\r\n (onChange)=\"ClickCheck(_GetId(row.indexRow, 0, 'checkbox'), $event, false, row)\"\r\n ></coer-checkbox>\r\n </div>\r\n \r\n <div [ngClass]=\"{ 'invisible': !_isLoadingMessage, 'spinner-border-container': true }\">\r\n <i class=\"spinner-border\"></i>\r\n </div>\r\n </td>\r\n }\r\n \r\n <!-- Dynamic Column -->\r\n @for(header of gridColumns(); track header.indexColumn) {\r\n @if(_IsCellType(header.columnName, row, 'template')) {\r\n <td class=\"template\"\r\n (click)=\"_isDisabled() ? null : onClickRow.emit(row)\"\r\n (dblclick)=\"_isDisabled() ? null : onDoubleClickRow.emit(row)\">\r\n <div [innerHTML]=\"GetAttribute(header.columnName, row, 'template', 'defaul-cell') | html\" class=\"template\"></div>\r\n </td>\r\n }\r\n \r\n @else if(_IsCellType(header.columnName, row, 'coerTextbox')) {\r\n <!-- coer-textbox -->\r\n <td class=\"coer-textbox\">\r\n <coer-textbox\r\n [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n [(ngModel)]=\"row[header.columnName]\"\r\n [isDisabled]=\"GetAttribute(header.columnName, row, 'isDisabled', 'coerTextbox') || _isDisabled() || _isLoading()\"\r\n [isValid]=\"GetAttribute(header.columnName, row, 'isValid', 'coerTextbox') || false\"\r\n [isInvalid]=\"GetAttribute(header.columnName, row, 'isInvalid', 'coerTextbox') || false\"\r\n [selectOnFocus]=\"GetAttribute(header.columnName, row, 'selectOnFocus', 'coerTextbox') || true\"\r\n [placeholder]=\"GetAttribute(header.columnName, row, 'placeholder', 'coerTextbox') || ('Type ' + header.columnName + '...')\"\r\n [textPosition]=\"GetAttribute(header.columnName, row, 'textPosition', 'coerTextbox') || 'left'\"\r\n [minLength]=\"GetAttribute(header.columnName, row, 'minLength', 'coerTextbox') || 0\"\r\n [maxLength]=\"GetAttribute(header.columnName, row, 'maxLength', 'coerTextbox') || 50\"\r\n (onInput)=\"InputChange(row.indexRow, header.columnName, $event, 'coer-textbox')\"\r\n (onKeyupEnter)=\"KeyupEnter(header.indexColumn, row, 'coer-textbox', $event)\"\r\n ></coer-textbox>\r\n </td>\r\n }\r\n \r\n \r\n @else if(_IsCellType(header.columnName, row, 'coerNumberbox')) {\r\n <!-- coer-numberbox -->\r\n <td class=\"coer-numberbox\">\r\n <coer-numberbox\r\n [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n [(ngModel)]=\"row[header.columnName]\"\r\n [isDisabled]=\"GetAttribute(header.columnName, row, 'isDisabled', 'coerNumberbox') || _isDisabled() || _isLoading()\"\r\n [isValid]=\"GetAttribute(header.columnName, row, 'isValid', 'coerNumberbox') || false\"\r\n [isInvalid]=\"GetAttribute(header.columnName, row, 'isInvalid', 'coerNumberbox') || false\"\r\n [selectOnFocus]=\"GetAttribute(header.columnName, row, 'selectOnFocus', 'coerNumberbox') || true\"\r\n [placeholder]=\"GetAttribute(header.columnName, row, 'placeholder', 'coerNumberbox') || ''\"\r\n [textPosition]=\"GetAttribute(header.columnName, row, 'textPosition', 'coerNumberbox') || 'right'\"\r\n [min]=\"GetAttribute(header.columnName, row, 'min', 'coerNumberbox') || 0\"\r\n [max]=\"GetAttribute(header.columnName, row, 'max', 'coerNumberbox') || 2147483647\"\r\n [decimals]=\"GetAttribute(header.columnName, row, 'decimals', 'coerNumberbox') || 0\"\r\n (onInput)=\"InputChange(row.indexRow, header.columnName, $event, 'coer-numberbox')\"\r\n (onKeyupEnter)=\"KeyupEnter(header.indexColumn, row, 'coer-numberbox', $event)\"\r\n ></coer-numberbox>\r\n </td>\r\n }\r\n \r\n \r\n @else if(_IsCellType(header.columnName, row, 'coerSelectbox')) {\r\n <!-- coer-numberbox -->\r\n <td class=\"coer-selectbox\">\r\n <coer-selectbox\r\n [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n [(ngModel)]=\"row[header.columnName]\"\r\n [isDisabled]=\"GetAttribute(header.columnName, row, 'isDisabled', 'coerSelectbox') || _isDisabled() || _isLoading()\"\r\n [isValid]=\"GetAttribute(header.columnName, row, 'isValid', 'coerSelectbox') || false\"\r\n [isInvalid]=\"GetAttribute(header.columnName, row, 'isInvalid', 'coerSelectbox') || false\"\r\n [dataSource]=\"GetAttribute(header.columnName, row, 'dataSource', 'coerSelectbox') || []\"\r\n [placeholder]=\"GetAttribute(header.columnName, row, 'placeholder', 'coerSelectbox') || '-- Select --'\"\r\n [propDisplay]=\"GetAttribute(header.columnName, row, 'propDisplay', 'coerSelectbox') || 'name'\"\r\n (onSelected)=\"InputChange(row.indexRow, header.columnName, $event, 'coer-selectbox'); KeyupEnter(header.indexColumn, row, 'coer-selectbox', $event)\"\r\n ></coer-selectbox>\r\n </td>\r\n }\r\n \r\n \r\n @else if(_IsCellType(header.columnName, row, 'coerSwitch')) {\r\n <!-- coer-switch -->\r\n <td>\r\n <coer-switch\r\n [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n [(ngModel)]=\"row[header.columnName]\"\r\n [isDisabled]=\"GetAttribute(header.columnName, row, 'isDisabled', 'coerSwitch') || _isDisabled() || _isLoading()\"\r\n [tooltip]=\"GetAttribute(header.columnName, row, 'tooltip', 'coerSwitch')\"\r\n [tooltipPosition]=\"GetAttribute(header.columnName, row, 'tooltipPosition', 'coerSwitch') || 'left'\"\r\n [isInvisible]=\"_isDisabled()\"\r\n (onChange)=\"InputChange(row.indexRow, header.columnName, $event, 'coer-switch')\"\r\n ></coer-switch>\r\n </td>\r\n }\r\n \r\n @else {\r\n <!-- Default Cell -->\r\n <td class=\"default-cell\"\r\n (click)=\"ClickOnRow(row)\"\r\n (dblclick)=\"_isDisabled() ? null : onDoubleClickRow.emit(row)\"\r\n [ngStyle]=\"{\r\n 'text-align': GetAttribute(header.columnName, row, 'textAlign', 'defaul-cell'),\r\n 'white-space': 'normal'\r\n }\">\r\n \r\n <div [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n [ngClass]=\"{\r\n 'text-blue-bold': _IsCellColor(header.columnName, row, 'colorBlue'),\r\n 'text-green-bold': _IsCellColor(header.columnName, row, 'colorGreen'),\r\n 'text-yellow-bold': _IsCellColor(header.columnName, row, 'colorYellow'),\r\n 'text-red-bold': _IsCellColor(header.columnName, row, 'colorRed'),\r\n 'text-right-bold': _IsCellType(header.columnName, row, 'number')\r\n }\">\r\n \r\n @if(_IsCellType(header.columnName, row, 'number')) {\r\n <span> {{ GetNumericFormat(row[header.columnName]) }} </span>\r\n }\r\n \r\n @else if(_IsCellType(header.columnName, row, 'date')) {\r\n <span> {{ _GetDateFormat(row[header.columnName], _IsCellType(header.columnName, row, 'toLocalZone')) }} </span>\r\n }\r\n \r\n @else if(_IsCellType(header.columnName, row, 'date-time')) {\r\n <span> {{ _GetDateTimeFormat(row[header.columnName], _IsCellType(header.columnName, row, 'toLocalZone')) }} </span>\r\n }\r\n \r\n @else {\r\n <span> {{ _GetCellValue(row, header.columnName) }} </span>\r\n }\r\n </div>\r\n </td>\r\n }\r\n }\r\n \r\n <!-- Delete Button -->\r\n @if(ButtonByRow('showDeleteButton')) {\r\n <td class=\"action-button\">\r\n @if(ButtonByRow('showDeleteButton', row)) {\r\n <coer-button\r\n type=\"icon-no-border\"\r\n color=\"navigation\"\r\n icon=\"delete\"\r\n [tooltip]=\"_GetTooltip('Delete', row)\"\r\n [isInvisible]=\"_isDisabled()\"\r\n [isReadonly]=\"isReadonly()\"\r\n [isDisabled]=\"_isLoading()\"\r\n (onClick)=\"onClickDeleteRow.emit(row)\"\r\n ></coer-button>\r\n }\r\n </td>\r\n }\r\n \r\n <!-- Edit Button -->\r\n @if(ButtonByRow('showEditButton')) {\r\n <td class=\"action-button\">\r\n @if(ButtonByRow('showEditButton', row)) {\r\n <coer-button\r\n type=\"icon-no-border\"\r\n color=\"navigation\"\r\n icon=\"edit\"\r\n [tooltip]=\"_GetTooltip('Edit', row)\"\r\n [isInvisible]=\"_isDisabled()\"\r\n [isDisabled]=\"_isLoading()\"\r\n (onClick)=\"onClickEditRow.emit(row)\"\r\n ></coer-button>\r\n }\r\n </td>\r\n }\r\n \r\n <!-- GO Button -->\r\n @if(ButtonByRow('showGoButton')) {\r\n <td class=\"action-button\">\r\n @if(ButtonByRow('showGoButton', row)) {\r\n <coer-button\r\n type=\"icon-no-border\"\r\n color=\"navigation\"\r\n icon=\"go\"\r\n [tooltip]=\"_GetTooltip('Go to', row, 'detail')\"\r\n [isInvisible]=\"_isDisabled()\"\r\n [isDisabled]=\"_isLoading()\"\r\n (onClick)=\"onClickGoRow.emit(row)\"\r\n ></coer-button>\r\n }\r\n </td>\r\n }\r\n </tr>\r\n }\r\n </tbody>\r\n }\r\n </table>\r\n }\r\n\r\n @else {\r\n <!-- Grid Message -->\r\n <div class=\"loading\" [ngStyle]=\"{ \r\n 'width': '100%', \r\n 'height': '100%',\r\n 'bottom': showFooter() ? '35px' : '10px'\r\n }\">\r\n <i class=\"spinner-border\"></i>\r\n <span class=\"fa-fade\">Loading</span>\r\n </div> \r\n }\r\n </div>\r\n </section>\r\n\r\n @if(showFooter()) {\r\n <footer class=\"grid-footer\">\r\n <span>\r\n @if(_isLoadingMessage) {\r\n <span class=\"fa-fade\"> Loading </span>\r\n }\r\n\r\n @else if(gridLength().dataSourceSelected > 0) {\r\n <span>\r\n <i class=\"bi bi-check2-square ms-1\"></i>\r\n {{ gridLength().dataSourceSelected }}\r\n </span>\r\n }\r\n </span>\r\n\r\n <span class=\"me-1\"> {{ gridLength().dataSourceFiltered | numericFormat }} Rows </span>\r\n </footer>\r\n }\r\n</div>", 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}div.coer-grid header{align-items:flex-end;justify-content:flex-end;padding-right:8px;margin:0}div.coer-grid header>div{padding:0 0 10px 10px;display:flex;align-items:baseline}div.coer-grid header>div a{height:40px!important}div.coer-grid table{table-layout:auto;border-collapse:separate;border-spacing:1px 0px;margin:0;font-size:14px}div.coer-grid table thead tr th{position:sticky!important;z-index:100!important;top:0!important;background-color:var(--gray)!important;color:var(--smoke)!important;padding:5px!important;vertical-align:middle!important;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;min-width:50px!important;white-space:nowrap!important}div.coer-grid table tbody{border:0px!important}div.coer-grid table tbody tr:not(.row-focus):hover td{color:#000!important;background-color:#f1f6ff}div.coer-grid table tbody tr td{border:0px!important;padding:5px!important;vertical-align:middle!important;white-space:break-spaces;text-overflow:ellipsis;overflow:hidden;min-height:31px!important}div.coer-grid table tbody tr.row-focus td{background-color:#cde1ff}div.coer-grid table tbody tr td.coer-textbox,div.coer-grid table tbody tr td.coer-numberbox,div.coer-grid table tbody tr td.coer-selectbox{padding:0!important;overflow:visible!important}div.coer-grid table tbody tr td.default-cell{cursor:pointer!important}div.coer-grid table thead tr th.action-button,div.coer-grid table thead tr td.action-button,div.coer-grid table thead tr th.check-box,div.coer-grid table thead tr td.check-box,div.coer-grid table tbody tr th.action-button,div.coer-grid table tbody tr td.action-button,div.coer-grid table tbody tr th.check-box table tbody tr td.check-box{text-align:center!important;cursor:default!important;min-width:40px!important;max-width:40px!important;width:40px!important;padding:0!important}div.coer-grid footer.grid-footer{display:flex;align-items:center;justify-content:space-between;font-size:small;color:#999;padding-top:5px}div.coer-grid section.grid-container{position:relative;overflow:auto}div.coer-grid div.loading,div.coer-grid div.no-data{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:25px;color:gray}div.coer-grid div.loading{background-color:#bbbbbb83!important;flex-direction:column!important;gap:10px!important;z-index:1}div.coer-grid div.loading span.fa-fade{position:relative!important;top:50px!important}div.coer-grid tr.loading{background-color:#bbbbbb83!important}div.coer-grid div.loading i.spinner-border{color:var(--primary-inner)!important;width:70px!important;height:70px!important;font-size:20px!important;position:absolute!important}div.coer-grid td.check-box div.spinner-border-container{position:absolute;transform:translate(7px,-19px)}div.coer-grid td.check-box div.spinner-border-container i.spinner-border{width:15px!important;height:15px!important;color:var(--primary-inner)!important}div.coer-grid table thead tr th.check-box>div,div.coer-grid table tbody tr td.check-box>div{display:flex;align-items:center;justify-content:center;cursor:default!important}div.coer-grid input.form-check-input{box-shadow:none!important;margin:0}div.coer-grid input[type=checkbox]{cursor:pointer!important}div.coer-grid td.group{padding:0!important;margin:0!important}div.coer-grid td.group>*{border-top:1px solid var(--gray)!important;border-bottom:1px solid var(--gray)!important;padding:0!important;margin:0!important}div.coer-grid .template,div.coer-grid .template div{white-space:nowrap!important;display:flex!important;align-items:center!important;cursor:pointer!important;gap:5px!important;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CoerButton, selector: "coer-button", inputs: ["id", "color", "type", "icon", "iconPosition", "path", "animation", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "height", "minHeight", "marginTop", "marginRight", "marginBottom", "marginLeft", "tooltipPosition", "tooltip"], outputs: ["onClick"] }, { kind: "component", type: CoerCheckbox, selector: "coer-checkbox", inputs: ["value", "id", "label", "labelPosition", "isLoading", "isDisabled", "isReadonly", "isInvisible", "ignoreDataBinding"], outputs: ["onChange"] }, { kind: "component", type: CoerNumberBox, selector: "coer-numberbox", inputs: ["value", "id", "label", "placeholder", "textPosition", "min", "max", "isInvalid", "isValid", "selectOnFocus", "decimals", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "marginTop", "marginRight", "marginBottom", "marginLeft"], outputs: ["onKeyupEnter", "onInput"] }, { kind: "component", type: CoerSelectbox, selector: "coer-selectbox", inputs: ["value", "id", "label", "placeholder", "isInvalid", "isValid", "dataSource", "propDisplay", "rowsByPage", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "marginTop", "marginRight", "marginBottom", "marginLeft"], outputs: ["onSelected", "onUnselect"] }, { kind: "component", type: CoerSwitch, selector: "coer-switch", inputs: ["value", "id", "label", "labelPosition", "isLoading", "isDisabled", "isReadonly", "isInvisible", "tooltipPosition", "tooltip"], outputs: ["onChange"] }, { kind: "component", type: CoerTextBox, selector: "coer-textbox", inputs: ["value", "id", "label", "placeholder", "textPosition", "minLength", "maxLength", "isInvalid", "isValid", "externalButton", "selectOnFocus", "showClearIcon", "showSearchIcon", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "marginTop", "marginRight", "marginBottom", "marginLeft"], outputs: ["onKeyupEnter", "onInput", "onClickClear", "onClickSearch", "onClickExternalButton"] }, { kind: "pipe", type: i9.HtmlPipe, name: "html" }, { kind: "pipe", type: i9.NumericFormatPipe, name: "numericFormat" }] }); }
2727
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerGrid, isStandalone: false, selector: "coer-grid", providers: [CONTROL_VALUE(CoerGrid)], usesInheritance: true, ngImport: i0, template: "<div class=\"coer-grid\" [ngStyle]=\"{ 'width': width(), 'min-Width': MinWidth(), 'max-Width': MaxWidth(), 'margin': margin() }\">\r\n <header [id]=\"_id + '-header'\" class=\"row\">\r\n <!-- Slot -->\r\n <ng-content></ng-content>\r\n\r\n <!-- Export Button -->\r\n @if(exportButton.show && gridLength().dataSource > 0) {\r\n <div class=\"col-auto\">\r\n <coer-button\r\n type=\"icon\"\r\n [color]=\"_ColorButton(exportButton)\"\r\n icon=\"excel\"\r\n [tooltip]=\"_isLoading() ? 'Loading' : (exportButton.tooltip || 'Export')\"\r\n [path]=\"(exportButton && exportButton.path) ? exportButton.path : []\"\r\n [isDisabled]=\"_isDisabled() || _isLoading() || (exportButton.isDisabled || false)\"\r\n [isLoading]=\"_isLoading()\"\r\n [animation]=\"_enableAnimations\"\r\n (onClick)=\"Export(!exportButton.preventDefault)\"\r\n ></coer-button>\r\n </div>\r\n }\r\n\r\n <!-- Import Button -->\r\n @if(importButton.show && !isReadonly()) {\r\n <div class=\"col-auto\">\r\n <input type=\"file\" #inputFileRef [multiple]=\"false\" (change)=\"_Import($event)\">\r\n\r\n <coer-button\r\n type=\"icon\"\r\n color=\"primary\"\r\n [color]=\"_ColorButton(importButton)\"\r\n [tooltip]=\"importButton.tooltip || 'Import'\"\r\n [path]=\"(importButton && importButton.path) ? importButton.path : []\"\r\n [isDisabled]=\"importButton.isDisabled || false\"\r\n [animation]=\"_enableAnimations\"\r\n (onClick)=\"_Import()\"\r\n ></coer-button>\r\n </div>\r\n }\r\n\r\n <!-- Add Button -->\r\n @if(addButton.show && !isReadonly()) {\r\n <div class=\"col-auto\">\r\n <coer-button\r\n type=\"icon\"\r\n [color]=\"_ColorButton(addButton)\"\r\n icon=\"new\"\r\n [tooltip]=\"addButton.tooltip || 'New'\"\r\n [path]=\"(addButton && addButton.path) ? addButton.path : []\"\r\n [isDisabled]=\"addButton.isDisabled || false\"\r\n [animation]=\"_enableAnimations\"\r\n (onClick)=\"onClickAdd.emit()\"\r\n ></coer-button>\r\n </div>\r\n }\r\n\r\n <!-- Save Button -->\r\n @if(saveButton.show && !isReadonly()) {\r\n <div class=\"col-auto\">\r\n <coer-button\r\n type=\"icon\"\r\n [color]=\"_ColorButton(saveButton)\"\r\n icon=\"save\"\r\n [tooltip]=\"saveButton.tooltip || 'Save'\"\r\n [path]=\"(saveButton && saveButton.path) ? saveButton.path : []\"\r\n [isDisabled]=\"saveButton.isDisabled || false\"\r\n [animation]=\"_enableAnimations\"\r\n (onClick)=\"onClickSave.emit()\"\r\n ></coer-button>\r\n </div>\r\n }\r\n\r\n <!-- Search -->\r\n @if(search.show) {\r\n <div class=\"col-auto\">\r\n <coer-textbox\r\n #inputSearch\r\n [id]=\"_GetId(-1, -1, 'search')\"\r\n [ngModel]=\"_gridSearch()\"\r\n placeholder=\"Search\"\r\n [isDisabled]=\"_isDisabled() || _isLoading()\"\r\n [selectOnFocus]=\"true\"\r\n width=\"250px\"\r\n [showSearchIcon]=\"true\"\r\n [showClearIcon]=\"true\"\r\n (onInput)=\"_InputChange(-1, 'Search', $event, 'coer-textbox-search')\"\r\n (onClickClear)=\"_InputChange(-1, 'Search', '', 'coer-textbox-search')\"\r\n (onKeyupEnter)=\"_KeyupEnter(-1, { indexRow: -1 }, 'coer-textbox-search', $event);\"\r\n ></coer-textbox>\r\n </div>\r\n }\r\n </header>\r\n\r\n <section [ngClass]=\"{ 'grid-container': true, 'invisible': isInvisible() }\"> \r\n <div #innerContainer [ngStyle]=\"{ 'height': _height, 'min-height': minHeight(), 'max-height': maxHeight() }\"> \r\n @if(!_isDisabled() && gridLength().dataSource <= 0 && !isLoading()) {\r\n <div class=\"no-data\"> No Data </div>\r\n }\r\n \r\n @if(!isLoading()) {\r\n <table class=\"table table-sm table-responsive table-striped\">\r\n <thead>\r\n <tr>\r\n @if(checkbox.show && gridLength().dataSource > 0) {\r\n <!-- CheckBox Column -->\r\n <th scope=\"col\" class=\"check-box\">\r\n <div *ngIf=\"!_onlyOneCheck\" [ngClass]=\"{ 'invisible': _isLoadingMessage }\">\r\n <coer-checkbox\r\n [id]=\"_GetId(0, 0, 'checkboxAll')\"\r\n [ignoreDataBinding]=\"true\"\r\n [isDisabled]=\"_isDisabled() || _isLoading()\"\r\n (onChange)=\"_ClickCheck(_GetId(0, 0, 'checkboxAll'), $event, true)\"\r\n ></coer-checkbox>\r\n </div>\r\n </th>\r\n }\r\n \r\n <!-- Dynamic Grid Column -->\r\n @for(header of _gridColumns(); track header.indexColumn) {\r\n <th scope=\"col\" (dblclick)=\"Sort(header.columnName)\"\r\n [ngClass]=\"{\r\n 'no-selection': true,\r\n 'cursor-default': !enableSort() && !_isLoading(),\r\n 'cursor-pointer': enableSort() && !_isLoading(),\r\n 'cursor-wait': _isLoading()\r\n }\"\r\n [ngStyle]=\"{\r\n 'width': header.width,\r\n 'text-align': _GetAttribute(header.columnName, null, 'textAlign', 'defaul-cell')\r\n }\">\r\n <div class=\"no-selection d-flex align-items-center\">\r\n <span class=\"me-1\"> {{ _GetColumnName(header.columnName) }} </span>\r\n <i [class]=\"_GetShortIcon(header.columnName)\"></i> \r\n <i [class]=\"_GetSearchIcon(header.columnName)\"></i>\r\n </div>\r\n </th>\r\n }\r\n \r\n <!-- Delete Button Column -->\r\n @if(_ButtonByRow('showDeleteButton')) {\r\n <th scope=\"col\" class=\"action-button\"></th>\r\n }\r\n \r\n <!-- Edit Button Column -->\r\n @if(_ButtonByRow('showEditButton')) {\r\n <th scope=\"col\" class=\"action-button\"></th>\r\n }\r\n \r\n <!-- Edit Button Column -->\r\n @if(_ButtonByRow('showGoButton')) {\r\n <th scope=\"col\" class=\"action-button\"></th>\r\n }\r\n </tr>\r\n </thead>\r\n \r\n <!-- body -->\r\n @for(group of _gridDataSource(); track group.indexGroup) {\r\n <tbody>\r\n <!--<tr v-if=\"_isGrouped\">\r\n <td :colspan=\"_colspan\" class=\"group\">\r\n <MesAccordion\r\n :ref=\"`accordion${group.indexGroup}-${id}`\"\r\n :title=\"`${_CleanHeaderName(groupBy)} (${group.length}): ${group.groupBy}`\"\r\n :isLoading=\"_isLoading()\"\r\n @expanded=\"_ToogleAccordion(group.groupBy, true, group.indexGroup)\"\r\n @collapsed=\"_ToogleAccordion(group.groupBy, false, group.indexGroup)\"\r\n ></MesAccordion>\r\n </td>\r\n </tr>-->\r\n \r\n @for(row of group.rows; track row.indexRow) {\r\n <tr [id]=\"_GetId(row.indexRow, 0, 'row')\"\r\n [ngClass]=\"{ 'loading': isLoading(), 'd-none': _HideRow(group), 'row-focus': (row.indexRow == _indexFocus() && enableRowFocus()) }\"\r\n (click)=\"_indexFocus.set(row.indexRow)\">\r\n \r\n @if(checkbox.show) {\r\n <!-- CheckBox Column -->\r\n <td class=\"check-box\">\r\n <div [ngClass]=\"{ 'invisible': _isLoadingMessage }\">\r\n <coer-checkbox\r\n [id]=\"_GetId(row.indexRow, 0, 'checkbox')\"\r\n [ignoreDataBinding]=\"true\"\r\n [isDisabled]=\"_isDisabled() || _isLoading()\"\r\n (onChange)=\"_ClickCheck(_GetId(row.indexRow, 0, 'checkbox'), $event, false, row)\"\r\n ></coer-checkbox>\r\n </div>\r\n \r\n <div [ngClass]=\"{ 'invisible': !_isLoadingMessage, 'spinner-border-container': true }\">\r\n <i class=\"spinner-border\"></i>\r\n </div>\r\n </td>\r\n }\r\n \r\n <!-- Dynamic Column -->\r\n @for(header of _gridColumns(); track header.indexColumn) {\r\n @if(_IsCellType(header.columnName, row, 'template')) {\r\n <td class=\"template\"\r\n (click)=\"_isDisabled() ? null : onClickRow.emit(row)\"\r\n (dblclick)=\"_isDisabled() ? null : onDoubleClickRow.emit(row)\">\r\n <div [innerHTML]=\"_GetAttribute(header.columnName, row, 'template', 'defaul-cell') | html\" class=\"template\"></div>\r\n </td>\r\n }\r\n \r\n @else if(_IsCellType(header.columnName, row, 'coerTextbox')) {\r\n <!-- coer-textbox -->\r\n <td class=\"coer-textbox\">\r\n <coer-textbox\r\n [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n [(ngModel)]=\"row[header.columnName]\"\r\n [isDisabled]=\"_GetAttribute(header.columnName, row, 'isDisabled', 'coerTextbox') || _isDisabled() || _isLoading()\"\r\n [isValid]=\"_GetAttribute(header.columnName, row, 'isValid', 'coerTextbox') || false\"\r\n [isInvalid]=\"_GetAttribute(header.columnName, row, 'isInvalid', 'coerTextbox') || false\"\r\n [selectOnFocus]=\"_GetAttribute(header.columnName, row, 'selectOnFocus', 'coerTextbox') || true\"\r\n [placeholder]=\"_GetAttribute(header.columnName, row, 'placeholder', 'coerTextbox') || ('Type ' + header.columnName + '...')\"\r\n [textPosition]=\"_GetAttribute(header.columnName, row, 'textPosition', 'coerTextbox') || 'left'\"\r\n [minLength]=\"_GetAttribute(header.columnName, row, 'minLength', 'coerTextbox') || 0\"\r\n [maxLength]=\"_GetAttribute(header.columnName, row, 'maxLength', 'coerTextbox') || 50\"\r\n (onInput)=\"_InputChange(row.indexRow, header.columnName, $event, 'coer-textbox')\"\r\n (onKeyupEnter)=\"_KeyupEnter(header.indexColumn, row, 'coer-textbox', $event)\"\r\n ></coer-textbox>\r\n </td>\r\n }\r\n \r\n \r\n @else if(_IsCellType(header.columnName, row, 'coerNumberbox')) {\r\n <!-- coer-numberbox -->\r\n <td class=\"coer-numberbox\">\r\n <coer-numberbox\r\n [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n [(ngModel)]=\"row[header.columnName]\"\r\n [isDisabled]=\"_GetAttribute(header.columnName, row, 'isDisabled', 'coerNumberbox') || _isDisabled() || _isLoading()\"\r\n [isValid]=\"_GetAttribute(header.columnName, row, 'isValid', 'coerNumberbox') || false\"\r\n [isInvalid]=\"_GetAttribute(header.columnName, row, 'isInvalid', 'coerNumberbox') || false\"\r\n [selectOnFocus]=\"_GetAttribute(header.columnName, row, 'selectOnFocus', 'coerNumberbox') || true\"\r\n [placeholder]=\"_GetAttribute(header.columnName, row, 'placeholder', 'coerNumberbox') || ''\"\r\n [textPosition]=\"_GetAttribute(header.columnName, row, 'textPosition', 'coerNumberbox') || 'right'\"\r\n [min]=\"_GetAttribute(header.columnName, row, 'min', 'coerNumberbox') || 0\"\r\n [max]=\"_GetAttribute(header.columnName, row, 'max', 'coerNumberbox') || 2147483647\"\r\n [decimals]=\"_GetAttribute(header.columnName, row, 'decimals', 'coerNumberbox') || 0\"\r\n (onInput)=\"_InputChange(row.indexRow, header.columnName, $event, 'coer-numberbox')\"\r\n (onKeyupEnter)=\"_KeyupEnter(header.indexColumn, row, 'coer-numberbox', $event)\"\r\n ></coer-numberbox>\r\n </td>\r\n }\r\n \r\n \r\n @else if(_IsCellType(header.columnName, row, 'coerSelectbox')) {\r\n <!-- coer-numberbox -->\r\n <td class=\"coer-selectbox\">\r\n <coer-selectbox\r\n [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n [(ngModel)]=\"row[header.columnName]\"\r\n [isDisabled]=\"_GetAttribute(header.columnName, row, 'isDisabled', 'coerSelectbox') || _isDisabled() || _isLoading()\"\r\n [isValid]=\"_GetAttribute(header.columnName, row, 'isValid', 'coerSelectbox') || false\"\r\n [isInvalid]=\"_GetAttribute(header.columnName, row, 'isInvalid', 'coerSelectbox') || false\"\r\n [dataSource]=\"_GetAttribute(header.columnName, row, 'dataSource', 'coerSelectbox') || []\"\r\n [placeholder]=\"_GetAttribute(header.columnName, row, 'placeholder', 'coerSelectbox') || '-- Select --'\"\r\n [propDisplay]=\"_GetAttribute(header.columnName, row, 'propDisplay', 'coerSelectbox') || 'name'\"\r\n (onSelected)=\"_InputChange(row.indexRow, header.columnName, $event, 'coer-selectbox'); _KeyupEnter(header.indexColumn, row, 'coer-selectbox', $event)\"\r\n ></coer-selectbox>\r\n </td>\r\n }\r\n \r\n \r\n @else if(_IsCellType(header.columnName, row, 'coerSwitch')) {\r\n <!-- coer-switch -->\r\n <td>\r\n <coer-switch\r\n [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n [(ngModel)]=\"row[header.columnName]\"\r\n [isDisabled]=\"_GetAttribute(header.columnName, row, 'isDisabled', 'coerSwitch') || _isDisabled() || _isLoading()\"\r\n [tooltip]=\"_GetAttribute(header.columnName, row, 'tooltip', 'coerSwitch')\"\r\n [tooltipPosition]=\"_GetAttribute(header.columnName, row, 'tooltipPosition', 'coerSwitch') || 'left'\"\r\n [isInvisible]=\"_isDisabled()\"\r\n (onChange)=\"_InputChange(row.indexRow, header.columnName, $event, 'coer-switch')\"\r\n ></coer-switch>\r\n </td>\r\n }\r\n \r\n @else {\r\n <!-- Default Cell -->\r\n <td class=\"default-cell\"\r\n (click)=\"_ClickOnRow(row)\"\r\n (dblclick)=\"_isDisabled() ? null : onDoubleClickRow.emit(row)\"\r\n [ngStyle]=\"{\r\n 'text-align': _GetAttribute(header.columnName, row, 'textAlign', 'defaul-cell'),\r\n 'white-space': 'normal'\r\n }\">\r\n \r\n <div [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n [ngClass]=\"{\r\n 'text-blue-bold': _IsCellColor(header.columnName, row, 'colorBlue'),\r\n 'text-green-bold': _IsCellColor(header.columnName, row, 'colorGreen'),\r\n 'text-yellow-bold': _IsCellColor(header.columnName, row, 'colorYellow'),\r\n 'text-red-bold': _IsCellColor(header.columnName, row, 'colorRed'),\r\n 'text-right-bold': _IsCellType(header.columnName, row, 'number')\r\n }\">\r\n \r\n @if(_IsCellType(header.columnName, row, 'number')) {\r\n <span> {{ GetNumericFormat(row[header.columnName]) }} </span>\r\n }\r\n \r\n @else if(_IsCellType(header.columnName, row, 'date')) {\r\n <span> {{ _GetDateFormat(row[header.columnName], _IsCellType(header.columnName, row, 'toLocalZone')) }} </span>\r\n }\r\n \r\n @else if(_IsCellType(header.columnName, row, 'date-time')) {\r\n <span> {{ _GetDateTimeFormat(row[header.columnName], _IsCellType(header.columnName, row, 'toLocalZone')) }} </span>\r\n }\r\n \r\n @else {\r\n <span> {{ _GetCellValue(row, header.columnName) }} </span>\r\n }\r\n </div>\r\n </td>\r\n }\r\n }\r\n \r\n <!-- Delete Button -->\r\n @if(_ButtonByRow('showDeleteButton')) {\r\n <td class=\"action-button\">\r\n @if(_ButtonByRow('showDeleteButton', row)) {\r\n <coer-button\r\n type=\"icon-no-border\"\r\n [color]=\"_ColorButtonByRow('deleteButtonColor')\"\r\n icon=\"delete\"\r\n [tooltip]=\"_GetTooltip('Delete', row)\"\r\n [isInvisible]=\"_isDisabled()\"\r\n [isReadonly]=\"isReadonly()\"\r\n [isDisabled]=\"_isLoading()\"\r\n (onClick)=\"onClickDeleteRow.emit(row)\"\r\n ></coer-button>\r\n }\r\n </td>\r\n }\r\n \r\n <!-- Edit Button -->\r\n @if(_ButtonByRow('showEditButton')) {\r\n <td class=\"action-button\">\r\n @if(_ButtonByRow('showEditButton', row)) {\r\n <coer-button\r\n type=\"icon-no-border\"\r\n [color]=\"_ColorButtonByRow('editButtonColor')\"\r\n icon=\"edit\"\r\n [tooltip]=\"_GetTooltip('Edit', row)\"\r\n [isInvisible]=\"_isDisabled()\"\r\n [isDisabled]=\"_isLoading()\"\r\n (onClick)=\"onClickEditRow.emit(row)\"\r\n ></coer-button>\r\n }\r\n </td>\r\n }\r\n \r\n <!-- GO Button -->\r\n @if(_ButtonByRow('showGoButton')) {\r\n <td class=\"action-button\">\r\n @if(_ButtonByRow('showGoButton', row)) {\r\n <coer-button\r\n type=\"icon-no-border\"\r\n [color]=\"_ColorButtonByRow('goButtonColor')\"\r\n icon=\"go\"\r\n [tooltip]=\"_GetTooltip('Go to', row, 'detail')\"\r\n [isInvisible]=\"_isDisabled()\"\r\n [isDisabled]=\"_isLoading()\"\r\n (onClick)=\"onClickGoRow.emit(row)\"\r\n ></coer-button>\r\n }\r\n </td>\r\n }\r\n </tr>\r\n }\r\n </tbody>\r\n }\r\n </table>\r\n }\r\n\r\n @else {\r\n <!-- Grid Message -->\r\n <div class=\"loading\" [ngStyle]=\"{ \r\n 'width': '100%', \r\n 'height': '100%',\r\n 'bottom': showFooter() ? '35px' : '10px'\r\n }\">\r\n <i class=\"spinner-border\"></i>\r\n <span class=\"fa-fade\">Loading</span>\r\n </div> \r\n }\r\n </div>\r\n </section>\r\n\r\n @if(showFooter()) {\r\n <footer class=\"grid-footer\">\r\n <span>\r\n @if(_isLoadingMessage) {\r\n <span class=\"fa-fade\"> Loading </span>\r\n }\r\n\r\n @else if(gridLength().dataSourceSelected > 0) {\r\n <span>\r\n <i class=\"bi bi-check2-square ms-1\"></i>\r\n {{ gridLength().dataSourceSelected }}\r\n </span>\r\n }\r\n </span>\r\n\r\n <span class=\"me-1\"> {{ gridLength().dataSourceFiltered | numericFormat }} Rows </span>\r\n </footer>\r\n }\r\n</div>", 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));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-grid header{align-items:flex-end;justify-content:flex-end;padding-right:8px;margin:0}div.coer-grid header>div{padding:0 0 10px 10px;display:flex;align-items:baseline}div.coer-grid header>div a{height:40px!important}div.coer-grid table{table-layout:auto;border-collapse:separate;border-spacing:1px 0px;margin:0;font-size:14px}div.coer-grid table thead tr th{position:sticky!important;z-index:100!important;top:0!important;background-color:var(--gray)!important;color:var(--smoke)!important;padding:5px!important;vertical-align:middle!important;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;min-width:50px!important;white-space:nowrap!important}div.coer-grid table tbody{border:0px!important}div.coer-grid table tbody tr:not(.row-focus):hover td{color:#000!important;background-color:#f1f6ff}div.coer-grid table tbody tr td{border:0px!important;padding:5px!important;vertical-align:middle!important;white-space:break-spaces;text-overflow:ellipsis;overflow:hidden;min-height:31px!important}div.coer-grid table tbody tr.row-focus td{background-color:#cde1ff}div.coer-grid table tbody tr td.coer-textbox,div.coer-grid table tbody tr td.coer-numberbox,div.coer-grid table tbody tr td.coer-selectbox{padding:0!important;overflow:visible!important}div.coer-grid table tbody tr td.default-cell{cursor:pointer!important}div.coer-grid table thead tr th.action-button,div.coer-grid table thead tr td.action-button,div.coer-grid table thead tr th.check-box,div.coer-grid table thead tr td.check-box,div.coer-grid table tbody tr th.action-button,div.coer-grid table tbody tr td.action-button,div.coer-grid table tbody tr th.check-box table tbody tr td.check-box{text-align:center!important;cursor:default!important;min-width:40px!important;max-width:40px!important;width:40px!important;padding:0!important}div.coer-grid footer.grid-footer{display:flex;align-items:center;justify-content:space-between;font-size:small;color:#999;padding-top:5px}div.coer-grid section.grid-container{position:relative;overflow:auto}div.coer-grid div.loading,div.coer-grid div.no-data{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:25px;color:gray}div.coer-grid div.loading{background-color:#bbbbbb83!important;flex-direction:column!important;gap:10px!important;z-index:1}div.coer-grid div.loading span.fa-fade{position:relative!important;top:50px!important}div.coer-grid tr.loading{background-color:#bbbbbb83!important}div.coer-grid div.loading i.spinner-border{color:var(--primary-inner)!important;width:70px!important;height:70px!important;font-size:20px!important;position:absolute!important}div.coer-grid td.check-box div.spinner-border-container{position:absolute;transform:translate(7px,-19px)}div.coer-grid td.check-box div.spinner-border-container i.spinner-border{width:15px!important;height:15px!important;color:var(--primary-inner)!important}div.coer-grid table thead tr th.check-box>div,div.coer-grid table tbody tr td.check-box>div{display:flex;align-items:center;justify-content:center;cursor:default!important}div.coer-grid input.form-check-input{box-shadow:none!important;margin:0}div.coer-grid input[type=checkbox]{cursor:pointer!important}div.coer-grid td.group{padding:0!important;margin:0!important}div.coer-grid td.group>*{border-top:1px solid var(--gray)!important;border-bottom:1px solid var(--gray)!important;padding:0!important;margin:0!important}div.coer-grid .template,div.coer-grid .template div{white-space:nowrap!important;display:flex!important;align-items:center!important;cursor:pointer!important;gap:5px!important;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CoerButton, selector: "coer-button", inputs: ["id", "color", "type", "icon", "iconPosition", "path", "animation", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "height", "minHeight", "marginTop", "marginRight", "marginBottom", "marginLeft", "tooltipPosition", "tooltip"], outputs: ["onClick"] }, { kind: "component", type: CoerCheckbox, selector: "coer-checkbox", inputs: ["value", "id", "label", "labelPosition", "isLoading", "isDisabled", "isReadonly", "isInvisible", "ignoreDataBinding"], outputs: ["onChange"] }, { kind: "component", type: CoerNumberBox, selector: "coer-numberbox", inputs: ["value", "id", "label", "placeholder", "textPosition", "min", "max", "isInvalid", "isValid", "selectOnFocus", "decimals", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "marginTop", "marginRight", "marginBottom", "marginLeft"], outputs: ["onKeyupEnter", "onInput"] }, { kind: "component", type: CoerSelectbox, selector: "coer-selectbox", inputs: ["value", "id", "label", "placeholder", "isInvalid", "isValid", "dataSource", "propDisplay", "rowsByPage", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "marginTop", "marginRight", "marginBottom", "marginLeft"], outputs: ["onSelected", "onUnselect"] }, { kind: "component", type: CoerSwitch, selector: "coer-switch", inputs: ["value", "id", "label", "labelPosition", "isLoading", "isDisabled", "isReadonly", "isInvisible", "tooltipPosition", "tooltip"], outputs: ["onChange"] }, { kind: "component", type: CoerTextBox, selector: "coer-textbox", inputs: ["value", "id", "label", "placeholder", "textPosition", "minLength", "maxLength", "isInvalid", "isValid", "externalButton", "selectOnFocus", "showClearIcon", "showSearchIcon", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "marginTop", "marginRight", "marginBottom", "marginLeft"], outputs: ["onKeyupEnter", "onInput", "onClickClear", "onClickSearch", "onClickExternalButton"] }, { kind: "pipe", type: i9.HtmlPipe, name: "html" }, { kind: "pipe", type: i9.NumericFormatPipe, name: "numericFormat" }] }); }
2705
2728
  }
2706
2729
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerGrid, decorators: [{
2707
2730
  type: Component,
2708
- args: [{ selector: 'coer-grid', providers: [CONTROL_VALUE(CoerGrid)], standalone: false, template: "<div class=\"coer-grid\" [ngStyle]=\"{ 'width': width(), 'min-Width': MinWidth(), 'max-Width': MaxWidth(), 'margin': margin() }\">\r\n <header [id]=\"_id + '-header'\" class=\"row\">\r\n <!-- Slot -->\r\n <ng-content></ng-content>\r\n\r\n <!-- Export Button -->\r\n @if(exportButton.show && gridLength().dataSource > 0) {\r\n <div class=\"col-auto\">\r\n <coer-button\r\n type=\"icon\"\r\n color=\"navigation\"\r\n icon=\"excel\"\r\n [tooltip]=\"_isLoading() ? 'Loading' : (exportButton.tooltip || 'Export')\"\r\n [path]=\"(exportButton && exportButton.path) ? exportButton.path : []\"\r\n [isDisabled]=\"_isDisabled() || _isLoading() || (exportButton.isDisabled || false)\"\r\n [isLoading]=\"_isLoading()\"\r\n [animation]=\"_enableAnimations\"\r\n (onClick)=\"Export(!exportButton.preventDefault)\"\r\n ></coer-button>\r\n </div>\r\n }\r\n\r\n <!-- Import Button -->\r\n @if(importButton.show && !isReadonly()) {\r\n <div class=\"col-auto\">\r\n <input type=\"file\" #inputFileRef [multiple]=\"false\" (change)=\"Import($event)\">\r\n\r\n <coer-button\r\n type=\"icon\"\r\n color=\"navigation\"\r\n icon=\"import\"\r\n [tooltip]=\"importButton.tooltip || 'Import'\"\r\n [path]=\"(importButton && importButton.path) ? importButton.path : []\"\r\n [isDisabled]=\"importButton.isDisabled || false\"\r\n [animation]=\"_enableAnimations\"\r\n (onClick)=\"Import()\"\r\n ></coer-button>\r\n </div>\r\n }\r\n\r\n <!-- Add Button -->\r\n @if(addButton.show && !isReadonly()) {\r\n <div class=\"col-auto\">\r\n <coer-button\r\n type=\"icon\"\r\n color=\"navigation\"\r\n icon=\"new\"\r\n [tooltip]=\"addButton.tooltip || 'New'\"\r\n [path]=\"(addButton && addButton.path) ? addButton.path : []\"\r\n [isDisabled]=\"addButton.isDisabled || false\"\r\n [animation]=\"_enableAnimations\"\r\n (onClick)=\"onClickAdd.emit()\"\r\n ></coer-button>\r\n </div>\r\n }\r\n\r\n <!-- Save Button -->\r\n @if(saveButton.show && !isReadonly()) {\r\n <div class=\"col-auto\">\r\n <coer-button\r\n type=\"icon\"\r\n color=\"navigation\"\r\n icon=\"save\"\r\n [tooltip]=\"saveButton.tooltip || 'Save'\"\r\n [path]=\"(saveButton && saveButton.path) ? saveButton.path : []\"\r\n [isDisabled]=\"saveButton.isDisabled || false\"\r\n [animation]=\"_enableAnimations\"\r\n (onClick)=\"onClickSave.emit()\"\r\n ></coer-button>\r\n </div>\r\n }\r\n\r\n <!-- Search -->\r\n @if(search.show) {\r\n <div class=\"col-auto\">\r\n <coer-textbox\r\n #inputSearch\r\n [id]=\"_GetId(-1, -1, 'search')\"\r\n [ngModel]=\"_gridSearch()\"\r\n placeholder=\"Search\"\r\n [isDisabled]=\"_isDisabled() || _isLoading()\"\r\n [selectOnFocus]=\"true\"\r\n width=\"250px\"\r\n [showSearchIcon]=\"true\"\r\n [showClearIcon]=\"true\"\r\n (onInput)=\"InputChange(-1, 'Search', $event, 'coer-textbox-search')\"\r\n (onClickClear)=\"InputChange(-1, 'Search', '', 'coer-textbox-search')\"\r\n (onKeyupEnter)=\"KeyupEnter(-1, { indexRow: -1 }, 'coer-textbox-search', $event);\"\r\n ></coer-textbox>\r\n </div>\r\n }\r\n </header>\r\n\r\n <section [ngClass]=\"{ 'grid-container': true, 'invisible': isInvisible() }\"> \r\n <div #innerContainer [ngStyle]=\"{ 'height': _height, 'min-height': minHeight(), 'max-height': maxHeight() }\"> \r\n @if(!_isDisabled() && gridLength().dataSource <= 0 && !isLoading()) {\r\n <div class=\"no-data\"> No Data </div>\r\n }\r\n \r\n @if(!isLoading()) {\r\n <table class=\"table table-sm table-responsive table-striped\">\r\n <thead>\r\n <tr>\r\n @if(checkbox.show && gridLength().dataSource > 0) {\r\n <!-- CheckBox Column -->\r\n <th scope=\"col\" class=\"check-box\">\r\n <div *ngIf=\"!_onlyOneCheck\" [ngClass]=\"{ 'invisible': _isLoadingMessage }\">\r\n <coer-checkbox\r\n [id]=\"_GetId(0, 0, 'checkboxAll')\"\r\n [ignoreDataBinding]=\"true\"\r\n [isDisabled]=\"_isDisabled() || _isLoading()\"\r\n (onChange)=\"ClickCheck(_GetId(0, 0, 'checkboxAll'), $event, true)\"\r\n ></coer-checkbox>\r\n </div>\r\n </th>\r\n }\r\n \r\n <!-- Dynamic Grid Column -->\r\n @for(header of gridColumns(); track header.indexColumn) {\r\n <th scope=\"col\" (dblclick)=\"Sort(header.columnName)\"\r\n [ngClass]=\"{\r\n 'no-selection': true,\r\n 'cursor-default': !enableSort() && !_isLoading(),\r\n 'cursor-pointer': enableSort() && !_isLoading(),\r\n 'cursor-wait': _isLoading()\r\n }\"\r\n [ngStyle]=\"{\r\n 'width': header.width,\r\n 'text-align': GetAttribute(header.columnName, null, 'textAlign', 'defaul-cell')\r\n }\">\r\n <div class=\"no-selection d-flex align-items-center\">\r\n <span class=\"me-1\"> {{ _GetColumnName(header.columnName) }} </span>\r\n <i [class]=\"_GetShortIcon(header.columnName)\"></i> \r\n <i [class]=\"_GetSearchIcon(header.columnName)\"></i>\r\n </div>\r\n </th>\r\n }\r\n \r\n <!-- Delete Button Column -->\r\n @if(ButtonByRow('showDeleteButton')) {\r\n <th scope=\"col\" class=\"action-button\"></th>\r\n }\r\n \r\n <!-- Edit Button Column -->\r\n @if(ButtonByRow('showEditButton')) {\r\n <th scope=\"col\" class=\"action-button\"></th>\r\n }\r\n \r\n <!-- Edit Button Column -->\r\n @if(ButtonByRow('showGoButton')) {\r\n <th scope=\"col\" class=\"action-button\"></th>\r\n }\r\n </tr>\r\n </thead>\r\n \r\n <!-- body -->\r\n @for(group of gridDataSource(); track group.indexGroup) {\r\n <tbody>\r\n <!--<tr v-if=\"_isGrouped\">\r\n <td :colspan=\"_colspan\" class=\"group\">\r\n <MesAccordion\r\n :ref=\"`accordion${group.indexGroup}-${id}`\"\r\n :title=\"`${_CleanHeaderName(groupBy)} (${group.length}): ${group.groupBy}`\"\r\n :isLoading=\"_isLoading()\"\r\n @expanded=\"_ToogleAccordion(group.groupBy, true, group.indexGroup)\"\r\n @collapsed=\"_ToogleAccordion(group.groupBy, false, group.indexGroup)\"\r\n ></MesAccordion>\r\n </td>\r\n </tr>-->\r\n \r\n @for(row of group.rows; track row.indexRow) {\r\n <tr [id]=\"_GetId(row.indexRow, 0, 'row')\"\r\n [ngClass]=\"{ 'loading': isLoading(), 'd-none': _HideRow(group), 'row-focus': (row.indexRow == _indexFocus() && enableRowFocus()) }\"\r\n (click)=\"_indexFocus.set(row.indexRow)\">\r\n \r\n @if(checkbox.show) {\r\n <!-- CheckBox Column -->\r\n <td class=\"check-box\">\r\n <div [ngClass]=\"{ 'invisible': _isLoadingMessage }\">\r\n <coer-checkbox\r\n [id]=\"_GetId(row.indexRow, 0, 'checkbox')\"\r\n [ignoreDataBinding]=\"true\"\r\n [isDisabled]=\"_isDisabled() || _isLoading()\"\r\n (onChange)=\"ClickCheck(_GetId(row.indexRow, 0, 'checkbox'), $event, false, row)\"\r\n ></coer-checkbox>\r\n </div>\r\n \r\n <div [ngClass]=\"{ 'invisible': !_isLoadingMessage, 'spinner-border-container': true }\">\r\n <i class=\"spinner-border\"></i>\r\n </div>\r\n </td>\r\n }\r\n \r\n <!-- Dynamic Column -->\r\n @for(header of gridColumns(); track header.indexColumn) {\r\n @if(_IsCellType(header.columnName, row, 'template')) {\r\n <td class=\"template\"\r\n (click)=\"_isDisabled() ? null : onClickRow.emit(row)\"\r\n (dblclick)=\"_isDisabled() ? null : onDoubleClickRow.emit(row)\">\r\n <div [innerHTML]=\"GetAttribute(header.columnName, row, 'template', 'defaul-cell') | html\" class=\"template\"></div>\r\n </td>\r\n }\r\n \r\n @else if(_IsCellType(header.columnName, row, 'coerTextbox')) {\r\n <!-- coer-textbox -->\r\n <td class=\"coer-textbox\">\r\n <coer-textbox\r\n [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n [(ngModel)]=\"row[header.columnName]\"\r\n [isDisabled]=\"GetAttribute(header.columnName, row, 'isDisabled', 'coerTextbox') || _isDisabled() || _isLoading()\"\r\n [isValid]=\"GetAttribute(header.columnName, row, 'isValid', 'coerTextbox') || false\"\r\n [isInvalid]=\"GetAttribute(header.columnName, row, 'isInvalid', 'coerTextbox') || false\"\r\n [selectOnFocus]=\"GetAttribute(header.columnName, row, 'selectOnFocus', 'coerTextbox') || true\"\r\n [placeholder]=\"GetAttribute(header.columnName, row, 'placeholder', 'coerTextbox') || ('Type ' + header.columnName + '...')\"\r\n [textPosition]=\"GetAttribute(header.columnName, row, 'textPosition', 'coerTextbox') || 'left'\"\r\n [minLength]=\"GetAttribute(header.columnName, row, 'minLength', 'coerTextbox') || 0\"\r\n [maxLength]=\"GetAttribute(header.columnName, row, 'maxLength', 'coerTextbox') || 50\"\r\n (onInput)=\"InputChange(row.indexRow, header.columnName, $event, 'coer-textbox')\"\r\n (onKeyupEnter)=\"KeyupEnter(header.indexColumn, row, 'coer-textbox', $event)\"\r\n ></coer-textbox>\r\n </td>\r\n }\r\n \r\n \r\n @else if(_IsCellType(header.columnName, row, 'coerNumberbox')) {\r\n <!-- coer-numberbox -->\r\n <td class=\"coer-numberbox\">\r\n <coer-numberbox\r\n [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n [(ngModel)]=\"row[header.columnName]\"\r\n [isDisabled]=\"GetAttribute(header.columnName, row, 'isDisabled', 'coerNumberbox') || _isDisabled() || _isLoading()\"\r\n [isValid]=\"GetAttribute(header.columnName, row, 'isValid', 'coerNumberbox') || false\"\r\n [isInvalid]=\"GetAttribute(header.columnName, row, 'isInvalid', 'coerNumberbox') || false\"\r\n [selectOnFocus]=\"GetAttribute(header.columnName, row, 'selectOnFocus', 'coerNumberbox') || true\"\r\n [placeholder]=\"GetAttribute(header.columnName, row, 'placeholder', 'coerNumberbox') || ''\"\r\n [textPosition]=\"GetAttribute(header.columnName, row, 'textPosition', 'coerNumberbox') || 'right'\"\r\n [min]=\"GetAttribute(header.columnName, row, 'min', 'coerNumberbox') || 0\"\r\n [max]=\"GetAttribute(header.columnName, row, 'max', 'coerNumberbox') || 2147483647\"\r\n [decimals]=\"GetAttribute(header.columnName, row, 'decimals', 'coerNumberbox') || 0\"\r\n (onInput)=\"InputChange(row.indexRow, header.columnName, $event, 'coer-numberbox')\"\r\n (onKeyupEnter)=\"KeyupEnter(header.indexColumn, row, 'coer-numberbox', $event)\"\r\n ></coer-numberbox>\r\n </td>\r\n }\r\n \r\n \r\n @else if(_IsCellType(header.columnName, row, 'coerSelectbox')) {\r\n <!-- coer-numberbox -->\r\n <td class=\"coer-selectbox\">\r\n <coer-selectbox\r\n [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n [(ngModel)]=\"row[header.columnName]\"\r\n [isDisabled]=\"GetAttribute(header.columnName, row, 'isDisabled', 'coerSelectbox') || _isDisabled() || _isLoading()\"\r\n [isValid]=\"GetAttribute(header.columnName, row, 'isValid', 'coerSelectbox') || false\"\r\n [isInvalid]=\"GetAttribute(header.columnName, row, 'isInvalid', 'coerSelectbox') || false\"\r\n [dataSource]=\"GetAttribute(header.columnName, row, 'dataSource', 'coerSelectbox') || []\"\r\n [placeholder]=\"GetAttribute(header.columnName, row, 'placeholder', 'coerSelectbox') || '-- Select --'\"\r\n [propDisplay]=\"GetAttribute(header.columnName, row, 'propDisplay', 'coerSelectbox') || 'name'\"\r\n (onSelected)=\"InputChange(row.indexRow, header.columnName, $event, 'coer-selectbox'); KeyupEnter(header.indexColumn, row, 'coer-selectbox', $event)\"\r\n ></coer-selectbox>\r\n </td>\r\n }\r\n \r\n \r\n @else if(_IsCellType(header.columnName, row, 'coerSwitch')) {\r\n <!-- coer-switch -->\r\n <td>\r\n <coer-switch\r\n [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n [(ngModel)]=\"row[header.columnName]\"\r\n [isDisabled]=\"GetAttribute(header.columnName, row, 'isDisabled', 'coerSwitch') || _isDisabled() || _isLoading()\"\r\n [tooltip]=\"GetAttribute(header.columnName, row, 'tooltip', 'coerSwitch')\"\r\n [tooltipPosition]=\"GetAttribute(header.columnName, row, 'tooltipPosition', 'coerSwitch') || 'left'\"\r\n [isInvisible]=\"_isDisabled()\"\r\n (onChange)=\"InputChange(row.indexRow, header.columnName, $event, 'coer-switch')\"\r\n ></coer-switch>\r\n </td>\r\n }\r\n \r\n @else {\r\n <!-- Default Cell -->\r\n <td class=\"default-cell\"\r\n (click)=\"ClickOnRow(row)\"\r\n (dblclick)=\"_isDisabled() ? null : onDoubleClickRow.emit(row)\"\r\n [ngStyle]=\"{\r\n 'text-align': GetAttribute(header.columnName, row, 'textAlign', 'defaul-cell'),\r\n 'white-space': 'normal'\r\n }\">\r\n \r\n <div [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n [ngClass]=\"{\r\n 'text-blue-bold': _IsCellColor(header.columnName, row, 'colorBlue'),\r\n 'text-green-bold': _IsCellColor(header.columnName, row, 'colorGreen'),\r\n 'text-yellow-bold': _IsCellColor(header.columnName, row, 'colorYellow'),\r\n 'text-red-bold': _IsCellColor(header.columnName, row, 'colorRed'),\r\n 'text-right-bold': _IsCellType(header.columnName, row, 'number')\r\n }\">\r\n \r\n @if(_IsCellType(header.columnName, row, 'number')) {\r\n <span> {{ GetNumericFormat(row[header.columnName]) }} </span>\r\n }\r\n \r\n @else if(_IsCellType(header.columnName, row, 'date')) {\r\n <span> {{ _GetDateFormat(row[header.columnName], _IsCellType(header.columnName, row, 'toLocalZone')) }} </span>\r\n }\r\n \r\n @else if(_IsCellType(header.columnName, row, 'date-time')) {\r\n <span> {{ _GetDateTimeFormat(row[header.columnName], _IsCellType(header.columnName, row, 'toLocalZone')) }} </span>\r\n }\r\n \r\n @else {\r\n <span> {{ _GetCellValue(row, header.columnName) }} </span>\r\n }\r\n </div>\r\n </td>\r\n }\r\n }\r\n \r\n <!-- Delete Button -->\r\n @if(ButtonByRow('showDeleteButton')) {\r\n <td class=\"action-button\">\r\n @if(ButtonByRow('showDeleteButton', row)) {\r\n <coer-button\r\n type=\"icon-no-border\"\r\n color=\"navigation\"\r\n icon=\"delete\"\r\n [tooltip]=\"_GetTooltip('Delete', row)\"\r\n [isInvisible]=\"_isDisabled()\"\r\n [isReadonly]=\"isReadonly()\"\r\n [isDisabled]=\"_isLoading()\"\r\n (onClick)=\"onClickDeleteRow.emit(row)\"\r\n ></coer-button>\r\n }\r\n </td>\r\n }\r\n \r\n <!-- Edit Button -->\r\n @if(ButtonByRow('showEditButton')) {\r\n <td class=\"action-button\">\r\n @if(ButtonByRow('showEditButton', row)) {\r\n <coer-button\r\n type=\"icon-no-border\"\r\n color=\"navigation\"\r\n icon=\"edit\"\r\n [tooltip]=\"_GetTooltip('Edit', row)\"\r\n [isInvisible]=\"_isDisabled()\"\r\n [isDisabled]=\"_isLoading()\"\r\n (onClick)=\"onClickEditRow.emit(row)\"\r\n ></coer-button>\r\n }\r\n </td>\r\n }\r\n \r\n <!-- GO Button -->\r\n @if(ButtonByRow('showGoButton')) {\r\n <td class=\"action-button\">\r\n @if(ButtonByRow('showGoButton', row)) {\r\n <coer-button\r\n type=\"icon-no-border\"\r\n color=\"navigation\"\r\n icon=\"go\"\r\n [tooltip]=\"_GetTooltip('Go to', row, 'detail')\"\r\n [isInvisible]=\"_isDisabled()\"\r\n [isDisabled]=\"_isLoading()\"\r\n (onClick)=\"onClickGoRow.emit(row)\"\r\n ></coer-button>\r\n }\r\n </td>\r\n }\r\n </tr>\r\n }\r\n </tbody>\r\n }\r\n </table>\r\n }\r\n\r\n @else {\r\n <!-- Grid Message -->\r\n <div class=\"loading\" [ngStyle]=\"{ \r\n 'width': '100%', \r\n 'height': '100%',\r\n 'bottom': showFooter() ? '35px' : '10px'\r\n }\">\r\n <i class=\"spinner-border\"></i>\r\n <span class=\"fa-fade\">Loading</span>\r\n </div> \r\n }\r\n </div>\r\n </section>\r\n\r\n @if(showFooter()) {\r\n <footer class=\"grid-footer\">\r\n <span>\r\n @if(_isLoadingMessage) {\r\n <span class=\"fa-fade\"> Loading </span>\r\n }\r\n\r\n @else if(gridLength().dataSourceSelected > 0) {\r\n <span>\r\n <i class=\"bi bi-check2-square ms-1\"></i>\r\n {{ gridLength().dataSourceSelected }}\r\n </span>\r\n }\r\n </span>\r\n\r\n <span class=\"me-1\"> {{ gridLength().dataSourceFiltered | numericFormat }} Rows </span>\r\n </footer>\r\n }\r\n</div>", 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}div.coer-grid header{align-items:flex-end;justify-content:flex-end;padding-right:8px;margin:0}div.coer-grid header>div{padding:0 0 10px 10px;display:flex;align-items:baseline}div.coer-grid header>div a{height:40px!important}div.coer-grid table{table-layout:auto;border-collapse:separate;border-spacing:1px 0px;margin:0;font-size:14px}div.coer-grid table thead tr th{position:sticky!important;z-index:100!important;top:0!important;background-color:var(--gray)!important;color:var(--smoke)!important;padding:5px!important;vertical-align:middle!important;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;min-width:50px!important;white-space:nowrap!important}div.coer-grid table tbody{border:0px!important}div.coer-grid table tbody tr:not(.row-focus):hover td{color:#000!important;background-color:#f1f6ff}div.coer-grid table tbody tr td{border:0px!important;padding:5px!important;vertical-align:middle!important;white-space:break-spaces;text-overflow:ellipsis;overflow:hidden;min-height:31px!important}div.coer-grid table tbody tr.row-focus td{background-color:#cde1ff}div.coer-grid table tbody tr td.coer-textbox,div.coer-grid table tbody tr td.coer-numberbox,div.coer-grid table tbody tr td.coer-selectbox{padding:0!important;overflow:visible!important}div.coer-grid table tbody tr td.default-cell{cursor:pointer!important}div.coer-grid table thead tr th.action-button,div.coer-grid table thead tr td.action-button,div.coer-grid table thead tr th.check-box,div.coer-grid table thead tr td.check-box,div.coer-grid table tbody tr th.action-button,div.coer-grid table tbody tr td.action-button,div.coer-grid table tbody tr th.check-box table tbody tr td.check-box{text-align:center!important;cursor:default!important;min-width:40px!important;max-width:40px!important;width:40px!important;padding:0!important}div.coer-grid footer.grid-footer{display:flex;align-items:center;justify-content:space-between;font-size:small;color:#999;padding-top:5px}div.coer-grid section.grid-container{position:relative;overflow:auto}div.coer-grid div.loading,div.coer-grid div.no-data{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:25px;color:gray}div.coer-grid div.loading{background-color:#bbbbbb83!important;flex-direction:column!important;gap:10px!important;z-index:1}div.coer-grid div.loading span.fa-fade{position:relative!important;top:50px!important}div.coer-grid tr.loading{background-color:#bbbbbb83!important}div.coer-grid div.loading i.spinner-border{color:var(--primary-inner)!important;width:70px!important;height:70px!important;font-size:20px!important;position:absolute!important}div.coer-grid td.check-box div.spinner-border-container{position:absolute;transform:translate(7px,-19px)}div.coer-grid td.check-box div.spinner-border-container i.spinner-border{width:15px!important;height:15px!important;color:var(--primary-inner)!important}div.coer-grid table thead tr th.check-box>div,div.coer-grid table tbody tr td.check-box>div{display:flex;align-items:center;justify-content:center;cursor:default!important}div.coer-grid input.form-check-input{box-shadow:none!important;margin:0}div.coer-grid input[type=checkbox]{cursor:pointer!important}div.coer-grid td.group{padding:0!important;margin:0!important}div.coer-grid td.group>*{border-top:1px solid var(--gray)!important;border-bottom:1px solid var(--gray)!important;padding:0!important;margin:0!important}div.coer-grid .template,div.coer-grid .template div{white-space:nowrap!important;display:flex!important;align-items:center!important;cursor:pointer!important;gap:5px!important;width:100%}\n"] }]
2731
+ args: [{ selector: 'coer-grid', providers: [CONTROL_VALUE(CoerGrid)], standalone: false, template: "<div class=\"coer-grid\" [ngStyle]=\"{ 'width': width(), 'min-Width': MinWidth(), 'max-Width': MaxWidth(), 'margin': margin() }\">\r\n <header [id]=\"_id + '-header'\" class=\"row\">\r\n <!-- Slot -->\r\n <ng-content></ng-content>\r\n\r\n <!-- Export Button -->\r\n @if(exportButton.show && gridLength().dataSource > 0) {\r\n <div class=\"col-auto\">\r\n <coer-button\r\n type=\"icon\"\r\n [color]=\"_ColorButton(exportButton)\"\r\n icon=\"excel\"\r\n [tooltip]=\"_isLoading() ? 'Loading' : (exportButton.tooltip || 'Export')\"\r\n [path]=\"(exportButton && exportButton.path) ? exportButton.path : []\"\r\n [isDisabled]=\"_isDisabled() || _isLoading() || (exportButton.isDisabled || false)\"\r\n [isLoading]=\"_isLoading()\"\r\n [animation]=\"_enableAnimations\"\r\n (onClick)=\"Export(!exportButton.preventDefault)\"\r\n ></coer-button>\r\n </div>\r\n }\r\n\r\n <!-- Import Button -->\r\n @if(importButton.show && !isReadonly()) {\r\n <div class=\"col-auto\">\r\n <input type=\"file\" #inputFileRef [multiple]=\"false\" (change)=\"_Import($event)\">\r\n\r\n <coer-button\r\n type=\"icon\"\r\n color=\"primary\"\r\n [color]=\"_ColorButton(importButton)\"\r\n [tooltip]=\"importButton.tooltip || 'Import'\"\r\n [path]=\"(importButton && importButton.path) ? importButton.path : []\"\r\n [isDisabled]=\"importButton.isDisabled || false\"\r\n [animation]=\"_enableAnimations\"\r\n (onClick)=\"_Import()\"\r\n ></coer-button>\r\n </div>\r\n }\r\n\r\n <!-- Add Button -->\r\n @if(addButton.show && !isReadonly()) {\r\n <div class=\"col-auto\">\r\n <coer-button\r\n type=\"icon\"\r\n [color]=\"_ColorButton(addButton)\"\r\n icon=\"new\"\r\n [tooltip]=\"addButton.tooltip || 'New'\"\r\n [path]=\"(addButton && addButton.path) ? addButton.path : []\"\r\n [isDisabled]=\"addButton.isDisabled || false\"\r\n [animation]=\"_enableAnimations\"\r\n (onClick)=\"onClickAdd.emit()\"\r\n ></coer-button>\r\n </div>\r\n }\r\n\r\n <!-- Save Button -->\r\n @if(saveButton.show && !isReadonly()) {\r\n <div class=\"col-auto\">\r\n <coer-button\r\n type=\"icon\"\r\n [color]=\"_ColorButton(saveButton)\"\r\n icon=\"save\"\r\n [tooltip]=\"saveButton.tooltip || 'Save'\"\r\n [path]=\"(saveButton && saveButton.path) ? saveButton.path : []\"\r\n [isDisabled]=\"saveButton.isDisabled || false\"\r\n [animation]=\"_enableAnimations\"\r\n (onClick)=\"onClickSave.emit()\"\r\n ></coer-button>\r\n </div>\r\n }\r\n\r\n <!-- Search -->\r\n @if(search.show) {\r\n <div class=\"col-auto\">\r\n <coer-textbox\r\n #inputSearch\r\n [id]=\"_GetId(-1, -1, 'search')\"\r\n [ngModel]=\"_gridSearch()\"\r\n placeholder=\"Search\"\r\n [isDisabled]=\"_isDisabled() || _isLoading()\"\r\n [selectOnFocus]=\"true\"\r\n width=\"250px\"\r\n [showSearchIcon]=\"true\"\r\n [showClearIcon]=\"true\"\r\n (onInput)=\"_InputChange(-1, 'Search', $event, 'coer-textbox-search')\"\r\n (onClickClear)=\"_InputChange(-1, 'Search', '', 'coer-textbox-search')\"\r\n (onKeyupEnter)=\"_KeyupEnter(-1, { indexRow: -1 }, 'coer-textbox-search', $event);\"\r\n ></coer-textbox>\r\n </div>\r\n }\r\n </header>\r\n\r\n <section [ngClass]=\"{ 'grid-container': true, 'invisible': isInvisible() }\"> \r\n <div #innerContainer [ngStyle]=\"{ 'height': _height, 'min-height': minHeight(), 'max-height': maxHeight() }\"> \r\n @if(!_isDisabled() && gridLength().dataSource <= 0 && !isLoading()) {\r\n <div class=\"no-data\"> No Data </div>\r\n }\r\n \r\n @if(!isLoading()) {\r\n <table class=\"table table-sm table-responsive table-striped\">\r\n <thead>\r\n <tr>\r\n @if(checkbox.show && gridLength().dataSource > 0) {\r\n <!-- CheckBox Column -->\r\n <th scope=\"col\" class=\"check-box\">\r\n <div *ngIf=\"!_onlyOneCheck\" [ngClass]=\"{ 'invisible': _isLoadingMessage }\">\r\n <coer-checkbox\r\n [id]=\"_GetId(0, 0, 'checkboxAll')\"\r\n [ignoreDataBinding]=\"true\"\r\n [isDisabled]=\"_isDisabled() || _isLoading()\"\r\n (onChange)=\"_ClickCheck(_GetId(0, 0, 'checkboxAll'), $event, true)\"\r\n ></coer-checkbox>\r\n </div>\r\n </th>\r\n }\r\n \r\n <!-- Dynamic Grid Column -->\r\n @for(header of _gridColumns(); track header.indexColumn) {\r\n <th scope=\"col\" (dblclick)=\"Sort(header.columnName)\"\r\n [ngClass]=\"{\r\n 'no-selection': true,\r\n 'cursor-default': !enableSort() && !_isLoading(),\r\n 'cursor-pointer': enableSort() && !_isLoading(),\r\n 'cursor-wait': _isLoading()\r\n }\"\r\n [ngStyle]=\"{\r\n 'width': header.width,\r\n 'text-align': _GetAttribute(header.columnName, null, 'textAlign', 'defaul-cell')\r\n }\">\r\n <div class=\"no-selection d-flex align-items-center\">\r\n <span class=\"me-1\"> {{ _GetColumnName(header.columnName) }} </span>\r\n <i [class]=\"_GetShortIcon(header.columnName)\"></i> \r\n <i [class]=\"_GetSearchIcon(header.columnName)\"></i>\r\n </div>\r\n </th>\r\n }\r\n \r\n <!-- Delete Button Column -->\r\n @if(_ButtonByRow('showDeleteButton')) {\r\n <th scope=\"col\" class=\"action-button\"></th>\r\n }\r\n \r\n <!-- Edit Button Column -->\r\n @if(_ButtonByRow('showEditButton')) {\r\n <th scope=\"col\" class=\"action-button\"></th>\r\n }\r\n \r\n <!-- Edit Button Column -->\r\n @if(_ButtonByRow('showGoButton')) {\r\n <th scope=\"col\" class=\"action-button\"></th>\r\n }\r\n </tr>\r\n </thead>\r\n \r\n <!-- body -->\r\n @for(group of _gridDataSource(); track group.indexGroup) {\r\n <tbody>\r\n <!--<tr v-if=\"_isGrouped\">\r\n <td :colspan=\"_colspan\" class=\"group\">\r\n <MesAccordion\r\n :ref=\"`accordion${group.indexGroup}-${id}`\"\r\n :title=\"`${_CleanHeaderName(groupBy)} (${group.length}): ${group.groupBy}`\"\r\n :isLoading=\"_isLoading()\"\r\n @expanded=\"_ToogleAccordion(group.groupBy, true, group.indexGroup)\"\r\n @collapsed=\"_ToogleAccordion(group.groupBy, false, group.indexGroup)\"\r\n ></MesAccordion>\r\n </td>\r\n </tr>-->\r\n \r\n @for(row of group.rows; track row.indexRow) {\r\n <tr [id]=\"_GetId(row.indexRow, 0, 'row')\"\r\n [ngClass]=\"{ 'loading': isLoading(), 'd-none': _HideRow(group), 'row-focus': (row.indexRow == _indexFocus() && enableRowFocus()) }\"\r\n (click)=\"_indexFocus.set(row.indexRow)\">\r\n \r\n @if(checkbox.show) {\r\n <!-- CheckBox Column -->\r\n <td class=\"check-box\">\r\n <div [ngClass]=\"{ 'invisible': _isLoadingMessage }\">\r\n <coer-checkbox\r\n [id]=\"_GetId(row.indexRow, 0, 'checkbox')\"\r\n [ignoreDataBinding]=\"true\"\r\n [isDisabled]=\"_isDisabled() || _isLoading()\"\r\n (onChange)=\"_ClickCheck(_GetId(row.indexRow, 0, 'checkbox'), $event, false, row)\"\r\n ></coer-checkbox>\r\n </div>\r\n \r\n <div [ngClass]=\"{ 'invisible': !_isLoadingMessage, 'spinner-border-container': true }\">\r\n <i class=\"spinner-border\"></i>\r\n </div>\r\n </td>\r\n }\r\n \r\n <!-- Dynamic Column -->\r\n @for(header of _gridColumns(); track header.indexColumn) {\r\n @if(_IsCellType(header.columnName, row, 'template')) {\r\n <td class=\"template\"\r\n (click)=\"_isDisabled() ? null : onClickRow.emit(row)\"\r\n (dblclick)=\"_isDisabled() ? null : onDoubleClickRow.emit(row)\">\r\n <div [innerHTML]=\"_GetAttribute(header.columnName, row, 'template', 'defaul-cell') | html\" class=\"template\"></div>\r\n </td>\r\n }\r\n \r\n @else if(_IsCellType(header.columnName, row, 'coerTextbox')) {\r\n <!-- coer-textbox -->\r\n <td class=\"coer-textbox\">\r\n <coer-textbox\r\n [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n [(ngModel)]=\"row[header.columnName]\"\r\n [isDisabled]=\"_GetAttribute(header.columnName, row, 'isDisabled', 'coerTextbox') || _isDisabled() || _isLoading()\"\r\n [isValid]=\"_GetAttribute(header.columnName, row, 'isValid', 'coerTextbox') || false\"\r\n [isInvalid]=\"_GetAttribute(header.columnName, row, 'isInvalid', 'coerTextbox') || false\"\r\n [selectOnFocus]=\"_GetAttribute(header.columnName, row, 'selectOnFocus', 'coerTextbox') || true\"\r\n [placeholder]=\"_GetAttribute(header.columnName, row, 'placeholder', 'coerTextbox') || ('Type ' + header.columnName + '...')\"\r\n [textPosition]=\"_GetAttribute(header.columnName, row, 'textPosition', 'coerTextbox') || 'left'\"\r\n [minLength]=\"_GetAttribute(header.columnName, row, 'minLength', 'coerTextbox') || 0\"\r\n [maxLength]=\"_GetAttribute(header.columnName, row, 'maxLength', 'coerTextbox') || 50\"\r\n (onInput)=\"_InputChange(row.indexRow, header.columnName, $event, 'coer-textbox')\"\r\n (onKeyupEnter)=\"_KeyupEnter(header.indexColumn, row, 'coer-textbox', $event)\"\r\n ></coer-textbox>\r\n </td>\r\n }\r\n \r\n \r\n @else if(_IsCellType(header.columnName, row, 'coerNumberbox')) {\r\n <!-- coer-numberbox -->\r\n <td class=\"coer-numberbox\">\r\n <coer-numberbox\r\n [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n [(ngModel)]=\"row[header.columnName]\"\r\n [isDisabled]=\"_GetAttribute(header.columnName, row, 'isDisabled', 'coerNumberbox') || _isDisabled() || _isLoading()\"\r\n [isValid]=\"_GetAttribute(header.columnName, row, 'isValid', 'coerNumberbox') || false\"\r\n [isInvalid]=\"_GetAttribute(header.columnName, row, 'isInvalid', 'coerNumberbox') || false\"\r\n [selectOnFocus]=\"_GetAttribute(header.columnName, row, 'selectOnFocus', 'coerNumberbox') || true\"\r\n [placeholder]=\"_GetAttribute(header.columnName, row, 'placeholder', 'coerNumberbox') || ''\"\r\n [textPosition]=\"_GetAttribute(header.columnName, row, 'textPosition', 'coerNumberbox') || 'right'\"\r\n [min]=\"_GetAttribute(header.columnName, row, 'min', 'coerNumberbox') || 0\"\r\n [max]=\"_GetAttribute(header.columnName, row, 'max', 'coerNumberbox') || 2147483647\"\r\n [decimals]=\"_GetAttribute(header.columnName, row, 'decimals', 'coerNumberbox') || 0\"\r\n (onInput)=\"_InputChange(row.indexRow, header.columnName, $event, 'coer-numberbox')\"\r\n (onKeyupEnter)=\"_KeyupEnter(header.indexColumn, row, 'coer-numberbox', $event)\"\r\n ></coer-numberbox>\r\n </td>\r\n }\r\n \r\n \r\n @else if(_IsCellType(header.columnName, row, 'coerSelectbox')) {\r\n <!-- coer-numberbox -->\r\n <td class=\"coer-selectbox\">\r\n <coer-selectbox\r\n [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n [(ngModel)]=\"row[header.columnName]\"\r\n [isDisabled]=\"_GetAttribute(header.columnName, row, 'isDisabled', 'coerSelectbox') || _isDisabled() || _isLoading()\"\r\n [isValid]=\"_GetAttribute(header.columnName, row, 'isValid', 'coerSelectbox') || false\"\r\n [isInvalid]=\"_GetAttribute(header.columnName, row, 'isInvalid', 'coerSelectbox') || false\"\r\n [dataSource]=\"_GetAttribute(header.columnName, row, 'dataSource', 'coerSelectbox') || []\"\r\n [placeholder]=\"_GetAttribute(header.columnName, row, 'placeholder', 'coerSelectbox') || '-- Select --'\"\r\n [propDisplay]=\"_GetAttribute(header.columnName, row, 'propDisplay', 'coerSelectbox') || 'name'\"\r\n (onSelected)=\"_InputChange(row.indexRow, header.columnName, $event, 'coer-selectbox'); _KeyupEnter(header.indexColumn, row, 'coer-selectbox', $event)\"\r\n ></coer-selectbox>\r\n </td>\r\n }\r\n \r\n \r\n @else if(_IsCellType(header.columnName, row, 'coerSwitch')) {\r\n <!-- coer-switch -->\r\n <td>\r\n <coer-switch\r\n [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n [(ngModel)]=\"row[header.columnName]\"\r\n [isDisabled]=\"_GetAttribute(header.columnName, row, 'isDisabled', 'coerSwitch') || _isDisabled() || _isLoading()\"\r\n [tooltip]=\"_GetAttribute(header.columnName, row, 'tooltip', 'coerSwitch')\"\r\n [tooltipPosition]=\"_GetAttribute(header.columnName, row, 'tooltipPosition', 'coerSwitch') || 'left'\"\r\n [isInvisible]=\"_isDisabled()\"\r\n (onChange)=\"_InputChange(row.indexRow, header.columnName, $event, 'coer-switch')\"\r\n ></coer-switch>\r\n </td>\r\n }\r\n \r\n @else {\r\n <!-- Default Cell -->\r\n <td class=\"default-cell\"\r\n (click)=\"_ClickOnRow(row)\"\r\n (dblclick)=\"_isDisabled() ? null : onDoubleClickRow.emit(row)\"\r\n [ngStyle]=\"{\r\n 'text-align': _GetAttribute(header.columnName, row, 'textAlign', 'defaul-cell'),\r\n 'white-space': 'normal'\r\n }\">\r\n \r\n <div [id]=\"_GetId(row.indexRow, header.indexColumn)\"\r\n [ngClass]=\"{\r\n 'text-blue-bold': _IsCellColor(header.columnName, row, 'colorBlue'),\r\n 'text-green-bold': _IsCellColor(header.columnName, row, 'colorGreen'),\r\n 'text-yellow-bold': _IsCellColor(header.columnName, row, 'colorYellow'),\r\n 'text-red-bold': _IsCellColor(header.columnName, row, 'colorRed'),\r\n 'text-right-bold': _IsCellType(header.columnName, row, 'number')\r\n }\">\r\n \r\n @if(_IsCellType(header.columnName, row, 'number')) {\r\n <span> {{ GetNumericFormat(row[header.columnName]) }} </span>\r\n }\r\n \r\n @else if(_IsCellType(header.columnName, row, 'date')) {\r\n <span> {{ _GetDateFormat(row[header.columnName], _IsCellType(header.columnName, row, 'toLocalZone')) }} </span>\r\n }\r\n \r\n @else if(_IsCellType(header.columnName, row, 'date-time')) {\r\n <span> {{ _GetDateTimeFormat(row[header.columnName], _IsCellType(header.columnName, row, 'toLocalZone')) }} </span>\r\n }\r\n \r\n @else {\r\n <span> {{ _GetCellValue(row, header.columnName) }} </span>\r\n }\r\n </div>\r\n </td>\r\n }\r\n }\r\n \r\n <!-- Delete Button -->\r\n @if(_ButtonByRow('showDeleteButton')) {\r\n <td class=\"action-button\">\r\n @if(_ButtonByRow('showDeleteButton', row)) {\r\n <coer-button\r\n type=\"icon-no-border\"\r\n [color]=\"_ColorButtonByRow('deleteButtonColor')\"\r\n icon=\"delete\"\r\n [tooltip]=\"_GetTooltip('Delete', row)\"\r\n [isInvisible]=\"_isDisabled()\"\r\n [isReadonly]=\"isReadonly()\"\r\n [isDisabled]=\"_isLoading()\"\r\n (onClick)=\"onClickDeleteRow.emit(row)\"\r\n ></coer-button>\r\n }\r\n </td>\r\n }\r\n \r\n <!-- Edit Button -->\r\n @if(_ButtonByRow('showEditButton')) {\r\n <td class=\"action-button\">\r\n @if(_ButtonByRow('showEditButton', row)) {\r\n <coer-button\r\n type=\"icon-no-border\"\r\n [color]=\"_ColorButtonByRow('editButtonColor')\"\r\n icon=\"edit\"\r\n [tooltip]=\"_GetTooltip('Edit', row)\"\r\n [isInvisible]=\"_isDisabled()\"\r\n [isDisabled]=\"_isLoading()\"\r\n (onClick)=\"onClickEditRow.emit(row)\"\r\n ></coer-button>\r\n }\r\n </td>\r\n }\r\n \r\n <!-- GO Button -->\r\n @if(_ButtonByRow('showGoButton')) {\r\n <td class=\"action-button\">\r\n @if(_ButtonByRow('showGoButton', row)) {\r\n <coer-button\r\n type=\"icon-no-border\"\r\n [color]=\"_ColorButtonByRow('goButtonColor')\"\r\n icon=\"go\"\r\n [tooltip]=\"_GetTooltip('Go to', row, 'detail')\"\r\n [isInvisible]=\"_isDisabled()\"\r\n [isDisabled]=\"_isLoading()\"\r\n (onClick)=\"onClickGoRow.emit(row)\"\r\n ></coer-button>\r\n }\r\n </td>\r\n }\r\n </tr>\r\n }\r\n </tbody>\r\n }\r\n </table>\r\n }\r\n\r\n @else {\r\n <!-- Grid Message -->\r\n <div class=\"loading\" [ngStyle]=\"{ \r\n 'width': '100%', \r\n 'height': '100%',\r\n 'bottom': showFooter() ? '35px' : '10px'\r\n }\">\r\n <i class=\"spinner-border\"></i>\r\n <span class=\"fa-fade\">Loading</span>\r\n </div> \r\n }\r\n </div>\r\n </section>\r\n\r\n @if(showFooter()) {\r\n <footer class=\"grid-footer\">\r\n <span>\r\n @if(_isLoadingMessage) {\r\n <span class=\"fa-fade\"> Loading </span>\r\n }\r\n\r\n @else if(gridLength().dataSourceSelected > 0) {\r\n <span>\r\n <i class=\"bi bi-check2-square ms-1\"></i>\r\n {{ gridLength().dataSourceSelected }}\r\n </span>\r\n }\r\n </span>\r\n\r\n <span class=\"me-1\"> {{ gridLength().dataSourceFiltered | numericFormat }} Rows </span>\r\n </footer>\r\n }\r\n</div>", 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));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-grid header{align-items:flex-end;justify-content:flex-end;padding-right:8px;margin:0}div.coer-grid header>div{padding:0 0 10px 10px;display:flex;align-items:baseline}div.coer-grid header>div a{height:40px!important}div.coer-grid table{table-layout:auto;border-collapse:separate;border-spacing:1px 0px;margin:0;font-size:14px}div.coer-grid table thead tr th{position:sticky!important;z-index:100!important;top:0!important;background-color:var(--gray)!important;color:var(--smoke)!important;padding:5px!important;vertical-align:middle!important;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;min-width:50px!important;white-space:nowrap!important}div.coer-grid table tbody{border:0px!important}div.coer-grid table tbody tr:not(.row-focus):hover td{color:#000!important;background-color:#f1f6ff}div.coer-grid table tbody tr td{border:0px!important;padding:5px!important;vertical-align:middle!important;white-space:break-spaces;text-overflow:ellipsis;overflow:hidden;min-height:31px!important}div.coer-grid table tbody tr.row-focus td{background-color:#cde1ff}div.coer-grid table tbody tr td.coer-textbox,div.coer-grid table tbody tr td.coer-numberbox,div.coer-grid table tbody tr td.coer-selectbox{padding:0!important;overflow:visible!important}div.coer-grid table tbody tr td.default-cell{cursor:pointer!important}div.coer-grid table thead tr th.action-button,div.coer-grid table thead tr td.action-button,div.coer-grid table thead tr th.check-box,div.coer-grid table thead tr td.check-box,div.coer-grid table tbody tr th.action-button,div.coer-grid table tbody tr td.action-button,div.coer-grid table tbody tr th.check-box table tbody tr td.check-box{text-align:center!important;cursor:default!important;min-width:40px!important;max-width:40px!important;width:40px!important;padding:0!important}div.coer-grid footer.grid-footer{display:flex;align-items:center;justify-content:space-between;font-size:small;color:#999;padding-top:5px}div.coer-grid section.grid-container{position:relative;overflow:auto}div.coer-grid div.loading,div.coer-grid div.no-data{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:25px;color:gray}div.coer-grid div.loading{background-color:#bbbbbb83!important;flex-direction:column!important;gap:10px!important;z-index:1}div.coer-grid div.loading span.fa-fade{position:relative!important;top:50px!important}div.coer-grid tr.loading{background-color:#bbbbbb83!important}div.coer-grid div.loading i.spinner-border{color:var(--primary-inner)!important;width:70px!important;height:70px!important;font-size:20px!important;position:absolute!important}div.coer-grid td.check-box div.spinner-border-container{position:absolute;transform:translate(7px,-19px)}div.coer-grid td.check-box div.spinner-border-container i.spinner-border{width:15px!important;height:15px!important;color:var(--primary-inner)!important}div.coer-grid table thead tr th.check-box>div,div.coer-grid table tbody tr td.check-box>div{display:flex;align-items:center;justify-content:center;cursor:default!important}div.coer-grid input.form-check-input{box-shadow:none!important;margin:0}div.coer-grid input[type=checkbox]{cursor:pointer!important}div.coer-grid td.group{padding:0!important;margin:0!important}div.coer-grid td.group>*{border-top:1px solid var(--gray)!important;border-bottom:1px solid var(--gray)!important;padding:0!important;margin:0!important}div.coer-grid .template,div.coer-grid .template div{white-space:nowrap!important;display:flex!important;align-items:center!important;cursor:pointer!important;gap:5px!important;width:100%}\n"] }]
2709
2732
  }] });
2710
2733
 
2711
2734
  class CoerList {
@@ -2718,8 +2741,8 @@ class CoerList {
2718
2741
  this.propDisplay = input('name');
2719
2742
  this.header = input('');
2720
2743
  this.headerIcon = input('');
2721
- this.showDeleteButton = input(false);
2722
- this.showGoButton = input(false);
2744
+ this.showDeleteButtonByRow = input(false);
2745
+ this.showGoButtonByRow = input(false);
2723
2746
  this.showBackButton = input(false);
2724
2747
  this.isLoading = input(false);
2725
2748
  this.isDraggable = input(false);
@@ -2762,11 +2785,11 @@ class CoerList {
2762
2785
  return !this.isLoading();
2763
2786
  });
2764
2787
  /** */
2765
- this.GetDisplay = (item) => {
2788
+ this._GetDisplay = (item) => {
2766
2789
  return Tools.IsNotNull(item) ? item[this.propDisplay()] : '';
2767
2790
  };
2768
2791
  /** */
2769
- this.GetIndexRow = (item) => {
2792
+ this._GetIndexRow = (item) => {
2770
2793
  return item['index'];
2771
2794
  };
2772
2795
  /** */
@@ -2775,15 +2798,15 @@ class CoerList {
2775
2798
  && !this.isLoading();
2776
2799
  };
2777
2800
  /** */
2778
- this._showDeleteButton = (item) => {
2779
- const showButton = this.showDeleteButton();
2801
+ this._showDeleteButtonByRow = (item) => {
2802
+ const showButton = this.showDeleteButtonByRow();
2780
2803
  return (typeof showButton === 'boolean')
2781
2804
  ? showButton && !this.isLoading()
2782
2805
  : showButton(item, item.index) === true && !this.isLoading();
2783
2806
  };
2784
2807
  /** */
2785
- this._showGoButton = (item) => {
2786
- const showButton = this.showGoButton();
2808
+ this._showGoButtonByRow = (item) => {
2809
+ const showButton = this.showGoButtonByRow();
2787
2810
  return (typeof showButton === 'boolean')
2788
2811
  ? showButton && !this.isLoading()
2789
2812
  : showButton(item, item.index) === true && !this.isLoading();
@@ -2809,11 +2832,11 @@ class CoerList {
2809
2832
  });
2810
2833
  }
2811
2834
  /** */
2812
- GetTemplate(item) {
2835
+ _GetTemplate(item) {
2813
2836
  return this.template()(item, item.index);
2814
2837
  }
2815
2838
  /** */
2816
- Drop(event) {
2839
+ _Drop(event) {
2817
2840
  const { previousIndex, currentIndex } = event;
2818
2841
  let dataSource = Tools.BreakReference(this.dataSource());
2819
2842
  const item = Tools.BreakReference(dataSource[previousIndex]);
@@ -2823,11 +2846,11 @@ class CoerList {
2823
2846
  this.onDrop.emit(item);
2824
2847
  }
2825
2848
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
2826
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerList, isStandalone: false, selector: "coer-list", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, propDisplay: { classPropertyName: "propDisplay", publicName: "propDisplay", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, headerIcon: { classPropertyName: "headerIcon", publicName: "headerIcon", isSignal: true, isRequired: false, transformFunction: null }, showDeleteButton: { classPropertyName: "showDeleteButton", publicName: "showDeleteButton", isSignal: true, isRequired: false, transformFunction: null }, showGoButton: { classPropertyName: "showGoButton", publicName: "showGoButton", isSignal: true, isRequired: false, transformFunction: null }, showBackButton: { classPropertyName: "showBackButton", publicName: "showBackButton", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isDraggable: { classPropertyName: "isDraggable", publicName: "isDraggable", isSignal: true, isRequired: false, transformFunction: null }, showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, MinWidth: { classPropertyName: "MinWidth", publicName: "MinWidth", isSignal: true, isRequired: false, transformFunction: null }, MaxWidth: { classPropertyName: "MaxWidth", publicName: "MaxWidth", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, marginTop: { classPropertyName: "marginTop", publicName: "marginTop", isSignal: true, isRequired: false, transformFunction: null }, marginRight: { classPropertyName: "marginRight", publicName: "marginRight", isSignal: true, isRequired: false, transformFunction: null }, marginBottom: { classPropertyName: "marginBottom", publicName: "marginBottom", isSignal: true, isRequired: false, transformFunction: null }, marginLeft: { classPropertyName: "marginLeft", publicName: "marginLeft", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onDrop: "onDrop", onSort: "onSort", onClick: "onClick", onDoubleClick: "onDoubleClick", onClickDelete: "onClickDelete", onClickGo: "onClickGo", onClickBack: "onClickBack" }, ngImport: i0, template: "<div [id]=\"_id\" class=\"coer-list\" [ngStyle]=\"{ \r\n 'margin-top': marginTop(), \r\n 'margin-right': marginRight(), \r\n 'margin-bottom': marginBottom(), \r\n 'margin-left': marginLeft(), \r\n }\">\r\n\r\n @if(isLoading()) {\r\n <!-- Grid Message -->\r\n <div class=\"loading\">\r\n <i class=\"spinner-border\"></i>\r\n <span class=\"fa-fade\">Loading</span>\r\n </div>\r\n }\r\n\r\n @else if(dataSource().length <= 0) {\r\n <div class=\"no-data\"> No Data </div>\r\n }\r\n\r\n <header [id]=\"_id + '-header'\" class=\"row\"> \r\n @if(header().length > 0 || headerIcon().length > 0) {\r\n <div class=\"col-auto me-auto\">\r\n <h6>\r\n @if(headerIcon().length > 0) {\r\n <i [class]=\"headerIcon()\"></i> \r\n }\r\n\r\n @if(header().length > 0) {\r\n <span>{{ header() }}</span> \r\n }\r\n </h6> \r\n </div>\r\n }\r\n\r\n @if(_showBackButton()) {\r\n <div class=\"col-auto ps-2 pe-0\"> \r\n <coer-button\r\n type=\"icon-outline\"\r\n color=\"secondary\"\r\n icon=\"back\"\r\n tooltip=\"Back\"\r\n [animation]=\"_enableAnimations\"\r\n (onClick)=\"onClickBack.emit()\"\r\n ></coer-button> \r\n </div>\r\n }\r\n \r\n <!-- Search -->\r\n @if(showSearch() && dataSource().length > 0) {\r\n <div class=\"col-auto pe-0\">\r\n <coer-textbox\r\n #inputSearch \r\n placeholder=\"Search\"\r\n [isDisabled]=\"isLoading()\"\r\n [selectOnFocus]=\"true\"\r\n width=\"250px\"\r\n marginTop=\"5px\"\r\n marginBottom=\"5px\"\r\n [showSearchIcon]=\"true\"\r\n [showClearIcon]=\"true\"\r\n ></coer-textbox>\r\n </div>\r\n }\r\n </header>\r\n\r\n <div [ngStyle]=\"{ \r\n 'width': width(), \r\n 'min-Width': MinWidth(), \r\n 'max-Width': MaxWidth(), \r\n }\">\r\n <ul cdkDropList (cdkDropListDropped)=\"Drop($event)\" class='list-group coer-list'\r\n [ngStyle]=\"{ \r\n 'height': _height, \r\n 'min-height': minHeight(), \r\n 'max-height': maxHeight(), \r\n 'd-none': dataSource().length <= 0 \r\n }\">\r\n \r\n @for (item of _dataSource(); track GetIndexRow(item)) {\r\n <li cdkDrag \r\n class=\"list-group-item coer-list-box\" \r\n cdkDragBoundary=\"ul.coer-list\"\r\n (click)=\"onClick.emit(item)\" \r\n (dblclick)=\"onDoubleClick.emit(item)\">\r\n \r\n <div *cdkDragPlaceholder class=\"coer-list-placeholder cursor-grabbing\"></div>\r\n <div class=\"coer-list-content\"> \r\n @if(_hasTemplate()) {\r\n <div [innerHTML]=\"GetTemplate(item) | html\" class=\"template\"></div>\r\n }\r\n \r\n @else {\r\n <div> {{ GetDisplay(item) }} </div> \r\n } \r\n \r\n <div>\r\n @if(_showDeleteButton(item)) {\r\n <coer-button\r\n type=\"icon-no-border\"\r\n color=\"secondary\"\r\n icon=\"delete\" \r\n (onClick)=\"onClickDelete.emit(item)\"\r\n ></coer-button>\r\n } \r\n \r\n @if(_showGoButton(item)) {\r\n <coer-button\r\n type=\"icon-no-border\"\r\n color=\"secondary\"\r\n icon=\"go\" \r\n marginLeft=\"5px\" \r\n (onClick)=\"onClickGo.emit(item)\"\r\n ></coer-button>\r\n } \r\n \r\n <i cdkDragHandle [ngClass]=\"{ \r\n 'fa-solid fa-grip-vertical text-secondary ps-2': true,\r\n 'cursor-grab': true, \r\n 'cursor-grabbing': false, \r\n 'd-none': !_isDraggable()\r\n }\"></i> \r\n </div> \r\n </div> \r\n </li> \r\n } \r\n </ul>\r\n </div>\r\n</div>", styles: ["div.coer-list header{align-items:center;justify-content:flex-end;padding-right:10px;margin:0}div.coer-list header h6{display:flex;align-items:center;gap:10px;min-height:40px;max-height:40px;margin-top:5px;margin-bottom:5px}div.coer-list header>div{display:flex;align-items:baseline;position:relative;z-index:1}div.coer-list ul.coer-list{width:100%;border:solid 1px #ccc;display:block;background:var(--white);border-radius:4px;overflow:auto}div.coer-list li.coer-list-box{padding:10px;border-bottom:solid 1px #ccc;color:#000000de;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;background:var(--white);font-size:14px}div.coer-list li.coer-list-box div.coer-list-content{width:100%;display:flex;align-items:center;justify-content:space-between}div.coer-list .cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}div.coer-list .cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}div.coer-list .coer-list-box:last-child{border:none}div.coer-list .coer-list.cdk-drop-list-dragging .coer-list-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}div.coer-list div.coer-list-placeholder{background:#ccc;border:dotted 3px #999;min-height:40px;transition:transform .25s cubic-bezier(0,0,.2,1)}div.coer-list div.cdk-drag-placeholder,div.coer-list ul.cdk-drop-list-dragging,div.coer-list ul.cdk-drop-list-dragging *{cursor:grabbing}div.coer-list div.loading,div.coer-list div.no-data{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:25px;color:var(--gray);z-index:1}div.coer-list div.loading{background-color:#bbbbbb83!important;flex-direction:column!important;gap:10px!important}div.coer-list div.loading span.fa-fade{position:relative!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$6.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2$6.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i2$6.CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "directive", type: i2$6.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "component", type: CoerButton, selector: "coer-button", inputs: ["id", "color", "type", "icon", "iconPosition", "path", "animation", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "height", "minHeight", "marginTop", "marginRight", "marginBottom", "marginLeft", "tooltipPosition", "tooltip"], outputs: ["onClick"] }, { kind: "component", type: CoerTextBox, selector: "coer-textbox", inputs: ["value", "id", "label", "placeholder", "textPosition", "minLength", "maxLength", "isInvalid", "isValid", "externalButton", "selectOnFocus", "showClearIcon", "showSearchIcon", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "marginTop", "marginRight", "marginBottom", "marginLeft"], outputs: ["onKeyupEnter", "onInput", "onClickClear", "onClickSearch", "onClickExternalButton"] }, { kind: "pipe", type: i9.HtmlPipe, name: "html" }] }); }
2849
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerList, isStandalone: false, selector: "coer-list", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, propDisplay: { classPropertyName: "propDisplay", publicName: "propDisplay", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, headerIcon: { classPropertyName: "headerIcon", publicName: "headerIcon", isSignal: true, isRequired: false, transformFunction: null }, showDeleteButtonByRow: { classPropertyName: "showDeleteButtonByRow", publicName: "showDeleteButtonByRow", isSignal: true, isRequired: false, transformFunction: null }, showGoButtonByRow: { classPropertyName: "showGoButtonByRow", publicName: "showGoButtonByRow", isSignal: true, isRequired: false, transformFunction: null }, showBackButton: { classPropertyName: "showBackButton", publicName: "showBackButton", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isDraggable: { classPropertyName: "isDraggable", publicName: "isDraggable", isSignal: true, isRequired: false, transformFunction: null }, showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, MinWidth: { classPropertyName: "MinWidth", publicName: "MinWidth", isSignal: true, isRequired: false, transformFunction: null }, MaxWidth: { classPropertyName: "MaxWidth", publicName: "MaxWidth", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, marginTop: { classPropertyName: "marginTop", publicName: "marginTop", isSignal: true, isRequired: false, transformFunction: null }, marginRight: { classPropertyName: "marginRight", publicName: "marginRight", isSignal: true, isRequired: false, transformFunction: null }, marginBottom: { classPropertyName: "marginBottom", publicName: "marginBottom", isSignal: true, isRequired: false, transformFunction: null }, marginLeft: { classPropertyName: "marginLeft", publicName: "marginLeft", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onDrop: "onDrop", onSort: "onSort", onClick: "onClick", onDoubleClick: "onDoubleClick", onClickDelete: "onClickDelete", onClickGo: "onClickGo", onClickBack: "onClickBack" }, ngImport: i0, template: "<div [id]=\"_id\" class=\"coer-list\" [ngStyle]=\"{ \r\n 'margin-top': marginTop(), \r\n 'margin-right': marginRight(), \r\n 'margin-bottom': marginBottom(), \r\n 'margin-left': marginLeft(), \r\n }\">\r\n\r\n @if(isLoading()) {\r\n <!-- Grid Message -->\r\n <div class=\"loading\">\r\n <i class=\"spinner-border\"></i>\r\n <span class=\"fa-fade\">Loading</span>\r\n </div>\r\n }\r\n\r\n @else if(dataSource().length <= 0) {\r\n <div class=\"no-data\"> No Data </div>\r\n }\r\n\r\n <header [id]=\"_id + '-header'\" class=\"row\"> \r\n @if(header().length > 0 || headerIcon().length > 0) {\r\n <div class=\"col-auto me-auto\">\r\n <h6>\r\n @if(headerIcon().length > 0) {\r\n <i [class]=\"headerIcon()\"></i> \r\n }\r\n\r\n @if(header().length > 0) {\r\n <span>{{ header() }}</span> \r\n }\r\n </h6> \r\n </div>\r\n }\r\n\r\n @if(_showBackButton()) {\r\n <div class=\"col-auto ps-2 pe-0\"> \r\n <coer-button\r\n type=\"icon-outline\"\r\n color=\"secondary\"\r\n icon=\"back\"\r\n tooltip=\"Back\"\r\n [animation]=\"_enableAnimations\"\r\n (onClick)=\"onClickBack.emit()\"\r\n ></coer-button> \r\n </div>\r\n }\r\n \r\n <!-- Search -->\r\n @if(showSearch() && dataSource().length > 0) {\r\n <div class=\"col-auto pe-0\">\r\n <coer-textbox\r\n #inputSearch \r\n placeholder=\"Search\"\r\n [isDisabled]=\"isLoading()\"\r\n [selectOnFocus]=\"true\"\r\n width=\"250px\"\r\n marginTop=\"5px\"\r\n marginBottom=\"5px\"\r\n [showSearchIcon]=\"true\"\r\n [showClearIcon]=\"true\"\r\n ></coer-textbox>\r\n </div>\r\n }\r\n </header>\r\n\r\n <div [ngStyle]=\"{ \r\n 'width': width(), \r\n 'min-Width': MinWidth(), \r\n 'max-Width': MaxWidth(), \r\n }\">\r\n <ul cdkDropList (cdkDropListDropped)=\"_Drop($event)\" class='list-group coer-list'\r\n [ngStyle]=\"{ \r\n 'height': _height, \r\n 'min-height': minHeight(), \r\n 'max-height': maxHeight(), \r\n 'd-none': dataSource().length <= 0 \r\n }\">\r\n \r\n @for (item of _dataSource(); track _GetIndexRow(item)) {\r\n <li cdkDrag \r\n class=\"list-group-item coer-list-box\" \r\n cdkDragBoundary=\"ul.coer-list\"\r\n (click)=\"onClick.emit(item)\" \r\n (dblclick)=\"onDoubleClick.emit(item)\">\r\n \r\n <div *cdkDragPlaceholder class=\"coer-list-placeholder cursor-grabbing\"></div>\r\n <div class=\"coer-list-content\"> \r\n @if(_hasTemplate()) {\r\n <div [innerHTML]=\"_GetTemplate(item) | html\" class=\"template\"></div>\r\n }\r\n \r\n @else {\r\n <div> {{ _GetDisplay(item) }} </div> \r\n } \r\n \r\n <div>\r\n @if(_showDeleteButtonByRow(item)) {\r\n <coer-button\r\n type=\"icon-no-border\"\r\n color=\"secondary\"\r\n icon=\"delete\" \r\n (onClick)=\"onClickDelete.emit(item)\"\r\n ></coer-button>\r\n } \r\n \r\n @if(_showGoButtonByRow(item)) {\r\n <coer-button\r\n type=\"icon-no-border\"\r\n color=\"secondary\"\r\n icon=\"go\" \r\n marginLeft=\"5px\" \r\n (onClick)=\"onClickGo.emit(item)\"\r\n ></coer-button>\r\n } \r\n \r\n <i cdkDragHandle [ngClass]=\"{ \r\n 'fa-solid fa-grip-vertical text-secondary ps-2': true,\r\n 'cursor-grab': true, \r\n 'cursor-grabbing': false, \r\n 'd-none': !_isDraggable()\r\n }\"></i> \r\n </div> \r\n </div> \r\n </li> \r\n } \r\n </ul>\r\n </div>\r\n</div>", styles: ["div.coer-list header{align-items:center;justify-content:flex-end;padding-right:10px;margin:0}div.coer-list header h6{display:flex;align-items:center;gap:10px;min-height:40px;max-height:40px;margin-top:5px;margin-bottom:5px}div.coer-list header>div{display:flex;align-items:baseline;position:relative;z-index:1}div.coer-list ul.coer-list{width:100%;border:solid 1px #ccc;display:block;background:var(--white);border-radius:4px;overflow:auto}div.coer-list li.coer-list-box{padding:10px;border-bottom:solid 1px #ccc;color:#000000de;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;background:var(--white);font-size:14px}div.coer-list li.coer-list-box div.coer-list-content{width:100%;display:flex;align-items:center;justify-content:space-between}div.coer-list .cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}div.coer-list .cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}div.coer-list .coer-list-box:last-child{border:none}div.coer-list .coer-list.cdk-drop-list-dragging .coer-list-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}div.coer-list div.coer-list-placeholder{background:#ccc;border:dotted 3px #999;min-height:40px;transition:transform .25s cubic-bezier(0,0,.2,1)}div.coer-list div.cdk-drag-placeholder,div.coer-list ul.cdk-drop-list-dragging,div.coer-list ul.cdk-drop-list-dragging *{cursor:grabbing}div.coer-list div.loading,div.coer-list div.no-data{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:25px;color:var(--gray);z-index:1}div.coer-list div.loading{background-color:#bbbbbb83!important;flex-direction:column!important;gap:10px!important}div.coer-list div.loading span.fa-fade{position:relative!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$6.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2$6.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i2$6.CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "directive", type: i2$6.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "component", type: CoerButton, selector: "coer-button", inputs: ["id", "color", "type", "icon", "iconPosition", "path", "animation", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "height", "minHeight", "marginTop", "marginRight", "marginBottom", "marginLeft", "tooltipPosition", "tooltip"], outputs: ["onClick"] }, { kind: "component", type: CoerTextBox, selector: "coer-textbox", inputs: ["value", "id", "label", "placeholder", "textPosition", "minLength", "maxLength", "isInvalid", "isValid", "externalButton", "selectOnFocus", "showClearIcon", "showSearchIcon", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "marginTop", "marginRight", "marginBottom", "marginLeft"], outputs: ["onKeyupEnter", "onInput", "onClickClear", "onClickSearch", "onClickExternalButton"] }, { kind: "pipe", type: i9.HtmlPipe, name: "html" }] }); }
2827
2850
  }
2828
2851
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerList, decorators: [{
2829
2852
  type: Component,
2830
- args: [{ selector: 'coer-list', standalone: false, template: "<div [id]=\"_id\" class=\"coer-list\" [ngStyle]=\"{ \r\n 'margin-top': marginTop(), \r\n 'margin-right': marginRight(), \r\n 'margin-bottom': marginBottom(), \r\n 'margin-left': marginLeft(), \r\n }\">\r\n\r\n @if(isLoading()) {\r\n <!-- Grid Message -->\r\n <div class=\"loading\">\r\n <i class=\"spinner-border\"></i>\r\n <span class=\"fa-fade\">Loading</span>\r\n </div>\r\n }\r\n\r\n @else if(dataSource().length <= 0) {\r\n <div class=\"no-data\"> No Data </div>\r\n }\r\n\r\n <header [id]=\"_id + '-header'\" class=\"row\"> \r\n @if(header().length > 0 || headerIcon().length > 0) {\r\n <div class=\"col-auto me-auto\">\r\n <h6>\r\n @if(headerIcon().length > 0) {\r\n <i [class]=\"headerIcon()\"></i> \r\n }\r\n\r\n @if(header().length > 0) {\r\n <span>{{ header() }}</span> \r\n }\r\n </h6> \r\n </div>\r\n }\r\n\r\n @if(_showBackButton()) {\r\n <div class=\"col-auto ps-2 pe-0\"> \r\n <coer-button\r\n type=\"icon-outline\"\r\n color=\"secondary\"\r\n icon=\"back\"\r\n tooltip=\"Back\"\r\n [animation]=\"_enableAnimations\"\r\n (onClick)=\"onClickBack.emit()\"\r\n ></coer-button> \r\n </div>\r\n }\r\n \r\n <!-- Search -->\r\n @if(showSearch() && dataSource().length > 0) {\r\n <div class=\"col-auto pe-0\">\r\n <coer-textbox\r\n #inputSearch \r\n placeholder=\"Search\"\r\n [isDisabled]=\"isLoading()\"\r\n [selectOnFocus]=\"true\"\r\n width=\"250px\"\r\n marginTop=\"5px\"\r\n marginBottom=\"5px\"\r\n [showSearchIcon]=\"true\"\r\n [showClearIcon]=\"true\"\r\n ></coer-textbox>\r\n </div>\r\n }\r\n </header>\r\n\r\n <div [ngStyle]=\"{ \r\n 'width': width(), \r\n 'min-Width': MinWidth(), \r\n 'max-Width': MaxWidth(), \r\n }\">\r\n <ul cdkDropList (cdkDropListDropped)=\"Drop($event)\" class='list-group coer-list'\r\n [ngStyle]=\"{ \r\n 'height': _height, \r\n 'min-height': minHeight(), \r\n 'max-height': maxHeight(), \r\n 'd-none': dataSource().length <= 0 \r\n }\">\r\n \r\n @for (item of _dataSource(); track GetIndexRow(item)) {\r\n <li cdkDrag \r\n class=\"list-group-item coer-list-box\" \r\n cdkDragBoundary=\"ul.coer-list\"\r\n (click)=\"onClick.emit(item)\" \r\n (dblclick)=\"onDoubleClick.emit(item)\">\r\n \r\n <div *cdkDragPlaceholder class=\"coer-list-placeholder cursor-grabbing\"></div>\r\n <div class=\"coer-list-content\"> \r\n @if(_hasTemplate()) {\r\n <div [innerHTML]=\"GetTemplate(item) | html\" class=\"template\"></div>\r\n }\r\n \r\n @else {\r\n <div> {{ GetDisplay(item) }} </div> \r\n } \r\n \r\n <div>\r\n @if(_showDeleteButton(item)) {\r\n <coer-button\r\n type=\"icon-no-border\"\r\n color=\"secondary\"\r\n icon=\"delete\" \r\n (onClick)=\"onClickDelete.emit(item)\"\r\n ></coer-button>\r\n } \r\n \r\n @if(_showGoButton(item)) {\r\n <coer-button\r\n type=\"icon-no-border\"\r\n color=\"secondary\"\r\n icon=\"go\" \r\n marginLeft=\"5px\" \r\n (onClick)=\"onClickGo.emit(item)\"\r\n ></coer-button>\r\n } \r\n \r\n <i cdkDragHandle [ngClass]=\"{ \r\n 'fa-solid fa-grip-vertical text-secondary ps-2': true,\r\n 'cursor-grab': true, \r\n 'cursor-grabbing': false, \r\n 'd-none': !_isDraggable()\r\n }\"></i> \r\n </div> \r\n </div> \r\n </li> \r\n } \r\n </ul>\r\n </div>\r\n</div>", styles: ["div.coer-list header{align-items:center;justify-content:flex-end;padding-right:10px;margin:0}div.coer-list header h6{display:flex;align-items:center;gap:10px;min-height:40px;max-height:40px;margin-top:5px;margin-bottom:5px}div.coer-list header>div{display:flex;align-items:baseline;position:relative;z-index:1}div.coer-list ul.coer-list{width:100%;border:solid 1px #ccc;display:block;background:var(--white);border-radius:4px;overflow:auto}div.coer-list li.coer-list-box{padding:10px;border-bottom:solid 1px #ccc;color:#000000de;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;background:var(--white);font-size:14px}div.coer-list li.coer-list-box div.coer-list-content{width:100%;display:flex;align-items:center;justify-content:space-between}div.coer-list .cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}div.coer-list .cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}div.coer-list .coer-list-box:last-child{border:none}div.coer-list .coer-list.cdk-drop-list-dragging .coer-list-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}div.coer-list div.coer-list-placeholder{background:#ccc;border:dotted 3px #999;min-height:40px;transition:transform .25s cubic-bezier(0,0,.2,1)}div.coer-list div.cdk-drag-placeholder,div.coer-list ul.cdk-drop-list-dragging,div.coer-list ul.cdk-drop-list-dragging *{cursor:grabbing}div.coer-list div.loading,div.coer-list div.no-data{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:25px;color:var(--gray);z-index:1}div.coer-list div.loading{background-color:#bbbbbb83!important;flex-direction:column!important;gap:10px!important}div.coer-list div.loading span.fa-fade{position:relative!important}\n"] }]
2853
+ args: [{ selector: 'coer-list', standalone: false, template: "<div [id]=\"_id\" class=\"coer-list\" [ngStyle]=\"{ \r\n 'margin-top': marginTop(), \r\n 'margin-right': marginRight(), \r\n 'margin-bottom': marginBottom(), \r\n 'margin-left': marginLeft(), \r\n }\">\r\n\r\n @if(isLoading()) {\r\n <!-- Grid Message -->\r\n <div class=\"loading\">\r\n <i class=\"spinner-border\"></i>\r\n <span class=\"fa-fade\">Loading</span>\r\n </div>\r\n }\r\n\r\n @else if(dataSource().length <= 0) {\r\n <div class=\"no-data\"> No Data </div>\r\n }\r\n\r\n <header [id]=\"_id + '-header'\" class=\"row\"> \r\n @if(header().length > 0 || headerIcon().length > 0) {\r\n <div class=\"col-auto me-auto\">\r\n <h6>\r\n @if(headerIcon().length > 0) {\r\n <i [class]=\"headerIcon()\"></i> \r\n }\r\n\r\n @if(header().length > 0) {\r\n <span>{{ header() }}</span> \r\n }\r\n </h6> \r\n </div>\r\n }\r\n\r\n @if(_showBackButton()) {\r\n <div class=\"col-auto ps-2 pe-0\"> \r\n <coer-button\r\n type=\"icon-outline\"\r\n color=\"secondary\"\r\n icon=\"back\"\r\n tooltip=\"Back\"\r\n [animation]=\"_enableAnimations\"\r\n (onClick)=\"onClickBack.emit()\"\r\n ></coer-button> \r\n </div>\r\n }\r\n \r\n <!-- Search -->\r\n @if(showSearch() && dataSource().length > 0) {\r\n <div class=\"col-auto pe-0\">\r\n <coer-textbox\r\n #inputSearch \r\n placeholder=\"Search\"\r\n [isDisabled]=\"isLoading()\"\r\n [selectOnFocus]=\"true\"\r\n width=\"250px\"\r\n marginTop=\"5px\"\r\n marginBottom=\"5px\"\r\n [showSearchIcon]=\"true\"\r\n [showClearIcon]=\"true\"\r\n ></coer-textbox>\r\n </div>\r\n }\r\n </header>\r\n\r\n <div [ngStyle]=\"{ \r\n 'width': width(), \r\n 'min-Width': MinWidth(), \r\n 'max-Width': MaxWidth(), \r\n }\">\r\n <ul cdkDropList (cdkDropListDropped)=\"_Drop($event)\" class='list-group coer-list'\r\n [ngStyle]=\"{ \r\n 'height': _height, \r\n 'min-height': minHeight(), \r\n 'max-height': maxHeight(), \r\n 'd-none': dataSource().length <= 0 \r\n }\">\r\n \r\n @for (item of _dataSource(); track _GetIndexRow(item)) {\r\n <li cdkDrag \r\n class=\"list-group-item coer-list-box\" \r\n cdkDragBoundary=\"ul.coer-list\"\r\n (click)=\"onClick.emit(item)\" \r\n (dblclick)=\"onDoubleClick.emit(item)\">\r\n \r\n <div *cdkDragPlaceholder class=\"coer-list-placeholder cursor-grabbing\"></div>\r\n <div class=\"coer-list-content\"> \r\n @if(_hasTemplate()) {\r\n <div [innerHTML]=\"_GetTemplate(item) | html\" class=\"template\"></div>\r\n }\r\n \r\n @else {\r\n <div> {{ _GetDisplay(item) }} </div> \r\n } \r\n \r\n <div>\r\n @if(_showDeleteButtonByRow(item)) {\r\n <coer-button\r\n type=\"icon-no-border\"\r\n color=\"secondary\"\r\n icon=\"delete\" \r\n (onClick)=\"onClickDelete.emit(item)\"\r\n ></coer-button>\r\n } \r\n \r\n @if(_showGoButtonByRow(item)) {\r\n <coer-button\r\n type=\"icon-no-border\"\r\n color=\"secondary\"\r\n icon=\"go\" \r\n marginLeft=\"5px\" \r\n (onClick)=\"onClickGo.emit(item)\"\r\n ></coer-button>\r\n } \r\n \r\n <i cdkDragHandle [ngClass]=\"{ \r\n 'fa-solid fa-grip-vertical text-secondary ps-2': true,\r\n 'cursor-grab': true, \r\n 'cursor-grabbing': false, \r\n 'd-none': !_isDraggable()\r\n }\"></i> \r\n </div> \r\n </div> \r\n </li> \r\n } \r\n </ul>\r\n </div>\r\n</div>", styles: ["div.coer-list header{align-items:center;justify-content:flex-end;padding-right:10px;margin:0}div.coer-list header h6{display:flex;align-items:center;gap:10px;min-height:40px;max-height:40px;margin-top:5px;margin-bottom:5px}div.coer-list header>div{display:flex;align-items:baseline;position:relative;z-index:1}div.coer-list ul.coer-list{width:100%;border:solid 1px #ccc;display:block;background:var(--white);border-radius:4px;overflow:auto}div.coer-list li.coer-list-box{padding:10px;border-bottom:solid 1px #ccc;color:#000000de;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;background:var(--white);font-size:14px}div.coer-list li.coer-list-box div.coer-list-content{width:100%;display:flex;align-items:center;justify-content:space-between}div.coer-list .cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}div.coer-list .cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}div.coer-list .coer-list-box:last-child{border:none}div.coer-list .coer-list.cdk-drop-list-dragging .coer-list-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}div.coer-list div.coer-list-placeholder{background:#ccc;border:dotted 3px #999;min-height:40px;transition:transform .25s cubic-bezier(0,0,.2,1)}div.coer-list div.cdk-drag-placeholder,div.coer-list ul.cdk-drop-list-dragging,div.coer-list ul.cdk-drop-list-dragging *{cursor:grabbing}div.coer-list div.loading,div.coer-list div.no-data{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:25px;color:var(--gray);z-index:1}div.coer-list div.loading{background-color:#bbbbbb83!important;flex-direction:column!important;gap:10px!important}div.coer-list div.loading span.fa-fade{position:relative!important}\n"] }]
2831
2854
  }] });
2832
2855
 
2833
2856
  class CoerMenuOption {
@@ -2908,11 +2931,11 @@ class CoerMenuOption {
2908
2931
  });
2909
2932
  }
2910
2933
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerMenuOption, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
2911
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.1", type: CoerMenuOption, isStandalone: false, selector: "coer-menu-option", inputs: { level: "level", label: "label", icon: "icon", path: "path", tree: "tree" }, outputs: { clickMenuOption: "clickMenuOption" }, ngImport: i0, template: "<mat-nav-list class=\"coer-menu-option\" (click)=\"ClickMenuOption('')\">\r\n <mat-list-item>\r\n <span [class]=\"'icon-container ' + identityClass\" [ngStyle]=\"{ 'margin-left': marginLeft }\">\r\n <i [class]=\"_icon\"></i>\r\n </span>\r\n\r\n <span [class]=\"'label-container ' + identityClass\">\r\n {{ label }}\r\n </span>\r\n </mat-list-item>\r\n</mat-nav-list>", styles: ["mat-nav-list.coer-menu-option{padding:0!important}mat-nav-list.coer-menu-option div,mat-nav-list.coer-menu-option span{font-size:16px!important;font-family:sans-serif!important;font-weight:700}mat-nav-list.coer-menu-option mat-list-item{padding:0 35px 0 10px!important;display:inline-flex!important;height:48px!important;color:var(--background-inner)}mat-nav-list.coer-menu-option mat-list-item span.icon-container{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:48px!important;min-width:20px!important;max-width:20px!important;color:var(--background-inner)}mat-nav-list.coer-menu-option mat-list-item span.icon-container i{min-height:16px!important}mat-nav-list.coer-menu-option mat-list-item span.label-container{justify-content:flex-start!important;display:inline-flex!important;height:auto!important;margin-left:10px!important;color:var(--background-inner)}mat-nav-list.coer-menu-option mat-list-item span.icon-container.active-link,mat-nav-list.coer-menu-option mat-list-item span.label-container.active-link{color:var(--navigation-inner)!important}mat-nav-list.coer-menu-option mat-list-item:hover{background-color:#2f2f2f!important}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$7.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i2$7.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }] }); }
2934
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.1", type: CoerMenuOption, isStandalone: false, selector: "coer-menu-option", inputs: { level: "level", label: "label", icon: "icon", path: "path", tree: "tree" }, outputs: { clickMenuOption: "clickMenuOption" }, ngImport: i0, template: "<mat-nav-list class=\"coer-menu-option\" (click)=\"ClickMenuOption('')\">\r\n <mat-list-item>\r\n <span [class]=\"'icon-container ' + identityClass\" [ngStyle]=\"{ 'margin-left': marginLeft }\">\r\n <i [class]=\"_icon\"></i>\r\n </span>\r\n\r\n <span [class]=\"'label-container ' + identityClass\">\r\n {{ label }}\r\n </span>\r\n </mat-list-item>\r\n</mat-nav-list>", styles: ["mat-nav-list.coer-menu-option{padding:0!important}mat-nav-list.coer-menu-option div,mat-nav-list.coer-menu-option span{font-size:16px!important;font-family:sans-serif!important;font-weight:700}mat-nav-list.coer-menu-option mat-list-item{padding:0 35px 0 10px!important;display:inline-flex!important;height:48px!important;color:var(--sidenav-text-inner)}mat-nav-list.coer-menu-option mat-list-item span.icon-container{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:48px!important;min-width:20px!important;max-width:20px!important;color:var(--sidenav-text-inner)}mat-nav-list.coer-menu-option mat-list-item span.icon-container i{min-height:16px!important}mat-nav-list.coer-menu-option mat-list-item span.label-container{justify-content:flex-start!important;display:inline-flex!important;height:auto!important;margin-left:10px!important;color:var(--sidenav-text-inner)}mat-nav-list.coer-menu-option mat-list-item span.icon-container.active-link,mat-nav-list.coer-menu-option mat-list-item span.label-container.active-link{color:var(--navigation-inner)!important}mat-nav-list.coer-menu-option mat-list-item:hover{background-color:color-mix(in srgb,var(--app-sidenav),white 20%)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$7.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i2$7.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }] }); }
2912
2935
  }
2913
2936
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerMenuOption, decorators: [{
2914
2937
  type: Component,
2915
- args: [{ selector: 'coer-menu-option', standalone: false, template: "<mat-nav-list class=\"coer-menu-option\" (click)=\"ClickMenuOption('')\">\r\n <mat-list-item>\r\n <span [class]=\"'icon-container ' + identityClass\" [ngStyle]=\"{ 'margin-left': marginLeft }\">\r\n <i [class]=\"_icon\"></i>\r\n </span>\r\n\r\n <span [class]=\"'label-container ' + identityClass\">\r\n {{ label }}\r\n </span>\r\n </mat-list-item>\r\n</mat-nav-list>", styles: ["mat-nav-list.coer-menu-option{padding:0!important}mat-nav-list.coer-menu-option div,mat-nav-list.coer-menu-option span{font-size:16px!important;font-family:sans-serif!important;font-weight:700}mat-nav-list.coer-menu-option mat-list-item{padding:0 35px 0 10px!important;display:inline-flex!important;height:48px!important;color:var(--background-inner)}mat-nav-list.coer-menu-option mat-list-item span.icon-container{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:48px!important;min-width:20px!important;max-width:20px!important;color:var(--background-inner)}mat-nav-list.coer-menu-option mat-list-item span.icon-container i{min-height:16px!important}mat-nav-list.coer-menu-option mat-list-item span.label-container{justify-content:flex-start!important;display:inline-flex!important;height:auto!important;margin-left:10px!important;color:var(--background-inner)}mat-nav-list.coer-menu-option mat-list-item span.icon-container.active-link,mat-nav-list.coer-menu-option mat-list-item span.label-container.active-link{color:var(--navigation-inner)!important}mat-nav-list.coer-menu-option mat-list-item:hover{background-color:#2f2f2f!important}\n"] }]
2938
+ args: [{ selector: 'coer-menu-option', standalone: false, template: "<mat-nav-list class=\"coer-menu-option\" (click)=\"ClickMenuOption('')\">\r\n <mat-list-item>\r\n <span [class]=\"'icon-container ' + identityClass\" [ngStyle]=\"{ 'margin-left': marginLeft }\">\r\n <i [class]=\"_icon\"></i>\r\n </span>\r\n\r\n <span [class]=\"'label-container ' + identityClass\">\r\n {{ label }}\r\n </span>\r\n </mat-list-item>\r\n</mat-nav-list>", styles: ["mat-nav-list.coer-menu-option{padding:0!important}mat-nav-list.coer-menu-option div,mat-nav-list.coer-menu-option span{font-size:16px!important;font-family:sans-serif!important;font-weight:700}mat-nav-list.coer-menu-option mat-list-item{padding:0 35px 0 10px!important;display:inline-flex!important;height:48px!important;color:var(--sidenav-text-inner)}mat-nav-list.coer-menu-option mat-list-item span.icon-container{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:48px!important;min-width:20px!important;max-width:20px!important;color:var(--sidenav-text-inner)}mat-nav-list.coer-menu-option mat-list-item span.icon-container i{min-height:16px!important}mat-nav-list.coer-menu-option mat-list-item span.label-container{justify-content:flex-start!important;display:inline-flex!important;height:auto!important;margin-left:10px!important;color:var(--sidenav-text-inner)}mat-nav-list.coer-menu-option mat-list-item span.icon-container.active-link,mat-nav-list.coer-menu-option mat-list-item span.label-container.active-link{color:var(--navigation-inner)!important}mat-nav-list.coer-menu-option mat-list-item:hover{background-color:color-mix(in srgb,var(--app-sidenav),white 20%)!important}\n"] }]
2916
2939
  }], propDecorators: { level: [{
2917
2940
  type: Input
2918
2941
  }], label: [{
@@ -3083,11 +3106,11 @@ class CoerSecretBox extends ControlValue {
3083
3106
  });
3084
3107
  }
3085
3108
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerSecretBox, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
3086
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerSecretBox, isStandalone: false, selector: "coer-secretbox", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, textPosition: { classPropertyName: "textPosition", publicName: "textPosition", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, isInvalid: { classPropertyName: "isInvalid", publicName: "isInvalid", isSignal: true, isRequired: false, transformFunction: null }, isValid: { classPropertyName: "isValid", publicName: "isValid", isSignal: true, isRequired: false, transformFunction: null }, showSecret: { classPropertyName: "showSecret", publicName: "showSecret", isSignal: true, isRequired: false, transformFunction: null }, selectOnFocus: { classPropertyName: "selectOnFocus", publicName: "selectOnFocus", isSignal: true, isRequired: false, transformFunction: null }, showClearIcon: { classPropertyName: "showClearIcon", publicName: "showClearIcon", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, marginTop: { classPropertyName: "marginTop", publicName: "marginTop", isSignal: true, isRequired: false, transformFunction: null }, marginRight: { classPropertyName: "marginRight", publicName: "marginRight", isSignal: true, isRequired: false, transformFunction: null }, marginBottom: { classPropertyName: "marginBottom", publicName: "marginBottom", isSignal: true, isRequired: false, transformFunction: null }, marginLeft: { classPropertyName: "marginLeft", publicName: "marginLeft", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onKeyupEnter: "onKeyupEnter", onInput: "onInput", onClickClear: "onClickClear", onClickExternalButton: "onClickExternalButton" }, providers: [CONTROL_VALUE(CoerSecretBox)], viewQueries: [{ propertyName: "matFormField", first: true, predicate: ["matFormField"], descendants: true, isSignal: true }, { propertyName: "coerTextBox", first: true, predicate: ["coerTextBox"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"coer-text-box\">\r\n <mat-form-field\r\n [id]=\"_id + '-container'\"\r\n [floatLabel]=\"floatLabel()\"\r\n [ngClass]=\"{\r\n 'readonly': isReadonly() && !isLoading(),\r\n 'd-none': isInvisible()\r\n }\"\r\n [style]=\"{\r\n 'width': width(),\r\n 'min-width': minWidth(),\r\n 'max-width': maxWidth(),\r\n 'margin-top': marginTop(),\r\n 'margin-right': marginRight(),\r\n 'margin-bottom': marginBottom(),\r\n 'margin-left': marginLeft()\r\n }\">\r\n <mat-label>{{ label() }}</mat-label>\r\n \r\n <input #coerTextBox matInput\r\n [id]=\"_id\"\r\n [type]=\"_passwordType ? 'password': 'text'\"\r\n [placeholder]=\"placeholder()\"\r\n [minLength]=\"minLength()\"\r\n [maxLength]=\"maxLength()\"\r\n [disabled]=\"!_isEnable()\"\r\n [value]=\"_value\"\r\n (input)=\"SetValue(coerTextBox.value)\"\r\n (blur)=\"SetTouched(true)\"\r\n [style]=\"{\r\n 'cursor': isLoading() ? 'wait' : null,\r\n 'margin-top': (floatLabel() == 'auto') ? '15px' : '9px',\r\n 'padding-right': paddingRight(),\r\n 'text-align': textPosition()\r\n }\">\r\n\r\n @if(isLoading()) {\r\n <div class=\"placeholder-glow\">\r\n <span class=\"placeholder\"></span>\r\n </div>\r\n }\r\n\r\n <span class=\"icon-container\"> \r\n @if(isInvalid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-exclamation\"></i>\r\n }\r\n\r\n @else if(isValid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-check text-green\"></i>\r\n }\r\n\r\n @if(_showSecret) {\r\n <i [ngClass]=\"{\r\n 'fa-solid cursor-pointer': true, \r\n 'fa-eye-slash': passwordType,\r\n 'fa-eye': !passwordType\r\n }\" \r\n [ngStyle]=\"{\r\n 'margin-right': isInvalid() || isValid() ? '25px' : '0px'\r\n }\"\r\n (click)=\"passwordType = !passwordType\"></i> \r\n }\r\n </span>\r\n </mat-form-field> \r\n\r\n @if(isInvisible()) {\r\n <mat-form-field class=\"invisible\">\r\n <input matInput [disabled]=\"true\"> \r\n </mat-form-field> \r\n } \r\n</div> ", 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}div.coer-text-box{display:flex;align-items:center}div.coer-text-box mat-form-field{position:relative!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{width:100%!important;height:40px!important;padding:0!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label{overflow:visible!important;position:absolute!important;top:20px!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label{color:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{font-weight:400!important;font-size:17px!important;color:var(--black)!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:after{border-bottom-color:var(--primary-inner)!important}div.coer-text-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-text-box mat-form-field span.icon-container{position:absolute!important;top:1px!important;right:-14px!important;z-index:5!important;width:30px;height:40px;display:flex;align-items:center;justify-content:center;gap:5px}div.coer-text-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-eye-slash,div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-eye{color:#caced1!important;cursor:pointer!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-eye-slash:hover,div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-eye:hover{color:#6c757d!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-text-box mat-form-field span.placeholder{width:calc(100% + 32px)!important;height:40px!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important;cursor:wait!important}div.coer-text-box mat-form-field .placeholder,div.coer-text-box mat-form-field .placeholder *,div.coer-text-box mat-form-field .placeholder-glow,div.coer-text-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-text-box mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:transparent!important;padding-left:9px!important;padding-right:9px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:after{border-bottom-color:transparent!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:28px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{height:28px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{margin-top:3px!important;font-size:14px!important}coer-grid table tbody tr td.coer-textbox mat-form-field span.icon-container{transform:translate(-5px,-6px)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }] }); }
3109
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerSecretBox, isStandalone: false, selector: "coer-secretbox", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, textPosition: { classPropertyName: "textPosition", publicName: "textPosition", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, isInvalid: { classPropertyName: "isInvalid", publicName: "isInvalid", isSignal: true, isRequired: false, transformFunction: null }, isValid: { classPropertyName: "isValid", publicName: "isValid", isSignal: true, isRequired: false, transformFunction: null }, showSecret: { classPropertyName: "showSecret", publicName: "showSecret", isSignal: true, isRequired: false, transformFunction: null }, selectOnFocus: { classPropertyName: "selectOnFocus", publicName: "selectOnFocus", isSignal: true, isRequired: false, transformFunction: null }, showClearIcon: { classPropertyName: "showClearIcon", publicName: "showClearIcon", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, marginTop: { classPropertyName: "marginTop", publicName: "marginTop", isSignal: true, isRequired: false, transformFunction: null }, marginRight: { classPropertyName: "marginRight", publicName: "marginRight", isSignal: true, isRequired: false, transformFunction: null }, marginBottom: { classPropertyName: "marginBottom", publicName: "marginBottom", isSignal: true, isRequired: false, transformFunction: null }, marginLeft: { classPropertyName: "marginLeft", publicName: "marginLeft", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onKeyupEnter: "onKeyupEnter", onInput: "onInput", onClickClear: "onClickClear", onClickExternalButton: "onClickExternalButton" }, providers: [CONTROL_VALUE(CoerSecretBox)], viewQueries: [{ propertyName: "matFormField", first: true, predicate: ["matFormField"], descendants: true, isSignal: true }, { propertyName: "coerTextBox", first: true, predicate: ["coerTextBox"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"coer-text-box\">\r\n <mat-form-field\r\n [id]=\"_id + '-container'\"\r\n [floatLabel]=\"floatLabel()\"\r\n [ngClass]=\"{\r\n 'readonly': isReadonly() && !isLoading(),\r\n 'd-none': isInvisible()\r\n }\"\r\n [style]=\"{\r\n 'width': width(),\r\n 'min-width': minWidth(),\r\n 'max-width': maxWidth(),\r\n 'margin-top': marginTop(),\r\n 'margin-right': marginRight(),\r\n 'margin-bottom': marginBottom(),\r\n 'margin-left': marginLeft()\r\n }\">\r\n <mat-label>{{ label() }}</mat-label>\r\n \r\n <input #coerTextBox matInput\r\n [id]=\"_id\"\r\n [type]=\"_passwordType ? 'password': 'text'\"\r\n [placeholder]=\"placeholder()\"\r\n [minLength]=\"minLength()\"\r\n [maxLength]=\"maxLength()\"\r\n [disabled]=\"!_isEnable()\"\r\n [value]=\"_value\"\r\n (input)=\"SetValue(coerTextBox.value)\"\r\n (blur)=\"SetTouched(true)\"\r\n [style]=\"{\r\n 'cursor': isLoading() ? 'wait' : null,\r\n 'margin-top': (floatLabel() == 'auto') ? '15px' : '9px',\r\n 'padding-right': paddingRight(),\r\n 'text-align': textPosition()\r\n }\">\r\n\r\n @if(isLoading()) {\r\n <div class=\"placeholder-glow\">\r\n <span class=\"placeholder\"></span>\r\n </div>\r\n }\r\n\r\n <span class=\"icon-container\"> \r\n @if(isInvalid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-exclamation\"></i>\r\n }\r\n\r\n @else if(isValid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-check text-green\"></i>\r\n }\r\n\r\n @if(_showSecret) {\r\n <i [ngClass]=\"{\r\n 'fa-solid cursor-pointer': true, \r\n 'fa-eye-slash': passwordType,\r\n 'fa-eye': !passwordType\r\n }\" \r\n [ngStyle]=\"{\r\n 'margin-right': isInvalid() || isValid() ? '25px' : '0px'\r\n }\"\r\n (click)=\"passwordType = !passwordType\"></i> \r\n }\r\n </span>\r\n </mat-form-field> \r\n\r\n @if(isInvisible()) {\r\n <mat-form-field class=\"invisible\">\r\n <input matInput [disabled]=\"true\"> \r\n </mat-form-field> \r\n } \r\n</div> ", 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));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-text-box{display:flex;align-items:center}div.coer-text-box mat-form-field{position:relative!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{width:100%!important;height:40px!important;padding:0!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label{overflow:visible!important;position:absolute!important;top:20px!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label{color:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{font-weight:400!important;font-size:17px!important;color:var(--black)!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:after{border-bottom-color:var(--primary-inner)!important}div.coer-text-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-text-box mat-form-field span.icon-container{position:absolute!important;top:1px!important;right:-14px!important;z-index:5!important;width:30px;height:40px;display:flex;align-items:center;justify-content:center;gap:5px}div.coer-text-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-eye-slash,div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-eye{color:#caced1!important;cursor:pointer!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-eye-slash:hover,div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-eye:hover{color:#6c757d!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-text-box mat-form-field span.placeholder{width:calc(100% + 32px)!important;height:40px!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important;cursor:wait!important}div.coer-text-box mat-form-field .placeholder,div.coer-text-box mat-form-field .placeholder *,div.coer-text-box mat-form-field .placeholder-glow,div.coer-text-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-text-box mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:transparent!important;padding-left:9px!important;padding-right:9px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:after{border-bottom-color:transparent!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:28px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{height:28px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{margin-top:3px!important;font-size:14px!important}coer-grid table tbody tr td.coer-textbox mat-form-field span.icon-container{transform:translate(-5px,-6px)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }] }); }
3087
3110
  }
3088
3111
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerSecretBox, decorators: [{
3089
3112
  type: Component,
3090
- args: [{ selector: 'coer-secretbox', providers: [CONTROL_VALUE(CoerSecretBox)], standalone: false, template: "<div class=\"coer-text-box\">\r\n <mat-form-field\r\n [id]=\"_id + '-container'\"\r\n [floatLabel]=\"floatLabel()\"\r\n [ngClass]=\"{\r\n 'readonly': isReadonly() && !isLoading(),\r\n 'd-none': isInvisible()\r\n }\"\r\n [style]=\"{\r\n 'width': width(),\r\n 'min-width': minWidth(),\r\n 'max-width': maxWidth(),\r\n 'margin-top': marginTop(),\r\n 'margin-right': marginRight(),\r\n 'margin-bottom': marginBottom(),\r\n 'margin-left': marginLeft()\r\n }\">\r\n <mat-label>{{ label() }}</mat-label>\r\n \r\n <input #coerTextBox matInput\r\n [id]=\"_id\"\r\n [type]=\"_passwordType ? 'password': 'text'\"\r\n [placeholder]=\"placeholder()\"\r\n [minLength]=\"minLength()\"\r\n [maxLength]=\"maxLength()\"\r\n [disabled]=\"!_isEnable()\"\r\n [value]=\"_value\"\r\n (input)=\"SetValue(coerTextBox.value)\"\r\n (blur)=\"SetTouched(true)\"\r\n [style]=\"{\r\n 'cursor': isLoading() ? 'wait' : null,\r\n 'margin-top': (floatLabel() == 'auto') ? '15px' : '9px',\r\n 'padding-right': paddingRight(),\r\n 'text-align': textPosition()\r\n }\">\r\n\r\n @if(isLoading()) {\r\n <div class=\"placeholder-glow\">\r\n <span class=\"placeholder\"></span>\r\n </div>\r\n }\r\n\r\n <span class=\"icon-container\"> \r\n @if(isInvalid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-exclamation\"></i>\r\n }\r\n\r\n @else if(isValid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-check text-green\"></i>\r\n }\r\n\r\n @if(_showSecret) {\r\n <i [ngClass]=\"{\r\n 'fa-solid cursor-pointer': true, \r\n 'fa-eye-slash': passwordType,\r\n 'fa-eye': !passwordType\r\n }\" \r\n [ngStyle]=\"{\r\n 'margin-right': isInvalid() || isValid() ? '25px' : '0px'\r\n }\"\r\n (click)=\"passwordType = !passwordType\"></i> \r\n }\r\n </span>\r\n </mat-form-field> \r\n\r\n @if(isInvisible()) {\r\n <mat-form-field class=\"invisible\">\r\n <input matInput [disabled]=\"true\"> \r\n </mat-form-field> \r\n } \r\n</div> ", 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}div.coer-text-box{display:flex;align-items:center}div.coer-text-box mat-form-field{position:relative!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{width:100%!important;height:40px!important;padding:0!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label{overflow:visible!important;position:absolute!important;top:20px!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label{color:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{font-weight:400!important;font-size:17px!important;color:var(--black)!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:after{border-bottom-color:var(--primary-inner)!important}div.coer-text-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-text-box mat-form-field span.icon-container{position:absolute!important;top:1px!important;right:-14px!important;z-index:5!important;width:30px;height:40px;display:flex;align-items:center;justify-content:center;gap:5px}div.coer-text-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-eye-slash,div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-eye{color:#caced1!important;cursor:pointer!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-eye-slash:hover,div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-eye:hover{color:#6c757d!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-text-box mat-form-field span.placeholder{width:calc(100% + 32px)!important;height:40px!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important;cursor:wait!important}div.coer-text-box mat-form-field .placeholder,div.coer-text-box mat-form-field .placeholder *,div.coer-text-box mat-form-field .placeholder-glow,div.coer-text-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-text-box mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:transparent!important;padding-left:9px!important;padding-right:9px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:after{border-bottom-color:transparent!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:28px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{height:28px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{margin-top:3px!important;font-size:14px!important}coer-grid table tbody tr td.coer-textbox mat-form-field span.icon-container{transform:translate(-5px,-6px)!important}\n"] }]
3113
+ args: [{ selector: 'coer-secretbox', providers: [CONTROL_VALUE(CoerSecretBox)], standalone: false, template: "<div class=\"coer-text-box\">\r\n <mat-form-field\r\n [id]=\"_id + '-container'\"\r\n [floatLabel]=\"floatLabel()\"\r\n [ngClass]=\"{\r\n 'readonly': isReadonly() && !isLoading(),\r\n 'd-none': isInvisible()\r\n }\"\r\n [style]=\"{\r\n 'width': width(),\r\n 'min-width': minWidth(),\r\n 'max-width': maxWidth(),\r\n 'margin-top': marginTop(),\r\n 'margin-right': marginRight(),\r\n 'margin-bottom': marginBottom(),\r\n 'margin-left': marginLeft()\r\n }\">\r\n <mat-label>{{ label() }}</mat-label>\r\n \r\n <input #coerTextBox matInput\r\n [id]=\"_id\"\r\n [type]=\"_passwordType ? 'password': 'text'\"\r\n [placeholder]=\"placeholder()\"\r\n [minLength]=\"minLength()\"\r\n [maxLength]=\"maxLength()\"\r\n [disabled]=\"!_isEnable()\"\r\n [value]=\"_value\"\r\n (input)=\"SetValue(coerTextBox.value)\"\r\n (blur)=\"SetTouched(true)\"\r\n [style]=\"{\r\n 'cursor': isLoading() ? 'wait' : null,\r\n 'margin-top': (floatLabel() == 'auto') ? '15px' : '9px',\r\n 'padding-right': paddingRight(),\r\n 'text-align': textPosition()\r\n }\">\r\n\r\n @if(isLoading()) {\r\n <div class=\"placeholder-glow\">\r\n <span class=\"placeholder\"></span>\r\n </div>\r\n }\r\n\r\n <span class=\"icon-container\"> \r\n @if(isInvalid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-exclamation\"></i>\r\n }\r\n\r\n @else if(isValid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-check text-green\"></i>\r\n }\r\n\r\n @if(_showSecret) {\r\n <i [ngClass]=\"{\r\n 'fa-solid cursor-pointer': true, \r\n 'fa-eye-slash': passwordType,\r\n 'fa-eye': !passwordType\r\n }\" \r\n [ngStyle]=\"{\r\n 'margin-right': isInvalid() || isValid() ? '25px' : '0px'\r\n }\"\r\n (click)=\"passwordType = !passwordType\"></i> \r\n }\r\n </span>\r\n </mat-form-field> \r\n\r\n @if(isInvisible()) {\r\n <mat-form-field class=\"invisible\">\r\n <input matInput [disabled]=\"true\"> \r\n </mat-form-field> \r\n } \r\n</div> ", 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));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-text-box{display:flex;align-items:center}div.coer-text-box mat-form-field{position:relative!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:40px!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{width:100%!important;height:40px!important;padding:0!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label{overflow:visible!important;position:absolute!important;top:20px!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label{color:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{font-weight:400!important;font-size:17px!important;color:var(--black)!important}div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:after{border-bottom-color:var(--primary-inner)!important}div.coer-text-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-text-box mat-form-field span.icon-container{position:absolute!important;top:1px!important;right:-14px!important;z-index:5!important;width:30px;height:40px;display:flex;align-items:center;justify-content:center;gap:5px}div.coer-text-box mat-form-field span.icon-container i{font-size:20px!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-eye-slash,div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-eye{color:#caced1!important;cursor:pointer!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-eye-slash:hover,div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-eye:hover{color:#6c757d!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-text-box mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-text-box mat-form-field span.placeholder{width:calc(100% + 32px)!important;height:40px!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important;cursor:wait!important}div.coer-text-box mat-form-field .placeholder,div.coer-text-box mat-form-field .placeholder *,div.coer-text-box mat-form-field .placeholder-glow,div.coer-text-box mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-text-box mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:transparent!important;padding-left:9px!important;padding-right:9px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple,coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:before,coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple:after{border-bottom-color:transparent!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex{height:28px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{height:28px!important}coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input{margin-top:3px!important;font-size:14px!important}coer-grid table tbody tr td.coer-textbox mat-form-field span.icon-container{transform:translate(-5px,-6px)!important}\n"] }]
3091
3114
  }], propDecorators: { value: [{
3092
3115
  type: Input
3093
3116
  }], id: [{
@@ -3123,11 +3146,11 @@ class CoerPageTitle {
3123
3146
  ? this.information().tooltip : 'Information';
3124
3147
  }
3125
3148
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerPageTitle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
3126
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerPageTitle, isStandalone: false, selector: "coer-page-title", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, showNavigation: { classPropertyName: "showNavigation", publicName: "showNavigation", isSignal: true, isRequired: false, transformFunction: null }, breadcrumbs: { classPropertyName: "breadcrumbs", publicName: "breadcrumbs", isSignal: true, isRequired: false, transformFunction: null }, goBack: { classPropertyName: "goBack", publicName: "goBack", isSignal: true, isRequired: false, transformFunction: null }, information: { classPropertyName: "information", publicName: "information", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClickInformation: "onClickInformation" }, ngImport: i0, template: "<header class=\"coer-page-title\" title=''>\r\n <h2>\r\n <span> {{ title() }} </span>\r\n\r\n <!-- Button Information -->\r\n @if(information().show) {\r\n <coer-button\r\n icon=\"bi bi-info-circle\"\r\n type=\"icon-no-border\"\r\n color=\"primary\"\r\n [tooltip]=\"_tooltip\"\r\n (onClick)=\"onClickInformation.emit()\"\r\n ></coer-button> \r\n }\r\n </h2>\r\n\r\n <!-- Navigation -->\r\n <nav *ngIf=\"showNavigation\" aria-label=\"breadcrumb\">\r\n <ol class=\"breadcrumb\">\r\n <li class=\"breadcrumb-item\">\r\n <a><i [class]=\"_icon\"></i></a>\r\n </li>\r\n\r\n <li *ngFor=\"let nav of breadcrumbs()\" class=\"breadcrumb-item\">\r\n <a [routerLink]='(nav.path && nav.path.length > 0) ? nav.path : null'\r\n [queryParams]='nav.queryParams'\r\n (click)=\"(nav.click) ? nav.click() : null\">\r\n {{ nav.page }}\r\n </a>\r\n </li>\r\n </ol>\r\n\r\n <!-- Go Back -->\r\n <a *ngIf=\"goBack().show\"\r\n [routerLink]=\"goBack().path\"\r\n [queryParams]='goBack().queryParams'\r\n class=\"go-back-button\"\r\n (click)=\"(goBack().click) ? goBack().click!() : null\">\r\n Go back\r\n </a>\r\n </nav>\r\n</header> ", 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}header.coer-page-title{margin:15px 30px 0}header.coer-page-title h2{margin:0 0 10px;display:flex;align-items:center;justify-content:space-between;height:20px;font-size:20px}header.coer-page-title h2 span{font-size:20px!important}header.coer-page-title nav{height:auto;min-height:25px;font-size:small;background-color:#efefef!important;display:flex;align-items:center;justify-content:space-between}header.coer-page-title nav a.go-back-button{min-width:60px}header.coer-page-title ol,header.coer-page-title a{margin:0;padding-left:5px;text-decoration:none;color:var(--primary-inner)!important;font-weight:400!important;cursor:pointer!important}header.coer-page-title ol::selection,header.coer-page-title a::selection{background-color:transparent!important}header.coer-page-title li{border:none}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: CoerButton, selector: "coer-button", inputs: ["id", "color", "type", "icon", "iconPosition", "path", "animation", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "height", "minHeight", "marginTop", "marginRight", "marginBottom", "marginLeft", "tooltipPosition", "tooltip"], outputs: ["onClick"] }] }); }
3149
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerPageTitle, isStandalone: false, selector: "coer-page-title", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, showNavigation: { classPropertyName: "showNavigation", publicName: "showNavigation", isSignal: true, isRequired: false, transformFunction: null }, breadcrumbs: { classPropertyName: "breadcrumbs", publicName: "breadcrumbs", isSignal: true, isRequired: false, transformFunction: null }, goBack: { classPropertyName: "goBack", publicName: "goBack", isSignal: true, isRequired: false, transformFunction: null }, information: { classPropertyName: "information", publicName: "information", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClickInformation: "onClickInformation" }, ngImport: i0, template: "<header class=\"coer-page-title\" title=''>\r\n <h2>\r\n <span> {{ title() }} </span>\r\n\r\n <!-- Button Information -->\r\n @if(information().show) {\r\n <coer-button\r\n icon=\"bi bi-info-circle\"\r\n type=\"icon-no-border\"\r\n color=\"dark\"\r\n [tooltip]=\"_tooltip\"\r\n (onClick)=\"onClickInformation.emit()\"\r\n ></coer-button> \r\n }\r\n </h2>\r\n\r\n <!-- Navigation -->\r\n <nav *ngIf=\"showNavigation\" aria-label=\"breadcrumb\">\r\n <ol class=\"breadcrumb\">\r\n <li class=\"breadcrumb-item\">\r\n <a><i [class]=\"_icon\"></i></a>\r\n </li>\r\n\r\n <li *ngFor=\"let nav of breadcrumbs()\" class=\"breadcrumb-item\">\r\n <a [routerLink]='(nav.path && nav.path.length > 0) ? nav.path : null'\r\n [queryParams]='nav.queryParams'\r\n (click)=\"(nav.click) ? nav.click() : null\">\r\n {{ nav.page }}\r\n </a>\r\n </li>\r\n </ol>\r\n\r\n <!-- Go Back -->\r\n <a *ngIf=\"goBack().show\"\r\n [routerLink]=\"goBack().path\"\r\n [queryParams]='goBack().queryParams'\r\n class=\"go-back-button\"\r\n (click)=\"(goBack().click) ? goBack().click!() : null\">\r\n Go back\r\n </a>\r\n </nav>\r\n</header> ", 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));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}header.coer-page-title{margin:15px 30px 0}header.coer-page-title h2{margin:0 0 10px;display:flex;align-items:center;justify-content:space-between;height:20px;font-size:20px}header.coer-page-title h2 span{font-size:20px!important}header.coer-page-title nav{height:auto;min-height:25px;font-size:small;background-color:color-mix(in srgb,var(--gray),white 90%)!important;display:flex;align-items:center;justify-content:space-between}header.coer-page-title nav a.go-back-button{min-width:60px}header.coer-page-title ol,header.coer-page-title a{margin:0;padding-left:5px;text-decoration:none;color:var(--breadcrumbs-inner)!important;font-weight:400!important;cursor:pointer!important}header.coer-page-title ol::selection,header.coer-page-title a::selection{background-color:transparent!important}header.coer-page-title li{border:none}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: CoerButton, selector: "coer-button", inputs: ["id", "color", "type", "icon", "iconPosition", "path", "animation", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "height", "minHeight", "marginTop", "marginRight", "marginBottom", "marginLeft", "tooltipPosition", "tooltip"], outputs: ["onClick"] }] }); }
3127
3150
  }
3128
3151
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerPageTitle, decorators: [{
3129
3152
  type: Component,
3130
- args: [{ selector: 'coer-page-title', standalone: false, template: "<header class=\"coer-page-title\" title=''>\r\n <h2>\r\n <span> {{ title() }} </span>\r\n\r\n <!-- Button Information -->\r\n @if(information().show) {\r\n <coer-button\r\n icon=\"bi bi-info-circle\"\r\n type=\"icon-no-border\"\r\n color=\"primary\"\r\n [tooltip]=\"_tooltip\"\r\n (onClick)=\"onClickInformation.emit()\"\r\n ></coer-button> \r\n }\r\n </h2>\r\n\r\n <!-- Navigation -->\r\n <nav *ngIf=\"showNavigation\" aria-label=\"breadcrumb\">\r\n <ol class=\"breadcrumb\">\r\n <li class=\"breadcrumb-item\">\r\n <a><i [class]=\"_icon\"></i></a>\r\n </li>\r\n\r\n <li *ngFor=\"let nav of breadcrumbs()\" class=\"breadcrumb-item\">\r\n <a [routerLink]='(nav.path && nav.path.length > 0) ? nav.path : null'\r\n [queryParams]='nav.queryParams'\r\n (click)=\"(nav.click) ? nav.click() : null\">\r\n {{ nav.page }}\r\n </a>\r\n </li>\r\n </ol>\r\n\r\n <!-- Go Back -->\r\n <a *ngIf=\"goBack().show\"\r\n [routerLink]=\"goBack().path\"\r\n [queryParams]='goBack().queryParams'\r\n class=\"go-back-button\"\r\n (click)=\"(goBack().click) ? goBack().click!() : null\">\r\n Go back\r\n </a>\r\n </nav>\r\n</header> ", 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}header.coer-page-title{margin:15px 30px 0}header.coer-page-title h2{margin:0 0 10px;display:flex;align-items:center;justify-content:space-between;height:20px;font-size:20px}header.coer-page-title h2 span{font-size:20px!important}header.coer-page-title nav{height:auto;min-height:25px;font-size:small;background-color:#efefef!important;display:flex;align-items:center;justify-content:space-between}header.coer-page-title nav a.go-back-button{min-width:60px}header.coer-page-title ol,header.coer-page-title a{margin:0;padding-left:5px;text-decoration:none;color:var(--primary-inner)!important;font-weight:400!important;cursor:pointer!important}header.coer-page-title ol::selection,header.coer-page-title a::selection{background-color:transparent!important}header.coer-page-title li{border:none}\n"] }]
3153
+ args: [{ selector: 'coer-page-title', standalone: false, template: "<header class=\"coer-page-title\" title=''>\r\n <h2>\r\n <span> {{ title() }} </span>\r\n\r\n <!-- Button Information -->\r\n @if(information().show) {\r\n <coer-button\r\n icon=\"bi bi-info-circle\"\r\n type=\"icon-no-border\"\r\n color=\"dark\"\r\n [tooltip]=\"_tooltip\"\r\n (onClick)=\"onClickInformation.emit()\"\r\n ></coer-button> \r\n }\r\n </h2>\r\n\r\n <!-- Navigation -->\r\n <nav *ngIf=\"showNavigation\" aria-label=\"breadcrumb\">\r\n <ol class=\"breadcrumb\">\r\n <li class=\"breadcrumb-item\">\r\n <a><i [class]=\"_icon\"></i></a>\r\n </li>\r\n\r\n <li *ngFor=\"let nav of breadcrumbs()\" class=\"breadcrumb-item\">\r\n <a [routerLink]='(nav.path && nav.path.length > 0) ? nav.path : null'\r\n [queryParams]='nav.queryParams'\r\n (click)=\"(nav.click) ? nav.click() : null\">\r\n {{ nav.page }}\r\n </a>\r\n </li>\r\n </ol>\r\n\r\n <!-- Go Back -->\r\n <a *ngIf=\"goBack().show\"\r\n [routerLink]=\"goBack().path\"\r\n [queryParams]='goBack().queryParams'\r\n class=\"go-back-button\"\r\n (click)=\"(goBack().click) ? goBack().click!() : null\">\r\n Go back\r\n </a>\r\n </nav>\r\n</header> ", 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));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}header.coer-page-title{margin:15px 30px 0}header.coer-page-title h2{margin:0 0 10px;display:flex;align-items:center;justify-content:space-between;height:20px;font-size:20px}header.coer-page-title h2 span{font-size:20px!important}header.coer-page-title nav{height:auto;min-height:25px;font-size:small;background-color:color-mix(in srgb,var(--gray),white 90%)!important;display:flex;align-items:center;justify-content:space-between}header.coer-page-title nav a.go-back-button{min-width:60px}header.coer-page-title ol,header.coer-page-title a{margin:0;padding-left:5px;text-decoration:none;color:var(--breadcrumbs-inner)!important;font-weight:400!important;cursor:pointer!important}header.coer-page-title ol::selection,header.coer-page-title a::selection{background-color:transparent!important}header.coer-page-title li{border:none}\n"] }]
3131
3154
  }] });
3132
3155
 
3133
3156
  class CoerTreeAccordion {
@@ -3246,11 +3269,11 @@ class CoerTreeAccordion {
3246
3269
  this.ClickMenuOption(menuOption, true);
3247
3270
  }
3248
3271
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerTreeAccordion, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
3249
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerTreeAccordion, isStandalone: false, selector: "coer-tree-accordion", inputs: { level: "level", item: "item", tree: "tree", showTree: "showTree" }, outputs: { showGridMenu: "showGridMenu", clickMenuOption: "clickMenuOption", clickMenu: "clickMenu" }, viewQueries: [{ propertyName: "expansionPanel", first: true, predicate: ["expansionPanel"], descendants: true }, { propertyName: "menuList", predicate: CoerTreeAccordion, descendants: true }], ngImport: i0, template: "<mat-accordion class=\"coer-tree-accordion\">\r\n <mat-expansion-panel #expansionPanel [class]=\"'coer-tree-accordion-' + identityClass\">\r\n\r\n <!-- Header -->\r\n <mat-expansion-panel-header (click)=\"Toggle()\"\r\n [class]=\"identityClass\"\r\n [ngClass]=\"{\r\n 'background-navigation': (isExpanded && level == 1),\r\n 'text-navigation': IsActive(iconContainer)\r\n }\">\r\n <mat-panel-description>\r\n <span #iconContainer\r\n [ngStyle]=\"{ 'margin-left': marginLeft }\"\r\n [class]=\"identityClass\"\r\n [ngClass]=\"{\r\n 'icon-container': true,\r\n 'text-navigation': IsActive(iconContainer)\r\n }\"> <i [class]=\"_icon\"></i> </span>\r\n\r\n <span #labelContainer\r\n [class]=\"identityClass\"\r\n [ngClass]=\"{\r\n 'label-container': true,\r\n 'text-navigation': IsActive(labelContainer)\r\n }\"> {{ item.label }} </span>\r\n </mat-panel-description>\r\n </mat-expansion-panel-header>\r\n\r\n\r\n @if(showTree) { \r\n <div *ngFor=\"let subItem of item.items\">\r\n <!-- Sub Menu -->\r\n <div *ngIf=\"IsMenu(subItem); else isOption\"> \r\n @if(IsGrid(subItem)) {\r\n <coer-menu-option\r\n [label]=\"subItem.label\"\r\n [icon]=\"GetGridIcon(subItem!.icon)\"\r\n path='menu'\r\n [level]=\"level + 1\"\r\n [tree]=\"_tree\"\r\n (clickMenuOption)=\"ShowGridMenu($event, subItem)\"\r\n ></coer-menu-option>\r\n }\r\n\r\n @else {\r\n <coer-tree-accordion\r\n [level]=\"level + 1\"\r\n [item]=\"subItem\"\r\n [tree]=\"_tree\"\r\n (clickMenuOption)=\"ClickMenuOption($event)\"\r\n (clickMenu)=\"ClickMenu($event)\"\r\n ></coer-tree-accordion> \r\n }\r\n </div>\r\n\r\n <!-- Option Menu -->\r\n <ng-template #isOption>\r\n <coer-menu-option\r\n [label]=\"subItem.label\"\r\n [icon]=\"subItem?.icon\"\r\n [path]=\"subItem?.path\"\r\n [level]=\"level + 1\"\r\n [tree]=\"_tree\"\r\n (clickMenuOption)=\"ClickMenuOption($event)\"\r\n ></coer-menu-option>\r\n </ng-template>\r\n\r\n <div class=\"separator\"></div>\r\n </div>\r\n }\r\n </mat-expansion-panel>\r\n</mat-accordion>", styles: ["mat-accordion.coer-tree-accordion div,mat-accordion.coer-tree-accordion span{font-size:16px!important;font-family:sans-serif!important;font-weight:700}mat-accordion.coer-tree-accordion mat-expansion-panel{background-color:var(--sidenav-inner)!important;box-shadow:none!important;border-radius:0!important}mat-accordion.coer-tree-accordion mat-expansion-panel div.mat-expansion-panel-body{padding:0!important}mat-accordion.coer-tree-accordion mat-expansion-panel div.separator{border:.5px solid rgba(245,245,245,.041)!important}mat-accordion.coer-tree-accordion mat-expansion-panel span::selection{background-color:transparent!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header{padding:0 10px;height:48px!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header span.mat-expansion-indicator{width:10px!important;margin-left:15px!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header span.mat-expansion-indicator:after{color:var(--background-inner)!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header mat-panel-description{margin-right:0!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header mat-panel-description span.icon-container{height:48px!important;min-width:20px!important;max-width:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--background-inner)}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header mat-panel-description span.label-container{height:48px!important;margin-left:10px!important;display:flex!important;align-items:center!important;color:var(--background-inner)}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header.text-navigation span.mat-expansion-indicator:after{color:var(--navigation-inner)!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header:not(.background-navigation):hover{background-color:#2f2f2f!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i2.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: CoerMenuOption, selector: "coer-menu-option", inputs: ["level", "label", "icon", "path", "tree"], outputs: ["clickMenuOption"] }, { kind: "component", type: CoerTreeAccordion, selector: "coer-tree-accordion", inputs: ["level", "item", "tree", "showTree"], outputs: ["showGridMenu", "clickMenuOption", "clickMenu"] }] }); }
3272
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerTreeAccordion, isStandalone: false, selector: "coer-tree-accordion", inputs: { level: "level", item: "item", tree: "tree", showTree: "showTree" }, outputs: { showGridMenu: "showGridMenu", clickMenuOption: "clickMenuOption", clickMenu: "clickMenu" }, viewQueries: [{ propertyName: "expansionPanel", first: true, predicate: ["expansionPanel"], descendants: true }, { propertyName: "menuList", predicate: CoerTreeAccordion, descendants: true }], ngImport: i0, template: "<mat-accordion class=\"coer-tree-accordion\">\r\n <mat-expansion-panel #expansionPanel [class]=\"'coer-tree-accordion-' + identityClass\">\r\n\r\n <!-- Header -->\r\n <mat-expansion-panel-header (click)=\"Toggle()\"\r\n [class]=\"identityClass\"\r\n [ngClass]=\"{\r\n 'background-navigation': (isExpanded && level == 1),\r\n 'text-navigation': IsActive(iconContainer)\r\n }\">\r\n <mat-panel-description>\r\n <span #iconContainer\r\n [ngStyle]=\"{ 'margin-left': marginLeft }\"\r\n [class]=\"identityClass\"\r\n [ngClass]=\"{\r\n 'icon-container': true,\r\n 'text-navigation': IsActive(iconContainer)\r\n }\"> <i [class]=\"_icon\"></i> </span>\r\n\r\n <span #labelContainer\r\n [class]=\"identityClass\"\r\n [ngClass]=\"{\r\n 'label-container': true,\r\n 'text-navigation': IsActive(labelContainer)\r\n }\"> {{ item.label }} </span>\r\n </mat-panel-description>\r\n </mat-expansion-panel-header>\r\n\r\n\r\n @if(showTree) { \r\n <div *ngFor=\"let subItem of item.items\">\r\n <!-- Sub Menu -->\r\n <div *ngIf=\"IsMenu(subItem); else isOption\"> \r\n @if(IsGrid(subItem)) {\r\n <coer-menu-option\r\n [label]=\"subItem.label\"\r\n [icon]=\"GetGridIcon(subItem!.icon)\"\r\n path='menu'\r\n [level]=\"level + 1\"\r\n [tree]=\"_tree\"\r\n (clickMenuOption)=\"ShowGridMenu($event, subItem)\"\r\n ></coer-menu-option>\r\n }\r\n\r\n @else {\r\n <coer-tree-accordion\r\n [level]=\"level + 1\"\r\n [item]=\"subItem\"\r\n [tree]=\"_tree\"\r\n (clickMenuOption)=\"ClickMenuOption($event)\"\r\n (clickMenu)=\"ClickMenu($event)\"\r\n ></coer-tree-accordion> \r\n }\r\n </div>\r\n\r\n <!-- Option Menu -->\r\n <ng-template #isOption>\r\n <coer-menu-option\r\n [label]=\"subItem.label\"\r\n [icon]=\"subItem?.icon\"\r\n [path]=\"subItem?.path\"\r\n [level]=\"level + 1\"\r\n [tree]=\"_tree\"\r\n (clickMenuOption)=\"ClickMenuOption($event)\"\r\n ></coer-menu-option>\r\n </ng-template>\r\n\r\n <div class=\"separator\"></div>\r\n </div>\r\n }\r\n </mat-expansion-panel>\r\n</mat-accordion>", styles: ["mat-accordion.coer-tree-accordion div,mat-accordion.coer-tree-accordion span{font-size:16px!important;font-family:sans-serif!important;font-weight:700}mat-accordion.coer-tree-accordion mat-expansion-panel{background-color:var(--sidenav-inner)!important;box-shadow:none!important;border-radius:0!important}mat-accordion.coer-tree-accordion mat-expansion-panel div.mat-expansion-panel-body{padding:0!important}mat-accordion.coer-tree-accordion mat-expansion-panel div.separator{border:.5px solid rgba(245,245,245,.041)!important}mat-accordion.coer-tree-accordion mat-expansion-panel span::selection{background-color:transparent!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header{padding:0 10px;height:48px!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header span.mat-expansion-indicator{width:10px!important;margin-left:15px!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header span.mat-expansion-indicator:after{color:var(--background-inner)!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header mat-panel-description{margin-right:0!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header mat-panel-description span.icon-container{height:48px!important;min-width:20px!important;max-width:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--background-inner)}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header mat-panel-description span.label-container{height:48px!important;margin-left:10px!important;display:flex!important;align-items:center!important;color:var(--background-inner)}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header.text-navigation span.mat-expansion-indicator:after{color:var(--navigation-inner)!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header:not(.background-navigation):hover{background-color:color-mix(in srgb,var(--app-sidenav),white 20%)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i2.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: CoerMenuOption, selector: "coer-menu-option", inputs: ["level", "label", "icon", "path", "tree"], outputs: ["clickMenuOption"] }, { kind: "component", type: CoerTreeAccordion, selector: "coer-tree-accordion", inputs: ["level", "item", "tree", "showTree"], outputs: ["showGridMenu", "clickMenuOption", "clickMenu"] }] }); }
3250
3273
  }
3251
3274
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerTreeAccordion, decorators: [{
3252
3275
  type: Component,
3253
- args: [{ selector: 'coer-tree-accordion', standalone: false, template: "<mat-accordion class=\"coer-tree-accordion\">\r\n <mat-expansion-panel #expansionPanel [class]=\"'coer-tree-accordion-' + identityClass\">\r\n\r\n <!-- Header -->\r\n <mat-expansion-panel-header (click)=\"Toggle()\"\r\n [class]=\"identityClass\"\r\n [ngClass]=\"{\r\n 'background-navigation': (isExpanded && level == 1),\r\n 'text-navigation': IsActive(iconContainer)\r\n }\">\r\n <mat-panel-description>\r\n <span #iconContainer\r\n [ngStyle]=\"{ 'margin-left': marginLeft }\"\r\n [class]=\"identityClass\"\r\n [ngClass]=\"{\r\n 'icon-container': true,\r\n 'text-navigation': IsActive(iconContainer)\r\n }\"> <i [class]=\"_icon\"></i> </span>\r\n\r\n <span #labelContainer\r\n [class]=\"identityClass\"\r\n [ngClass]=\"{\r\n 'label-container': true,\r\n 'text-navigation': IsActive(labelContainer)\r\n }\"> {{ item.label }} </span>\r\n </mat-panel-description>\r\n </mat-expansion-panel-header>\r\n\r\n\r\n @if(showTree) { \r\n <div *ngFor=\"let subItem of item.items\">\r\n <!-- Sub Menu -->\r\n <div *ngIf=\"IsMenu(subItem); else isOption\"> \r\n @if(IsGrid(subItem)) {\r\n <coer-menu-option\r\n [label]=\"subItem.label\"\r\n [icon]=\"GetGridIcon(subItem!.icon)\"\r\n path='menu'\r\n [level]=\"level + 1\"\r\n [tree]=\"_tree\"\r\n (clickMenuOption)=\"ShowGridMenu($event, subItem)\"\r\n ></coer-menu-option>\r\n }\r\n\r\n @else {\r\n <coer-tree-accordion\r\n [level]=\"level + 1\"\r\n [item]=\"subItem\"\r\n [tree]=\"_tree\"\r\n (clickMenuOption)=\"ClickMenuOption($event)\"\r\n (clickMenu)=\"ClickMenu($event)\"\r\n ></coer-tree-accordion> \r\n }\r\n </div>\r\n\r\n <!-- Option Menu -->\r\n <ng-template #isOption>\r\n <coer-menu-option\r\n [label]=\"subItem.label\"\r\n [icon]=\"subItem?.icon\"\r\n [path]=\"subItem?.path\"\r\n [level]=\"level + 1\"\r\n [tree]=\"_tree\"\r\n (clickMenuOption)=\"ClickMenuOption($event)\"\r\n ></coer-menu-option>\r\n </ng-template>\r\n\r\n <div class=\"separator\"></div>\r\n </div>\r\n }\r\n </mat-expansion-panel>\r\n</mat-accordion>", styles: ["mat-accordion.coer-tree-accordion div,mat-accordion.coer-tree-accordion span{font-size:16px!important;font-family:sans-serif!important;font-weight:700}mat-accordion.coer-tree-accordion mat-expansion-panel{background-color:var(--sidenav-inner)!important;box-shadow:none!important;border-radius:0!important}mat-accordion.coer-tree-accordion mat-expansion-panel div.mat-expansion-panel-body{padding:0!important}mat-accordion.coer-tree-accordion mat-expansion-panel div.separator{border:.5px solid rgba(245,245,245,.041)!important}mat-accordion.coer-tree-accordion mat-expansion-panel span::selection{background-color:transparent!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header{padding:0 10px;height:48px!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header span.mat-expansion-indicator{width:10px!important;margin-left:15px!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header span.mat-expansion-indicator:after{color:var(--background-inner)!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header mat-panel-description{margin-right:0!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header mat-panel-description span.icon-container{height:48px!important;min-width:20px!important;max-width:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--background-inner)}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header mat-panel-description span.label-container{height:48px!important;margin-left:10px!important;display:flex!important;align-items:center!important;color:var(--background-inner)}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header.text-navigation span.mat-expansion-indicator:after{color:var(--navigation-inner)!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header:not(.background-navigation):hover{background-color:#2f2f2f!important}\n"] }]
3276
+ args: [{ selector: 'coer-tree-accordion', standalone: false, template: "<mat-accordion class=\"coer-tree-accordion\">\r\n <mat-expansion-panel #expansionPanel [class]=\"'coer-tree-accordion-' + identityClass\">\r\n\r\n <!-- Header -->\r\n <mat-expansion-panel-header (click)=\"Toggle()\"\r\n [class]=\"identityClass\"\r\n [ngClass]=\"{\r\n 'background-navigation': (isExpanded && level == 1),\r\n 'text-navigation': IsActive(iconContainer)\r\n }\">\r\n <mat-panel-description>\r\n <span #iconContainer\r\n [ngStyle]=\"{ 'margin-left': marginLeft }\"\r\n [class]=\"identityClass\"\r\n [ngClass]=\"{\r\n 'icon-container': true,\r\n 'text-navigation': IsActive(iconContainer)\r\n }\"> <i [class]=\"_icon\"></i> </span>\r\n\r\n <span #labelContainer\r\n [class]=\"identityClass\"\r\n [ngClass]=\"{\r\n 'label-container': true,\r\n 'text-navigation': IsActive(labelContainer)\r\n }\"> {{ item.label }} </span>\r\n </mat-panel-description>\r\n </mat-expansion-panel-header>\r\n\r\n\r\n @if(showTree) { \r\n <div *ngFor=\"let subItem of item.items\">\r\n <!-- Sub Menu -->\r\n <div *ngIf=\"IsMenu(subItem); else isOption\"> \r\n @if(IsGrid(subItem)) {\r\n <coer-menu-option\r\n [label]=\"subItem.label\"\r\n [icon]=\"GetGridIcon(subItem!.icon)\"\r\n path='menu'\r\n [level]=\"level + 1\"\r\n [tree]=\"_tree\"\r\n (clickMenuOption)=\"ShowGridMenu($event, subItem)\"\r\n ></coer-menu-option>\r\n }\r\n\r\n @else {\r\n <coer-tree-accordion\r\n [level]=\"level + 1\"\r\n [item]=\"subItem\"\r\n [tree]=\"_tree\"\r\n (clickMenuOption)=\"ClickMenuOption($event)\"\r\n (clickMenu)=\"ClickMenu($event)\"\r\n ></coer-tree-accordion> \r\n }\r\n </div>\r\n\r\n <!-- Option Menu -->\r\n <ng-template #isOption>\r\n <coer-menu-option\r\n [label]=\"subItem.label\"\r\n [icon]=\"subItem?.icon\"\r\n [path]=\"subItem?.path\"\r\n [level]=\"level + 1\"\r\n [tree]=\"_tree\"\r\n (clickMenuOption)=\"ClickMenuOption($event)\"\r\n ></coer-menu-option>\r\n </ng-template>\r\n\r\n <div class=\"separator\"></div>\r\n </div>\r\n }\r\n </mat-expansion-panel>\r\n</mat-accordion>", styles: ["mat-accordion.coer-tree-accordion div,mat-accordion.coer-tree-accordion span{font-size:16px!important;font-family:sans-serif!important;font-weight:700}mat-accordion.coer-tree-accordion mat-expansion-panel{background-color:var(--sidenav-inner)!important;box-shadow:none!important;border-radius:0!important}mat-accordion.coer-tree-accordion mat-expansion-panel div.mat-expansion-panel-body{padding:0!important}mat-accordion.coer-tree-accordion mat-expansion-panel div.separator{border:.5px solid rgba(245,245,245,.041)!important}mat-accordion.coer-tree-accordion mat-expansion-panel span::selection{background-color:transparent!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header{padding:0 10px;height:48px!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header span.mat-expansion-indicator{width:10px!important;margin-left:15px!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header span.mat-expansion-indicator:after{color:var(--background-inner)!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header mat-panel-description{margin-right:0!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header mat-panel-description span.icon-container{height:48px!important;min-width:20px!important;max-width:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--background-inner)}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header mat-panel-description span.label-container{height:48px!important;margin-left:10px!important;display:flex!important;align-items:center!important;color:var(--background-inner)}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header.text-navigation span.mat-expansion-indicator:after{color:var(--navigation-inner)!important}mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header:not(.background-navigation):hover{background-color:color-mix(in srgb,var(--app-sidenav),white 20%)!important}\n"] }]
3254
3277
  }], propDecorators: { expansionPanel: [{
3255
3278
  type: ViewChild,
3256
3279
  args: ['expansionPanel']
@@ -3473,11 +3496,11 @@ class CoerSidenav {
3473
3496
  });
3474
3497
  }
3475
3498
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerSidenav, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
3476
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerSidenav, isStandalone: false, selector: "coer-sidenav", outputs: { onMenuSelected: "onMenuSelected" }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: ["matSidenav"], descendants: true, isSignal: true }, { propertyName: "menuList", predicate: CoerTreeAccordion, descendants: true, isSignal: true }], ngImport: i0, template: "<mat-drawer-container [hasBackdrop]=\"backdrop\">\r\n <mat-drawer\r\n #matSidenav\r\n [opened]=\"isOpen()\"\r\n (opened)=\"isOpen.set(true)\"\r\n (closed)=\"isOpen.set(false)\"\r\n [mode]=\"mode\"\r\n [class]=\"_isModalOpen() ? 'z-index-1' : 'z-index-3'\">\r\n\r\n @if(!_isLoading()) {\r\n @if(_navigation().length > 0) {\r\n <div *ngFor=\"let item of _navigation()\">\r\n <!-- Menu -->\r\n <div *ngIf=\"_IsMenu(item); else OptionMenu\">\r\n @if(_IsGrid(item)) {\r\n <coer-menu-option\r\n [label]=\"item.label\"\r\n [icon]=\"_GetIcon(item)\"\r\n path=\"menu\"\r\n (clickMenuOption)=\"ShowGridMenu($event, item)\"\r\n ></coer-menu-option>\r\n }\r\n\r\n @else {\r\n <coer-tree-accordion\r\n [item]=\"item\"\r\n (showGridMenu)=\"NavigateTo($event, true)\"\r\n (clickMenuOption)=\"NavigateTo($event, false)\"\r\n (clickMenu)=\"MenuSelected($event)\"\r\n ></coer-tree-accordion>\r\n }\r\n </div>\r\n \r\n <!-- Option Menu -->\r\n <ng-template #OptionMenu>\r\n <coer-menu-option\r\n [label]=\"item.label\"\r\n [icon]=\"item?.icon\"\r\n [path]=\"item?.path\"\r\n (clickMenuOption)=\"NavigateTo($event)\"\r\n ></coer-menu-option>\r\n </ng-template>\r\n \r\n <div class=\"separator\"></div>\r\n </div>\r\n }\r\n\r\n @else {\r\n <coer-menu-option label=\"Empty\"></coer-menu-option>\r\n }\r\n }\r\n\r\n @else {\r\n <coer-menu-option\r\n label=\"LOADING\"\r\n icon=\"fa-solid fa-sync fa-spin\"\r\n ></coer-menu-option>\r\n }\r\n\r\n <div [ngClass]=\"{ 'backdrop': _isModalOpen() }\"></div>\r\n </mat-drawer>\r\n\r\n <!-- Main Screen -->\r\n <mat-drawer-content [ngClass]=\"{ 'margin-left-40px': (!isOpen() && showAsideMenu) }\">\r\n <aside [ngClass]=\"{ 'side-nav': true, 'd-none': !showAsideMenu }\" (click)=\"Open($event)\">\r\n @if(_isLoading()) {\r\n <span class=\"icon-container\">\r\n <i class=\"fa-solid fa-sync fa-spin\"></i>\r\n </span>\r\n }\r\n\r\n @else {\r\n @for (item of _navigation(); track item.id) {\r\n <div (click)=\"Open($event, item)\">\r\n <span [class]=\"'icon-container ' + SetIdentityClass(item.label)\">\r\n <i [class]=\"_GetIcon(item)\"></i>\r\n </span>\r\n </div>\r\n } \r\n }\r\n\r\n <div [ngClass]=\"{ 'backdrop': _isModalOpen() }\"></div>\r\n </aside> \r\n <ng-content></ng-content>\r\n </mat-drawer-content>\r\n</mat-drawer-container>", styles: ["mat-drawer-container{height:calc(100vh - 45px)!important}mat-drawer-container .margin-left-40px{margin-left:40px!important}mat-drawer-container mat-drawer{width:auto;min-width:200px;background-color:var(--sidenav-inner)!important}mat-drawer-container mat-drawer div.mat-drawer-inner-container::-webkit-scrollbar{width:1px!important}mat-drawer-container mat-drawer div.mat-drawer-inner-container::-webkit-scrollbar-thumb{background-color:var(--secondary-inner)!important;border-radius:5px!important}mat-drawer-container mat-drawer div.mat-drawer-inner-container::-webkit-scrollbar-thumb:hover{background-color:var(--secondary-inner)!important}mat-drawer-container mat-drawer div.mat-drawer-inner-container::-webkit-scrollbar-thumb:active{background-color:var(--background-inner)!important}mat-drawer-container mat-drawer i{font-size:16px!important}mat-drawer-container mat-drawer div.separator{border:.5px solid rgba(245,245,245,.041)!important}mat-drawer-container mat-drawer-content{margin-right:0!important;background-color:var(--background-inner)!important}mat-drawer-container mat-drawer-content aside.side-nav{background-color:var(--sidenav-inner)!important;width:40px!important;position:fixed!important;left:0!important;top:45px!important;bottom:0!important;cursor:pointer!important}mat-drawer-container mat-drawer-content aside.side-nav span.icon-container{width:100%!important;height:49.6px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;border-bottom:1px solid rgba(245,245,245,.041)!important;color:var(--background-inner)}mat-drawer-container mat-drawer-content aside.side-nav span.icon-container:hover{background-color:#2f2f2f!important}mat-drawer-container mat-drawer-content aside.side-nav span.icon-container.active-link{color:var(--navigation-inner)!important}mat-drawer-container div.backdrop{position:absolute!important;inset:0!important;background-color:#0000005b!important;z-index:1500!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$8.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i2$8.MatDrawerContent, selector: "mat-drawer-content" }, { kind: "component", type: i2$8.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: CoerMenuOption, selector: "coer-menu-option", inputs: ["level", "label", "icon", "path", "tree"], outputs: ["clickMenuOption"] }, { kind: "component", type: CoerTreeAccordion, selector: "coer-tree-accordion", inputs: ["level", "item", "tree", "showTree"], outputs: ["showGridMenu", "clickMenuOption", "clickMenu"] }] }); }
3499
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerSidenav, isStandalone: false, selector: "coer-sidenav", outputs: { onMenuSelected: "onMenuSelected" }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: ["matSidenav"], descendants: true, isSignal: true }, { propertyName: "menuList", predicate: CoerTreeAccordion, descendants: true, isSignal: true }], ngImport: i0, template: "<mat-drawer-container [hasBackdrop]=\"backdrop\">\r\n <mat-drawer\r\n #matSidenav\r\n [opened]=\"isOpen()\"\r\n (opened)=\"isOpen.set(true)\"\r\n (closed)=\"isOpen.set(false)\"\r\n [mode]=\"mode\"\r\n [class]=\"_isModalOpen() ? 'z-index-1' : 'z-index-3'\">\r\n\r\n @if(!_isLoading()) {\r\n @if(_navigation().length > 0) {\r\n <div *ngFor=\"let item of _navigation()\">\r\n <!-- Menu -->\r\n <div *ngIf=\"_IsMenu(item); else OptionMenu\">\r\n @if(_IsGrid(item)) {\r\n <coer-menu-option\r\n [label]=\"item.label\"\r\n [icon]=\"_GetIcon(item)\"\r\n path=\"menu\"\r\n (clickMenuOption)=\"ShowGridMenu($event, item)\"\r\n ></coer-menu-option>\r\n }\r\n\r\n @else {\r\n <coer-tree-accordion\r\n [item]=\"item\"\r\n (showGridMenu)=\"NavigateTo($event, true)\"\r\n (clickMenuOption)=\"NavigateTo($event, false)\"\r\n (clickMenu)=\"MenuSelected($event)\"\r\n ></coer-tree-accordion>\r\n }\r\n </div>\r\n \r\n <!-- Option Menu -->\r\n <ng-template #OptionMenu>\r\n <coer-menu-option\r\n [label]=\"item.label\"\r\n [icon]=\"item?.icon\"\r\n [path]=\"item?.path\"\r\n (clickMenuOption)=\"NavigateTo($event)\"\r\n ></coer-menu-option>\r\n </ng-template>\r\n \r\n <div class=\"separator\"></div>\r\n </div>\r\n }\r\n\r\n @else {\r\n <coer-menu-option label=\"Empty\"></coer-menu-option>\r\n }\r\n }\r\n\r\n @else {\r\n <coer-menu-option\r\n label=\"LOADING\"\r\n icon=\"fa-solid fa-sync fa-spin\"\r\n ></coer-menu-option>\r\n }\r\n\r\n <div [ngClass]=\"{ 'backdrop': _isModalOpen() }\"></div>\r\n </mat-drawer>\r\n\r\n <!-- Main Screen -->\r\n <mat-drawer-content [ngClass]=\"{ 'margin-left-40px': (!isOpen() && showAsideMenu) }\">\r\n <aside [ngClass]=\"{ 'side-nav': true, 'd-none': !showAsideMenu }\" (click)=\"Open($event)\">\r\n @if(_isLoading()) {\r\n <span class=\"icon-container\">\r\n <i class=\"fa-solid fa-sync fa-spin\"></i>\r\n </span>\r\n }\r\n\r\n @else {\r\n @for (item of _navigation(); track item.id) {\r\n <div (click)=\"Open($event, item)\">\r\n <span [class]=\"'icon-container ' + SetIdentityClass(item.label)\">\r\n <i [class]=\"_GetIcon(item)\"></i>\r\n </span>\r\n </div>\r\n } \r\n }\r\n\r\n <div [ngClass]=\"{ 'backdrop': _isModalOpen() }\"></div>\r\n </aside> \r\n <ng-content></ng-content>\r\n </mat-drawer-content>\r\n</mat-drawer-container>", styles: ["mat-drawer-container{height:calc(100vh - 45px)!important}mat-drawer-container .margin-left-40px{margin-left:40px!important}mat-drawer-container mat-drawer{width:auto;min-width:200px;background-color:var(--sidenav-inner)!important}mat-drawer-container mat-drawer div.mat-drawer-inner-container::-webkit-scrollbar{width:1px!important}mat-drawer-container mat-drawer div.mat-drawer-inner-container::-webkit-scrollbar-thumb{background-color:var(--secondary-inner)!important;border-radius:5px!important}mat-drawer-container mat-drawer div.mat-drawer-inner-container::-webkit-scrollbar-thumb:hover{background-color:var(--secondary-inner)!important}mat-drawer-container mat-drawer div.mat-drawer-inner-container::-webkit-scrollbar-thumb:active{background-color:var(--background-inner)!important}mat-drawer-container mat-drawer i{font-size:16px!important}mat-drawer-container mat-drawer div.separator{border:.5px solid rgba(245,245,245,.041)!important}mat-drawer-container mat-drawer-content{margin-right:0!important;background-color:var(--background-inner)!important}mat-drawer-container mat-drawer-content aside.side-nav{background-color:var(--sidenav-inner)!important;width:40px!important;position:fixed!important;left:0!important;top:45px!important;bottom:0!important;cursor:pointer!important}mat-drawer-container mat-drawer-content aside.side-nav span.icon-container{width:100%!important;height:49.6px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;border-bottom:1px solid rgba(245,245,245,.041)!important;color:var(--sidenav-text-inner)}mat-drawer-container mat-drawer-content aside.side-nav span.icon-container:hover{background-color:color-mix(in srgb,var(--app-sidenav),white 20%)!important}mat-drawer-container mat-drawer-content aside.side-nav span.icon-container.active-link{color:var(--navigation-inner)!important}mat-drawer-container div.backdrop{position:absolute!important;inset:0!important;background-color:#0000005b!important;z-index:1500!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$8.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i2$8.MatDrawerContent, selector: "mat-drawer-content" }, { kind: "component", type: i2$8.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: CoerMenuOption, selector: "coer-menu-option", inputs: ["level", "label", "icon", "path", "tree"], outputs: ["clickMenuOption"] }, { kind: "component", type: CoerTreeAccordion, selector: "coer-tree-accordion", inputs: ["level", "item", "tree", "showTree"], outputs: ["showGridMenu", "clickMenuOption", "clickMenu"] }] }); }
3477
3500
  }
3478
3501
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerSidenav, decorators: [{
3479
3502
  type: Component,
3480
- args: [{ selector: 'coer-sidenav', standalone: false, template: "<mat-drawer-container [hasBackdrop]=\"backdrop\">\r\n <mat-drawer\r\n #matSidenav\r\n [opened]=\"isOpen()\"\r\n (opened)=\"isOpen.set(true)\"\r\n (closed)=\"isOpen.set(false)\"\r\n [mode]=\"mode\"\r\n [class]=\"_isModalOpen() ? 'z-index-1' : 'z-index-3'\">\r\n\r\n @if(!_isLoading()) {\r\n @if(_navigation().length > 0) {\r\n <div *ngFor=\"let item of _navigation()\">\r\n <!-- Menu -->\r\n <div *ngIf=\"_IsMenu(item); else OptionMenu\">\r\n @if(_IsGrid(item)) {\r\n <coer-menu-option\r\n [label]=\"item.label\"\r\n [icon]=\"_GetIcon(item)\"\r\n path=\"menu\"\r\n (clickMenuOption)=\"ShowGridMenu($event, item)\"\r\n ></coer-menu-option>\r\n }\r\n\r\n @else {\r\n <coer-tree-accordion\r\n [item]=\"item\"\r\n (showGridMenu)=\"NavigateTo($event, true)\"\r\n (clickMenuOption)=\"NavigateTo($event, false)\"\r\n (clickMenu)=\"MenuSelected($event)\"\r\n ></coer-tree-accordion>\r\n }\r\n </div>\r\n \r\n <!-- Option Menu -->\r\n <ng-template #OptionMenu>\r\n <coer-menu-option\r\n [label]=\"item.label\"\r\n [icon]=\"item?.icon\"\r\n [path]=\"item?.path\"\r\n (clickMenuOption)=\"NavigateTo($event)\"\r\n ></coer-menu-option>\r\n </ng-template>\r\n \r\n <div class=\"separator\"></div>\r\n </div>\r\n }\r\n\r\n @else {\r\n <coer-menu-option label=\"Empty\"></coer-menu-option>\r\n }\r\n }\r\n\r\n @else {\r\n <coer-menu-option\r\n label=\"LOADING\"\r\n icon=\"fa-solid fa-sync fa-spin\"\r\n ></coer-menu-option>\r\n }\r\n\r\n <div [ngClass]=\"{ 'backdrop': _isModalOpen() }\"></div>\r\n </mat-drawer>\r\n\r\n <!-- Main Screen -->\r\n <mat-drawer-content [ngClass]=\"{ 'margin-left-40px': (!isOpen() && showAsideMenu) }\">\r\n <aside [ngClass]=\"{ 'side-nav': true, 'd-none': !showAsideMenu }\" (click)=\"Open($event)\">\r\n @if(_isLoading()) {\r\n <span class=\"icon-container\">\r\n <i class=\"fa-solid fa-sync fa-spin\"></i>\r\n </span>\r\n }\r\n\r\n @else {\r\n @for (item of _navigation(); track item.id) {\r\n <div (click)=\"Open($event, item)\">\r\n <span [class]=\"'icon-container ' + SetIdentityClass(item.label)\">\r\n <i [class]=\"_GetIcon(item)\"></i>\r\n </span>\r\n </div>\r\n } \r\n }\r\n\r\n <div [ngClass]=\"{ 'backdrop': _isModalOpen() }\"></div>\r\n </aside> \r\n <ng-content></ng-content>\r\n </mat-drawer-content>\r\n</mat-drawer-container>", styles: ["mat-drawer-container{height:calc(100vh - 45px)!important}mat-drawer-container .margin-left-40px{margin-left:40px!important}mat-drawer-container mat-drawer{width:auto;min-width:200px;background-color:var(--sidenav-inner)!important}mat-drawer-container mat-drawer div.mat-drawer-inner-container::-webkit-scrollbar{width:1px!important}mat-drawer-container mat-drawer div.mat-drawer-inner-container::-webkit-scrollbar-thumb{background-color:var(--secondary-inner)!important;border-radius:5px!important}mat-drawer-container mat-drawer div.mat-drawer-inner-container::-webkit-scrollbar-thumb:hover{background-color:var(--secondary-inner)!important}mat-drawer-container mat-drawer div.mat-drawer-inner-container::-webkit-scrollbar-thumb:active{background-color:var(--background-inner)!important}mat-drawer-container mat-drawer i{font-size:16px!important}mat-drawer-container mat-drawer div.separator{border:.5px solid rgba(245,245,245,.041)!important}mat-drawer-container mat-drawer-content{margin-right:0!important;background-color:var(--background-inner)!important}mat-drawer-container mat-drawer-content aside.side-nav{background-color:var(--sidenav-inner)!important;width:40px!important;position:fixed!important;left:0!important;top:45px!important;bottom:0!important;cursor:pointer!important}mat-drawer-container mat-drawer-content aside.side-nav span.icon-container{width:100%!important;height:49.6px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;border-bottom:1px solid rgba(245,245,245,.041)!important;color:var(--background-inner)}mat-drawer-container mat-drawer-content aside.side-nav span.icon-container:hover{background-color:#2f2f2f!important}mat-drawer-container mat-drawer-content aside.side-nav span.icon-container.active-link{color:var(--navigation-inner)!important}mat-drawer-container div.backdrop{position:absolute!important;inset:0!important;background-color:#0000005b!important;z-index:1500!important}\n"] }]
3503
+ args: [{ selector: 'coer-sidenav', standalone: false, template: "<mat-drawer-container [hasBackdrop]=\"backdrop\">\r\n <mat-drawer\r\n #matSidenav\r\n [opened]=\"isOpen()\"\r\n (opened)=\"isOpen.set(true)\"\r\n (closed)=\"isOpen.set(false)\"\r\n [mode]=\"mode\"\r\n [class]=\"_isModalOpen() ? 'z-index-1' : 'z-index-3'\">\r\n\r\n @if(!_isLoading()) {\r\n @if(_navigation().length > 0) {\r\n <div *ngFor=\"let item of _navigation()\">\r\n <!-- Menu -->\r\n <div *ngIf=\"_IsMenu(item); else OptionMenu\">\r\n @if(_IsGrid(item)) {\r\n <coer-menu-option\r\n [label]=\"item.label\"\r\n [icon]=\"_GetIcon(item)\"\r\n path=\"menu\"\r\n (clickMenuOption)=\"ShowGridMenu($event, item)\"\r\n ></coer-menu-option>\r\n }\r\n\r\n @else {\r\n <coer-tree-accordion\r\n [item]=\"item\"\r\n (showGridMenu)=\"NavigateTo($event, true)\"\r\n (clickMenuOption)=\"NavigateTo($event, false)\"\r\n (clickMenu)=\"MenuSelected($event)\"\r\n ></coer-tree-accordion>\r\n }\r\n </div>\r\n \r\n <!-- Option Menu -->\r\n <ng-template #OptionMenu>\r\n <coer-menu-option\r\n [label]=\"item.label\"\r\n [icon]=\"item?.icon\"\r\n [path]=\"item?.path\"\r\n (clickMenuOption)=\"NavigateTo($event)\"\r\n ></coer-menu-option>\r\n </ng-template>\r\n \r\n <div class=\"separator\"></div>\r\n </div>\r\n }\r\n\r\n @else {\r\n <coer-menu-option label=\"Empty\"></coer-menu-option>\r\n }\r\n }\r\n\r\n @else {\r\n <coer-menu-option\r\n label=\"LOADING\"\r\n icon=\"fa-solid fa-sync fa-spin\"\r\n ></coer-menu-option>\r\n }\r\n\r\n <div [ngClass]=\"{ 'backdrop': _isModalOpen() }\"></div>\r\n </mat-drawer>\r\n\r\n <!-- Main Screen -->\r\n <mat-drawer-content [ngClass]=\"{ 'margin-left-40px': (!isOpen() && showAsideMenu) }\">\r\n <aside [ngClass]=\"{ 'side-nav': true, 'd-none': !showAsideMenu }\" (click)=\"Open($event)\">\r\n @if(_isLoading()) {\r\n <span class=\"icon-container\">\r\n <i class=\"fa-solid fa-sync fa-spin\"></i>\r\n </span>\r\n }\r\n\r\n @else {\r\n @for (item of _navigation(); track item.id) {\r\n <div (click)=\"Open($event, item)\">\r\n <span [class]=\"'icon-container ' + SetIdentityClass(item.label)\">\r\n <i [class]=\"_GetIcon(item)\"></i>\r\n </span>\r\n </div>\r\n } \r\n }\r\n\r\n <div [ngClass]=\"{ 'backdrop': _isModalOpen() }\"></div>\r\n </aside> \r\n <ng-content></ng-content>\r\n </mat-drawer-content>\r\n</mat-drawer-container>", styles: ["mat-drawer-container{height:calc(100vh - 45px)!important}mat-drawer-container .margin-left-40px{margin-left:40px!important}mat-drawer-container mat-drawer{width:auto;min-width:200px;background-color:var(--sidenav-inner)!important}mat-drawer-container mat-drawer div.mat-drawer-inner-container::-webkit-scrollbar{width:1px!important}mat-drawer-container mat-drawer div.mat-drawer-inner-container::-webkit-scrollbar-thumb{background-color:var(--secondary-inner)!important;border-radius:5px!important}mat-drawer-container mat-drawer div.mat-drawer-inner-container::-webkit-scrollbar-thumb:hover{background-color:var(--secondary-inner)!important}mat-drawer-container mat-drawer div.mat-drawer-inner-container::-webkit-scrollbar-thumb:active{background-color:var(--background-inner)!important}mat-drawer-container mat-drawer i{font-size:16px!important}mat-drawer-container mat-drawer div.separator{border:.5px solid rgba(245,245,245,.041)!important}mat-drawer-container mat-drawer-content{margin-right:0!important;background-color:var(--background-inner)!important}mat-drawer-container mat-drawer-content aside.side-nav{background-color:var(--sidenav-inner)!important;width:40px!important;position:fixed!important;left:0!important;top:45px!important;bottom:0!important;cursor:pointer!important}mat-drawer-container mat-drawer-content aside.side-nav span.icon-container{width:100%!important;height:49.6px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;border-bottom:1px solid rgba(245,245,245,.041)!important;color:var(--sidenav-text-inner)}mat-drawer-container mat-drawer-content aside.side-nav span.icon-container:hover{background-color:color-mix(in srgb,var(--app-sidenav),white 20%)!important}mat-drawer-container mat-drawer-content aside.side-nav span.icon-container.active-link{color:var(--navigation-inner)!important}mat-drawer-container div.backdrop{position:absolute!important;inset:0!important;background-color:#0000005b!important;z-index:1500!important}\n"] }]
3481
3504
  }], ctorParameters: () => [] });
3482
3505
 
3483
3506
  class CoerDropdown extends ControlValue {
@@ -3491,7 +3514,7 @@ class CoerDropdown extends ControlValue {
3491
3514
  this._index = signal(-1);
3492
3515
  this._isOpen = signal(false);
3493
3516
  this._isOverMenu = signal(false);
3494
- this.id = '';
3517
+ this.id = input('');
3495
3518
  this.label = input('');
3496
3519
  this.color = input('default');
3497
3520
  this.type = input('filled');
@@ -3502,8 +3525,8 @@ class CoerDropdown extends ControlValue {
3502
3525
  this.isDisabled = input(false);
3503
3526
  this.isReadonly = input(false);
3504
3527
  this.isInvisible = input(false);
3505
- this.width = input('100%');
3506
- this.minWidth = input('190px');
3528
+ this.width = input('190px');
3529
+ this.minWidth = input('150px');
3507
3530
  this.maxWidth = input('100%');
3508
3531
  this.marginTop = input('0px');
3509
3532
  this.marginRight = input('0px');
@@ -3528,19 +3551,19 @@ class CoerDropdown extends ControlValue {
3528
3551
  .map((item) => Object.assign(item, { indexRow: indexRow++ }));
3529
3552
  });
3530
3553
  /** */
3531
- this.GetIndexRow = (item) => {
3554
+ this._GetIndexRow = (item) => {
3532
3555
  return item['indexRow'];
3533
3556
  };
3534
3557
  /** */
3535
- this.GetIcon = (item) => {
3558
+ this._GetIcon = (item) => {
3536
3559
  return Tools.IsNotNull(item) && Tools.IsNotOnlyWhiteSpace(item?.icon) ? item.icon : '';
3537
3560
  };
3538
3561
  /** */
3539
- this.GetDisplay = (item) => {
3562
+ this._GetDisplay = (item) => {
3540
3563
  return Tools.IsNotNull(item) ? item[this.propDisplay()] : '';
3541
3564
  };
3542
3565
  /** */
3543
- this.GetPath = (item) => {
3566
+ this._GetPath = (item) => {
3544
3567
  if (Tools.IsNotNull(item)) {
3545
3568
  if (Tools.IsNotOnlyWhiteSpace(item?.path))
3546
3569
  return item?.path;
@@ -3560,7 +3583,7 @@ class CoerDropdown extends ControlValue {
3560
3583
  }
3561
3584
  async ngAfterViewInit() {
3562
3585
  await Tools.Sleep();
3563
- this.SetEvents();
3586
+ this._SetEvents();
3564
3587
  }
3565
3588
  //getter
3566
3589
  get value() {
@@ -3582,7 +3605,7 @@ class CoerDropdown extends ControlValue {
3582
3605
  return label;
3583
3606
  }
3584
3607
  //getter
3585
- get icon() {
3608
+ get _icon() {
3586
3609
  return Tools.IsNotNull(this.value)
3587
3610
  && Tools.IsNotOnlyWhiteSpace(this.value?.icon)
3588
3611
  ? this.value?.icon || '' : '';
@@ -3605,7 +3628,7 @@ class CoerDropdown extends ControlValue {
3605
3628
  this._value = _value;
3606
3629
  }
3607
3630
  /** */
3608
- SetEvents() {
3631
+ _SetEvents() {
3609
3632
  Tools.Sleep().then(() => {
3610
3633
  //Container
3611
3634
  this._container = document.getElementById(`${this._id}-container`);
@@ -3631,10 +3654,10 @@ class CoerDropdown extends ControlValue {
3631
3654
  });
3632
3655
  }
3633
3656
  /** */
3634
- SelectItem(item) {
3657
+ _SelectItem(item) {
3635
3658
  if (Tools.IsNotNull(item) && this._isEnable()) {
3636
3659
  const _item = Tools.BreakReference(this.dataSource()[item.index]);
3637
- if (Tools.IsNotNull(_item) && Tools.IsNull(this.GetPath(item))) {
3660
+ if (Tools.IsNotNull(_item) && Tools.IsNull(this._GetPath(item))) {
3638
3661
  this.SetValue(Tools.BreakReference(_item));
3639
3662
  }
3640
3663
  delete _item.indexRow;
@@ -3649,7 +3672,7 @@ class CoerDropdown extends ControlValue {
3649
3672
  this.Close();
3650
3673
  }
3651
3674
  /** */
3652
- Toggle() {
3675
+ _Toggle() {
3653
3676
  if (this._isOpen())
3654
3677
  this.Close();
3655
3678
  else
@@ -3676,25 +3699,24 @@ class CoerDropdown extends ControlValue {
3676
3699
  });
3677
3700
  }
3678
3701
  /** */
3679
- async SetValueBy(callback) {
3680
- await Tools.Sleep();
3681
- if (this._dataSource().length > 0) {
3682
- const value = Tools.BreakReference(this._dataSource().find(callback));
3683
- if (Tools.IsNotNull(value)) {
3684
- this.SetValue(value);
3702
+ SetValueBy(callback) {
3703
+ Tools.Sleep().then(_ => {
3704
+ if (this._dataSource().length > 0) {
3705
+ const value = Tools.BreakReference(this._dataSource().find(callback));
3706
+ if (Tools.IsNotNull(value)) {
3707
+ this.SetValue(value);
3708
+ }
3685
3709
  }
3686
- }
3710
+ });
3687
3711
  }
3688
3712
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerDropdown, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
3689
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerDropdown, isStandalone: false, selector: "coer-dropdown", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, propDisplay: { classPropertyName: "propDisplay", publicName: "propDisplay", isSignal: true, isRequired: false, transformFunction: null }, rowsByPage: { classPropertyName: "rowsByPage", publicName: "rowsByPage", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, marginTop: { classPropertyName: "marginTop", publicName: "marginTop", isSignal: true, isRequired: false, transformFunction: null }, marginRight: { classPropertyName: "marginRight", publicName: "marginRight", isSignal: true, isRequired: false, transformFunction: null }, marginBottom: { classPropertyName: "marginBottom", publicName: "marginBottom", isSignal: true, isRequired: false, transformFunction: null }, marginLeft: { classPropertyName: "marginLeft", publicName: "marginLeft", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelected: "onSelected", onUnselect: "onUnselect" }, providers: [CONTROL_VALUE(CoerDropdown)], viewQueries: [{ propertyName: "_coerTextBox", first: true, predicate: ["coerTextBox"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"coer-dropdown\">\r\n <div [id]=\"_id + '-container'\">\r\n <div [ngClass]=\"{ 'd-none': isInvisible() }\">\r\n <coer-button\r\n [color]=\"color()\"\r\n [type]=\"type()\"\r\n [icon]=\"icon\"\r\n [isLoading]=\"isLoading()\"\r\n [isDisabled]=\"isDisabled()\" \r\n [width]=\"width()\"\r\n [minWidth]=\"minWidth()\"\r\n [maxWidth]=\"maxWidth()\"\r\n [marginTop]=\"marginTop()\"\r\n [marginRight]=\"marginRight()\"\r\n [marginBottom]=\"marginBottom()\"\r\n [marginLeft]=\"marginLeft()\"\r\n [tooltip]=\"tooltip()\"\r\n [tooltipPosition]=\"tooltipPosition()\"\r\n (onClick)=\"Toggle()\"\r\n > {{ _label }} </coer-button>\r\n </div>\r\n\r\n <div [ngClass]=\"{ 'd-none': !isInvisible(), 'invisible': true }\">\r\n <coer-button\r\n [width]=\"width()\"\r\n [minWidth]=\"minWidth()\"\r\n [maxWidth]=\"maxWidth()\"\r\n [marginTop]=\"marginTop()\"\r\n [marginRight]=\"marginRight()\"\r\n [marginBottom]=\"marginBottom()\"\r\n [marginLeft]=\"marginLeft()\"\r\n ></coer-button>\r\n </div>\r\n </div>\r\n\r\n <!-- Options Container -->\r\n <div class=\"btn-group\">\r\n <ul [id]=\"_id + '-dropdown-menu'\" \r\n class=\"dropdown-menu\"\r\n [ngStyle]=\"{\r\n width: minWidth()\r\n }\">\r\n\r\n @if(_dataSource().length <= 0) {\r\n <li class=\"no-options\">\r\n <div [id]=\"id + '-dropdown-option-' + -1\" class='dropdown-item cursor-pointer no-options'\r\n > -- No Options -- </div>\r\n </li>\r\n }\r\n\r\n @for(item of _dataSource(); track GetIndexRow(item)) {\r\n <li (click)=\"SelectItem(item)\">\r\n <a [routerLink]=\"GetPath(item)\" class=\"text-decoration-none\">\r\n <div [id]=\"id + '-dropdown-option-' + GetIndexRow(item)\"\r\n [ngClass]=\"{\r\n 'dropdown-item': true,\r\n 'cursor-pointer': true,\r\n 'gap-2': true,\r\n 'dropdown-item-focus': _index() == GetIndexRow(item)\r\n }\"> \r\n\r\n @if (GetIcon(item).length > 0) {\r\n <i [class]=\"GetIcon(item)\"></i>\r\n }\r\n <span> {{ GetDisplay(item) }} </span>\r\n </div>\r\n <hr class=\"dropdown-divider\">\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n </div>\r\n</div> ", 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}div.coer-dropdown{position:relative!important;width:fit-content!important;display:inline-block!important}div.coer-dropdown .btn-group{position:absolute!important;top:40px;left:0!important;width:100%!important}div.coer-dropdown ul.dropdown-menu{background-color:var(--white)!important;border-top-left-radius:0!important;border-top-right-radius:0!important;max-height:205px!important;width:100%;overflow:auto!important;padding:0!important}div.coer-dropdown .dropdown-divider{margin:0!important;background-color:var(--white)!important}div.coer-dropdown ul.dropdown-menu li:not(.no-options):hover,div.coer-dropdown ul.dropdown-menu li>div:not(.no-options):hover,div.coer-dropdown ul.dropdown-menu li:not(.dropdown-item-focus):hover,div.coer-dropdown ul.dropdown-menu li>div:not(.dropdown-item-focus):hover{color:var(--black)!important;background-color:#f1f6ff!important}div.coer-dropdown ul.dropdown-menu li:last-child hr.dropdown-divider,div.coer-dropdown ul.dropdown-menu li:last-child hr.dropdown-divider:hover{width:0px!important;border:none!important}div.coer-dropdown ul.dropdown-menu li div{display:flex!important;align-items:center!important;height:40px!important}div.coer-dropdown ul.dropdown-menu li.no-options *{color:#d3d3d3!important}div.coer-dropdown div.dropdown-item-focus{background-color:#cde1ff!important}div.coer-dropdown mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: CoerButton, selector: "coer-button", inputs: ["id", "color", "type", "icon", "iconPosition", "path", "animation", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "height", "minHeight", "marginTop", "marginRight", "marginBottom", "marginLeft", "tooltipPosition", "tooltip"], outputs: ["onClick"] }] }); }
3713
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerDropdown, isStandalone: false, selector: "coer-dropdown", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, propDisplay: { classPropertyName: "propDisplay", publicName: "propDisplay", isSignal: true, isRequired: false, transformFunction: null }, rowsByPage: { classPropertyName: "rowsByPage", publicName: "rowsByPage", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, marginTop: { classPropertyName: "marginTop", publicName: "marginTop", isSignal: true, isRequired: false, transformFunction: null }, marginRight: { classPropertyName: "marginRight", publicName: "marginRight", isSignal: true, isRequired: false, transformFunction: null }, marginBottom: { classPropertyName: "marginBottom", publicName: "marginBottom", isSignal: true, isRequired: false, transformFunction: null }, marginLeft: { classPropertyName: "marginLeft", publicName: "marginLeft", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelected: "onSelected", onUnselect: "onUnselect" }, providers: [CONTROL_VALUE(CoerDropdown)], viewQueries: [{ propertyName: "_coerTextBox", first: true, predicate: ["coerTextBox"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"coer-dropdown\">\r\n <div [id]=\"_id + '-container'\">\r\n <div [ngClass]=\"{ 'd-none': isInvisible() }\">\r\n <coer-button\r\n [color]=\"color()\"\r\n [type]=\"type()\"\r\n [icon]=\"_icon\"\r\n [isLoading]=\"isLoading()\"\r\n [isDisabled]=\"isDisabled()\" \r\n [width]=\"width()\"\r\n [minWidth]=\"minWidth()\"\r\n [maxWidth]=\"maxWidth()\"\r\n [marginTop]=\"marginTop()\"\r\n [marginRight]=\"marginRight()\"\r\n [marginBottom]=\"marginBottom()\"\r\n [marginLeft]=\"marginLeft()\"\r\n [tooltip]=\"tooltip()\"\r\n [tooltipPosition]=\"tooltipPosition()\"\r\n (onClick)=\"_Toggle()\"\r\n > {{ _label }} </coer-button>\r\n </div>\r\n\r\n <div [ngClass]=\"{ 'd-none': !isInvisible(), 'invisible': true }\">\r\n <coer-button\r\n [width]=\"width()\"\r\n [minWidth]=\"minWidth()\"\r\n [maxWidth]=\"maxWidth()\"\r\n [marginTop]=\"marginTop()\"\r\n [marginRight]=\"marginRight()\"\r\n [marginBottom]=\"marginBottom()\"\r\n [marginLeft]=\"marginLeft()\"\r\n ></coer-button>\r\n </div>\r\n </div>\r\n\r\n <!-- Options Container -->\r\n <div class=\"btn-group\">\r\n <ul [id]=\"_id + '-dropdown-menu'\" \r\n class=\"dropdown-menu\"\r\n [ngStyle]=\"{\r\n width: width(),\r\n minWidth: minWidth()\r\n }\">\r\n\r\n @if(_dataSource().length <= 0) {\r\n <li class=\"no-options\">\r\n <div [id]=\"id + '-dropdown-option-' + -1\" class='dropdown-item cursor-pointer no-options'\r\n > -- No Options -- </div>\r\n </li>\r\n }\r\n\r\n @for(item of _dataSource(); track _GetIndexRow(item)) {\r\n <li (click)=\"_SelectItem(item)\">\r\n <a [routerLink]=\"_GetPath(item)\" class=\"text-decoration-none\">\r\n <div [id]=\"id + '-dropdown-option-' + _GetIndexRow(item)\"\r\n [ngClass]=\"{\r\n 'dropdown-item': true,\r\n 'cursor-pointer': true,\r\n 'gap-2': true,\r\n 'dropdown-item-focus': _index() == _GetIndexRow(item)\r\n }\"> \r\n\r\n @if (_GetIcon(item).length > 0) {\r\n <i [class]=\"_GetIcon(item)\"></i>\r\n }\r\n <span> {{ _GetDisplay(item) }} </span>\r\n </div>\r\n <hr class=\"dropdown-divider\">\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n </div>\r\n</div> ", 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));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-dropdown{position:relative!important;width:fit-content!important;display:inline-block!important}div.coer-dropdown .btn-group{position:absolute!important;top:40px;left:0!important;width:100%!important}div.coer-dropdown ul.dropdown-menu{background-color:var(--white)!important;border-top-left-radius:0!important;border-top-right-radius:0!important;max-height:205px!important;width:100%;overflow:auto!important;padding:0!important}div.coer-dropdown .dropdown-divider{margin:0!important;background-color:var(--white)!important}div.coer-dropdown ul.dropdown-menu li:not(.no-options):hover,div.coer-dropdown ul.dropdown-menu li>div:not(.no-options):hover,div.coer-dropdown ul.dropdown-menu li:not(.dropdown-item-focus):hover,div.coer-dropdown ul.dropdown-menu li>div:not(.dropdown-item-focus):hover{color:var(--black)!important;background-color:#f1f6ff!important}div.coer-dropdown ul.dropdown-menu li:last-child hr.dropdown-divider,div.coer-dropdown ul.dropdown-menu li:last-child hr.dropdown-divider:hover{width:0px!important;border:none!important}div.coer-dropdown ul.dropdown-menu li div{display:flex!important;align-items:center!important;height:40px!important}div.coer-dropdown ul.dropdown-menu li.no-options *{color:#d3d3d3!important}div.coer-dropdown div.dropdown-item-focus{background-color:#cde1ff!important}div.coer-dropdown mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: CoerButton, selector: "coer-button", inputs: ["id", "color", "type", "icon", "iconPosition", "path", "animation", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "height", "minHeight", "marginTop", "marginRight", "marginBottom", "marginLeft", "tooltipPosition", "tooltip"], outputs: ["onClick"] }] }); }
3690
3714
  }
3691
3715
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerDropdown, decorators: [{
3692
3716
  type: Component,
3693
- args: [{ selector: 'coer-dropdown', providers: [CONTROL_VALUE(CoerDropdown)], standalone: false, template: "<div class=\"coer-dropdown\">\r\n <div [id]=\"_id + '-container'\">\r\n <div [ngClass]=\"{ 'd-none': isInvisible() }\">\r\n <coer-button\r\n [color]=\"color()\"\r\n [type]=\"type()\"\r\n [icon]=\"icon\"\r\n [isLoading]=\"isLoading()\"\r\n [isDisabled]=\"isDisabled()\" \r\n [width]=\"width()\"\r\n [minWidth]=\"minWidth()\"\r\n [maxWidth]=\"maxWidth()\"\r\n [marginTop]=\"marginTop()\"\r\n [marginRight]=\"marginRight()\"\r\n [marginBottom]=\"marginBottom()\"\r\n [marginLeft]=\"marginLeft()\"\r\n [tooltip]=\"tooltip()\"\r\n [tooltipPosition]=\"tooltipPosition()\"\r\n (onClick)=\"Toggle()\"\r\n > {{ _label }} </coer-button>\r\n </div>\r\n\r\n <div [ngClass]=\"{ 'd-none': !isInvisible(), 'invisible': true }\">\r\n <coer-button\r\n [width]=\"width()\"\r\n [minWidth]=\"minWidth()\"\r\n [maxWidth]=\"maxWidth()\"\r\n [marginTop]=\"marginTop()\"\r\n [marginRight]=\"marginRight()\"\r\n [marginBottom]=\"marginBottom()\"\r\n [marginLeft]=\"marginLeft()\"\r\n ></coer-button>\r\n </div>\r\n </div>\r\n\r\n <!-- Options Container -->\r\n <div class=\"btn-group\">\r\n <ul [id]=\"_id + '-dropdown-menu'\" \r\n class=\"dropdown-menu\"\r\n [ngStyle]=\"{\r\n width: minWidth()\r\n }\">\r\n\r\n @if(_dataSource().length <= 0) {\r\n <li class=\"no-options\">\r\n <div [id]=\"id + '-dropdown-option-' + -1\" class='dropdown-item cursor-pointer no-options'\r\n > -- No Options -- </div>\r\n </li>\r\n }\r\n\r\n @for(item of _dataSource(); track GetIndexRow(item)) {\r\n <li (click)=\"SelectItem(item)\">\r\n <a [routerLink]=\"GetPath(item)\" class=\"text-decoration-none\">\r\n <div [id]=\"id + '-dropdown-option-' + GetIndexRow(item)\"\r\n [ngClass]=\"{\r\n 'dropdown-item': true,\r\n 'cursor-pointer': true,\r\n 'gap-2': true,\r\n 'dropdown-item-focus': _index() == GetIndexRow(item)\r\n }\"> \r\n\r\n @if (GetIcon(item).length > 0) {\r\n <i [class]=\"GetIcon(item)\"></i>\r\n }\r\n <span> {{ GetDisplay(item) }} </span>\r\n </div>\r\n <hr class=\"dropdown-divider\">\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n </div>\r\n</div> ", 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}div.coer-dropdown{position:relative!important;width:fit-content!important;display:inline-block!important}div.coer-dropdown .btn-group{position:absolute!important;top:40px;left:0!important;width:100%!important}div.coer-dropdown ul.dropdown-menu{background-color:var(--white)!important;border-top-left-radius:0!important;border-top-right-radius:0!important;max-height:205px!important;width:100%;overflow:auto!important;padding:0!important}div.coer-dropdown .dropdown-divider{margin:0!important;background-color:var(--white)!important}div.coer-dropdown ul.dropdown-menu li:not(.no-options):hover,div.coer-dropdown ul.dropdown-menu li>div:not(.no-options):hover,div.coer-dropdown ul.dropdown-menu li:not(.dropdown-item-focus):hover,div.coer-dropdown ul.dropdown-menu li>div:not(.dropdown-item-focus):hover{color:var(--black)!important;background-color:#f1f6ff!important}div.coer-dropdown ul.dropdown-menu li:last-child hr.dropdown-divider,div.coer-dropdown ul.dropdown-menu li:last-child hr.dropdown-divider:hover{width:0px!important;border:none!important}div.coer-dropdown ul.dropdown-menu li div{display:flex!important;align-items:center!important;height:40px!important}div.coer-dropdown ul.dropdown-menu li.no-options *{color:#d3d3d3!important}div.coer-dropdown div.dropdown-item-focus{background-color:#cde1ff!important}div.coer-dropdown mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}\n"] }]
3717
+ args: [{ selector: 'coer-dropdown', providers: [CONTROL_VALUE(CoerDropdown)], standalone: false, template: "<div class=\"coer-dropdown\">\r\n <div [id]=\"_id + '-container'\">\r\n <div [ngClass]=\"{ 'd-none': isInvisible() }\">\r\n <coer-button\r\n [color]=\"color()\"\r\n [type]=\"type()\"\r\n [icon]=\"_icon\"\r\n [isLoading]=\"isLoading()\"\r\n [isDisabled]=\"isDisabled()\" \r\n [width]=\"width()\"\r\n [minWidth]=\"minWidth()\"\r\n [maxWidth]=\"maxWidth()\"\r\n [marginTop]=\"marginTop()\"\r\n [marginRight]=\"marginRight()\"\r\n [marginBottom]=\"marginBottom()\"\r\n [marginLeft]=\"marginLeft()\"\r\n [tooltip]=\"tooltip()\"\r\n [tooltipPosition]=\"tooltipPosition()\"\r\n (onClick)=\"_Toggle()\"\r\n > {{ _label }} </coer-button>\r\n </div>\r\n\r\n <div [ngClass]=\"{ 'd-none': !isInvisible(), 'invisible': true }\">\r\n <coer-button\r\n [width]=\"width()\"\r\n [minWidth]=\"minWidth()\"\r\n [maxWidth]=\"maxWidth()\"\r\n [marginTop]=\"marginTop()\"\r\n [marginRight]=\"marginRight()\"\r\n [marginBottom]=\"marginBottom()\"\r\n [marginLeft]=\"marginLeft()\"\r\n ></coer-button>\r\n </div>\r\n </div>\r\n\r\n <!-- Options Container -->\r\n <div class=\"btn-group\">\r\n <ul [id]=\"_id + '-dropdown-menu'\" \r\n class=\"dropdown-menu\"\r\n [ngStyle]=\"{\r\n width: width(),\r\n minWidth: minWidth()\r\n }\">\r\n\r\n @if(_dataSource().length <= 0) {\r\n <li class=\"no-options\">\r\n <div [id]=\"id + '-dropdown-option-' + -1\" class='dropdown-item cursor-pointer no-options'\r\n > -- No Options -- </div>\r\n </li>\r\n }\r\n\r\n @for(item of _dataSource(); track _GetIndexRow(item)) {\r\n <li (click)=\"_SelectItem(item)\">\r\n <a [routerLink]=\"_GetPath(item)\" class=\"text-decoration-none\">\r\n <div [id]=\"id + '-dropdown-option-' + _GetIndexRow(item)\"\r\n [ngClass]=\"{\r\n 'dropdown-item': true,\r\n 'cursor-pointer': true,\r\n 'gap-2': true,\r\n 'dropdown-item-focus': _index() == _GetIndexRow(item)\r\n }\"> \r\n\r\n @if (_GetIcon(item).length > 0) {\r\n <i [class]=\"_GetIcon(item)\"></i>\r\n }\r\n <span> {{ _GetDisplay(item) }} </span>\r\n </div>\r\n <hr class=\"dropdown-divider\">\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n </div>\r\n</div> ", 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));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-dropdown{position:relative!important;width:fit-content!important;display:inline-block!important}div.coer-dropdown .btn-group{position:absolute!important;top:40px;left:0!important;width:100%!important}div.coer-dropdown ul.dropdown-menu{background-color:var(--white)!important;border-top-left-radius:0!important;border-top-right-radius:0!important;max-height:205px!important;width:100%;overflow:auto!important;padding:0!important}div.coer-dropdown .dropdown-divider{margin:0!important;background-color:var(--white)!important}div.coer-dropdown ul.dropdown-menu li:not(.no-options):hover,div.coer-dropdown ul.dropdown-menu li>div:not(.no-options):hover,div.coer-dropdown ul.dropdown-menu li:not(.dropdown-item-focus):hover,div.coer-dropdown ul.dropdown-menu li>div:not(.dropdown-item-focus):hover{color:var(--black)!important;background-color:#f1f6ff!important}div.coer-dropdown ul.dropdown-menu li:last-child hr.dropdown-divider,div.coer-dropdown ul.dropdown-menu li:last-child hr.dropdown-divider:hover{width:0px!important;border:none!important}div.coer-dropdown ul.dropdown-menu li div{display:flex!important;align-items:center!important;height:40px!important}div.coer-dropdown ul.dropdown-menu li.no-options *{color:#d3d3d3!important}div.coer-dropdown div.dropdown-item-focus{background-color:#cde1ff!important}div.coer-dropdown mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}\n"] }]
3694
3718
  }], propDecorators: { value: [{
3695
3719
  type: Input
3696
- }], id: [{
3697
- type: Input
3698
3720
  }] } });
3699
3721
 
3700
3722
  class CoerTab {
@@ -3797,11 +3819,11 @@ class CoerTab {
3797
3819
  this._tooltipList.splice(index, 1);
3798
3820
  }
3799
3821
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerTab, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
3800
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerTab, isStandalone: false, selector: "coer-tab", inputs: { height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: false, isRequired: false, transformFunction: null }, alignTabs: { classPropertyName: "alignTabs", publicName: "alignTabs", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onSelectedTab: "onSelectedTab" }, queries: [{ propertyName: "contentRef", predicate: CoerRefDirective }], viewQueries: [{ propertyName: "matTabGroup", first: true, predicate: ["matTabGroup"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"coer-tab\">\r\n <mat-tab-group #matTabGroup\r\n mat-stretch-tabs=\"false\"\r\n [selectedIndex]=\"_selectedIndex()\"\r\n (selectedIndexChange)=\"SelectedIndexChange($event)\">\r\n\r\n @for(tab of contentList; track tab.coerRef()) {\r\n @if(tab.show()) {\r\n <mat-tab [label]=\"tab.coerRef()\" [disabled]=\"tab.isDisabled()\">\r\n <ng-template mat-tab-label>\r\n <span [id]=\"SetToolTip(tab)\" class=\"tab\" lifecycle (onDestroy)=\"RemoveTooltip($event)\">\r\n <i [class]=\"GetIcon(tab)\"></i>\r\n <span [class]=\"GetIcon(tab).length > 0 ? 'ms-2' : ''\">\r\n {{ GetTitle(tab) }}\r\n </span>\r\n </span>\r\n </ng-template>\r\n\r\n <ng-template matTabContent>\r\n <div class=\"tab-content\"\r\n [ngStyle]=\"{\r\n 'height': height(),\r\n 'min-height': minHeight(),\r\n 'max-height': maxHeight()\r\n }\">\r\n\r\n <ng-container [ngTemplateOutlet]=\"tab.template\"></ng-container>\r\n </div>\r\n </ng-template>\r\n </mat-tab>\r\n }\r\n }\r\n </mat-tab-group>\r\n</div> ", 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}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header{background-color:#f5f5f562!important;border-bottom:1px solid var(--smoke)!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header div.mat-mdc-tab-label-container div.mat-mdc-tab-list div.mat-mdc-tab-labels div.mdc-tab.mat-mdc-tab{padding:0!important;height:35px!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header div.mat-mdc-tab-label-container div.mat-mdc-tab-list div.mat-mdc-tab-labels div.mdc-tab--active.mdc-tab-indicator--active *{color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header span.tab{padding:10px 20px!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper{overflow:visible!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body{overflow:visible!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body div.mat-mdc-tab-body-content{width:auto!important;overflow-x:auto!important;overflow-y:visible!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body div.mat-mdc-tab-body-content div.tab-content{padding:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$9.MatTabContent, selector: "[matTabContent]" }, { kind: "directive", type: i2$9.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i2$9.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i2$9.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "directive", type: i3$3.LifeCycleDirective, selector: "[lifecycle]", outputs: ["OnChanges", "onInit", "afterViewInit", "onDestroy"] }] }); }
3822
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerTab, isStandalone: false, selector: "coer-tab", inputs: { height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: false, isRequired: false, transformFunction: null }, alignTabs: { classPropertyName: "alignTabs", publicName: "alignTabs", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onSelectedTab: "onSelectedTab" }, queries: [{ propertyName: "contentRef", predicate: CoerRefDirective }], viewQueries: [{ propertyName: "matTabGroup", first: true, predicate: ["matTabGroup"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"coer-tab\">\r\n <mat-tab-group #matTabGroup\r\n mat-stretch-tabs=\"false\"\r\n [selectedIndex]=\"_selectedIndex()\"\r\n (selectedIndexChange)=\"SelectedIndexChange($event)\">\r\n\r\n @for(tab of contentList; track tab.coerRef()) {\r\n @if(tab.show()) {\r\n <mat-tab [label]=\"tab.coerRef()\" [disabled]=\"tab.isDisabled()\">\r\n <ng-template mat-tab-label>\r\n <span [id]=\"SetToolTip(tab)\" class=\"tab\" lifecycle (onDestroy)=\"RemoveTooltip($event)\">\r\n <i [class]=\"GetIcon(tab)\"></i>\r\n <span [class]=\"GetIcon(tab).length > 0 ? 'ms-2' : ''\">\r\n {{ GetTitle(tab) }}\r\n </span>\r\n </span>\r\n </ng-template>\r\n\r\n <ng-template matTabContent>\r\n <div class=\"tab-content\"\r\n [ngStyle]=\"{\r\n 'height': height(),\r\n 'min-height': minHeight(),\r\n 'max-height': maxHeight()\r\n }\">\r\n\r\n <ng-container [ngTemplateOutlet]=\"tab.template\"></ng-container>\r\n </div>\r\n </ng-template>\r\n </mat-tab>\r\n }\r\n }\r\n </mat-tab-group>\r\n</div> ", 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));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header{background-color:#f5f5f562!important;border-bottom:1px solid var(--smoke)!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header div.mat-mdc-tab-label-container div.mat-mdc-tab-list div.mat-mdc-tab-labels div.mdc-tab.mat-mdc-tab{padding:0!important;height:35px!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header div.mat-mdc-tab-label-container div.mat-mdc-tab-list div.mat-mdc-tab-labels div.mdc-tab--active.mdc-tab-indicator--active *{color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header span.tab{padding:10px 20px!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper{overflow:visible!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body{overflow:visible!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body div.mat-mdc-tab-body-content{width:auto!important;overflow-x:auto!important;overflow-y:visible!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body div.mat-mdc-tab-body-content div.tab-content{padding:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$9.MatTabContent, selector: "[matTabContent]" }, { kind: "directive", type: i2$9.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i2$9.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i2$9.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "directive", type: i3$3.LifeCycleDirective, selector: "[lifecycle]", outputs: ["OnChanges", "onInit", "afterViewInit", "onDestroy"] }] }); }
3801
3823
  }
3802
3824
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerTab, decorators: [{
3803
3825
  type: Component,
3804
- args: [{ selector: 'coer-tab', standalone: false, template: "<div class=\"coer-tab\">\r\n <mat-tab-group #matTabGroup\r\n mat-stretch-tabs=\"false\"\r\n [selectedIndex]=\"_selectedIndex()\"\r\n (selectedIndexChange)=\"SelectedIndexChange($event)\">\r\n\r\n @for(tab of contentList; track tab.coerRef()) {\r\n @if(tab.show()) {\r\n <mat-tab [label]=\"tab.coerRef()\" [disabled]=\"tab.isDisabled()\">\r\n <ng-template mat-tab-label>\r\n <span [id]=\"SetToolTip(tab)\" class=\"tab\" lifecycle (onDestroy)=\"RemoveTooltip($event)\">\r\n <i [class]=\"GetIcon(tab)\"></i>\r\n <span [class]=\"GetIcon(tab).length > 0 ? 'ms-2' : ''\">\r\n {{ GetTitle(tab) }}\r\n </span>\r\n </span>\r\n </ng-template>\r\n\r\n <ng-template matTabContent>\r\n <div class=\"tab-content\"\r\n [ngStyle]=\"{\r\n 'height': height(),\r\n 'min-height': minHeight(),\r\n 'max-height': maxHeight()\r\n }\">\r\n\r\n <ng-container [ngTemplateOutlet]=\"tab.template\"></ng-container>\r\n </div>\r\n </ng-template>\r\n </mat-tab>\r\n }\r\n }\r\n </mat-tab-group>\r\n</div> ", 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}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header{background-color:#f5f5f562!important;border-bottom:1px solid var(--smoke)!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header div.mat-mdc-tab-label-container div.mat-mdc-tab-list div.mat-mdc-tab-labels div.mdc-tab.mat-mdc-tab{padding:0!important;height:35px!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header div.mat-mdc-tab-label-container div.mat-mdc-tab-list div.mat-mdc-tab-labels div.mdc-tab--active.mdc-tab-indicator--active *{color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header span.tab{padding:10px 20px!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper{overflow:visible!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body{overflow:visible!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body div.mat-mdc-tab-body-content{width:auto!important;overflow-x:auto!important;overflow-y:visible!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body div.mat-mdc-tab-body-content div.tab-content{padding:5px}\n"] }]
3826
+ args: [{ selector: 'coer-tab', standalone: false, template: "<div class=\"coer-tab\">\r\n <mat-tab-group #matTabGroup\r\n mat-stretch-tabs=\"false\"\r\n [selectedIndex]=\"_selectedIndex()\"\r\n (selectedIndexChange)=\"SelectedIndexChange($event)\">\r\n\r\n @for(tab of contentList; track tab.coerRef()) {\r\n @if(tab.show()) {\r\n <mat-tab [label]=\"tab.coerRef()\" [disabled]=\"tab.isDisabled()\">\r\n <ng-template mat-tab-label>\r\n <span [id]=\"SetToolTip(tab)\" class=\"tab\" lifecycle (onDestroy)=\"RemoveTooltip($event)\">\r\n <i [class]=\"GetIcon(tab)\"></i>\r\n <span [class]=\"GetIcon(tab).length > 0 ? 'ms-2' : ''\">\r\n {{ GetTitle(tab) }}\r\n </span>\r\n </span>\r\n </ng-template>\r\n\r\n <ng-template matTabContent>\r\n <div class=\"tab-content\"\r\n [ngStyle]=\"{\r\n 'height': height(),\r\n 'min-height': minHeight(),\r\n 'max-height': maxHeight()\r\n }\">\r\n\r\n <ng-container [ngTemplateOutlet]=\"tab.template\"></ng-container>\r\n </div>\r\n </ng-template>\r\n </mat-tab>\r\n }\r\n }\r\n </mat-tab-group>\r\n</div> ", 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));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header{background-color:#f5f5f562!important;border-bottom:1px solid var(--smoke)!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header div.mat-mdc-tab-label-container div.mat-mdc-tab-list div.mat-mdc-tab-labels div.mdc-tab.mat-mdc-tab{padding:0!important;height:35px!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header div.mat-mdc-tab-label-container div.mat-mdc-tab-list div.mat-mdc-tab-labels div.mdc-tab--active.mdc-tab-indicator--active *{color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header span.tab{padding:10px 20px!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper{overflow:visible!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body{overflow:visible!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body div.mat-mdc-tab-body-content{width:auto!important;overflow-x:auto!important;overflow-y:visible!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body div.mat-mdc-tab-body-content div.tab-content{padding:5px}\n"] }]
3805
3827
  }], propDecorators: { contentRef: [{
3806
3828
  type: ContentChildren,
3807
3829
  args: [CoerRefDirective]
@@ -3940,11 +3962,11 @@ class CoerTextarea extends ControlValue {
3940
3962
  this.Focus();
3941
3963
  }
3942
3964
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerTextarea, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
3943
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerTextarea, isStandalone: false, selector: "coer-textarea", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, textPosition: { classPropertyName: "textPosition", publicName: "textPosition", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, isInvalid: { classPropertyName: "isInvalid", publicName: "isInvalid", isSignal: true, isRequired: false, transformFunction: null }, isValid: { classPropertyName: "isValid", publicName: "isValid", isSignal: true, isRequired: false, transformFunction: null }, resize: { classPropertyName: "resize", publicName: "resize", isSignal: true, isRequired: false, transformFunction: null }, showFooter: { classPropertyName: "showFooter", publicName: "showFooter", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, marginTop: { classPropertyName: "marginTop", publicName: "marginTop", isSignal: true, isRequired: false, transformFunction: null }, marginRight: { classPropertyName: "marginRight", publicName: "marginRight", isSignal: true, isRequired: false, transformFunction: null }, marginBottom: { classPropertyName: "marginBottom", publicName: "marginBottom", isSignal: true, isRequired: false, transformFunction: null }, marginLeft: { classPropertyName: "marginLeft", publicName: "marginLeft", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onInput: "onInput" }, providers: [CONTROL_VALUE(CoerTextarea)], viewQueries: [{ propertyName: "matFormField", first: true, predicate: ["matFormField"], descendants: true, isSignal: true }, { propertyName: "coerTextBox", first: true, predicate: ["coerTextArea"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"coer-textarea\">\r\n <mat-form-field\r\n [id]=\"_id + '-container'\"\r\n [floatLabel]=\"floatLabel()\"\r\n [ngClass]=\"{\r\n 'readonly': isReadonly() && !isLoading()\r\n }\"\r\n [style]=\"{\r\n 'width': width(),\r\n 'min-width': minWidth(),\r\n 'max-width': maxWidth(),\r\n 'margin-top': marginTop(),\r\n 'margin-right': marginRight(),\r\n 'margin-bottom': marginBottom(),\r\n 'margin-left': marginLeft()\r\n }\">\r\n <mat-label>{{ label() }}</mat-label>\r\n\r\n <textarea #coerTextArea matInput\r\n [id]=\"_id\"\r\n type=\"text\"\r\n [placeholder]=\"placeholder()\"\r\n [minLength]=\"minLength()\"\r\n [maxLength]=\"maxLength()\"\r\n [disabled]=\"!_isEnable()\"\r\n [value]=\"_value\"\r\n (input)=\"SetValue(coerTextArea.value)\"\r\n (blur)=\"SetTouched(true)\"\r\n [style]=\"{\r\n 'cursor': isLoading() ? 'wait' : null,\r\n 'margin-top': (floatLabel() == 'auto') ? '15px' : '9px',\r\n 'padding-right': paddingRight(),\r\n 'text-align': textPosition(),\r\n 'resize': (!resize() || !_isEnable()) ? 'none' : '',\r\n 'height': height()\r\n }\"></textarea>\r\n\r\n @if(isLoading()) {\r\n <div class=\"placeholder-glow\">\r\n <span class=\"placeholder\"></span>\r\n </div>\r\n }\r\n\r\n <span ngClass=\"icon-container\">\r\n @if(isInvalid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-exclamation\"></i>\r\n }\r\n\r\n @else if(isValid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-check text-green\"></i>\r\n }\r\n </span>\r\n </mat-form-field>\r\n\r\n @if(showFooter()) {\r\n <footer> {{ footer }} </footer>\r\n }\r\n</div>", 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}div.coer-textarea mat-form-field{position:relative!important}div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{width:100%!important;padding:0!important}div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label{overflow:visible!important;position:absolute!important;top:20px!important}div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label{color:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix textarea{font-weight:400!important;font-size:17px!important;color:var(--black)!important;min-height:80px}div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:after{border-bottom-color:var(--primary-inner)!important}div.coer-textarea mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-textarea mat-form-field span.icon-container{position:absolute!important;top:1px!important;right:-14px!important;z-index:5!important;width:30px;height:40px;display:flex;align-items:center;justify-content:center}div.coer-textarea mat-form-field span.icon-container i{font-size:20px!important}div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-xmark,div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass{color:#caced1!important;cursor:pointer!important}div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover{color:#6c757d!important}div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-textarea mat-form-field span.placeholder{width:calc(100% + 32px)!important;height:100%!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important;cursor:wait!important}div.coer-textarea mat-form-field .placeholder,div.coer-textarea mat-form-field .placeholder *,div.coer-textarea mat-form-field .placeholder-glow,div.coer-textarea mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-textarea footer{padding-top:2px;text-align:right;font-size:10px;color:var(--gray)}div.coer-textarea mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }] }); }
3965
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerTextarea, isStandalone: false, selector: "coer-textarea", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, textPosition: { classPropertyName: "textPosition", publicName: "textPosition", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, isInvalid: { classPropertyName: "isInvalid", publicName: "isInvalid", isSignal: true, isRequired: false, transformFunction: null }, isValid: { classPropertyName: "isValid", publicName: "isValid", isSignal: true, isRequired: false, transformFunction: null }, resize: { classPropertyName: "resize", publicName: "resize", isSignal: true, isRequired: false, transformFunction: null }, showFooter: { classPropertyName: "showFooter", publicName: "showFooter", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, marginTop: { classPropertyName: "marginTop", publicName: "marginTop", isSignal: true, isRequired: false, transformFunction: null }, marginRight: { classPropertyName: "marginRight", publicName: "marginRight", isSignal: true, isRequired: false, transformFunction: null }, marginBottom: { classPropertyName: "marginBottom", publicName: "marginBottom", isSignal: true, isRequired: false, transformFunction: null }, marginLeft: { classPropertyName: "marginLeft", publicName: "marginLeft", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onInput: "onInput" }, providers: [CONTROL_VALUE(CoerTextarea)], viewQueries: [{ propertyName: "matFormField", first: true, predicate: ["matFormField"], descendants: true, isSignal: true }, { propertyName: "coerTextBox", first: true, predicate: ["coerTextArea"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"coer-textarea\">\r\n <mat-form-field\r\n [id]=\"_id + '-container'\"\r\n [floatLabel]=\"floatLabel()\"\r\n [ngClass]=\"{\r\n 'readonly': isReadonly() && !isLoading()\r\n }\"\r\n [style]=\"{\r\n 'width': width(),\r\n 'min-width': minWidth(),\r\n 'max-width': maxWidth(),\r\n 'margin-top': marginTop(),\r\n 'margin-right': marginRight(),\r\n 'margin-bottom': marginBottom(),\r\n 'margin-left': marginLeft()\r\n }\">\r\n <mat-label>{{ label() }}</mat-label>\r\n\r\n <textarea #coerTextArea matInput\r\n [id]=\"_id\"\r\n type=\"text\"\r\n [placeholder]=\"placeholder()\"\r\n [minLength]=\"minLength()\"\r\n [maxLength]=\"maxLength()\"\r\n [disabled]=\"!_isEnable()\"\r\n [value]=\"_value\"\r\n (input)=\"SetValue(coerTextArea.value)\"\r\n (blur)=\"SetTouched(true)\"\r\n [style]=\"{\r\n 'cursor': isLoading() ? 'wait' : null,\r\n 'margin-top': (floatLabel() == 'auto') ? '15px' : '9px',\r\n 'padding-right': paddingRight(),\r\n 'text-align': textPosition(),\r\n 'resize': (!resize() || !_isEnable()) ? 'none' : '',\r\n 'height': height()\r\n }\"></textarea>\r\n\r\n @if(isLoading()) {\r\n <div class=\"placeholder-glow\">\r\n <span class=\"placeholder\"></span>\r\n </div>\r\n }\r\n\r\n <span ngClass=\"icon-container\">\r\n @if(isInvalid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-exclamation\"></i>\r\n }\r\n\r\n @else if(isValid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-check text-green\"></i>\r\n }\r\n </span>\r\n </mat-form-field>\r\n\r\n @if(showFooter()) {\r\n <footer> {{ footer }} </footer>\r\n }\r\n</div>", 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));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-textarea mat-form-field{position:relative!important}div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{width:100%!important;padding:0!important}div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label{overflow:visible!important;position:absolute!important;top:20px!important}div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label{color:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix textarea{font-weight:400!important;font-size:17px!important;color:var(--black)!important;min-height:80px}div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:after{border-bottom-color:var(--primary-inner)!important}div.coer-textarea mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-textarea mat-form-field span.icon-container{position:absolute!important;top:1px!important;right:-14px!important;z-index:5!important;width:30px;height:40px;display:flex;align-items:center;justify-content:center}div.coer-textarea mat-form-field span.icon-container i{font-size:20px!important}div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-xmark,div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass{color:#caced1!important;cursor:pointer!important}div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover{color:#6c757d!important}div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-textarea mat-form-field span.placeholder{width:calc(100% + 32px)!important;height:100%!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important;cursor:wait!important}div.coer-textarea mat-form-field .placeholder,div.coer-textarea mat-form-field .placeholder *,div.coer-textarea mat-form-field .placeholder-glow,div.coer-textarea mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-textarea footer{padding-top:2px;text-align:right;font-size:10px;color:var(--gray)}div.coer-textarea mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }] }); }
3944
3966
  }
3945
3967
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerTextarea, decorators: [{
3946
3968
  type: Component,
3947
- args: [{ selector: 'coer-textarea', providers: [CONTROL_VALUE(CoerTextarea)], standalone: false, template: "<div class=\"coer-textarea\">\r\n <mat-form-field\r\n [id]=\"_id + '-container'\"\r\n [floatLabel]=\"floatLabel()\"\r\n [ngClass]=\"{\r\n 'readonly': isReadonly() && !isLoading()\r\n }\"\r\n [style]=\"{\r\n 'width': width(),\r\n 'min-width': minWidth(),\r\n 'max-width': maxWidth(),\r\n 'margin-top': marginTop(),\r\n 'margin-right': marginRight(),\r\n 'margin-bottom': marginBottom(),\r\n 'margin-left': marginLeft()\r\n }\">\r\n <mat-label>{{ label() }}</mat-label>\r\n\r\n <textarea #coerTextArea matInput\r\n [id]=\"_id\"\r\n type=\"text\"\r\n [placeholder]=\"placeholder()\"\r\n [minLength]=\"minLength()\"\r\n [maxLength]=\"maxLength()\"\r\n [disabled]=\"!_isEnable()\"\r\n [value]=\"_value\"\r\n (input)=\"SetValue(coerTextArea.value)\"\r\n (blur)=\"SetTouched(true)\"\r\n [style]=\"{\r\n 'cursor': isLoading() ? 'wait' : null,\r\n 'margin-top': (floatLabel() == 'auto') ? '15px' : '9px',\r\n 'padding-right': paddingRight(),\r\n 'text-align': textPosition(),\r\n 'resize': (!resize() || !_isEnable()) ? 'none' : '',\r\n 'height': height()\r\n }\"></textarea>\r\n\r\n @if(isLoading()) {\r\n <div class=\"placeholder-glow\">\r\n <span class=\"placeholder\"></span>\r\n </div>\r\n }\r\n\r\n <span ngClass=\"icon-container\">\r\n @if(isInvalid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-exclamation\"></i>\r\n }\r\n\r\n @else if(isValid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-check text-green\"></i>\r\n }\r\n </span>\r\n </mat-form-field>\r\n\r\n @if(showFooter()) {\r\n <footer> {{ footer }} </footer>\r\n }\r\n</div>", 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}div.coer-textarea mat-form-field{position:relative!important}div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{width:100%!important;padding:0!important}div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label{overflow:visible!important;position:absolute!important;top:20px!important}div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label{color:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix textarea{font-weight:400!important;font-size:17px!important;color:var(--black)!important;min-height:80px}div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:after{border-bottom-color:var(--primary-inner)!important}div.coer-textarea mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-textarea mat-form-field span.icon-container{position:absolute!important;top:1px!important;right:-14px!important;z-index:5!important;width:30px;height:40px;display:flex;align-items:center;justify-content:center}div.coer-textarea mat-form-field span.icon-container i{font-size:20px!important}div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-xmark,div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass{color:#caced1!important;cursor:pointer!important}div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover{color:#6c757d!important}div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-textarea mat-form-field span.placeholder{width:calc(100% + 32px)!important;height:100%!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important;cursor:wait!important}div.coer-textarea mat-form-field .placeholder,div.coer-textarea mat-form-field .placeholder *,div.coer-textarea mat-form-field .placeholder-glow,div.coer-textarea mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-textarea footer{padding-top:2px;text-align:right;font-size:10px;color:var(--gray)}div.coer-textarea mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}\n"] }]
3969
+ args: [{ selector: 'coer-textarea', providers: [CONTROL_VALUE(CoerTextarea)], standalone: false, template: "<div class=\"coer-textarea\">\r\n <mat-form-field\r\n [id]=\"_id + '-container'\"\r\n [floatLabel]=\"floatLabel()\"\r\n [ngClass]=\"{\r\n 'readonly': isReadonly() && !isLoading()\r\n }\"\r\n [style]=\"{\r\n 'width': width(),\r\n 'min-width': minWidth(),\r\n 'max-width': maxWidth(),\r\n 'margin-top': marginTop(),\r\n 'margin-right': marginRight(),\r\n 'margin-bottom': marginBottom(),\r\n 'margin-left': marginLeft()\r\n }\">\r\n <mat-label>{{ label() }}</mat-label>\r\n\r\n <textarea #coerTextArea matInput\r\n [id]=\"_id\"\r\n type=\"text\"\r\n [placeholder]=\"placeholder()\"\r\n [minLength]=\"minLength()\"\r\n [maxLength]=\"maxLength()\"\r\n [disabled]=\"!_isEnable()\"\r\n [value]=\"_value\"\r\n (input)=\"SetValue(coerTextArea.value)\"\r\n (blur)=\"SetTouched(true)\"\r\n [style]=\"{\r\n 'cursor': isLoading() ? 'wait' : null,\r\n 'margin-top': (floatLabel() == 'auto') ? '15px' : '9px',\r\n 'padding-right': paddingRight(),\r\n 'text-align': textPosition(),\r\n 'resize': (!resize() || !_isEnable()) ? 'none' : '',\r\n 'height': height()\r\n }\"></textarea>\r\n\r\n @if(isLoading()) {\r\n <div class=\"placeholder-glow\">\r\n <span class=\"placeholder\"></span>\r\n </div>\r\n }\r\n\r\n <span ngClass=\"icon-container\">\r\n @if(isInvalid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-exclamation\"></i>\r\n }\r\n\r\n @else if(isValid() && !isDisabled() && !isLoading()) {\r\n <i class=\"fa-solid fa-circle-check text-green\"></i>\r\n }\r\n </span>\r\n </mat-form-field>\r\n\r\n @if(showFooter()) {\r\n <footer> {{ footer }} </footer>\r\n }\r\n</div>", 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));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}div.coer-textarea mat-form-field{position:relative!important}div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix{width:100%!important;padding:0!important}div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label{overflow:visible!important;position:absolute!important;top:20px!important}div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label{color:var(--primary-inner);font-weight:700;position:relative;left:-10px;top:2px}div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix textarea{font-weight:400!important;font-size:17px!important;color:var(--black)!important;min-height:80px}div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:before,div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active:after{border-bottom-color:var(--primary-inner)!important}div.coer-textarea mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align{height:0px!important}div.coer-textarea mat-form-field span.icon-container{position:absolute!important;top:1px!important;right:-14px!important;z-index:5!important;width:30px;height:40px;display:flex;align-items:center;justify-content:center}div.coer-textarea mat-form-field span.icon-container i{font-size:20px!important}div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-xmark,div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass{color:#caced1!important;cursor:pointer!important}div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-xmark:hover,div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-magnifying-glass:hover{color:#6c757d!important}div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-circle-check{color:var(--green)!important}div.coer-textarea mat-form-field span.icon-container i.fa-solid.fa-circle-exclamation{color:var(--red)!important}div.coer-textarea mat-form-field span.placeholder{width:calc(100% + 32px)!important;height:100%!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important;cursor:wait!important}div.coer-textarea mat-form-field .placeholder,div.coer-textarea mat-form-field .placeholder *,div.coer-textarea mat-form-field .placeholder-glow,div.coer-textarea mat-form-field .placeholder-glow *{cursor:wait!important}div.coer-textarea footer{padding-top:2px;text-align:right;font-size:10px;color:var(--gray)}div.coer-textarea mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field{background-color:#bbbbbb83!important}\n"] }]
3948
3970
  }], propDecorators: { value: [{
3949
3971
  type: Input
3950
3972
  }], id: [{
@@ -3953,13 +3975,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
3953
3975
 
3954
3976
  class CoerToolbar {
3955
3977
  constructor() {
3956
- //Elements
3957
- this.dropdown = viewChild.required('dropdown');
3958
3978
  //variables
3959
3979
  this.isReadyPage = false;
3960
3980
  this.isLoading = false;
3961
3981
  this.awaitSignals = false;
3962
3982
  this._isModalOpen = isModalOpenSIGNAL;
3983
+ //appSettings
3984
+ this.appName = Tools.AvoidNull(appSettings?.appInfo?.name, 'string');
3985
+ this.appLogoPath = Tools.AvoidNull(appSettings?.appInfo?.logoPath, 'string');
3986
+ this.appLogoWidth = Tools.AvoidNull(appSettings?.appInfo?.logoWidth, 'string');
3987
+ this.showAppLogo = Tools.AvoidNull(appSettings?.appInfo?.showLogo, 'boolean');
3988
+ //Inputs
3963
3989
  this.user = input(null);
3964
3990
  this.image = input(null);
3965
3991
  this.menu = input([]);
@@ -3974,12 +4000,8 @@ class CoerToolbar {
3974
4000
  return user?.nickname;
3975
4001
  if (Tools.IsNotOnlyWhiteSpace(user?.fullName))
3976
4002
  return user?.fullName;
3977
- const name = Tools.IsNotOnlyWhiteSpace(this.user()?.name) ? this.user().name : '';
3978
- const firstName = Tools.IsNotOnlyWhiteSpace(this.user()?.firstName) ? this.user().firstName : '';
3979
- const middleName = Tools.IsNotOnlyWhiteSpace(this.user()?.middleName) ? this.user().middleName : '';
3980
- const lastName = Tools.IsNotOnlyWhiteSpace(this.user()?.lastName) ? this.user().lastName : '';
3981
- const secondLastName = Tools.IsNotOnlyWhiteSpace(this.user()?.secondName) ? this.user().secondLastName : '';
3982
- return `${name} ${firstName} ${middleName} ${lastName} ${secondLastName}`;
4003
+ if (Tools.IsNotOnlyWhiteSpace(user?.user))
4004
+ return user?.user;
3983
4005
  }
3984
4006
  return '';
3985
4007
  });
@@ -3987,16 +4009,8 @@ class CoerToolbar {
3987
4009
  this.userTitle = computed(() => {
3988
4010
  const user = this.user();
3989
4011
  if (Tools.IsNotNull(user)) {
3990
- if (Tools.IsNotOnlyWhiteSpace(user?.title))
3991
- return user.title;
3992
- if (Tools.IsNotOnlyWhiteSpace(user?.position))
3993
- return user.position;
3994
- if (Tools.IsNotOnlyWhiteSpace(user?.legend))
3995
- return user.legend;
3996
- if (Tools.IsNotOnlyWhiteSpace(user?.caption))
3997
- return user.caption;
3998
4012
  if (Tools.IsNotOnlyWhiteSpace(user?.role))
3999
- return user.role;
4013
+ return user?.role;
4000
4014
  }
4001
4015
  return '';
4002
4016
  });
@@ -4030,24 +4044,9 @@ class CoerToolbar {
4030
4044
  isMenuOpenSIGNAL.set(!isMenuOpenSIGNAL());
4031
4045
  Tools.Sleep(500, 'ToogleSideNave').then(() => this.isLoading = false);
4032
4046
  }
4033
- //computed
4034
- get appName() {
4035
- return Tools.AvoidNull(appSettings?.info?.name, 'string');
4036
- }
4037
- //computed
4038
- get appLogo() {
4039
- return Tools.AvoidNull(appSettings?.info?.logo, 'string');
4040
- }
4041
- //computed
4042
- get appLogoWidth() {
4043
- return Tools.AvoidNull(appSettings?.info?.logoWidth, 'string');
4044
- }
4045
4047
  //getter
4046
4048
  get showLogo() {
4047
- const showLogo = appSettings?.info?.showLogo;
4048
- return Tools.IsNull(showLogo)
4049
- ? (this.appLogo.length > 0)
4050
- : showLogo && (this.appLogo.length > 0);
4049
+ return this.showAppLogo && (this.appLogoPath.length > 0);
4051
4050
  }
4052
4051
  //getter
4053
4052
  get showUser() {
@@ -4059,16 +4058,12 @@ class CoerToolbar {
4059
4058
  return (this.userName().length > 0 || this.userTitle().length > 0)
4060
4059
  ? '5px' : '0px';
4061
4060
  }
4062
- /** */
4063
- ClickUser() {
4064
- this.dropdown().Open();
4065
- }
4066
4061
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerToolbar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
4067
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerToolbar, isStandalone: false, selector: "coer-toolbar", inputs: { user: { classPropertyName: "user", publicName: "user", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, menu: { classPropertyName: "menu", publicName: "menu", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClickMenu: "onClickMenu", onClickOption: "onClickOption" }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, isSignal: true }], ngImport: i0, template: "<div id=\"coer-tool-bar\" [ngClass]=\"{ 'position-relative': _isModalOpen() }\">\r\n <mat-toolbar> \r\n @if(showLogo) {\r\n <div class=\"logo-image-container\" (click)=\"ToogleSideNave()\" [ngStyle]=\"{ 'width': appLogoWidth }\">\r\n <div class=\"logo-image\" [ngStyle]=\"{ 'background-image': 'url(' + (appLogo | noImage:'IMAGE') + ')' }\"></div>\r\n </div>\r\n }\r\n\r\n @else {\r\n <coer-button\r\n type=\"icon\"\r\n icon=\"menu\"\r\n [isLoading]=\"isLoading\"\r\n (onClick)=\"ToogleSideNave()\"\r\n ></coer-button>\r\n\r\n <span class=\"app-name\"> {{ appName }} </span> \r\n } \r\n\r\n <span class=\"fill-space\"></span> \r\n \r\n <div class=\"user-container\" (click)=\"ClickUser()\" [ngStyle]=\"{ \r\n 'padding-right': GetPadding('user-container'),\r\n 'display': showUser ? 'flex' : 'none'\r\n }\">\r\n \r\n <coer-dropdown\r\n #dropdown\r\n [dataSource]=\"menu()\" \r\n propDisplay=\"label\" \r\n width=\"auto\"\r\n [minWidth]=\"GetElementWidth(toolbarUserIdentity)\"\r\n maxWidth=\"auto\"\r\n (onSelected)=\"onClickOption.emit($event)\"\r\n ></coer-dropdown>\r\n\r\n <div class=\"user-image\" [ngStyle]=\"{ 'background-image': 'url(' + (image() | noImage:'USER') + ')' }\"></div>\r\n <div #toolbarUserIdentity id=\"toolbar-user-identity\" class=\"user-identity\" [ngStyle]=\"{ 'padding-left': GetPadding('user-identity') }\">\r\n \r\n @if(userName().length > 0) {\r\n <p> {{ userName() }} </p>\r\n }\r\n \r\n @if(userTitle().length > 0) {\r\n <p> {{ userTitle() }} </p>\r\n }\r\n </div> \r\n </div> \r\n \r\n @if(!showUser) {\r\n <span class=\"me-2\">\r\n <span class=\"fw-bold fa-fade\"> \r\n Loading <i class=\"fa-solid fa-sync fa-spin\"></i> \r\n </span> \r\n </span>\r\n }\r\n </mat-toolbar>\r\n\r\n <div class=\"shadow\"></div>\r\n</div>\r\n", styles: ["div#coer-tool-bar{z-index:1}div#coer-tool-bar mat-toolbar{height:45px;position:relative;z-index:10;padding:0}div#coer-tool-bar mat-toolbar span.app-name{height:40px!important;max-width:45%}div#coer-tool-bar mat-toolbar div.logo-image-container{height:45px!important;min-width:100px}div#coer-tool-bar mat-toolbar div.logo-image-container div.logo-image{background-size:contain!important;background-repeat:no-repeat!important;background-position-y:bottom;width:100%!important;height:100%!important;cursor:pointer!important}div#coer-tool-bar mat-toolbar div.user-container{max-width:45%;display:flex;align-items:center;font-size:small!important;font-weight:700;height:40px!important;max-height:40px!important;padding-left:2px!important;margin-right:10px!important;border-radius:8px!important;cursor:pointer!important}div#coer-tool-bar mat-toolbar div.user-container div.user-image{min-width:35px!important;max-width:35px!important;min-height:35px!important;max-height:35px!important;border-radius:25px;background:transparent;background-size:cover;background-repeat:no-repeat;background-position:top}div#coer-tool-bar mat-toolbar div.user-container div.user-identity{height:40px!important;max-height:40px!important;min-width:70px!important;overflow:hidden!important;display:flex!important;flex-flow:column!important;justify-content:center!important}div#coer-tool-bar mat-toolbar div.user-container div.user-identity p{line-height:normal!important;overflow:hidden;text-overflow:ellipsis}div#coer-tool-bar mat-toolbar div.user-container div.user-identity p::selection{background-color:transparent!important}div#coer-tool-bar mat-toolbar div.user-container coer-dropdown{position:absolute;transform:translate(-3px)}div#coer-tool-bar mat-toolbar div.user-container:hover{transform:scale(1.03);box-shadow:0 0 15px -5px #000!important}div#coer-tool-bar div.shadow{box-shadow:1px -10px 20px #000!important;width:100vw;height:45px;position:absolute;top:0;z-index:8}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$a.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: CoerButton, selector: "coer-button", inputs: ["id", "color", "type", "icon", "iconPosition", "path", "animation", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "height", "minHeight", "marginTop", "marginRight", "marginBottom", "marginLeft", "tooltipPosition", "tooltip"], outputs: ["onClick"] }, { kind: "component", type: CoerDropdown, selector: "coer-dropdown", inputs: ["value", "id", "label", "color", "type", "dataSource", "propDisplay", "rowsByPage", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "marginTop", "marginRight", "marginBottom", "marginLeft", "tooltip", "tooltipPosition"], outputs: ["onSelected", "onUnselect"] }, { kind: "pipe", type: i9.NoImagePipe, name: "noImage" }] }); }
4062
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerToolbar, isStandalone: false, selector: "coer-toolbar", inputs: { user: { classPropertyName: "user", publicName: "user", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, menu: { classPropertyName: "menu", publicName: "menu", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClickMenu: "onClickMenu", onClickOption: "onClickOption" }, ngImport: i0, template: "<div id=\"coer-tool-bar\" [ngClass]=\"{ 'position-relative': _isModalOpen() }\">\r\n <mat-toolbar> \r\n @if(showLogo) {\r\n <div class=\"logo-image-container\" (click)=\"ToogleSideNave()\" [ngStyle]=\"{ 'width': appLogoWidth }\">\r\n <div class=\"logo-image\" [ngStyle]=\"{ 'background-image': 'url(' + (appLogoPath | noImage:'IMAGE') + ')' }\"></div>\r\n </div>\r\n }\r\n\r\n @else {\r\n <div class=\"button-container\">\r\n <coer-button\r\n type=\"icon-no-border\"\r\n icon=\"menu\"\r\n color=\"navigation\"\r\n [isLoading]=\"isLoading\"\r\n (onClick)=\"ToogleSideNave()\"\r\n ></coer-button>\r\n </div>\r\n\r\n <span class=\"app-name\"> {{ appName }} </span> \r\n } \r\n\r\n <span class=\"fill-space\"></span> \r\n \r\n <div class=\"user-container\" (click)=\"dropdown.Open()\" [ngStyle]=\"{ \r\n 'padding-right': GetPadding('user-container'),\r\n 'display': showUser ? 'flex' : 'none'\r\n }\">\r\n \r\n <coer-dropdown\r\n #dropdown\r\n [dataSource]=\"menu()\" \r\n propDisplay=\"label\" \r\n width=\"auto\"\r\n [minWidth]=\"GetElementWidth(toolbarUserIdentity)\"\r\n maxWidth=\"auto\"\r\n (onSelected)=\"onClickOption.emit($event); dropdown.Unselect()\"\r\n ></coer-dropdown>\r\n\r\n <div class=\"user-image\" [ngStyle]=\"{ 'background-image': 'url(' + (image() | noImage:'USER') + ')' }\"></div>\r\n <div #toolbarUserIdentity id=\"toolbar-user-identity\" class=\"user-identity\" [ngStyle]=\"{ 'padding-left': GetPadding('user-identity') }\">\r\n \r\n @if(userName().length > 0) {\r\n <p> {{ userName() }} </p>\r\n }\r\n \r\n @if(userTitle().length > 0) {\r\n <p> {{ userTitle() }} </p>\r\n }\r\n </div> \r\n </div> \r\n \r\n @if(!showUser) {\r\n <span class=\"me-2\">\r\n <span class=\"fw-bold fa-fade\"> \r\n Loading <i class=\"fa-solid fa-sync fa-spin\"></i> \r\n </span> \r\n </span>\r\n }\r\n </mat-toolbar>\r\n\r\n <div class=\"shadow\"></div>\r\n</div>\r\n", styles: ["div#coer-tool-bar{z-index:1}div#coer-tool-bar mat-toolbar{height:45px!important;position:relative!important;z-index:10!important;padding:0!important;background-color:var(--toolbar-inner)!important;color:var(--toolbar-text-inner)!important}div#coer-tool-bar mat-toolbar span.app-name{height:40px!important;display:contents!important;max-width:45%}div#coer-tool-bar mat-toolbar div.logo-image-container{height:45px!important;min-width:100px}div#coer-tool-bar mat-toolbar div.logo-image-container div.logo-image{background-size:contain!important;background-repeat:no-repeat!important;background-position-y:bottom;width:100%!important;height:100%!important;cursor:pointer!important}div#coer-tool-bar mat-toolbar div.button-container{display:flex;align-items:center;justify-content:center;width:40px}div#coer-tool-bar mat-toolbar div.user-container{max-width:45%;display:flex;align-items:center;font-size:small!important;font-weight:700;height:0px!important;max-height:0px!important;padding-left:2px!important;margin-right:10px!important;border-radius:8px!important;cursor:pointer!important}div#coer-tool-bar mat-toolbar div.user-container div.user-image{min-width:35px!important;max-width:35px!important;min-height:35px!important;max-height:35px!important;border-radius:25px;background:transparent;background-size:cover;background-repeat:no-repeat;background-position:top}div#coer-tool-bar mat-toolbar div.user-container div.user-identity{height:40px!important;max-height:40px!important;min-width:70px!important;overflow:hidden!important;display:flex!important;flex-flow:column!important;justify-content:center!important}div#coer-tool-bar mat-toolbar div.user-container div.user-identity p{line-height:normal!important;overflow:hidden;text-overflow:ellipsis}div#coer-tool-bar mat-toolbar div.user-container div.user-identity p::selection{background-color:transparent!important}div#coer-tool-bar mat-toolbar div.user-container coer-dropdown{position:absolute;transform:translate(-3px)}div#coer-tool-bar mat-toolbar div.user-container:hover{transform:scale(1.03);box-shadow:0 0 15px -5px #000!important}div#coer-tool-bar div.shadow{box-shadow:1px -10px 20px #000!important;width:100vw;height:45px;position:absolute;top:0;z-index:8}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$a.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: CoerButton, selector: "coer-button", inputs: ["id", "color", "type", "icon", "iconPosition", "path", "animation", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "height", "minHeight", "marginTop", "marginRight", "marginBottom", "marginLeft", "tooltipPosition", "tooltip"], outputs: ["onClick"] }, { kind: "component", type: CoerDropdown, selector: "coer-dropdown", inputs: ["value", "id", "label", "color", "type", "dataSource", "propDisplay", "rowsByPage", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "marginTop", "marginRight", "marginBottom", "marginLeft", "tooltip", "tooltipPosition"], outputs: ["onSelected", "onUnselect"] }, { kind: "pipe", type: i9.NoImagePipe, name: "noImage" }] }); }
4068
4063
  }
4069
4064
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerToolbar, decorators: [{
4070
4065
  type: Component,
4071
- args: [{ selector: 'coer-toolbar', standalone: false, template: "<div id=\"coer-tool-bar\" [ngClass]=\"{ 'position-relative': _isModalOpen() }\">\r\n <mat-toolbar> \r\n @if(showLogo) {\r\n <div class=\"logo-image-container\" (click)=\"ToogleSideNave()\" [ngStyle]=\"{ 'width': appLogoWidth }\">\r\n <div class=\"logo-image\" [ngStyle]=\"{ 'background-image': 'url(' + (appLogo | noImage:'IMAGE') + ')' }\"></div>\r\n </div>\r\n }\r\n\r\n @else {\r\n <coer-button\r\n type=\"icon\"\r\n icon=\"menu\"\r\n [isLoading]=\"isLoading\"\r\n (onClick)=\"ToogleSideNave()\"\r\n ></coer-button>\r\n\r\n <span class=\"app-name\"> {{ appName }} </span> \r\n } \r\n\r\n <span class=\"fill-space\"></span> \r\n \r\n <div class=\"user-container\" (click)=\"ClickUser()\" [ngStyle]=\"{ \r\n 'padding-right': GetPadding('user-container'),\r\n 'display': showUser ? 'flex' : 'none'\r\n }\">\r\n \r\n <coer-dropdown\r\n #dropdown\r\n [dataSource]=\"menu()\" \r\n propDisplay=\"label\" \r\n width=\"auto\"\r\n [minWidth]=\"GetElementWidth(toolbarUserIdentity)\"\r\n maxWidth=\"auto\"\r\n (onSelected)=\"onClickOption.emit($event)\"\r\n ></coer-dropdown>\r\n\r\n <div class=\"user-image\" [ngStyle]=\"{ 'background-image': 'url(' + (image() | noImage:'USER') + ')' }\"></div>\r\n <div #toolbarUserIdentity id=\"toolbar-user-identity\" class=\"user-identity\" [ngStyle]=\"{ 'padding-left': GetPadding('user-identity') }\">\r\n \r\n @if(userName().length > 0) {\r\n <p> {{ userName() }} </p>\r\n }\r\n \r\n @if(userTitle().length > 0) {\r\n <p> {{ userTitle() }} </p>\r\n }\r\n </div> \r\n </div> \r\n \r\n @if(!showUser) {\r\n <span class=\"me-2\">\r\n <span class=\"fw-bold fa-fade\"> \r\n Loading <i class=\"fa-solid fa-sync fa-spin\"></i> \r\n </span> \r\n </span>\r\n }\r\n </mat-toolbar>\r\n\r\n <div class=\"shadow\"></div>\r\n</div>\r\n", styles: ["div#coer-tool-bar{z-index:1}div#coer-tool-bar mat-toolbar{height:45px;position:relative;z-index:10;padding:0}div#coer-tool-bar mat-toolbar span.app-name{height:40px!important;max-width:45%}div#coer-tool-bar mat-toolbar div.logo-image-container{height:45px!important;min-width:100px}div#coer-tool-bar mat-toolbar div.logo-image-container div.logo-image{background-size:contain!important;background-repeat:no-repeat!important;background-position-y:bottom;width:100%!important;height:100%!important;cursor:pointer!important}div#coer-tool-bar mat-toolbar div.user-container{max-width:45%;display:flex;align-items:center;font-size:small!important;font-weight:700;height:40px!important;max-height:40px!important;padding-left:2px!important;margin-right:10px!important;border-radius:8px!important;cursor:pointer!important}div#coer-tool-bar mat-toolbar div.user-container div.user-image{min-width:35px!important;max-width:35px!important;min-height:35px!important;max-height:35px!important;border-radius:25px;background:transparent;background-size:cover;background-repeat:no-repeat;background-position:top}div#coer-tool-bar mat-toolbar div.user-container div.user-identity{height:40px!important;max-height:40px!important;min-width:70px!important;overflow:hidden!important;display:flex!important;flex-flow:column!important;justify-content:center!important}div#coer-tool-bar mat-toolbar div.user-container div.user-identity p{line-height:normal!important;overflow:hidden;text-overflow:ellipsis}div#coer-tool-bar mat-toolbar div.user-container div.user-identity p::selection{background-color:transparent!important}div#coer-tool-bar mat-toolbar div.user-container coer-dropdown{position:absolute;transform:translate(-3px)}div#coer-tool-bar mat-toolbar div.user-container:hover{transform:scale(1.03);box-shadow:0 0 15px -5px #000!important}div#coer-tool-bar div.shadow{box-shadow:1px -10px 20px #000!important;width:100vw;height:45px;position:absolute;top:0;z-index:8}\n"] }]
4066
+ args: [{ selector: 'coer-toolbar', standalone: false, template: "<div id=\"coer-tool-bar\" [ngClass]=\"{ 'position-relative': _isModalOpen() }\">\r\n <mat-toolbar> \r\n @if(showLogo) {\r\n <div class=\"logo-image-container\" (click)=\"ToogleSideNave()\" [ngStyle]=\"{ 'width': appLogoWidth }\">\r\n <div class=\"logo-image\" [ngStyle]=\"{ 'background-image': 'url(' + (appLogoPath | noImage:'IMAGE') + ')' }\"></div>\r\n </div>\r\n }\r\n\r\n @else {\r\n <div class=\"button-container\">\r\n <coer-button\r\n type=\"icon-no-border\"\r\n icon=\"menu\"\r\n color=\"navigation\"\r\n [isLoading]=\"isLoading\"\r\n (onClick)=\"ToogleSideNave()\"\r\n ></coer-button>\r\n </div>\r\n\r\n <span class=\"app-name\"> {{ appName }} </span> \r\n } \r\n\r\n <span class=\"fill-space\"></span> \r\n \r\n <div class=\"user-container\" (click)=\"dropdown.Open()\" [ngStyle]=\"{ \r\n 'padding-right': GetPadding('user-container'),\r\n 'display': showUser ? 'flex' : 'none'\r\n }\">\r\n \r\n <coer-dropdown\r\n #dropdown\r\n [dataSource]=\"menu()\" \r\n propDisplay=\"label\" \r\n width=\"auto\"\r\n [minWidth]=\"GetElementWidth(toolbarUserIdentity)\"\r\n maxWidth=\"auto\"\r\n (onSelected)=\"onClickOption.emit($event); dropdown.Unselect()\"\r\n ></coer-dropdown>\r\n\r\n <div class=\"user-image\" [ngStyle]=\"{ 'background-image': 'url(' + (image() | noImage:'USER') + ')' }\"></div>\r\n <div #toolbarUserIdentity id=\"toolbar-user-identity\" class=\"user-identity\" [ngStyle]=\"{ 'padding-left': GetPadding('user-identity') }\">\r\n \r\n @if(userName().length > 0) {\r\n <p> {{ userName() }} </p>\r\n }\r\n \r\n @if(userTitle().length > 0) {\r\n <p> {{ userTitle() }} </p>\r\n }\r\n </div> \r\n </div> \r\n \r\n @if(!showUser) {\r\n <span class=\"me-2\">\r\n <span class=\"fw-bold fa-fade\"> \r\n Loading <i class=\"fa-solid fa-sync fa-spin\"></i> \r\n </span> \r\n </span>\r\n }\r\n </mat-toolbar>\r\n\r\n <div class=\"shadow\"></div>\r\n</div>\r\n", styles: ["div#coer-tool-bar{z-index:1}div#coer-tool-bar mat-toolbar{height:45px!important;position:relative!important;z-index:10!important;padding:0!important;background-color:var(--toolbar-inner)!important;color:var(--toolbar-text-inner)!important}div#coer-tool-bar mat-toolbar span.app-name{height:40px!important;display:contents!important;max-width:45%}div#coer-tool-bar mat-toolbar div.logo-image-container{height:45px!important;min-width:100px}div#coer-tool-bar mat-toolbar div.logo-image-container div.logo-image{background-size:contain!important;background-repeat:no-repeat!important;background-position-y:bottom;width:100%!important;height:100%!important;cursor:pointer!important}div#coer-tool-bar mat-toolbar div.button-container{display:flex;align-items:center;justify-content:center;width:40px}div#coer-tool-bar mat-toolbar div.user-container{max-width:45%;display:flex;align-items:center;font-size:small!important;font-weight:700;height:0px!important;max-height:0px!important;padding-left:2px!important;margin-right:10px!important;border-radius:8px!important;cursor:pointer!important}div#coer-tool-bar mat-toolbar div.user-container div.user-image{min-width:35px!important;max-width:35px!important;min-height:35px!important;max-height:35px!important;border-radius:25px;background:transparent;background-size:cover;background-repeat:no-repeat;background-position:top}div#coer-tool-bar mat-toolbar div.user-container div.user-identity{height:40px!important;max-height:40px!important;min-width:70px!important;overflow:hidden!important;display:flex!important;flex-flow:column!important;justify-content:center!important}div#coer-tool-bar mat-toolbar div.user-container div.user-identity p{line-height:normal!important;overflow:hidden;text-overflow:ellipsis}div#coer-tool-bar mat-toolbar div.user-container div.user-identity p::selection{background-color:transparent!important}div#coer-tool-bar mat-toolbar div.user-container coer-dropdown{position:absolute;transform:translate(-3px)}div#coer-tool-bar mat-toolbar div.user-container:hover{transform:scale(1.03);box-shadow:0 0 15px -5px #000!important}div#coer-tool-bar div.shadow{box-shadow:1px -10px 20px #000!important;width:100vw;height:45px;position:absolute;top:0;z-index:8}\n"] }]
4072
4067
  }] });
4073
4068
 
4074
4069
  class ComponentsModule {