ecabs-components 2.0.0-alpha.3 → 2.0.0-alpha.5
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.
- package/README.md +2 -0
- package/fesm2022/ecabs-components.mjs +478 -472
- package/fesm2022/ecabs-components.mjs.map +1 -1
- package/lib/ecabs-expansion-panel/ecabs-expansion-panel.component.d.ts +3 -1
- package/package.json +1 -1
- package/src/assets/styles/material/_theme.scss +12 -12
- package/src/assets/styles/material/overrides/_autocomplete.scss +4 -2
- package/src/assets/styles/material/overrides/_button.scss +19 -17
- package/src/assets/styles/material/overrides/_card.scss +6 -4
- package/src/assets/styles/material/overrides/_chip.scss +12 -9
- package/src/assets/styles/material/overrides/_datepicker.scss +10 -6
- package/src/assets/styles/material/overrides/_dialog.scss +6 -3
- package/src/assets/styles/material/overrides/_divider.scss +3 -1
- package/src/assets/styles/material/overrides/_expansion.scss +11 -7
- package/src/assets/styles/material/overrides/_form.scss +11 -8
- package/src/assets/styles/material/overrides/_icon.scss +3 -1
- package/src/assets/styles/material/overrides/_menu.scss +3 -1
- package/src/assets/styles/material/overrides/_paginator.scss +7 -5
- package/src/assets/styles/material/overrides/_phone.scss +10 -7
- package/src/assets/styles/material/overrides/_progress.scss +1 -1
- package/src/assets/styles/material/overrides/_select.scss +21 -17
- package/src/assets/styles/material/overrides/_sidebar.scss +3 -1
- package/src/assets/styles/material/overrides/_tab.scss +7 -4
- package/src/assets/styles/material/overrides/_table.scss +5 -2
- package/src/assets/styles/material/overrides/_toaster.scss +8 -6
- package/src/assets/styles/material/overrides/_tooltip.scss +4 -2
- package/src/assets/styles/material/overrides/index.scss +22 -22
- package/src/assets/styles/scss/base/_heading.scss +11 -8
- package/src/assets/styles/scss/base/_normalize.scss +14 -9
- package/src/assets/styles/scss/base/index.scss +2 -2
- package/src/assets/styles/scss/modules/_autocomplete.scss +10 -6
- package/src/assets/styles/scss/modules/_button.scss +39 -36
- package/src/assets/styles/scss/modules/_card.scss +13 -8
- package/src/assets/styles/scss/modules/_chip.scss +23 -19
- package/src/assets/styles/scss/modules/_datepicker.scss +7 -4
- package/src/assets/styles/scss/modules/_dialog.scss +10 -6
- package/src/assets/styles/scss/modules/_form.scss +50 -45
- package/src/assets/styles/scss/modules/_icon.scss +6 -3
- package/src/assets/styles/scss/modules/_legend.scss +20 -15
- package/src/assets/styles/scss/modules/_list.scss +9 -6
- package/src/assets/styles/scss/modules/_map.scss +24 -21
- package/src/assets/styles/scss/modules/_phone.scss +5 -4
- package/src/assets/styles/scss/modules/_select.scss +7 -4
- package/src/assets/styles/scss/modules/_statuses.scss +15 -15
- package/src/assets/styles/scss/modules/_tab.scss +3 -1
- package/src/assets/styles/scss/modules/_table.scss +25 -20
- package/src/assets/styles/scss/modules/_timepicker.scss +10 -6
- package/src/assets/styles/scss/modules/_tooltip.scss +7 -3
- package/src/assets/styles/scss/modules/drag-drop.scss +12 -8
- package/src/assets/styles/scss/modules/index.scss +23 -23
- package/src/assets/styles/scss/utilities/_functions.scss +4 -3
- package/src/assets/styles/scss/utilities/_mixins.scss +11 -7
- package/src/assets/styles/scss/utilities/index.scss +6 -6
- package/src/assets/styles/styles.scss +7 -6
- package/src/assets/styles/tailwind/index.scss +2 -2
|
@@ -64,10 +64,10 @@ import { Platform } from '@angular/cdk/platform';
|
|
|
64
64
|
|
|
65
65
|
class EcabsSpinnerComponent {
|
|
66
66
|
size = 'medium';
|
|
67
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
68
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
67
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
68
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: EcabsSpinnerComponent, isStandalone: false, selector: "ecabs-loading-spinner", inputs: { size: "size" }, ngImport: i0, template: "<div class=\"loadingio-spinner-rolling {{ size }}\">\r\n <div class=\"ldio-inner\">\r\n <div></div>\r\n </div>\r\n</div>\r\n", styles: [":host{line-height:0}@keyframes ldio-inner{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.loadingio-spinner-rolling{width:27px;height:27px;display:inline-block;overflow:hidden;background:none}.loadingio-spinner-rolling .ldio-inner{width:100%;height:100%;position:relative;transform:translateZ(0) scale(1);backface-visibility:hidden;transform-origin:0 0}.loadingio-spinner-rolling .ldio-inner div{position:absolute;width:9px;height:9px;border:4px solid #85a2b6;border-top-color:transparent;border-radius:50%;animation:ldio-inner 1s linear infinite;top:14px;left:14px;box-sizing:content-box}.loadingio-spinner-rolling.medium{width:40px;height:40px}.loadingio-spinner-rolling.medium .ldio-inner div{width:20px;height:20px;border-width:6px;top:19px;left:19px}.loadingio-spinner-rolling.large{width:60px;height:60px}.loadingio-spinner-rolling.large .ldio-inner div{width:35px;height:35px;border-width:9px;top:29px;left:29px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
69
69
|
}
|
|
70
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
70
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsSpinnerComponent, decorators: [{
|
|
71
71
|
type: Component,
|
|
72
72
|
args: [{ selector: 'ecabs-loading-spinner', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"loadingio-spinner-rolling {{ size }}\">\r\n <div class=\"ldio-inner\">\r\n <div></div>\r\n </div>\r\n</div>\r\n", styles: [":host{line-height:0}@keyframes ldio-inner{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.loadingio-spinner-rolling{width:27px;height:27px;display:inline-block;overflow:hidden;background:none}.loadingio-spinner-rolling .ldio-inner{width:100%;height:100%;position:relative;transform:translateZ(0) scale(1);backface-visibility:hidden;transform-origin:0 0}.loadingio-spinner-rolling .ldio-inner div{position:absolute;width:9px;height:9px;border:4px solid #85a2b6;border-top-color:transparent;border-radius:50%;animation:ldio-inner 1s linear infinite;top:14px;left:14px;box-sizing:content-box}.loadingio-spinner-rolling.medium{width:40px;height:40px}.loadingio-spinner-rolling.medium .ldio-inner div{width:20px;height:20px;border-width:6px;top:19px;left:19px}.loadingio-spinner-rolling.large{width:60px;height:60px}.loadingio-spinner-rolling.large .ldio-inner div{width:35px;height:35px;border-width:9px;top:29px;left:29px}\n"] }]
|
|
73
73
|
}], propDecorators: { size: [{
|
|
@@ -78,10 +78,10 @@ class EcabsLoadingComponent {
|
|
|
78
78
|
loading = false;
|
|
79
79
|
backgroundColor = 'white';
|
|
80
80
|
size = 'medium';
|
|
81
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
82
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
81
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
82
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: EcabsLoadingComponent, isStandalone: false, selector: "ecabs-loading", inputs: { loading: "loading", backgroundColor: "backgroundColor", size: "size" }, ngImport: i0, template: "@if (loading) {\r\n <div\r\n class=\"flex absolute left-0 top-0 right-0 bottom-0 z-50 items-center justify-center\"\r\n [ngStyle]=\"{ backgroundColor: backgroundColor }\"\r\n >\r\n @if (loading) {\r\n <ecabs-loading-spinner [size]=\"size\"></ecabs-loading-spinner>\r\n }\r\n </div>\r\n}\r\n", dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: EcabsSpinnerComponent, selector: "ecabs-loading-spinner", inputs: ["size"] }] });
|
|
83
83
|
}
|
|
84
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
84
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsLoadingComponent, decorators: [{
|
|
85
85
|
type: Component,
|
|
86
86
|
args: [{ selector: 'ecabs-loading', standalone: false, template: "@if (loading) {\r\n <div\r\n class=\"flex absolute left-0 top-0 right-0 bottom-0 z-50 items-center justify-center\"\r\n [ngStyle]=\"{ backgroundColor: backgroundColor }\"\r\n >\r\n @if (loading) {\r\n <ecabs-loading-spinner [size]=\"size\"></ecabs-loading-spinner>\r\n }\r\n </div>\r\n}\r\n" }]
|
|
87
87
|
}], propDecorators: { loading: [{
|
|
@@ -93,11 +93,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
93
93
|
}] } });
|
|
94
94
|
|
|
95
95
|
class EcabsLoadingModule {
|
|
96
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
97
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
98
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
96
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
97
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsLoadingModule, declarations: [EcabsLoadingComponent, EcabsSpinnerComponent], imports: [CommonModule], exports: [EcabsLoadingComponent, EcabsSpinnerComponent] });
|
|
98
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsLoadingModule, imports: [CommonModule] });
|
|
99
99
|
}
|
|
100
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
100
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsLoadingModule, decorators: [{
|
|
101
101
|
type: NgModule,
|
|
102
102
|
args: [{
|
|
103
103
|
declarations: [EcabsLoadingComponent, EcabsSpinnerComponent],
|
|
@@ -136,10 +136,10 @@ class ButtonsComponent {
|
|
|
136
136
|
this.classAttr = '';
|
|
137
137
|
}
|
|
138
138
|
}
|
|
139
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
140
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
139
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
140
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: ButtonsComponent, isStandalone: false, selector: "ecabs-buttons", inputs: { disabled: "disabled", loading: "loading", size: "size", type: "type", style: "style", full: "full", color: "color" }, host: { properties: { "style.width": "this.borderWidth", "class": "this.classAttr" } }, viewQueries: [{ propertyName: "matButton", first: true, predicate: MatButton, descendants: true }], usesOnChanges: true, ngImport: i0, template: "\r\n@switch (style) {\r\n @case ('flat') {\r\n <button\r\n mat-flat-button\r\n [ngClass]=\"{\r\n '!w-full': full,\r\n 'loading !leading-none': loading\r\n }\"\r\n [color]=\"color\"\r\n [disabled]=\"disabled\"\r\n [type]=\"type\"\r\n >\r\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\r\n </button>\r\n }\r\n @case ('stroked') {\r\n <button\r\n mat-stroked-button\r\n [ngClass]=\"{\r\n '!w-full': full,\r\n 'loading !leading-none': loading\r\n }\"\r\n [color]=\"color\"\r\n [disabled]=\"disabled\"\r\n [type]=\"type\"\r\n >\r\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\r\n </button>\r\n }\r\n @case ('raised') {\r\n <button\r\n mat-raised-button\r\n [ngClass]=\"{\r\n '!w-full': full,\r\n 'loading !leading-none': loading\r\n }\"\r\n [color]=\"color\"\r\n [disabled]=\"disabled\"\r\n [type]=\"type\"\r\n >\r\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\r\n </button>\r\n }\r\n @default {\r\n <button\r\n mat-button\r\n [ngClass]=\"{\r\n '!w-full': full,\r\n 'loading !leading-none': loading\r\n }\"\r\n [color]=\"color\"\r\n [disabled]=\"disabled\"\r\n [type]=\"type\"\r\n >\r\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\r\n </button>\r\n }\r\n}\r\n\r\n<ng-template #content>\r\n @if (loading) {\r\n <ecabs-loading-spinner size=\"tiny\"></ecabs-loading-spinner>\r\n }\r\n @if (!loading) {\r\n <ng-content select=\"mat-icon\"></ng-content>\r\n <ng-content></ng-content>\r\n }\r\n</ng-template>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i6.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: EcabsSpinnerComponent, selector: "ecabs-loading-spinner", inputs: ["size"] }] });
|
|
141
141
|
}
|
|
142
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
142
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ButtonsComponent, decorators: [{
|
|
143
143
|
type: Component,
|
|
144
144
|
args: [{ selector: 'ecabs-buttons', standalone: false, template: "\r\n@switch (style) {\r\n @case ('flat') {\r\n <button\r\n mat-flat-button\r\n [ngClass]=\"{\r\n '!w-full': full,\r\n 'loading !leading-none': loading\r\n }\"\r\n [color]=\"color\"\r\n [disabled]=\"disabled\"\r\n [type]=\"type\"\r\n >\r\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\r\n </button>\r\n }\r\n @case ('stroked') {\r\n <button\r\n mat-stroked-button\r\n [ngClass]=\"{\r\n '!w-full': full,\r\n 'loading !leading-none': loading\r\n }\"\r\n [color]=\"color\"\r\n [disabled]=\"disabled\"\r\n [type]=\"type\"\r\n >\r\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\r\n </button>\r\n }\r\n @case ('raised') {\r\n <button\r\n mat-raised-button\r\n [ngClass]=\"{\r\n '!w-full': full,\r\n 'loading !leading-none': loading\r\n }\"\r\n [color]=\"color\"\r\n [disabled]=\"disabled\"\r\n [type]=\"type\"\r\n >\r\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\r\n </button>\r\n }\r\n @default {\r\n <button\r\n mat-button\r\n [ngClass]=\"{\r\n '!w-full': full,\r\n 'loading !leading-none': loading\r\n }\"\r\n [color]=\"color\"\r\n [disabled]=\"disabled\"\r\n [type]=\"type\"\r\n >\r\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\r\n </button>\r\n }\r\n}\r\n\r\n<ng-template #content>\r\n @if (loading) {\r\n <ecabs-loading-spinner size=\"tiny\"></ecabs-loading-spinner>\r\n }\r\n @if (!loading) {\r\n <ng-content select=\"mat-icon\"></ng-content>\r\n <ng-content></ng-content>\r\n }\r\n</ng-template>\r\n" }]
|
|
145
145
|
}], propDecorators: { matButton: [{
|
|
@@ -168,11 +168,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
168
168
|
}] } });
|
|
169
169
|
|
|
170
170
|
class EcabsButtonsModule {
|
|
171
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
172
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
173
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
171
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsButtonsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
172
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsButtonsModule, declarations: [ButtonsComponent], imports: [CommonModule, MatButtonModule, EcabsLoadingModule, MatIconModule], exports: [ButtonsComponent] });
|
|
173
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsButtonsModule, imports: [CommonModule, MatButtonModule, EcabsLoadingModule, MatIconModule] });
|
|
174
174
|
}
|
|
175
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
175
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsButtonsModule, decorators: [{
|
|
176
176
|
type: NgModule,
|
|
177
177
|
args: [{
|
|
178
178
|
declarations: [ButtonsComponent],
|
|
@@ -278,10 +278,10 @@ class EcabsElementBaseComponent {
|
|
|
278
278
|
}
|
|
279
279
|
return false;
|
|
280
280
|
};
|
|
281
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
282
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
281
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsElementBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
282
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: EcabsElementBaseComponent, isStandalone: true, selector: "ng-component", inputs: { type: "type", name: "name", label: "label", placeholder: "placeholder", validationLabel: "validationLabel", disabled: "disabled", readonly: "readonly", showValidation: "showValidation", showValidationOnNotTouched: "showValidationOnNotTouched", hideValidationMessage: "hideValidationMessage", iconClass: "iconClass", loading: "loading", showHint: "showHint", maxLength: "maxLength", tooltip: "tooltip", showAsterisk: "showAsterisk", labelNote: "labelNote", showLabel: "showLabel", showLocalLoading: "showLocalLoading" }, outputs: { focused: "focused", focusOuted: "focusOuted" }, ngImport: i0, template: '', isInline: true });
|
|
283
283
|
}
|
|
284
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
284
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsElementBaseComponent, decorators: [{
|
|
285
285
|
type: Component,
|
|
286
286
|
args: [{
|
|
287
287
|
template: '',
|
|
@@ -479,10 +479,10 @@ class EcabsComponentsService {
|
|
|
479
479
|
}
|
|
480
480
|
return false;
|
|
481
481
|
}
|
|
482
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
483
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
482
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsComponentsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
483
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsComponentsService, providedIn: 'root' });
|
|
484
484
|
}
|
|
485
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
485
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsComponentsService, decorators: [{
|
|
486
486
|
type: Injectable,
|
|
487
487
|
args: [{
|
|
488
488
|
providedIn: 'root',
|
|
@@ -563,10 +563,10 @@ class ValidationComponent {
|
|
|
563
563
|
getMessageDetail(key) {
|
|
564
564
|
return this.messages[key];
|
|
565
565
|
}
|
|
566
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
567
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
566
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ValidationComponent, deps: [{ token: EcabsComponentsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
567
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: ValidationComponent, isStandalone: false, selector: "ecabs-validations-messages", inputs: { element: "element", label: "label", showValidationOnNotTouched: "showValidationOnNotTouched", updatedErrors: "updatedErrors" }, usesOnChanges: true, ngImport: i0, template: "@if (element && (element?.touched || showValidationOnNotTouched) && element?.invalid) {\r\n <div\r\n class=\"form-field__validation\"\r\n >\r\n @for (item of element?.errors | keyvalue; track item) {\r\n <div class=\"form-field__validation__item\">\r\n {{ getMessageDetail(item.key) }}\r\n </div>\r\n }\r\n </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "pipe", type: i1.KeyValuePipe, name: "keyvalue" }] });
|
|
568
568
|
}
|
|
569
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
569
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ValidationComponent, decorators: [{
|
|
570
570
|
type: Component,
|
|
571
571
|
args: [{ selector: 'ecabs-validations-messages', standalone: false, template: "@if (element && (element?.touched || showValidationOnNotTouched) && element?.invalid) {\r\n <div\r\n class=\"form-field__validation\"\r\n >\r\n @for (item of element?.errors | keyvalue; track item) {\r\n <div class=\"form-field__validation__item\">\r\n {{ getMessageDetail(item.key) }}\r\n </div>\r\n }\r\n </div>\r\n}\r\n" }]
|
|
572
572
|
}], ctorParameters: () => [{ type: EcabsComponentsService }], propDecorators: { element: [{
|
|
@@ -584,10 +584,10 @@ class EcabsHintComponent {
|
|
|
584
584
|
element;
|
|
585
585
|
maxValue;
|
|
586
586
|
showHint = false;
|
|
587
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
588
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
587
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
588
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: EcabsHintComponent, isStandalone: false, selector: "ecabs-hint", inputs: { element: "element", maxValue: "maxValue", showHint: "showHint" }, ngImport: i0, template: "@if (element && showHint) {\r\n <div class=\"hint\">{{ element?.value?.length || 0 }}/{{ this.maxValue }}</div>\r\n}\r\n", styles: [""] });
|
|
589
589
|
}
|
|
590
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
590
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsHintComponent, decorators: [{
|
|
591
591
|
type: Component,
|
|
592
592
|
args: [{ selector: 'ecabs-hint', standalone: false, template: "@if (element && showHint) {\r\n <div class=\"hint\">{{ element?.value?.length || 0 }}/{{ this.maxValue }}</div>\r\n}\r\n" }]
|
|
593
593
|
}], propDecorators: { element: [{
|
|
@@ -621,10 +621,10 @@ class EcabsElementWrapperComponent {
|
|
|
621
621
|
decreaseFn() {
|
|
622
622
|
this.decrease.emit();
|
|
623
623
|
}
|
|
624
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
625
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
624
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsElementWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
625
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: EcabsElementWrapperComponent, isStandalone: false, selector: "ecabs-element-wrapper", inputs: { data: "data", showCloseIcon: "showCloseIcon", focusedFlag: "focusedFlag", showPassword: "showPassword", control: "control" }, outputs: { showHidePassword: "showHidePassword", clear: "clear", increase: "increase", decrease: "decrease" }, ngImport: i0, template: "<div\r\n class=\"form-field\"\r\n [ngClass]=\"{\r\n 'form-field--invalid':\r\n data?.showValidation && (data?.control?.touched || data?.showValidationOnNotTouched) && data?.control?.invalid,\r\n disabled: data?.disabled,\r\n 'form-field--required': data?.required && data?.showAsterisk\r\n }\"\r\n >\r\n <div class=\"flex\">\r\n @if (data?.label && data?.showLabel) {\r\n <label\r\n class=\"form-field__label\"\r\n [attr.for]=\"data?.name\"\r\n >\r\n <span [innerHTML]=\"data?.label\"></span>\r\n </label>\r\n }\r\n @if (data?.tooltip) {\r\n <mat-icon class=\"icon ml-4 mat-icon-input-tooltip\" matTooltipClass=\"break-line-tooltip\"\r\n [matTooltip]=\"data?.tooltip\">error_outline\r\n </mat-icon>\r\n }\r\n </div>\r\n\r\n @if (data?.labelNote) {\r\n <div class=\"form-field__label-note\" [innerHTML]=\"data?.labelNote\"></div>\r\n }\r\n\r\n <ng-content></ng-content>\r\n\r\n @if (data?.showLocalLoading && data?.loading) {\r\n <ecabs-loading-spinner\r\n class=\"spinner\" size=\"tiny\"></ecabs-loading-spinner>\r\n }\r\n\r\n <ecabs-hint [element]=\"data?.control\" [showHint]=\"data?.showHint\" [maxValue]=\"data?.maxLength\"></ecabs-hint>\r\n\r\n @if (data?.showValidation && !data?.hideValidationMessage) {\r\n <ecabs-validations-messages\r\n [element]=\"data?.control\"\r\n [label]=\"data?.label ? data?.label : data?.placeholder ? data.placeholder : data?.validationLabel\"\r\n [showValidationOnNotTouched]=\"data?.showValidationOnNotTouched\"\r\n >\r\n </ecabs-validations-messages>\r\n }\r\n</div>\r\n", styles: [":host ::ng-deep .break-line-tooltip{white-space:pre-line}:host ::ng-deep .mat-icon-input-tooltip{font-size:18px;height:18px;width:18px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: EcabsSpinnerComponent, selector: "ecabs-loading-spinner", inputs: ["size"] }, { kind: "component", type: ValidationComponent, selector: "ecabs-validations-messages", inputs: ["element", "label", "showValidationOnNotTouched", "updatedErrors"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i1$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: EcabsHintComponent, selector: "ecabs-hint", inputs: ["element", "maxValue", "showHint"] }] });
|
|
626
626
|
}
|
|
627
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
627
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsElementWrapperComponent, decorators: [{
|
|
628
628
|
type: Component,
|
|
629
629
|
args: [{ selector: 'ecabs-element-wrapper', standalone: false, template: "<div\r\n class=\"form-field\"\r\n [ngClass]=\"{\r\n 'form-field--invalid':\r\n data?.showValidation && (data?.control?.touched || data?.showValidationOnNotTouched) && data?.control?.invalid,\r\n disabled: data?.disabled,\r\n 'form-field--required': data?.required && data?.showAsterisk\r\n }\"\r\n >\r\n <div class=\"flex\">\r\n @if (data?.label && data?.showLabel) {\r\n <label\r\n class=\"form-field__label\"\r\n [attr.for]=\"data?.name\"\r\n >\r\n <span [innerHTML]=\"data?.label\"></span>\r\n </label>\r\n }\r\n @if (data?.tooltip) {\r\n <mat-icon class=\"icon ml-4 mat-icon-input-tooltip\" matTooltipClass=\"break-line-tooltip\"\r\n [matTooltip]=\"data?.tooltip\">error_outline\r\n </mat-icon>\r\n }\r\n </div>\r\n\r\n @if (data?.labelNote) {\r\n <div class=\"form-field__label-note\" [innerHTML]=\"data?.labelNote\"></div>\r\n }\r\n\r\n <ng-content></ng-content>\r\n\r\n @if (data?.showLocalLoading && data?.loading) {\r\n <ecabs-loading-spinner\r\n class=\"spinner\" size=\"tiny\"></ecabs-loading-spinner>\r\n }\r\n\r\n <ecabs-hint [element]=\"data?.control\" [showHint]=\"data?.showHint\" [maxValue]=\"data?.maxLength\"></ecabs-hint>\r\n\r\n @if (data?.showValidation && !data?.hideValidationMessage) {\r\n <ecabs-validations-messages\r\n [element]=\"data?.control\"\r\n [label]=\"data?.label ? data?.label : data?.placeholder ? data.placeholder : data?.validationLabel\"\r\n [showValidationOnNotTouched]=\"data?.showValidationOnNotTouched\"\r\n >\r\n </ecabs-validations-messages>\r\n }\r\n</div>\r\n", styles: [":host ::ng-deep .break-line-tooltip{white-space:pre-line}:host ::ng-deep .mat-icon-input-tooltip{font-size:18px;height:18px;width:18px}\n"] }]
|
|
630
630
|
}], propDecorators: { data: [{
|
|
@@ -761,10 +761,10 @@ class EcabsDigitsOnlyDirective {
|
|
|
761
761
|
isValidDecimal(inputString) {
|
|
762
762
|
return inputString.split(this.decimalSeparator).length <= 2;
|
|
763
763
|
}
|
|
764
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
765
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
764
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDigitsOnlyDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
765
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: EcabsDigitsOnlyDirective, isStandalone: false, selector: "[ecabsDigitsOnly]", inputs: { digitsOnly: "digitsOnly", allowHyphen: "allowHyphen", decimal: "decimal", decimalSeparator: "decimalSeparator", unit: "unit" }, host: { listeners: { "keydown": "onKeyDown($event)", "keyup": "onKeyUp($event)", "paste": "onPaste($event)", "wheel": "onWheel($event)" } }, ngImport: i0 });
|
|
766
766
|
}
|
|
767
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
767
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDigitsOnlyDirective, decorators: [{
|
|
768
768
|
type: Directive,
|
|
769
769
|
args: [{
|
|
770
770
|
selector: '[ecabsDigitsOnly]',
|
|
@@ -803,8 +803,8 @@ class EcabsMinDirective {
|
|
|
803
803
|
validate(control) {
|
|
804
804
|
return this._validator(control);
|
|
805
805
|
}
|
|
806
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
807
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
806
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsMinDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
807
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: EcabsMinDirective, isStandalone: false, selector: "[mini][formControlName],[mini][formControl],[mini][ngModel]", inputs: { mini: "mini" }, providers: [
|
|
808
808
|
{
|
|
809
809
|
provide: NG_VALIDATORS,
|
|
810
810
|
useExisting: forwardRef(() => EcabsMinDirective),
|
|
@@ -812,7 +812,7 @@ class EcabsMinDirective {
|
|
|
812
812
|
},
|
|
813
813
|
], ngImport: i0 });
|
|
814
814
|
}
|
|
815
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
815
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsMinDirective, decorators: [{
|
|
816
816
|
type: Directive,
|
|
817
817
|
args: [{
|
|
818
818
|
selector: '[mini][formControlName],[mini][formControl],[mini][ngModel]',
|
|
@@ -836,8 +836,8 @@ class EcabsMaxDirective {
|
|
|
836
836
|
validate(control) {
|
|
837
837
|
return this._validator(control);
|
|
838
838
|
}
|
|
839
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
840
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
839
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsMaxDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
840
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: EcabsMaxDirective, isStandalone: false, selector: "[maxi][formControlName],[maxi][formControl],[maxi][ngModel]", inputs: { maxi: "maxi" }, providers: [
|
|
841
841
|
{
|
|
842
842
|
provide: NG_VALIDATORS,
|
|
843
843
|
useExisting: forwardRef(() => EcabsMinDirective),
|
|
@@ -845,7 +845,7 @@ class EcabsMaxDirective {
|
|
|
845
845
|
},
|
|
846
846
|
], ngImport: i0 });
|
|
847
847
|
}
|
|
848
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
848
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsMaxDirective, decorators: [{
|
|
849
849
|
type: Directive,
|
|
850
850
|
args: [{
|
|
851
851
|
selector: '[maxi][formControlName],[maxi][formControl],[maxi][ngModel]',
|
|
@@ -924,8 +924,8 @@ class EcabsInputComponent extends EcabsElementBaseComponent {
|
|
|
924
924
|
blurChange(e) {
|
|
925
925
|
this.onblur.emit(e);
|
|
926
926
|
}
|
|
927
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
928
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
927
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsInputComponent, deps: [{ token: i0.Injector }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
928
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: EcabsInputComponent, isStandalone: false, selector: "ecabs-input", inputs: { digitsOnly: "digitsOnly", allowDecimal: "allowDecimal", allowHyphen: "allowHyphen", max: "max", mini: "mini", maxi: "maxi", step: "step" }, outputs: { onblur: "onblur" }, providers: [
|
|
929
929
|
{
|
|
930
930
|
provide: NG_VALUE_ACCESSOR,
|
|
931
931
|
useExisting: EcabsInputComponent,
|
|
@@ -933,7 +933,7 @@ class EcabsInputComponent extends EcabsElementBaseComponent {
|
|
|
933
933
|
},
|
|
934
934
|
], viewQueries: [{ propertyName: "matCustomInput", first: true, predicate: ["matCustomInput"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <div class=\"form-field__input--wrapper\">\r\n <input #matCustomInput\r\n ecabsDigitsOnly\r\n [digitsOnly]=\"digitsOnly\"\r\n [decimal]=\"allowDecimal\"\r\n [allowHyphen]=\"allowHyphen\"\r\n class=\"form-field__input\"\r\n [type]=\"type\"\r\n [id]=\"name\"\r\n [(ngModel)]=\"value\"\r\n [placeholder]=\"placeholder\"\r\n (blur)=\"onTouch()\"\r\n [mini]=\"mini\"\r\n [maxi]=\"maxi\"\r\n [disabled]=\"disabled\"\r\n [maxlength]=\"maxLength\"\r\n [max]=\"max\"\r\n [step]=\"step\"\r\n (blur)=\"blurChange($event)\"\r\n />\r\n\r\n @if (type !== 'number') {\r\n <div class=\"form-field__input--suffix\">\r\n <ng-content select=\"mat-icon\"></ng-content>\r\n <ng-content select=\".suffix\"></ng-content>\r\n </div>\r\n }\r\n </div>\r\n </ecabs-element-wrapper>\r\n", dependencies: [{ kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: EcabsDigitsOnlyDirective, selector: "[ecabsDigitsOnly]", inputs: ["digitsOnly", "allowHyphen", "decimal", "decimalSeparator", "unit"] }, { kind: "directive", type: EcabsMinDirective, selector: "[mini][formControlName],[mini][formControl],[mini][ngModel]", inputs: ["mini"] }, { kind: "directive", type: EcabsMaxDirective, selector: "[maxi][formControlName],[maxi][formControl],[maxi][ngModel]", inputs: ["maxi"] }] });
|
|
935
935
|
}
|
|
936
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
936
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsInputComponent, decorators: [{
|
|
937
937
|
type: Component,
|
|
938
938
|
args: [{ selector: 'ecabs-input', providers: [
|
|
939
939
|
{
|
|
@@ -964,11 +964,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
964
964
|
}] } });
|
|
965
965
|
|
|
966
966
|
class EcabsHintModule {
|
|
967
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
968
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
969
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
967
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsHintModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
968
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsHintModule, declarations: [EcabsHintComponent], imports: [CommonModule], exports: [EcabsHintComponent] });
|
|
969
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsHintModule, imports: [CommonModule] });
|
|
970
970
|
}
|
|
971
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
971
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsHintModule, decorators: [{
|
|
972
972
|
type: NgModule,
|
|
973
973
|
args: [{
|
|
974
974
|
declarations: [EcabsHintComponent],
|
|
@@ -978,11 +978,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
978
978
|
}] });
|
|
979
979
|
|
|
980
980
|
class EcabsValidationModule {
|
|
981
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
982
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
983
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
981
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsValidationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
982
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsValidationModule, declarations: [ValidationComponent], imports: [CommonModule, FormsModule, MatFormFieldModule], exports: [ValidationComponent] });
|
|
983
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsValidationModule, imports: [CommonModule, FormsModule, MatFormFieldModule] });
|
|
984
984
|
}
|
|
985
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
985
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsValidationModule, decorators: [{
|
|
986
986
|
type: NgModule,
|
|
987
987
|
args: [{
|
|
988
988
|
declarations: [ValidationComponent],
|
|
@@ -1001,8 +1001,8 @@ function scrollFactory$1(overlay) {
|
|
|
1001
1001
|
return () => overlay.scrollStrategies.block();
|
|
1002
1002
|
}
|
|
1003
1003
|
class ElementWrapperModule {
|
|
1004
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1005
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
1004
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ElementWrapperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1005
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: ElementWrapperModule, declarations: [EcabsElementWrapperComponent], imports: [CommonModule,
|
|
1006
1006
|
FormsModule,
|
|
1007
1007
|
EcabsLoadingModule,
|
|
1008
1008
|
EcabsValidationModule,
|
|
@@ -1010,7 +1010,7 @@ class ElementWrapperModule {
|
|
|
1010
1010
|
MatIconModule,
|
|
1011
1011
|
MatTooltipModule,
|
|
1012
1012
|
EcabsHintModule], exports: [EcabsElementWrapperComponent] });
|
|
1013
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
1013
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ElementWrapperModule, providers: [
|
|
1014
1014
|
{
|
|
1015
1015
|
provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,
|
|
1016
1016
|
useValue: appearance,
|
|
@@ -1029,7 +1029,7 @@ class ElementWrapperModule {
|
|
|
1029
1029
|
MatTooltipModule,
|
|
1030
1030
|
EcabsHintModule] });
|
|
1031
1031
|
}
|
|
1032
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1032
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ElementWrapperModule, decorators: [{
|
|
1033
1033
|
type: NgModule,
|
|
1034
1034
|
args: [{
|
|
1035
1035
|
declarations: [EcabsElementWrapperComponent],
|
|
@@ -1059,11 +1059,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
1059
1059
|
}] });
|
|
1060
1060
|
|
|
1061
1061
|
class EcabsDigitsOnlyDirectivesModule {
|
|
1062
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1063
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
1064
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
1062
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDigitsOnlyDirectivesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1063
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsDigitsOnlyDirectivesModule, declarations: [EcabsDigitsOnlyDirective], imports: [CommonModule], exports: [EcabsDigitsOnlyDirective] });
|
|
1064
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDigitsOnlyDirectivesModule, imports: [CommonModule] });
|
|
1065
1065
|
}
|
|
1066
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1066
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDigitsOnlyDirectivesModule, decorators: [{
|
|
1067
1067
|
type: NgModule,
|
|
1068
1068
|
args: [{
|
|
1069
1069
|
imports: [CommonModule],
|
|
@@ -1073,11 +1073,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
1073
1073
|
}] });
|
|
1074
1074
|
|
|
1075
1075
|
class EcabsMinMaxDirectiveModule {
|
|
1076
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1077
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
1078
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
1076
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsMinMaxDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1077
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsMinMaxDirectiveModule, declarations: [EcabsMinDirective, EcabsMaxDirective], imports: [CommonModule], exports: [EcabsMinDirective, EcabsMaxDirective] });
|
|
1078
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsMinMaxDirectiveModule, imports: [CommonModule] });
|
|
1079
1079
|
}
|
|
1080
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1080
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsMinMaxDirectiveModule, decorators: [{
|
|
1081
1081
|
type: NgModule,
|
|
1082
1082
|
args: [{
|
|
1083
1083
|
imports: [CommonModule],
|
|
@@ -1087,21 +1087,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
1087
1087
|
}] });
|
|
1088
1088
|
|
|
1089
1089
|
class EcabsInputModule {
|
|
1090
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1091
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
1090
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1091
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsInputModule, declarations: [EcabsInputComponent], imports: [CommonModule,
|
|
1092
1092
|
MatInputModule,
|
|
1093
1093
|
ElementWrapperModule,
|
|
1094
1094
|
FormsModule,
|
|
1095
1095
|
EcabsDigitsOnlyDirectivesModule,
|
|
1096
1096
|
EcabsMinMaxDirectiveModule], exports: [EcabsInputComponent] });
|
|
1097
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
1097
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsInputModule, imports: [CommonModule,
|
|
1098
1098
|
MatInputModule,
|
|
1099
1099
|
ElementWrapperModule,
|
|
1100
1100
|
FormsModule,
|
|
1101
1101
|
EcabsDigitsOnlyDirectivesModule,
|
|
1102
1102
|
EcabsMinMaxDirectiveModule] });
|
|
1103
1103
|
}
|
|
1104
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1104
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsInputModule, decorators: [{
|
|
1105
1105
|
type: NgModule,
|
|
1106
1106
|
args: [{
|
|
1107
1107
|
declarations: [EcabsInputComponent],
|
|
@@ -1131,10 +1131,10 @@ class EcabsTooltipIfTruncatedDirective {
|
|
|
1131
1131
|
: this.elementRef.nativeElement;
|
|
1132
1132
|
this.matTooltip.disabled = element?.scrollWidth <= element?.clientWidth;
|
|
1133
1133
|
}
|
|
1134
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1135
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
1134
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsTooltipIfTruncatedDirective, deps: [{ token: i1$1.MatTooltip }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1135
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: EcabsTooltipIfTruncatedDirective, isStandalone: false, selector: "[matTooltip][ecabsTooltipIfTruncated]", inputs: { classNameTruncatedTooltip: "classNameTruncatedTooltip" }, host: { listeners: { "mouseover": "onMouseOver()" } }, ngImport: i0 });
|
|
1136
1136
|
}
|
|
1137
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1137
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsTooltipIfTruncatedDirective, decorators: [{
|
|
1138
1138
|
type: Directive,
|
|
1139
1139
|
args: [{
|
|
1140
1140
|
selector: '[matTooltip][ecabsTooltipIfTruncated]',
|
|
@@ -1148,11 +1148,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
1148
1148
|
}] } });
|
|
1149
1149
|
|
|
1150
1150
|
class EcabsTooltipIfTruncatedDirectiveModule {
|
|
1151
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1152
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
1153
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
1151
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsTooltipIfTruncatedDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1152
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsTooltipIfTruncatedDirectiveModule, declarations: [EcabsTooltipIfTruncatedDirective], imports: [CommonModule], exports: [EcabsTooltipIfTruncatedDirective] });
|
|
1153
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsTooltipIfTruncatedDirectiveModule, imports: [CommonModule] });
|
|
1154
1154
|
}
|
|
1155
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1155
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsTooltipIfTruncatedDirectiveModule, decorators: [{
|
|
1156
1156
|
type: NgModule,
|
|
1157
1157
|
args: [{
|
|
1158
1158
|
imports: [CommonModule],
|
|
@@ -1435,8 +1435,8 @@ class EcabsSelectComponent extends EcabsElementBaseComponent {
|
|
|
1435
1435
|
}
|
|
1436
1436
|
}
|
|
1437
1437
|
}
|
|
1438
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1439
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
1438
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsSelectComponent, deps: [{ token: i0.Injector }, { token: i0.ChangeDetectorRef }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1439
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: EcabsSelectComponent, isStandalone: false, selector: "ecabs-select", inputs: { items: "items", multiple: "multiple", useNoneOption: "useNoneOption", searchFieldPlaceholder: "searchFieldPlaceholder", useSearchOption: "useSearchOption", useSelectAllOption: "useSelectAllOption", setAllOptionAfterChosenAllItems: "setAllOptionAfterChosenAllItems", selectAllValue: "selectAllValue", noEntriesFoundLabel: "noEntriesFoundLabel", noneLabel: "noneLabel", allLabel: "allLabel", otherLabel: "otherLabel", othersLabel: "othersLabel" }, outputs: { updateFilterItems: "updateFilterItems", selectionChange: "selectionChange" }, providers: [
|
|
1440
1440
|
{
|
|
1441
1441
|
provide: NG_VALUE_ACCESSOR,
|
|
1442
1442
|
useExisting: EcabsSelectComponent,
|
|
@@ -1444,7 +1444,7 @@ class EcabsSelectComponent extends EcabsElementBaseComponent {
|
|
|
1444
1444
|
},
|
|
1445
1445
|
], viewQueries: [{ propertyName: "allSelected", first: true, predicate: ["allSelected"], descendants: true }, { propertyName: "matSelectSearchComponent", first: true, predicate: MatSelectSearchComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <mat-select class=\"form-field__select\"\r\n [(ngModel)]=\"value\"\r\n (closed)=\"onTouch()\"\r\n [id]=\"name\"\r\n [multiple]=\"multiple\"\r\n [disabled]=\"disabled\"\r\n [placeholder]=\"placeholder\"\r\n [disableRipple]=\"true\"\r\n (selectionChange)=\"onSelectionChanged($event)\"\r\n [matTooltip]=\"trigger\"\r\n ecabsTooltipIfTruncated\r\n [classNameTruncatedTooltip]=\"'mat-select-value'\">\r\n <mat-select-trigger>\r\n <span>{{ trigger }}</span>\r\n </mat-select-trigger>\r\n\r\n @if (useSearchOption) {\r\n <mat-option>\r\n <ngx-mat-select-search [formControl]=\"itemFilterCtrl\"\r\n [placeholderLabel]=\"searchFieldPlaceholder\"\r\n [noEntriesFoundLabel]=\"noEntriesFoundLabel\">\r\n </ngx-mat-select-search>\r\n </mat-option>\r\n }\r\n\r\n @if (useNoneOption) {\r\n <mat-option\r\n (click)=\"toggleNone()\"\r\n (keydown.enter)=\"toggleNone()\">\r\n {{ noneLabel }}\r\n </mat-option>\r\n }\r\n\r\n @if (useSelectAllOption && showFilteredAllOption) {\r\n <mat-option #allSelected\r\n (click)=\"toggleAllSelection()\"\r\n (keydown.enter)=\"toggleAllSelection()\"\r\n [value]=\"selectAllValue\">\r\n {{ allLabel }}\r\n </mat-option>\r\n }\r\n\r\n @for (item of filteredItems$ | async; track item) {\r\n <mat-option\r\n [value]=\"item.value\"\r\n (click)=\"togglePerOne()\"\r\n (keydown.enter)=\"togglePerOne()\"\r\n [matTooltip]=\"item.label\"\r\n ecabsTooltipIfTruncated\r\n [classNameTruncatedTooltip]=\"'mdc-list-item__primary-text'\">\r\n {{ item.label }}\r\n </mat-option>\r\n }\r\n </mat-select>\r\n</ecabs-element-wrapper>\r\n", dependencies: [{ kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "component", type: i2$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i2$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i2$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i1$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.MatSelectSearchComponent, selector: "ngx-mat-select-search", inputs: ["placeholderLabel", "type", "closeIcon", "closeSvgIcon", "noEntriesFoundLabel", "clearSearchInput", "searching", "disableInitialFocus", "enableClearOnEscapePressed", "preventHomeEndKeyPropagation", "disableScrollToActiveOnOptionsChanged", "ariaLabel", "showToggleAllCheckbox", "toggleAllCheckboxChecked", "toggleAllCheckboxIndeterminate", "toggleAllCheckboxTooltipMessage", "toggleAllCheckboxTooltipPosition", "hideClearSearchButton", "alwaysRestoreSelectedOptionsMulti", "recreateValuesArray"], outputs: ["toggleAll"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: EcabsTooltipIfTruncatedDirective, selector: "[matTooltip][ecabsTooltipIfTruncated]", inputs: ["classNameTruncatedTooltip"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
|
|
1446
1446
|
}
|
|
1447
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1447
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsSelectComponent, decorators: [{
|
|
1448
1448
|
type: Component,
|
|
1449
1449
|
args: [{ selector: 'ecabs-select', providers: [
|
|
1450
1450
|
{
|
|
@@ -1492,8 +1492,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
1492
1492
|
}] } });
|
|
1493
1493
|
|
|
1494
1494
|
class EcabsSelectModule {
|
|
1495
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1496
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
1495
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1496
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsSelectModule, declarations: [EcabsSelectComponent], imports: [CommonModule,
|
|
1497
1497
|
ElementWrapperModule,
|
|
1498
1498
|
MatSelectModule,
|
|
1499
1499
|
MatTooltipModule,
|
|
@@ -1501,7 +1501,7 @@ class EcabsSelectModule {
|
|
|
1501
1501
|
NgxMatSelectSearchModule,
|
|
1502
1502
|
ReactiveFormsModule,
|
|
1503
1503
|
EcabsTooltipIfTruncatedDirectiveModule], exports: [EcabsSelectComponent] });
|
|
1504
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
1504
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsSelectModule, providers: [
|
|
1505
1505
|
{
|
|
1506
1506
|
provide: MAT_SELECT_SCROLL_STRATEGY,
|
|
1507
1507
|
useFactory: scrollFactory,
|
|
@@ -1516,7 +1516,7 @@ class EcabsSelectModule {
|
|
|
1516
1516
|
ReactiveFormsModule,
|
|
1517
1517
|
EcabsTooltipIfTruncatedDirectiveModule] });
|
|
1518
1518
|
}
|
|
1519
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1519
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsSelectModule, decorators: [{
|
|
1520
1520
|
type: NgModule,
|
|
1521
1521
|
args: [{
|
|
1522
1522
|
declarations: [EcabsSelectComponent],
|
|
@@ -1615,16 +1615,16 @@ class EcabsCheckboxToggleComponent extends EcabsElementBaseComponent {
|
|
|
1615
1615
|
registerOnTouched(fn) {
|
|
1616
1616
|
this.onTouch = fn;
|
|
1617
1617
|
}
|
|
1618
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1619
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
1618
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsCheckboxToggleComponent, deps: [{ token: i0.Injector }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1619
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: EcabsCheckboxToggleComponent, isStandalone: false, selector: "ecabs-checkbox", inputs: { type: "type", text: "text", label: "label", labelPosition: "labelPosition", indeterminate: "indeterminate", checked: "checked" }, outputs: { click: "click", changed: "changed" }, providers: [
|
|
1620
1620
|
{
|
|
1621
1621
|
provide: NG_VALUE_ACCESSOR,
|
|
1622
1622
|
useExisting: EcabsCheckboxToggleComponent,
|
|
1623
1623
|
multi: true,
|
|
1624
1624
|
},
|
|
1625
|
-
], viewQueries: [{ propertyName: "matCheckbox", first: true, predicate: MatCheckbox, descendants: true }, { propertyName: "matSlideToggle", first: true, predicate: MatSlideToggle, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n @switch (type) {\r\n @case ('checkbox') {\r\n <mat-checkbox (change)=\"change($event)\"\r\n (click)=\"onClick($event)\"\r\n (blur)=\"onBlur()\"\r\n [checked]=\"checked\"\r\n [indeterminate]=\"indeterminate\"\r\n [disabled]=\"disabled\"\r\n [(ngModel)]=\"value\"\r\n [id]=\"name\"\r\n [labelPosition]=\"labelPosition\"\r\n [ngClass]=\"{ 'indeterminate': indeterminate }\">\r\n {{ text }}\r\n </mat-checkbox>\r\n }\r\n @case ('toggle') {\r\n <mat-slide-toggle (change)=\"change($event)\"\r\n [disabled]=\"disabled\"\r\n [(ngModel)]=\"value\"\r\n [labelPosition]=\"labelPosition\">{{ text }}\r\n </mat-slide-toggle>\r\n }\r\n }\r\n</ecabs-element-wrapper>\r\n", styles: ["
|
|
1625
|
+
], viewQueries: [{ propertyName: "matCheckbox", first: true, predicate: MatCheckbox, descendants: true }, { propertyName: "matSlideToggle", first: true, predicate: MatSlideToggle, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n @switch (type) {\r\n @case ('checkbox') {\r\n <mat-checkbox (change)=\"change($event)\"\r\n (click)=\"onClick($event)\"\r\n (blur)=\"onBlur()\"\r\n [checked]=\"checked\"\r\n [indeterminate]=\"indeterminate\"\r\n [disabled]=\"disabled\"\r\n [(ngModel)]=\"value\"\r\n [id]=\"name\"\r\n [labelPosition]=\"labelPosition\"\r\n [ngClass]=\"{ 'indeterminate': indeterminate }\">\r\n {{ text }}\r\n </mat-checkbox>\r\n }\r\n @case ('toggle') {\r\n <mat-slide-toggle (change)=\"change($event)\"\r\n [disabled]=\"disabled\"\r\n [(ngModel)]=\"value\"\r\n [labelPosition]=\"labelPosition\">{{ text }}\r\n </mat-slide-toggle>\r\n }\r\n }\r\n</ecabs-element-wrapper>\r\n", styles: [".form-field,form-field{margin-bottom:1rem;position:relative}.form-field__label,form-field__label{font-size:12px;font-size:.75rem;display:inline-block;margin-bottom:.25rem;color:var(--color-gray-500);cursor:pointer}.form-field__label .icon,form-field__label .icon{font-size:16px;font-size:1rem;display:inline;vertical-align:middle;margin-left:.375rem}.form-field__label-note,form-field__label-note{font-size:14px;font-size:.875rem;display:inline-block;margin-bottom:.25rem;color:var(--color-gray-400);cursor:pointer}.form-field__input,form-field__input{font-size:16px;font-size:1rem;display:block;width:100%;padding:.5rem 1rem;border-radius:.25rem;border:1px solid var(--color-gray-500);color:var(--color-black);line-height:1.5}.form-field__input:focus,form-field__input:focus{border-color:var(--color-brand-dark)}.form-field__input--wrapper,form-field__input--wrapper{display:flex;position:relative;line-height:1}.form-field__input--suffix,.form-field__textarea--prefix,form-field__textarea--prefix,.form-field__input--prefix,form-field__input--prefix,form-field__input--suffix{position:absolute!important;top:50%;right:1rem;color:var(--color-gray-500);transform:translateY(-50%)}.form-field__input--suffix,.form-field__textarea--prefix,form-field__textarea--prefix,.form-field__input--prefix,form-field__input--prefix,.form-field__input--suffix i,.form-field__textarea--prefix i,form-field__textarea--prefix i,.form-field__input--prefix i,form-field__input--prefix i,.form-field__input--suffix .mat-icon,.form-field__textarea--prefix .mat-icon,form-field__textarea--prefix .mat-icon,.form-field__input--prefix .mat-icon,form-field__input--prefix .mat-icon,form-field__input--suffix,form-field__input--suffix i,form-field__input--suffix .mat-icon{font-size:18px;font-size:1.125rem;width:1.125rem;height:1.125rem}.form-field__input--prefix,form-field__input--prefix{right:unset;left:1rem}.form-field__input--disabled,form-field__input--disabled{background-color:var(--color-gray-100);border-color:transparent}.form-field__input--invalid,form-field__input--invalid{border-color:var(--color-error);color:var(--color-error)}.form-field__textarea,form-field__textarea{font-size:16px;font-size:1rem;display:block;width:100%;padding:1rem;border-radius:.25rem;border:1px solid var(--color-gray-500);color:var(--color-black);line-height:1.5}.form-field__textarea:focus,form-field__textarea:focus{border-color:var(--color-brand-dark)}.form-field__textarea--wrapper,form-field__textarea--wrapper{display:flex;position:relative;line-height:1}.form-field__textarea--suffix,form-field__textarea--suffix{position:absolute!important;top:50%;right:1rem;color:var(--color-gray-500);transform:translateY(-50%)}.form-field__textarea--suffix,.form-field__textarea--suffix i,.form-field__textarea--suffix .mat-icon,form-field__textarea--suffix,form-field__textarea--suffix i,form-field__textarea--suffix .mat-icon{font-size:18px;font-size:1.125rem;width:1.125rem;height:1.125rem}.form-field__textarea--prefix,form-field__textarea--prefix{right:unset;left:1rem}.form-field__textarea--disabled,form-field__textarea--disabled{background-color:var(--color-gray-100);border-color:transparent}.form-field--invalid,.form-field--invalid .form-field__input,.form-field--invalid .form-field__textarea,form-field--invalid,form-field--invalid .form-field__input,form-field--invalid .form-field__textarea{color:var(--color-error);border-color:var(--color-error)}.form-field__validation,form-field__validation{padding-top:.5rem;font-size:12px;font-size:.75rem;color:var(--color-error)}.form-field__validation--item,form-field__validation--item{padding-bottom:.6rem}.form-field__validation--item:last-of-type,form-field__validation--item:last-of-type{padding-bottom:0}.form-field__subscript--wrapper,form-field__subscript--wrapper{margin-top:1.2rem}.form-field.disabled input,.form-field.disabled textarea,form-field.disabled input,form-field.disabled textarea{background-color:var(--color-white-opacity-05);border-color:var(--color-gray-300)}.form-field .spinner,form-field .spinner{position:absolute;right:.25rem;top:1.85rem}.form-field .hint,form-field .hint{font-size:10px;text-align:right;margin-right:1.0625rem;transform:translateY(-1rem);margin-bottom:-1rem}.form .mat-mdc-form-field-appearance-standard .mat-mdc-form-field-flex,form .mat-mdc-form-field-appearance-standard .mat-mdc-form-field-flex{padding-top:0}.form .mat-mdc-form-field-infix,form .mat-mdc-form-field-infix{border-top:0}.form .mat-mdc-form-field .mat-mdc-form-field-flex,form .mat-mdc-form-field .mat-mdc-form-field-flex{padding-top:0}.mat-mdc-form-field-type-mat-date-range-input .mat-mdc-form-field-infix{width:auto}.mat-mdc-text-field-wrapper{padding-bottom:0}:host::ng-deep .form-field{display:flex;margin:0}:host::ng-deep .mat-mdc-slide-toggle .mdc-label{font-size:14px;font-size:.875rem}:host::ng-deep .mat-mdc-slide-toggle{margin-right:.96rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "component", type: i3.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"] }, { kind: "component", type: i4$1.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"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
1626
1626
|
}
|
|
1627
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1627
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsCheckboxToggleComponent, decorators: [{
|
|
1628
1628
|
type: Component,
|
|
1629
1629
|
args: [{ selector: 'ecabs-checkbox', providers: [
|
|
1630
1630
|
{
|
|
@@ -1632,7 +1632,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
1632
1632
|
useExisting: EcabsCheckboxToggleComponent,
|
|
1633
1633
|
multi: true,
|
|
1634
1634
|
},
|
|
1635
|
-
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n @switch (type) {\r\n @case ('checkbox') {\r\n <mat-checkbox (change)=\"change($event)\"\r\n (click)=\"onClick($event)\"\r\n (blur)=\"onBlur()\"\r\n [checked]=\"checked\"\r\n [indeterminate]=\"indeterminate\"\r\n [disabled]=\"disabled\"\r\n [(ngModel)]=\"value\"\r\n [id]=\"name\"\r\n [labelPosition]=\"labelPosition\"\r\n [ngClass]=\"{ 'indeterminate': indeterminate }\">\r\n {{ text }}\r\n </mat-checkbox>\r\n }\r\n @case ('toggle') {\r\n <mat-slide-toggle (change)=\"change($event)\"\r\n [disabled]=\"disabled\"\r\n [(ngModel)]=\"value\"\r\n [labelPosition]=\"labelPosition\">{{ text }}\r\n </mat-slide-toggle>\r\n }\r\n }\r\n</ecabs-element-wrapper>\r\n", styles: ["
|
|
1635
|
+
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n @switch (type) {\r\n @case ('checkbox') {\r\n <mat-checkbox (change)=\"change($event)\"\r\n (click)=\"onClick($event)\"\r\n (blur)=\"onBlur()\"\r\n [checked]=\"checked\"\r\n [indeterminate]=\"indeterminate\"\r\n [disabled]=\"disabled\"\r\n [(ngModel)]=\"value\"\r\n [id]=\"name\"\r\n [labelPosition]=\"labelPosition\"\r\n [ngClass]=\"{ 'indeterminate': indeterminate }\">\r\n {{ text }}\r\n </mat-checkbox>\r\n }\r\n @case ('toggle') {\r\n <mat-slide-toggle (change)=\"change($event)\"\r\n [disabled]=\"disabled\"\r\n [(ngModel)]=\"value\"\r\n [labelPosition]=\"labelPosition\">{{ text }}\r\n </mat-slide-toggle>\r\n }\r\n }\r\n</ecabs-element-wrapper>\r\n", styles: [".form-field,form-field{margin-bottom:1rem;position:relative}.form-field__label,form-field__label{font-size:12px;font-size:.75rem;display:inline-block;margin-bottom:.25rem;color:var(--color-gray-500);cursor:pointer}.form-field__label .icon,form-field__label .icon{font-size:16px;font-size:1rem;display:inline;vertical-align:middle;margin-left:.375rem}.form-field__label-note,form-field__label-note{font-size:14px;font-size:.875rem;display:inline-block;margin-bottom:.25rem;color:var(--color-gray-400);cursor:pointer}.form-field__input,form-field__input{font-size:16px;font-size:1rem;display:block;width:100%;padding:.5rem 1rem;border-radius:.25rem;border:1px solid var(--color-gray-500);color:var(--color-black);line-height:1.5}.form-field__input:focus,form-field__input:focus{border-color:var(--color-brand-dark)}.form-field__input--wrapper,form-field__input--wrapper{display:flex;position:relative;line-height:1}.form-field__input--suffix,.form-field__textarea--prefix,form-field__textarea--prefix,.form-field__input--prefix,form-field__input--prefix,form-field__input--suffix{position:absolute!important;top:50%;right:1rem;color:var(--color-gray-500);transform:translateY(-50%)}.form-field__input--suffix,.form-field__textarea--prefix,form-field__textarea--prefix,.form-field__input--prefix,form-field__input--prefix,.form-field__input--suffix i,.form-field__textarea--prefix i,form-field__textarea--prefix i,.form-field__input--prefix i,form-field__input--prefix i,.form-field__input--suffix .mat-icon,.form-field__textarea--prefix .mat-icon,form-field__textarea--prefix .mat-icon,.form-field__input--prefix .mat-icon,form-field__input--prefix .mat-icon,form-field__input--suffix,form-field__input--suffix i,form-field__input--suffix .mat-icon{font-size:18px;font-size:1.125rem;width:1.125rem;height:1.125rem}.form-field__input--prefix,form-field__input--prefix{right:unset;left:1rem}.form-field__input--disabled,form-field__input--disabled{background-color:var(--color-gray-100);border-color:transparent}.form-field__input--invalid,form-field__input--invalid{border-color:var(--color-error);color:var(--color-error)}.form-field__textarea,form-field__textarea{font-size:16px;font-size:1rem;display:block;width:100%;padding:1rem;border-radius:.25rem;border:1px solid var(--color-gray-500);color:var(--color-black);line-height:1.5}.form-field__textarea:focus,form-field__textarea:focus{border-color:var(--color-brand-dark)}.form-field__textarea--wrapper,form-field__textarea--wrapper{display:flex;position:relative;line-height:1}.form-field__textarea--suffix,form-field__textarea--suffix{position:absolute!important;top:50%;right:1rem;color:var(--color-gray-500);transform:translateY(-50%)}.form-field__textarea--suffix,.form-field__textarea--suffix i,.form-field__textarea--suffix .mat-icon,form-field__textarea--suffix,form-field__textarea--suffix i,form-field__textarea--suffix .mat-icon{font-size:18px;font-size:1.125rem;width:1.125rem;height:1.125rem}.form-field__textarea--prefix,form-field__textarea--prefix{right:unset;left:1rem}.form-field__textarea--disabled,form-field__textarea--disabled{background-color:var(--color-gray-100);border-color:transparent}.form-field--invalid,.form-field--invalid .form-field__input,.form-field--invalid .form-field__textarea,form-field--invalid,form-field--invalid .form-field__input,form-field--invalid .form-field__textarea{color:var(--color-error);border-color:var(--color-error)}.form-field__validation,form-field__validation{padding-top:.5rem;font-size:12px;font-size:.75rem;color:var(--color-error)}.form-field__validation--item,form-field__validation--item{padding-bottom:.6rem}.form-field__validation--item:last-of-type,form-field__validation--item:last-of-type{padding-bottom:0}.form-field__subscript--wrapper,form-field__subscript--wrapper{margin-top:1.2rem}.form-field.disabled input,.form-field.disabled textarea,form-field.disabled input,form-field.disabled textarea{background-color:var(--color-white-opacity-05);border-color:var(--color-gray-300)}.form-field .spinner,form-field .spinner{position:absolute;right:.25rem;top:1.85rem}.form-field .hint,form-field .hint{font-size:10px;text-align:right;margin-right:1.0625rem;transform:translateY(-1rem);margin-bottom:-1rem}.form .mat-mdc-form-field-appearance-standard .mat-mdc-form-field-flex,form .mat-mdc-form-field-appearance-standard .mat-mdc-form-field-flex{padding-top:0}.form .mat-mdc-form-field-infix,form .mat-mdc-form-field-infix{border-top:0}.form .mat-mdc-form-field .mat-mdc-form-field-flex,form .mat-mdc-form-field .mat-mdc-form-field-flex{padding-top:0}.mat-mdc-form-field-type-mat-date-range-input .mat-mdc-form-field-infix{width:auto}.mat-mdc-text-field-wrapper{padding-bottom:0}:host::ng-deep .form-field{display:flex;margin:0}:host::ng-deep .mat-mdc-slide-toggle .mdc-label{font-size:14px;font-size:.875rem}:host::ng-deep .mat-mdc-slide-toggle{margin-right:.96rem}\n"] }]
|
|
1636
1636
|
}], ctorParameters: () => [{ type: i0.Injector }, { type: i0.DestroyRef }], propDecorators: { matCheckbox: [{
|
|
1637
1637
|
type: ViewChild,
|
|
1638
1638
|
args: [MatCheckbox, { static: false }]
|
|
@@ -1799,8 +1799,8 @@ class EcabsSelectV2Component extends EcabsElementBaseComponent {
|
|
|
1799
1799
|
return item?.value;
|
|
1800
1800
|
};
|
|
1801
1801
|
}
|
|
1802
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1803
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
1802
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsSelectV2Component, deps: [{ token: i0.Injector }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1803
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: EcabsSelectV2Component, isStandalone: false, selector: "ecabs-select-v2", inputs: { appearance: "appearance", appendTo: "appendTo", items: "items", bindLabel: "bindLabel", bindValue: "bindValue", editableSearchTerm: "editableSearchTerm", searchable: "searchable", clearable: "clearable", multiple: "multiple", notFoundText: "notFoundText", hideSelected: "hideSelected", clearOnBackspace: "clearOnBackspace", clearSearchOnAdd: "clearSearchOnAdd", trackByFn: "trackByFn", minLength: "minLength", searchPlaceholder: "searchPlaceholder", typeahead: "typeahead", closeOnSelect: "closeOnSelect", clearAllText: "clearAllText", selectAllLabel: "selectAllLabel", otherLabel: "otherLabel", othersLabel: "othersLabel" }, outputs: { selectionChange: "selectionChange" }, providers: [
|
|
1804
1804
|
{
|
|
1805
1805
|
provide: NG_VALUE_ACCESSOR,
|
|
1806
1806
|
multi: true,
|
|
@@ -1808,7 +1808,7 @@ class EcabsSelectV2Component extends EcabsElementBaseComponent {
|
|
|
1808
1808
|
},
|
|
1809
1809
|
], viewQueries: [{ propertyName: "ngSelect", first: true, predicate: NgSelectComponent, descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <ng-select class=\"form-field__select\"\r\n [appearance]=\"appearance\"\r\n [labelForId]=\"name\"\r\n [appendTo]=\"appendTo\"\r\n [bindLabel]=\"bindLabel || null\"\r\n [bindValue]=\"bindValue || null\"\r\n [searchable]=\"searchable\"\r\n [clearable]=\"clearable\"\r\n [clearSearchOnAdd]=\"clearSearchOnAdd\"\r\n [groupBy]=\"groupByKey\"\r\n [selectableGroup]=\"true\"\r\n [selectableGroupAsModel]=\"false\"\r\n [items]=\"itemsList\"\r\n [multiple]=\"multiple\"\r\n [(ngModel)]=\"value\"\r\n [placeholder]=\"placeholder\"\r\n (blur)=\"onBlur()\"\r\n [hideSelected]=\"hideSelected\"\r\n [trackByFn]=\"trackByFn\"\r\n [minTermLength]=\"minLength\"\r\n [typeToSearchText]=\"searchPlaceholder\"\r\n [typeahead]=\"typeahead\"\r\n [loading]=\"loading\"\r\n [closeOnSelect]=\"closeOnSelect\"\r\n [clearOnBackspace]=\"clearOnBackspace\"\r\n [editableSearchTerm]=\"editableSearchTerm\"\r\n (open)=\"this.isOpen = true\"\r\n (close)=\"this.isOpen = false\"\r\n (change)=\"changed($event)\"\r\n [notFoundText]=\"notFoundText\"\r\n [clearAllText]=\"clearAllText\"\r\n [readonly]=\"this.disabled\">\r\n\r\n @if (!typeahead) {\r\n @for (item of itemsList; track item) {\r\n <ng-option [value]=\"item?.value\">\r\n {{ item?.label }}\r\n </ng-option>\r\n }\r\n }\r\n\r\n <ng-template ng-loadingspinner-tmp>\r\n <ecabs-loading-spinner size=\"tiny\"></ecabs-loading-spinner>\r\n </ng-template>\r\n\r\n @if (!!bindValue && !!bindLabel) {\r\n <ng-template ng-multi-label-tmp let-items=\"items\">\r\n <!--#Custom display of first selected item and (+1 more) pattern -->\r\n @if (!isOpen) {\r\n @for (item of items | slice:0:1; track item) {\r\n <div>\r\n {{ item?.['label'] }} @if (items.length > 1) {\r\n <span>\r\n (+{{ items.length - 1 }}\r\n {{ (items?.length === 2 ? otherLabel : othersLabel) }})\r\n </span>\r\n }\r\n </div>\r\n }\r\n }\r\n </ng-template>\r\n }\r\n\r\n @if (multiple) {\r\n <!--#Add selectAll and individual checkboxes for multiple-enabled list -->\r\n <ng-template ng-optgroup-tmp let-item$=\"item$\" let-index=\"index\">\r\n <ecabs-checkbox [ngModel]=\"item$.selected\"\r\n [name]=\"index\"\r\n [text]=\"selectAllLabel\">\r\n </ecabs-checkbox>\r\n </ng-template>\r\n <ng-template ng-option-tmp let-item$=\"item$\" let-index=\"index\">\r\n <ecabs-checkbox [ngModel]=\"item$.selected\"\r\n [name]=\"index\"\r\n [text]=\"item$?.['label']\">\r\n </ecabs-checkbox>\r\n </ng-template>\r\n }\r\n </ng-select>\r\n</ecabs-element-wrapper>\r\n", styles: [""], dependencies: [{ kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$1.NgSelectComponent, selector: "ng-select", inputs: ["ariaLabelDropdown", "bindLabel", "bindValue", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "tabFocusOnClearButton", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick", "keyDownFn"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "component", type: i3$1.NgOptionComponent, selector: "ng-option", inputs: ["value", "disabled"] }, { kind: "directive", type: i3$1.NgOptgroupTemplateDirective, selector: "[ng-optgroup-tmp]" }, { kind: "directive", type: i3$1.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i3$1.NgMultiLabelTemplateDirective, selector: "[ng-multi-label-tmp]" }, { kind: "directive", type: i3$1.NgLoadingSpinnerTemplateDirective, selector: "[ng-loadingspinner-tmp]" }, { kind: "component", type: EcabsSpinnerComponent, selector: "ecabs-loading-spinner", inputs: ["size"] }, { kind: "component", type: EcabsCheckboxToggleComponent, selector: "ecabs-checkbox", inputs: ["type", "text", "label", "labelPosition", "indeterminate", "checked"], outputs: ["click", "changed"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }] });
|
|
1810
1810
|
}
|
|
1811
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1811
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsSelectV2Component, decorators: [{
|
|
1812
1812
|
type: Component,
|
|
1813
1813
|
args: [{ selector: 'ecabs-select-v2', providers: [
|
|
1814
1814
|
{
|
|
@@ -1869,19 +1869,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
1869
1869
|
}] } });
|
|
1870
1870
|
|
|
1871
1871
|
class EcabsCheckboxToggleModule {
|
|
1872
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1873
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
1872
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsCheckboxToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1873
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsCheckboxToggleModule, declarations: [EcabsCheckboxToggleComponent], imports: [CommonModule,
|
|
1874
1874
|
ElementWrapperModule,
|
|
1875
1875
|
MatCheckboxModule,
|
|
1876
1876
|
MatSlideToggleModule,
|
|
1877
1877
|
FormsModule], exports: [EcabsCheckboxToggleComponent] });
|
|
1878
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
1878
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsCheckboxToggleModule, imports: [CommonModule,
|
|
1879
1879
|
ElementWrapperModule,
|
|
1880
1880
|
MatCheckboxModule,
|
|
1881
1881
|
MatSlideToggleModule,
|
|
1882
1882
|
FormsModule] });
|
|
1883
1883
|
}
|
|
1884
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1884
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsCheckboxToggleModule, decorators: [{
|
|
1885
1885
|
type: NgModule,
|
|
1886
1886
|
args: [{
|
|
1887
1887
|
declarations: [EcabsCheckboxToggleComponent],
|
|
@@ -1897,8 +1897,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
1897
1897
|
}] });
|
|
1898
1898
|
|
|
1899
1899
|
class EcabsSelectV2Module {
|
|
1900
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1901
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
1900
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsSelectV2Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1901
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsSelectV2Module, declarations: [EcabsSelectV2Component], imports: [CommonModule,
|
|
1902
1902
|
ElementWrapperModule,
|
|
1903
1903
|
MatSelectModule,
|
|
1904
1904
|
FormsModule,
|
|
@@ -1907,7 +1907,7 @@ class EcabsSelectV2Module {
|
|
|
1907
1907
|
EcabsLoadingModule,
|
|
1908
1908
|
EcabsCheckboxToggleModule,
|
|
1909
1909
|
MatCheckboxModule], exports: [EcabsSelectV2Component] });
|
|
1910
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
1910
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsSelectV2Module, imports: [CommonModule,
|
|
1911
1911
|
ElementWrapperModule,
|
|
1912
1912
|
MatSelectModule,
|
|
1913
1913
|
FormsModule,
|
|
@@ -1917,7 +1917,7 @@ class EcabsSelectV2Module {
|
|
|
1917
1917
|
EcabsCheckboxToggleModule,
|
|
1918
1918
|
MatCheckboxModule] });
|
|
1919
1919
|
}
|
|
1920
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1920
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsSelectV2Module, decorators: [{
|
|
1921
1921
|
type: NgModule,
|
|
1922
1922
|
args: [{
|
|
1923
1923
|
declarations: [EcabsSelectV2Component],
|
|
@@ -1972,8 +1972,8 @@ class EcabsTextareaComponent extends EcabsElementBaseComponent {
|
|
|
1972
1972
|
registerOnTouched(fn) {
|
|
1973
1973
|
this.onTouch = fn;
|
|
1974
1974
|
}
|
|
1975
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1976
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
1975
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsTextareaComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
|
1976
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: EcabsTextareaComponent, isStandalone: false, selector: "ecabs-textarea", inputs: { rows: "rows" }, providers: [
|
|
1977
1977
|
{
|
|
1978
1978
|
provide: NG_VALUE_ACCESSOR,
|
|
1979
1979
|
useExisting: EcabsTextareaComponent,
|
|
@@ -1981,7 +1981,7 @@ class EcabsTextareaComponent extends EcabsElementBaseComponent {
|
|
|
1981
1981
|
},
|
|
1982
1982
|
], viewQueries: [{ propertyName: "matCustomInput", first: true, predicate: ["matCustomInput"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <textarea #matCustomInput\r\n class=\"form-field__textarea\"\r\n [id]=\"name\"\r\n [(ngModel)]=\"value\"\r\n [placeholder]=\"placeholder\"\r\n (blur)=\"onTouch()\"\r\n [disabled]=\"disabled\"\r\n [maxlength]=\"maxLength\"\r\n [rows]=\"rows\"\r\n >\r\n </textarea>\r\n</ecabs-element-wrapper>\r\n", dependencies: [{ kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
1983
1983
|
}
|
|
1984
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1984
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsTextareaComponent, decorators: [{
|
|
1985
1985
|
type: Component,
|
|
1986
1986
|
args: [{ selector: 'ecabs-textarea', providers: [
|
|
1987
1987
|
{
|
|
@@ -1998,11 +1998,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
1998
1998
|
}] } });
|
|
1999
1999
|
|
|
2000
2000
|
class EcabsTextAreaModule {
|
|
2001
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2002
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
2003
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
2001
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsTextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2002
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsTextAreaModule, declarations: [EcabsTextareaComponent], imports: [CommonModule, ElementWrapperModule, FormsModule], exports: [EcabsTextareaComponent] });
|
|
2003
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsTextAreaModule, imports: [CommonModule, ElementWrapperModule, FormsModule] });
|
|
2004
2004
|
}
|
|
2005
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2005
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsTextAreaModule, decorators: [{
|
|
2006
2006
|
type: NgModule,
|
|
2007
2007
|
args: [{
|
|
2008
2008
|
declarations: [EcabsTextareaComponent],
|
|
@@ -2026,10 +2026,10 @@ class UnsubscribeService {
|
|
|
2026
2026
|
this.unsubscribe$?.complete();
|
|
2027
2027
|
this.issued = false;
|
|
2028
2028
|
}
|
|
2029
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2030
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
2029
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: UnsubscribeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2030
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: UnsubscribeService });
|
|
2031
2031
|
}
|
|
2032
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2032
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: UnsubscribeService, decorators: [{
|
|
2033
2033
|
type: Injectable
|
|
2034
2034
|
}] });
|
|
2035
2035
|
|
|
@@ -2060,10 +2060,10 @@ class EcabsDatePickerHeaderService {
|
|
|
2060
2060
|
...configUpdate,
|
|
2061
2061
|
});
|
|
2062
2062
|
}
|
|
2063
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2064
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
2063
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDatePickerHeaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2064
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDatePickerHeaderService, providedIn: 'root' });
|
|
2065
2065
|
}
|
|
2066
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2066
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDatePickerHeaderService, decorators: [{
|
|
2067
2067
|
type: Injectable,
|
|
2068
2068
|
args: [{
|
|
2069
2069
|
providedIn: 'root',
|
|
@@ -2123,12 +2123,12 @@ class EcabsPickerHeaderComponent {
|
|
|
2123
2123
|
this.calendar.currentView =
|
|
2124
2124
|
this.calendar.currentView === 'month' ? 'multi-year' : 'month';
|
|
2125
2125
|
}
|
|
2126
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2127
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
2126
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsPickerHeaderComponent, deps: [{ token: i5$1.MatCalendar }, { token: i2$2.DateAdapter }, { token: i0.ChangeDetectorRef }, { token: EcabsDatePickerHeaderService }, { token: UnsubscribeService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2127
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: EcabsPickerHeaderComponent, isStandalone: false, selector: "ecabs-picker-header", providers: [UnsubscribeService], ngImport: i0, template: "<div class=\"header\">\r\n <button mat-icon-button (click)=\"previousClicked()\">\r\n <mat-icon>keyboard_arrow_left</mat-icon>\r\n </button>\r\n <button mat-flat-button (click)=\"currentPeriodClicked()\">\r\n <span >{{ periodLabel }}</span>\r\n </button>\r\n\r\n <button mat-icon-button (click)=\"nextClicked()\">\r\n <mat-icon>keyboard_arrow_right</mat-icon>\r\n </button>\r\n</div>\r\n", styles: [".header{display:flex;align-items:center;justify-content:space-between;padding:1rem}.select-date-label{color:var(--color-brand-dark)}button{background-color:inherit}\n"], dependencies: [{ kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2128
2128
|
}
|
|
2129
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2129
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsPickerHeaderComponent, decorators: [{
|
|
2130
2130
|
type: Component,
|
|
2131
|
-
args: [{ selector: 'ecabs-picker-header', changeDetection: ChangeDetectionStrategy.OnPush, providers: [UnsubscribeService], standalone: false, template: "<div class=\"header\">\r\n <button mat-icon-button (click)=\"previousClicked()\">\r\n <mat-icon>keyboard_arrow_left</mat-icon>\r\n </button>\r\n <button mat-flat-button (click)=\"currentPeriodClicked()\">\r\n <span >{{ periodLabel }}</span>\r\n </button>\r\n\r\n <button mat-icon-button (click)=\"nextClicked()\">\r\n <mat-icon>keyboard_arrow_right</mat-icon>\r\n </button>\r\n</div>\r\n", styles: ["
|
|
2131
|
+
args: [{ selector: 'ecabs-picker-header', changeDetection: ChangeDetectionStrategy.OnPush, providers: [UnsubscribeService], standalone: false, template: "<div class=\"header\">\r\n <button mat-icon-button (click)=\"previousClicked()\">\r\n <mat-icon>keyboard_arrow_left</mat-icon>\r\n </button>\r\n <button mat-flat-button (click)=\"currentPeriodClicked()\">\r\n <span >{{ periodLabel }}</span>\r\n </button>\r\n\r\n <button mat-icon-button (click)=\"nextClicked()\">\r\n <mat-icon>keyboard_arrow_right</mat-icon>\r\n </button>\r\n</div>\r\n", styles: [".header{display:flex;align-items:center;justify-content:space-between;padding:1rem}.select-date-label{color:var(--color-brand-dark)}button{background-color:inherit}\n"] }]
|
|
2132
2132
|
}], ctorParameters: () => [{ type: i5$1.MatCalendar }, { type: i2$2.DateAdapter }, { type: i0.ChangeDetectorRef }, { type: EcabsDatePickerHeaderService }, { type: UnsubscribeService }] });
|
|
2133
2133
|
|
|
2134
2134
|
class EcabsDatePickerHeaderComponent {
|
|
@@ -2137,10 +2137,10 @@ class EcabsDatePickerHeaderComponent {
|
|
|
2137
2137
|
constructor(ecabsDatePickerHeaderService) {
|
|
2138
2138
|
this.ecabsDatePickerHeaderService = ecabsDatePickerHeaderService;
|
|
2139
2139
|
}
|
|
2140
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2141
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
2140
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDatePickerHeaderComponent, deps: [{ token: EcabsDatePickerHeaderService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2141
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: EcabsDatePickerHeaderComponent, isStandalone: false, selector: "ecabs-date-picker-header", inputs: { selectDateLabel: "selectDateLabel" }, ngImport: i0, template: "<div class=\"select-date-label text-xl font-semibold\">\r\n {{ selectDateLabel ?? (ecabsDatePickerHeaderService.getConfig() | async)?.selectDateLabel}}\r\n</div>\r\n<ecabs-picker-header></ecabs-picker-header>\r\n", styles: [""], dependencies: [{ kind: "component", type: EcabsPickerHeaderComponent, selector: "ecabs-picker-header" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2142
2142
|
}
|
|
2143
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2143
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDatePickerHeaderComponent, decorators: [{
|
|
2144
2144
|
type: Component,
|
|
2145
2145
|
args: [{ selector: 'ecabs-date-picker-header', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"select-date-label text-xl font-semibold\">\r\n {{ selectDateLabel ?? (ecabsDatePickerHeaderService.getConfig() | async)?.selectDateLabel}}\r\n</div>\r\n<ecabs-picker-header></ecabs-picker-header>\r\n" }]
|
|
2146
2146
|
}], ctorParameters: () => [{ type: EcabsDatePickerHeaderService }], propDecorators: { selectDateLabel: [{
|
|
@@ -2153,12 +2153,12 @@ class EcabsDatePickerActionsComponent {
|
|
|
2153
2153
|
isDateRange = false;
|
|
2154
2154
|
disabledApplyButton = false;
|
|
2155
2155
|
apply = new EventEmitter();
|
|
2156
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2157
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
2156
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDatePickerActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2157
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: EcabsDatePickerActionsComponent, isStandalone: false, selector: "ecabs-date-picker-actions", inputs: { cancelLabel: "cancelLabel", applyLabel: "applyLabel", isDateRange: "isDateRange", disabledApplyButton: "disabledApplyButton" }, outputs: { apply: "apply" }, ngImport: i0, template: "<div class=\"grid grid-cols-2 gap-4\">\r\n @if (!isDateRange) {\r\n <ecabs-buttons color=\"primary\"\r\n [style]=\"'stroked'\"\r\n matDatepickerCancel>\r\n {{ cancelLabel }}\r\n </ecabs-buttons>\r\n <ecabs-buttons color=\"primary\"\r\n matDatepickerApply\r\n [disabled]=\"disabledApplyButton\"\r\n (click)=\"apply.emit()\"\r\n (keydown.enter)=\"apply.emit()\">\r\n {{ applyLabel }}\r\n </ecabs-buttons>\r\n }\r\n @if (isDateRange) {\r\n <ecabs-buttons color=\"primary\"\r\n [style]=\"'stroked'\"\r\n matDateRangePickerCancel>\r\n {{ cancelLabel }}\r\n </ecabs-buttons>\r\n <ecabs-buttons color=\"primary\"\r\n matDateRangePickerApply\r\n [disabled]=\"disabledApplyButton\"\r\n (click)=\"apply.emit()\"\r\n (keydown.enter)=\"apply.emit()\">\r\n {{ applyLabel }}\r\n </ecabs-buttons>\r\n }\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: ButtonsComponent, selector: "ecabs-buttons", inputs: ["disabled", "loading", "size", "type", "style", "full", "color"] }, { kind: "directive", type: i5$1.MatDatepickerCancel, selector: "[matDatepickerCancel], [matDateRangePickerCancel]" }, { kind: "directive", type: i5$1.MatDatepickerApply, selector: "[matDatepickerApply], [matDateRangePickerApply]" }] });
|
|
2158
2158
|
}
|
|
2159
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2159
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDatePickerActionsComponent, decorators: [{
|
|
2160
2160
|
type: Component,
|
|
2161
|
-
args: [{ selector: 'ecabs-date-picker-actions', standalone: false, template: "<div class=\"grid grid-cols-2 gap-4\">\n @if (!isDateRange) {\n <ecabs-buttons color=\"primary\"\n [style]=\"'stroked'\"\n matDatepickerCancel>\n {{ cancelLabel }}\n </ecabs-buttons>\n <ecabs-buttons color=\"primary\"\n matDatepickerApply\n [disabled]=\"disabledApplyButton\"\n (click)=\"apply.emit()\"\n (keydown.enter)=\"apply.emit()\">\n {{ applyLabel }}\n </ecabs-buttons>\n }\n @if (isDateRange) {\n <ecabs-buttons color=\"primary\"\n [style]=\"'stroked'\"\n matDateRangePickerCancel>\n {{ cancelLabel }}\n </ecabs-buttons>\n <ecabs-buttons color=\"primary\"\n matDateRangePickerApply\n [disabled]=\"disabledApplyButton\"\n (click)=\"apply.emit()\"\n (keydown.enter)=\"apply.emit()\">\n {{ applyLabel }}\n </ecabs-buttons>\n }\n</div>\n" }]
|
|
2161
|
+
args: [{ selector: 'ecabs-date-picker-actions', standalone: false, template: "<div class=\"grid grid-cols-2 gap-4\">\r\n @if (!isDateRange) {\r\n <ecabs-buttons color=\"primary\"\r\n [style]=\"'stroked'\"\r\n matDatepickerCancel>\r\n {{ cancelLabel }}\r\n </ecabs-buttons>\r\n <ecabs-buttons color=\"primary\"\r\n matDatepickerApply\r\n [disabled]=\"disabledApplyButton\"\r\n (click)=\"apply.emit()\"\r\n (keydown.enter)=\"apply.emit()\">\r\n {{ applyLabel }}\r\n </ecabs-buttons>\r\n }\r\n @if (isDateRange) {\r\n <ecabs-buttons color=\"primary\"\r\n [style]=\"'stroked'\"\r\n matDateRangePickerCancel>\r\n {{ cancelLabel }}\r\n </ecabs-buttons>\r\n <ecabs-buttons color=\"primary\"\r\n matDateRangePickerApply\r\n [disabled]=\"disabledApplyButton\"\r\n (click)=\"apply.emit()\"\r\n (keydown.enter)=\"apply.emit()\">\r\n {{ applyLabel }}\r\n </ecabs-buttons>\r\n }\r\n</div>\r\n" }]
|
|
2162
2162
|
}], propDecorators: { cancelLabel: [{
|
|
2163
2163
|
type: Input
|
|
2164
2164
|
}], applyLabel: [{
|
|
@@ -2276,8 +2276,8 @@ class EcabsDatePickerComponent extends EcabsElementBaseComponent {
|
|
|
2276
2276
|
}
|
|
2277
2277
|
return result;
|
|
2278
2278
|
};
|
|
2279
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2280
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
2279
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDatePickerComponent, deps: [{ token: i0.Injector }, { token: EcabsDatePickerHeaderService }, { token: UnsubscribeService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2280
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: EcabsDatePickerComponent, isStandalone: false, selector: "ecabs-date-picker", inputs: { minDate: "minDate", maxDate: "maxDate", touchUi: "touchUi", cancelLabel: "cancelLabel", applyLabel: "applyLabel", excludeHolidays: "excludeHolidays", excludeWeekends: "excludeWeekends", specificDates: "specificDates", holidayOptions: "holidayOptions" }, outputs: { onblur: "onblur" }, providers: [
|
|
2281
2281
|
{
|
|
2282
2282
|
provide: NG_VALUE_ACCESSOR,
|
|
2283
2283
|
useExisting: EcabsDatePickerComponent,
|
|
@@ -2286,7 +2286,7 @@ class EcabsDatePickerComponent extends EcabsElementBaseComponent {
|
|
|
2286
2286
|
UnsubscribeService,
|
|
2287
2287
|
], viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["picker"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <div class=\"form-field__input--wrapper\">\r\n <input\r\n class=\"form-field__input date-input\"\r\n [id]=\"name\"\r\n [(ngModel)]=\"value\"\r\n [placeholder]=\"placeholder\"\r\n [disabled]=\"disabled\"\r\n [matDatepicker]=\"picker\"\r\n [min]=\"minDate\"\r\n [max]=\"maxDate\"\r\n [matDatepickerFilter]=\"filterDateRange\"\r\n (blur)=\"onTouch()\"\r\n />\r\n <mat-datepicker-toggle\r\n matSuffix [for]=\"picker\"\r\n class=\"text-gray-500\"\r\n >\r\n <mat-icon matDatepickerToggleIcon>calendar_today</mat-icon>\r\n </mat-datepicker-toggle>\r\n <mat-datepicker #picker\r\n [calendarHeaderComponent]=\"header\"\r\n [touchUi]=\"touchUi\"\r\n >\r\n <mat-datepicker-actions>\r\n <ecabs-date-picker-actions\r\n [applyLabel]=\"applyLabel ?? translationConfig?.applyLabel\"\r\n [cancelLabel]=\"cancelLabel ?? translationConfig?.cancelLabel\"\r\n [disabledApplyButton]=\"disabledApplyButton\"\r\n >\r\n </ecabs-date-picker-actions>\r\n </mat-datepicker-actions>\r\n </mat-datepicker>\r\n </div>\r\n</ecabs-element-wrapper>\r\n", styles: [""], dependencies: [{ kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5$1.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i5$1.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i5$1.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i5$1.MatDatepickerToggleIcon, selector: "[matDatepickerToggleIcon]" }, { kind: "component", type: i5$1.MatDatepickerActions, selector: "mat-datepicker-actions, mat-date-range-picker-actions" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: EcabsDatePickerActionsComponent, selector: "ecabs-date-picker-actions", inputs: ["cancelLabel", "applyLabel", "isDateRange", "disabledApplyButton"], outputs: ["apply"] }] });
|
|
2288
2288
|
}
|
|
2289
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2289
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDatePickerComponent, decorators: [{
|
|
2290
2290
|
type: Component,
|
|
2291
2291
|
args: [{ selector: 'ecabs-date-picker', providers: [
|
|
2292
2292
|
{
|
|
@@ -2327,10 +2327,10 @@ class EcabsDateTimePickerHeaderComponent {
|
|
|
2327
2327
|
constructor(ecabsDatePickerHeaderService) {
|
|
2328
2328
|
this.ecabsDatePickerHeaderService = ecabsDatePickerHeaderService;
|
|
2329
2329
|
}
|
|
2330
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2331
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
2330
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDateTimePickerHeaderComponent, deps: [{ token: EcabsDatePickerHeaderService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2331
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: EcabsDateTimePickerHeaderComponent, isStandalone: false, selector: "ecabs-time-date-picker-header", inputs: { headerLabel: "headerLabel" }, ngImport: i0, template: "<div class=\"select-date-label text-xl font-semibold\">\r\n {{ headerLabel ?? (ecabsDatePickerHeaderService.getConfig() | async)?.selectDateTimeLabel }}\r\n</div>\r\n<ecabs-picker-header></ecabs-picker-header>\r\n", styles: [".select-date-label{color:var(--color-brand-dark);padding-top:1.6rem;padding-left:1.6rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-semibold{font-weight:600}\n"], dependencies: [{ kind: "component", type: EcabsPickerHeaderComponent, selector: "ecabs-picker-header" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2332
2332
|
}
|
|
2333
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2333
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDateTimePickerHeaderComponent, decorators: [{
|
|
2334
2334
|
type: Component,
|
|
2335
2335
|
args: [{ selector: 'ecabs-time-date-picker-header', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"select-date-label text-xl font-semibold\">\r\n {{ headerLabel ?? (ecabsDatePickerHeaderService.getConfig() | async)?.selectDateTimeLabel }}\r\n</div>\r\n<ecabs-picker-header></ecabs-picker-header>\r\n", styles: [".select-date-label{color:var(--color-brand-dark);padding-top:1.6rem;padding-left:1.6rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-semibold{font-weight:600}\n"] }]
|
|
2336
2336
|
}], ctorParameters: () => [{ type: EcabsDatePickerHeaderService }], propDecorators: { headerLabel: [{
|
|
@@ -2377,10 +2377,10 @@ class EcabsNumberBorderDirective {
|
|
|
2377
2377
|
}
|
|
2378
2378
|
return result;
|
|
2379
2379
|
}
|
|
2380
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2381
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
2380
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsNumberBorderDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2381
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: EcabsNumberBorderDirective, isStandalone: false, selector: "[ecabsNumberBorder]", inputs: { maxValue: "maxValue", minValue: "minValue" }, host: { listeners: { "keyup": "onKeyUp($event)" } }, ngImport: i0 });
|
|
2382
2382
|
}
|
|
2383
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2383
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsNumberBorderDirective, decorators: [{
|
|
2384
2384
|
type: Directive,
|
|
2385
2385
|
args: [{
|
|
2386
2386
|
selector: '[ecabsNumberBorder]',
|
|
@@ -2554,10 +2554,10 @@ class EcabsMaskDateDirective {
|
|
|
2554
2554
|
// Check if the string contains any digit between 0 and 9
|
|
2555
2555
|
return /\d/.test(value);
|
|
2556
2556
|
}
|
|
2557
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2558
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
2557
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsMaskDateDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2558
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: EcabsMaskDateDirective, isStandalone: false, selector: "[ecabsMaskDate]", inputs: { isDateTimeMask: "isDateTimeMask", considerSeconds: "considerSeconds" }, host: { listeners: { "ngModelChange": "onNgModelChange($event)" } }, ngImport: i0 });
|
|
2559
2559
|
}
|
|
2560
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2560
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsMaskDateDirective, decorators: [{
|
|
2561
2561
|
type: Directive,
|
|
2562
2562
|
args: [{
|
|
2563
2563
|
selector: '[ecabsMaskDate]',
|
|
@@ -2756,8 +2756,8 @@ class EcabsDateTimePickerComponent extends EcabsElementBaseComponent {
|
|
|
2756
2756
|
this.seconds = dateToUse.getSeconds().toString();
|
|
2757
2757
|
}
|
|
2758
2758
|
}
|
|
2759
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2760
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
2759
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDateTimePickerComponent, deps: [{ token: i0.Injector }, { token: i1.DecimalPipe }, { token: i0.ChangeDetectorRef }, { token: EcabsDatePickerHeaderService }, { token: UnsubscribeService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2760
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: EcabsDateTimePickerComponent, isStandalone: false, selector: "ecabs-date-time-picker", inputs: { minDate: "minDate", maxDate: "maxDate", touchUi: "touchUi", hideSeconds: "hideSeconds", cancelLabel: "cancelLabel", applyLabel: "applyLabel", applyMinDateAuto: "applyMinDateAuto", preserveOriginalValue: "preserveOriginalValue" }, providers: [
|
|
2761
2761
|
{
|
|
2762
2762
|
provide: NG_VALUE_ACCESSOR,
|
|
2763
2763
|
useExisting: forwardRef(() => EcabsDateTimePickerComponent),
|
|
@@ -2767,7 +2767,7 @@ class EcabsDateTimePickerComponent extends EcabsElementBaseComponent {
|
|
|
2767
2767
|
UnsubscribeService,
|
|
2768
2768
|
], viewQueries: [{ propertyName: "matCustomInput", first: true, predicate: ["matCustomInput"], descendants: true }, { propertyName: "matCustomPicker", first: true, predicate: ["picker"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <div class=\"form-field__input--wrapper w-full\">\r\n <input\r\n class=\"fake-input\"\r\n [id]=\"_date\"\r\n [(ngModel)]=\"_date\"\r\n [placeholder]=\"placeholder\"\r\n [disabled]=\"disabled\"\r\n [matDatepicker]=\"picker\"\r\n [min]=\"minDate\"\r\n [max]=\"maxDate\"\r\n (blur)=\"onTouch()\"\r\n />\r\n <mat-datepicker #picker [calendarHeaderComponent]=\"header\" [touchUi]=\"touchUi\" class=\"datepicker-ui\">\r\n <mat-datepicker-actions>\r\n <div class=\"actions\">\r\n <div class=\"time--inputs\">\r\n <input\r\n class=\"form-field__input time\"\r\n ecabsDigitsOnly\r\n ecabsNumberBorder\r\n [digitsOnly]=\"true\"\r\n [id]=\"hours\"\r\n [value]=\"_hours\"\r\n [maxValue]=\"maxValueHours\"\r\n [(ngModel)]=\"hours\"\r\n />\r\n <span class=\"font-bold\">:</span>\r\n <input\r\n class=\"form-field__input time\"\r\n [id]=\"minutes\"\r\n [(ngModel)]=\"minutes\"\r\n ecabsDigitsOnly\r\n ecabsNumberBorder\r\n [digitsOnly]=\"true\"\r\n [maxValue]=\"maxValueMinutesSeconds\"\r\n />\r\n\r\n @if (!hideSeconds) {\r\n <span class=\"font-bold\">:</span>\r\n <input\r\n class=\"form-field__input time\"\r\n [id]=\"seconds\"\r\n [(ngModel)]=\"seconds\"\r\n ecabsDigitsOnly\r\n ecabsNumberBorder\r\n [digitsOnly]=\"true\"\r\n [maxValue]=\"maxValueMinutesSeconds\"\r\n />\r\n }\r\n </div>\r\n\r\n <ecabs-date-picker-actions [applyLabel]=\"applyLabel ?? translationConfig?.applyLabel\"\r\n [cancelLabel]=\"cancelLabel ?? translationConfig?.cancelLabel\"\r\n (apply)=\"onApply()\">\r\n </ecabs-date-picker-actions>\r\n </div>\r\n </mat-datepicker-actions>\r\n </mat-datepicker>\r\n <input #matCustomInput\r\n class=\"form-field__input w-full date-input\"\r\n [id]=\"name\"\r\n [(ngModel)]=\"pickerValue\"\r\n [placeholder]=\"placeholder\"\r\n [disabled]=\"disabled\"\r\n ecabsMaskDate\r\n [isDateTimeMask]=\"true\"\r\n [considerSeconds]=\"!hideSeconds\"\r\n (blur)=\"onTouch()\"\r\n />\r\n\r\n <mat-datepicker-toggle matSuffix [for]=\"picker\">\r\n <mat-icon matDatepickerToggleIcon\r\n class=\"text-gray-500\">\r\n calendar_today\r\n </mat-icon>\r\n </mat-datepicker-toggle>\r\n </div>\r\n </ecabs-element-wrapper>\r\n", styles: [".time--inputs:before,.time--inputs:after{position:absolute;content:\"\"}.time{width:3.375rem}.fake-input{visibility:hidden;width:0;padding:0;margin:0}.time--inputs{position:relative;display:flex;gap:.5rem;justify-content:center;align-items:center;margin-top:2.4rem;margin-bottom:2.4rem}.time--inputs:before,.time--inputs:after{height:1px;right:0;left:0;background-color:var(--color-gray-300)}.time--inputs:before{top:-1.6rem}.time--inputs:after{bottom:-1.6rem}.font-bold{font-weight:700}.actions{display:flex;flex-direction:column;width:100%!important;row-gap:1rem}\n"], dependencies: [{ kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5$1.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i5$1.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i5$1.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i5$1.MatDatepickerToggleIcon, selector: "[matDatepickerToggleIcon]" }, { kind: "component", type: i5$1.MatDatepickerActions, selector: "mat-datepicker-actions, mat-date-range-picker-actions" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: EcabsDigitsOnlyDirective, selector: "[ecabsDigitsOnly]", inputs: ["digitsOnly", "allowHyphen", "decimal", "decimalSeparator", "unit"] }, { kind: "directive", type: EcabsNumberBorderDirective, selector: "[ecabsNumberBorder]", inputs: ["maxValue", "minValue"] }, { kind: "directive", type: EcabsMaskDateDirective, selector: "[ecabsMaskDate]", inputs: ["isDateTimeMask", "considerSeconds"] }, { kind: "component", type: EcabsDatePickerActionsComponent, selector: "ecabs-date-picker-actions", inputs: ["cancelLabel", "applyLabel", "isDateRange", "disabledApplyButton"], outputs: ["apply"] }, { kind: "directive", type: i7.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }] });
|
|
2769
2769
|
}
|
|
2770
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2770
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDateTimePickerComponent, decorators: [{
|
|
2771
2771
|
type: Component,
|
|
2772
2772
|
args: [{ selector: 'ecabs-date-time-picker', providers: [
|
|
2773
2773
|
{
|
|
@@ -2803,11 +2803,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
2803
2803
|
}] } });
|
|
2804
2804
|
|
|
2805
2805
|
class EcabsMaskDateDirectiveModule {
|
|
2806
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2807
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
2808
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
2806
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsMaskDateDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2807
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsMaskDateDirectiveModule, declarations: [EcabsMaskDateDirective], imports: [CommonModule], exports: [EcabsMaskDateDirective] });
|
|
2808
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsMaskDateDirectiveModule, imports: [CommonModule] });
|
|
2809
2809
|
}
|
|
2810
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2810
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsMaskDateDirectiveModule, decorators: [{
|
|
2811
2811
|
type: NgModule,
|
|
2812
2812
|
args: [{
|
|
2813
2813
|
imports: [CommonModule],
|
|
@@ -2817,11 +2817,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
2817
2817
|
}] });
|
|
2818
2818
|
|
|
2819
2819
|
class EcabsNumberBorderDirectiveModule {
|
|
2820
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2821
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
2822
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
2820
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsNumberBorderDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2821
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsNumberBorderDirectiveModule, declarations: [EcabsNumberBorderDirective], imports: [CommonModule], exports: [EcabsNumberBorderDirective] });
|
|
2822
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsNumberBorderDirectiveModule, imports: [CommonModule] });
|
|
2823
2823
|
}
|
|
2824
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2824
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsNumberBorderDirectiveModule, decorators: [{
|
|
2825
2825
|
type: NgModule,
|
|
2826
2826
|
args: [{
|
|
2827
2827
|
imports: [CommonModule],
|
|
@@ -2831,19 +2831,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
2831
2831
|
}] });
|
|
2832
2832
|
|
|
2833
2833
|
class EcabsPickerHeaderModule {
|
|
2834
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2835
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
2834
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsPickerHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2835
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsPickerHeaderModule, declarations: [EcabsPickerHeaderComponent], imports: [CommonModule,
|
|
2836
2836
|
ElementWrapperModule,
|
|
2837
2837
|
MatIconModule,
|
|
2838
2838
|
MatButtonModule,
|
|
2839
2839
|
MatDatepickerModule], exports: [EcabsPickerHeaderComponent] });
|
|
2840
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
2840
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsPickerHeaderModule, imports: [CommonModule,
|
|
2841
2841
|
ElementWrapperModule,
|
|
2842
2842
|
MatIconModule,
|
|
2843
2843
|
MatButtonModule,
|
|
2844
2844
|
MatDatepickerModule] });
|
|
2845
2845
|
}
|
|
2846
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2846
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsPickerHeaderModule, decorators: [{
|
|
2847
2847
|
type: NgModule,
|
|
2848
2848
|
args: [{
|
|
2849
2849
|
declarations: [EcabsPickerHeaderComponent],
|
|
@@ -2859,11 +2859,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
2859
2859
|
}] });
|
|
2860
2860
|
|
|
2861
2861
|
class EcabsDatePickerActionsModule {
|
|
2862
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2863
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
2864
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
2862
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDatePickerActionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2863
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsDatePickerActionsModule, declarations: [EcabsDatePickerActionsComponent], imports: [CommonModule, EcabsButtonsModule, MatDatepickerModule], exports: [EcabsDatePickerActionsComponent] });
|
|
2864
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDatePickerActionsModule, imports: [CommonModule, EcabsButtonsModule, MatDatepickerModule] });
|
|
2865
2865
|
}
|
|
2866
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2866
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDatePickerActionsModule, decorators: [{
|
|
2867
2867
|
type: NgModule,
|
|
2868
2868
|
args: [{
|
|
2869
2869
|
declarations: [EcabsDatePickerActionsComponent],
|
|
@@ -2873,8 +2873,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
2873
2873
|
}] });
|
|
2874
2874
|
|
|
2875
2875
|
class EcabsDatetimePickerModule {
|
|
2876
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2877
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
2876
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDatetimePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2877
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsDatetimePickerModule, declarations: [EcabsDateTimePickerComponent,
|
|
2878
2878
|
EcabsDateTimePickerHeaderComponent], imports: [CommonModule,
|
|
2879
2879
|
ElementWrapperModule,
|
|
2880
2880
|
MatIconModule,
|
|
@@ -2889,7 +2889,7 @@ class EcabsDatetimePickerModule {
|
|
|
2889
2889
|
EcabsMaskDateDirectiveModule,
|
|
2890
2890
|
EcabsDatePickerActionsModule,
|
|
2891
2891
|
MatFormFieldModule], exports: [EcabsDateTimePickerComponent, EcabsDateTimePickerHeaderComponent] });
|
|
2892
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
2892
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDatetimePickerModule, imports: [CommonModule,
|
|
2893
2893
|
ElementWrapperModule,
|
|
2894
2894
|
MatIconModule,
|
|
2895
2895
|
MatDatepickerModule,
|
|
@@ -2904,7 +2904,7 @@ class EcabsDatetimePickerModule {
|
|
|
2904
2904
|
EcabsDatePickerActionsModule,
|
|
2905
2905
|
MatFormFieldModule] });
|
|
2906
2906
|
}
|
|
2907
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2907
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDatetimePickerModule, decorators: [{
|
|
2908
2908
|
type: NgModule,
|
|
2909
2909
|
args: [{
|
|
2910
2910
|
declarations: [
|
|
@@ -2937,10 +2937,10 @@ class EcabsDateRangePickerHeaderComponent {
|
|
|
2937
2937
|
constructor(ecabsDatePickerHeaderService) {
|
|
2938
2938
|
this.ecabsDatePickerHeaderService = ecabsDatePickerHeaderService;
|
|
2939
2939
|
}
|
|
2940
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2941
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
2940
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDateRangePickerHeaderComponent, deps: [{ token: EcabsDatePickerHeaderService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2941
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: EcabsDateRangePickerHeaderComponent, isStandalone: false, selector: "ecabs-date-range-picker-header", inputs: { selectDateRangeLabel: "selectDateRangeLabel" }, ngImport: i0, template: "<div class=\"select-date-label text-xl font-semibold\">\r\n {{selectDateRangeLabel ?? (ecabsDatePickerHeaderService.getConfig() | async)?.selectDateRangeLabel}}\r\n</div>\r\n<ecabs-picker-header></ecabs-picker-header>\r\n", styles: [""], dependencies: [{ kind: "component", type: EcabsPickerHeaderComponent, selector: "ecabs-picker-header" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2942
2942
|
}
|
|
2943
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2943
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDateRangePickerHeaderComponent, decorators: [{
|
|
2944
2944
|
type: Component,
|
|
2945
2945
|
args: [{ selector: 'ecabs-date-range-picker-header', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"select-date-label text-xl font-semibold\">\r\n {{selectDateRangeLabel ?? (ecabsDatePickerHeaderService.getConfig() | async)?.selectDateRangeLabel}}\r\n</div>\r\n<ecabs-picker-header></ecabs-picker-header>\r\n" }]
|
|
2946
2946
|
}], ctorParameters: () => [{ type: EcabsDatePickerHeaderService }], propDecorators: { selectDateRangeLabel: [{
|
|
@@ -3086,8 +3086,8 @@ class EcabsDateRangePickerComponent extends EcabsElementBaseComponent {
|
|
|
3086
3086
|
dateTo: this.dateTo,
|
|
3087
3087
|
};
|
|
3088
3088
|
}
|
|
3089
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3090
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
3089
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDateRangePickerComponent, deps: [{ token: i0.Injector }, { token: EcabsDatePickerHeaderService }, { token: UnsubscribeService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3090
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: EcabsDateRangePickerComponent, isStandalone: false, selector: "ecabs-date-range-picker", inputs: { minDate: "minDate", maxDate: "maxDate", touchUi: "touchUi", cancelLabel: "cancelLabel", applyLabel: "applyLabel", startDatePlaceholder: "startDatePlaceholder", endDatePlaceholder: "endDatePlaceholder" }, outputs: { onblur: "onblur" }, providers: [
|
|
3091
3091
|
{
|
|
3092
3092
|
provide: NG_VALUE_ACCESSOR,
|
|
3093
3093
|
useExisting: EcabsDateRangePickerComponent,
|
|
@@ -3099,9 +3099,9 @@ class EcabsDateRangePickerComponent extends EcabsElementBaseComponent {
|
|
|
3099
3099
|
multi: true,
|
|
3100
3100
|
},
|
|
3101
3101
|
UnsubscribeService,
|
|
3102
|
-
], viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["picker"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <div class=\"form-field__input--wrapper\">\r\n <mat-date-range-input \r\n [rangePicker]=\"picker\" \r\n [min]=\"minDate\"\r\n [max]=\"maxDate\" \r\n (blur)=\"onTouch()\">\r\n <input matStartDate class=\"form-field__input\" [placeholder]=\"startDatePlaceholder ?? translationConfig?.startDatePlaceholder\" [value]=\"dateFrom\" [(ngModel)]=\"dateFrom\" />\r\n <input matEndDate class=\"form-field__input\" [placeholder]=\"endDatePlaceholder ?? translationConfig?.endDatePlaceholder\" [value]=\"dateTo\" [(ngModel)]=\"dateTo\" />\r\n </mat-date-range-input>\r\n <mat-datepicker-toggle matSuffix [for]=\"picker\">\r\n <mat-icon matDatepickerToggleIcon class=\"text-gray-500\">calendar_today</mat-icon>\r\n </mat-datepicker-toggle>\r\n <mat-date-range-picker #picker [calendarHeaderComponent]=\"header\" [touchUi]=\"touchUi\">\r\n <mat-datepicker-actions>\r\n <ecabs-date-picker-actions [applyLabel]=\"applyLabel ?? translationConfig?.applyLabel\"\r\n [cancelLabel]=\"cancelLabel ?? translationConfig?.cancelLabel\"\r\n [isDateRange]=\"true\"\r\n [disabledApplyButton]=\"disabledApplyButton\"\r\n (apply)=\"onApply()\">\r\n </ecabs-date-picker-actions>\r\n </mat-datepicker-actions>\r\n </mat-date-range-picker>\r\n </div>\r\n</ecabs-element-wrapper>\r\n", styles: [".header{display:flex;align-items:center;padding:.5em}.datepicker-ui__toggle.mat-mdc-icon-button.mat-mdc-button-base,.mat-mdc-icon-button.mat-mdc-button-base.mat-datepicker-toggle{padding:0;width:2.5rem;height:2.5rem;line-height:2}.header-label{flex:1;height:1em;font-weight:500;text-align:center}.select-date-label{color:var(--color-brand-dark);padding-top:1.6rem;padding-left:1.6rem}.mat-calendar-table .mat-calendar-body tr:first-child[aria-hidden=true]{display:none}.mat-calendar-body-label{visibility:hidden}.mat-calendar-body-cell-content{border-radius:.25rem!important;font-size:1rem!important}.mat-calendar-body-active .mat-calendar-body-today{color:var(--color-brand-light)!important;background-color:var(--color-brand-light2)!important}.mat-calendar{align-self:center}.mat-calendar .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:var(--color-brand-light2);color:var(--color-black)}.mat-calendar .mat-calendar-body-cell.mat-calendar-body-active .mat-calendar-body-cell-content.mat-calendar-body-selected,.mat-calendar .mat-calendar-body-cell.mat-calendar-body-active:hover .mat-calendar-body-cell-content.mat-calendar-body-selected{background-color:var(--color-brand-light)!important;color:var(--color-white)!important}.mat-calendar .mat-calendar-body-selected{background-color:var(--color-brand-light);color:var(--color-white)!important}.mat-calendar .mat-calendar-body-selected .mat-calendar-body-today{color:var(--color-white)!important}.mat-calendar .mat-calendar-table-header,.mat-calendar .mat-calendar-body-label{color:var(--color-gray-500)}.mat-calendar .mat-calendar-body-cell>.mat-calendar-body-today{opacity:1}.mat-calendar .mat-calendar-body-cell-content,.mat-calendar .mat-date-range-input-separator{color:var(--color-black)}.mat-calendar .mat-calendar-content{padding:0 1.6rem}.mat-calendar .mat-calendar-table-header th{font-size:16px;font-size:1rem}.mat-calendar .mat-calendar-table-header-divider:after{display:none}.mat-calendar .mat-calendar-body{font-size:16px;font-size:1rem}.mat-calendar .mat-calendar-body-in-range:before{background-color:var(--color-brand-light2)}.mat-calendar .mat-calendar-body-in-range .mat-calendar-body-cell-content{color:var(--color-black)!important}.mat-calendar .mat-calendar-body-range-start .mat-calendar-body-cell-content,.mat-calendar .mat-calendar-body-range-end .mat-calendar-body-cell-content{color:var(--color-white)!important}.mat-datepicker-popup .mat-datepicker-content{color:var(--color-black);box-shadow:0 0 25px #0003}.mat-datepicker-popup .mat-datepicker-actions{display:unset;margin-top:1rem;padding:0 1.6rem 1.6rem}.mat-datepicker-popup .mat-datepicker-actions .mat-button-base+.mat-button-base{margin-left:unset}.mat-datepicker-popup .mat-datepicker-actions button.mat-button-base{min-width:100%}.mat-datepicker-popup .mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:var(--color-gray-300)}.datepicker-ui__toggle,.mat-datepicker-toggle{position:absolute!important;right:0;line-height:1.25;padding:0}.datepicker-ui__toggle mat-icon,.mat-datepicker-toggle mat-icon{color:var(--color-gray-500)}ecabs-date-picker .dateTimeWrapper{position:relative;display:flex;width:100%}ecabs-date-picker .dateTimeWrapper .datePart{flex:2}ecabs-date-picker .dateTimeWrapper .timePart{flex:1;padding-left:10px;vertical-align:top;max-width:10rem}ecabs-date-picker .dateTimeWrapper .timePart ecabs-timepicker .timeInputWrapper{display:block}ecabs-date-picker .dateTimeWrapper .timePart ecabs-timepicker{width:100%}ecabs-date-picker .dateTimeWrapper .timePart ecabs-timepicker .inputWrapper{display:block}ecabs-date-picker .dateTimeWrapper .dateInputWrapper{position:relative}ecabs-date-picker .dateTimeWrapper input{min-height:42px;width:100%;display:block;box-sizing:border-box;font-size:14px;font-weight:500;padding-left:10px;border-radius:4px;border:1px solid rgb(107,109,115);outline:none;transition:all .3s ease-in-out}ecabs-date-picker .dateTimeWrapper input:disabled{border-bottom-width:1px;background-color:var(--color-white-opacity-05)}ecabs-date-picker .dateTimeWrapper input[type=date]::-webkit-calendar-picker-indicator,ecabs-date-picker .dateTimeWrapper input[type=date]::-webkit-inner-spin-button{display:none}ecabs-date-picker .dateTimeWrapper input[type=date]::-webkit-clear-button{display:none}ecabs-date-picker .dateTimeWrapper .calendar-icon{float:right;margin-top:-38px;padding:5px 10px 5px 5px;display:block;font-size:13px;line-height:20px;color:var(--color-gray-500);position:relative;width:40px;height:30px;cursor:pointer;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjQuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0OCA0OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDggNDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNkI2RDczO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTksNDRjLTAuOCwwLTEuNS0wLjMtMi4xLTAuOUM2LjMsNDIuNSw2LDQxLjgsNiw0MVYxMGMwLTAuOCwwLjMtMS41LDAuOS0yLjFTOC4yLDcsOSw3aDMuMlY0aDMuMnYzaDE3VjRoMy4ydjMKCUgzOWMwLjgsMCwxLjUsMC4zLDIuMSwwLjlDNDEuNyw4LjUsNDIsOS4yLDQyLDEwdjMxYzAsMC44LTAuMywxLjUtMC45LDIuMUM0MC41LDQzLjcsMzkuOCw0NCwzOSw0NEg5eiBNOSw0MWgzMGwwLDBsMCwwVjE5LjVIOVY0MQoJTDksNDFMOSw0MXogTTksMTYuNWgzMFYxMGwwLDBsMCwwSDlsMCwwbDAsMFYxNi41eiBNOSwxNi41VjEwbDAsMGwwLDBsMCwwbDAsMFYxNi41eiIvPgo8L3N2Zz4K);background-position:center center;background-repeat:no-repeat;background-size:1.375rem}ecabs-date-picker .dateTimeWrapper .calendar-icon.disabled{cursor:not-allowed}ecabs-date-picker .ecabs-element-wrapper.focused label{color:#376bfb}ecabs-date-picker .ecabs-element-wrapper.focused input{border-bottom-width:2px;border-bottom-color:#376bfb}ecabs-date-picker .ecabs-element-wrapper.validationError label{color:#ff4c4c}ecabs-date-picker .ecabs-element-wrapper.validationError input{border-bottom-color:#ff4c4c;border-bottom-width:2px}.ng-mydp .myDpSelector{border:0;padding:0;box-shadow:0 4px 6px #162a4c14,0 2px 16px #162a4c0f,0 8px 12px #162a4c0a;border-radius:0 0 4px 4px;background:#fff}.ng-mydp .myDpSelector:focus{box-shadow:0 4px 6px #162a4c14,0 2px 16px #162a4c0f,0 8px 12px #162a4c0a}.ng-mydp .myDpSelector .myDpWeekDayTitle{background-color:#fff;font-weight:500;font-size:11px;color:#162a4cb3}.ng-mydp .myDpSelector .myDpNextBtn{margin-left:auto;margin-right:16px}.ng-mydp .myDpSelector .myDpNextBtn .myDpIconRightArrow{line-height:26px;height:25px}.ng-mydp .myDpSelector .myDpNextBtn .myDpIconRightArrow:before{color:#376bfb;font-size:13px}.ng-mydp .myDpSelector .myDpPrevBtn{margin-left:16px}.ng-mydp .myDpSelector .myDpPrevBtn .myDpIconLeftArrow{line-height:26px;height:25px}.ng-mydp .myDpSelector .myDpPrevBtn .myDpIconLeftArrow:before{color:#376bfb;font-size:13px}.ng-mydp .myDpSelector .myDpMonthYearSelBar{height:52px;padding-top:10px;border:0}.ng-mydp .myDpSelector .myDpMonthYearText button{font-weight:500;font-size:13px;line-height:20px;color:#376bfb}.ng-mydp .myDpSelector .myDpMonthYearText .myDpMonthBtn{padding-right:7px;position:relative;margin-right:15px}.ng-mydp .myDpSelector .myDpMonthYearText .myDpMonthBtn:after{position:absolute;content:\"\";height:14px;width:1px;right:-7px;top:6px;background:#162a4c80}.ng-mydp .myDpSelector .myDpMonthYearText .myDpYearBtn{padding-left:6px}.ng-mydp .myDpSelector .myDpCalTable{height:calc(100% - 54px);width:calc(100% - 20px);margin:0 10px}.ng-mydp .myDpSelector table.myDpCalTable td .myDpDayValue{border-radius:4px;background:#f0f2f5;display:inline-block;box-sizing:border-box;width:32px;height:28px;font-size:13px;line-height:28px;text-align:center;color:#162a4ce6}.ng-mydp .myDpSelector table.myDpCalTable td .myDpDayValue.myDpMarkCurrDay{border-bottom:0;color:#376bfb}.ng-mydp .myDpSelector table.myDpCalTable td.myDpSelectedDay .myDpDayValue{color:#fff!important;background:#6ab72a!important}.ng-mydp .myDpSelector table.myDpCalTable td.myDpDisabled{background:unset}.ng-mydp .myDpSelector table.myDpCalTable td.myDpDisabled .myDpDayValue{background:unset!important;color:#162a4c80;cursor:not-allowed}.ng-mydp .myDpSelector table.myDpCalTable td.myDpDisabled .myDpDayValue:hover{background:unset!important}.ng-mydp .myDpSelector table.myDpCalTable td.myDpRangeColor{background-color:#fff}.ng-mydp .myDpSelector table.myDpCalTable td.myDpRangeColor .myDpDayValue{background:#bee39d!important}.ng-mydp .myDpSelector table.myDpCalTable td.myDpRangeColor.myDpSelectedDay .myDpDayValue{color:#fff!important;background:#6ab72a!important}.ng-mydp .myDpSelector table.myDpCalTable td.myDpDaycell:focus{box-shadow:unset;outline:unset}.ng-mydp .myDpSelector table.myDpCalTable td.myDpPrevMonth .myDpDayValue,.ng-mydp .myDpSelector table.myDpCalTable td.myDpNextMonth .myDpDayValue{background:#f6f7f9;color:#162a4c80}.ng-mydp .myDpSelector table.myDpCalTable td .myDpDimDay{opacity:1}.ng-mydp .myDpSelector table.myDpCalTable .myDpTableSingleDay:hover{background-color:#fff}.ng-mydp .myDpSelector table.myDpCalTable .myDpTableSingleDay:hover .myDpDayValue{background:#bee39d;color:#162a4ce6}.ng-mydp .myDpSelector table.myDpCalTable .myDpSelectedDay,.ng-mydp .myDpSelector table.myDpCalTable .myDpSelectedMonth,.ng-mydp .myDpSelector table.myDpCalTable .myDpSelectedYear{background-color:#fff;border-radius:0}.ng-mydp .myDpSelector .myDpMonthTable{height:128px;width:calc(100% - 20px);margin:0 10px}.ng-mydp .myDpSelector .myDpMonthTable td .myDpMonthValue{display:inline-block;height:28px;width:80px;background:#f0f2f5;vertical-align:middle;text-align:center;line-height:28px;font-weight:400;font-size:13px;color:#162a4ce6;border-radius:4px}.ng-mydp .myDpSelector .myDpMonthTable td .myDpMonthValue.myDpMarkCurrMonth{border:0;color:#376bfb}.ng-mydp .myDpSelector .myDpMonthTable td .myDpMonthValue:hover{background:#bee39d}.ng-mydp .myDpSelector .myDpMonthTable td.myDpDisabled{background:unset}.ng-mydp .myDpSelector .myDpMonthTable td.myDpDisabled .myDpMonthValue{background:unset!important;color:#162a4c80!important;cursor:not-allowed}.ng-mydp .myDpSelector .myDpMonthTable td.myDpSelectedMonth{background-color:#fff}.ng-mydp .myDpSelector .myDpMonthTable td.myDpSelectedMonth .myDpMonthValue{background:#6ab72a!important;color:#fff!important}.ng-mydp .myDpSelector .myDpMonthTable td.myDpTableSingleMonth:hover{background-color:#fff}.ng-mydp .myDpSelector .myDpYearTable{height:160px;width:calc(100% - 20px);margin:0 10px}.ng-mydp .myDpSelector .myDpYearTable td .myDpYearValue{display:inline-block;height:28px;width:46px;background:#f0f2f5;vertical-align:middle;text-align:center;line-height:28px;font-weight:400;font-size:13px;color:#162a4ce6;border-radius:4px}.ng-mydp .myDpSelector .myDpYearTable td .myDpYearValue.myDpMarkCurrYear{border:0;color:#376bfb}.ng-mydp .myDpSelector .myDpYearTable td .myDpYearValue:hover{background:#bee39d}.ng-mydp .myDpSelector .myDpYearTable td.myDpDisabled{background:unset}.ng-mydp .myDpSelector .myDpYearTable td.myDpDisabled .myDpYearValue{background:unset!important;color:#162a4c80!important;cursor:not-allowed}.ng-mydp .myDpSelector .myDpYearTable td.myDpSelectedYear{background-color:#fff}.ng-mydp .myDpSelector .myDpYearTable td.myDpSelectedYear .myDpYearValue{background:#6ab72a!important;color:#fff!important}.ng-mydp .myDpSelector .myDpYearTable td.myDpTableSingleYear:hover{background-color:#fff}.ng-mydp .myDpSelectorArrow{height:272px!important;width:268px!important;margin-top:-12px}.ng-mydp .myDpSelectorArrow:after{display:none}.ng-mydp .myDpSelectorArrow:before{display:none}:root{--color-black: #07080d;--color-white: #ffffff;--color-white-opacity-05: rgba(0, 0, 0, .05);--color-gray-100: #f5f6f9;--color-gray-200: #f8f9f9;--color-gray-300: #d9d9d9;--color-gray-400: #a6a6a6;--color-gray-500: #6b6d73;--color-brand-dark: #193273;--color-brand-dark-rgb: 25, 50, 115;--color-brand-light: #325FDA;--color-brand-light2: #e7efff;--color-brand-light-rgb: 50, 95, 218;--color-brand-300: #e7efff;--color-brand-300-rgb: 231, 239, 255;--color-error: #df3838;--color-error-opacity: #fbe4e4;--color-error-rgb: 223, 56, 56;--color-notification: #f4d04f;--color-notification-rgb: 244, 208, 79;--color-warn: #f2994a;--color-warn-rgb: 242, 153, 74;--color-info: #325fda;--color-info-rgb: 50, 95, 218;--color-warning: #f2994a;--color-warning-opacity: #fdf0e4;--color-success: #25bd3d;--color-success--opacity: #e8f8e5;--color-success-rgb: 37, 189, 61;--color-allocation-started: #E8F8E5;--color-allocation-scheduled: #FDF0E4;--color-allocation-ended: #FBE4E4;--color-allocation-sick: #E7EFFF;--color-allocation-no-show: #EAE5FF;--color-allocation-unavailable: #F2F2F2;--cropper-outline-color: rgba(0, 0, 0, .5)}.mat-date-range-input{display:block;width:100%;padding:.5rem 1rem;border-radius:.25rem;border:1px solid var(--color-gray-500);color:var(--color-black);line-height:1.5}:host ::ng-deep .mat-mdc-icon-button{max-width:2.5rem;max-height:2.5rem}\n"], dependencies: [{ kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5$1.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i5$1.MatDatepickerToggleIcon, selector: "[matDatepickerToggleIcon]" }, { kind: "component", type: i5$1.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i5$1.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i5$1.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i5$1.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i5$1.MatDatepickerActions, selector: "mat-datepicker-actions, mat-date-range-picker-actions" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: EcabsDatePickerActionsComponent, selector: "ecabs-date-picker-actions", inputs: ["cancelLabel", "applyLabel", "isDateRange", "disabledApplyButton"], outputs: ["apply"] }] });
|
|
3102
|
+
], viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["picker"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <div class=\"form-field__input--wrapper\">\r\n <mat-date-range-input \r\n [rangePicker]=\"picker\" \r\n [min]=\"minDate\"\r\n [max]=\"maxDate\" \r\n (blur)=\"onTouch()\">\r\n <input matStartDate name=\"startDateRange\" [placeholder]=\"startDatePlaceholder ?? translationConfig?.startDatePlaceholder\" [value]=\"dateFrom\" [(ngModel)]=\"dateFrom\" />\r\n <input matEndDate name=\"endDateRange\" [placeholder]=\"endDatePlaceholder ?? translationConfig?.endDatePlaceholder\" [value]=\"dateTo\" [(ngModel)]=\"dateTo\" />\r\n </mat-date-range-input>\r\n <mat-datepicker-toggle matSuffix [for]=\"picker\">\r\n <mat-icon matDatepickerToggleIcon class=\"text-gray-500\">calendar_today</mat-icon>\r\n </mat-datepicker-toggle>\r\n <mat-date-range-picker #picker [calendarHeaderComponent]=\"header\" [touchUi]=\"touchUi\">\r\n <mat-datepicker-actions>\r\n <ecabs-date-picker-actions [applyLabel]=\"applyLabel ?? translationConfig?.applyLabel\"\r\n [cancelLabel]=\"cancelLabel ?? translationConfig?.cancelLabel\"\r\n [isDateRange]=\"true\"\r\n [disabledApplyButton]=\"disabledApplyButton\"\r\n (apply)=\"onApply()\">\r\n </ecabs-date-picker-actions>\r\n </mat-datepicker-actions>\r\n </mat-date-range-picker>\r\n </div>\r\n</ecabs-element-wrapper>\r\n", styles: [":root{--color-black: #07080d;--color-white: #ffffff;--color-white-opacity-05: rgba(0, 0, 0, .05);--color-gray-100: #f5f6f9;--color-gray-200: #f8f9f9;--color-gray-300: #d9d9d9;--color-gray-400: #a6a6a6;--color-gray-500: #6b6d73;--color-brand-dark: #193273;--color-brand-dark-rgb: 25, 50, 115;--color-brand-light: #325FDA;--color-brand-light2: #e7efff;--color-brand-light-rgb: 50, 95, 218;--color-brand-300: #e7efff;--color-brand-300-rgb: 231, 239, 255;--color-error: #df3838;--color-error-opacity: #fbe4e4;--color-error-rgb: 223, 56, 56;--color-notification: #f4d04f;--color-notification-rgb: 244, 208, 79;--color-warn: #f2994a;--color-warn-rgb: 242, 153, 74;--color-info: #325fda;--color-info-rgb: 50, 95, 218;--color-warning: #f2994a;--color-warning-opacity: #fdf0e4;--color-success: #25bd3d;--color-success--opacity: #e8f8e5;--color-success-rgb: 37, 189, 61;--color-allocation-started: #E8F8E5;--color-allocation-scheduled: #FDF0E4;--color-allocation-ended: #FBE4E4;--color-allocation-sick: #E7EFFF;--color-allocation-no-show: #EAE5FF;--color-allocation-unavailable: #F2F2F2;--cropper-outline-color: rgba(0, 0, 0, .5)}.datepicker-ui__toggle,.mat-datepicker-toggle{position:absolute!important;right:0;line-height:1.25;padding:0}.datepicker-ui__toggle mat-icon,.mat-datepicker-toggle mat-icon{color:var(--color-gray-500)}ecabs-date-picker .dateTimeWrapper{position:relative;display:flex;width:100%}ecabs-date-picker .dateTimeWrapper .datePart{flex:2}ecabs-date-picker .dateTimeWrapper .timePart{flex:1;padding-left:10px;vertical-align:top;max-width:10rem}ecabs-date-picker .dateTimeWrapper .timePart ecabs-timepicker .timeInputWrapper{display:block}ecabs-date-picker .dateTimeWrapper .timePart ecabs-timepicker{width:100%}ecabs-date-picker .dateTimeWrapper .timePart ecabs-timepicker .inputWrapper{display:block}ecabs-date-picker .dateTimeWrapper .dateInputWrapper{position:relative}ecabs-date-picker .dateTimeWrapper input{min-height:42px;width:100%;display:block;box-sizing:border-box;font-size:14px;font-weight:500;padding-left:10px;border-radius:4px;border:1px solid rgb(107,109,115);outline:none;transition:all .3s ease-in-out}ecabs-date-picker .dateTimeWrapper input:disabled{border-bottom-width:1px;background-color:var(--color-white-opacity-05)}ecabs-date-picker .dateTimeWrapper input[type=date]::-webkit-calendar-picker-indicator,ecabs-date-picker .dateTimeWrapper input[type=date]::-webkit-inner-spin-button{display:none}ecabs-date-picker .dateTimeWrapper input[type=date]::-webkit-clear-button{display:none}ecabs-date-picker .dateTimeWrapper .calendar-icon{float:right;margin-top:-38px;padding:5px 10px 5px 5px;display:block;font-size:13px;line-height:20px;color:var(--color-gray-500);position:relative;width:40px;height:30px;cursor:pointer;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjQuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0OCA0OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDggNDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNkI2RDczO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTksNDRjLTAuOCwwLTEuNS0wLjMtMi4xLTAuOUM2LjMsNDIuNSw2LDQxLjgsNiw0MVYxMGMwLTAuOCwwLjMtMS41LDAuOS0yLjFTOC4yLDcsOSw3aDMuMlY0aDMuMnYzaDE3VjRoMy4ydjMKCUgzOWMwLjgsMCwxLjUsMC4zLDIuMSwwLjlDNDEuNyw4LjUsNDIsOS4yLDQyLDEwdjMxYzAsMC44LTAuMywxLjUtMC45LDIuMUM0MC41LDQzLjcsMzkuOCw0NCwzOSw0NEg5eiBNOSw0MWgzMGwwLDBsMCwwVjE5LjVIOVY0MQoJTDksNDFMOSw0MXogTTksMTYuNWgzMFYxMGwwLDBsMCwwSDlsMCwwbDAsMFYxNi41eiBNOSwxNi41VjEwbDAsMGwwLDBsMCwwbDAsMFYxNi41eiIvPgo8L3N2Zz4K);background-position:center center;background-repeat:no-repeat;background-size:1.375rem}ecabs-date-picker .dateTimeWrapper .calendar-icon.disabled{cursor:not-allowed}ecabs-date-picker .ecabs-element-wrapper.focused label{color:#376bfb}ecabs-date-picker .ecabs-element-wrapper.focused input{border-bottom-width:2px;border-bottom-color:#376bfb}ecabs-date-picker .ecabs-element-wrapper.validationError label{color:#ff4c4c}ecabs-date-picker .ecabs-element-wrapper.validationError input{border-bottom-color:#ff4c4c;border-bottom-width:2px}.ng-mydp .myDpSelector{border:0;padding:0;box-shadow:0 4px 6px #162a4c14,0 2px 16px #162a4c0f,0 8px 12px #162a4c0a;border-radius:0 0 4px 4px;background:#fff}.ng-mydp .myDpSelector:focus{box-shadow:0 4px 6px #162a4c14,0 2px 16px #162a4c0f,0 8px 12px #162a4c0a}.ng-mydp .myDpSelector .myDpWeekDayTitle{background-color:#fff;font-weight:500;font-size:11px;color:#162a4cb3}.ng-mydp .myDpSelector .myDpNextBtn{margin-left:auto;margin-right:16px}.ng-mydp .myDpSelector .myDpNextBtn .myDpIconRightArrow{line-height:26px;height:25px}.ng-mydp .myDpSelector .myDpNextBtn .myDpIconRightArrow:before{color:#376bfb;font-size:13px}.ng-mydp .myDpSelector .myDpPrevBtn{margin-left:16px}.ng-mydp .myDpSelector .myDpPrevBtn .myDpIconLeftArrow{line-height:26px;height:25px}.ng-mydp .myDpSelector .myDpPrevBtn .myDpIconLeftArrow:before{color:#376bfb;font-size:13px}.ng-mydp .myDpSelector .myDpMonthYearSelBar{height:52px;padding-top:10px;border:0}.ng-mydp .myDpSelector .myDpMonthYearText button{font-weight:500;font-size:13px;line-height:20px;color:#376bfb}.ng-mydp .myDpSelector .myDpMonthYearText .myDpMonthBtn{padding-right:7px;position:relative;margin-right:15px}.ng-mydp .myDpSelector .myDpMonthYearText .myDpMonthBtn:after{position:absolute;content:\"\";height:14px;width:1px;right:-7px;top:6px;background:#162a4c80}.ng-mydp .myDpSelector .myDpMonthYearText .myDpYearBtn{padding-left:6px}.ng-mydp .myDpSelector .myDpCalTable{height:calc(100% - 54px);width:calc(100% - 20px);margin:0 10px}.ng-mydp .myDpSelector table.myDpCalTable td .myDpDayValue{border-radius:4px;background:#f0f2f5;display:inline-block;box-sizing:border-box;width:32px;height:28px;font-size:13px;line-height:28px;text-align:center;color:#162a4ce6}.ng-mydp .myDpSelector table.myDpCalTable td .myDpDayValue.myDpMarkCurrDay{border-bottom:0;color:#376bfb}.ng-mydp .myDpSelector table.myDpCalTable td.myDpSelectedDay .myDpDayValue{color:#fff!important;background:#6ab72a!important}.ng-mydp .myDpSelector table.myDpCalTable td.myDpDisabled{background:unset}.ng-mydp .myDpSelector table.myDpCalTable td.myDpDisabled .myDpDayValue{background:unset!important;color:#162a4c80;cursor:not-allowed}.ng-mydp .myDpSelector table.myDpCalTable td.myDpDisabled .myDpDayValue:hover{background:unset!important}.ng-mydp .myDpSelector table.myDpCalTable td.myDpRangeColor{background-color:#fff}.ng-mydp .myDpSelector table.myDpCalTable td.myDpRangeColor .myDpDayValue{background:#bee39d!important}.ng-mydp .myDpSelector table.myDpCalTable td.myDpRangeColor.myDpSelectedDay .myDpDayValue{color:#fff!important;background:#6ab72a!important}.ng-mydp .myDpSelector table.myDpCalTable td.myDpDaycell:focus{box-shadow:unset;outline:unset}.ng-mydp .myDpSelector table.myDpCalTable td.myDpPrevMonth .myDpDayValue,.ng-mydp .myDpSelector table.myDpCalTable td.myDpNextMonth .myDpDayValue{background:#f6f7f9;color:#162a4c80}.ng-mydp .myDpSelector table.myDpCalTable td .myDpDimDay{opacity:1}.ng-mydp .myDpSelector table.myDpCalTable .myDpTableSingleDay:hover{background-color:#fff}.ng-mydp .myDpSelector table.myDpCalTable .myDpTableSingleDay:hover .myDpDayValue{background:#bee39d;color:#162a4ce6}.ng-mydp .myDpSelector table.myDpCalTable .myDpSelectedDay,.ng-mydp .myDpSelector table.myDpCalTable .myDpSelectedMonth,.ng-mydp .myDpSelector table.myDpCalTable .myDpSelectedYear{background-color:#fff;border-radius:0}.ng-mydp .myDpSelector .myDpMonthTable{height:128px;width:calc(100% - 20px);margin:0 10px}.ng-mydp .myDpSelector .myDpMonthTable td .myDpMonthValue{display:inline-block;height:28px;width:80px;background:#f0f2f5;vertical-align:middle;text-align:center;line-height:28px;font-weight:400;font-size:13px;color:#162a4ce6;border-radius:4px}.ng-mydp .myDpSelector .myDpMonthTable td .myDpMonthValue.myDpMarkCurrMonth{border:0;color:#376bfb}.ng-mydp .myDpSelector .myDpMonthTable td .myDpMonthValue:hover{background:#bee39d}.ng-mydp .myDpSelector .myDpMonthTable td.myDpDisabled{background:unset}.ng-mydp .myDpSelector .myDpMonthTable td.myDpDisabled .myDpMonthValue{background:unset!important;color:#162a4c80!important;cursor:not-allowed}.ng-mydp .myDpSelector .myDpMonthTable td.myDpSelectedMonth{background-color:#fff}.ng-mydp .myDpSelector .myDpMonthTable td.myDpSelectedMonth .myDpMonthValue{background:#6ab72a!important;color:#fff!important}.ng-mydp .myDpSelector .myDpMonthTable td.myDpTableSingleMonth:hover{background-color:#fff}.ng-mydp .myDpSelector .myDpYearTable{height:160px;width:calc(100% - 20px);margin:0 10px}.ng-mydp .myDpSelector .myDpYearTable td .myDpYearValue{display:inline-block;height:28px;width:46px;background:#f0f2f5;vertical-align:middle;text-align:center;line-height:28px;font-weight:400;font-size:13px;color:#162a4ce6;border-radius:4px}.ng-mydp .myDpSelector .myDpYearTable td .myDpYearValue.myDpMarkCurrYear{border:0;color:#376bfb}.ng-mydp .myDpSelector .myDpYearTable td .myDpYearValue:hover{background:#bee39d}.ng-mydp .myDpSelector .myDpYearTable td.myDpDisabled{background:unset}.ng-mydp .myDpSelector .myDpYearTable td.myDpDisabled .myDpYearValue{background:unset!important;color:#162a4c80!important;cursor:not-allowed}.ng-mydp .myDpSelector .myDpYearTable td.myDpSelectedYear{background-color:#fff}.ng-mydp .myDpSelector .myDpYearTable td.myDpSelectedYear .myDpYearValue{background:#6ab72a!important;color:#fff!important}.ng-mydp .myDpSelector .myDpYearTable td.myDpTableSingleYear:hover{background-color:#fff}.ng-mydp .myDpSelectorArrow{height:272px!important;width:268px!important;margin-top:-12px}.ng-mydp .myDpSelectorArrow:after{display:none}.ng-mydp .myDpSelectorArrow:before{display:none}.btn{font-size:16px;font-size:1rem;border:0;min-width:6.9375rem;min-height:2.625rem;width:max-content;padding:.5rem 1.5rem;font-weight:400;line-height:1.5}.btn:after{border:1px solid transparent;inset:0;border-radius:.25rem}.btn__primary{background-color:var(--color-brand-dark);color:var(--color-white)}.btn__primary:hover{background-color:rgba(var(--color-brand-dark-rgb),.88)}.btn__primary--outline,.btn__primary--link{background-color:transparent;border-color:var(--color-brand-dark);color:var(--color-brand-dark)}.btn__primary--outline:after,.btn__primary--link:after{border-color:var(--color-brand-dark)}.btn__primary--outline:hover,.btn__primary--link:hover{background-color:var(--color-gray-200)}.btn__primary--link:after{border-color:transparent}.btn__primary--link:hover{background-color:var(--color-gray-200)}.btn__secondary{background-color:var(--color-brand-light);color:var(--color-white)}.btn__secondary:hover{background-color:rgba(var(--color-brand-light-rgb),.88)}.btn__secondary--outline,.btn__secondary--link{background-color:transparent;border-color:var(--color-brand-light);color:var(--color-brand-light)}.btn__secondary--outline:after,.btn__secondary--link:after{border-color:var(--color-brand-light)}.btn__secondary--outline:hover,.btn__secondary--link:hover{background-color:var(--color-gray-200)}.btn__secondary--link:after{border-color:transparent}.btn__warn{background-color:var(--color-error);color:var(--color-white)}.btn__warn:hover{background-color:rgba(var(--color-error-rgb),.88)}.btn__warn--outline,.btn__success--link,.btn__warn--link{background-color:transparent;border-color:var(--color-error);color:var(--color-error)}.btn__warn--outline:after,.btn__success--link:after,.btn__warn--link:after{border-color:var(--color-error)}.btn__warn--outline:hover,.btn__success--link:hover,.btn__warn--link:hover{background-color:var(--color-gray-200)}.btn__warn--link:after{border-color:transparent}.btn__success{background-color:var(--color-success);color:var(--color-white)}.btn__success:hover{background-color:rgba(var(--color-success-rgb),.88)}.btn__success--outline{background-color:transparent;border-color:var(--color-success);color:var(--color-success)}.btn__success--outline:after{border-color:var(--color-success)}.btn__success--outline:hover{background-color:var(--color-gray-200)}.btn__success--link:after{border-color:transparent}.btn__group{display:flex;width:100%;align-items:center;column-gap:1rem;margin-top:1.2rem}@media (min-width: 0) and (max-width: 768px){.btn__group{display:flex;flex-direction:column;gap:1.2rem}}.btn__group--item{min-width:6.25rem}@media (min-width: 0) and (max-width: 768px){.btn__group--item{width:100%;margin-right:0}}.btn__group--item:last-of-type{margin-right:0}.btn__disabled,.btn__disabled--outline{background-color:var(--color-gray-300);color:var(--color-gray-400);cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.btn__disabled--outline{background-color:transparent}.btn__disabled--outline:after{border-color:var(--color-gray-300)}.btn:disabled:hover,.btn.loading:hover{background-color:var(--color-gray-300);color:var(--color-gray-400);box-shadow:none}.btn__with-icon--wrapper{display:flex;align-items:center;justify-content:center}.btn__with-icon--wrapper i,.btn__with-icon--wrapper .mat-icon{display:inline-block;margin-right:.6rem}.btn--lg{padding:1rem 1.5rem}.card{box-shadow:0 0 10px #0000001a}.card--subtitle{font-size:14px;font-size:.875rem;color:var(--color-gray-500)}.card--title{font-size:22px;font-size:1.375rem;margin:0;padding-top:2rem;padding-left:1.5rem;color:var(--color-brand-dark);font-weight:600}.card__content{padding:2rem 1.5rem}.chip{font-size:16px;font-size:1rem;border-radius:.25rem;display:flex;width:fit-content;padding:.375rem .5rem;align-items:center;justify-content:center;background-color:var(--color-gray-200)!important;color:var(--color-gray-500);font-weight:400}.chip--info{background-color:rgba(var(--color-info-rgb),.06)!important;color:var(--color-info)}.chip--warn{background-color:rgba(var(--color-warn-rgb),.06)!important;color:var(--color-warn)}.chip--danger{background-color:rgba(var(--color-error-rgb),.06)!important;color:var(--color-error)}.chip--success{background-color:rgba(var(--color-success-rgb),.06)!important;color:var(--color-success)}.chip--selected{background-color:var(--color-brand-light)!important}.chip--selected,.chip--selected *{color:var(--color-white);border-color:var(--color-brand-light)}.chip--not-selected{border:1px solid var(--color-gray-300);background-color:var(--color-white)!important;color:var(--color-black)}.dialog__title{font-size:22px;font-size:1.375rem;font-weight:600;color:var(--color-brand-dark);line-height:1.5}.dialog--maps{padding:1px;border-radius:.5rem;background:#9cc0f9}.divider{border-top-color:var(--color-gray-300)}.drag-drop--container{background-color:var(--color-white)}.drag-drop--container.cdk-drop-list-dragging .drag-drop--item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.drag-drop--container .cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.drag-drop--item{background-color:var(--color-white);cursor:move}.drag-drop--item.cdk-drag-preview{border-radius:.25rem;box-shadow:0 0 10px #0000001a;padding-left:2rem;padding-right:2rem}.drag-drop--placeholder{background:var(--color-gray-200);border:dashed 2px var(--color-gray-400)!important;min-height:7.5rem;transition:transform .25s cubic-bezier(0,0,.2,1)}.form-field,form-field{margin-bottom:1rem;position:relative}.form-field__label,form-field__label{font-size:12px;font-size:.75rem;display:inline-block;margin-bottom:.25rem;color:var(--color-gray-500);cursor:pointer}.form-field__label .icon,form-field__label .icon{font-size:16px;font-size:1rem;display:inline;vertical-align:middle;margin-left:.375rem}.form-field__label-note,form-field__label-note{font-size:14px;font-size:.875rem;display:inline-block;margin-bottom:.25rem;color:var(--color-gray-400);cursor:pointer}.form-field__input,form-field__input{font-size:16px;font-size:1rem;display:block;width:100%;padding:.5rem 1rem;border-radius:.25rem;border:1px solid var(--color-gray-500);color:var(--color-black);line-height:1.5}.form-field__input:focus,form-field__input:focus{border-color:var(--color-brand-dark)}.form-field__input--wrapper,form-field__input--wrapper{display:flex;position:relative;line-height:1}.form-field__input--suffix,.form-field__textarea--prefix,form-field__textarea--prefix,.form-field__input--prefix,form-field__input--prefix,form-field__input--suffix{position:absolute!important;top:50%;right:1rem;color:var(--color-gray-500);transform:translateY(-50%)}.form-field__input--suffix,.form-field__textarea--prefix,form-field__textarea--prefix,.form-field__input--prefix,form-field__input--prefix,.form-field__input--suffix i,.form-field__textarea--prefix i,form-field__textarea--prefix i,.form-field__input--prefix i,form-field__input--prefix i,.form-field__input--suffix .mat-icon,.form-field__textarea--prefix .mat-icon,form-field__textarea--prefix .mat-icon,.form-field__input--prefix .mat-icon,form-field__input--prefix .mat-icon,form-field__input--suffix,form-field__input--suffix i,form-field__input--suffix .mat-icon{font-size:18px;font-size:1.125rem;width:1.125rem;height:1.125rem}.form-field__input--prefix,form-field__input--prefix{right:unset;left:1rem}.form-field__input--disabled,form-field__input--disabled{background-color:var(--color-gray-100);border-color:transparent}.form-field__input--invalid,form-field__input--invalid{border-color:var(--color-error);color:var(--color-error)}.form-field__textarea,form-field__textarea{font-size:16px;font-size:1rem;display:block;width:100%;padding:1rem;border-radius:.25rem;border:1px solid var(--color-gray-500);color:var(--color-black);line-height:1.5}.form-field__textarea:focus,form-field__textarea:focus{border-color:var(--color-brand-dark)}.form-field__textarea--wrapper,form-field__textarea--wrapper{display:flex;position:relative;line-height:1}.form-field__textarea--suffix,form-field__textarea--suffix{position:absolute!important;top:50%;right:1rem;color:var(--color-gray-500);transform:translateY(-50%)}.form-field__textarea--suffix,.form-field__textarea--suffix i,.form-field__textarea--suffix .mat-icon,form-field__textarea--suffix,form-field__textarea--suffix i,form-field__textarea--suffix .mat-icon{font-size:18px;font-size:1.125rem;width:1.125rem;height:1.125rem}.form-field__textarea--prefix,form-field__textarea--prefix{right:unset;left:1rem}.form-field__textarea--disabled,form-field__textarea--disabled{background-color:var(--color-gray-100);border-color:transparent}.form-field--invalid,.form-field--invalid .form-field__input,.form-field--invalid .form-field__textarea,form-field--invalid,form-field--invalid .form-field__input,form-field--invalid .form-field__textarea{color:var(--color-error);border-color:var(--color-error)}.form-field__validation,form-field__validation{padding-top:.5rem;font-size:12px;font-size:.75rem;color:var(--color-error)}.form-field__validation--item,form-field__validation--item{padding-bottom:.6rem}.form-field__validation--item:last-of-type,form-field__validation--item:last-of-type{padding-bottom:0}.form-field__subscript--wrapper,form-field__subscript--wrapper{margin-top:1.2rem}.form-field.disabled input,.form-field.disabled textarea,form-field.disabled input,form-field.disabled textarea{background-color:var(--color-white-opacity-05);border-color:var(--color-gray-300)}.form-field .spinner,form-field .spinner{position:absolute;right:.25rem;top:1.85rem}.form-field .hint,form-field .hint{font-size:10px;text-align:right;margin-right:1.0625rem;transform:translateY(-1rem);margin-bottom:-1rem}.form .mat-mdc-form-field-appearance-standard .mat-mdc-form-field-flex,form .mat-mdc-form-field-appearance-standard .mat-mdc-form-field-flex{padding-top:0}.form .mat-mdc-form-field-infix,form .mat-mdc-form-field-infix{border-top:0}.form .mat-mdc-form-field .mat-mdc-form-field-flex,form .mat-mdc-form-field .mat-mdc-form-field-flex{padding-top:0}.mat-mdc-form-field-type-mat-date-range-input .mat-mdc-form-field-infix{width:auto}.mat-mdc-text-field-wrapper{padding-bottom:0}.icon,.icon__bordered{color:var(--color-gray-500)}.icon:hover,.icon__bordered:hover{color:var(--color-brand-light)}.icon__bordered:after{border:1px solid var(--color-gray-400);border-radius:.25rem;width:calc(100% + .8rem);height:calc(100% + .8rem);top:-.4rem;left:-.4rem}.eyes-icon-label{border-color:var(--color-gray-400);background-color:var(--color-white);color:var(--color-black);padding:.125rem;transform:translateY(-1.25rem)}.aspect-ratio{position:relative;display:inline-block;background-color:inherit;line-height:1;overflow:hidden}.aspect-ratio__content{position:absolute;inset:50% 0 0 50%;max-width:100%;width:100%;transform:translate(-50%,-50%)}@supports (object-fit: cover){.aspect-ratio__content--cover{position:static;width:100%;height:100%;padding:0;object-fit:cover;transform:none}}.legend{font-size:14px;font-size:.875rem;position:relative;display:inline-block;margin-left:.75rem;padding-left:1.5rem;vertical-align:top}.legend:first-of-type{margin-left:0}.legend:before{border-radius:.25rem;width:1rem;height:1rem;top:.1875rem;left:0}.legend--asap:before{background-color:#eded0d}.legend--mobile:before{background-color:#feb6e2}.legend--delivery:before{background-color:#dd9750}.legend--walkin:before{background-color:#87b5ca}.legend--concierge:before{background-color:#2be879}.legend--in-fifteen:before{background-color:#e64c4a}.legend--standard:before{background-color:#d7d8d3}.list{list-style-type:none}.list--bordered .list__item{border-bottom:1px solid var(--color-gray-200)}.list__item{padding:1.25rem 0}.list__item--count{margin-right:2.4rem}div .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-image:url(/assets/images/map-polygon-icon.svg);background-position:center center}div .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit{background-image:url(/assets/images/map-edit-icon.svg);background-position:center center}div .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove{background-image:url(/assets/images/map-delete-icon.svg);background-position:center center}div .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker{background-image:url(/assets/images/map-marker-icon.svg);background-position:center center}div .leaflet-touch .leaflet-control-zoom.leaflet-bar .leaflet-control-zoom-fullscreen{background-image:url(/assets/images/map-fullscreen-icon.svg);background-position:center center;background-size:16px}div .leaflet-touch .leaflet-control-zoom.leaflet-bar .leaflet-control-zoom-fullscreen.leaflet-fullscreen-on{background-image:url(/assets/images/map-fullscreen-exit-icon.svg)}div .leaflet-control-zoom.leaflet-bar.leaflet-control{display:flex;flex-direction:column}div .leaflet-control-zoom.leaflet-bar.leaflet-control .leaflet-control-zoom-fullscreen{order:-1}div .leaflet-touch .leaflet-control-layers,div .leaflet-touch .leaflet-bar{border:0}div .leaflet-touch .leaflet-bar a{border:0;width:40px;height:40px;color:var(--color-brand-dark);line-height:40px}div .leaflet-touch .leaflet-bar a.leaflet-control-zoom-in{line-height:38px}div .leaflet-touch .leaflet-bar a.leaflet-control-zoom-in,div .leaflet-touch .leaflet-bar a.leaflet-control-zoom-out{font-size:28px;font-size:1.75rem;font-weight:300}div .leaflet-draw-toolbar a{background-size:unset}div .leaflet-touch .leaflet-bar.leaflet-draw-toolbar a,div .leaflet-touch .leaflet-bar.leaflet-control-zoom a{border-radius:8px;margin-top:10px}div .leaflet-top{bottom:0;top:unset}div .leaflet-top .leaflet-control{margin-top:0;margin-bottom:1.2rem;margin-left:1.2rem}div .leaflet-bottom .leaflet-right .leaflet-control-attribution .leaflet-control{display:none}div .leaflet-bar a.leaflet-disabled{background-color:var(--color-gray-300)}div .leaflet-draw-actions a{background-color:var(--color-brand-dark);border-left-color:var(--color-white)}div .leaflet-draw-actions a:hover{background-color:rgba(var(--color-brand-dark-rgb),.88)}div .leaflet-tooltip{z-index:999}.pac-container.pac-logo{box-shadow:0 0 10px #0000001a;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.pac-container.pac-logo .pac-item{border-color:var(--color-gray-200);padding:.375rem .75rem}.pac-container.pac-logo .pac-item .pac-icon.pac-icon-marker{display:none}.pac-container.pac-logo .pac-item .pac-item-query .pac-matched{color:var(--color-brand-light)}.pac-container.pac-logo:after{background-image:none!important;height:0}.marker{position:relative;display:flex;justify-content:center}.rounded-rectangle{font-size:12px;font-size:.75rem;position:relative;box-shadow:0 0 10px #0000001a;border-radius:20px;display:flex;width:100%;min-width:6rem;height:2.25rem;padding-left:.375rem;align-items:center;justify-content:center;background-color:#fff;color:var(--color-brand-dark);font-weight:600;line-height:1.5;text-align:center;z-index:99}.straight-line{position:absolute;border-radius:2px;top:1.875rem;left:50%;width:.1875rem;height:3rem;background-color:var(--color-brand-dark);transform:translate(-50%);z-index:1}.map-circle-point{position:absolute;width:1rem;height:1rem;background-color:var(--color-brand-light);border-radius:50%;top:4.375rem;left:50%;transform:translate(-50%)}.inner-circle{width:.5rem;height:.5rem;background-color:var(--color-white);border-radius:50%;position:absolute;top:25%;left:50%;transform:translate(-50%)}.custom-point .map-circle-point{width:100%;height:100%;position:relative;top:unset;left:unset;transform:unset}.custom-point .inner-circle{width:50%;height:50%}.ecabs-phone .ecabs-tel-input-container{position:relative;border-radius:.25rem;border:1px solid var(--color-gray-500)}.ecabs-phone .ecabs-tel-input-container .ecabs-tel-input-input{padding:.5rem .5rem .5rem 6.5625rem!important}.ecabs-phone .ecabs-tel-input-container .iti__arrow{border:solid var(--color-gray-500);border-width:0 2px 2px 0;display:inline-block;margin-top:-.4rem;padding:.1875rem;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.ecabs-phone .ecabs-tel-input-container .iti__flag{filter:unset}.ecabs-phone .error .ecabs-tel-input-container{border:1px solid var(--color-error)}.ecabs-phone .disabled-field{background-color:var(--color-white-opacity-05)!important}.select{font-size:16px;font-size:1rem;border-radius:.25rem;border:1px solid var(--color-gray-500);padding:.5rem 1rem;color:var(--color-black);line-height:1.5}.select:focus{border-color:var(--color-brand-dark)}.pending{background-color:var(--color-gray-300)!important;color:var(--color-gray-400)!important}.reserved,.pending_data{background-color:rgba(var(--color-warn-rgb),.05)!important;color:var(--color-warn)!important}.scheduled,.ended{background-color:var(--color-gray-200)!important;color:var(--color-gray-500)!important}.dispatched,.cab_arrived_at_pickup,.trip_started,.dropped_off,.started,.cab_arrived_at_intermediary_waypoint,.trip_ongoing,.in_progress{background-color:rgba(var(--color-info-rgb),.05)!important;color:var(--color-info)!important}.cab_arrived_at_dropoff,.trip_ended,.completed,.accepted,.cashed_in,.done,.active{background-color:rgba(var(--color-success-rgb),.05)!important;color:var(--color-success)!important}.cancelled,.rejected,.suspended,.sick,.no_show,.unable_to_complete,.unavailable,.failed,.expired{background-color:rgba(var(--color-error-rgb),.05)!important;color:var(--color-error)!important}.tab-group .tab-labels .tab-label{color:var(--color-gray-500);font-size:1rem;border-bottom-width:2px;opacity:1;font-weight:400}.tab-group .tab-labels .tab-label.tab-label-active{color:var(--color-brand-dark);border-color:var(--color-brand-light)}.table-ui{text-align:left}.table-ui--wrapper{position:relative;box-shadow:0 0 10px #0000001a;border-radius:.5rem;width:100%;padding:1.5rem;background-color:var(--color-white)}.table-ui--wrapper.loading:after{top:0;left:0;width:100%;height:100%;background-color:var(--color-gray-200);opacity:.5;z-index:999}.table-ui--wrapper.table-ui .table-ui__nested,.table-ui--wrapper.table-ui .table-ui__nested th,.table-ui--wrapper.table-ui .table-ui__nested td{color:var(--color-gray-400);border-bottom:0;padding-top:.36rem;padding-bottom:.36rem}.table-ui--wrapper.table-ui .table-ui__nested th{padding-left:1.8rem}.table-ui__nested--header tr th,.table-ui__nested--header tr td{border-bottom:0;padding-bottom:.36rem}.table-ui table{width:100%}.table-ui thead{font-size:12px;font-size:.75rem;color:var(--color-gray-500)}.table-ui thead th,.table-ui th{border-bottom:1px solid var(--color-gray-400);color:var(--color-gray-500);padding:.875rem .875rem .875rem 0;font-weight:400}.table-ui thead th:first-of-type,.table-ui th:first-of-type{padding-left:.875rem}.table-ui thead th:last-of-type,.table-ui th:last-of-type{padding-right:.875rem}.table-ui td{padding:.875rem}.table-ui a{color:var(--color-brand-light);line-height:1}.table-ui a:hover{color:var(--color-brand-dark)}.table-ui__bordered td,.table-ui__bordered th{border-bottom:1px solid var(--color-gray-200)}.table-ui__paginator{margin-top:1.2rem}.table-ui__bordered .table-ui__paginator--wrapper{border-bottom:0;padding-bottom:0}.table-ui__paginator--wrapper>*{display:inline-block}.table-ui__paginator--sizer{float:right}.table-ui__header{margin-bottom:1.2rem}.table-ui__progress{border-radius:.25rem;position:absolute;top:0;left:.12rem;right:.12rem}ecabs-timepicker .timeInputWrapper{z-index:1}ecabs-timepicker .timeInputWrapper input{min-height:42px;width:100%;display:block;box-sizing:border-box;padding:.5rem 1rem;border-radius:.25rem;border:1px solid var(--color-gray-500);color:var(--color-black);outline:none;transition:all .3s ease-in-out}ecabs-timepicker .timeInputWrapper input::placeholder{color:#162a4c80}ecabs-timepicker .timeInputWrapper input:disabled{border-bottom-width:1px;background-color:var(--color-white-opacity-05)}ecabs-timepicker .timeInputWrapper input[type=number]::-webkit-inner-spin-button,ecabs-timepicker .timeInputWrapper input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}ecabs-timepicker .timeInputWrapper.disabled .descriptions{background:transparent}.form-time-list{z-index:98}.form-time-list .list{background-color:#fff;position:absolute;width:100%;box-sizing:border-box;box-shadow:0 0 10px #0000001a;border-radius:0 0 4px 4px;height:14rem;overflow:hidden}.form-time-list .list .inner-scroll{width:100%;height:100%;overflow:auto}.form-time-list .list .inner-scroll .inner ul{list-style:none;padding:0;margin:0;display:block}.form-time-list .list .inner-scroll .inner ul li{display:block;padding:8px 12px;font-size:14px;line-height:1.5;font-weight:400;color:var(--color-black);cursor:pointer}.form-time-list .list .inner-scroll .inner ul li:last-child{border-color:transparent}.form-time-list .list .inner-scroll .inner ul li.active{color:var(--color-brand-light)}.form-time-list .list .inner-scroll .inner ul li.hovered{background:var(--color-gray-200)}.toaster__body{padding:1.5rem 4rem 1.5rem 1.5rem;border-radius:4px}.toaster__body.success{background-color:var(--color-success--opacity);color:var(--color-success)}.toaster__body.success .close-button{color:var(--color-success)}.toaster__body.error{background-color:var(--color-error-opacity);color:var(--color-error)}.toaster__body.error .close-button{color:var(--color-error)}.toaster__body.warning{background-color:var(--color-warning-opacity);color:var(--color-warning)}.toaster__body.warning .close-button{color:var(--color-warning)}.toaster__body.info{background-color:rgba(var(--color-info-rgb),.05);color:var(--color-info)}.toaster__body.info .close-button{color:var(--color-info)}.toaster__body .close-button{position:absolute;right:1.75rem;top:calc(50% - 1rem);font-family:Material Icons;font-weight:200;font-size:21px}.toaster__body .close-button:before{content:\"close\"}.tooltip{font-size:12px;font-size:.75rem;padding:.1875rem .5rem;color:var(--color-white)}.tooltip--surface{background-color:var(--color-gray-500)}.percentage__over-87{background-color:#25bd3d;border-color:#25bd3d}.percentage__over-75{background-color:#87c337;border-color:#87c337}.percentage__over-62{background-color:#bac61c;border-color:#bac61c}.percentage__over-50{background-color:#ecc902;border-color:#ecc902}.percentage__over-37{background-color:#eba70d;border-color:#eba70d}.percentage__over-25{background-color:#e7831b;border-color:#e7831b}.percentage__over-12{background-color:#e35e2a;border-color:#e35e2a}.percentage__default{background-color:#df3838;border-color:#df3838}.autocomplete-ui{box-shadow:0 0 10px #0000001a;border-radius:.25rem;display:flex;flex-direction:column}.autocomplete-ui--item{font-size:16px;font-size:1rem;width:100%;padding:1rem;color:var(--color-black)}.autocomplete-ui--item:after{bottom:0;left:0;right:0;height:1px;background-color:var(--color-gray-100)}.autocomplete-ui--item:last-of-type:after{background-color:transparent}.header{display:flex;align-items:center;padding:.5em}.datepicker-ui__toggle.mat-mdc-icon-button.mat-mdc-button-base,.mat-mdc-icon-button.mat-mdc-button-base.mat-datepicker-toggle{padding:0;width:2.5rem;height:2.5rem;line-height:2}.header-label{flex:1;height:1em;font-weight:500;text-align:center}.select-date-label{color:var(--color-brand-dark);padding-top:1.6rem;padding-left:1.6rem}.mat-calendar-table .mat-calendar-body tr:first-child[aria-hidden=true]{display:none}.mat-calendar-body-label{visibility:hidden}.mat-calendar-body-cell-content{border-radius:.25rem!important;font-size:1rem!important}.mat-calendar-body-active .mat-calendar-body-today{color:var(--color-brand-light)!important;background-color:var(--color-brand-light2)!important}.mat-calendar{align-self:center}.mat-calendar .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:var(--color-brand-light2);color:var(--color-black)}.mat-calendar .mat-calendar-body-cell.mat-calendar-body-active .mat-calendar-body-cell-content.mat-calendar-body-selected,.mat-calendar .mat-calendar-body-cell.mat-calendar-body-active:hover .mat-calendar-body-cell-content.mat-calendar-body-selected{background-color:var(--color-brand-light)!important;color:var(--color-white)!important}.mat-calendar .mat-calendar-body-selected{background-color:var(--color-brand-light);color:var(--color-white)!important}.mat-calendar .mat-calendar-body-selected .mat-calendar-body-today{color:var(--color-white)!important}.mat-calendar .mat-calendar-table-header,.mat-calendar .mat-calendar-body-label{color:var(--color-gray-500)}.mat-calendar .mat-calendar-body-cell>.mat-calendar-body-today{opacity:1}.mat-calendar .mat-calendar-body-cell-content,.mat-calendar .mat-date-range-input-separator{color:var(--color-black)}.mat-calendar .mat-calendar-content{padding:0 1.6rem}.mat-calendar .mat-calendar-table-header th{font-size:16px;font-size:1rem}.mat-calendar .mat-calendar-table-header-divider:after{display:none}.mat-calendar .mat-calendar-body{font-size:16px;font-size:1rem}.mat-calendar .mat-calendar-body-in-range:before{background-color:var(--color-brand-light2)}.mat-calendar .mat-calendar-body-in-range .mat-calendar-body-cell-content{color:var(--color-black)!important}.mat-calendar .mat-calendar-body-range-start .mat-calendar-body-cell-content,.mat-calendar .mat-calendar-body-range-end .mat-calendar-body-cell-content{color:var(--color-white)!important}.mat-datepicker-popup .mat-datepicker-content{color:var(--color-black);box-shadow:0 0 25px #0003}.mat-datepicker-popup .mat-datepicker-actions{display:unset;margin-top:1rem;padding:0 1.6rem 1.6rem}.mat-datepicker-popup .mat-datepicker-actions .mat-button-base+.mat-button-base{margin-left:unset}.mat-datepicker-popup .mat-datepicker-actions button.mat-button-base{min-width:100%}.mat-datepicker-popup .mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:var(--color-gray-300)}.mat-date-range-input{display:block;width:100%;padding:.5rem 1rem;border-radius:.25rem;border:1px solid var(--color-gray-500);color:var(--color-black);line-height:1.5}:host ::ng-deep .mat-mdc-icon-button{max-width:2.5rem;max-height:2.5rem}\n"], dependencies: [{ kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5$1.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i5$1.MatDatepickerToggleIcon, selector: "[matDatepickerToggleIcon]" }, { kind: "component", type: i5$1.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i5$1.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i5$1.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i5$1.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i5$1.MatDatepickerActions, selector: "mat-datepicker-actions, mat-date-range-picker-actions" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: EcabsDatePickerActionsComponent, selector: "ecabs-date-picker-actions", inputs: ["cancelLabel", "applyLabel", "isDateRange", "disabledApplyButton"], outputs: ["apply"] }] });
|
|
3103
3103
|
}
|
|
3104
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3104
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDateRangePickerComponent, decorators: [{
|
|
3105
3105
|
type: Component,
|
|
3106
3106
|
args: [{ selector: 'ecabs-date-range-picker', providers: [
|
|
3107
3107
|
{
|
|
@@ -3115,7 +3115,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
3115
3115
|
multi: true,
|
|
3116
3116
|
},
|
|
3117
3117
|
UnsubscribeService,
|
|
3118
|
-
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <div class=\"form-field__input--wrapper\">\r\n <mat-date-range-input \r\n [rangePicker]=\"picker\" \r\n [min]=\"minDate\"\r\n [max]=\"maxDate\" \r\n (blur)=\"onTouch()\">\r\n <input matStartDate class=\"form-field__input\" [placeholder]=\"startDatePlaceholder ?? translationConfig?.startDatePlaceholder\" [value]=\"dateFrom\" [(ngModel)]=\"dateFrom\" />\r\n <input matEndDate class=\"form-field__input\" [placeholder]=\"endDatePlaceholder ?? translationConfig?.endDatePlaceholder\" [value]=\"dateTo\" [(ngModel)]=\"dateTo\" />\r\n </mat-date-range-input>\r\n <mat-datepicker-toggle matSuffix [for]=\"picker\">\r\n <mat-icon matDatepickerToggleIcon class=\"text-gray-500\">calendar_today</mat-icon>\r\n </mat-datepicker-toggle>\r\n <mat-date-range-picker #picker [calendarHeaderComponent]=\"header\" [touchUi]=\"touchUi\">\r\n <mat-datepicker-actions>\r\n <ecabs-date-picker-actions [applyLabel]=\"applyLabel ?? translationConfig?.applyLabel\"\r\n [cancelLabel]=\"cancelLabel ?? translationConfig?.cancelLabel\"\r\n [isDateRange]=\"true\"\r\n [disabledApplyButton]=\"disabledApplyButton\"\r\n (apply)=\"onApply()\">\r\n </ecabs-date-picker-actions>\r\n </mat-datepicker-actions>\r\n </mat-date-range-picker>\r\n </div>\r\n</ecabs-element-wrapper>\r\n", styles: [".header{display:flex;align-items:center;padding:.5em}.datepicker-ui__toggle.mat-mdc-icon-button.mat-mdc-button-base,.mat-mdc-icon-button.mat-mdc-button-base.mat-datepicker-toggle{padding:0;width:2.5rem;height:2.5rem;line-height:2}.header-label{flex:1;height:1em;font-weight:500;text-align:center}.select-date-label{color:var(--color-brand-dark);padding-top:1.6rem;padding-left:1.6rem}.mat-calendar-table .mat-calendar-body tr:first-child[aria-hidden=true]{display:none}.mat-calendar-body-label{visibility:hidden}.mat-calendar-body-cell-content{border-radius:.25rem!important;font-size:1rem!important}.mat-calendar-body-active .mat-calendar-body-today{color:var(--color-brand-light)!important;background-color:var(--color-brand-light2)!important}.mat-calendar{align-self:center}.mat-calendar .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:var(--color-brand-light2);color:var(--color-black)}.mat-calendar .mat-calendar-body-cell.mat-calendar-body-active .mat-calendar-body-cell-content.mat-calendar-body-selected,.mat-calendar .mat-calendar-body-cell.mat-calendar-body-active:hover .mat-calendar-body-cell-content.mat-calendar-body-selected{background-color:var(--color-brand-light)!important;color:var(--color-white)!important}.mat-calendar .mat-calendar-body-selected{background-color:var(--color-brand-light);color:var(--color-white)!important}.mat-calendar .mat-calendar-body-selected .mat-calendar-body-today{color:var(--color-white)!important}.mat-calendar .mat-calendar-table-header,.mat-calendar .mat-calendar-body-label{color:var(--color-gray-500)}.mat-calendar .mat-calendar-body-cell>.mat-calendar-body-today{opacity:1}.mat-calendar .mat-calendar-body-cell-content,.mat-calendar .mat-date-range-input-separator{color:var(--color-black)}.mat-calendar .mat-calendar-content{padding:0 1.6rem}.mat-calendar .mat-calendar-table-header th{font-size:16px;font-size:1rem}.mat-calendar .mat-calendar-table-header-divider:after{display:none}.mat-calendar .mat-calendar-body{font-size:16px;font-size:1rem}.mat-calendar .mat-calendar-body-in-range:before{background-color:var(--color-brand-light2)}.mat-calendar .mat-calendar-body-in-range .mat-calendar-body-cell-content{color:var(--color-black)!important}.mat-calendar .mat-calendar-body-range-start .mat-calendar-body-cell-content,.mat-calendar .mat-calendar-body-range-end .mat-calendar-body-cell-content{color:var(--color-white)!important}.mat-datepicker-popup .mat-datepicker-content{color:var(--color-black);box-shadow:0 0 25px #0003}.mat-datepicker-popup .mat-datepicker-actions{display:unset;margin-top:1rem;padding:0 1.6rem 1.6rem}.mat-datepicker-popup .mat-datepicker-actions .mat-button-base+.mat-button-base{margin-left:unset}.mat-datepicker-popup .mat-datepicker-actions button.mat-button-base{min-width:100%}.mat-datepicker-popup .mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:var(--color-gray-300)}.datepicker-ui__toggle,.mat-datepicker-toggle{position:absolute!important;right:0;line-height:1.25;padding:0}.datepicker-ui__toggle mat-icon,.mat-datepicker-toggle mat-icon{color:var(--color-gray-500)}ecabs-date-picker .dateTimeWrapper{position:relative;display:flex;width:100%}ecabs-date-picker .dateTimeWrapper .datePart{flex:2}ecabs-date-picker .dateTimeWrapper .timePart{flex:1;padding-left:10px;vertical-align:top;max-width:10rem}ecabs-date-picker .dateTimeWrapper .timePart ecabs-timepicker .timeInputWrapper{display:block}ecabs-date-picker .dateTimeWrapper .timePart ecabs-timepicker{width:100%}ecabs-date-picker .dateTimeWrapper .timePart ecabs-timepicker .inputWrapper{display:block}ecabs-date-picker .dateTimeWrapper .dateInputWrapper{position:relative}ecabs-date-picker .dateTimeWrapper input{min-height:42px;width:100%;display:block;box-sizing:border-box;font-size:14px;font-weight:500;padding-left:10px;border-radius:4px;border:1px solid rgb(107,109,115);outline:none;transition:all .3s ease-in-out}ecabs-date-picker .dateTimeWrapper input:disabled{border-bottom-width:1px;background-color:var(--color-white-opacity-05)}ecabs-date-picker .dateTimeWrapper input[type=date]::-webkit-calendar-picker-indicator,ecabs-date-picker .dateTimeWrapper input[type=date]::-webkit-inner-spin-button{display:none}ecabs-date-picker .dateTimeWrapper input[type=date]::-webkit-clear-button{display:none}ecabs-date-picker .dateTimeWrapper .calendar-icon{float:right;margin-top:-38px;padding:5px 10px 5px 5px;display:block;font-size:13px;line-height:20px;color:var(--color-gray-500);position:relative;width:40px;height:30px;cursor:pointer;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjQuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0OCA0OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDggNDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNkI2RDczO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTksNDRjLTAuOCwwLTEuNS0wLjMtMi4xLTAuOUM2LjMsNDIuNSw2LDQxLjgsNiw0MVYxMGMwLTAuOCwwLjMtMS41LDAuOS0yLjFTOC4yLDcsOSw3aDMuMlY0aDMuMnYzaDE3VjRoMy4ydjMKCUgzOWMwLjgsMCwxLjUsMC4zLDIuMSwwLjlDNDEuNyw4LjUsNDIsOS4yLDQyLDEwdjMxYzAsMC44LTAuMywxLjUtMC45LDIuMUM0MC41LDQzLjcsMzkuOCw0NCwzOSw0NEg5eiBNOSw0MWgzMGwwLDBsMCwwVjE5LjVIOVY0MQoJTDksNDFMOSw0MXogTTksMTYuNWgzMFYxMGwwLDBsMCwwSDlsMCwwbDAsMFYxNi41eiBNOSwxNi41VjEwbDAsMGwwLDBsMCwwbDAsMFYxNi41eiIvPgo8L3N2Zz4K);background-position:center center;background-repeat:no-repeat;background-size:1.375rem}ecabs-date-picker .dateTimeWrapper .calendar-icon.disabled{cursor:not-allowed}ecabs-date-picker .ecabs-element-wrapper.focused label{color:#376bfb}ecabs-date-picker .ecabs-element-wrapper.focused input{border-bottom-width:2px;border-bottom-color:#376bfb}ecabs-date-picker .ecabs-element-wrapper.validationError label{color:#ff4c4c}ecabs-date-picker .ecabs-element-wrapper.validationError input{border-bottom-color:#ff4c4c;border-bottom-width:2px}.ng-mydp .myDpSelector{border:0;padding:0;box-shadow:0 4px 6px #162a4c14,0 2px 16px #162a4c0f,0 8px 12px #162a4c0a;border-radius:0 0 4px 4px;background:#fff}.ng-mydp .myDpSelector:focus{box-shadow:0 4px 6px #162a4c14,0 2px 16px #162a4c0f,0 8px 12px #162a4c0a}.ng-mydp .myDpSelector .myDpWeekDayTitle{background-color:#fff;font-weight:500;font-size:11px;color:#162a4cb3}.ng-mydp .myDpSelector .myDpNextBtn{margin-left:auto;margin-right:16px}.ng-mydp .myDpSelector .myDpNextBtn .myDpIconRightArrow{line-height:26px;height:25px}.ng-mydp .myDpSelector .myDpNextBtn .myDpIconRightArrow:before{color:#376bfb;font-size:13px}.ng-mydp .myDpSelector .myDpPrevBtn{margin-left:16px}.ng-mydp .myDpSelector .myDpPrevBtn .myDpIconLeftArrow{line-height:26px;height:25px}.ng-mydp .myDpSelector .myDpPrevBtn .myDpIconLeftArrow:before{color:#376bfb;font-size:13px}.ng-mydp .myDpSelector .myDpMonthYearSelBar{height:52px;padding-top:10px;border:0}.ng-mydp .myDpSelector .myDpMonthYearText button{font-weight:500;font-size:13px;line-height:20px;color:#376bfb}.ng-mydp .myDpSelector .myDpMonthYearText .myDpMonthBtn{padding-right:7px;position:relative;margin-right:15px}.ng-mydp .myDpSelector .myDpMonthYearText .myDpMonthBtn:after{position:absolute;content:\"\";height:14px;width:1px;right:-7px;top:6px;background:#162a4c80}.ng-mydp .myDpSelector .myDpMonthYearText .myDpYearBtn{padding-left:6px}.ng-mydp .myDpSelector .myDpCalTable{height:calc(100% - 54px);width:calc(100% - 20px);margin:0 10px}.ng-mydp .myDpSelector table.myDpCalTable td .myDpDayValue{border-radius:4px;background:#f0f2f5;display:inline-block;box-sizing:border-box;width:32px;height:28px;font-size:13px;line-height:28px;text-align:center;color:#162a4ce6}.ng-mydp .myDpSelector table.myDpCalTable td .myDpDayValue.myDpMarkCurrDay{border-bottom:0;color:#376bfb}.ng-mydp .myDpSelector table.myDpCalTable td.myDpSelectedDay .myDpDayValue{color:#fff!important;background:#6ab72a!important}.ng-mydp .myDpSelector table.myDpCalTable td.myDpDisabled{background:unset}.ng-mydp .myDpSelector table.myDpCalTable td.myDpDisabled .myDpDayValue{background:unset!important;color:#162a4c80;cursor:not-allowed}.ng-mydp .myDpSelector table.myDpCalTable td.myDpDisabled .myDpDayValue:hover{background:unset!important}.ng-mydp .myDpSelector table.myDpCalTable td.myDpRangeColor{background-color:#fff}.ng-mydp .myDpSelector table.myDpCalTable td.myDpRangeColor .myDpDayValue{background:#bee39d!important}.ng-mydp .myDpSelector table.myDpCalTable td.myDpRangeColor.myDpSelectedDay .myDpDayValue{color:#fff!important;background:#6ab72a!important}.ng-mydp .myDpSelector table.myDpCalTable td.myDpDaycell:focus{box-shadow:unset;outline:unset}.ng-mydp .myDpSelector table.myDpCalTable td.myDpPrevMonth .myDpDayValue,.ng-mydp .myDpSelector table.myDpCalTable td.myDpNextMonth .myDpDayValue{background:#f6f7f9;color:#162a4c80}.ng-mydp .myDpSelector table.myDpCalTable td .myDpDimDay{opacity:1}.ng-mydp .myDpSelector table.myDpCalTable .myDpTableSingleDay:hover{background-color:#fff}.ng-mydp .myDpSelector table.myDpCalTable .myDpTableSingleDay:hover .myDpDayValue{background:#bee39d;color:#162a4ce6}.ng-mydp .myDpSelector table.myDpCalTable .myDpSelectedDay,.ng-mydp .myDpSelector table.myDpCalTable .myDpSelectedMonth,.ng-mydp .myDpSelector table.myDpCalTable .myDpSelectedYear{background-color:#fff;border-radius:0}.ng-mydp .myDpSelector .myDpMonthTable{height:128px;width:calc(100% - 20px);margin:0 10px}.ng-mydp .myDpSelector .myDpMonthTable td .myDpMonthValue{display:inline-block;height:28px;width:80px;background:#f0f2f5;vertical-align:middle;text-align:center;line-height:28px;font-weight:400;font-size:13px;color:#162a4ce6;border-radius:4px}.ng-mydp .myDpSelector .myDpMonthTable td .myDpMonthValue.myDpMarkCurrMonth{border:0;color:#376bfb}.ng-mydp .myDpSelector .myDpMonthTable td .myDpMonthValue:hover{background:#bee39d}.ng-mydp .myDpSelector .myDpMonthTable td.myDpDisabled{background:unset}.ng-mydp .myDpSelector .myDpMonthTable td.myDpDisabled .myDpMonthValue{background:unset!important;color:#162a4c80!important;cursor:not-allowed}.ng-mydp .myDpSelector .myDpMonthTable td.myDpSelectedMonth{background-color:#fff}.ng-mydp .myDpSelector .myDpMonthTable td.myDpSelectedMonth .myDpMonthValue{background:#6ab72a!important;color:#fff!important}.ng-mydp .myDpSelector .myDpMonthTable td.myDpTableSingleMonth:hover{background-color:#fff}.ng-mydp .myDpSelector .myDpYearTable{height:160px;width:calc(100% - 20px);margin:0 10px}.ng-mydp .myDpSelector .myDpYearTable td .myDpYearValue{display:inline-block;height:28px;width:46px;background:#f0f2f5;vertical-align:middle;text-align:center;line-height:28px;font-weight:400;font-size:13px;color:#162a4ce6;border-radius:4px}.ng-mydp .myDpSelector .myDpYearTable td .myDpYearValue.myDpMarkCurrYear{border:0;color:#376bfb}.ng-mydp .myDpSelector .myDpYearTable td .myDpYearValue:hover{background:#bee39d}.ng-mydp .myDpSelector .myDpYearTable td.myDpDisabled{background:unset}.ng-mydp .myDpSelector .myDpYearTable td.myDpDisabled .myDpYearValue{background:unset!important;color:#162a4c80!important;cursor:not-allowed}.ng-mydp .myDpSelector .myDpYearTable td.myDpSelectedYear{background-color:#fff}.ng-mydp .myDpSelector .myDpYearTable td.myDpSelectedYear .myDpYearValue{background:#6ab72a!important;color:#fff!important}.ng-mydp .myDpSelector .myDpYearTable td.myDpTableSingleYear:hover{background-color:#fff}.ng-mydp .myDpSelectorArrow{height:272px!important;width:268px!important;margin-top:-12px}.ng-mydp .myDpSelectorArrow:after{display:none}.ng-mydp .myDpSelectorArrow:before{display:none}:root{--color-black: #07080d;--color-white: #ffffff;--color-white-opacity-05: rgba(0, 0, 0, .05);--color-gray-100: #f5f6f9;--color-gray-200: #f8f9f9;--color-gray-300: #d9d9d9;--color-gray-400: #a6a6a6;--color-gray-500: #6b6d73;--color-brand-dark: #193273;--color-brand-dark-rgb: 25, 50, 115;--color-brand-light: #325FDA;--color-brand-light2: #e7efff;--color-brand-light-rgb: 50, 95, 218;--color-brand-300: #e7efff;--color-brand-300-rgb: 231, 239, 255;--color-error: #df3838;--color-error-opacity: #fbe4e4;--color-error-rgb: 223, 56, 56;--color-notification: #f4d04f;--color-notification-rgb: 244, 208, 79;--color-warn: #f2994a;--color-warn-rgb: 242, 153, 74;--color-info: #325fda;--color-info-rgb: 50, 95, 218;--color-warning: #f2994a;--color-warning-opacity: #fdf0e4;--color-success: #25bd3d;--color-success--opacity: #e8f8e5;--color-success-rgb: 37, 189, 61;--color-allocation-started: #E8F8E5;--color-allocation-scheduled: #FDF0E4;--color-allocation-ended: #FBE4E4;--color-allocation-sick: #E7EFFF;--color-allocation-no-show: #EAE5FF;--color-allocation-unavailable: #F2F2F2;--cropper-outline-color: rgba(0, 0, 0, .5)}.mat-date-range-input{display:block;width:100%;padding:.5rem 1rem;border-radius:.25rem;border:1px solid var(--color-gray-500);color:var(--color-black);line-height:1.5}:host ::ng-deep .mat-mdc-icon-button{max-width:2.5rem;max-height:2.5rem}\n"] }]
|
|
3118
|
+
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <div class=\"form-field__input--wrapper\">\r\n <mat-date-range-input \r\n [rangePicker]=\"picker\" \r\n [min]=\"minDate\"\r\n [max]=\"maxDate\" \r\n (blur)=\"onTouch()\">\r\n <input matStartDate name=\"startDateRange\" [placeholder]=\"startDatePlaceholder ?? translationConfig?.startDatePlaceholder\" [value]=\"dateFrom\" [(ngModel)]=\"dateFrom\" />\r\n <input matEndDate name=\"endDateRange\" [placeholder]=\"endDatePlaceholder ?? translationConfig?.endDatePlaceholder\" [value]=\"dateTo\" [(ngModel)]=\"dateTo\" />\r\n </mat-date-range-input>\r\n <mat-datepicker-toggle matSuffix [for]=\"picker\">\r\n <mat-icon matDatepickerToggleIcon class=\"text-gray-500\">calendar_today</mat-icon>\r\n </mat-datepicker-toggle>\r\n <mat-date-range-picker #picker [calendarHeaderComponent]=\"header\" [touchUi]=\"touchUi\">\r\n <mat-datepicker-actions>\r\n <ecabs-date-picker-actions [applyLabel]=\"applyLabel ?? translationConfig?.applyLabel\"\r\n [cancelLabel]=\"cancelLabel ?? translationConfig?.cancelLabel\"\r\n [isDateRange]=\"true\"\r\n [disabledApplyButton]=\"disabledApplyButton\"\r\n (apply)=\"onApply()\">\r\n </ecabs-date-picker-actions>\r\n </mat-datepicker-actions>\r\n </mat-date-range-picker>\r\n </div>\r\n</ecabs-element-wrapper>\r\n", styles: [":root{--color-black: #07080d;--color-white: #ffffff;--color-white-opacity-05: rgba(0, 0, 0, .05);--color-gray-100: #f5f6f9;--color-gray-200: #f8f9f9;--color-gray-300: #d9d9d9;--color-gray-400: #a6a6a6;--color-gray-500: #6b6d73;--color-brand-dark: #193273;--color-brand-dark-rgb: 25, 50, 115;--color-brand-light: #325FDA;--color-brand-light2: #e7efff;--color-brand-light-rgb: 50, 95, 218;--color-brand-300: #e7efff;--color-brand-300-rgb: 231, 239, 255;--color-error: #df3838;--color-error-opacity: #fbe4e4;--color-error-rgb: 223, 56, 56;--color-notification: #f4d04f;--color-notification-rgb: 244, 208, 79;--color-warn: #f2994a;--color-warn-rgb: 242, 153, 74;--color-info: #325fda;--color-info-rgb: 50, 95, 218;--color-warning: #f2994a;--color-warning-opacity: #fdf0e4;--color-success: #25bd3d;--color-success--opacity: #e8f8e5;--color-success-rgb: 37, 189, 61;--color-allocation-started: #E8F8E5;--color-allocation-scheduled: #FDF0E4;--color-allocation-ended: #FBE4E4;--color-allocation-sick: #E7EFFF;--color-allocation-no-show: #EAE5FF;--color-allocation-unavailable: #F2F2F2;--cropper-outline-color: rgba(0, 0, 0, .5)}.datepicker-ui__toggle,.mat-datepicker-toggle{position:absolute!important;right:0;line-height:1.25;padding:0}.datepicker-ui__toggle mat-icon,.mat-datepicker-toggle mat-icon{color:var(--color-gray-500)}ecabs-date-picker .dateTimeWrapper{position:relative;display:flex;width:100%}ecabs-date-picker .dateTimeWrapper .datePart{flex:2}ecabs-date-picker .dateTimeWrapper .timePart{flex:1;padding-left:10px;vertical-align:top;max-width:10rem}ecabs-date-picker .dateTimeWrapper .timePart ecabs-timepicker .timeInputWrapper{display:block}ecabs-date-picker .dateTimeWrapper .timePart ecabs-timepicker{width:100%}ecabs-date-picker .dateTimeWrapper .timePart ecabs-timepicker .inputWrapper{display:block}ecabs-date-picker .dateTimeWrapper .dateInputWrapper{position:relative}ecabs-date-picker .dateTimeWrapper input{min-height:42px;width:100%;display:block;box-sizing:border-box;font-size:14px;font-weight:500;padding-left:10px;border-radius:4px;border:1px solid rgb(107,109,115);outline:none;transition:all .3s ease-in-out}ecabs-date-picker .dateTimeWrapper input:disabled{border-bottom-width:1px;background-color:var(--color-white-opacity-05)}ecabs-date-picker .dateTimeWrapper input[type=date]::-webkit-calendar-picker-indicator,ecabs-date-picker .dateTimeWrapper input[type=date]::-webkit-inner-spin-button{display:none}ecabs-date-picker .dateTimeWrapper input[type=date]::-webkit-clear-button{display:none}ecabs-date-picker .dateTimeWrapper .calendar-icon{float:right;margin-top:-38px;padding:5px 10px 5px 5px;display:block;font-size:13px;line-height:20px;color:var(--color-gray-500);position:relative;width:40px;height:30px;cursor:pointer;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjQuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0OCA0OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDggNDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNkI2RDczO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTksNDRjLTAuOCwwLTEuNS0wLjMtMi4xLTAuOUM2LjMsNDIuNSw2LDQxLjgsNiw0MVYxMGMwLTAuOCwwLjMtMS41LDAuOS0yLjFTOC4yLDcsOSw3aDMuMlY0aDMuMnYzaDE3VjRoMy4ydjMKCUgzOWMwLjgsMCwxLjUsMC4zLDIuMSwwLjlDNDEuNyw4LjUsNDIsOS4yLDQyLDEwdjMxYzAsMC44LTAuMywxLjUtMC45LDIuMUM0MC41LDQzLjcsMzkuOCw0NCwzOSw0NEg5eiBNOSw0MWgzMGwwLDBsMCwwVjE5LjVIOVY0MQoJTDksNDFMOSw0MXogTTksMTYuNWgzMFYxMGwwLDBsMCwwSDlsMCwwbDAsMFYxNi41eiBNOSwxNi41VjEwbDAsMGwwLDBsMCwwbDAsMFYxNi41eiIvPgo8L3N2Zz4K);background-position:center center;background-repeat:no-repeat;background-size:1.375rem}ecabs-date-picker .dateTimeWrapper .calendar-icon.disabled{cursor:not-allowed}ecabs-date-picker .ecabs-element-wrapper.focused label{color:#376bfb}ecabs-date-picker .ecabs-element-wrapper.focused input{border-bottom-width:2px;border-bottom-color:#376bfb}ecabs-date-picker .ecabs-element-wrapper.validationError label{color:#ff4c4c}ecabs-date-picker .ecabs-element-wrapper.validationError input{border-bottom-color:#ff4c4c;border-bottom-width:2px}.ng-mydp .myDpSelector{border:0;padding:0;box-shadow:0 4px 6px #162a4c14,0 2px 16px #162a4c0f,0 8px 12px #162a4c0a;border-radius:0 0 4px 4px;background:#fff}.ng-mydp .myDpSelector:focus{box-shadow:0 4px 6px #162a4c14,0 2px 16px #162a4c0f,0 8px 12px #162a4c0a}.ng-mydp .myDpSelector .myDpWeekDayTitle{background-color:#fff;font-weight:500;font-size:11px;color:#162a4cb3}.ng-mydp .myDpSelector .myDpNextBtn{margin-left:auto;margin-right:16px}.ng-mydp .myDpSelector .myDpNextBtn .myDpIconRightArrow{line-height:26px;height:25px}.ng-mydp .myDpSelector .myDpNextBtn .myDpIconRightArrow:before{color:#376bfb;font-size:13px}.ng-mydp .myDpSelector .myDpPrevBtn{margin-left:16px}.ng-mydp .myDpSelector .myDpPrevBtn .myDpIconLeftArrow{line-height:26px;height:25px}.ng-mydp .myDpSelector .myDpPrevBtn .myDpIconLeftArrow:before{color:#376bfb;font-size:13px}.ng-mydp .myDpSelector .myDpMonthYearSelBar{height:52px;padding-top:10px;border:0}.ng-mydp .myDpSelector .myDpMonthYearText button{font-weight:500;font-size:13px;line-height:20px;color:#376bfb}.ng-mydp .myDpSelector .myDpMonthYearText .myDpMonthBtn{padding-right:7px;position:relative;margin-right:15px}.ng-mydp .myDpSelector .myDpMonthYearText .myDpMonthBtn:after{position:absolute;content:\"\";height:14px;width:1px;right:-7px;top:6px;background:#162a4c80}.ng-mydp .myDpSelector .myDpMonthYearText .myDpYearBtn{padding-left:6px}.ng-mydp .myDpSelector .myDpCalTable{height:calc(100% - 54px);width:calc(100% - 20px);margin:0 10px}.ng-mydp .myDpSelector table.myDpCalTable td .myDpDayValue{border-radius:4px;background:#f0f2f5;display:inline-block;box-sizing:border-box;width:32px;height:28px;font-size:13px;line-height:28px;text-align:center;color:#162a4ce6}.ng-mydp .myDpSelector table.myDpCalTable td .myDpDayValue.myDpMarkCurrDay{border-bottom:0;color:#376bfb}.ng-mydp .myDpSelector table.myDpCalTable td.myDpSelectedDay .myDpDayValue{color:#fff!important;background:#6ab72a!important}.ng-mydp .myDpSelector table.myDpCalTable td.myDpDisabled{background:unset}.ng-mydp .myDpSelector table.myDpCalTable td.myDpDisabled .myDpDayValue{background:unset!important;color:#162a4c80;cursor:not-allowed}.ng-mydp .myDpSelector table.myDpCalTable td.myDpDisabled .myDpDayValue:hover{background:unset!important}.ng-mydp .myDpSelector table.myDpCalTable td.myDpRangeColor{background-color:#fff}.ng-mydp .myDpSelector table.myDpCalTable td.myDpRangeColor .myDpDayValue{background:#bee39d!important}.ng-mydp .myDpSelector table.myDpCalTable td.myDpRangeColor.myDpSelectedDay .myDpDayValue{color:#fff!important;background:#6ab72a!important}.ng-mydp .myDpSelector table.myDpCalTable td.myDpDaycell:focus{box-shadow:unset;outline:unset}.ng-mydp .myDpSelector table.myDpCalTable td.myDpPrevMonth .myDpDayValue,.ng-mydp .myDpSelector table.myDpCalTable td.myDpNextMonth .myDpDayValue{background:#f6f7f9;color:#162a4c80}.ng-mydp .myDpSelector table.myDpCalTable td .myDpDimDay{opacity:1}.ng-mydp .myDpSelector table.myDpCalTable .myDpTableSingleDay:hover{background-color:#fff}.ng-mydp .myDpSelector table.myDpCalTable .myDpTableSingleDay:hover .myDpDayValue{background:#bee39d;color:#162a4ce6}.ng-mydp .myDpSelector table.myDpCalTable .myDpSelectedDay,.ng-mydp .myDpSelector table.myDpCalTable .myDpSelectedMonth,.ng-mydp .myDpSelector table.myDpCalTable .myDpSelectedYear{background-color:#fff;border-radius:0}.ng-mydp .myDpSelector .myDpMonthTable{height:128px;width:calc(100% - 20px);margin:0 10px}.ng-mydp .myDpSelector .myDpMonthTable td .myDpMonthValue{display:inline-block;height:28px;width:80px;background:#f0f2f5;vertical-align:middle;text-align:center;line-height:28px;font-weight:400;font-size:13px;color:#162a4ce6;border-radius:4px}.ng-mydp .myDpSelector .myDpMonthTable td .myDpMonthValue.myDpMarkCurrMonth{border:0;color:#376bfb}.ng-mydp .myDpSelector .myDpMonthTable td .myDpMonthValue:hover{background:#bee39d}.ng-mydp .myDpSelector .myDpMonthTable td.myDpDisabled{background:unset}.ng-mydp .myDpSelector .myDpMonthTable td.myDpDisabled .myDpMonthValue{background:unset!important;color:#162a4c80!important;cursor:not-allowed}.ng-mydp .myDpSelector .myDpMonthTable td.myDpSelectedMonth{background-color:#fff}.ng-mydp .myDpSelector .myDpMonthTable td.myDpSelectedMonth .myDpMonthValue{background:#6ab72a!important;color:#fff!important}.ng-mydp .myDpSelector .myDpMonthTable td.myDpTableSingleMonth:hover{background-color:#fff}.ng-mydp .myDpSelector .myDpYearTable{height:160px;width:calc(100% - 20px);margin:0 10px}.ng-mydp .myDpSelector .myDpYearTable td .myDpYearValue{display:inline-block;height:28px;width:46px;background:#f0f2f5;vertical-align:middle;text-align:center;line-height:28px;font-weight:400;font-size:13px;color:#162a4ce6;border-radius:4px}.ng-mydp .myDpSelector .myDpYearTable td .myDpYearValue.myDpMarkCurrYear{border:0;color:#376bfb}.ng-mydp .myDpSelector .myDpYearTable td .myDpYearValue:hover{background:#bee39d}.ng-mydp .myDpSelector .myDpYearTable td.myDpDisabled{background:unset}.ng-mydp .myDpSelector .myDpYearTable td.myDpDisabled .myDpYearValue{background:unset!important;color:#162a4c80!important;cursor:not-allowed}.ng-mydp .myDpSelector .myDpYearTable td.myDpSelectedYear{background-color:#fff}.ng-mydp .myDpSelector .myDpYearTable td.myDpSelectedYear .myDpYearValue{background:#6ab72a!important;color:#fff!important}.ng-mydp .myDpSelector .myDpYearTable td.myDpTableSingleYear:hover{background-color:#fff}.ng-mydp .myDpSelectorArrow{height:272px!important;width:268px!important;margin-top:-12px}.ng-mydp .myDpSelectorArrow:after{display:none}.ng-mydp .myDpSelectorArrow:before{display:none}.btn{font-size:16px;font-size:1rem;border:0;min-width:6.9375rem;min-height:2.625rem;width:max-content;padding:.5rem 1.5rem;font-weight:400;line-height:1.5}.btn:after{border:1px solid transparent;inset:0;border-radius:.25rem}.btn__primary{background-color:var(--color-brand-dark);color:var(--color-white)}.btn__primary:hover{background-color:rgba(var(--color-brand-dark-rgb),.88)}.btn__primary--outline,.btn__primary--link{background-color:transparent;border-color:var(--color-brand-dark);color:var(--color-brand-dark)}.btn__primary--outline:after,.btn__primary--link:after{border-color:var(--color-brand-dark)}.btn__primary--outline:hover,.btn__primary--link:hover{background-color:var(--color-gray-200)}.btn__primary--link:after{border-color:transparent}.btn__primary--link:hover{background-color:var(--color-gray-200)}.btn__secondary{background-color:var(--color-brand-light);color:var(--color-white)}.btn__secondary:hover{background-color:rgba(var(--color-brand-light-rgb),.88)}.btn__secondary--outline,.btn__secondary--link{background-color:transparent;border-color:var(--color-brand-light);color:var(--color-brand-light)}.btn__secondary--outline:after,.btn__secondary--link:after{border-color:var(--color-brand-light)}.btn__secondary--outline:hover,.btn__secondary--link:hover{background-color:var(--color-gray-200)}.btn__secondary--link:after{border-color:transparent}.btn__warn{background-color:var(--color-error);color:var(--color-white)}.btn__warn:hover{background-color:rgba(var(--color-error-rgb),.88)}.btn__warn--outline,.btn__success--link,.btn__warn--link{background-color:transparent;border-color:var(--color-error);color:var(--color-error)}.btn__warn--outline:after,.btn__success--link:after,.btn__warn--link:after{border-color:var(--color-error)}.btn__warn--outline:hover,.btn__success--link:hover,.btn__warn--link:hover{background-color:var(--color-gray-200)}.btn__warn--link:after{border-color:transparent}.btn__success{background-color:var(--color-success);color:var(--color-white)}.btn__success:hover{background-color:rgba(var(--color-success-rgb),.88)}.btn__success--outline{background-color:transparent;border-color:var(--color-success);color:var(--color-success)}.btn__success--outline:after{border-color:var(--color-success)}.btn__success--outline:hover{background-color:var(--color-gray-200)}.btn__success--link:after{border-color:transparent}.btn__group{display:flex;width:100%;align-items:center;column-gap:1rem;margin-top:1.2rem}@media (min-width: 0) and (max-width: 768px){.btn__group{display:flex;flex-direction:column;gap:1.2rem}}.btn__group--item{min-width:6.25rem}@media (min-width: 0) and (max-width: 768px){.btn__group--item{width:100%;margin-right:0}}.btn__group--item:last-of-type{margin-right:0}.btn__disabled,.btn__disabled--outline{background-color:var(--color-gray-300);color:var(--color-gray-400);cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.btn__disabled--outline{background-color:transparent}.btn__disabled--outline:after{border-color:var(--color-gray-300)}.btn:disabled:hover,.btn.loading:hover{background-color:var(--color-gray-300);color:var(--color-gray-400);box-shadow:none}.btn__with-icon--wrapper{display:flex;align-items:center;justify-content:center}.btn__with-icon--wrapper i,.btn__with-icon--wrapper .mat-icon{display:inline-block;margin-right:.6rem}.btn--lg{padding:1rem 1.5rem}.card{box-shadow:0 0 10px #0000001a}.card--subtitle{font-size:14px;font-size:.875rem;color:var(--color-gray-500)}.card--title{font-size:22px;font-size:1.375rem;margin:0;padding-top:2rem;padding-left:1.5rem;color:var(--color-brand-dark);font-weight:600}.card__content{padding:2rem 1.5rem}.chip{font-size:16px;font-size:1rem;border-radius:.25rem;display:flex;width:fit-content;padding:.375rem .5rem;align-items:center;justify-content:center;background-color:var(--color-gray-200)!important;color:var(--color-gray-500);font-weight:400}.chip--info{background-color:rgba(var(--color-info-rgb),.06)!important;color:var(--color-info)}.chip--warn{background-color:rgba(var(--color-warn-rgb),.06)!important;color:var(--color-warn)}.chip--danger{background-color:rgba(var(--color-error-rgb),.06)!important;color:var(--color-error)}.chip--success{background-color:rgba(var(--color-success-rgb),.06)!important;color:var(--color-success)}.chip--selected{background-color:var(--color-brand-light)!important}.chip--selected,.chip--selected *{color:var(--color-white);border-color:var(--color-brand-light)}.chip--not-selected{border:1px solid var(--color-gray-300);background-color:var(--color-white)!important;color:var(--color-black)}.dialog__title{font-size:22px;font-size:1.375rem;font-weight:600;color:var(--color-brand-dark);line-height:1.5}.dialog--maps{padding:1px;border-radius:.5rem;background:#9cc0f9}.divider{border-top-color:var(--color-gray-300)}.drag-drop--container{background-color:var(--color-white)}.drag-drop--container.cdk-drop-list-dragging .drag-drop--item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.drag-drop--container .cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.drag-drop--item{background-color:var(--color-white);cursor:move}.drag-drop--item.cdk-drag-preview{border-radius:.25rem;box-shadow:0 0 10px #0000001a;padding-left:2rem;padding-right:2rem}.drag-drop--placeholder{background:var(--color-gray-200);border:dashed 2px var(--color-gray-400)!important;min-height:7.5rem;transition:transform .25s cubic-bezier(0,0,.2,1)}.form-field,form-field{margin-bottom:1rem;position:relative}.form-field__label,form-field__label{font-size:12px;font-size:.75rem;display:inline-block;margin-bottom:.25rem;color:var(--color-gray-500);cursor:pointer}.form-field__label .icon,form-field__label .icon{font-size:16px;font-size:1rem;display:inline;vertical-align:middle;margin-left:.375rem}.form-field__label-note,form-field__label-note{font-size:14px;font-size:.875rem;display:inline-block;margin-bottom:.25rem;color:var(--color-gray-400);cursor:pointer}.form-field__input,form-field__input{font-size:16px;font-size:1rem;display:block;width:100%;padding:.5rem 1rem;border-radius:.25rem;border:1px solid var(--color-gray-500);color:var(--color-black);line-height:1.5}.form-field__input:focus,form-field__input:focus{border-color:var(--color-brand-dark)}.form-field__input--wrapper,form-field__input--wrapper{display:flex;position:relative;line-height:1}.form-field__input--suffix,.form-field__textarea--prefix,form-field__textarea--prefix,.form-field__input--prefix,form-field__input--prefix,form-field__input--suffix{position:absolute!important;top:50%;right:1rem;color:var(--color-gray-500);transform:translateY(-50%)}.form-field__input--suffix,.form-field__textarea--prefix,form-field__textarea--prefix,.form-field__input--prefix,form-field__input--prefix,.form-field__input--suffix i,.form-field__textarea--prefix i,form-field__textarea--prefix i,.form-field__input--prefix i,form-field__input--prefix i,.form-field__input--suffix .mat-icon,.form-field__textarea--prefix .mat-icon,form-field__textarea--prefix .mat-icon,.form-field__input--prefix .mat-icon,form-field__input--prefix .mat-icon,form-field__input--suffix,form-field__input--suffix i,form-field__input--suffix .mat-icon{font-size:18px;font-size:1.125rem;width:1.125rem;height:1.125rem}.form-field__input--prefix,form-field__input--prefix{right:unset;left:1rem}.form-field__input--disabled,form-field__input--disabled{background-color:var(--color-gray-100);border-color:transparent}.form-field__input--invalid,form-field__input--invalid{border-color:var(--color-error);color:var(--color-error)}.form-field__textarea,form-field__textarea{font-size:16px;font-size:1rem;display:block;width:100%;padding:1rem;border-radius:.25rem;border:1px solid var(--color-gray-500);color:var(--color-black);line-height:1.5}.form-field__textarea:focus,form-field__textarea:focus{border-color:var(--color-brand-dark)}.form-field__textarea--wrapper,form-field__textarea--wrapper{display:flex;position:relative;line-height:1}.form-field__textarea--suffix,form-field__textarea--suffix{position:absolute!important;top:50%;right:1rem;color:var(--color-gray-500);transform:translateY(-50%)}.form-field__textarea--suffix,.form-field__textarea--suffix i,.form-field__textarea--suffix .mat-icon,form-field__textarea--suffix,form-field__textarea--suffix i,form-field__textarea--suffix .mat-icon{font-size:18px;font-size:1.125rem;width:1.125rem;height:1.125rem}.form-field__textarea--prefix,form-field__textarea--prefix{right:unset;left:1rem}.form-field__textarea--disabled,form-field__textarea--disabled{background-color:var(--color-gray-100);border-color:transparent}.form-field--invalid,.form-field--invalid .form-field__input,.form-field--invalid .form-field__textarea,form-field--invalid,form-field--invalid .form-field__input,form-field--invalid .form-field__textarea{color:var(--color-error);border-color:var(--color-error)}.form-field__validation,form-field__validation{padding-top:.5rem;font-size:12px;font-size:.75rem;color:var(--color-error)}.form-field__validation--item,form-field__validation--item{padding-bottom:.6rem}.form-field__validation--item:last-of-type,form-field__validation--item:last-of-type{padding-bottom:0}.form-field__subscript--wrapper,form-field__subscript--wrapper{margin-top:1.2rem}.form-field.disabled input,.form-field.disabled textarea,form-field.disabled input,form-field.disabled textarea{background-color:var(--color-white-opacity-05);border-color:var(--color-gray-300)}.form-field .spinner,form-field .spinner{position:absolute;right:.25rem;top:1.85rem}.form-field .hint,form-field .hint{font-size:10px;text-align:right;margin-right:1.0625rem;transform:translateY(-1rem);margin-bottom:-1rem}.form .mat-mdc-form-field-appearance-standard .mat-mdc-form-field-flex,form .mat-mdc-form-field-appearance-standard .mat-mdc-form-field-flex{padding-top:0}.form .mat-mdc-form-field-infix,form .mat-mdc-form-field-infix{border-top:0}.form .mat-mdc-form-field .mat-mdc-form-field-flex,form .mat-mdc-form-field .mat-mdc-form-field-flex{padding-top:0}.mat-mdc-form-field-type-mat-date-range-input .mat-mdc-form-field-infix{width:auto}.mat-mdc-text-field-wrapper{padding-bottom:0}.icon,.icon__bordered{color:var(--color-gray-500)}.icon:hover,.icon__bordered:hover{color:var(--color-brand-light)}.icon__bordered:after{border:1px solid var(--color-gray-400);border-radius:.25rem;width:calc(100% + .8rem);height:calc(100% + .8rem);top:-.4rem;left:-.4rem}.eyes-icon-label{border-color:var(--color-gray-400);background-color:var(--color-white);color:var(--color-black);padding:.125rem;transform:translateY(-1.25rem)}.aspect-ratio{position:relative;display:inline-block;background-color:inherit;line-height:1;overflow:hidden}.aspect-ratio__content{position:absolute;inset:50% 0 0 50%;max-width:100%;width:100%;transform:translate(-50%,-50%)}@supports (object-fit: cover){.aspect-ratio__content--cover{position:static;width:100%;height:100%;padding:0;object-fit:cover;transform:none}}.legend{font-size:14px;font-size:.875rem;position:relative;display:inline-block;margin-left:.75rem;padding-left:1.5rem;vertical-align:top}.legend:first-of-type{margin-left:0}.legend:before{border-radius:.25rem;width:1rem;height:1rem;top:.1875rem;left:0}.legend--asap:before{background-color:#eded0d}.legend--mobile:before{background-color:#feb6e2}.legend--delivery:before{background-color:#dd9750}.legend--walkin:before{background-color:#87b5ca}.legend--concierge:before{background-color:#2be879}.legend--in-fifteen:before{background-color:#e64c4a}.legend--standard:before{background-color:#d7d8d3}.list{list-style-type:none}.list--bordered .list__item{border-bottom:1px solid var(--color-gray-200)}.list__item{padding:1.25rem 0}.list__item--count{margin-right:2.4rem}div .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-image:url(/assets/images/map-polygon-icon.svg);background-position:center center}div .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit{background-image:url(/assets/images/map-edit-icon.svg);background-position:center center}div .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove{background-image:url(/assets/images/map-delete-icon.svg);background-position:center center}div .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker{background-image:url(/assets/images/map-marker-icon.svg);background-position:center center}div .leaflet-touch .leaflet-control-zoom.leaflet-bar .leaflet-control-zoom-fullscreen{background-image:url(/assets/images/map-fullscreen-icon.svg);background-position:center center;background-size:16px}div .leaflet-touch .leaflet-control-zoom.leaflet-bar .leaflet-control-zoom-fullscreen.leaflet-fullscreen-on{background-image:url(/assets/images/map-fullscreen-exit-icon.svg)}div .leaflet-control-zoom.leaflet-bar.leaflet-control{display:flex;flex-direction:column}div .leaflet-control-zoom.leaflet-bar.leaflet-control .leaflet-control-zoom-fullscreen{order:-1}div .leaflet-touch .leaflet-control-layers,div .leaflet-touch .leaflet-bar{border:0}div .leaflet-touch .leaflet-bar a{border:0;width:40px;height:40px;color:var(--color-brand-dark);line-height:40px}div .leaflet-touch .leaflet-bar a.leaflet-control-zoom-in{line-height:38px}div .leaflet-touch .leaflet-bar a.leaflet-control-zoom-in,div .leaflet-touch .leaflet-bar a.leaflet-control-zoom-out{font-size:28px;font-size:1.75rem;font-weight:300}div .leaflet-draw-toolbar a{background-size:unset}div .leaflet-touch .leaflet-bar.leaflet-draw-toolbar a,div .leaflet-touch .leaflet-bar.leaflet-control-zoom a{border-radius:8px;margin-top:10px}div .leaflet-top{bottom:0;top:unset}div .leaflet-top .leaflet-control{margin-top:0;margin-bottom:1.2rem;margin-left:1.2rem}div .leaflet-bottom .leaflet-right .leaflet-control-attribution .leaflet-control{display:none}div .leaflet-bar a.leaflet-disabled{background-color:var(--color-gray-300)}div .leaflet-draw-actions a{background-color:var(--color-brand-dark);border-left-color:var(--color-white)}div .leaflet-draw-actions a:hover{background-color:rgba(var(--color-brand-dark-rgb),.88)}div .leaflet-tooltip{z-index:999}.pac-container.pac-logo{box-shadow:0 0 10px #0000001a;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.pac-container.pac-logo .pac-item{border-color:var(--color-gray-200);padding:.375rem .75rem}.pac-container.pac-logo .pac-item .pac-icon.pac-icon-marker{display:none}.pac-container.pac-logo .pac-item .pac-item-query .pac-matched{color:var(--color-brand-light)}.pac-container.pac-logo:after{background-image:none!important;height:0}.marker{position:relative;display:flex;justify-content:center}.rounded-rectangle{font-size:12px;font-size:.75rem;position:relative;box-shadow:0 0 10px #0000001a;border-radius:20px;display:flex;width:100%;min-width:6rem;height:2.25rem;padding-left:.375rem;align-items:center;justify-content:center;background-color:#fff;color:var(--color-brand-dark);font-weight:600;line-height:1.5;text-align:center;z-index:99}.straight-line{position:absolute;border-radius:2px;top:1.875rem;left:50%;width:.1875rem;height:3rem;background-color:var(--color-brand-dark);transform:translate(-50%);z-index:1}.map-circle-point{position:absolute;width:1rem;height:1rem;background-color:var(--color-brand-light);border-radius:50%;top:4.375rem;left:50%;transform:translate(-50%)}.inner-circle{width:.5rem;height:.5rem;background-color:var(--color-white);border-radius:50%;position:absolute;top:25%;left:50%;transform:translate(-50%)}.custom-point .map-circle-point{width:100%;height:100%;position:relative;top:unset;left:unset;transform:unset}.custom-point .inner-circle{width:50%;height:50%}.ecabs-phone .ecabs-tel-input-container{position:relative;border-radius:.25rem;border:1px solid var(--color-gray-500)}.ecabs-phone .ecabs-tel-input-container .ecabs-tel-input-input{padding:.5rem .5rem .5rem 6.5625rem!important}.ecabs-phone .ecabs-tel-input-container .iti__arrow{border:solid var(--color-gray-500);border-width:0 2px 2px 0;display:inline-block;margin-top:-.4rem;padding:.1875rem;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.ecabs-phone .ecabs-tel-input-container .iti__flag{filter:unset}.ecabs-phone .error .ecabs-tel-input-container{border:1px solid var(--color-error)}.ecabs-phone .disabled-field{background-color:var(--color-white-opacity-05)!important}.select{font-size:16px;font-size:1rem;border-radius:.25rem;border:1px solid var(--color-gray-500);padding:.5rem 1rem;color:var(--color-black);line-height:1.5}.select:focus{border-color:var(--color-brand-dark)}.pending{background-color:var(--color-gray-300)!important;color:var(--color-gray-400)!important}.reserved,.pending_data{background-color:rgba(var(--color-warn-rgb),.05)!important;color:var(--color-warn)!important}.scheduled,.ended{background-color:var(--color-gray-200)!important;color:var(--color-gray-500)!important}.dispatched,.cab_arrived_at_pickup,.trip_started,.dropped_off,.started,.cab_arrived_at_intermediary_waypoint,.trip_ongoing,.in_progress{background-color:rgba(var(--color-info-rgb),.05)!important;color:var(--color-info)!important}.cab_arrived_at_dropoff,.trip_ended,.completed,.accepted,.cashed_in,.done,.active{background-color:rgba(var(--color-success-rgb),.05)!important;color:var(--color-success)!important}.cancelled,.rejected,.suspended,.sick,.no_show,.unable_to_complete,.unavailable,.failed,.expired{background-color:rgba(var(--color-error-rgb),.05)!important;color:var(--color-error)!important}.tab-group .tab-labels .tab-label{color:var(--color-gray-500);font-size:1rem;border-bottom-width:2px;opacity:1;font-weight:400}.tab-group .tab-labels .tab-label.tab-label-active{color:var(--color-brand-dark);border-color:var(--color-brand-light)}.table-ui{text-align:left}.table-ui--wrapper{position:relative;box-shadow:0 0 10px #0000001a;border-radius:.5rem;width:100%;padding:1.5rem;background-color:var(--color-white)}.table-ui--wrapper.loading:after{top:0;left:0;width:100%;height:100%;background-color:var(--color-gray-200);opacity:.5;z-index:999}.table-ui--wrapper.table-ui .table-ui__nested,.table-ui--wrapper.table-ui .table-ui__nested th,.table-ui--wrapper.table-ui .table-ui__nested td{color:var(--color-gray-400);border-bottom:0;padding-top:.36rem;padding-bottom:.36rem}.table-ui--wrapper.table-ui .table-ui__nested th{padding-left:1.8rem}.table-ui__nested--header tr th,.table-ui__nested--header tr td{border-bottom:0;padding-bottom:.36rem}.table-ui table{width:100%}.table-ui thead{font-size:12px;font-size:.75rem;color:var(--color-gray-500)}.table-ui thead th,.table-ui th{border-bottom:1px solid var(--color-gray-400);color:var(--color-gray-500);padding:.875rem .875rem .875rem 0;font-weight:400}.table-ui thead th:first-of-type,.table-ui th:first-of-type{padding-left:.875rem}.table-ui thead th:last-of-type,.table-ui th:last-of-type{padding-right:.875rem}.table-ui td{padding:.875rem}.table-ui a{color:var(--color-brand-light);line-height:1}.table-ui a:hover{color:var(--color-brand-dark)}.table-ui__bordered td,.table-ui__bordered th{border-bottom:1px solid var(--color-gray-200)}.table-ui__paginator{margin-top:1.2rem}.table-ui__bordered .table-ui__paginator--wrapper{border-bottom:0;padding-bottom:0}.table-ui__paginator--wrapper>*{display:inline-block}.table-ui__paginator--sizer{float:right}.table-ui__header{margin-bottom:1.2rem}.table-ui__progress{border-radius:.25rem;position:absolute;top:0;left:.12rem;right:.12rem}ecabs-timepicker .timeInputWrapper{z-index:1}ecabs-timepicker .timeInputWrapper input{min-height:42px;width:100%;display:block;box-sizing:border-box;padding:.5rem 1rem;border-radius:.25rem;border:1px solid var(--color-gray-500);color:var(--color-black);outline:none;transition:all .3s ease-in-out}ecabs-timepicker .timeInputWrapper input::placeholder{color:#162a4c80}ecabs-timepicker .timeInputWrapper input:disabled{border-bottom-width:1px;background-color:var(--color-white-opacity-05)}ecabs-timepicker .timeInputWrapper input[type=number]::-webkit-inner-spin-button,ecabs-timepicker .timeInputWrapper input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}ecabs-timepicker .timeInputWrapper.disabled .descriptions{background:transparent}.form-time-list{z-index:98}.form-time-list .list{background-color:#fff;position:absolute;width:100%;box-sizing:border-box;box-shadow:0 0 10px #0000001a;border-radius:0 0 4px 4px;height:14rem;overflow:hidden}.form-time-list .list .inner-scroll{width:100%;height:100%;overflow:auto}.form-time-list .list .inner-scroll .inner ul{list-style:none;padding:0;margin:0;display:block}.form-time-list .list .inner-scroll .inner ul li{display:block;padding:8px 12px;font-size:14px;line-height:1.5;font-weight:400;color:var(--color-black);cursor:pointer}.form-time-list .list .inner-scroll .inner ul li:last-child{border-color:transparent}.form-time-list .list .inner-scroll .inner ul li.active{color:var(--color-brand-light)}.form-time-list .list .inner-scroll .inner ul li.hovered{background:var(--color-gray-200)}.toaster__body{padding:1.5rem 4rem 1.5rem 1.5rem;border-radius:4px}.toaster__body.success{background-color:var(--color-success--opacity);color:var(--color-success)}.toaster__body.success .close-button{color:var(--color-success)}.toaster__body.error{background-color:var(--color-error-opacity);color:var(--color-error)}.toaster__body.error .close-button{color:var(--color-error)}.toaster__body.warning{background-color:var(--color-warning-opacity);color:var(--color-warning)}.toaster__body.warning .close-button{color:var(--color-warning)}.toaster__body.info{background-color:rgba(var(--color-info-rgb),.05);color:var(--color-info)}.toaster__body.info .close-button{color:var(--color-info)}.toaster__body .close-button{position:absolute;right:1.75rem;top:calc(50% - 1rem);font-family:Material Icons;font-weight:200;font-size:21px}.toaster__body .close-button:before{content:\"close\"}.tooltip{font-size:12px;font-size:.75rem;padding:.1875rem .5rem;color:var(--color-white)}.tooltip--surface{background-color:var(--color-gray-500)}.percentage__over-87{background-color:#25bd3d;border-color:#25bd3d}.percentage__over-75{background-color:#87c337;border-color:#87c337}.percentage__over-62{background-color:#bac61c;border-color:#bac61c}.percentage__over-50{background-color:#ecc902;border-color:#ecc902}.percentage__over-37{background-color:#eba70d;border-color:#eba70d}.percentage__over-25{background-color:#e7831b;border-color:#e7831b}.percentage__over-12{background-color:#e35e2a;border-color:#e35e2a}.percentage__default{background-color:#df3838;border-color:#df3838}.autocomplete-ui{box-shadow:0 0 10px #0000001a;border-radius:.25rem;display:flex;flex-direction:column}.autocomplete-ui--item{font-size:16px;font-size:1rem;width:100%;padding:1rem;color:var(--color-black)}.autocomplete-ui--item:after{bottom:0;left:0;right:0;height:1px;background-color:var(--color-gray-100)}.autocomplete-ui--item:last-of-type:after{background-color:transparent}.header{display:flex;align-items:center;padding:.5em}.datepicker-ui__toggle.mat-mdc-icon-button.mat-mdc-button-base,.mat-mdc-icon-button.mat-mdc-button-base.mat-datepicker-toggle{padding:0;width:2.5rem;height:2.5rem;line-height:2}.header-label{flex:1;height:1em;font-weight:500;text-align:center}.select-date-label{color:var(--color-brand-dark);padding-top:1.6rem;padding-left:1.6rem}.mat-calendar-table .mat-calendar-body tr:first-child[aria-hidden=true]{display:none}.mat-calendar-body-label{visibility:hidden}.mat-calendar-body-cell-content{border-radius:.25rem!important;font-size:1rem!important}.mat-calendar-body-active .mat-calendar-body-today{color:var(--color-brand-light)!important;background-color:var(--color-brand-light2)!important}.mat-calendar{align-self:center}.mat-calendar .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:var(--color-brand-light2);color:var(--color-black)}.mat-calendar .mat-calendar-body-cell.mat-calendar-body-active .mat-calendar-body-cell-content.mat-calendar-body-selected,.mat-calendar .mat-calendar-body-cell.mat-calendar-body-active:hover .mat-calendar-body-cell-content.mat-calendar-body-selected{background-color:var(--color-brand-light)!important;color:var(--color-white)!important}.mat-calendar .mat-calendar-body-selected{background-color:var(--color-brand-light);color:var(--color-white)!important}.mat-calendar .mat-calendar-body-selected .mat-calendar-body-today{color:var(--color-white)!important}.mat-calendar .mat-calendar-table-header,.mat-calendar .mat-calendar-body-label{color:var(--color-gray-500)}.mat-calendar .mat-calendar-body-cell>.mat-calendar-body-today{opacity:1}.mat-calendar .mat-calendar-body-cell-content,.mat-calendar .mat-date-range-input-separator{color:var(--color-black)}.mat-calendar .mat-calendar-content{padding:0 1.6rem}.mat-calendar .mat-calendar-table-header th{font-size:16px;font-size:1rem}.mat-calendar .mat-calendar-table-header-divider:after{display:none}.mat-calendar .mat-calendar-body{font-size:16px;font-size:1rem}.mat-calendar .mat-calendar-body-in-range:before{background-color:var(--color-brand-light2)}.mat-calendar .mat-calendar-body-in-range .mat-calendar-body-cell-content{color:var(--color-black)!important}.mat-calendar .mat-calendar-body-range-start .mat-calendar-body-cell-content,.mat-calendar .mat-calendar-body-range-end .mat-calendar-body-cell-content{color:var(--color-white)!important}.mat-datepicker-popup .mat-datepicker-content{color:var(--color-black);box-shadow:0 0 25px #0003}.mat-datepicker-popup .mat-datepicker-actions{display:unset;margin-top:1rem;padding:0 1.6rem 1.6rem}.mat-datepicker-popup .mat-datepicker-actions .mat-button-base+.mat-button-base{margin-left:unset}.mat-datepicker-popup .mat-datepicker-actions button.mat-button-base{min-width:100%}.mat-datepicker-popup .mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:var(--color-gray-300)}.mat-date-range-input{display:block;width:100%;padding:.5rem 1rem;border-radius:.25rem;border:1px solid var(--color-gray-500);color:var(--color-black);line-height:1.5}:host ::ng-deep .mat-mdc-icon-button{max-width:2.5rem;max-height:2.5rem}\n"] }]
|
|
3119
3119
|
}], ctorParameters: () => [{ type: i0.Injector }, { type: EcabsDatePickerHeaderService }, { type: UnsubscribeService }], propDecorators: { minDate: [{
|
|
3120
3120
|
type: Input
|
|
3121
3121
|
}], maxDate: [{
|
|
@@ -3149,8 +3149,8 @@ const MATERIAL_DATETIMEPICKER_FORMATS = {
|
|
|
3149
3149
|
},
|
|
3150
3150
|
};
|
|
3151
3151
|
class EcabsDateRangeModule {
|
|
3152
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3153
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3152
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDateRangeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3153
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsDateRangeModule, declarations: [EcabsDateRangePickerComponent,
|
|
3154
3154
|
EcabsDateRangePickerHeaderComponent], imports: [CommonModule,
|
|
3155
3155
|
ElementWrapperModule,
|
|
3156
3156
|
MatIconModule,
|
|
@@ -3165,7 +3165,7 @@ class EcabsDateRangeModule {
|
|
|
3165
3165
|
EcabsMaskDateDirectiveModule,
|
|
3166
3166
|
MatInputModule,
|
|
3167
3167
|
EcabsDatePickerActionsModule], exports: [EcabsDateRangePickerComponent, EcabsDateRangePickerHeaderComponent] });
|
|
3168
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
3168
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDateRangeModule, imports: [CommonModule,
|
|
3169
3169
|
ElementWrapperModule,
|
|
3170
3170
|
MatIconModule,
|
|
3171
3171
|
MatDatepickerModule,
|
|
@@ -3180,7 +3180,7 @@ class EcabsDateRangeModule {
|
|
|
3180
3180
|
MatInputModule,
|
|
3181
3181
|
EcabsDatePickerActionsModule] });
|
|
3182
3182
|
}
|
|
3183
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3183
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDateRangeModule, decorators: [{
|
|
3184
3184
|
type: NgModule,
|
|
3185
3185
|
args: [{
|
|
3186
3186
|
declarations: [
|
|
@@ -3208,8 +3208,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
3208
3208
|
}] });
|
|
3209
3209
|
|
|
3210
3210
|
class EcabsDatePickerModule {
|
|
3211
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3212
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3211
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3212
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsDatePickerModule, declarations: [EcabsDatePickerComponent, EcabsDatePickerHeaderComponent], imports: [CommonModule,
|
|
3213
3213
|
ElementWrapperModule,
|
|
3214
3214
|
MatIconModule,
|
|
3215
3215
|
MatDatepickerModule,
|
|
@@ -3219,7 +3219,7 @@ class EcabsDatePickerModule {
|
|
|
3219
3219
|
MatButtonModule,
|
|
3220
3220
|
MatInputModule,
|
|
3221
3221
|
EcabsDatePickerActionsModule], exports: [EcabsDatePickerComponent, EcabsDatePickerHeaderComponent] });
|
|
3222
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
3222
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDatePickerModule, imports: [CommonModule,
|
|
3223
3223
|
ElementWrapperModule,
|
|
3224
3224
|
MatIconModule,
|
|
3225
3225
|
MatDatepickerModule,
|
|
@@ -3230,7 +3230,7 @@ class EcabsDatePickerModule {
|
|
|
3230
3230
|
MatInputModule,
|
|
3231
3231
|
EcabsDatePickerActionsModule] });
|
|
3232
3232
|
}
|
|
3233
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3233
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDatePickerModule, decorators: [{
|
|
3234
3234
|
type: NgModule,
|
|
3235
3235
|
args: [{
|
|
3236
3236
|
declarations: [EcabsDatePickerComponent, EcabsDatePickerHeaderComponent],
|
|
@@ -3256,10 +3256,10 @@ class EcabsDateTimeRangePickerHeaderComponent {
|
|
|
3256
3256
|
constructor(ecabsDatePickerHeaderService) {
|
|
3257
3257
|
this.ecabsDatePickerHeaderService = ecabsDatePickerHeaderService;
|
|
3258
3258
|
}
|
|
3259
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3260
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
3259
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDateTimeRangePickerHeaderComponent, deps: [{ token: EcabsDatePickerHeaderService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3260
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: EcabsDateTimeRangePickerHeaderComponent, isStandalone: false, selector: "ecabs-date-time-range-picker-header", inputs: { headerLabel: "headerLabel" }, ngImport: i0, template: "<div class=\"select-date-label text-xl font-semibold\">\r\n {{ headerLabel ?? (ecabsDatePickerHeaderService.getConfig() | async)?.selectDateTimeRangeLabel}}\r\n </div>\r\n <ecabs-picker-header ></ecabs-picker-header>\r\n", styles: [":host ::ng-deep ecabs-picker-header{display:none!important}\n"], dependencies: [{ kind: "component", type: EcabsPickerHeaderComponent, selector: "ecabs-picker-header" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
|
|
3261
3261
|
}
|
|
3262
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3262
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDateTimeRangePickerHeaderComponent, decorators: [{
|
|
3263
3263
|
type: Component,
|
|
3264
3264
|
args: [{ selector: 'ecabs-date-time-range-picker-header', standalone: false, template: "<div class=\"select-date-label text-xl font-semibold\">\r\n {{ headerLabel ?? (ecabsDatePickerHeaderService.getConfig() | async)?.selectDateTimeRangeLabel}}\r\n </div>\r\n <ecabs-picker-header ></ecabs-picker-header>\r\n", styles: [":host ::ng-deep ecabs-picker-header{display:none!important}\n"] }]
|
|
3265
3265
|
}], ctorParameters: () => [{ type: EcabsDatePickerHeaderService }], propDecorators: { headerLabel: [{
|
|
@@ -3310,10 +3310,10 @@ class EcabsMaskTimeDirective {
|
|
|
3310
3310
|
ngOnDestroy() {
|
|
3311
3311
|
this.maskedInputController.destroy();
|
|
3312
3312
|
}
|
|
3313
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3314
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
3313
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsMaskTimeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3314
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: EcabsMaskTimeDirective, isStandalone: false, selector: "[ecabsTime]", inputs: { timeRange: "timeRange", all: "all" }, ngImport: i0 });
|
|
3315
3315
|
}
|
|
3316
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3316
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsMaskTimeDirective, decorators: [{
|
|
3317
3317
|
type: Directive,
|
|
3318
3318
|
args: [{
|
|
3319
3319
|
selector: '[ecabsTime]',
|
|
@@ -3518,8 +3518,8 @@ class EcabsDateTimeRangePickerComponent extends EcabsElementBaseComponent {
|
|
|
3518
3518
|
? this.maxValueMinutesSeconds.toString()
|
|
3519
3519
|
: min;
|
|
3520
3520
|
}
|
|
3521
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3522
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
3521
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDateTimeRangePickerComponent, deps: [{ token: i0.Injector }, { token: i1.DecimalPipe }, { token: EcabsDatePickerHeaderService }, { token: UnsubscribeService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3522
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: EcabsDateTimeRangePickerComponent, isStandalone: false, selector: "ecabs-date-time-range-picker", inputs: { touchUi: "touchUi", cancelLabel: "cancelLabel", applyLabel: "applyLabel", all: "all", from: "from", to: "to" }, outputs: { onblur: "onblur" }, providers: [
|
|
3523
3523
|
{
|
|
3524
3524
|
provide: NG_VALUE_ACCESSOR,
|
|
3525
3525
|
useExisting: EcabsDateTimeRangePickerComponent,
|
|
@@ -3529,7 +3529,7 @@ class EcabsDateTimeRangePickerComponent extends EcabsElementBaseComponent {
|
|
|
3529
3529
|
UnsubscribeService,
|
|
3530
3530
|
], usesInheritance: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <div class=\"form-field__input--wrapper w-full\">\r\n <input\r\n class=\"fake-input\"\r\n [id]=\"_date\"\r\n [(ngModel)]=\"_date\"\r\n [placeholder]=\"placeholder\"\r\n [disabled]=\"disabled || controlDate?.disabled\"\r\n [matDatepicker]=\"picker\"\r\n (blur)=\"onTouch()\"\r\n />\r\n <mat-datepicker\r\n (opened)=\"opened()\"\r\n #picker\r\n [calendarHeaderComponent]=\"header\"\r\n [touchUi]=\"touchUi\"\r\n >\r\n <mat-datepicker-actions>\r\n <div class=\"flex flex-col w-full gap-y-4\">\r\n <div class=\"flex gap-2 justify-center items-center\">\r\n <div class=\"flex flex-col justify-center\">\r\n <div class=\"text-center\">{{ from ?? translationConfig?.from }}</div>\r\n <div class=\"flex gap-2 justify-center items-center\">\r\n <input\r\n class=\"block form-field__input time\"\r\n ecabsDigitsOnly\r\n ecabsNumberBorder\r\n [digitsOnly]=\"true\"\r\n [id]=\"hoursFrom\"\r\n [maxValue]=\"maxValueHours\"\r\n [(ngModel)]=\"hoursFrom\"\r\n />\r\n\r\n <span class=\"font-bold\">:</span>\r\n <input\r\n class=\"form-field__input time\"\r\n [id]=\"minutesFrom\"\r\n [(ngModel)]=\"minutesFrom\"\r\n ecabsDigitsOnly\r\n ecabsNumberBorder\r\n [digitsOnly]=\"true\"\r\n [maxValue]=\"maxValueMinutesSeconds\"\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"time--inputs\"></div>\r\n <div class=\"flex gap-2 justify-center items-center mb-5\">\r\n <div class=\"flex flex-col justify-center\">\r\n <div class=\"text-center\">{{ to ?? translationConfig?.to }}</div>\r\n <div class=\"flex gap-2 justify-center items-center\">\r\n <input\r\n class=\"form-field__input time\"\r\n ecabsDigitsOnly\r\n ecabsNumberBorder\r\n [digitsOnly]=\"true\"\r\n [id]=\"hoursTo\"\r\n [maxValue]=\"maxValueHours\"\r\n [(ngModel)]=\"hoursTo\"\r\n />\r\n <span class=\"font-bold\">:</span>\r\n <input\r\n class=\"form-field__input time\"\r\n [id]=\"minutesTo\"\r\n [(ngModel)]=\"minutesTo\"\r\n ecabsDigitsOnly\r\n ecabsNumberBorder\r\n [digitsOnly]=\"true\"\r\n [maxValue]=\"maxValueMinutesSeconds\"\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n <ecabs-date-picker-actions [applyLabel]=\"applyLabel ?? translationConfig?.applyLabel\"\r\n [cancelLabel]=\"cancelLabel ?? translationConfig?.cancelLabel\"\r\n (apply)=\"onApply()\">\r\n </ecabs-date-picker-actions>\r\n </div>\r\n </mat-datepicker-actions>\r\n </mat-datepicker>\r\n <input\r\n class=\"form-field__input w-full date-input\"\r\n [id]=\"name\"\r\n [(ngModel)]=\"pickerValue\"\r\n [placeholder]=\"placeholder\"\r\n [disabled]=\"disabled || controlDate?.disabled\"\r\n ecabsTime\r\n [all]=\"allLabel\"\r\n [timeRange]=\"true\"\r\n (blur)=\"onTouch()\"\r\n (blur)=\"blurChange($event)\"\r\n (keyup)=\"blurChange($event)\"\r\n (keydown)=\"keydownChange($event)\"\r\n />\r\n <button type=\"button\" class=\"text-gray-500 -translate-x-9\" (click)=\"picker.open()\">\r\n <mat-icon>access_time</mat-icon>\r\n </button>\r\n </div>\r\n</ecabs-element-wrapper>\r\n", styles: [".time--inputs:after{position:absolute;content:\"\"}.time{width:3.375rem}.fake-input{visibility:hidden;width:0;padding:0}.time--inputs{position:relative;margin-bottom:2.4rem}.time--inputs:after{height:1px;right:0;left:0;background-color:var(--color-gray-300)}.time--inputs:after{bottom:-1.6rem}:host ::ng-deep .form-field{margin-right:-1.25rem;margin-left:-.125rem}\n"], dependencies: [{ kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5$1.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i5$1.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i5$1.MatDatepickerActions, selector: "mat-datepicker-actions, mat-date-range-picker-actions" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: EcabsDigitsOnlyDirective, selector: "[ecabsDigitsOnly]", inputs: ["digitsOnly", "allowHyphen", "decimal", "decimalSeparator", "unit"] }, { kind: "directive", type: EcabsNumberBorderDirective, selector: "[ecabsNumberBorder]", inputs: ["maxValue", "minValue"] }, { kind: "component", type: EcabsDatePickerActionsComponent, selector: "ecabs-date-picker-actions", inputs: ["cancelLabel", "applyLabel", "isDateRange", "disabledApplyButton"], outputs: ["apply"] }, { kind: "directive", type: EcabsMaskTimeDirective, selector: "[ecabsTime]", inputs: ["timeRange", "all"] }] });
|
|
3531
3531
|
}
|
|
3532
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3532
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDateTimeRangePickerComponent, decorators: [{
|
|
3533
3533
|
type: Component,
|
|
3534
3534
|
args: [{ selector: 'ecabs-date-time-range-picker', providers: [
|
|
3535
3535
|
{
|
|
@@ -3557,11 +3557,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
3557
3557
|
}] } });
|
|
3558
3558
|
|
|
3559
3559
|
class EcabsMaskTimeDirectiveModule {
|
|
3560
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3561
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3562
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
3560
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsMaskTimeDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3561
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsMaskTimeDirectiveModule, declarations: [EcabsMaskTimeDirective], imports: [CommonModule], exports: [EcabsMaskTimeDirective] });
|
|
3562
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsMaskTimeDirectiveModule, imports: [CommonModule] });
|
|
3563
3563
|
}
|
|
3564
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3564
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsMaskTimeDirectiveModule, decorators: [{
|
|
3565
3565
|
type: NgModule,
|
|
3566
3566
|
args: [{
|
|
3567
3567
|
imports: [CommonModule],
|
|
@@ -3571,8 +3571,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
3571
3571
|
}] });
|
|
3572
3572
|
|
|
3573
3573
|
class EcabsDatetimeRangePickerModule {
|
|
3574
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3575
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3574
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDatetimeRangePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3575
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsDatetimeRangePickerModule, declarations: [EcabsDateTimeRangePickerComponent,
|
|
3576
3576
|
EcabsDateTimeRangePickerHeaderComponent], imports: [CommonModule,
|
|
3577
3577
|
ElementWrapperModule,
|
|
3578
3578
|
MatIconModule,
|
|
@@ -3588,7 +3588,7 @@ class EcabsDatetimeRangePickerModule {
|
|
|
3588
3588
|
EcabsDatePickerActionsModule,
|
|
3589
3589
|
EcabsMaskTimeDirectiveModule], exports: [EcabsDateTimeRangePickerComponent,
|
|
3590
3590
|
EcabsDateTimeRangePickerHeaderComponent] });
|
|
3591
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
3591
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDatetimeRangePickerModule, imports: [CommonModule,
|
|
3592
3592
|
ElementWrapperModule,
|
|
3593
3593
|
MatIconModule,
|
|
3594
3594
|
MatDatepickerModule,
|
|
@@ -3603,7 +3603,7 @@ class EcabsDatetimeRangePickerModule {
|
|
|
3603
3603
|
EcabsDatePickerActionsModule,
|
|
3604
3604
|
EcabsMaskTimeDirectiveModule] });
|
|
3605
3605
|
}
|
|
3606
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3606
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDatetimeRangePickerModule, decorators: [{
|
|
3607
3607
|
type: NgModule,
|
|
3608
3608
|
args: [{
|
|
3609
3609
|
declarations: [
|
|
@@ -3681,16 +3681,16 @@ class EcabsIncrementComponent extends EcabsElementBaseComponent {
|
|
|
3681
3681
|
decrement() {
|
|
3682
3682
|
this.value = +this.value - 1;
|
|
3683
3683
|
}
|
|
3684
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3685
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
3684
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsIncrementComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
|
3685
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: EcabsIncrementComponent, isStandalone: false, selector: "ecabs-increment", inputs: { digitsOnly: "digitsOnly", allowDecimal: "allowDecimal", allowHyphen: "allowHyphen" }, outputs: { onblur: "onblur" }, providers: [
|
|
3686
3686
|
{
|
|
3687
3687
|
provide: NG_VALUE_ACCESSOR,
|
|
3688
3688
|
useExisting: EcabsIncrementComponent,
|
|
3689
3689
|
multi: true,
|
|
3690
3690
|
},
|
|
3691
|
-
], usesInheritance: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <div class=\"form-field__input--wrapper\">\r\n <input ecabsDigitsOnly [digitsOnly]=\"digitsOnly\" [decimal]=\"allowDecimal\" [allowHyphen]=\"allowHyphen\"\r\n class=\"form-field__input\"\r\n [type]=\"type\"\r\n [id]=\"name\"\r\n [(ngModel)]=\"value\"\r\n [placeholder]=\"placeholder\"\r\n (blur)=\"onTouch()\"\r\n [disabled]=\"disabled\"\r\n [maxlength]=\"maxLength\"/>\r\n\r\n <div class=\"incrementor\">\r\n <mat-icon (click)=\"increment()\">add</mat-icon>\r\n <mat-icon (click)=\"decrement()\">remove</mat-icon>\r\n </div>\r\n </div>\r\n</ecabs-element-wrapper>\r\n", styles: [":
|
|
3691
|
+
], usesInheritance: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <div class=\"form-field__input--wrapper\">\r\n <input ecabsDigitsOnly [digitsOnly]=\"digitsOnly\" [decimal]=\"allowDecimal\" [allowHyphen]=\"allowHyphen\"\r\n class=\"form-field__input\"\r\n [type]=\"type\"\r\n [id]=\"name\"\r\n [(ngModel)]=\"value\"\r\n [placeholder]=\"placeholder\"\r\n (blur)=\"onTouch()\"\r\n [disabled]=\"disabled\"\r\n [maxlength]=\"maxLength\"/>\r\n\r\n <div class=\"incrementor\">\r\n <mat-icon (click)=\"increment()\">add</mat-icon>\r\n <mat-icon (click)=\"decrement()\">remove</mat-icon>\r\n </div>\r\n </div>\r\n</ecabs-element-wrapper>\r\n", styles: [":host::ng-deep .incrementor{border-left:1px solid var(--color-gray-300);position:absolute;display:flex;flex-direction:column;top:1px;bottom:1px;right:1px}:host::ng-deep .incrementor .mat-icon{font-size:20px;font-size:1.25rem;margin-right:0;line-height:20px;cursor:pointer;text-align:center;flex:1}:host::ng-deep .incrementor .mat-icon:first-of-type{border-bottom:1px solid var(--color-gray-300)}:host::ng-deep .incrementor .mat-icon:hover{color:var(--color-brand-dark)}:host::ng-deep .form-field>div{line-height:1}\n"], dependencies: [{ kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: EcabsDigitsOnlyDirective, selector: "[ecabsDigitsOnly]", inputs: ["digitsOnly", "allowHyphen", "decimal", "decimalSeparator", "unit"] }] });
|
|
3692
3692
|
}
|
|
3693
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3693
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsIncrementComponent, decorators: [{
|
|
3694
3694
|
type: Component,
|
|
3695
3695
|
args: [{ selector: 'ecabs-increment', providers: [
|
|
3696
3696
|
{
|
|
@@ -3698,7 +3698,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
3698
3698
|
useExisting: EcabsIncrementComponent,
|
|
3699
3699
|
multi: true,
|
|
3700
3700
|
},
|
|
3701
|
-
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <div class=\"form-field__input--wrapper\">\r\n <input ecabsDigitsOnly [digitsOnly]=\"digitsOnly\" [decimal]=\"allowDecimal\" [allowHyphen]=\"allowHyphen\"\r\n class=\"form-field__input\"\r\n [type]=\"type\"\r\n [id]=\"name\"\r\n [(ngModel)]=\"value\"\r\n [placeholder]=\"placeholder\"\r\n (blur)=\"onTouch()\"\r\n [disabled]=\"disabled\"\r\n [maxlength]=\"maxLength\"/>\r\n\r\n <div class=\"incrementor\">\r\n <mat-icon (click)=\"increment()\">add</mat-icon>\r\n <mat-icon (click)=\"decrement()\">remove</mat-icon>\r\n </div>\r\n </div>\r\n</ecabs-element-wrapper>\r\n", styles: [":
|
|
3701
|
+
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <div class=\"form-field__input--wrapper\">\r\n <input ecabsDigitsOnly [digitsOnly]=\"digitsOnly\" [decimal]=\"allowDecimal\" [allowHyphen]=\"allowHyphen\"\r\n class=\"form-field__input\"\r\n [type]=\"type\"\r\n [id]=\"name\"\r\n [(ngModel)]=\"value\"\r\n [placeholder]=\"placeholder\"\r\n (blur)=\"onTouch()\"\r\n [disabled]=\"disabled\"\r\n [maxlength]=\"maxLength\"/>\r\n\r\n <div class=\"incrementor\">\r\n <mat-icon (click)=\"increment()\">add</mat-icon>\r\n <mat-icon (click)=\"decrement()\">remove</mat-icon>\r\n </div>\r\n </div>\r\n</ecabs-element-wrapper>\r\n", styles: [":host::ng-deep .incrementor{border-left:1px solid var(--color-gray-300);position:absolute;display:flex;flex-direction:column;top:1px;bottom:1px;right:1px}:host::ng-deep .incrementor .mat-icon{font-size:20px;font-size:1.25rem;margin-right:0;line-height:20px;cursor:pointer;text-align:center;flex:1}:host::ng-deep .incrementor .mat-icon:first-of-type{border-bottom:1px solid var(--color-gray-300)}:host::ng-deep .incrementor .mat-icon:hover{color:var(--color-brand-dark)}:host::ng-deep .form-field>div{line-height:1}\n"] }]
|
|
3702
3702
|
}], ctorParameters: () => [{ type: i0.Injector }], propDecorators: { digitsOnly: [{
|
|
3703
3703
|
type: Input
|
|
3704
3704
|
}], allowDecimal: [{
|
|
@@ -3710,21 +3710,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
3710
3710
|
}] } });
|
|
3711
3711
|
|
|
3712
3712
|
class EcabsIncrementModule {
|
|
3713
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3714
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3713
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsIncrementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3714
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsIncrementModule, declarations: [EcabsIncrementComponent], imports: [CommonModule,
|
|
3715
3715
|
MatInputModule,
|
|
3716
3716
|
MatIconModule,
|
|
3717
3717
|
ElementWrapperModule,
|
|
3718
3718
|
FormsModule,
|
|
3719
3719
|
EcabsDigitsOnlyDirectivesModule], exports: [EcabsIncrementComponent] });
|
|
3720
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
3720
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsIncrementModule, imports: [CommonModule,
|
|
3721
3721
|
MatInputModule,
|
|
3722
3722
|
MatIconModule,
|
|
3723
3723
|
ElementWrapperModule,
|
|
3724
3724
|
FormsModule,
|
|
3725
3725
|
EcabsDigitsOnlyDirectivesModule] });
|
|
3726
3726
|
}
|
|
3727
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3727
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsIncrementModule, decorators: [{
|
|
3728
3728
|
type: NgModule,
|
|
3729
3729
|
args: [{
|
|
3730
3730
|
declarations: [EcabsIncrementComponent],
|
|
@@ -4041,10 +4041,10 @@ class CountryCode {
|
|
|
4041
4041
|
['Zimbabwe', 'zw', '263'],
|
|
4042
4042
|
['Åland Islands', 'ax', '358', 1],
|
|
4043
4043
|
];
|
|
4044
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4045
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
4044
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: CountryCode, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
4045
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: CountryCode });
|
|
4046
4046
|
}
|
|
4047
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4047
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: CountryCode, decorators: [{
|
|
4048
4048
|
type: Injectable
|
|
4049
4049
|
}] });
|
|
4050
4050
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
@@ -4328,10 +4328,10 @@ class SearchPipe {
|
|
|
4328
4328
|
.toLowerCase()
|
|
4329
4329
|
.includes(searchCriteria.toLowerCase());
|
|
4330
4330
|
}
|
|
4331
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4332
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.
|
|
4331
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4332
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: SearchPipe, isStandalone: true, name: "search" });
|
|
4333
4333
|
}
|
|
4334
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4334
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchPipe, decorators: [{
|
|
4335
4335
|
type: Pipe,
|
|
4336
4336
|
args: [{
|
|
4337
4337
|
name: 'search',
|
|
@@ -4644,8 +4644,8 @@ class EcabsBasePhoneComponent {
|
|
|
4644
4644
|
}
|
|
4645
4645
|
this._previousFormattedNumber = this.phoneNumber?.toString();
|
|
4646
4646
|
}
|
|
4647
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4648
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
4647
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsBasePhoneComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: CountryCode }, { token: i2$3.FocusMonitor }, { token: i0.ElementRef }, { token: i2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
4648
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: EcabsBasePhoneComponent, isStandalone: false, selector: "ecabs-base-phone", inputs: { preferredCountries: "preferredCountries", enablePlaceholder: "enablePlaceholder", inputPlaceholder: "inputPlaceholder", cssClass: "cssClass", name: "name", onlyCountries: "onlyCountries", errorStateMatcher: "errorStateMatcher", enableSearch: "enableSearch", searchPlaceholder: "searchPlaceholder", describedBy: "describedBy", debounceTimeMs: "debounceTimeMs", format: "format", placeholder: "placeholder", required: "required", disabled: "disabled" }, outputs: { countryChanged: "countryChanged" }, host: { properties: { "id": "this.id", "class.ngx-floating": "this.shouldLabelFloat" } }, providers: [
|
|
4649
4649
|
CountryCode,
|
|
4650
4650
|
{ provide: MatFormFieldControl, useExisting: EcabsBasePhoneComponent },
|
|
4651
4651
|
{
|
|
@@ -4655,7 +4655,7 @@ class EcabsBasePhoneComponent {
|
|
|
4655
4655
|
},
|
|
4656
4656
|
], viewQueries: [{ propertyName: "matMenu", first: true, predicate: MatMenu, descendants: true }, { propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "matCustomInput", first: true, predicate: ["matCustomInput"], descendants: true }], ngImport: i0, template: "<div class=\"ecabs-tel-input-container\">\r\n <button\r\n type=\"button\"\r\n mat-button\r\n [matMenuTriggerFor]=\"menu\"\r\n class=\"country-selector\"\r\n [disabled]=\"disabled\"\r\n >\r\n <span\r\n class=\"country-selector-flag flag\"\r\n [ngClass]=\"flagClass(selectedCountry?.flagClass)\"\r\n ></span>\r\n @if (selectedCountry?.dialCode) {\r\n <span class=\"country-selector-code\"\r\n >+{{ selectedCountry.dialCode }}</span\r\n >\r\n }\r\n </button>\r\n <mat-menu #menu=\"matMenu\"\r\n class=\"ecabs-tel-input-mat-menu-panel\"\r\n backdropClass=\"ecabs-tel-input-overlay-backdrop\"\r\n overlayPanelClass=\"ecabs-tel-input-overlay-pane\">\r\n @if (enableSearch) {\r\n <input\r\n #searchInput\r\n class=\"country-search\"\r\n [(ngModel)]=\"searchCriteria\"\r\n (ngModelChange)=\"onSearchInput()\"\r\n type=\"text\"\r\n [placeholder]=\"searchPlaceholder\"\r\n (click)=\"$event.stopPropagation()\"\r\n />\r\n }\r\n @if (!searchCriteria) {\r\n @for (country of preferredCountriesInDropDown; track country) {\r\n <button\r\n type=\"button\"\r\n mat-menu-item\r\n class=\"country-list-button\"\r\n (click)=\"onCountrySelect(country)\"\r\n >\r\n <div class=\"icon-wrapper\">\r\n <div class=\"flag\"\r\n [ngClass]=\"flagClass(country.flagClass)\"></div>\r\n </div>\r\n <div class=\"label-wrapper\">\r\n {{ country.name }}\r\n @if (country?.dialCode) {\r\n <span>+{{ country.dialCode }}</span>\r\n }\r\n </div>\r\n </button>\r\n }\r\n @if (preferredCountriesInDropDown?.length) {\r\n <mat-divider></mat-divider>\r\n }\r\n }\r\n @for (country of allCountries; track country) {\r\n @if (country | search: searchCriteria) {\r\n <button\r\n type=\"button\"\r\n mat-menu-item\r\n class=\"country-list-button\"\r\n (click)=\"onCountrySelect(country)\"\r\n >\r\n <div class=\"icon-wrapper\">\r\n <div class=\"flag\" [ngClass]=\"flagClass(country.flagClass)\"></div>\r\n </div>\r\n <div class=\"label-wrapper\">\r\n {{ country.name }} +{{ country.dialCode }}\r\n </div>\r\n </button>\r\n }\r\n }\r\n </mat-menu>\r\n\r\n <input #matCustomInput\r\n matInput\r\n type=\"tel\"\r\n autocomplete=\"tel\"\r\n [ngClass]=\"cssClass\"\r\n (blur)=\"onTouched()\"\r\n (keypress)=\"onInputKeyPress($event)\"\r\n [(ngModel)]=\"phoneNumber\"\r\n (ngModelChange)=\"onPhoneNumberChangeDebounce()\"\r\n [errorStateMatcher]=\"errorStateMatcher\"\r\n [placeholder]=\"inputPlaceholder\"\r\n [disabled]=\"disabled\"\r\n [aria-describedby]=\"describedBy\"\r\n />\r\n </div>\r\n", styles: ["input:not(.country-search){border:none;background:none;outline:none;font:inherit;width:100%;box-sizing:border-box;padding:0 6px 0 90px;position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;margin-right:0;margin-left:0}input.country-search{width:100%;height:34px;border:none;border-bottom:1px solid #ddd;font-size:14px;padding:20px 20px 24px;position:sticky;top:0;background-color:#fff;z-index:9}.icon-wrapper{padding-right:24px}.flag{background-size:100% auto;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.54));height:14px;width:24px}.icon-wrapper,.label-wrapper{display:table-cell;vertical-align:middle}.country-selector{border-radius:0;color:#000000de;flex-shrink:0;height:initial;line-height:unset;width:90px;padding:1px;position:absolute;z-index:1;inset:0 auto 0 0;font-size:inherit;font-weight:inherit;background-position:right center;background-repeat:no-repeat;background-size:18px auto}.country-selector:disabled{color:#00000061}:host.ngx-floating .country-selector{opacity:1!important}.country-selector-flag{display:inline-block;margin-right:.5ex}.country-list-button{color:#000000de;direction:ltr;font-size:16px;font-weight:400;height:initial;line-height:normal;min-height:48px;padding:14px 24px;text-align:left;text-transform:none;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7.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: i6$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i6$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i6.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i8.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "pipe", type: SearchPipe, name: "search" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4657
4657
|
}
|
|
4658
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4658
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsBasePhoneComponent, decorators: [{
|
|
4659
4659
|
type: Component,
|
|
4660
4660
|
args: [{ selector: 'ecabs-base-phone', standalone: false, providers: [
|
|
4661
4661
|
CountryCode,
|
|
@@ -4820,8 +4820,8 @@ class EcabsPhoneComponent extends EcabsElementBaseComponent {
|
|
|
4820
4820
|
}
|
|
4821
4821
|
this.control?.setErrors(this.phoneForm.get('phone').errors);
|
|
4822
4822
|
}
|
|
4823
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4824
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
4823
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsPhoneComponent, deps: [{ token: i0.Injector }, { token: EcabsComponentsService }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
4824
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: EcabsPhoneComponent, isStandalone: false, selector: "ecabs-phone", inputs: { preferredCountries: "preferredCountries", enablePlaceholder: "enablePlaceholder", enableSearch: "enableSearch", useOnlyDisabledClass: "useOnlyDisabledClass", required: "required", debounceTimeMs: "debounceTimeMs" }, outputs: { onblur: "onblur" }, host: { listeners: { "keypress": "onInput($event)" } }, providers: [
|
|
4825
4825
|
{
|
|
4826
4826
|
provide: NG_VALUE_ACCESSOR,
|
|
4827
4827
|
useExisting: EcabsPhoneComponent,
|
|
@@ -4829,7 +4829,7 @@ class EcabsPhoneComponent extends EcabsElementBaseComponent {
|
|
|
4829
4829
|
},
|
|
4830
4830
|
], viewQueries: [{ propertyName: "phoneInput", first: true, predicate: ["phoneInput"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <form #f=\"ngForm\" [formGroup]=\"phoneForm\">\r\n <ecabs-base-phone\r\n [ngClass]=\"{ error: phoneForm.invalid && (phoneForm.dirty || phoneForm.touched) }\"\r\n #phoneInput\r\n [preferredCountries]=\"preferredCountries\"\r\n [enablePlaceholder]=\"enablePlaceholder\"\r\n [enableSearch]=\"enableSearch\"\r\n [disabled]=\"disabled\"\r\n [formControlName]=\"'phone'\"\r\n [inputPlaceholder]=\"placeholder\"\r\n [debounceTimeMs]=\"debounceTimeMs\"\r\n name=\"phone\"\r\n (focusout)=\"onBlur()\"\r\n >\r\n </ecabs-base-phone>\r\n </form>\r\n</ecabs-element-wrapper>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: EcabsBasePhoneComponent, selector: "ecabs-base-phone", inputs: ["preferredCountries", "enablePlaceholder", "inputPlaceholder", "cssClass", "name", "onlyCountries", "errorStateMatcher", "enableSearch", "searchPlaceholder", "describedBy", "debounceTimeMs", "format", "placeholder", "required", "disabled"], outputs: ["countryChanged"] }] });
|
|
4831
4831
|
}
|
|
4832
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4832
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsPhoneComponent, decorators: [{
|
|
4833
4833
|
type: Component,
|
|
4834
4834
|
args: [{ selector: 'ecabs-phone', standalone: false, providers: [
|
|
4835
4835
|
{
|
|
@@ -4861,8 +4861,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
4861
4861
|
}] } });
|
|
4862
4862
|
|
|
4863
4863
|
class EcabsBasePhoneModule {
|
|
4864
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4865
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
4864
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsBasePhoneModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
4865
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsBasePhoneModule, declarations: [EcabsBasePhoneComponent], imports: [CommonModule,
|
|
4866
4866
|
MatIconModule,
|
|
4867
4867
|
RouterModule,
|
|
4868
4868
|
FormsModule,
|
|
@@ -4873,7 +4873,7 @@ class EcabsBasePhoneModule {
|
|
|
4873
4873
|
ReactiveFormsModule,
|
|
4874
4874
|
SearchPipe,
|
|
4875
4875
|
ElementWrapperModule], exports: [EcabsBasePhoneComponent] });
|
|
4876
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
4876
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsBasePhoneModule, imports: [CommonModule,
|
|
4877
4877
|
MatIconModule,
|
|
4878
4878
|
RouterModule,
|
|
4879
4879
|
FormsModule,
|
|
@@ -4884,7 +4884,7 @@ class EcabsBasePhoneModule {
|
|
|
4884
4884
|
ReactiveFormsModule,
|
|
4885
4885
|
ElementWrapperModule] });
|
|
4886
4886
|
}
|
|
4887
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4887
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsBasePhoneModule, decorators: [{
|
|
4888
4888
|
type: NgModule,
|
|
4889
4889
|
args: [{
|
|
4890
4890
|
declarations: [EcabsBasePhoneComponent],
|
|
@@ -4906,19 +4906,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
4906
4906
|
}] });
|
|
4907
4907
|
|
|
4908
4908
|
class EcabsPhoneModule {
|
|
4909
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4910
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
4909
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsPhoneModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
4910
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsPhoneModule, declarations: [EcabsPhoneComponent], imports: [CommonModule,
|
|
4911
4911
|
ElementWrapperModule,
|
|
4912
4912
|
FormsModule,
|
|
4913
4913
|
ReactiveFormsModule,
|
|
4914
4914
|
EcabsBasePhoneModule], exports: [EcabsPhoneComponent] });
|
|
4915
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
4915
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsPhoneModule, imports: [CommonModule,
|
|
4916
4916
|
ElementWrapperModule,
|
|
4917
4917
|
FormsModule,
|
|
4918
4918
|
ReactiveFormsModule,
|
|
4919
4919
|
EcabsBasePhoneModule] });
|
|
4920
4920
|
}
|
|
4921
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4921
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsPhoneModule, decorators: [{
|
|
4922
4922
|
type: NgModule,
|
|
4923
4923
|
args: [{
|
|
4924
4924
|
declarations: [EcabsPhoneComponent],
|
|
@@ -4972,16 +4972,16 @@ class EcabsRadioButtonListComponent extends EcabsElementBaseComponent {
|
|
|
4972
4972
|
registerOnTouched(fn) {
|
|
4973
4973
|
this.onTouch = fn;
|
|
4974
4974
|
}
|
|
4975
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4976
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
4975
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsRadioButtonListComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
|
4976
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: EcabsRadioButtonListComponent, isStandalone: false, selector: "ecabs-radio-button-list", inputs: { items: "items", direction: "direction" }, outputs: { changed: "changed" }, providers: [
|
|
4977
4977
|
{
|
|
4978
4978
|
provide: NG_VALUE_ACCESSOR,
|
|
4979
4979
|
useExisting: EcabsRadioButtonListComponent,
|
|
4980
4980
|
multi: true,
|
|
4981
4981
|
},
|
|
4982
|
-
], viewQueries: [{ propertyName: "matRadioGroup", first: true, predicate: MatRadioGroup, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <mat-radio-group\n [ngClass]=\"{ 'flex flex-col my-1': direction === 'vertical' }\"\n [(ngModel)]=\"value\"\n [disabled]=\"disabled\"\n [id]=\"name\"\n [name]=\"name\"\n (change)=\"changed.emit($event)\"\n >\n @for (item of items; track item) {\n <mat-radio-button\n [disabled]=\"item.disabled\"\n [ngClass]=\"{ 'my-1': direction === 'vertical' }\"\n class=\"mr-4\"\n [value]=\"item.value\"\n >\n {{ item.label }}\n </mat-radio-button>\n }\n </mat-radio-group>\n</ecabs-element-wrapper>", styles: [".mr-4{margin-right:1rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.flex{display:flex}.flex-col{flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "directive", type: i3$2.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3$2.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
4982
|
+
], viewQueries: [{ propertyName: "matRadioGroup", first: true, predicate: MatRadioGroup, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <mat-radio-group\r\n [ngClass]=\"{ 'flex flex-col my-1': direction === 'vertical' }\"\r\n [(ngModel)]=\"value\"\r\n [disabled]=\"disabled\"\r\n [id]=\"name\"\r\n [name]=\"name\"\r\n (change)=\"changed.emit($event)\"\r\n >\r\n @for (item of items; track item) {\r\n <mat-radio-button\r\n [disabled]=\"item.disabled\"\r\n [ngClass]=\"{ 'my-1': direction === 'vertical' }\"\r\n class=\"mr-4\"\r\n [value]=\"item.value\"\r\n >\r\n {{ item.label }}\r\n </mat-radio-button>\r\n }\r\n </mat-radio-group>\r\n</ecabs-element-wrapper>", styles: [".mr-4{margin-right:1rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.flex{display:flex}.flex-col{flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "directive", type: i3$2.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3$2.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
4983
4983
|
}
|
|
4984
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4984
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsRadioButtonListComponent, decorators: [{
|
|
4985
4985
|
type: Component,
|
|
4986
4986
|
args: [{ selector: 'ecabs-radio-button-list', providers: [
|
|
4987
4987
|
{
|
|
@@ -4989,7 +4989,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
4989
4989
|
useExisting: EcabsRadioButtonListComponent,
|
|
4990
4990
|
multi: true,
|
|
4991
4991
|
},
|
|
4992
|
-
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <mat-radio-group\n [ngClass]=\"{ 'flex flex-col my-1': direction === 'vertical' }\"\n [(ngModel)]=\"value\"\n [disabled]=\"disabled\"\n [id]=\"name\"\n [name]=\"name\"\n (change)=\"changed.emit($event)\"\n >\n @for (item of items; track item) {\n <mat-radio-button\n [disabled]=\"item.disabled\"\n [ngClass]=\"{ 'my-1': direction === 'vertical' }\"\n class=\"mr-4\"\n [value]=\"item.value\"\n >\n {{ item.label }}\n </mat-radio-button>\n }\n </mat-radio-group>\n</ecabs-element-wrapper>", styles: [".mr-4{margin-right:1rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.flex{display:flex}.flex-col{flex-direction:column}\n"] }]
|
|
4992
|
+
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <mat-radio-group\r\n [ngClass]=\"{ 'flex flex-col my-1': direction === 'vertical' }\"\r\n [(ngModel)]=\"value\"\r\n [disabled]=\"disabled\"\r\n [id]=\"name\"\r\n [name]=\"name\"\r\n (change)=\"changed.emit($event)\"\r\n >\r\n @for (item of items; track item) {\r\n <mat-radio-button\r\n [disabled]=\"item.disabled\"\r\n [ngClass]=\"{ 'my-1': direction === 'vertical' }\"\r\n class=\"mr-4\"\r\n [value]=\"item.value\"\r\n >\r\n {{ item.label }}\r\n </mat-radio-button>\r\n }\r\n </mat-radio-group>\r\n</ecabs-element-wrapper>", styles: [".mr-4{margin-right:1rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.flex{display:flex}.flex-col{flex-direction:column}\n"] }]
|
|
4993
4993
|
}], ctorParameters: () => [{ type: i0.Injector }], propDecorators: { matRadioGroup: [{
|
|
4994
4994
|
type: ViewChild,
|
|
4995
4995
|
args: [MatRadioGroup, { static: false }]
|
|
@@ -5002,11 +5002,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
5002
5002
|
}] } });
|
|
5003
5003
|
|
|
5004
5004
|
class EcabsRadioButtonListModule {
|
|
5005
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5006
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
5007
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
5005
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsRadioButtonListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5006
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsRadioButtonListModule, declarations: [EcabsRadioButtonListComponent], imports: [CommonModule, ElementWrapperModule, MatRadioModule, FormsModule], exports: [EcabsRadioButtonListComponent] });
|
|
5007
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsRadioButtonListModule, imports: [CommonModule, ElementWrapperModule, MatRadioModule, FormsModule] });
|
|
5008
5008
|
}
|
|
5009
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5009
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsRadioButtonListModule, decorators: [{
|
|
5010
5010
|
type: NgModule,
|
|
5011
5011
|
args: [{
|
|
5012
5012
|
declarations: [EcabsRadioButtonListComponent],
|
|
@@ -5031,10 +5031,10 @@ class FormTimePickerService {
|
|
|
5031
5031
|
close() {
|
|
5032
5032
|
this.closeSub.next(true);
|
|
5033
5033
|
}
|
|
5034
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5035
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
5034
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: FormTimePickerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
5035
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: FormTimePickerService, providedIn: 'root' });
|
|
5036
5036
|
}
|
|
5037
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5037
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: FormTimePickerService, decorators: [{
|
|
5038
5038
|
type: Injectable,
|
|
5039
5039
|
args: [{
|
|
5040
5040
|
providedIn: 'root',
|
|
@@ -5169,10 +5169,10 @@ class EcabsTimeListPanelComponent {
|
|
|
5169
5169
|
setTime(value) {
|
|
5170
5170
|
this.closeMe.emit(value);
|
|
5171
5171
|
}
|
|
5172
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5173
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
5172
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsTimeListPanelComponent, deps: [{ token: i0.ElementRef }, { token: FormTimePickerService }], target: i0.ɵɵFactoryTarget.Component });
|
|
5173
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: EcabsTimeListPanelComponent, isStandalone: false, selector: "ecabs-time-list-panel", inputs: { typedValue: "typedValue", listPlacement: "listPlacement", listPosition: "listPosition", dayStartLabel: "dayStartLabel", dayEndLabel: "dayEndLabel", appendTo: "appendTo", min: "min", max: "max", showDayStart: "showDayStart", showDayEnd: "showDayEnd", position: "position" }, outputs: { onscroll: "onscroll", closeMe: "closeMe" }, host: { listeners: { "document:keydown": "handleKeydown($event)" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"list\">\r\n <div class=\"inner-scroll\">\r\n <div class=\"inner\">\r\n <ul>\r\n <!-- eslint-disable-next-line -->\r\n @for (i of timeList; track i; let counter = $index) {\r\n <li\r\n (click)=\"setTime(i.value)\"\r\n (mouseenter)=\"hoveredItemIndex = counter\"\r\n [ngClass]=\"{ active: typedValue === i.value, hovered: counter === hoveredItemIndex }\"\r\n >\r\n {{ i.title }}\r\n </li>\r\n }\r\n </ul>\r\n </div>\r\n </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
5174
5174
|
}
|
|
5175
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5175
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsTimeListPanelComponent, decorators: [{
|
|
5176
5176
|
type: Component,
|
|
5177
5177
|
args: [{ selector: 'ecabs-time-list-panel', standalone: false, template: "<div class=\"list\">\r\n <div class=\"inner-scroll\">\r\n <div class=\"inner\">\r\n <ul>\r\n <!-- eslint-disable-next-line -->\r\n @for (i of timeList; track i; let counter = $index) {\r\n <li\r\n (click)=\"setTime(i.value)\"\r\n (mouseenter)=\"hoveredItemIndex = counter\"\r\n [ngClass]=\"{ active: typedValue === i.value, hovered: counter === hoveredItemIndex }\"\r\n >\r\n {{ i.title }}\r\n </li>\r\n }\r\n </ul>\r\n </div>\r\n </div>\r\n</div>\r\n" }]
|
|
5178
5178
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: FormTimePickerService }], propDecorators: { typedValue: [{
|
|
@@ -5447,8 +5447,8 @@ class EcabsTimepickerComponent extends EcabsElementBaseComponent {
|
|
|
5447
5447
|
this.focusedFlag = false;
|
|
5448
5448
|
this.control?.markAsTouched();
|
|
5449
5449
|
}
|
|
5450
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5451
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
5450
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsTimepickerComponent, deps: [{ token: i0.ElementRef }, { token: FormTimePickerService }, { token: i0.Injector }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
5451
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: EcabsTimepickerComponent, isStandalone: false, selector: "ecabs-timepicker", inputs: { focusedFlag: "focusedFlag", showCloseIcon: "showCloseIcon", listPlacement: "listPlacement", appendTo: "appendTo", min: "min", max: "max", showDayStart: "showDayStart", showDayEnd: "showDayEnd", addSecond: "addSecond", dayStartLabel: "dayStartLabel", dayEndLabel: "dayEndLabel" }, host: { listeners: { "document:mousedown": "handleMousedown($event)" }, properties: { "class.form-timepicker-focused": "this.focusedFlag" } }, providers: [
|
|
5452
5452
|
{
|
|
5453
5453
|
provide: NG_VALUE_ACCESSOR,
|
|
5454
5454
|
useExisting: forwardRef(() => EcabsTimepickerComponent),
|
|
@@ -5456,7 +5456,7 @@ class EcabsTimepickerComponent extends EcabsElementBaseComponent {
|
|
|
5456
5456
|
},
|
|
5457
5457
|
], usesInheritance: true, ngImport: i0, template: "<div [ngClass]=\"{ disabled: disabled }\">\r\n <ecabs-element-wrapper\r\n [data]=\"getData()\"\r\n [showCloseIcon]=\"showCloseIcon\"\r\n [focusedFlag]=\"focusedFlag\"\r\n (clear)=\"clearInput()\"\r\n >\r\n <div class=\"relative inline-block w-full timeInputFieldWrapper\">\r\n <input\r\n type=\"text\"\r\n class=\"form-field__input\"\r\n [value]=\"data\"\r\n [ngModel]=\"data\"\r\n (ngModelChange)=\"updateInputData($event)\"\r\n [disabled]=\"disabled\"\r\n ecabsTime\r\n [all]=\"allLabel\"\r\n (focus)=\"show()\"\r\n (click)=\"show()\"\r\n (keydown)=\"inputKeyDown($event)\"\r\n (blur)=\"onTouchedFn()\"\r\n [placeholder]=\"placeholder\"\r\n />\r\n @if (type !== 'number') {\r\n <div class=\"form-field__input--suffix\">\r\n <ng-content select=\"mat-icon\"></ng-content>\r\n </div>\r\n }\r\n @if (focusedFlag) {\r\n <ecabs-time-list-panel\r\n [typedValue]=\"data\"\r\n [showDayStart]=\"showDayStart\"\r\n [dayStartLabel]=\"dayStartLabel\"\r\n [dayEndLabel]=\"dayEndLabel\"\r\n [showDayEnd]=\"showDayEnd\"\r\n [min]=\"min\"\r\n [max]=\"max\"\r\n class=\"form-time-list absolute inline-block\"\r\n [appendTo]=\"appendTo\"\r\n [listPosition]=\"listPosition\"\r\n (closeMe)=\"close($event)\"\r\n ></ecabs-time-list-panel>\r\n }\r\n </div>\r\n </ecabs-element-wrapper>\r\n </div>\r\n", styles: [":host::ng-deep .timeInputWrapper ecabs-element-wrapper .form-field{margin-bottom:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "directive", type: EcabsMaskTimeDirective, selector: "[ecabsTime]", inputs: ["timeRange", "all"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: EcabsTimeListPanelComponent, selector: "ecabs-time-list-panel", inputs: ["typedValue", "listPlacement", "listPosition", "dayStartLabel", "dayEndLabel", "appendTo", "min", "max", "showDayStart", "showDayEnd", "position"], outputs: ["onscroll", "closeMe"] }] });
|
|
5458
5458
|
}
|
|
5459
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5459
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsTimepickerComponent, decorators: [{
|
|
5460
5460
|
type: Component,
|
|
5461
5461
|
args: [{ selector: 'ecabs-timepicker', providers: [
|
|
5462
5462
|
{
|
|
@@ -5496,17 +5496,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
5496
5496
|
}] } });
|
|
5497
5497
|
|
|
5498
5498
|
class EcabsTimepickerModule {
|
|
5499
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5500
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
5499
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsTimepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5500
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsTimepickerModule, declarations: [EcabsTimepickerComponent, EcabsTimeListPanelComponent], imports: [CommonModule,
|
|
5501
5501
|
ElementWrapperModule,
|
|
5502
5502
|
EcabsMaskTimeDirectiveModule,
|
|
5503
5503
|
FormsModule], exports: [EcabsTimeListPanelComponent, EcabsTimepickerComponent] });
|
|
5504
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
5504
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsTimepickerModule, imports: [CommonModule,
|
|
5505
5505
|
ElementWrapperModule,
|
|
5506
5506
|
EcabsMaskTimeDirectiveModule,
|
|
5507
5507
|
FormsModule] });
|
|
5508
5508
|
}
|
|
5509
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5509
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsTimepickerModule, decorators: [{
|
|
5510
5510
|
type: NgModule,
|
|
5511
5511
|
args: [{
|
|
5512
5512
|
declarations: [EcabsTimepickerComponent, EcabsTimeListPanelComponent],
|
|
@@ -5534,10 +5534,10 @@ class EcabsEmptyPlaceholderComponent {
|
|
|
5534
5534
|
this.image = srcNothingHereImage;
|
|
5535
5535
|
}
|
|
5536
5536
|
}
|
|
5537
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5538
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
5537
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsEmptyPlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5538
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: EcabsEmptyPlaceholderComponent, isStandalone: false, selector: "ecabs-empty-placeholder", inputs: { isEmptyMessage: "isEmptyMessage", redirectPath: "redirectPath", srcImage: "srcImage" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"w-full flex flex-col items-center justify-items-center\">\r\n <img class=\"mt-10 w-60\" [src]=\"image\" alt=\"\" />\r\n\r\n <span class=\"heading--sm text-gray-400 my-2\">{{ isEmptyMessage }}</span>\r\n\r\n @if (redirectPath) {\r\n <a [routerLink]=\"redirectPath?.path && [redirectPath.path]\" class=\"text-sm\">\r\n {{ redirectPath.title }}\r\n </a>\r\n }\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i4$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
|
|
5539
5539
|
}
|
|
5540
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5540
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsEmptyPlaceholderComponent, decorators: [{
|
|
5541
5541
|
type: Component,
|
|
5542
5542
|
args: [{ selector: 'ecabs-empty-placeholder', standalone: false, template: "<div class=\"w-full flex flex-col items-center justify-items-center\">\r\n <img class=\"mt-10 w-60\" [src]=\"image\" alt=\"\" />\r\n\r\n <span class=\"heading--sm text-gray-400 my-2\">{{ isEmptyMessage }}</span>\r\n\r\n @if (redirectPath) {\r\n <a [routerLink]=\"redirectPath?.path && [redirectPath.path]\" class=\"text-sm\">\r\n {{ redirectPath.title }}\r\n </a>\r\n }\r\n</div>\r\n" }]
|
|
5543
5543
|
}], propDecorators: { isEmptyMessage: [{
|
|
@@ -5549,11 +5549,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
5549
5549
|
}] } });
|
|
5550
5550
|
|
|
5551
5551
|
class EcabsEmptyPlaceholderModule {
|
|
5552
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5553
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
5554
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
5552
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsEmptyPlaceholderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5553
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsEmptyPlaceholderModule, declarations: [EcabsEmptyPlaceholderComponent], imports: [CommonModule, RouterModule], exports: [EcabsEmptyPlaceholderComponent] });
|
|
5554
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsEmptyPlaceholderModule, imports: [CommonModule, RouterModule] });
|
|
5555
5555
|
}
|
|
5556
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5556
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsEmptyPlaceholderModule, decorators: [{
|
|
5557
5557
|
type: NgModule,
|
|
5558
5558
|
args: [{
|
|
5559
5559
|
declarations: [EcabsEmptyPlaceholderComponent],
|
|
@@ -5581,11 +5581,15 @@ class EcabsExpansionPanelComponent {
|
|
|
5581
5581
|
hideToggle = false;
|
|
5582
5582
|
checked = new EventEmitter();
|
|
5583
5583
|
opened = new EventEmitter();
|
|
5584
|
+
closed = new EventEmitter();
|
|
5584
5585
|
expansionPanel;
|
|
5585
5586
|
toggle = false;
|
|
5586
5587
|
onOpened() {
|
|
5587
5588
|
this.opened.emit();
|
|
5588
5589
|
}
|
|
5590
|
+
onClosed() {
|
|
5591
|
+
this.closed.emit();
|
|
5592
|
+
}
|
|
5589
5593
|
ngOnChanges(changes) {
|
|
5590
5594
|
const { closePanel } = changes;
|
|
5591
5595
|
if (closePanel && this.expansionPanel) {
|
|
@@ -5599,12 +5603,12 @@ class EcabsExpansionPanelComponent {
|
|
|
5599
5603
|
event.stopPropagation();
|
|
5600
5604
|
this.checked.emit(this.expanded);
|
|
5601
5605
|
}
|
|
5602
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5603
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
5606
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsExpansionPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5607
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: EcabsExpansionPanelComponent, isStandalone: false, selector: "ecabs-expansion-panel", inputs: { title: "title", description: "description", actionTitle: "actionTitle", index: "index", expanded: "expanded", disabled: "disabled", errorMessage: "errorMessage", showErrorMessage: "showErrorMessage", closePanel: "closePanel", showIcon: "showIcon", iconName: "iconName", showCheckbox: "showCheckbox", showStatus: "showStatus", status: "status", hideToggle: "hideToggle" }, outputs: { checked: "checked", opened: "opened", closed: "closed" }, viewQueries: [{ propertyName: "expansionPanel", first: true, predicate: MatExpansionPanel, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mat-accordion class=\"example-headers-align\" multi>\r\n <mat-expansion-panel [expanded]=\"expanded\" [disabled]=\"disabled\" (opened)=\"onOpened()\" (closed)=\"onClosed()\" [hideToggle]=\"hideToggle\">\r\n @if (title) {\r\n <mat-expansion-panel-header>\r\n <mat-panel-title>\r\n <div>\r\n <div class=\"flex flex-row\">\r\n @if (index && !showErrorMessage) {\r\n <div class=\"border-current border-2 rounded-full mr-3 index\">\r\n {{ index }}\r\n </div>\r\n }\r\n @if (!showErrorMessage && showIcon) {\r\n <div class=\"mr-3 rounded\">\r\n <mat-icon class=\"rounded-icon !text-lg -mt-1\">{{ iconName }}</mat-icon>\r\n </div>\r\n }\r\n @if (showErrorMessage) {\r\n <div class=\"mt-1 mr-2\">\r\n <mat-icon color=\"warn\">warning</mat-icon>\r\n </div>\r\n }\r\n {{ title }}\r\n @if (showCheckbox) {\r\n <div class=\"ml-2 mt-1\">\r\n <ecabs-checkbox [type]=\"'toggle'\" [(ngModel)]=\"toggle\"\r\n (click)=\"toggleAction($event)\"></ecabs-checkbox>\r\n </div>\r\n }\r\n </div>\r\n @if (showErrorMessage) {\r\n <div class=\"error-message\">{{ errorMessage }}</div>\r\n }\r\n </div>\r\n </mat-panel-title>\r\n <mat-panel-description>{{ description }}\r\n @if (showStatus) {\r\n <mat-chip class=\"{{ status | lowercase }}\">\r\n {{ status | titlecase }}\r\n </mat-chip>\r\n }\r\n </mat-panel-description>\r\n </mat-expansion-panel-header>\r\n }\r\n\r\n @if (actionTitle) {\r\n <mat-expansion-panel-header>\r\n <ng-container *ngTemplateOutlet=\"actionTitle\"></ng-container>\r\n </mat-expansion-panel-header>\r\n }\r\n <ng-content></ng-content>\r\n </mat-expansion-panel>\r\n</mat-accordion>\r\n", styles: [".example-action-buttons{padding-bottom:20px}.example-headers-align .mat-expansion-panel-header-title,.example-headers-align .mat-expansion-panel-header-description{flex-basis:0}.example-headers-align .mat-expansion-panel-header-description{justify-content:flex-end;align-items:center}.example-headers-align .mat-mdc-form-field+.mat-mdc-form-field{margin-left:8px}:host ::ng-deep .mat-expansion-indicator:after{border-color:var(--color-gray-500)}.index{height:28px;width:28px;display:flex;align-items:center;justify-content:center;text-align:center;padding-top:3px;font-size:16px}.error-message{font-size:.75rem!important;color:var(--color-error);margin-left:2.125rem;margin-top:-.75rem}.rounded{background-color:var(--color-brand-dark);border-radius:50%;height:28px;width:28px;display:flex;align-items:center;justify-content:center;text-align:center}.rounded-icon{color:var(--color-white)}.inactive{background-color:rgba(var(--color-warn-rgb),.05);color:var(--color-warn)}.draft{background-color:var(--color-gray-200);color:var(--color-gray-500)}.published{background-color:rgba(var(--color-info-rgb),.05);color:var(--color-info)}.active{background-color:rgba(var(--color-success-rgb),.05);color:var(--color-success)}.expired{background-color:rgba(var(--color-error-rgb),.05);color:var(--color-error)}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$3.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i3$3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3$3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i3$3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i3$3.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6$2.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: EcabsCheckboxToggleComponent, selector: "ecabs-checkbox", inputs: ["type", "text", "label", "labelPosition", "indeterminate", "checked"], outputs: ["click", "changed"] }, { kind: "pipe", type: i1.LowerCasePipe, name: "lowercase" }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }] });
|
|
5604
5608
|
}
|
|
5605
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5609
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsExpansionPanelComponent, decorators: [{
|
|
5606
5610
|
type: Component,
|
|
5607
|
-
args: [{ selector: 'ecabs-expansion-panel', standalone: false, template: "<mat-accordion class=\"example-headers-align\" multi>\r\n <mat-expansion-panel [expanded]=\"expanded\" [disabled]=\"disabled\" (opened)=\"onOpened()\" [hideToggle]=\"hideToggle\">\r\n @if (title) {\r\n <mat-expansion-panel-header>\r\n <mat-panel-title>\r\n <div>\r\n <div class=\"flex flex-row\">\r\n @if (index && !showErrorMessage) {\r\n <div class=\"border-current border-2 rounded-full mr-3 index\">\r\n {{ index }}\r\n </div>\r\n }\r\n @if (!showErrorMessage && showIcon) {\r\n <div class=\"mr-3 rounded\">\r\n <mat-icon class=\"rounded-icon !text-lg -mt-1\">{{ iconName }}</mat-icon>\r\n </div>\r\n }\r\n @if (showErrorMessage) {\r\n <div class=\"mt-1 mr-2\">\r\n <mat-icon color=\"warn\">warning</mat-icon>\r\n </div>\r\n }\r\n {{ title }}\r\n @if (showCheckbox) {\r\n <div class=\"ml-2 mt-1\">\r\n <ecabs-checkbox [type]=\"'toggle'\" [(ngModel)]=\"toggle\"\r\n (click)=\"toggleAction($event)\"></ecabs-checkbox>\r\n </div>\r\n }\r\n </div>\r\n @if (showErrorMessage) {\r\n <div class=\"error-message\">{{ errorMessage }}</div>\r\n }\r\n </div>\r\n </mat-panel-title>\r\n <mat-panel-description>{{ description }}\r\n @if (showStatus) {\r\n <mat-chip class=\"{{ status | lowercase }}\">\r\n {{ status | titlecase }}\r\n </mat-chip>\r\n }\r\n </mat-panel-description>\r\n </mat-expansion-panel-header>\r\n }\r\n\r\n @if (actionTitle) {\r\n <mat-expansion-panel-header>\r\n <ng-container *ngTemplateOutlet=\"actionTitle\"></ng-container>\r\n </mat-expansion-panel-header>\r\n }\r\n <ng-content></ng-content>\r\n </mat-expansion-panel>\r\n</mat-accordion>\r\n", styles: [".example-action-buttons{padding-bottom:20px}.example-headers-align .mat-expansion-panel-header-title,.example-headers-align .mat-expansion-panel-header-description{flex-basis:0}.example-headers-align .mat-expansion-panel-header-description{justify-content:flex-end;align-items:center}.example-headers-align .mat-mdc-form-field+.mat-mdc-form-field{margin-left:8px}:host ::ng-deep .mat-expansion-indicator:after{border-color:var(--color-gray-500)}.index{height:28px;width:28px;display:flex;align-items:center;justify-content:center;text-align:center;padding-top:3px;font-size:16px}.error-message{font-size:.75rem!important;color:var(--color-error);margin-left:2.125rem;margin-top:-.75rem}.rounded{background-color:var(--color-brand-dark);border-radius:50%;height:28px;width:28px;display:flex;align-items:center;justify-content:center;text-align:center}.rounded-icon{color:var(--color-white)}.inactive{background-color:rgba(var(--color-warn-rgb),.05);color:var(--color-warn)}.draft{background-color:var(--color-gray-200);color:var(--color-gray-500)}.published{background-color:rgba(var(--color-info-rgb),.05);color:var(--color-info)}.active{background-color:rgba(var(--color-success-rgb),.05);color:var(--color-success)}.expired{background-color:rgba(var(--color-error-rgb),.05);color:var(--color-error)}\n"] }]
|
|
5611
|
+
args: [{ selector: 'ecabs-expansion-panel', standalone: false, template: "<mat-accordion class=\"example-headers-align\" multi>\r\n <mat-expansion-panel [expanded]=\"expanded\" [disabled]=\"disabled\" (opened)=\"onOpened()\" (closed)=\"onClosed()\" [hideToggle]=\"hideToggle\">\r\n @if (title) {\r\n <mat-expansion-panel-header>\r\n <mat-panel-title>\r\n <div>\r\n <div class=\"flex flex-row\">\r\n @if (index && !showErrorMessage) {\r\n <div class=\"border-current border-2 rounded-full mr-3 index\">\r\n {{ index }}\r\n </div>\r\n }\r\n @if (!showErrorMessage && showIcon) {\r\n <div class=\"mr-3 rounded\">\r\n <mat-icon class=\"rounded-icon !text-lg -mt-1\">{{ iconName }}</mat-icon>\r\n </div>\r\n }\r\n @if (showErrorMessage) {\r\n <div class=\"mt-1 mr-2\">\r\n <mat-icon color=\"warn\">warning</mat-icon>\r\n </div>\r\n }\r\n {{ title }}\r\n @if (showCheckbox) {\r\n <div class=\"ml-2 mt-1\">\r\n <ecabs-checkbox [type]=\"'toggle'\" [(ngModel)]=\"toggle\"\r\n (click)=\"toggleAction($event)\"></ecabs-checkbox>\r\n </div>\r\n }\r\n </div>\r\n @if (showErrorMessage) {\r\n <div class=\"error-message\">{{ errorMessage }}</div>\r\n }\r\n </div>\r\n </mat-panel-title>\r\n <mat-panel-description>{{ description }}\r\n @if (showStatus) {\r\n <mat-chip class=\"{{ status | lowercase }}\">\r\n {{ status | titlecase }}\r\n </mat-chip>\r\n }\r\n </mat-panel-description>\r\n </mat-expansion-panel-header>\r\n }\r\n\r\n @if (actionTitle) {\r\n <mat-expansion-panel-header>\r\n <ng-container *ngTemplateOutlet=\"actionTitle\"></ng-container>\r\n </mat-expansion-panel-header>\r\n }\r\n <ng-content></ng-content>\r\n </mat-expansion-panel>\r\n</mat-accordion>\r\n", styles: [".example-action-buttons{padding-bottom:20px}.example-headers-align .mat-expansion-panel-header-title,.example-headers-align .mat-expansion-panel-header-description{flex-basis:0}.example-headers-align .mat-expansion-panel-header-description{justify-content:flex-end;align-items:center}.example-headers-align .mat-mdc-form-field+.mat-mdc-form-field{margin-left:8px}:host ::ng-deep .mat-expansion-indicator:after{border-color:var(--color-gray-500)}.index{height:28px;width:28px;display:flex;align-items:center;justify-content:center;text-align:center;padding-top:3px;font-size:16px}.error-message{font-size:.75rem!important;color:var(--color-error);margin-left:2.125rem;margin-top:-.75rem}.rounded{background-color:var(--color-brand-dark);border-radius:50%;height:28px;width:28px;display:flex;align-items:center;justify-content:center;text-align:center}.rounded-icon{color:var(--color-white)}.inactive{background-color:rgba(var(--color-warn-rgb),.05);color:var(--color-warn)}.draft{background-color:var(--color-gray-200);color:var(--color-gray-500)}.published{background-color:rgba(var(--color-info-rgb),.05);color:var(--color-info)}.active{background-color:rgba(var(--color-success-rgb),.05);color:var(--color-success)}.expired{background-color:rgba(var(--color-error-rgb),.05);color:var(--color-error)}\n"] }]
|
|
5608
5612
|
}], propDecorators: { title: [{
|
|
5609
5613
|
type: Input
|
|
5610
5614
|
}], description: [{
|
|
@@ -5641,21 +5645,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
5641
5645
|
type: Output
|
|
5642
5646
|
}], opened: [{
|
|
5643
5647
|
type: Output
|
|
5648
|
+
}], closed: [{
|
|
5649
|
+
type: Output
|
|
5644
5650
|
}], expansionPanel: [{
|
|
5645
5651
|
type: ViewChild,
|
|
5646
5652
|
args: [MatExpansionPanel]
|
|
5647
5653
|
}] } });
|
|
5648
5654
|
|
|
5649
5655
|
class EcabsExpansionPanelModule {
|
|
5650
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5651
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
5656
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsExpansionPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5657
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsExpansionPanelModule, declarations: [EcabsExpansionPanelComponent], imports: [CommonModule,
|
|
5652
5658
|
FormsModule,
|
|
5653
5659
|
MatButtonModule,
|
|
5654
5660
|
MatExpansionModule,
|
|
5655
5661
|
MatIconModule,
|
|
5656
5662
|
MatChipsModule,
|
|
5657
5663
|
EcabsCheckboxToggleModule], exports: [EcabsExpansionPanelComponent] });
|
|
5658
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
5664
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsExpansionPanelModule, imports: [CommonModule,
|
|
5659
5665
|
FormsModule,
|
|
5660
5666
|
MatButtonModule,
|
|
5661
5667
|
MatExpansionModule,
|
|
@@ -5663,7 +5669,7 @@ class EcabsExpansionPanelModule {
|
|
|
5663
5669
|
MatChipsModule,
|
|
5664
5670
|
EcabsCheckboxToggleModule] });
|
|
5665
5671
|
}
|
|
5666
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5672
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsExpansionPanelModule, decorators: [{
|
|
5667
5673
|
type: NgModule,
|
|
5668
5674
|
args: [{
|
|
5669
5675
|
declarations: [EcabsExpansionPanelComponent],
|
|
@@ -5684,12 +5690,12 @@ class EcabsTableFilterWrapperComponent {
|
|
|
5684
5690
|
title;
|
|
5685
5691
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
5686
5692
|
actions;
|
|
5687
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5688
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
5693
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsTableFilterWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5694
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: EcabsTableFilterWrapperComponent, isStandalone: false, selector: "ecabs-table-filter-wrapper", inputs: { title: "title", actions: "actions" }, ngImport: i0, template: "<ecabs-expansion-panel [title]=\"title\" class=\"block mb-5\" [expanded]=\"true\">\r\n <ng-content></ng-content>\r\n\r\n @if (actions) {\r\n <div class=\"flex justify-end\">\r\n <ng-container *ngTemplateOutlet=\"actions\"></ng-container>\r\n </div>\r\n }\r\n</ecabs-expansion-panel>\r\n", styles: [".mat-expansion-panel-header-title{font-size:22px}:host::ng-deep .btn__group{justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EcabsExpansionPanelComponent, selector: "ecabs-expansion-panel", inputs: ["title", "description", "actionTitle", "index", "expanded", "disabled", "errorMessage", "showErrorMessage", "closePanel", "showIcon", "iconName", "showCheckbox", "showStatus", "status", "hideToggle"], outputs: ["checked", "opened", "closed"] }] });
|
|
5689
5695
|
}
|
|
5690
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5696
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsTableFilterWrapperComponent, decorators: [{
|
|
5691
5697
|
type: Component,
|
|
5692
|
-
args: [{ selector: 'ecabs-table-filter-wrapper', standalone: false, template: "<ecabs-expansion-panel [title]=\"title\" class=\"block mb-5\" [expanded]=\"true\">\r\n <ng-content></ng-content>\r\n\r\n @if (actions) {\r\n <div class=\"flex justify-end\">\r\n <ng-container *ngTemplateOutlet=\"actions\"></ng-container>\r\n </div>\r\n }\r\n</ecabs-expansion-panel>\r\n", styles: ["
|
|
5698
|
+
args: [{ selector: 'ecabs-table-filter-wrapper', standalone: false, template: "<ecabs-expansion-panel [title]=\"title\" class=\"block mb-5\" [expanded]=\"true\">\r\n <ng-content></ng-content>\r\n\r\n @if (actions) {\r\n <div class=\"flex justify-end\">\r\n <ng-container *ngTemplateOutlet=\"actions\"></ng-container>\r\n </div>\r\n }\r\n</ecabs-expansion-panel>\r\n", styles: [".mat-expansion-panel-header-title{font-size:22px}:host::ng-deep .btn__group{justify-content:flex-end}\n"] }]
|
|
5693
5699
|
}], propDecorators: { title: [{
|
|
5694
5700
|
type: Input
|
|
5695
5701
|
}],
|
|
@@ -5699,11 +5705,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
5699
5705
|
}] } });
|
|
5700
5706
|
|
|
5701
5707
|
class EcabsTableFilterWrapperModule {
|
|
5702
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5703
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
5704
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
5708
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsTableFilterWrapperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5709
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsTableFilterWrapperModule, declarations: [EcabsTableFilterWrapperComponent], imports: [CommonModule, EcabsExpansionPanelModule], exports: [EcabsTableFilterWrapperComponent] });
|
|
5710
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsTableFilterWrapperModule, imports: [CommonModule, EcabsExpansionPanelModule] });
|
|
5705
5711
|
}
|
|
5706
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5712
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsTableFilterWrapperModule, decorators: [{
|
|
5707
5713
|
type: NgModule,
|
|
5708
5714
|
args: [{
|
|
5709
5715
|
declarations: [EcabsTableFilterWrapperComponent],
|
|
@@ -5728,10 +5734,10 @@ class TableComponent {
|
|
|
5728
5734
|
this.isEmpty = !this.table['_data']?.length;
|
|
5729
5735
|
}
|
|
5730
5736
|
}
|
|
5731
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5732
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
5737
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5738
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: TableComponent, isStandalone: false, selector: "ecabs-table", inputs: { header: "header", paginator: "paginator", bordered: "bordered", loading: "loading", isEmpty: "isEmpty", isEmptyMessage: "isEmptyMessage", redirectPath: "redirectPath", srcImageEmpty: "srcImageEmpty" }, queries: [{ propertyName: "table", first: true, predicate: MatTable, descendants: true }], ngImport: i0, template: "<section class=\"table-ui table-ui--wrapper\" [ngClass]=\"{ 'table-ui__bordered': bordered, loading: loading }\">\r\n @if (loading) {\r\n <mat-progress-bar mode=\"indeterminate\" class=\"table-ui__progress\"></mat-progress-bar>\r\n }\r\n\r\n @if (header) {\r\n <div class=\"table-ui__header\">\r\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\r\n </div>\r\n }\r\n\r\n @if (!(isEmptyMessage && isEmpty)) {\r\n <ng-content></ng-content>\r\n @if (paginator) {\r\n <div class=\"table-ui__paginator\">\r\n <ng-container *ngTemplateOutlet=\"paginator\"></ng-container>\r\n </div>\r\n }\r\n } @else {\r\n @if (!loading) {\r\n <ecabs-empty-placeholder\r\n [redirectPath]=\"redirectPath\"\r\n [isEmptyMessage]=\"isEmptyMessage\"\r\n [srcImage]=\"srcImageEmpty\"\r\n ></ecabs-empty-placeholder>\r\n }\r\n }\r\n\r\n <!--#For Empty state -->\r\n</section>\r\n", styles: [":host mat-progress-bar{position:absolute;width:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$4.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: EcabsEmptyPlaceholderComponent, selector: "ecabs-empty-placeholder", inputs: ["isEmptyMessage", "redirectPath", "srcImage"] }] });
|
|
5733
5739
|
}
|
|
5734
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5740
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TableComponent, decorators: [{
|
|
5735
5741
|
type: Component,
|
|
5736
5742
|
args: [{ selector: 'ecabs-table', standalone: false, template: "<section class=\"table-ui table-ui--wrapper\" [ngClass]=\"{ 'table-ui__bordered': bordered, loading: loading }\">\r\n @if (loading) {\r\n <mat-progress-bar mode=\"indeterminate\" class=\"table-ui__progress\"></mat-progress-bar>\r\n }\r\n\r\n @if (header) {\r\n <div class=\"table-ui__header\">\r\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\r\n </div>\r\n }\r\n\r\n @if (!(isEmptyMessage && isEmpty)) {\r\n <ng-content></ng-content>\r\n @if (paginator) {\r\n <div class=\"table-ui__paginator\">\r\n <ng-container *ngTemplateOutlet=\"paginator\"></ng-container>\r\n </div>\r\n }\r\n } @else {\r\n @if (!loading) {\r\n <ecabs-empty-placeholder\r\n [redirectPath]=\"redirectPath\"\r\n [isEmptyMessage]=\"isEmptyMessage\"\r\n [srcImage]=\"srcImageEmpty\"\r\n ></ecabs-empty-placeholder>\r\n }\r\n }\r\n\r\n <!--#For Empty state -->\r\n</section>\r\n", styles: [":host mat-progress-bar{position:absolute;width:auto}\n"] }]
|
|
5737
5743
|
}], propDecorators: { table: [{
|
|
@@ -5756,17 +5762,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
5756
5762
|
}] } });
|
|
5757
5763
|
|
|
5758
5764
|
class EcabsTableModule {
|
|
5759
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5760
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
5765
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5766
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsTableModule, declarations: [TableComponent], imports: [CommonModule,
|
|
5761
5767
|
MatProgressBarModule,
|
|
5762
5768
|
RouterModule,
|
|
5763
5769
|
EcabsEmptyPlaceholderModule], exports: [TableComponent, MatTableModule, EcabsEmptyPlaceholderModule] });
|
|
5764
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
5770
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsTableModule, imports: [CommonModule,
|
|
5765
5771
|
MatProgressBarModule,
|
|
5766
5772
|
RouterModule,
|
|
5767
5773
|
EcabsEmptyPlaceholderModule, MatTableModule, EcabsEmptyPlaceholderModule] });
|
|
5768
5774
|
}
|
|
5769
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5775
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsTableModule, decorators: [{
|
|
5770
5776
|
type: NgModule,
|
|
5771
5777
|
args: [{
|
|
5772
5778
|
declarations: [TableComponent],
|
|
@@ -5794,22 +5800,22 @@ class EcabsNoteComponent {
|
|
|
5794
5800
|
return 'note--default';
|
|
5795
5801
|
}
|
|
5796
5802
|
}
|
|
5797
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5798
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
5803
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsNoteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5804
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: EcabsNoteComponent, isStandalone: false, selector: "ecabs-note", inputs: { type: "type" }, ngImport: i0, template: "<div class=\"flex flex-row px-2 py-4 note items-center\" [ngClass]=\"classByType\">\r\n <div class=\"flex ml-2\">\r\n <mat-icon>info_outline</mat-icon>\r\n </div>\r\n <div class=\"ml-4 w-full\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [".note{border-radius:.25rem}.note .mat-icon{color:inherit}.note--danger{color:var(--color-error);background-color:var(--color-error-opacity)}.note--warn{background-color:var(--color-warning-opacity);color:var(--color-warn)}.note--success{background-color:rgba(var(--color-success-rgb),.06);color:var(--color-success)}.note--default{background-color:rgba(var(--color-info-rgb),.06);color:var(--color-info)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
|
|
5799
5805
|
}
|
|
5800
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5806
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsNoteComponent, decorators: [{
|
|
5801
5807
|
type: Component,
|
|
5802
|
-
args: [{ selector: 'ecabs-note', standalone: false, template: "<div class=\"flex flex-row px-2 py-4 note items-center\" [ngClass]=\"classByType\">\r\n <div class=\"flex ml-2\">\r\n <mat-icon>info_outline</mat-icon>\r\n </div>\r\n <div class=\"ml-4 w-full\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: ["
|
|
5808
|
+
args: [{ selector: 'ecabs-note', standalone: false, template: "<div class=\"flex flex-row px-2 py-4 note items-center\" [ngClass]=\"classByType\">\r\n <div class=\"flex ml-2\">\r\n <mat-icon>info_outline</mat-icon>\r\n </div>\r\n <div class=\"ml-4 w-full\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [".note{border-radius:.25rem}.note .mat-icon{color:inherit}.note--danger{color:var(--color-error);background-color:var(--color-error-opacity)}.note--warn{background-color:var(--color-warning-opacity);color:var(--color-warn)}.note--success{background-color:rgba(var(--color-success-rgb),.06);color:var(--color-success)}.note--default{background-color:rgba(var(--color-info-rgb),.06);color:var(--color-info)}\n"] }]
|
|
5803
5809
|
}], propDecorators: { type: [{
|
|
5804
5810
|
type: Input
|
|
5805
5811
|
}] } });
|
|
5806
5812
|
|
|
5807
5813
|
class EcabsNoteModule {
|
|
5808
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5809
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
5810
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
5814
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsNoteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5815
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsNoteModule, declarations: [EcabsNoteComponent], imports: [CommonModule, MatIconModule], exports: [EcabsNoteComponent] });
|
|
5816
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsNoteModule, imports: [CommonModule, MatIconModule] });
|
|
5811
5817
|
}
|
|
5812
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5818
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsNoteModule, decorators: [{
|
|
5813
5819
|
type: NgModule,
|
|
5814
5820
|
args: [{
|
|
5815
5821
|
declarations: [EcabsNoteComponent],
|
|
@@ -5874,10 +5880,10 @@ class EcabsDialogConfirmComponent {
|
|
|
5874
5880
|
closeOnPopover() {
|
|
5875
5881
|
this.dialogRef.close(this.data.popoverResult ?? false);
|
|
5876
5882
|
}
|
|
5877
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5878
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
5883
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDialogConfirmComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$2.MatDialogRef }, { token: UnsubscribeService }, { token: EcabsComponentsService }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
5884
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: EcabsDialogConfirmComponent, isStandalone: false, selector: "ecabs-dialog-confirm", providers: [UnsubscribeService], ngImport: i0, template: "@if (data?.titleTemplate) {\r\n <div class=\"flex items-center justify-between modal-title\">\r\n <ng-container *ngTemplateOutlet=\"data?.titleTemplate\"></ng-container>\r\n\r\n @if (!!data?.isPopover) {\r\n <mat-icon (click)=\"closeOnPopover()\"\r\n (keydown.enter)=\"closeOnPopover()\"\r\n class=\"mat-icon material-icons-outlined justify-end icon--close\">\r\n close\r\n </mat-icon>\r\n }\r\n </div>\r\n} @else {\r\n @if (data?.title || !!data?.isPopover) {\r\n <div matDialogTitle class=\"flex flex-column\">\r\n @if (!!data?.isPopover) {\r\n <div class=\"w-full flex justify-end\">\r\n <mat-icon (click)=\"closeOnPopover()\"\r\n (keydown.enter)=\"closeOnPopover()\"\r\n class=\"mat-icon material-icons-outlined float-right icon--close mb-2\">\r\n close\r\n </mat-icon>\r\n </div>\r\n }\r\n @if (data.title) {\r\n <div class=\"font-semibold heading--xs modal-title {{ data.titleColor }}\">\r\n {{ data.title }}\r\n </div>\r\n }\r\n </div>\r\n}\r\n}\r\n\r\n<div mat-dialog-content>\r\n @if (data?.content) {\r\n <div>{{ data?.content }}</div>\r\n }\r\n <ng-container *ngTemplateOutlet=\"data?.message\"></ng-container>\r\n</div>\r\n\r\n@if ((!!data?.cancelLabel || !!data?.confirmLabel) && !data?.hideCtaButtons) {\r\n <div>\r\n <div mat-dialog-actions\r\n [ngClass]=\"{'gap-y-4': data?.useFullButtonSize}\"\r\n class=\"btn__group flex justify-end w-full\">\r\n @if (!!data?.cancelLabel) {\r\n <ecabs-buttons\r\n [full]=\"data?.useFullButtonSize\"\r\n (click)=\"closeFalsey()\"\r\n (keydown.enter)=\"closeFalsey()\"\r\n [style]=\"data?.cancelStyle || 'stroked'\">\r\n {{ data?.cancelLabel }}\r\n </ecabs-buttons>\r\n }\r\n @if (!!data?.confirmLabel) {\r\n <ecabs-buttons\r\n [full]=\"data?.useFullButtonSize\"\r\n [color]=\"data?.color || color\"\r\n [style]=\"data?.confirmStyle || 'flat'\"\r\n [loading]=\"data?.loading$ | async\"\r\n (click)=\"closeDialog()\"\r\n [disabled]=\"data?.disableConfirm$ | async\"\r\n (keydown.enter)=\"closeDialog()\">\r\n {{ data?.confirmLabel }}\r\n </ecabs-buttons>\r\n }\r\n </div>\r\n </div>\r\n}\r\n", styles: [":host .mat-icon.icon--close,:host ::ng-deep .mat-icon.icon--close{cursor:pointer;color:var(--color-gray-500)}.modal-title.warn{color:var(--color-error)!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$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: ButtonsComponent, selector: "ecabs-buttons", inputs: ["disabled", "loading", "size", "type", "style", "full", "color"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
|
|
5879
5885
|
}
|
|
5880
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5886
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDialogConfirmComponent, decorators: [{
|
|
5881
5887
|
type: Component,
|
|
5882
5888
|
args: [{ selector: 'ecabs-dialog-confirm', providers: [UnsubscribeService], standalone: false, template: "@if (data?.titleTemplate) {\r\n <div class=\"flex items-center justify-between modal-title\">\r\n <ng-container *ngTemplateOutlet=\"data?.titleTemplate\"></ng-container>\r\n\r\n @if (!!data?.isPopover) {\r\n <mat-icon (click)=\"closeOnPopover()\"\r\n (keydown.enter)=\"closeOnPopover()\"\r\n class=\"mat-icon material-icons-outlined justify-end icon--close\">\r\n close\r\n </mat-icon>\r\n }\r\n </div>\r\n} @else {\r\n @if (data?.title || !!data?.isPopover) {\r\n <div matDialogTitle class=\"flex flex-column\">\r\n @if (!!data?.isPopover) {\r\n <div class=\"w-full flex justify-end\">\r\n <mat-icon (click)=\"closeOnPopover()\"\r\n (keydown.enter)=\"closeOnPopover()\"\r\n class=\"mat-icon material-icons-outlined float-right icon--close mb-2\">\r\n close\r\n </mat-icon>\r\n </div>\r\n }\r\n @if (data.title) {\r\n <div class=\"font-semibold heading--xs modal-title {{ data.titleColor }}\">\r\n {{ data.title }}\r\n </div>\r\n }\r\n </div>\r\n}\r\n}\r\n\r\n<div mat-dialog-content>\r\n @if (data?.content) {\r\n <div>{{ data?.content }}</div>\r\n }\r\n <ng-container *ngTemplateOutlet=\"data?.message\"></ng-container>\r\n</div>\r\n\r\n@if ((!!data?.cancelLabel || !!data?.confirmLabel) && !data?.hideCtaButtons) {\r\n <div>\r\n <div mat-dialog-actions\r\n [ngClass]=\"{'gap-y-4': data?.useFullButtonSize}\"\r\n class=\"btn__group flex justify-end w-full\">\r\n @if (!!data?.cancelLabel) {\r\n <ecabs-buttons\r\n [full]=\"data?.useFullButtonSize\"\r\n (click)=\"closeFalsey()\"\r\n (keydown.enter)=\"closeFalsey()\"\r\n [style]=\"data?.cancelStyle || 'stroked'\">\r\n {{ data?.cancelLabel }}\r\n </ecabs-buttons>\r\n }\r\n @if (!!data?.confirmLabel) {\r\n <ecabs-buttons\r\n [full]=\"data?.useFullButtonSize\"\r\n [color]=\"data?.color || color\"\r\n [style]=\"data?.confirmStyle || 'flat'\"\r\n [loading]=\"data?.loading$ | async\"\r\n (click)=\"closeDialog()\"\r\n [disabled]=\"data?.disableConfirm$ | async\"\r\n (keydown.enter)=\"closeDialog()\">\r\n {{ data?.confirmLabel }}\r\n </ecabs-buttons>\r\n }\r\n </div>\r\n </div>\r\n}\r\n", styles: [":host .mat-icon.icon--close,:host ::ng-deep .mat-icon.icon--close{cursor:pointer;color:var(--color-gray-500)}.modal-title.warn{color:var(--color-error)!important}\n"] }]
|
|
5883
5889
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -5886,11 +5892,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
5886
5892
|
}] }, { type: i1$2.MatDialogRef }, { type: UnsubscribeService }, { type: EcabsComponentsService }, { type: i0.DestroyRef }] });
|
|
5887
5893
|
|
|
5888
5894
|
class EcabsDialogConfirmModule {
|
|
5889
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5890
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
5891
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
5895
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDialogConfirmModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5896
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsDialogConfirmModule, declarations: [EcabsDialogConfirmComponent], imports: [CommonModule, MatDialogModule, EcabsButtonsModule, MatIconModule] });
|
|
5897
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDialogConfirmModule, imports: [CommonModule, MatDialogModule, EcabsButtonsModule, MatIconModule] });
|
|
5892
5898
|
}
|
|
5893
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5899
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDialogConfirmModule, decorators: [{
|
|
5894
5900
|
type: NgModule,
|
|
5895
5901
|
args: [{
|
|
5896
5902
|
declarations: [EcabsDialogConfirmComponent],
|
|
@@ -5940,23 +5946,23 @@ class EcabsDialogMessageComponent {
|
|
|
5940
5946
|
this.dialogRef.close(true);
|
|
5941
5947
|
}
|
|
5942
5948
|
}
|
|
5943
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5944
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
5949
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDialogMessageComponent, deps: [{ token: i1$2.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
|
|
5950
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: EcabsDialogMessageComponent, isStandalone: false, selector: "ecabs-dialog-message", ngImport: i0, template: "@if (data?.title || !!data?.isPopover) {\r\n <div matDialogTitle class=\"flex flex-column\">\r\n @if (!!data?.isPopover) {\r\n <div class=\"w-full flex justify-end\">\r\n <mat-icon\r\n (click)=\"dialogRef.close(false)\"\r\n class=\"mat-icon material-icons-outlined float-right icon--close mb-2\"\r\n role=\"button\"\r\n >\r\n close\r\n </mat-icon>\r\n </div>\r\n }\r\n @if (data.title) {\r\n <div class=\"title font-semibold heading--xs\" [ngClass]=\"classByType\">\r\n {{ data.title }}\r\n </div>\r\n }\r\n </div>\r\n}\r\n\r\n<div mat-dialog-content>\r\n {{data?.message}}\r\n</div>\r\n\r\n<div class=\"pb-6\">\r\n @if (!data?.isPopover) {\r\n <div mat-dialog-actions class=\"btn__group flex justify-end w-full\">\r\n <ecabs-buttons [color]=\"data?.color || color\" [full]=\"data?.isButtonBlock\" [loading]=\"data.loading$ | async\" (click)=\"closeDialog()\">\r\n {{ data?.confirmLabel }}\r\n </ecabs-buttons>\r\n </div>\r\n }\r\n</div>\r\n", styles: [":host .mat-mdc-dialog-title .mat-icon.icon--close,:host ::ng-deep .mat-mdc-dialog-title .mat-icon.icon--close{width:20px;height:20px;line-height:20px;font-size:20px}:host app-buttons,:host ::ng-deep app-buttons{width:calc(50% - .5rem)}:host button,:host ::ng-deep button{width:100%}.title--accent{color:var(--color-error)}.title--warn{color:var(--color-warn)}.title--success{color:var(--color-success)}.title--default{color:var(--color-info)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: ButtonsComponent, selector: "ecabs-buttons", inputs: ["disabled", "loading", "size", "type", "style", "full", "color"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
|
|
5945
5951
|
}
|
|
5946
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5952
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDialogMessageComponent, decorators: [{
|
|
5947
5953
|
type: Component,
|
|
5948
|
-
args: [{ selector: 'ecabs-dialog-message', standalone: false, template: "@if (data?.title || !!data?.isPopover) {\r\n <div matDialogTitle class=\"flex flex-column\">\r\n @if (!!data?.isPopover) {\r\n <div class=\"w-full flex justify-end\">\r\n <mat-icon\r\n (click)=\"dialogRef.close(false)\"\r\n class=\"mat-icon material-icons-outlined float-right icon--close mb-2\"\r\n role=\"button\"\r\n >\r\n close\r\n </mat-icon>\r\n </div>\r\n }\r\n @if (data.title) {\r\n <div class=\"title font-semibold heading--xs\" [ngClass]=\"classByType\">\r\n {{ data.title }}\r\n </div>\r\n }\r\n </div>\r\n}\r\n\r\n<div mat-dialog-content>\r\n {{data?.message}}\r\n</div>\r\n\r\n<div class=\"pb-6\">\r\n @if (!data?.isPopover) {\r\n <div mat-dialog-actions class=\"btn__group flex justify-end w-full\">\r\n <ecabs-buttons [color]=\"data?.color || color\" [full]=\"data?.isButtonBlock\" [loading]=\"data.loading$ | async\" (click)=\"closeDialog()\">\r\n {{ data?.confirmLabel }}\r\n </ecabs-buttons>\r\n </div>\r\n }\r\n</div>\r\n", styles: [":
|
|
5954
|
+
args: [{ selector: 'ecabs-dialog-message', standalone: false, template: "@if (data?.title || !!data?.isPopover) {\r\n <div matDialogTitle class=\"flex flex-column\">\r\n @if (!!data?.isPopover) {\r\n <div class=\"w-full flex justify-end\">\r\n <mat-icon\r\n (click)=\"dialogRef.close(false)\"\r\n class=\"mat-icon material-icons-outlined float-right icon--close mb-2\"\r\n role=\"button\"\r\n >\r\n close\r\n </mat-icon>\r\n </div>\r\n }\r\n @if (data.title) {\r\n <div class=\"title font-semibold heading--xs\" [ngClass]=\"classByType\">\r\n {{ data.title }}\r\n </div>\r\n }\r\n </div>\r\n}\r\n\r\n<div mat-dialog-content>\r\n {{data?.message}}\r\n</div>\r\n\r\n<div class=\"pb-6\">\r\n @if (!data?.isPopover) {\r\n <div mat-dialog-actions class=\"btn__group flex justify-end w-full\">\r\n <ecabs-buttons [color]=\"data?.color || color\" [full]=\"data?.isButtonBlock\" [loading]=\"data.loading$ | async\" (click)=\"closeDialog()\">\r\n {{ data?.confirmLabel }}\r\n </ecabs-buttons>\r\n </div>\r\n }\r\n</div>\r\n", styles: [":host .mat-mdc-dialog-title .mat-icon.icon--close,:host ::ng-deep .mat-mdc-dialog-title .mat-icon.icon--close{width:20px;height:20px;line-height:20px;font-size:20px}:host app-buttons,:host ::ng-deep app-buttons{width:calc(50% - .5rem)}:host button,:host ::ng-deep button{width:100%}.title--accent{color:var(--color-error)}.title--warn{color:var(--color-warn)}.title--success{color:var(--color-success)}.title--default{color:var(--color-info)}\n"] }]
|
|
5949
5955
|
}], ctorParameters: () => [{ type: i1$2.MatDialogRef }, { type: undefined, decorators: [{
|
|
5950
5956
|
type: Inject,
|
|
5951
5957
|
args: [MAT_DIALOG_DATA]
|
|
5952
5958
|
}] }] });
|
|
5953
5959
|
|
|
5954
5960
|
class EcabsDialogMessageModule {
|
|
5955
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5956
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
5957
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
5961
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDialogMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5962
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsDialogMessageModule, declarations: [EcabsDialogMessageComponent], imports: [CommonModule, MatDialogModule, EcabsButtonsModule, MatIconModule] });
|
|
5963
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDialogMessageModule, imports: [CommonModule, MatDialogModule, EcabsButtonsModule, MatIconModule] });
|
|
5958
5964
|
}
|
|
5959
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5965
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDialogMessageModule, decorators: [{
|
|
5960
5966
|
type: NgModule,
|
|
5961
5967
|
args: [{
|
|
5962
5968
|
declarations: [EcabsDialogMessageComponent],
|
|
@@ -5966,10 +5972,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
5966
5972
|
|
|
5967
5973
|
class EcabsBreadcrumbComponent {
|
|
5968
5974
|
breadcrumb;
|
|
5969
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5970
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
5975
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5976
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: EcabsBreadcrumbComponent, isStandalone: false, selector: "ecabs-breadcrumb", inputs: { breadcrumb: "breadcrumb" }, ngImport: i0, template: "<ul class=\"flex text-gray-500 text-sm\">\r\n @for (item of breadcrumb; track item; let counter = $index) {\r\n <li\r\n [routerLink]=\"item.url\"\r\n [ngClass]=\"{ 'cursor-pointer': item.url }\"\r\n class=\"flex\"\r\n >\r\n @if (counter !== 0) {\r\n <mat-icon class=\"!text-sm text-center text-gray-400\">keyboard_arrow_right</mat-icon>\r\n }\r\n <span>{{ item.title }}</span>\r\n </li>\r\n }\r\n</ul>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5971
5977
|
}
|
|
5972
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5978
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsBreadcrumbComponent, decorators: [{
|
|
5973
5979
|
type: Component,
|
|
5974
5980
|
args: [{ selector: 'ecabs-breadcrumb', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ul class=\"flex text-gray-500 text-sm\">\r\n @for (item of breadcrumb; track item; let counter = $index) {\r\n <li\r\n [routerLink]=\"item.url\"\r\n [ngClass]=\"{ 'cursor-pointer': item.url }\"\r\n class=\"flex\"\r\n >\r\n @if (counter !== 0) {\r\n <mat-icon class=\"!text-sm text-center text-gray-400\">keyboard_arrow_right</mat-icon>\r\n }\r\n <span>{{ item.title }}</span>\r\n </li>\r\n }\r\n</ul>\r\n" }]
|
|
5975
5981
|
}], propDecorators: { breadcrumb: [{
|
|
@@ -5977,11 +5983,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
5977
5983
|
}] } });
|
|
5978
5984
|
|
|
5979
5985
|
class EcabsBreadcrumbModule {
|
|
5980
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5981
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
5982
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
5986
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5987
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsBreadcrumbModule, declarations: [EcabsBreadcrumbComponent], imports: [CommonModule, MatIconModule, RouterModule], exports: [EcabsBreadcrumbComponent] });
|
|
5988
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsBreadcrumbModule, imports: [CommonModule, MatIconModule, RouterModule] });
|
|
5983
5989
|
}
|
|
5984
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5990
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsBreadcrumbModule, decorators: [{
|
|
5985
5991
|
type: NgModule,
|
|
5986
5992
|
args: [{
|
|
5987
5993
|
declarations: [EcabsBreadcrumbComponent],
|
|
@@ -6026,12 +6032,12 @@ class EcabsLanguageSelectorComponent {
|
|
|
6026
6032
|
});
|
|
6027
6033
|
return lang.of(code);
|
|
6028
6034
|
}
|
|
6029
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6030
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
6035
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsLanguageSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6036
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: EcabsLanguageSelectorComponent, isStandalone: false, selector: "ecabs-language-selector", inputs: { languages: "languages", currentLanguage: "currentLanguage", showLabelTitle: "showLabelTitle", flagOnly: "flagOnly", tooltip: "tooltip" }, outputs: { languageChanged: "languageChanged" }, usesOnChanges: true, ngImport: i0, template: "<mat-form-field appearance=\"outline\"\r\n [ngClass]=\"{'flag-only': flagOnly}\">\r\n <mat-label></mat-label>\r\n <mat-select class=\"capitalize\"\r\n [(ngModel)]=\"selectedLang\"\r\n name=\"language\"\r\n (ngModelChange)=\"toggleLang()\"\r\n panelClass=\"wide-select\">\r\n <mat-select-trigger>\r\n <div class=\"flex items-center\" [matTooltip]=\"tooltip\">\r\n <span [ngClass]=\"flagClass(matchSelected())\"></span>\r\n @if (!flagOnly) {\r\n <div class=\"ml-2\">{{ standardLang(matchSelected()) }}</div>\r\n }\r\n </div>\r\n </mat-select-trigger>\r\n @for (lang of languages; track lang) {\r\n <mat-option class=\"capitalize\" [value]=\"lang\">\r\n <div class=\"flex items-center\">\r\n <span [ngClass]=\"flagClass(lang)\"></span>\r\n <div class=\"ml-2\">{{ standardLang(lang) }}</div>\r\n </div>\r\n </mat-option>\r\n }\r\n </mat-select>\r\n</mat-form-field>\r\n", styles: [":host::ng-deep .mat-mdc-select{padding:0;border:0}:host::ng-deep .mat-mdc-select .mat-mdc-select-arrow-wrapper{display:none}:host::ng-deep .mat-mdc-select,:host::ng-deep .mat-mdc-select .mdc-list-item{font-size:12px;font-size:.75rem}:host::ng-deep .mat-mdc-select-panel .mat-mdc-option.mdc-list-item{font-size:12px;font-size:.75rem}:host::ng-deep .mat-mdc-form-field{width:auto}:host::ng-deep .flag-only .mat-mdc-select .mat-mdc-select-arrow-wrapper{width:0}:host::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__leading,:host::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__notch,:host::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__trailing{border:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatLabel, selector: "mat-label" }, { kind: "component", type: i2$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i2$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i2$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
6031
6037
|
}
|
|
6032
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6038
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsLanguageSelectorComponent, decorators: [{
|
|
6033
6039
|
type: Component,
|
|
6034
|
-
args: [{ selector: 'ecabs-language-selector', standalone: false, template: "<mat-form-field appearance=\"outline\"\r\n [ngClass]=\"{'flag-only': flagOnly}\">\r\n <mat-label></mat-label>\r\n <mat-select class=\"capitalize\"\r\n [(ngModel)]=\"selectedLang\"\r\n name=\"language\"\r\n (ngModelChange)=\"toggleLang()\"\r\n panelClass=\"wide-select\">\r\n <mat-select-trigger>\r\n <div class=\"flex items-center\" [matTooltip]=\"tooltip\">\r\n <span [ngClass]=\"flagClass(matchSelected())\"></span>\r\n @if (!flagOnly) {\r\n <div class=\"ml-2\">{{ standardLang(matchSelected()) }}</div>\r\n }\r\n </div>\r\n </mat-select-trigger>\r\n @for (lang of languages; track lang) {\r\n <mat-option class=\"capitalize\" [value]=\"lang\">\r\n <div class=\"flex items-center\">\r\n <span [ngClass]=\"flagClass(lang)\"></span>\r\n <div class=\"ml-2\">{{ standardLang(lang) }}</div>\r\n </div>\r\n </mat-option>\r\n }\r\n </mat-select>\r\n</mat-form-field>\r\n", styles: [":
|
|
6040
|
+
args: [{ selector: 'ecabs-language-selector', standalone: false, template: "<mat-form-field appearance=\"outline\"\r\n [ngClass]=\"{'flag-only': flagOnly}\">\r\n <mat-label></mat-label>\r\n <mat-select class=\"capitalize\"\r\n [(ngModel)]=\"selectedLang\"\r\n name=\"language\"\r\n (ngModelChange)=\"toggleLang()\"\r\n panelClass=\"wide-select\">\r\n <mat-select-trigger>\r\n <div class=\"flex items-center\" [matTooltip]=\"tooltip\">\r\n <span [ngClass]=\"flagClass(matchSelected())\"></span>\r\n @if (!flagOnly) {\r\n <div class=\"ml-2\">{{ standardLang(matchSelected()) }}</div>\r\n }\r\n </div>\r\n </mat-select-trigger>\r\n @for (lang of languages; track lang) {\r\n <mat-option class=\"capitalize\" [value]=\"lang\">\r\n <div class=\"flex items-center\">\r\n <span [ngClass]=\"flagClass(lang)\"></span>\r\n <div class=\"ml-2\">{{ standardLang(lang) }}</div>\r\n </div>\r\n </mat-option>\r\n }\r\n </mat-select>\r\n</mat-form-field>\r\n", styles: [":host::ng-deep .mat-mdc-select{padding:0;border:0}:host::ng-deep .mat-mdc-select .mat-mdc-select-arrow-wrapper{display:none}:host::ng-deep .mat-mdc-select,:host::ng-deep .mat-mdc-select .mdc-list-item{font-size:12px;font-size:.75rem}:host::ng-deep .mat-mdc-select-panel .mat-mdc-option.mdc-list-item{font-size:12px;font-size:.75rem}:host::ng-deep .mat-mdc-form-field{width:auto}:host::ng-deep .flag-only .mat-mdc-select .mat-mdc-select-arrow-wrapper{width:0}:host::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__leading,:host::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__notch,:host::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__trailing{border:0}\n"] }]
|
|
6035
6041
|
}], propDecorators: { languages: [{
|
|
6036
6042
|
type: Input
|
|
6037
6043
|
}], currentLanguage: [{
|
|
@@ -6047,19 +6053,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
6047
6053
|
}] } });
|
|
6048
6054
|
|
|
6049
6055
|
class EcabsLanguageSelectorModule {
|
|
6050
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6051
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
6056
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsLanguageSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6057
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsLanguageSelectorModule, declarations: [EcabsLanguageSelectorComponent], imports: [CommonModule,
|
|
6052
6058
|
MatSelectModule,
|
|
6053
6059
|
FormsModule,
|
|
6054
6060
|
ReactiveFormsModule,
|
|
6055
6061
|
MatTooltipModule], exports: [EcabsLanguageSelectorComponent] });
|
|
6056
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
6062
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsLanguageSelectorModule, imports: [CommonModule,
|
|
6057
6063
|
MatSelectModule,
|
|
6058
6064
|
FormsModule,
|
|
6059
6065
|
ReactiveFormsModule,
|
|
6060
6066
|
MatTooltipModule] });
|
|
6061
6067
|
}
|
|
6062
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6068
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsLanguageSelectorModule, decorators: [{
|
|
6063
6069
|
type: NgModule,
|
|
6064
6070
|
args: [{
|
|
6065
6071
|
declarations: [EcabsLanguageSelectorComponent],
|
|
@@ -6096,10 +6102,10 @@ class EcabsDynamicBgColorDirective {
|
|
|
6096
6102
|
const h = hash % 360;
|
|
6097
6103
|
el.nativeElement.style.backgroundColor = `hsl(${h}, ${this.saturation}%, ${this.lightness}%)`;
|
|
6098
6104
|
}
|
|
6099
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6100
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
6105
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDynamicBgColorDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
6106
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: EcabsDynamicBgColorDirective, isStandalone: false, selector: "[ecabsDynamicBgColor]", inputs: { params: "params", saturation: "saturation", lightness: "lightness" }, usesOnChanges: true, ngImport: i0 });
|
|
6101
6107
|
}
|
|
6102
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6108
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDynamicBgColorDirective, decorators: [{
|
|
6103
6109
|
type: Directive,
|
|
6104
6110
|
args: [{
|
|
6105
6111
|
selector: '[ecabsDynamicBgColor]',
|
|
@@ -6114,11 +6120,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
6114
6120
|
}] } });
|
|
6115
6121
|
|
|
6116
6122
|
class EcabsDynamicBgColorDirectiveModule {
|
|
6117
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6118
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
6119
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
6123
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDynamicBgColorDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6124
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsDynamicBgColorDirectiveModule, declarations: [EcabsDynamicBgColorDirective], imports: [CommonModule], exports: [EcabsDynamicBgColorDirective] });
|
|
6125
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDynamicBgColorDirectiveModule, imports: [CommonModule] });
|
|
6120
6126
|
}
|
|
6121
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6127
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDynamicBgColorDirectiveModule, decorators: [{
|
|
6122
6128
|
type: NgModule,
|
|
6123
6129
|
args: [{
|
|
6124
6130
|
imports: [CommonModule],
|
|
@@ -6260,10 +6266,10 @@ class EcabsPaginatorDirective {
|
|
|
6260
6266
|
return this._rangeEnd;
|
|
6261
6267
|
}
|
|
6262
6268
|
}
|
|
6263
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6264
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
6269
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsPaginatorDirective, deps: [{ token: i1$3.MatPaginator, host: true, optional: true, self: true }, { token: i0.ViewContainerRef }, { token: i0.Renderer2 }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
6270
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: EcabsPaginatorDirective, isStandalone: false, selector: "[ecabsPaginator]", inputs: { length: "length", showTotalPages: "showTotalPages" }, usesOnChanges: true, ngImport: i0 });
|
|
6265
6271
|
}
|
|
6266
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6272
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsPaginatorDirective, decorators: [{
|
|
6267
6273
|
type: Directive,
|
|
6268
6274
|
args: [{
|
|
6269
6275
|
selector: '[ecabsPaginator]',
|
|
@@ -6282,11 +6288,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
6282
6288
|
}] } });
|
|
6283
6289
|
|
|
6284
6290
|
class EcabsPaginatorDirectiveModule {
|
|
6285
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6286
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
6287
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
6291
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsPaginatorDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6292
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsPaginatorDirectiveModule, declarations: [EcabsPaginatorDirective], imports: [CommonModule], exports: [EcabsPaginatorDirective] });
|
|
6293
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsPaginatorDirectiveModule, imports: [CommonModule] });
|
|
6288
6294
|
}
|
|
6289
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6295
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsPaginatorDirectiveModule, decorators: [{
|
|
6290
6296
|
type: NgModule,
|
|
6291
6297
|
args: [{
|
|
6292
6298
|
imports: [CommonModule],
|
|
@@ -6314,10 +6320,10 @@ class EcabsCheckPermissionsDirective {
|
|
|
6314
6320
|
}
|
|
6315
6321
|
}
|
|
6316
6322
|
}
|
|
6317
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6318
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
6323
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsCheckPermissionsDirective, deps: [{ token: i0.ElementRef }, { token: EcabsComponentsService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
6324
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: EcabsCheckPermissionsDirective, isStandalone: false, selector: "[ecabsCheckPermissions]", inputs: { permissions: "permissions", noPermissionMessage: "noPermissionMessage" }, ngImport: i0 });
|
|
6319
6325
|
}
|
|
6320
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6326
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsCheckPermissionsDirective, decorators: [{
|
|
6321
6327
|
type: Directive,
|
|
6322
6328
|
args: [{
|
|
6323
6329
|
selector: '[ecabsCheckPermissions]',
|
|
@@ -6330,11 +6336,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
6330
6336
|
}] } });
|
|
6331
6337
|
|
|
6332
6338
|
class EcabsCheckPermissionDirectiveModule {
|
|
6333
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6334
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
6335
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
6339
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsCheckPermissionDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6340
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsCheckPermissionDirectiveModule, declarations: [EcabsCheckPermissionsDirective], imports: [CommonModule], exports: [EcabsCheckPermissionsDirective] });
|
|
6341
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsCheckPermissionDirectiveModule, imports: [CommonModule] });
|
|
6336
6342
|
}
|
|
6337
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6343
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsCheckPermissionDirectiveModule, decorators: [{
|
|
6338
6344
|
type: NgModule,
|
|
6339
6345
|
args: [{
|
|
6340
6346
|
imports: [CommonModule],
|
|
@@ -6361,10 +6367,10 @@ class EcabsDomObserverDirective {
|
|
|
6361
6367
|
ngOnDestroy() {
|
|
6362
6368
|
this.changes.disconnect();
|
|
6363
6369
|
}
|
|
6364
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6365
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
6370
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDomObserverDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
6371
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: EcabsDomObserverDirective, isStandalone: false, selector: "[ecabsDomObserver]", outputs: { domChange: "domChange" }, ngImport: i0 });
|
|
6366
6372
|
}
|
|
6367
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6373
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDomObserverDirective, decorators: [{
|
|
6368
6374
|
type: Directive,
|
|
6369
6375
|
args: [{
|
|
6370
6376
|
selector: '[ecabsDomObserver]',
|
|
@@ -6375,11 +6381,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
6375
6381
|
}] } });
|
|
6376
6382
|
|
|
6377
6383
|
class EcabsDomObserverDirectiveModule {
|
|
6378
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6379
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
6380
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
6384
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDomObserverDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6385
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsDomObserverDirectiveModule, declarations: [EcabsDomObserverDirective], imports: [CommonModule], exports: [EcabsDomObserverDirective] });
|
|
6386
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDomObserverDirectiveModule, imports: [CommonModule] });
|
|
6381
6387
|
}
|
|
6382
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6388
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDomObserverDirectiveModule, decorators: [{
|
|
6383
6389
|
type: NgModule,
|
|
6384
6390
|
args: [{
|
|
6385
6391
|
imports: [CommonModule],
|
|
@@ -6405,10 +6411,10 @@ class EcabsFileDropDirective {
|
|
|
6405
6411
|
onDragLeave() {
|
|
6406
6412
|
this.filesHovered.emit(false);
|
|
6407
6413
|
}
|
|
6408
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6409
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
6414
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsFileDropDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
6415
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: EcabsFileDropDirective, isStandalone: false, selector: "[ecabsFileDrop]", outputs: { filesDropped: "filesDropped", filesHovered: "filesHovered" }, host: { listeners: { "drop": "onDrop($event)", "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)" } }, ngImport: i0 });
|
|
6410
6416
|
}
|
|
6411
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6417
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsFileDropDirective, decorators: [{
|
|
6412
6418
|
type: Directive,
|
|
6413
6419
|
args: [{
|
|
6414
6420
|
selector: '[ecabsFileDrop]',
|
|
@@ -6430,11 +6436,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
6430
6436
|
}] } });
|
|
6431
6437
|
|
|
6432
6438
|
class EcabsFileDropDirectiveModule {
|
|
6433
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6434
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
6435
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
6439
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsFileDropDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6440
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsFileDropDirectiveModule, declarations: [EcabsFileDropDirective], imports: [CommonModule], exports: [EcabsFileDropDirective] });
|
|
6441
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsFileDropDirectiveModule, imports: [CommonModule] });
|
|
6436
6442
|
}
|
|
6437
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6443
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsFileDropDirectiveModule, decorators: [{
|
|
6438
6444
|
type: NgModule,
|
|
6439
6445
|
args: [{
|
|
6440
6446
|
imports: [CommonModule],
|
|
@@ -6485,10 +6491,10 @@ class EcabsTimeRangeDirective {
|
|
|
6485
6491
|
ngOnDestroy() {
|
|
6486
6492
|
this.maskedInputController.destroy();
|
|
6487
6493
|
}
|
|
6488
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6489
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
6494
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsTimeRangeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
6495
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: EcabsTimeRangeDirective, isStandalone: false, selector: "[ecabsTimeRange]", inputs: { isDateTimeMask: "isDateTimeMask", considerSeconds: "considerSeconds", all: "all" }, ngImport: i0 });
|
|
6490
6496
|
}
|
|
6491
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6497
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsTimeRangeDirective, decorators: [{
|
|
6492
6498
|
type: Directive,
|
|
6493
6499
|
args: [{
|
|
6494
6500
|
selector: '[ecabsTimeRange]',
|
|
@@ -6503,11 +6509,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
6503
6509
|
}] } });
|
|
6504
6510
|
|
|
6505
6511
|
class EcabsTimeRangeDirectiveModule {
|
|
6506
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6507
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
6508
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
6512
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsTimeRangeDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6513
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsTimeRangeDirectiveModule, declarations: [EcabsTimeRangeDirective], imports: [CommonModule], exports: [EcabsTimeRangeDirective] });
|
|
6514
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsTimeRangeDirectiveModule, imports: [CommonModule] });
|
|
6509
6515
|
}
|
|
6510
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6516
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsTimeRangeDirectiveModule, decorators: [{
|
|
6511
6517
|
type: NgModule,
|
|
6512
6518
|
args: [{
|
|
6513
6519
|
imports: [CommonModule],
|
|
@@ -6526,10 +6532,10 @@ class EcabsUppercaseMaskDirective {
|
|
|
6526
6532
|
this.control.control.setValue(input.value.toUpperCase());
|
|
6527
6533
|
input.setSelectionRange(position, position);
|
|
6528
6534
|
}
|
|
6529
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6530
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
6535
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsUppercaseMaskDirective, deps: [{ token: i2.NgControl }], target: i0.ɵɵFactoryTarget.Directive });
|
|
6536
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: EcabsUppercaseMaskDirective, isStandalone: false, selector: "[formControlName][ecabsUppercaseInput]", host: { listeners: { "input": "onInput($event.target)" } }, ngImport: i0 });
|
|
6531
6537
|
}
|
|
6532
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6538
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsUppercaseMaskDirective, decorators: [{
|
|
6533
6539
|
type: Directive,
|
|
6534
6540
|
args: [{
|
|
6535
6541
|
selector: '[formControlName][ecabsUppercaseInput]',
|
|
@@ -6541,11 +6547,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
6541
6547
|
}] } });
|
|
6542
6548
|
|
|
6543
6549
|
class EcabsUppercaseMaskDirectiveModule {
|
|
6544
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6545
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
6546
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
6550
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsUppercaseMaskDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6551
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsUppercaseMaskDirectiveModule, declarations: [EcabsUppercaseMaskDirective], imports: [CommonModule], exports: [EcabsUppercaseMaskDirective] });
|
|
6552
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsUppercaseMaskDirectiveModule, imports: [CommonModule] });
|
|
6547
6553
|
}
|
|
6548
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6554
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsUppercaseMaskDirectiveModule, decorators: [{
|
|
6549
6555
|
type: NgModule,
|
|
6550
6556
|
args: [{
|
|
6551
6557
|
imports: [CommonModule],
|
|
@@ -6563,10 +6569,10 @@ class EcabsAttachEmbeddedViewDirective {
|
|
|
6563
6569
|
ngAfterViewInit() {
|
|
6564
6570
|
setTimeout(() => this.viewContainerRef.createEmbeddedView(this.embeddedTemplate));
|
|
6565
6571
|
}
|
|
6566
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6567
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
6572
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsAttachEmbeddedViewDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
6573
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: EcabsAttachEmbeddedViewDirective, isStandalone: false, selector: "[ecabsAttachEmbeddedView]", inputs: { embeddedTemplate: "embeddedTemplate" }, ngImport: i0 });
|
|
6568
6574
|
}
|
|
6569
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6575
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsAttachEmbeddedViewDirective, decorators: [{
|
|
6570
6576
|
type: Directive,
|
|
6571
6577
|
args: [{
|
|
6572
6578
|
selector: '[ecabsAttachEmbeddedView]',
|
|
@@ -6577,11 +6583,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
6577
6583
|
}] } });
|
|
6578
6584
|
|
|
6579
6585
|
class EcabsAttachEmbeddedViewDirectiveModule {
|
|
6580
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6581
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
6582
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
6586
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsAttachEmbeddedViewDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6587
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsAttachEmbeddedViewDirectiveModule, declarations: [EcabsAttachEmbeddedViewDirective], imports: [CommonModule], exports: [EcabsAttachEmbeddedViewDirective] });
|
|
6588
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsAttachEmbeddedViewDirectiveModule, imports: [CommonModule] });
|
|
6583
6589
|
}
|
|
6584
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6590
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsAttachEmbeddedViewDirectiveModule, decorators: [{
|
|
6585
6591
|
type: NgModule,
|
|
6586
6592
|
args: [{
|
|
6587
6593
|
imports: [CommonModule],
|
|
@@ -6602,10 +6608,10 @@ class EcabsElementMultiplierDirective {
|
|
|
6602
6608
|
this.templateRef = templateRef;
|
|
6603
6609
|
this.viewContainer = viewContainer;
|
|
6604
6610
|
}
|
|
6605
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6606
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
6611
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsElementMultiplierDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
6612
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: EcabsElementMultiplierDirective, isStandalone: false, selector: "[ecabsElementMultiplier]", inputs: { appElementMultiplier: "appElementMultiplier" }, ngImport: i0 });
|
|
6607
6613
|
}
|
|
6608
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6614
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsElementMultiplierDirective, decorators: [{
|
|
6609
6615
|
type: Directive,
|
|
6610
6616
|
args: [{
|
|
6611
6617
|
selector: '[ecabsElementMultiplier]',
|
|
@@ -6616,11 +6622,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
6616
6622
|
}] } });
|
|
6617
6623
|
|
|
6618
6624
|
class EcabsElementMultiplierDirectiveModule {
|
|
6619
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6620
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
6621
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
6625
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsElementMultiplierDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6626
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsElementMultiplierDirectiveModule, declarations: [EcabsElementMultiplierDirective], imports: [CommonModule], exports: [EcabsElementMultiplierDirective] });
|
|
6627
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsElementMultiplierDirectiveModule, imports: [CommonModule] });
|
|
6622
6628
|
}
|
|
6623
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6629
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsElementMultiplierDirectiveModule, decorators: [{
|
|
6624
6630
|
type: NgModule,
|
|
6625
6631
|
args: [{
|
|
6626
6632
|
imports: [CommonModule],
|
|
@@ -6642,10 +6648,10 @@ class EcabsShowOnTruncatedDirective {
|
|
|
6642
6648
|
this.matTooltip.disabled = element.scrollWidth <= element.clientWidth;
|
|
6643
6649
|
});
|
|
6644
6650
|
}
|
|
6645
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6646
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
6651
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsShowOnTruncatedDirective, deps: [{ token: i1$1.MatTooltip }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
6652
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: EcabsShowOnTruncatedDirective, isStandalone: false, selector: "[matTooltip][ecabsShowOnTruncated]", ngImport: i0 });
|
|
6647
6653
|
}
|
|
6648
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6654
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsShowOnTruncatedDirective, decorators: [{
|
|
6649
6655
|
type: Directive,
|
|
6650
6656
|
args: [{
|
|
6651
6657
|
selector: '[matTooltip][ecabsShowOnTruncated]',
|
|
@@ -6654,11 +6660,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
6654
6660
|
}], ctorParameters: () => [{ type: i1$1.MatTooltip }, { type: i0.ElementRef }] });
|
|
6655
6661
|
|
|
6656
6662
|
class EcabsShowOnTruncatedDirectiveModule {
|
|
6657
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6658
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
6659
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
6663
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsShowOnTruncatedDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6664
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsShowOnTruncatedDirectiveModule, declarations: [EcabsShowOnTruncatedDirective], imports: [CommonModule], exports: [EcabsShowOnTruncatedDirective] });
|
|
6665
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsShowOnTruncatedDirectiveModule, imports: [CommonModule] });
|
|
6660
6666
|
}
|
|
6661
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6667
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsShowOnTruncatedDirectiveModule, decorators: [{
|
|
6662
6668
|
type: NgModule,
|
|
6663
6669
|
args: [{
|
|
6664
6670
|
imports: [CommonModule],
|
|
@@ -6671,10 +6677,10 @@ class EcabsValidationComponent {
|
|
|
6671
6677
|
validations;
|
|
6672
6678
|
form;
|
|
6673
6679
|
title;
|
|
6674
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6675
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
6680
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsValidationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6681
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: EcabsValidationComponent, isStandalone: false, selector: "ecabs-validation", inputs: { validations: "validations", form: "form", title: "title" }, ngImport: i0, template: "<div class=\"form-validations\">\r\n <div class=\"header font-medium\">{{ title }}</div>\r\n @for (validation of validations; track validation) {\r\n <ecabs-validations-messages\r\n [showValidationOnNotTouched]=\"true\"\r\n [element]=\"form.controls[validation.controlName]\"\r\n [updatedErrors]=\"validation.errors\"\r\n ></ecabs-validations-messages>\r\n }\r\n</div>\r\n", styles: [":host ::ng-deep .form-validations{background-color:var(--color-white);box-shadow:0 0 10px #0000001a;border-radius:.5rem;padding:1.5rem;line-height:1.125rem}:host ::ng-deep .form-validations .form-field__validation__item{font-size:1rem!important;color:var(--color-black)}:host ::ng-deep .form-field--invalid{transform:translateY(.825rem)}:host ::ng-deep .header{color:var(--color-error)}\n"], dependencies: [{ kind: "component", type: ValidationComponent, selector: "ecabs-validations-messages", inputs: ["element", "label", "showValidationOnNotTouched", "updatedErrors"] }] });
|
|
6676
6682
|
}
|
|
6677
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6683
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsValidationComponent, decorators: [{
|
|
6678
6684
|
type: Component,
|
|
6679
6685
|
args: [{ selector: 'ecabs-validation', standalone: false, template: "<div class=\"form-validations\">\r\n <div class=\"header font-medium\">{{ title }}</div>\r\n @for (validation of validations; track validation) {\r\n <ecabs-validations-messages\r\n [showValidationOnNotTouched]=\"true\"\r\n [element]=\"form.controls[validation.controlName]\"\r\n [updatedErrors]=\"validation.errors\"\r\n ></ecabs-validations-messages>\r\n }\r\n</div>\r\n", styles: [":host ::ng-deep .form-validations{background-color:var(--color-white);box-shadow:0 0 10px #0000001a;border-radius:.5rem;padding:1.5rem;line-height:1.125rem}:host ::ng-deep .form-validations .form-field__validation__item{font-size:1rem!important;color:var(--color-black)}:host ::ng-deep .form-field--invalid{transform:translateY(.825rem)}:host ::ng-deep .header{color:var(--color-error)}\n"] }]
|
|
6680
6686
|
}], propDecorators: { validations: [{
|
|
@@ -6686,11 +6692,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
6686
6692
|
}] } });
|
|
6687
6693
|
|
|
6688
6694
|
class EcabsValidationViewModule {
|
|
6689
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6690
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
6691
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
6695
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsValidationViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6696
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsValidationViewModule, declarations: [EcabsValidationComponent], imports: [CommonModule, EcabsValidationModule], exports: [EcabsValidationComponent] });
|
|
6697
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsValidationViewModule, imports: [CommonModule, EcabsValidationModule] });
|
|
6692
6698
|
}
|
|
6693
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6699
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsValidationViewModule, decorators: [{
|
|
6694
6700
|
type: NgModule,
|
|
6695
6701
|
args: [{
|
|
6696
6702
|
declarations: [EcabsValidationComponent],
|
|
@@ -6710,10 +6716,10 @@ class EcabsActiveStatusFilterComponent {
|
|
|
6710
6716
|
checkSelectableStatus(status) {
|
|
6711
6717
|
return this.initialStatus === status;
|
|
6712
6718
|
}
|
|
6713
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6714
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
6719
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsActiveStatusFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6720
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: EcabsActiveStatusFilterComponent, isStandalone: false, selector: "ecabs-active-status-filter", inputs: { statuses: "statuses", initialStatus: "initialStatus" }, outputs: { statusChange: "statusChange" }, ngImport: i0, template: "<div class=\"mb-5 mt-10\">\r\n <mat-chip-listbox>\r\n @for (status of statuses; track status) {\r\n <mat-chip-option\r\n class=\"!rounded-full\"\r\n [ngClass]=\"checkSelectableStatus(status?.value) ? 'chip--selected' : 'chip--not-selected'\"\r\n [selected]=\"checkSelectableStatus(status?.value)\"\r\n (keydown.enter)=\"onFilter(status?.value)\"\r\n (click)=\"onFilter(status?.value)\">\r\n {{ status.text }}\r\n </mat-chip-option>\r\n }\r\n </mat-chip-listbox>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i6$2.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i6$2.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }] });
|
|
6715
6721
|
}
|
|
6716
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6722
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsActiveStatusFilterComponent, decorators: [{
|
|
6717
6723
|
type: Component,
|
|
6718
6724
|
args: [{ selector: 'ecabs-active-status-filter', standalone: false, template: "<div class=\"mb-5 mt-10\">\r\n <mat-chip-listbox>\r\n @for (status of statuses; track status) {\r\n <mat-chip-option\r\n class=\"!rounded-full\"\r\n [ngClass]=\"checkSelectableStatus(status?.value) ? 'chip--selected' : 'chip--not-selected'\"\r\n [selected]=\"checkSelectableStatus(status?.value)\"\r\n (keydown.enter)=\"onFilter(status?.value)\"\r\n (click)=\"onFilter(status?.value)\">\r\n {{ status.text }}\r\n </mat-chip-option>\r\n }\r\n </mat-chip-listbox>\r\n</div>\r\n" }]
|
|
6719
6725
|
}], propDecorators: { statuses: [{
|
|
@@ -6725,11 +6731,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
6725
6731
|
}] } });
|
|
6726
6732
|
|
|
6727
6733
|
class EcabsActiveStatusFilterModule {
|
|
6728
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6729
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
6730
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
6734
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsActiveStatusFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6735
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsActiveStatusFilterModule, declarations: [EcabsActiveStatusFilterComponent], imports: [CommonModule, MatChipsModule, MatIconModule], exports: [EcabsActiveStatusFilterComponent] });
|
|
6736
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsActiveStatusFilterModule, imports: [CommonModule, MatChipsModule, MatIconModule] });
|
|
6731
6737
|
}
|
|
6732
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6738
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsActiveStatusFilterModule, decorators: [{
|
|
6733
6739
|
type: NgModule,
|
|
6734
6740
|
args: [{
|
|
6735
6741
|
declarations: [EcabsActiveStatusFilterComponent],
|
|
@@ -6757,10 +6763,10 @@ class EcabsProfileComponent {
|
|
|
6757
6763
|
.toLocaleUpperCase();
|
|
6758
6764
|
}
|
|
6759
6765
|
}
|
|
6760
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6761
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
6766
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6767
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: EcabsProfileComponent, isStandalone: false, selector: "ecabs-profile", inputs: { avatar: "avatar", name: "name", title: "title" }, outputs: { avatarChange: "avatarChange" }, usesOnChanges: true, ngImport: i0, template: "<!-- eslint-disable-next-line -->\r\n<ul (click)=\"avatarChange.emit()\" class=\"flex text-black cursor-pointer\">\r\n <li class=\"md:mr-3\">\r\n @if (!useAvatar) {\r\n <div ecabsDynamicBgColor [params]=\"name\"\r\n class=\"flex h-12 w-12 rounded-full bg-gray-200 items-center justify-center text-white\">\r\n <span class=\"text-xl font-medium\">{{ initials }}</span>\r\n </div>\r\n } @else {\r\n <!-- eslint-disable-next-line -->\r\n <img [src]=\"avatar\" class=\"rounded-full\"/>\r\n }\r\n </li>\r\n\r\n <li class=\"hidden md:flex flex-1 flex-col justify-center\">\r\n <div class=\"font-semibold\">{{ name }}</div>\r\n <div class=\"text-xs\">{{ title }}</div>\r\n </li>\r\n</ul>\r\n\r\n\r\n", styles: ["img{width:40px;height:40px}\n"], dependencies: [{ kind: "directive", type: EcabsDynamicBgColorDirective, selector: "[ecabsDynamicBgColor]", inputs: ["params", "saturation", "lightness"] }] });
|
|
6762
6768
|
}
|
|
6763
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6769
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsProfileComponent, decorators: [{
|
|
6764
6770
|
type: Component,
|
|
6765
6771
|
args: [{ selector: 'ecabs-profile', standalone: false, template: "<!-- eslint-disable-next-line -->\r\n<ul (click)=\"avatarChange.emit()\" class=\"flex text-black cursor-pointer\">\r\n <li class=\"md:mr-3\">\r\n @if (!useAvatar) {\r\n <div ecabsDynamicBgColor [params]=\"name\"\r\n class=\"flex h-12 w-12 rounded-full bg-gray-200 items-center justify-center text-white\">\r\n <span class=\"text-xl font-medium\">{{ initials }}</span>\r\n </div>\r\n } @else {\r\n <!-- eslint-disable-next-line -->\r\n <img [src]=\"avatar\" class=\"rounded-full\"/>\r\n }\r\n </li>\r\n\r\n <li class=\"hidden md:flex flex-1 flex-col justify-center\">\r\n <div class=\"font-semibold\">{{ name }}</div>\r\n <div class=\"text-xs\">{{ title }}</div>\r\n </li>\r\n</ul>\r\n\r\n\r\n", styles: ["img{width:40px;height:40px}\n"] }]
|
|
6766
6772
|
}], propDecorators: { avatar: [{
|
|
@@ -6774,11 +6780,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
6774
6780
|
}] } });
|
|
6775
6781
|
|
|
6776
6782
|
class EcabsProfileModule {
|
|
6777
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6778
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
6779
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
6783
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsProfileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6784
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsProfileModule, declarations: [EcabsProfileComponent], imports: [CommonModule, EcabsDynamicBgColorDirectiveModule], exports: [EcabsProfileComponent] });
|
|
6785
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsProfileModule, imports: [CommonModule, EcabsDynamicBgColorDirectiveModule] });
|
|
6780
6786
|
}
|
|
6781
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6787
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsProfileModule, decorators: [{
|
|
6782
6788
|
type: NgModule,
|
|
6783
6789
|
args: [{
|
|
6784
6790
|
declarations: [EcabsProfileComponent],
|
|
@@ -6797,10 +6803,10 @@ class HeaderService {
|
|
|
6797
6803
|
getHeaderTemplate() {
|
|
6798
6804
|
return this.template$.pipe(map$1((template) => template));
|
|
6799
6805
|
}
|
|
6800
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6801
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
6806
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: HeaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
6807
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: HeaderService, providedIn: 'root' });
|
|
6802
6808
|
}
|
|
6803
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6809
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: HeaderService, decorators: [{
|
|
6804
6810
|
type: Injectable,
|
|
6805
6811
|
args: [{
|
|
6806
6812
|
providedIn: 'root',
|
|
@@ -6836,10 +6842,10 @@ class EcabsHeaderComponent {
|
|
|
6836
6842
|
ngOnDestroy() {
|
|
6837
6843
|
this.subscription.unsubscribe();
|
|
6838
6844
|
}
|
|
6839
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6840
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
6845
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsHeaderComponent, deps: [{ token: HeaderService }], target: i0.ɵɵFactoryTarget.Component });
|
|
6846
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: EcabsHeaderComponent, isStandalone: false, selector: "ecabs-header", inputs: { header: "header", user: "user", avatar: "avatar", loading: "loading" }, outputs: { avatarChange: "avatarChange", toggleNav: "toggleNav" }, viewQueries: [{ propertyName: "basicHeader", first: true, predicate: ["basicHeader"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div [ngClass]=\"{loading}\" class=\"progress-bar\"></div>\r\n\r\n<ul class=\"flex pb-4 pt-3 px-10\">\r\n <li class=\"flex flex-col flex-1 justify-center\">\r\n <div class=\"sm:hidden md:block\">\r\n <ecabs-breadcrumb [breadcrumb]=\"header?.breadcrumb\"></ecabs-breadcrumb>\r\n </div>\r\n\r\n <div class=\"heading--lg text-brand-dark font-medium\">\r\n <mat-icon class=\"mr-3 text-gray-500\" (click)=\"toggleNav.emit()\" role=\"button\">menu</mat-icon>\r\n\r\n <ng-container *ngTemplateOutlet=\"template\"></ng-container>\r\n <div #basicHeader></div>\r\n </div>\r\n </li>\r\n\r\n <li>\r\n <div class=\"flex items-center\">\r\n <ecabs-profile [name]=\"user?.name\" [title]=\"user?.title\" [avatar]=\"avatar\"\r\n (avatarChange)=\"avatarChange.emit()\"></ecabs-profile>\r\n </div>\r\n </li>\r\n</ul>\r\n", styles: ["@keyframes progressMove{0%{margin-left:0}to{margin-left:80%}}.progress-bar{height:4px}.progress-bar.loading:before{animation-name:progressMove;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:ease-out;display:inline-block;vertical-align:top;width:20%;content:\"\";background-color:var(--color-brand-dark);height:4px;animation-direction:alternate}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EcabsBreadcrumbComponent, selector: "ecabs-breadcrumb", inputs: ["breadcrumb"] }, { kind: "component", type: EcabsProfileComponent, selector: "ecabs-profile", inputs: ["avatar", "name", "title"], outputs: ["avatarChange"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
|
|
6841
6847
|
}
|
|
6842
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6848
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsHeaderComponent, decorators: [{
|
|
6843
6849
|
type: Component,
|
|
6844
6850
|
args: [{ selector: 'ecabs-header', standalone: false, template: "<div [ngClass]=\"{loading}\" class=\"progress-bar\"></div>\r\n\r\n<ul class=\"flex pb-4 pt-3 px-10\">\r\n <li class=\"flex flex-col flex-1 justify-center\">\r\n <div class=\"sm:hidden md:block\">\r\n <ecabs-breadcrumb [breadcrumb]=\"header?.breadcrumb\"></ecabs-breadcrumb>\r\n </div>\r\n\r\n <div class=\"heading--lg text-brand-dark font-medium\">\r\n <mat-icon class=\"mr-3 text-gray-500\" (click)=\"toggleNav.emit()\" role=\"button\">menu</mat-icon>\r\n\r\n <ng-container *ngTemplateOutlet=\"template\"></ng-container>\r\n <div #basicHeader></div>\r\n </div>\r\n </li>\r\n\r\n <li>\r\n <div class=\"flex items-center\">\r\n <ecabs-profile [name]=\"user?.name\" [title]=\"user?.title\" [avatar]=\"avatar\"\r\n (avatarChange)=\"avatarChange.emit()\"></ecabs-profile>\r\n </div>\r\n </li>\r\n</ul>\r\n", styles: ["@keyframes progressMove{0%{margin-left:0}to{margin-left:80%}}.progress-bar{height:4px}.progress-bar.loading:before{animation-name:progressMove;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:ease-out;display:inline-block;vertical-align:top;width:20%;content:\"\";background-color:var(--color-brand-dark);height:4px;animation-direction:alternate}\n"] }]
|
|
6845
6851
|
}], ctorParameters: () => [{ type: HeaderService }], propDecorators: { basicHeader: [{
|
|
@@ -6860,17 +6866,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
6860
6866
|
}] } });
|
|
6861
6867
|
|
|
6862
6868
|
class EcabsHeaderModule {
|
|
6863
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6864
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
6869
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6870
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsHeaderModule, declarations: [EcabsHeaderComponent], imports: [CommonModule,
|
|
6865
6871
|
EcabsBreadcrumbModule,
|
|
6866
6872
|
EcabsProfileModule,
|
|
6867
6873
|
MatIconModule], exports: [EcabsHeaderComponent] });
|
|
6868
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
6874
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsHeaderModule, imports: [CommonModule,
|
|
6869
6875
|
EcabsBreadcrumbModule,
|
|
6870
6876
|
EcabsProfileModule,
|
|
6871
6877
|
MatIconModule] });
|
|
6872
6878
|
}
|
|
6873
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6879
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsHeaderModule, decorators: [{
|
|
6874
6880
|
type: NgModule,
|
|
6875
6881
|
args: [{
|
|
6876
6882
|
declarations: [EcabsHeaderComponent],
|
|
@@ -6961,8 +6967,8 @@ class EcabsSliderComponent extends EcabsElementBaseComponent {
|
|
|
6961
6967
|
registerOnTouched(fn) {
|
|
6962
6968
|
this.onTouch = fn;
|
|
6963
6969
|
}
|
|
6964
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6965
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
6970
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsSliderComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
|
6971
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: EcabsSliderComponent, isStandalone: false, selector: "ecabs-slider", inputs: { max: "max", point: "point", pointsConfig: "pointsConfig" }, outputs: { pointUpdated: "pointUpdated" }, providers: [
|
|
6966
6972
|
{
|
|
6967
6973
|
provide: NG_VALUE_ACCESSOR,
|
|
6968
6974
|
useExisting: EcabsSliderComponent,
|
|
@@ -6970,7 +6976,7 @@ class EcabsSliderComponent extends EcabsElementBaseComponent {
|
|
|
6970
6976
|
},
|
|
6971
6977
|
], viewQueries: [{ propertyName: "slider", first: true, predicate: ["slider"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <form #f=\"ngForm\" [formGroup]=\"sliderForm\">\r\n <ngx-slider\r\n #slider\r\n class=\"custom-slider\"\r\n [formControlName]=\"'slider'\"\r\n [value]=\"point\"\r\n name=\"slider\"\r\n (userChangeEnd)=\"onChangeValue($event)\"\r\n [options]=\"options\"\r\n ></ngx-slider>\r\n </form>\r\n</ecabs-element-wrapper>\r\n", styles: [":host ::ng-deep .custom-slider .ngx-slider-bar{height:.25rem}:host ::ng-deep .custom-slider .ngx-slider-selection-bar{visibility:visible!important}:host ::ng-deep .custom-slider .ngx-slider-selection{background:var(--color-brand-light);color:var(--color-brand-light)}:host ::ng-deep .custom-slider .ngx-slider-pointer{width:1rem;height:1rem;top:auto;margin-top:-.375rem;background-color:var(--color-brand-dark)}:host ::ng-deep .custom-slider .ngx-slider-pointer:focus{outline:0}:host ::ng-deep .custom-slider .ngx-slider-pointer:after{display:none}:host ::ng-deep .custom-slider .ngx-slider-tick{width:.5rem;height:.5rem;margin-left:.25rem;border-radius:1rem;top:1px;background:var(--color-brand-dark)}\n"], dependencies: [{ kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3$4.SliderComponent, selector: "ngx-slider", inputs: ["value", "highValue", "options", "manualRefresh", "triggerFocus", "cancelUserChange"], outputs: ["valueChange", "highValueChange", "userChangeStart", "userChange", "userChangeEnd"] }] });
|
|
6972
6978
|
}
|
|
6973
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6979
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsSliderComponent, decorators: [{
|
|
6974
6980
|
type: Component,
|
|
6975
6981
|
args: [{ selector: 'ecabs-slider', standalone: false, providers: [
|
|
6976
6982
|
{
|
|
@@ -6993,19 +6999,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
6993
6999
|
}] } });
|
|
6994
7000
|
|
|
6995
7001
|
class EcabsSliderModule {
|
|
6996
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6997
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
7002
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7003
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsSliderModule, declarations: [EcabsSliderComponent], imports: [CommonModule,
|
|
6998
7004
|
ElementWrapperModule,
|
|
6999
7005
|
FormsModule,
|
|
7000
7006
|
ReactiveFormsModule,
|
|
7001
7007
|
NgxSliderModule], exports: [EcabsSliderComponent] });
|
|
7002
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
7008
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsSliderModule, imports: [CommonModule,
|
|
7003
7009
|
ElementWrapperModule,
|
|
7004
7010
|
FormsModule,
|
|
7005
7011
|
ReactiveFormsModule,
|
|
7006
7012
|
NgxSliderModule] });
|
|
7007
7013
|
}
|
|
7008
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
7014
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsSliderModule, decorators: [{
|
|
7009
7015
|
type: NgModule,
|
|
7010
7016
|
args: [{
|
|
7011
7017
|
declarations: [EcabsSliderComponent],
|
|
@@ -7027,10 +7033,10 @@ class EcabsTruncatePipe {
|
|
|
7027
7033
|
}
|
|
7028
7034
|
return value?.length > limit ? value.substr(0, limit) + trail : value;
|
|
7029
7035
|
}
|
|
7030
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
7031
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.
|
|
7036
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsTruncatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
7037
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsTruncatePipe, isStandalone: false, name: "truncate" });
|
|
7032
7038
|
}
|
|
7033
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
7039
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsTruncatePipe, decorators: [{
|
|
7034
7040
|
type: Pipe,
|
|
7035
7041
|
args: [{
|
|
7036
7042
|
name: 'truncate',
|
|
@@ -7039,11 +7045,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
7039
7045
|
}] });
|
|
7040
7046
|
|
|
7041
7047
|
class EcabsPipesModule {
|
|
7042
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
7043
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
7044
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
7048
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsPipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7049
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsPipesModule, declarations: [EcabsTruncatePipe], imports: [CommonModule], exports: [EcabsTruncatePipe] });
|
|
7050
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsPipesModule, imports: [CommonModule] });
|
|
7045
7051
|
}
|
|
7046
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
7052
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsPipesModule, decorators: [{
|
|
7047
7053
|
type: NgModule,
|
|
7048
7054
|
args: [{
|
|
7049
7055
|
declarations: [EcabsTruncatePipe],
|
|
@@ -7176,10 +7182,10 @@ class EcabsMenuItemsComponent {
|
|
|
7176
7182
|
});
|
|
7177
7183
|
}
|
|
7178
7184
|
}
|
|
7179
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
7180
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
7185
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsMenuItemsComponent, deps: [{ token: UnsubscribeService }, { token: i4.MatIconRegistry }, { token: i3$5.DomSanitizer }, { token: i4$2.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
7186
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: EcabsMenuItemsComponent, isStandalone: false, selector: "ecabs-menu-items", inputs: { menuItems: "menuItems", minimizeSidebar: "minimizeSidebar", truncateTo: "truncateTo" }, outputs: { toggleSidebar: "toggleSidebar" }, providers: [UnsubscribeService], usesOnChanges: true, ngImport: i0, template: "<ul>\r\n @for (item of menuItems; track item; let i = $index) {\r\n <li\r\n class=\"mb-2 hover:text-brand-dark cursor-pointer\"\r\n [ngClass]=\"item.expand ? 'font-bold text-brand-dark' : 'text-gray-500'\"\r\n >\r\n <a (click)=\"toggleItem(item, i)\" [id]=\"i\"\r\n [routerLink]=\"item.url ? [item.url] : []\"\r\n class=\"p-4 flex items-center h-max\"\r\n [ngClass]=\"item.expand ? 'text-brand-dark' : 'text-gray-500'\"\r\n >\r\n <mat-icon [svgIcon]=\"item.iconResource?.name || ''\"\r\n class=\"inline-block align-middle mr-4 text-inherit hover:text-inherit\">\r\n {{ item.icon }}\r\n </mat-icon>\r\n @if (!minimizeSidebar) {\r\n <span\r\n class=\"inline-block align-middle\">\r\n {{ item.title }}\r\n </span>\r\n @if (item.badget) {\r\n <div class=\"badget text-white\">\r\n {{ item.badget }}\r\n </div>\r\n }\r\n }\r\n </a>\r\n @if (item.expand && item.subItems?.length > 0) {\r\n <ng-container *ngTemplateOutlet=\"firstChildren; context: item\"></ng-container>\r\n }\r\n </li>\r\n }\r\n</ul>\r\n\r\n<ng-template #firstChildren let-subItems=\"subItems\">\r\n @if (!minimizeSidebar) {\r\n <ul class=\"ml-12\">\r\n @for (item of subItems; track item) {\r\n <li [ngClass]=\"item.expand ? 'font-bold text-brand-dark' : 'text-gray-500'\">\r\n <a #rla=\"routerLinkActive\"\r\n (click)=\"toggleSubItem(item, subItems)\"\r\n class=\"text-sm font-light p-4 h-12 rounded-md hover:text-brand-dark flex items-center\"\r\n [ngClass]=\"item.expand && rla.isActive ? 'text-brand-dark' : 'text-gray-500'\"\r\n [routerLink]=\"item.url ? [item.url] : []\"\r\n [routerLinkActive]=\" item.url ? 'bg-brand-300 text-brand-dark' : ''\"\r\n >\r\n <span [title]=\"item.title\">\r\n {{ item.title | truncate: truncateTo }}\r\n </span>\r\n @if (item.badget) {\r\n <div class=\"badget text-white\">\r\n {{ item.badget }}\r\n </div>\r\n } \r\n @if (item.subItems?.length > 0) {\r\n <div class=\"flex-1 text-right\">\r\n <mat-icon class=\"align-middle hover:text-inherit\" [ngClass]=\"{ 'rotate-90': item.expand }\">\r\n keyboard_arrow_right\r\n </mat-icon>\r\n </div>\r\n }\r\n </a>\r\n @if (item.expand && item.subItems?.length > 0) {\r\n <ng-container *ngTemplateOutlet=\"secondChildren; context: item\"></ng-container>\r\n }\r\n </li>\r\n }\r\n </ul>\r\n }\r\n</ng-template>\r\n\r\n<ng-template #secondChildren let-subItems=\"subItems\">\r\n <ul class=\"ml-3\">\r\n @for (item of subItems; track item) {\r\n <li>\r\n <a #rla=\"routerLinkActive\"\r\n [ngClass]=\"item.expand && rla.isActive ? 'text-brand-dark' : 'text-gray-500'\"\r\n [routerLink]=\"item.url ? [item.url] : []\"\r\n [routerLinkActive]=\" item.url ? 'bg-brand-300 text-brand-dark' : ''\"\r\n class=\"text-xs font-light block p-4 h-12 rounded-md hover:text-brand-dark\">\r\n <span>{{ item.title }}</span>\r\n @if (item.badget) {\r\n <div class=\"badget text-white\">\r\n {{ item.badget }}\r\n </div>\r\n }\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n</ng-template>\r\n", styles: [":host::ng-deep li.text-brand-dark svg path{fill:currentColor}:host::ng-deep .badget{display:inline-flex;justify-content:center;align-items:center;width:41px;height:24px;border-radius:4px;font-size:12px;margin-left:12px;background-color:var(--color-error)}\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: i4$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: EcabsTruncatePipe, name: "truncate" }] });
|
|
7181
7187
|
}
|
|
7182
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
7188
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsMenuItemsComponent, decorators: [{
|
|
7183
7189
|
type: Component,
|
|
7184
7190
|
args: [{ selector: 'ecabs-menu-items', providers: [UnsubscribeService], standalone: false, template: "<ul>\r\n @for (item of menuItems; track item; let i = $index) {\r\n <li\r\n class=\"mb-2 hover:text-brand-dark cursor-pointer\"\r\n [ngClass]=\"item.expand ? 'font-bold text-brand-dark' : 'text-gray-500'\"\r\n >\r\n <a (click)=\"toggleItem(item, i)\" [id]=\"i\"\r\n [routerLink]=\"item.url ? [item.url] : []\"\r\n class=\"p-4 flex items-center h-max\"\r\n [ngClass]=\"item.expand ? 'text-brand-dark' : 'text-gray-500'\"\r\n >\r\n <mat-icon [svgIcon]=\"item.iconResource?.name || ''\"\r\n class=\"inline-block align-middle mr-4 text-inherit hover:text-inherit\">\r\n {{ item.icon }}\r\n </mat-icon>\r\n @if (!minimizeSidebar) {\r\n <span\r\n class=\"inline-block align-middle\">\r\n {{ item.title }}\r\n </span>\r\n @if (item.badget) {\r\n <div class=\"badget text-white\">\r\n {{ item.badget }}\r\n </div>\r\n }\r\n }\r\n </a>\r\n @if (item.expand && item.subItems?.length > 0) {\r\n <ng-container *ngTemplateOutlet=\"firstChildren; context: item\"></ng-container>\r\n }\r\n </li>\r\n }\r\n</ul>\r\n\r\n<ng-template #firstChildren let-subItems=\"subItems\">\r\n @if (!minimizeSidebar) {\r\n <ul class=\"ml-12\">\r\n @for (item of subItems; track item) {\r\n <li [ngClass]=\"item.expand ? 'font-bold text-brand-dark' : 'text-gray-500'\">\r\n <a #rla=\"routerLinkActive\"\r\n (click)=\"toggleSubItem(item, subItems)\"\r\n class=\"text-sm font-light p-4 h-12 rounded-md hover:text-brand-dark flex items-center\"\r\n [ngClass]=\"item.expand && rla.isActive ? 'text-brand-dark' : 'text-gray-500'\"\r\n [routerLink]=\"item.url ? [item.url] : []\"\r\n [routerLinkActive]=\" item.url ? 'bg-brand-300 text-brand-dark' : ''\"\r\n >\r\n <span [title]=\"item.title\">\r\n {{ item.title | truncate: truncateTo }}\r\n </span>\r\n @if (item.badget) {\r\n <div class=\"badget text-white\">\r\n {{ item.badget }}\r\n </div>\r\n } \r\n @if (item.subItems?.length > 0) {\r\n <div class=\"flex-1 text-right\">\r\n <mat-icon class=\"align-middle hover:text-inherit\" [ngClass]=\"{ 'rotate-90': item.expand }\">\r\n keyboard_arrow_right\r\n </mat-icon>\r\n </div>\r\n }\r\n </a>\r\n @if (item.expand && item.subItems?.length > 0) {\r\n <ng-container *ngTemplateOutlet=\"secondChildren; context: item\"></ng-container>\r\n }\r\n </li>\r\n }\r\n </ul>\r\n }\r\n</ng-template>\r\n\r\n<ng-template #secondChildren let-subItems=\"subItems\">\r\n <ul class=\"ml-3\">\r\n @for (item of subItems; track item) {\r\n <li>\r\n <a #rla=\"routerLinkActive\"\r\n [ngClass]=\"item.expand && rla.isActive ? 'text-brand-dark' : 'text-gray-500'\"\r\n [routerLink]=\"item.url ? [item.url] : []\"\r\n [routerLinkActive]=\" item.url ? 'bg-brand-300 text-brand-dark' : ''\"\r\n class=\"text-xs font-light block p-4 h-12 rounded-md hover:text-brand-dark\">\r\n <span>{{ item.title }}</span>\r\n @if (item.badget) {\r\n <div class=\"badget text-white\">\r\n {{ item.badget }}\r\n </div>\r\n }\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n</ng-template>\r\n", styles: [":host::ng-deep li.text-brand-dark svg path{fill:currentColor}:host::ng-deep .badget{display:inline-flex;justify-content:center;align-items:center;width:41px;height:24px;border-radius:4px;font-size:12px;margin-left:12px;background-color:var(--color-error)}\n"] }]
|
|
7185
7191
|
}], ctorParameters: () => [{ type: UnsubscribeService }, { type: i4.MatIconRegistry }, { type: i3$5.DomSanitizer }, { type: i4$2.Router }], propDecorators: { menuItems: [{
|
|
@@ -7209,10 +7215,10 @@ class EcabsSidebarComponent {
|
|
|
7209
7215
|
this.minimizeSidebar = !this.minimizeSidebar;
|
|
7210
7216
|
this.sidebarChange.emit(this.minimizeSidebar);
|
|
7211
7217
|
}
|
|
7212
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
7213
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
7218
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7219
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: EcabsSidebarComponent, isStandalone: false, selector: "ecabs-sidebar", inputs: { allMenuItems: "allMenuItems", logoutText: "logoutText", secondaryMenu: "secondaryMenu", logo: "logo" }, outputs: { logout: "logout", langChange: "langChange", sidebarChange: "sidebarChange" }, ngImport: i0, template: "<section [ngClass]=\"minimizeSidebar ? 'w-16' : 'w-72'\" class=\"h-full\">\r\n <ul class=\"relative h-full p-2 flex flex-col\">\r\n @if (logo) {\r\n <li [ngClass]=\"minimizeSidebar ? 'w-full items-center text-center' : 'w-20 ml-10'\" class=\"py-8\">\r\n <ng-container *ngTemplateOutlet=\"logo\"></ng-container>\r\n </li>\r\n }\r\n\r\n <li [ngClass]=\"minimizeSidebar ? 'overflow-visible' : 'overflow-auto'\" class=\"mb-16 pr-1\">\r\n <ecabs-menu-items [menuItems]=\"allMenuItems\" [minimizeSidebar]=\"minimizeSidebar\"\r\n (toggleSidebar)=\"toggle()\"></ecabs-menu-items>\r\n </li>\r\n\r\n <li class=\"mt-auto\">\r\n <ul>\r\n @if (secondaryMenu) {\r\n <li class=\"flex justify-center mb-5\">\r\n <ng-container *ngTemplateOutlet=\"secondaryMenu\"></ng-container>\r\n </li>\r\n }\r\n\r\n <li class=\"flex cursor-pointer items-center w-full p-4 logout-btn\">\r\n <!-- eslint-disable-next-line -->\r\n <a class=\"text-gray-500\" (click)=\"onLogout()\">\r\n <mat-icon class=\"inline-block align-middle mr-4\">exit_to_app</mat-icon>\r\n @if (!minimizeSidebar) {\r\n <span class=\"inline-block align-middle\">{{ logoutText }}</span>\r\n }\r\n </a>\r\n </li>\r\n </ul>\r\n </li>\r\n </ul>\r\n\r\n <!--#::TODO Find alternative to display correctly -->\r\n<!-- <div class=\"hidden md:block absolute z-20 -right-3 top-[calc(85%-1rem)]-->\r\n<!-- rounded-full bg-white text-brand-dark shadow-md cursor-pointer hover:bg-gray-100\"-->\r\n<!-- (click)=\"toggle()\">-->\r\n<!-- <mat-icon class=\"inline-block align-middle {{ !minimizeSidebar ? 'rotate-180' : '' }}\">keyboard_arrow_right</mat-icon>-->\r\n<!-- </div>-->\r\n</section>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EcabsMenuItemsComponent, selector: "ecabs-menu-items", inputs: ["menuItems", "minimizeSidebar", "truncateTo"], outputs: ["toggleSidebar"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
|
|
7214
7220
|
}
|
|
7215
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
7221
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsSidebarComponent, decorators: [{
|
|
7216
7222
|
type: Component,
|
|
7217
7223
|
args: [{ selector: 'ecabs-sidebar', standalone: false, template: "<section [ngClass]=\"minimizeSidebar ? 'w-16' : 'w-72'\" class=\"h-full\">\r\n <ul class=\"relative h-full p-2 flex flex-col\">\r\n @if (logo) {\r\n <li [ngClass]=\"minimizeSidebar ? 'w-full items-center text-center' : 'w-20 ml-10'\" class=\"py-8\">\r\n <ng-container *ngTemplateOutlet=\"logo\"></ng-container>\r\n </li>\r\n }\r\n\r\n <li [ngClass]=\"minimizeSidebar ? 'overflow-visible' : 'overflow-auto'\" class=\"mb-16 pr-1\">\r\n <ecabs-menu-items [menuItems]=\"allMenuItems\" [minimizeSidebar]=\"minimizeSidebar\"\r\n (toggleSidebar)=\"toggle()\"></ecabs-menu-items>\r\n </li>\r\n\r\n <li class=\"mt-auto\">\r\n <ul>\r\n @if (secondaryMenu) {\r\n <li class=\"flex justify-center mb-5\">\r\n <ng-container *ngTemplateOutlet=\"secondaryMenu\"></ng-container>\r\n </li>\r\n }\r\n\r\n <li class=\"flex cursor-pointer items-center w-full p-4 logout-btn\">\r\n <!-- eslint-disable-next-line -->\r\n <a class=\"text-gray-500\" (click)=\"onLogout()\">\r\n <mat-icon class=\"inline-block align-middle mr-4\">exit_to_app</mat-icon>\r\n @if (!minimizeSidebar) {\r\n <span class=\"inline-block align-middle\">{{ logoutText }}</span>\r\n }\r\n </a>\r\n </li>\r\n </ul>\r\n </li>\r\n </ul>\r\n\r\n <!--#::TODO Find alternative to display correctly -->\r\n<!-- <div class=\"hidden md:block absolute z-20 -right-3 top-[calc(85%-1rem)]-->\r\n<!-- rounded-full bg-white text-brand-dark shadow-md cursor-pointer hover:bg-gray-100\"-->\r\n<!-- (click)=\"toggle()\">-->\r\n<!-- <mat-icon class=\"inline-block align-middle {{ !minimizeSidebar ? 'rotate-180' : '' }}\">keyboard_arrow_right</mat-icon>-->\r\n<!-- </div>-->\r\n</section>\r\n" }]
|
|
7218
7224
|
}], propDecorators: { allMenuItems: [{
|
|
@@ -7232,17 +7238,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
7232
7238
|
}] } });
|
|
7233
7239
|
|
|
7234
7240
|
class EcabsMenuItemsModule {
|
|
7235
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
7236
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
7241
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsMenuItemsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7242
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsMenuItemsModule, declarations: [EcabsMenuItemsComponent], imports: [CommonModule,
|
|
7237
7243
|
RouterLink,
|
|
7238
7244
|
RouterLinkActive,
|
|
7239
7245
|
MatIconModule,
|
|
7240
7246
|
EcabsPipesModule], exports: [EcabsMenuItemsComponent] });
|
|
7241
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
7247
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsMenuItemsModule, imports: [CommonModule,
|
|
7242
7248
|
MatIconModule,
|
|
7243
7249
|
EcabsPipesModule] });
|
|
7244
7250
|
}
|
|
7245
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
7251
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsMenuItemsModule, decorators: [{
|
|
7246
7252
|
type: NgModule,
|
|
7247
7253
|
args: [{
|
|
7248
7254
|
declarations: [EcabsMenuItemsComponent],
|
|
@@ -7262,10 +7268,10 @@ class EcabsLogoComponent {
|
|
|
7262
7268
|
logo;
|
|
7263
7269
|
subtitle;
|
|
7264
7270
|
logoAlt;
|
|
7265
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
7266
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
7271
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7272
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: EcabsLogoComponent, isStandalone: false, selector: "ecabs-logo", inputs: { collapsed: "collapsed", logo: "logo", subtitle: "subtitle", logoAlt: "logoAlt" }, ngImport: i0, template: "@if (logo || subtitle) {\r\n <ul>\r\n @if (logo) {\r\n <li class=\"w-full\">\r\n <img [src]=\"logo\" [alt]=\"logoAlt\"/>\r\n </li>\r\n }\r\n @if (subtitle) {\r\n <li [ngClass]=\"collapsed ? 'text-collapse' : 'text-sm'\" class=\"text-brand-dark mt-2\">\r\n {{ subtitle }}\r\n </li>\r\n }\r\n </ul>\r\n}\r\n", styles: [":host::ng-deep .text-collapse{font-size:9px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
7267
7273
|
}
|
|
7268
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
7274
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsLogoComponent, decorators: [{
|
|
7269
7275
|
type: Component,
|
|
7270
7276
|
args: [{ selector: 'ecabs-logo', standalone: false, template: "@if (logo || subtitle) {\r\n <ul>\r\n @if (logo) {\r\n <li class=\"w-full\">\r\n <img [src]=\"logo\" [alt]=\"logoAlt\"/>\r\n </li>\r\n }\r\n @if (subtitle) {\r\n <li [ngClass]=\"collapsed ? 'text-collapse' : 'text-sm'\" class=\"text-brand-dark mt-2\">\r\n {{ subtitle }}\r\n </li>\r\n }\r\n </ul>\r\n}\r\n", styles: [":host::ng-deep .text-collapse{font-size:9px!important}\n"] }]
|
|
7271
7277
|
}], propDecorators: { collapsed: [{
|
|
@@ -7279,11 +7285,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
7279
7285
|
}] } });
|
|
7280
7286
|
|
|
7281
7287
|
class EcabsLogoModule {
|
|
7282
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
7283
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
7284
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
7288
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsLogoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7289
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsLogoModule, declarations: [EcabsLogoComponent], imports: [CommonModule], exports: [EcabsLogoComponent] });
|
|
7290
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsLogoModule, imports: [CommonModule] });
|
|
7285
7291
|
}
|
|
7286
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
7292
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsLogoModule, decorators: [{
|
|
7287
7293
|
type: NgModule,
|
|
7288
7294
|
args: [{
|
|
7289
7295
|
declarations: [EcabsLogoComponent],
|
|
@@ -7293,22 +7299,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
7293
7299
|
}] });
|
|
7294
7300
|
|
|
7295
7301
|
class EcabsSidebarModule {
|
|
7296
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
7297
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
7302
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7303
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsSidebarModule, declarations: [EcabsSidebarComponent], imports: [CommonModule,
|
|
7298
7304
|
EcabsLanguageSelectorModule,
|
|
7299
7305
|
EcabsMenuItemsModule,
|
|
7300
7306
|
MatIconModule,
|
|
7301
7307
|
RouterLink,
|
|
7302
7308
|
EcabsLogoModule,
|
|
7303
7309
|
MatSidenavModule], exports: [EcabsSidebarComponent] });
|
|
7304
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
7310
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsSidebarModule, imports: [CommonModule,
|
|
7305
7311
|
EcabsLanguageSelectorModule,
|
|
7306
7312
|
EcabsMenuItemsModule,
|
|
7307
7313
|
MatIconModule,
|
|
7308
7314
|
EcabsLogoModule,
|
|
7309
7315
|
MatSidenavModule] });
|
|
7310
7316
|
}
|
|
7311
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
7317
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsSidebarModule, decorators: [{
|
|
7312
7318
|
type: NgModule,
|
|
7313
7319
|
args: [{
|
|
7314
7320
|
declarations: [EcabsSidebarComponent],
|
|
@@ -7417,8 +7423,8 @@ class EcabsPlaceAutocompleteComponent extends EcabsElementBaseComponent {
|
|
|
7417
7423
|
getElement() {
|
|
7418
7424
|
return this.elementRef.nativeElement.querySelector('.form-field__input');
|
|
7419
7425
|
}
|
|
7420
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
7421
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
7426
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsPlaceAutocompleteComponent, deps: [{ token: i0.NgZone }, { token: UnsubscribeService }, { token: i0.ElementRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
|
7427
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: EcabsPlaceAutocompleteComponent, isStandalone: false, selector: "ecabs-place-autocomplete", inputs: { showDeleteItem: "showDeleteItem", showSuffix: "showSuffix", countryCode: "countryCode", googleLoaded: "googleLoaded", waypointType: "waypointType" }, outputs: { placeResult: "placeResult", deleteItem: "deleteItem" }, providers: [
|
|
7422
7428
|
UnsubscribeService,
|
|
7423
7429
|
{
|
|
7424
7430
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -7427,7 +7433,7 @@ class EcabsPlaceAutocompleteComponent extends EcabsElementBaseComponent {
|
|
|
7427
7433
|
},
|
|
7428
7434
|
], viewQueries: [{ propertyName: "matCustomInput", first: true, predicate: ["matCustomAutocompleteInput"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <div class=\"form-field__input--wrapper w-full\">\r\n <input #matCustomAutocompleteInput\r\n [placeholder]=\"placeholder\"\r\n [disabled]=\"disabled\"\r\n [(ngModel)]=\"value\"\r\n [id]=\"name\"\r\n class=\"form-field__input w-full\"\r\n autocorrect=\"off\"\r\n autocapitalize=\"off\"\r\n spellcheck=\"off\"\r\n (blur)=\"onTouch()\"\r\n />\r\n @if (showSuffix) {\r\n <div class=\"form-field__input--suffix\">\r\n @if (showDeleteItem) {\r\n <mat-icon\r\n class=\"suffix cursor-pointer delete-button\"\r\n (click)=\"onDeleteItem()\">\r\n delete\r\n </mat-icon>\r\n }\r\n @if (!showDeleteItem && value) {\r\n <mat-icon class=\"suffix cursor-pointer\" (click)=\"onClean()\">close</mat-icon>\r\n }\r\n </div>\r\n }\r\n </div>\r\n </ecabs-element-wrapper>\r\n", styles: ["mat-form-field{margin-bottom:0!important}.delete-button{color:var(--color-error)}\n"], dependencies: [{ kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
|
|
7429
7435
|
}
|
|
7430
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
7436
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsPlaceAutocompleteComponent, decorators: [{
|
|
7431
7437
|
type: Component,
|
|
7432
7438
|
args: [{ selector: 'ecabs-place-autocomplete', providers: [
|
|
7433
7439
|
UnsubscribeService,
|
|
@@ -7457,11 +7463,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
7457
7463
|
}] } });
|
|
7458
7464
|
|
|
7459
7465
|
class EcabsPlaceAutocompleteModule {
|
|
7460
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
7461
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
7462
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
7466
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsPlaceAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7467
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsPlaceAutocompleteModule, declarations: [EcabsPlaceAutocompleteComponent], imports: [CommonModule, ElementWrapperModule, FormsModule, MatIconModule], exports: [EcabsPlaceAutocompleteComponent] });
|
|
7468
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsPlaceAutocompleteModule, imports: [CommonModule, ElementWrapperModule, FormsModule, MatIconModule] });
|
|
7463
7469
|
}
|
|
7464
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
7470
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsPlaceAutocompleteModule, decorators: [{
|
|
7465
7471
|
type: NgModule,
|
|
7466
7472
|
args: [{
|
|
7467
7473
|
declarations: [EcabsPlaceAutocompleteComponent],
|
|
@@ -7589,17 +7595,17 @@ class EcabsMultipleDatesPickerComponent extends EcabsElementBaseComponent {
|
|
|
7589
7595
|
_findDate(date) {
|
|
7590
7596
|
return this.model.map((m) => +m).indexOf(+date);
|
|
7591
7597
|
}
|
|
7592
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
7593
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
7598
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsMultipleDatesPickerComponent, deps: [{ token: i0.Injector }, { token: EcabsDatePickerHeaderService }, { token: UnsubscribeService }], target: i0.ɵɵFactoryTarget.Component });
|
|
7599
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: EcabsMultipleDatesPickerComponent, isStandalone: false, selector: "ecabs-multiple-dates-picker", inputs: { minDate: "minDate", maxDate: "maxDate", touchUi: "touchUi", cancelLabel: "cancelLabel", applyLabel: "applyLabel", excludeHolidays: "excludeHolidays", excludeWeekends: "excludeWeekends", holidayOptions: "holidayOptions" }, outputs: { modelChange: "modelChange" }, providers: [
|
|
7594
7600
|
{
|
|
7595
7601
|
provide: NG_VALUE_ACCESSOR,
|
|
7596
7602
|
useExisting: EcabsMultipleDatesPickerComponent,
|
|
7597
7603
|
multi: true,
|
|
7598
7604
|
},
|
|
7599
7605
|
UnsubscribeService,
|
|
7600
|
-
], viewQueries: [{ propertyName: "_picker", first: true, predicate: ["picker"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <div class=\"form-field__input--wrapper w-full\">\r\n <mat-chip-grid\r\n #chipList aria-label=\"Choose a date\"\r\n (click)=\"picker.open()\"\r\n class=\"w-full\"\r\n >\r\n @for (value of model; track value) {\r\n <mat-chip-option\r\n class=\"form-field__input\"\r\n [selectable]=\"false\" [removable]=\"true\"\r\n (removed)=\"remove(value)\"\r\n >\r\n {{ value | date: 'dd/MM/yyyy' }}\r\n @if (true) {\r\n <mat-icon matChipRemove>cancel</mat-icon>\r\n }\r\n </mat-chip-option>\r\n }\r\n <input\r\n class=\"form-field__input fake-input\"\r\n [value]=\"resetModel\"\r\n [(ngModel)]=\"value\"\r\n [matDatepicker]=\"picker\"\r\n placeholder=\"Select dates\"\r\n (dateChange)=\"dateChanged($event)\"\r\n [matChipInputFor]=\"chipList\"\r\n [min]=\"minDate\"\r\n [max]=\"maxDate\"\r\n [matDatepickerFilter]=\"filterDateRange\"\r\n />\r\n </mat-chip-grid>\r\n <mat-datepicker-toggle matSuffix [for]=\"picker\">\r\n <mat-icon matDatepickerToggleIcon>calendar_today</mat-icon>\r\n </mat-datepicker-toggle>\r\n <mat-datepicker\r\n #picker\r\n [calendarHeaderComponent]=\"header\"\r\n [touchUi]=\"touchUi\"\r\n [dateClass]=\"dateClass\"\r\n >\r\n <mat-datepicker-actions>\r\n <ecabs-date-picker-actions\r\n [applyLabel]=\"applyLabel ?? translationConfig?.applyLabel\"\r\n [cancelLabel]=\"cancelLabel ?? translationConfig?.cancelLabel\"\r\n >\r\n </ecabs-date-picker-actions>\r\n </mat-datepicker-actions>\r\n </mat-datepicker>\r\n </div>\r\n </ecabs-element-wrapper>\r\n", styles: [":
|
|
7606
|
+
], viewQueries: [{ propertyName: "_picker", first: true, predicate: ["picker"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <div class=\"form-field__input--wrapper w-full\">\r\n <mat-chip-grid\r\n #chipList aria-label=\"Choose a date\"\r\n (click)=\"picker.open()\"\r\n class=\"w-full\"\r\n >\r\n @for (value of model; track value) {\r\n <mat-chip-option\r\n class=\"form-field__input\"\r\n [selectable]=\"false\" [removable]=\"true\"\r\n (removed)=\"remove(value)\"\r\n >\r\n {{ value | date: 'dd/MM/yyyy' }}\r\n @if (true) {\r\n <mat-icon matChipRemove>cancel</mat-icon>\r\n }\r\n </mat-chip-option>\r\n }\r\n <input\r\n class=\"form-field__input fake-input\"\r\n [value]=\"resetModel\"\r\n [(ngModel)]=\"value\"\r\n [matDatepicker]=\"picker\"\r\n placeholder=\"Select dates\"\r\n (dateChange)=\"dateChanged($event)\"\r\n [matChipInputFor]=\"chipList\"\r\n [min]=\"minDate\"\r\n [max]=\"maxDate\"\r\n [matDatepickerFilter]=\"filterDateRange\"\r\n />\r\n </mat-chip-grid>\r\n <mat-datepicker-toggle matSuffix [for]=\"picker\">\r\n <mat-icon matDatepickerToggleIcon>calendar_today</mat-icon>\r\n </mat-datepicker-toggle>\r\n <mat-datepicker\r\n #picker\r\n [calendarHeaderComponent]=\"header\"\r\n [touchUi]=\"touchUi\"\r\n [dateClass]=\"dateClass\"\r\n >\r\n <mat-datepicker-actions>\r\n <ecabs-date-picker-actions\r\n [applyLabel]=\"applyLabel ?? translationConfig?.applyLabel\"\r\n [cancelLabel]=\"cancelLabel ?? translationConfig?.cancelLabel\"\r\n >\r\n </ecabs-date-picker-actions>\r\n </mat-datepicker-actions>\r\n </mat-datepicker>\r\n </div>\r\n </ecabs-element-wrapper>\r\n", styles: [":host ::ng-deep .mat-chip-list-wrapper{padding:5px}:host ::ng-deep .mat-chip-list-wrapper .mat-standard-chip{margin:0 5px 0 0}:host ::ng-deep .fake-input{visibility:hidden;width:0;padding:0;margin:0}:host ::ng-deep .form-field__input--wrapper{border:1px solid var(--color-gray-500);padding:5px;align-items:center;background:#fff;border-radius:.25rem}::ng-deep .mat-calendar-body-cell.selected>.mat-calendar-body-cell-content,::ng-deep .mat-calendar-body-cell.selected:hover>.mat-calendar-body-cell-content,::ng-deep .mat-calendar-body-cell.selected>.mat-calendar-body-cell-content:hover{background-color:#673ab7!important;color:#fff!important}\n"], dependencies: [{ kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5$1.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i5$1.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i5$1.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i5$1.MatDatepickerToggleIcon, selector: "[matDatepickerToggleIcon]" }, { kind: "component", type: i5$1.MatDatepickerActions, selector: "mat-datepicker-actions, mat-date-range-picker-actions" }, { kind: "component", type: i6$2.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i6$2.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "component", type: i6$2.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i6$2.MatChipRemove, selector: "[matChipRemove]" }, { kind: "directive", type: i7.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: EcabsDatePickerActionsComponent, selector: "ecabs-date-picker-actions", inputs: ["cancelLabel", "applyLabel", "isDateRange", "disabledApplyButton"], outputs: ["apply"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }] });
|
|
7601
7607
|
}
|
|
7602
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
7608
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsMultipleDatesPickerComponent, decorators: [{
|
|
7603
7609
|
type: Component,
|
|
7604
7610
|
args: [{ selector: 'ecabs-multiple-dates-picker', providers: [
|
|
7605
7611
|
{
|
|
@@ -7608,7 +7614,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
7608
7614
|
multi: true,
|
|
7609
7615
|
},
|
|
7610
7616
|
UnsubscribeService,
|
|
7611
|
-
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <div class=\"form-field__input--wrapper w-full\">\r\n <mat-chip-grid\r\n #chipList aria-label=\"Choose a date\"\r\n (click)=\"picker.open()\"\r\n class=\"w-full\"\r\n >\r\n @for (value of model; track value) {\r\n <mat-chip-option\r\n class=\"form-field__input\"\r\n [selectable]=\"false\" [removable]=\"true\"\r\n (removed)=\"remove(value)\"\r\n >\r\n {{ value | date: 'dd/MM/yyyy' }}\r\n @if (true) {\r\n <mat-icon matChipRemove>cancel</mat-icon>\r\n }\r\n </mat-chip-option>\r\n }\r\n <input\r\n class=\"form-field__input fake-input\"\r\n [value]=\"resetModel\"\r\n [(ngModel)]=\"value\"\r\n [matDatepicker]=\"picker\"\r\n placeholder=\"Select dates\"\r\n (dateChange)=\"dateChanged($event)\"\r\n [matChipInputFor]=\"chipList\"\r\n [min]=\"minDate\"\r\n [max]=\"maxDate\"\r\n [matDatepickerFilter]=\"filterDateRange\"\r\n />\r\n </mat-chip-grid>\r\n <mat-datepicker-toggle matSuffix [for]=\"picker\">\r\n <mat-icon matDatepickerToggleIcon>calendar_today</mat-icon>\r\n </mat-datepicker-toggle>\r\n <mat-datepicker\r\n #picker\r\n [calendarHeaderComponent]=\"header\"\r\n [touchUi]=\"touchUi\"\r\n [dateClass]=\"dateClass\"\r\n >\r\n <mat-datepicker-actions>\r\n <ecabs-date-picker-actions\r\n [applyLabel]=\"applyLabel ?? translationConfig?.applyLabel\"\r\n [cancelLabel]=\"cancelLabel ?? translationConfig?.cancelLabel\"\r\n >\r\n </ecabs-date-picker-actions>\r\n </mat-datepicker-actions>\r\n </mat-datepicker>\r\n </div>\r\n </ecabs-element-wrapper>\r\n", styles: [":
|
|
7617
|
+
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <div class=\"form-field__input--wrapper w-full\">\r\n <mat-chip-grid\r\n #chipList aria-label=\"Choose a date\"\r\n (click)=\"picker.open()\"\r\n class=\"w-full\"\r\n >\r\n @for (value of model; track value) {\r\n <mat-chip-option\r\n class=\"form-field__input\"\r\n [selectable]=\"false\" [removable]=\"true\"\r\n (removed)=\"remove(value)\"\r\n >\r\n {{ value | date: 'dd/MM/yyyy' }}\r\n @if (true) {\r\n <mat-icon matChipRemove>cancel</mat-icon>\r\n }\r\n </mat-chip-option>\r\n }\r\n <input\r\n class=\"form-field__input fake-input\"\r\n [value]=\"resetModel\"\r\n [(ngModel)]=\"value\"\r\n [matDatepicker]=\"picker\"\r\n placeholder=\"Select dates\"\r\n (dateChange)=\"dateChanged($event)\"\r\n [matChipInputFor]=\"chipList\"\r\n [min]=\"minDate\"\r\n [max]=\"maxDate\"\r\n [matDatepickerFilter]=\"filterDateRange\"\r\n />\r\n </mat-chip-grid>\r\n <mat-datepicker-toggle matSuffix [for]=\"picker\">\r\n <mat-icon matDatepickerToggleIcon>calendar_today</mat-icon>\r\n </mat-datepicker-toggle>\r\n <mat-datepicker\r\n #picker\r\n [calendarHeaderComponent]=\"header\"\r\n [touchUi]=\"touchUi\"\r\n [dateClass]=\"dateClass\"\r\n >\r\n <mat-datepicker-actions>\r\n <ecabs-date-picker-actions\r\n [applyLabel]=\"applyLabel ?? translationConfig?.applyLabel\"\r\n [cancelLabel]=\"cancelLabel ?? translationConfig?.cancelLabel\"\r\n >\r\n </ecabs-date-picker-actions>\r\n </mat-datepicker-actions>\r\n </mat-datepicker>\r\n </div>\r\n </ecabs-element-wrapper>\r\n", styles: [":host ::ng-deep .mat-chip-list-wrapper{padding:5px}:host ::ng-deep .mat-chip-list-wrapper .mat-standard-chip{margin:0 5px 0 0}:host ::ng-deep .fake-input{visibility:hidden;width:0;padding:0;margin:0}:host ::ng-deep .form-field__input--wrapper{border:1px solid var(--color-gray-500);padding:5px;align-items:center;background:#fff;border-radius:.25rem}::ng-deep .mat-calendar-body-cell.selected>.mat-calendar-body-cell-content,::ng-deep .mat-calendar-body-cell.selected:hover>.mat-calendar-body-cell-content,::ng-deep .mat-calendar-body-cell.selected>.mat-calendar-body-cell-content:hover{background-color:#673ab7!important;color:#fff!important}\n"] }]
|
|
7612
7618
|
}], ctorParameters: () => [{ type: i0.Injector }, { type: EcabsDatePickerHeaderService }, { type: UnsubscribeService }], propDecorators: { _picker: [{
|
|
7613
7619
|
type: ViewChild,
|
|
7614
7620
|
args: ['picker', { static: true }]
|
|
@@ -7633,8 +7639,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
7633
7639
|
}] } });
|
|
7634
7640
|
|
|
7635
7641
|
class EcabsMultipleDatesPickerModule {
|
|
7636
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
7637
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
7642
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsMultipleDatesPickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7643
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsMultipleDatesPickerModule, declarations: [EcabsMultipleDatesPickerComponent], imports: [CommonModule,
|
|
7638
7644
|
ElementWrapperModule,
|
|
7639
7645
|
MatIconModule,
|
|
7640
7646
|
MatDatepickerModule,
|
|
@@ -7645,7 +7651,7 @@ class EcabsMultipleDatesPickerModule {
|
|
|
7645
7651
|
ReactiveFormsModule,
|
|
7646
7652
|
EcabsPickerHeaderModule,
|
|
7647
7653
|
EcabsDatePickerActionsModule], exports: [EcabsMultipleDatesPickerComponent] });
|
|
7648
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
7654
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsMultipleDatesPickerModule, imports: [CommonModule,
|
|
7649
7655
|
ElementWrapperModule,
|
|
7650
7656
|
MatIconModule,
|
|
7651
7657
|
MatDatepickerModule,
|
|
@@ -7657,7 +7663,7 @@ class EcabsMultipleDatesPickerModule {
|
|
|
7657
7663
|
EcabsPickerHeaderModule,
|
|
7658
7664
|
EcabsDatePickerActionsModule] });
|
|
7659
7665
|
}
|
|
7660
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
7666
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsMultipleDatesPickerModule, decorators: [{
|
|
7661
7667
|
type: NgModule,
|
|
7662
7668
|
args: [{
|
|
7663
7669
|
declarations: [EcabsMultipleDatesPickerComponent],
|
|
@@ -7769,10 +7775,10 @@ class EcabsDateAdapter extends NativeDateAdapter {
|
|
|
7769
7775
|
getFirstDayOfWeek() {
|
|
7770
7776
|
return getLocaleFirstDayOfWeek(this.locale);
|
|
7771
7777
|
}
|
|
7772
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
7773
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
7778
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDateAdapter, deps: [{ token: String }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
7779
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDateAdapter });
|
|
7774
7780
|
}
|
|
7775
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
7781
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDateAdapter, decorators: [{
|
|
7776
7782
|
type: Injectable
|
|
7777
7783
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
7778
7784
|
type: Inject,
|
|
@@ -7826,33 +7832,33 @@ class EcabsDialogConfirmationDeletionComponent {
|
|
|
7826
7832
|
onCancel() {
|
|
7827
7833
|
this.dialogRef.close(false);
|
|
7828
7834
|
}
|
|
7829
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
7830
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
7835
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDialogConfirmationDeletionComponent, deps: [{ token: i1$2.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i2.UntypedFormBuilder }, { token: EcabsComponentsService }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
7836
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: EcabsDialogConfirmationDeletionComponent, isStandalone: false, selector: "ecabs-dialog-confirm-deletion", ngImport: i0, template: "<div class=\"p-6\">\r\n <h3 class=\"modal-title font-semibold\" [ngClass]=\"(data?.color || color) === 'primary' ? 'primary' : 'warn'\">\r\n {{ data.actionName }} {{ data.showEntityNameInHeader ? (data.entityName | lowercase) : '' }}\r\n </h3>\r\n <div class=\"mt-1\">\r\n @if (data.alertText && data.alertText.length > 0) {\r\n <div class=\"alert-item\">\r\n <span class=\"alert-text\">\r\n {{ data.alertText }}\r\n </span>\r\n </div>\r\n }\r\n\r\n <form [formGroup]=\"form\" class=\"mt-1\">\r\n <ecabs-input\r\n [placeholder]=\"data.entityNamePlaceholder\"\r\n [label]=\"data.entityNameLabel\"\r\n name=\"name\"\r\n formControlName=\"name\"\r\n ></ecabs-input>\r\n </form>\r\n </div>\r\n\r\n <div class=\"btn__group flex flex-row gap-x-4 justify-end\">\r\n <ecabs-buttons class=\"grow\" [style]=\"'stroked'\" (click)=\"onCancel()\">\r\n {{ data?.cancelLabel }}\r\n </ecabs-buttons>\r\n\r\n <ecabs-buttons\r\n class=\"grow\"\r\n [color]=\"data?.color || color\"\r\n (click)=\"onConfirm()\"\r\n [disabled]=\"form.value.name !== data.comparisonText\"\r\n >\r\n {{ data?.confirmLabel }}\r\n </ecabs-buttons>\r\n </div>\r\n</div>\r\n", styles: [".modal-title{font-size:22px}:host ::ng-deep button{width:100%!important}.primary{color:var(--color-brand-dark)}.warn{color:var(--color-error)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: ButtonsComponent, selector: "ecabs-buttons", inputs: ["disabled", "loading", "size", "type", "style", "full", "color"] }, { kind: "component", type: EcabsInputComponent, selector: "ecabs-input", inputs: ["digitsOnly", "allowDecimal", "allowHyphen", "max", "mini", "maxi", "step"], outputs: ["onblur"] }, { kind: "pipe", type: i1.LowerCasePipe, name: "lowercase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7831
7837
|
}
|
|
7832
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
7838
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDialogConfirmationDeletionComponent, decorators: [{
|
|
7833
7839
|
type: Component,
|
|
7834
|
-
args: [{ selector: 'ecabs-dialog-confirm-deletion', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"p-6\">\n <h3 class=\"modal-title font-semibold\" [ngClass]=\"(data?.color || color) === 'primary' ? 'primary' : 'warn'\">\n {{ data.actionName }} {{ data.showEntityNameInHeader ? (data.entityName | lowercase) : '' }}\n </h3>\n <div class=\"mt-1\">\n @if (data.alertText && data.alertText.length > 0) {\n <div class=\"alert-item\">\n <span class=\"alert-text\">\n {{ data.alertText }}\n </span>\n </div>\n }\n\n <form [formGroup]=\"form\" class=\"mt-1\">\n <ecabs-input\n [placeholder]=\"data.entityNamePlaceholder\"\n [label]=\"data.entityNameLabel\"\n name=\"name\"\n formControlName=\"name\"\n ></ecabs-input>\n </form>\n </div>\n\n <div class=\"btn__group flex flex-row gap-x-4 justify-end\">\n <ecabs-buttons class=\"grow\" [style]=\"'stroked'\" (click)=\"onCancel()\">\n {{ data?.cancelLabel }}\n </ecabs-buttons>\n\n <ecabs-buttons\n class=\"grow\"\n [color]=\"data?.color || color\"\n (click)=\"onConfirm()\"\n [disabled]=\"form.value.name !== data.comparisonText\"\n >\n {{ data?.confirmLabel }}\n </ecabs-buttons>\n </div>\n</div>\n", styles: [".modal-title{font-size:22px}:host ::ng-deep button{width:100%!important}.primary{color:var(--color-brand-dark)}.warn{color:var(--color-error)}\n"] }]
|
|
7840
|
+
args: [{ selector: 'ecabs-dialog-confirm-deletion', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"p-6\">\r\n <h3 class=\"modal-title font-semibold\" [ngClass]=\"(data?.color || color) === 'primary' ? 'primary' : 'warn'\">\r\n {{ data.actionName }} {{ data.showEntityNameInHeader ? (data.entityName | lowercase) : '' }}\r\n </h3>\r\n <div class=\"mt-1\">\r\n @if (data.alertText && data.alertText.length > 0) {\r\n <div class=\"alert-item\">\r\n <span class=\"alert-text\">\r\n {{ data.alertText }}\r\n </span>\r\n </div>\r\n }\r\n\r\n <form [formGroup]=\"form\" class=\"mt-1\">\r\n <ecabs-input\r\n [placeholder]=\"data.entityNamePlaceholder\"\r\n [label]=\"data.entityNameLabel\"\r\n name=\"name\"\r\n formControlName=\"name\"\r\n ></ecabs-input>\r\n </form>\r\n </div>\r\n\r\n <div class=\"btn__group flex flex-row gap-x-4 justify-end\">\r\n <ecabs-buttons class=\"grow\" [style]=\"'stroked'\" (click)=\"onCancel()\">\r\n {{ data?.cancelLabel }}\r\n </ecabs-buttons>\r\n\r\n <ecabs-buttons\r\n class=\"grow\"\r\n [color]=\"data?.color || color\"\r\n (click)=\"onConfirm()\"\r\n [disabled]=\"form.value.name !== data.comparisonText\"\r\n >\r\n {{ data?.confirmLabel }}\r\n </ecabs-buttons>\r\n </div>\r\n</div>\r\n", styles: [".modal-title{font-size:22px}:host ::ng-deep button{width:100%!important}.primary{color:var(--color-brand-dark)}.warn{color:var(--color-error)}\n"] }]
|
|
7835
7841
|
}], ctorParameters: () => [{ type: i1$2.MatDialogRef }, { type: undefined, decorators: [{
|
|
7836
7842
|
type: Inject,
|
|
7837
7843
|
args: [MAT_DIALOG_DATA]
|
|
7838
7844
|
}] }, { type: i2.UntypedFormBuilder }, { type: EcabsComponentsService }, { type: i0.DestroyRef }] });
|
|
7839
7845
|
|
|
7840
7846
|
class EcabsDialogConfirmDeletionModule {
|
|
7841
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
7842
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
7847
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDialogConfirmDeletionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7848
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: EcabsDialogConfirmDeletionModule, declarations: [EcabsDialogConfirmationDeletionComponent], imports: [CommonModule,
|
|
7843
7849
|
FormsModule,
|
|
7844
7850
|
ReactiveFormsModule,
|
|
7845
7851
|
MatDialogModule,
|
|
7846
7852
|
EcabsButtonsModule,
|
|
7847
7853
|
EcabsInputModule] });
|
|
7848
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
7854
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDialogConfirmDeletionModule, imports: [CommonModule,
|
|
7849
7855
|
FormsModule,
|
|
7850
7856
|
ReactiveFormsModule,
|
|
7851
7857
|
MatDialogModule,
|
|
7852
7858
|
EcabsButtonsModule,
|
|
7853
7859
|
EcabsInputModule] });
|
|
7854
7860
|
}
|
|
7855
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
7861
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDialogConfirmDeletionModule, decorators: [{
|
|
7856
7862
|
type: NgModule,
|
|
7857
7863
|
args: [{
|
|
7858
7864
|
declarations: [EcabsDialogConfirmationDeletionComponent],
|