ecabs-components 2.0.0-alpha.2 → 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 +11 -2
- package/fesm2022/ecabs-components.mjs +647 -472
- package/fesm2022/ecabs-components.mjs.map +1 -1
- package/lib/base/models/ecabs-date-picker-translations.models.d.ts +1 -0
- package/lib/base/validators/date-range.validator.d.ts +14 -0
- package/lib/ecabs-date-picker/ecabs-date-picker.component.d.ts +3 -0
- package/lib/ecabs-date-picker-actions/ecabs-date-picker-actions.component.d.ts +3 -1
- package/lib/ecabs-date-range-picker/ecabs-date-range-picker.component.d.ts +3 -0
- package/lib/ecabs-dialog-confirm/ecabs-dialog-confirm.component.d.ts +0 -1
- package/lib/ecabs-dialog-confirm-deletion/ecabs-dialog-confirm-deletion.component.d.ts +33 -0
- package/lib/ecabs-dialog-confirm-deletion/ecabs-dialog-confirm-deletion.module.d.ts +12 -0
- package/lib/ecabs-expansion-panel/ecabs-expansion-panel.component.d.ts +3 -1
- package/lib/ecabs-radio-button-list/ecabs-radio-button-list.component.d.ts +3 -1
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
- 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 +11 -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
|
@@ -44,7 +44,7 @@ import { MatDividerModule } from '@angular/material/divider';
|
|
|
44
44
|
import * as i4$2 from '@angular/router';
|
|
45
45
|
import { RouterModule, NavigationStart, RouterLink, RouterLinkActive } from '@angular/router';
|
|
46
46
|
import * as i3$2 from '@angular/material/radio';
|
|
47
|
-
import { MatRadioModule } from '@angular/material/radio';
|
|
47
|
+
import { MatRadioGroup, MatRadioModule } from '@angular/material/radio';
|
|
48
48
|
import * as i3$3 from '@angular/material/expansion';
|
|
49
49
|
import { MatExpansionPanel, MatExpansionModule } from '@angular/material/expansion';
|
|
50
50
|
import * as i6$2 from '@angular/material/chips';
|
|
@@ -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: [{
|
|
@@ -2150,17 +2150,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
2150
2150
|
class EcabsDatePickerActionsComponent {
|
|
2151
2151
|
cancelLabel = 'Cancel';
|
|
2152
2152
|
applyLabel = 'Apply';
|
|
2153
|
+
isDateRange = false;
|
|
2154
|
+
disabledApplyButton = false;
|
|
2153
2155
|
apply = new EventEmitter();
|
|
2154
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2155
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
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]" }] });
|
|
2156
2158
|
}
|
|
2157
|
-
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: [{
|
|
2158
2160
|
type: Component,
|
|
2159
|
-
args: [{ selector: 'ecabs-date-picker-actions', standalone: false, template: "<div class=\"grid grid-cols-2 gap-4\">\r\n <ecabs-buttons color=\"primary\"\r\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" }]
|
|
2160
2162
|
}], propDecorators: { cancelLabel: [{
|
|
2161
2163
|
type: Input
|
|
2162
2164
|
}], applyLabel: [{
|
|
2163
2165
|
type: Input
|
|
2166
|
+
}], isDateRange: [{
|
|
2167
|
+
type: Input
|
|
2168
|
+
}], disabledApplyButton: [{
|
|
2169
|
+
type: Input
|
|
2164
2170
|
}], apply: [{
|
|
2165
2171
|
type: Output
|
|
2166
2172
|
}] } });
|
|
@@ -2180,9 +2186,11 @@ class EcabsDatePickerComponent extends EcabsElementBaseComponent {
|
|
|
2180
2186
|
specificDates;
|
|
2181
2187
|
holidayOptions;
|
|
2182
2188
|
onblur = new EventEmitter();
|
|
2189
|
+
datepicker;
|
|
2183
2190
|
val;
|
|
2184
2191
|
header = EcabsDatePickerHeaderComponent;
|
|
2185
2192
|
translationConfig;
|
|
2193
|
+
disabledApplyButton = true;
|
|
2186
2194
|
get value() {
|
|
2187
2195
|
return this.val;
|
|
2188
2196
|
}
|
|
@@ -2210,6 +2218,21 @@ class EcabsDatePickerComponent extends EcabsElementBaseComponent {
|
|
|
2210
2218
|
if (ngControl) {
|
|
2211
2219
|
this.control = ngControl.control;
|
|
2212
2220
|
}
|
|
2221
|
+
this.datepicker?.openedStream
|
|
2222
|
+
.asObservable()
|
|
2223
|
+
.pipe(takeUntil(this.unsubscribeService.subscription()))
|
|
2224
|
+
.subscribe(() => {
|
|
2225
|
+
setTimeout(() => {
|
|
2226
|
+
const calendar = this.datepicker._componentRef?.instance
|
|
2227
|
+
._calendar;
|
|
2228
|
+
calendar?._userSelection
|
|
2229
|
+
.asObservable()
|
|
2230
|
+
.pipe(takeUntil(this.unsubscribeService.subscription()))
|
|
2231
|
+
.subscribe((lastChosenDate) => {
|
|
2232
|
+
this.disabledApplyButton = !lastChosenDate.value;
|
|
2233
|
+
});
|
|
2234
|
+
}, 100);
|
|
2235
|
+
});
|
|
2213
2236
|
}
|
|
2214
2237
|
onChange = () => { };
|
|
2215
2238
|
onTouch = () => { };
|
|
@@ -2253,17 +2276,17 @@ class EcabsDatePickerComponent extends EcabsElementBaseComponent {
|
|
|
2253
2276
|
}
|
|
2254
2277
|
return result;
|
|
2255
2278
|
};
|
|
2256
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2257
|
-
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: [
|
|
2258
2281
|
{
|
|
2259
2282
|
provide: NG_VALUE_ACCESSOR,
|
|
2260
2283
|
useExisting: EcabsDatePickerComponent,
|
|
2261
2284
|
multi: true,
|
|
2262
2285
|
},
|
|
2263
2286
|
UnsubscribeService,
|
|
2264
|
-
], 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 >\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"], outputs: ["apply"] }] });
|
|
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"] }] });
|
|
2265
2288
|
}
|
|
2266
|
-
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: [{
|
|
2267
2290
|
type: Component,
|
|
2268
2291
|
args: [{ selector: 'ecabs-date-picker', providers: [
|
|
2269
2292
|
{
|
|
@@ -2272,7 +2295,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
2272
2295
|
multi: true,
|
|
2273
2296
|
},
|
|
2274
2297
|
UnsubscribeService,
|
|
2275
|
-
], standalone: false, 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 >\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" }]
|
|
2298
|
+
], standalone: false, 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" }]
|
|
2276
2299
|
}], ctorParameters: () => [{ type: i0.Injector }, { type: EcabsDatePickerHeaderService }, { type: UnsubscribeService }], propDecorators: { minDate: [{
|
|
2277
2300
|
type: Input
|
|
2278
2301
|
}], maxDate: [{
|
|
@@ -2293,6 +2316,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
2293
2316
|
type: Input
|
|
2294
2317
|
}], onblur: [{
|
|
2295
2318
|
type: Output
|
|
2319
|
+
}], datepicker: [{
|
|
2320
|
+
type: ViewChild,
|
|
2321
|
+
args: ['picker']
|
|
2296
2322
|
}] } });
|
|
2297
2323
|
|
|
2298
2324
|
class EcabsDateTimePickerHeaderComponent {
|
|
@@ -2301,10 +2327,10 @@ class EcabsDateTimePickerHeaderComponent {
|
|
|
2301
2327
|
constructor(ecabsDatePickerHeaderService) {
|
|
2302
2328
|
this.ecabsDatePickerHeaderService = ecabsDatePickerHeaderService;
|
|
2303
2329
|
}
|
|
2304
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2305
|
-
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 });
|
|
2306
2332
|
}
|
|
2307
|
-
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: [{
|
|
2308
2334
|
type: Component,
|
|
2309
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"] }]
|
|
2310
2336
|
}], ctorParameters: () => [{ type: EcabsDatePickerHeaderService }], propDecorators: { headerLabel: [{
|
|
@@ -2351,10 +2377,10 @@ class EcabsNumberBorderDirective {
|
|
|
2351
2377
|
}
|
|
2352
2378
|
return result;
|
|
2353
2379
|
}
|
|
2354
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2355
|
-
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 });
|
|
2356
2382
|
}
|
|
2357
|
-
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: [{
|
|
2358
2384
|
type: Directive,
|
|
2359
2385
|
args: [{
|
|
2360
2386
|
selector: '[ecabsNumberBorder]',
|
|
@@ -2528,10 +2554,10 @@ class EcabsMaskDateDirective {
|
|
|
2528
2554
|
// Check if the string contains any digit between 0 and 9
|
|
2529
2555
|
return /\d/.test(value);
|
|
2530
2556
|
}
|
|
2531
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2532
|
-
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 });
|
|
2533
2559
|
}
|
|
2534
|
-
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: [{
|
|
2535
2561
|
type: Directive,
|
|
2536
2562
|
args: [{
|
|
2537
2563
|
selector: '[ecabsMaskDate]',
|
|
@@ -2730,8 +2756,8 @@ class EcabsDateTimePickerComponent extends EcabsElementBaseComponent {
|
|
|
2730
2756
|
this.seconds = dateToUse.getSeconds().toString();
|
|
2731
2757
|
}
|
|
2732
2758
|
}
|
|
2733
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2734
|
-
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: [
|
|
2735
2761
|
{
|
|
2736
2762
|
provide: NG_VALUE_ACCESSOR,
|
|
2737
2763
|
useExisting: forwardRef(() => EcabsDateTimePickerComponent),
|
|
@@ -2739,9 +2765,9 @@ class EcabsDateTimePickerComponent extends EcabsElementBaseComponent {
|
|
|
2739
2765
|
},
|
|
2740
2766
|
DecimalPipe,
|
|
2741
2767
|
UnsubscribeService,
|
|
2742
|
-
], 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"], outputs: ["apply"] }, { kind: "directive", type: i7.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }] });
|
|
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"] }] });
|
|
2743
2769
|
}
|
|
2744
|
-
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: [{
|
|
2745
2771
|
type: Component,
|
|
2746
2772
|
args: [{ selector: 'ecabs-date-time-picker', providers: [
|
|
2747
2773
|
{
|
|
@@ -2777,11 +2803,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
2777
2803
|
}] } });
|
|
2778
2804
|
|
|
2779
2805
|
class EcabsMaskDateDirectiveModule {
|
|
2780
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2781
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
2782
|
-
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] });
|
|
2783
2809
|
}
|
|
2784
|
-
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: [{
|
|
2785
2811
|
type: NgModule,
|
|
2786
2812
|
args: [{
|
|
2787
2813
|
imports: [CommonModule],
|
|
@@ -2791,11 +2817,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
2791
2817
|
}] });
|
|
2792
2818
|
|
|
2793
2819
|
class EcabsNumberBorderDirectiveModule {
|
|
2794
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2795
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
2796
|
-
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] });
|
|
2797
2823
|
}
|
|
2798
|
-
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: [{
|
|
2799
2825
|
type: NgModule,
|
|
2800
2826
|
args: [{
|
|
2801
2827
|
imports: [CommonModule],
|
|
@@ -2805,19 +2831,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
2805
2831
|
}] });
|
|
2806
2832
|
|
|
2807
2833
|
class EcabsPickerHeaderModule {
|
|
2808
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2809
|
-
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,
|
|
2810
2836
|
ElementWrapperModule,
|
|
2811
2837
|
MatIconModule,
|
|
2812
2838
|
MatButtonModule,
|
|
2813
2839
|
MatDatepickerModule], exports: [EcabsPickerHeaderComponent] });
|
|
2814
|
-
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,
|
|
2815
2841
|
ElementWrapperModule,
|
|
2816
2842
|
MatIconModule,
|
|
2817
2843
|
MatButtonModule,
|
|
2818
2844
|
MatDatepickerModule] });
|
|
2819
2845
|
}
|
|
2820
|
-
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: [{
|
|
2821
2847
|
type: NgModule,
|
|
2822
2848
|
args: [{
|
|
2823
2849
|
declarations: [EcabsPickerHeaderComponent],
|
|
@@ -2833,11 +2859,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
2833
2859
|
}] });
|
|
2834
2860
|
|
|
2835
2861
|
class EcabsDatePickerActionsModule {
|
|
2836
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2837
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
2838
|
-
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] });
|
|
2839
2865
|
}
|
|
2840
|
-
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: [{
|
|
2841
2867
|
type: NgModule,
|
|
2842
2868
|
args: [{
|
|
2843
2869
|
declarations: [EcabsDatePickerActionsComponent],
|
|
@@ -2847,8 +2873,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
2847
2873
|
}] });
|
|
2848
2874
|
|
|
2849
2875
|
class EcabsDatetimePickerModule {
|
|
2850
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2851
|
-
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,
|
|
2852
2878
|
EcabsDateTimePickerHeaderComponent], imports: [CommonModule,
|
|
2853
2879
|
ElementWrapperModule,
|
|
2854
2880
|
MatIconModule,
|
|
@@ -2863,7 +2889,7 @@ class EcabsDatetimePickerModule {
|
|
|
2863
2889
|
EcabsMaskDateDirectiveModule,
|
|
2864
2890
|
EcabsDatePickerActionsModule,
|
|
2865
2891
|
MatFormFieldModule], exports: [EcabsDateTimePickerComponent, EcabsDateTimePickerHeaderComponent] });
|
|
2866
|
-
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,
|
|
2867
2893
|
ElementWrapperModule,
|
|
2868
2894
|
MatIconModule,
|
|
2869
2895
|
MatDatepickerModule,
|
|
@@ -2878,7 +2904,7 @@ class EcabsDatetimePickerModule {
|
|
|
2878
2904
|
EcabsDatePickerActionsModule,
|
|
2879
2905
|
MatFormFieldModule] });
|
|
2880
2906
|
}
|
|
2881
|
-
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: [{
|
|
2882
2908
|
type: NgModule,
|
|
2883
2909
|
args: [{
|
|
2884
2910
|
declarations: [
|
|
@@ -2911,16 +2937,33 @@ class EcabsDateRangePickerHeaderComponent {
|
|
|
2911
2937
|
constructor(ecabsDatePickerHeaderService) {
|
|
2912
2938
|
this.ecabsDatePickerHeaderService = ecabsDatePickerHeaderService;
|
|
2913
2939
|
}
|
|
2914
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2915
|
-
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 });
|
|
2916
2942
|
}
|
|
2917
|
-
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: [{
|
|
2918
2944
|
type: Component,
|
|
2919
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" }]
|
|
2920
2946
|
}], ctorParameters: () => [{ type: EcabsDatePickerHeaderService }], propDecorators: { selectDateRangeLabel: [{
|
|
2921
2947
|
type: Input
|
|
2922
2948
|
}] } });
|
|
2923
2949
|
|
|
2950
|
+
const dateRangeValidator = (control) => {
|
|
2951
|
+
if (control.value) {
|
|
2952
|
+
const { dateFrom, dateTo } = control.value;
|
|
2953
|
+
control.setErrors(null);
|
|
2954
|
+
if (!dateFrom && dateTo) {
|
|
2955
|
+
return { dateFromRangeRequired: true };
|
|
2956
|
+
}
|
|
2957
|
+
if (dateFrom && !dateTo) {
|
|
2958
|
+
return { dateToRangeRequired: true };
|
|
2959
|
+
}
|
|
2960
|
+
if (dateFrom > dateTo) {
|
|
2961
|
+
return { dateFromMoreThanDateTo: true };
|
|
2962
|
+
}
|
|
2963
|
+
}
|
|
2964
|
+
return null;
|
|
2965
|
+
};
|
|
2966
|
+
|
|
2924
2967
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
2925
2968
|
class EcabsDateRangePickerComponent extends EcabsElementBaseComponent {
|
|
2926
2969
|
injector;
|
|
@@ -2935,10 +2978,12 @@ class EcabsDateRangePickerComponent extends EcabsElementBaseComponent {
|
|
|
2935
2978
|
endDatePlaceholder;
|
|
2936
2979
|
onblur = new EventEmitter();
|
|
2937
2980
|
val;
|
|
2981
|
+
datepicker;
|
|
2938
2982
|
header = EcabsDateRangePickerHeaderComponent;
|
|
2939
2983
|
_dateFrom;
|
|
2940
2984
|
_dateTo;
|
|
2941
2985
|
translationConfig;
|
|
2986
|
+
disabledApplyButton = true;
|
|
2942
2987
|
get value() {
|
|
2943
2988
|
return this.val;
|
|
2944
2989
|
}
|
|
@@ -2990,6 +3035,36 @@ class EcabsDateRangePickerComponent extends EcabsElementBaseComponent {
|
|
|
2990
3035
|
this.dateTo = this.value.dateTo;
|
|
2991
3036
|
});
|
|
2992
3037
|
}
|
|
3038
|
+
this.datepicker?.openedStream
|
|
3039
|
+
.asObservable()
|
|
3040
|
+
.pipe(takeUntil(this.unsubscribeService.subscription()))
|
|
3041
|
+
.subscribe(() => {
|
|
3042
|
+
setTimeout(() => {
|
|
3043
|
+
const calendar = this.datepicker._componentRef?.instance
|
|
3044
|
+
._calendar;
|
|
3045
|
+
calendar?._userSelection
|
|
3046
|
+
.asObservable()
|
|
3047
|
+
.pipe(takeUntil(this.unsubscribeService.subscription()))
|
|
3048
|
+
.subscribe((lastChosenDate) => {
|
|
3049
|
+
let startRange;
|
|
3050
|
+
let endRange;
|
|
3051
|
+
const { start, end } = calendar.selected ?? {};
|
|
3052
|
+
if (lastChosenDate.value && (!start || (start && end))) {
|
|
3053
|
+
startRange = lastChosenDate.value;
|
|
3054
|
+
}
|
|
3055
|
+
if (lastChosenDate.value && start && !end) {
|
|
3056
|
+
startRange = start;
|
|
3057
|
+
}
|
|
3058
|
+
if (start > lastChosenDate.value) {
|
|
3059
|
+
startRange = lastChosenDate.value;
|
|
3060
|
+
}
|
|
3061
|
+
else if (lastChosenDate.value && start && !end) {
|
|
3062
|
+
endRange = lastChosenDate.value;
|
|
3063
|
+
}
|
|
3064
|
+
this.disabledApplyButton = !(startRange && endRange);
|
|
3065
|
+
});
|
|
3066
|
+
}, 100);
|
|
3067
|
+
});
|
|
2993
3068
|
}
|
|
2994
3069
|
onChange = () => { };
|
|
2995
3070
|
onTouch = () => { };
|
|
@@ -3011,17 +3086,22 @@ class EcabsDateRangePickerComponent extends EcabsElementBaseComponent {
|
|
|
3011
3086
|
dateTo: this.dateTo,
|
|
3012
3087
|
};
|
|
3013
3088
|
}
|
|
3014
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3015
|
-
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: [
|
|
3016
3091
|
{
|
|
3017
3092
|
provide: NG_VALUE_ACCESSOR,
|
|
3018
3093
|
useExisting: EcabsDateRangePickerComponent,
|
|
3019
3094
|
multi: true,
|
|
3020
3095
|
},
|
|
3096
|
+
{
|
|
3097
|
+
provide: NG_VALIDATORS,
|
|
3098
|
+
useValue: dateRangeValidator,
|
|
3099
|
+
multi: true,
|
|
3100
|
+
},
|
|
3021
3101
|
UnsubscribeService,
|
|
3022
|
-
], 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 (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}.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"], 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"] }] });
|
|
3023
3103
|
}
|
|
3024
|
-
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: [{
|
|
3025
3105
|
type: Component,
|
|
3026
3106
|
args: [{ selector: 'ecabs-date-range-picker', providers: [
|
|
3027
3107
|
{
|
|
@@ -3029,8 +3109,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
3029
3109
|
useExisting: EcabsDateRangePickerComponent,
|
|
3030
3110
|
multi: true,
|
|
3031
3111
|
},
|
|
3112
|
+
{
|
|
3113
|
+
provide: NG_VALIDATORS,
|
|
3114
|
+
useValue: dateRangeValidator,
|
|
3115
|
+
multi: true,
|
|
3116
|
+
},
|
|
3032
3117
|
UnsubscribeService,
|
|
3033
|
-
], 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 (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}.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"] }]
|
|
3034
3119
|
}], ctorParameters: () => [{ type: i0.Injector }, { type: EcabsDatePickerHeaderService }, { type: UnsubscribeService }], propDecorators: { minDate: [{
|
|
3035
3120
|
type: Input
|
|
3036
3121
|
}], maxDate: [{
|
|
@@ -3047,6 +3132,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
3047
3132
|
type: Input
|
|
3048
3133
|
}], onblur: [{
|
|
3049
3134
|
type: Output
|
|
3135
|
+
}], datepicker: [{
|
|
3136
|
+
type: ViewChild,
|
|
3137
|
+
args: ['picker']
|
|
3050
3138
|
}] } });
|
|
3051
3139
|
|
|
3052
3140
|
const MATERIAL_DATETIMEPICKER_FORMATS = {
|
|
@@ -3061,8 +3149,8 @@ const MATERIAL_DATETIMEPICKER_FORMATS = {
|
|
|
3061
3149
|
},
|
|
3062
3150
|
};
|
|
3063
3151
|
class EcabsDateRangeModule {
|
|
3064
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3065
|
-
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,
|
|
3066
3154
|
EcabsDateRangePickerHeaderComponent], imports: [CommonModule,
|
|
3067
3155
|
ElementWrapperModule,
|
|
3068
3156
|
MatIconModule,
|
|
@@ -3077,7 +3165,7 @@ class EcabsDateRangeModule {
|
|
|
3077
3165
|
EcabsMaskDateDirectiveModule,
|
|
3078
3166
|
MatInputModule,
|
|
3079
3167
|
EcabsDatePickerActionsModule], exports: [EcabsDateRangePickerComponent, EcabsDateRangePickerHeaderComponent] });
|
|
3080
|
-
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,
|
|
3081
3169
|
ElementWrapperModule,
|
|
3082
3170
|
MatIconModule,
|
|
3083
3171
|
MatDatepickerModule,
|
|
@@ -3092,7 +3180,7 @@ class EcabsDateRangeModule {
|
|
|
3092
3180
|
MatInputModule,
|
|
3093
3181
|
EcabsDatePickerActionsModule] });
|
|
3094
3182
|
}
|
|
3095
|
-
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: [{
|
|
3096
3184
|
type: NgModule,
|
|
3097
3185
|
args: [{
|
|
3098
3186
|
declarations: [
|
|
@@ -3120,8 +3208,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
3120
3208
|
}] });
|
|
3121
3209
|
|
|
3122
3210
|
class EcabsDatePickerModule {
|
|
3123
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3124
|
-
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,
|
|
3125
3213
|
ElementWrapperModule,
|
|
3126
3214
|
MatIconModule,
|
|
3127
3215
|
MatDatepickerModule,
|
|
@@ -3131,7 +3219,7 @@ class EcabsDatePickerModule {
|
|
|
3131
3219
|
MatButtonModule,
|
|
3132
3220
|
MatInputModule,
|
|
3133
3221
|
EcabsDatePickerActionsModule], exports: [EcabsDatePickerComponent, EcabsDatePickerHeaderComponent] });
|
|
3134
|
-
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,
|
|
3135
3223
|
ElementWrapperModule,
|
|
3136
3224
|
MatIconModule,
|
|
3137
3225
|
MatDatepickerModule,
|
|
@@ -3142,7 +3230,7 @@ class EcabsDatePickerModule {
|
|
|
3142
3230
|
MatInputModule,
|
|
3143
3231
|
EcabsDatePickerActionsModule] });
|
|
3144
3232
|
}
|
|
3145
|
-
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: [{
|
|
3146
3234
|
type: NgModule,
|
|
3147
3235
|
args: [{
|
|
3148
3236
|
declarations: [EcabsDatePickerComponent, EcabsDatePickerHeaderComponent],
|
|
@@ -3168,10 +3256,10 @@ class EcabsDateTimeRangePickerHeaderComponent {
|
|
|
3168
3256
|
constructor(ecabsDatePickerHeaderService) {
|
|
3169
3257
|
this.ecabsDatePickerHeaderService = ecabsDatePickerHeaderService;
|
|
3170
3258
|
}
|
|
3171
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3172
|
-
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" }] });
|
|
3173
3261
|
}
|
|
3174
|
-
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: [{
|
|
3175
3263
|
type: Component,
|
|
3176
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"] }]
|
|
3177
3265
|
}], ctorParameters: () => [{ type: EcabsDatePickerHeaderService }], propDecorators: { headerLabel: [{
|
|
@@ -3222,10 +3310,10 @@ class EcabsMaskTimeDirective {
|
|
|
3222
3310
|
ngOnDestroy() {
|
|
3223
3311
|
this.maskedInputController.destroy();
|
|
3224
3312
|
}
|
|
3225
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3226
|
-
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 });
|
|
3227
3315
|
}
|
|
3228
|
-
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: [{
|
|
3229
3317
|
type: Directive,
|
|
3230
3318
|
args: [{
|
|
3231
3319
|
selector: '[ecabsTime]',
|
|
@@ -3430,8 +3518,8 @@ class EcabsDateTimeRangePickerComponent extends EcabsElementBaseComponent {
|
|
|
3430
3518
|
? this.maxValueMinutesSeconds.toString()
|
|
3431
3519
|
: min;
|
|
3432
3520
|
}
|
|
3433
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3434
|
-
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: [
|
|
3435
3523
|
{
|
|
3436
3524
|
provide: NG_VALUE_ACCESSOR,
|
|
3437
3525
|
useExisting: EcabsDateTimeRangePickerComponent,
|
|
@@ -3439,9 +3527,9 @@ class EcabsDateTimeRangePickerComponent extends EcabsElementBaseComponent {
|
|
|
3439
3527
|
},
|
|
3440
3528
|
DecimalPipe,
|
|
3441
3529
|
UnsubscribeService,
|
|
3442
|
-
], 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"], outputs: ["apply"] }, { kind: "directive", type: EcabsMaskTimeDirective, selector: "[ecabsTime]", inputs: ["timeRange", "all"] }] });
|
|
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"] }] });
|
|
3443
3531
|
}
|
|
3444
|
-
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: [{
|
|
3445
3533
|
type: Component,
|
|
3446
3534
|
args: [{ selector: 'ecabs-date-time-range-picker', providers: [
|
|
3447
3535
|
{
|
|
@@ -3469,11 +3557,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
3469
3557
|
}] } });
|
|
3470
3558
|
|
|
3471
3559
|
class EcabsMaskTimeDirectiveModule {
|
|
3472
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3473
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3474
|
-
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] });
|
|
3475
3563
|
}
|
|
3476
|
-
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: [{
|
|
3477
3565
|
type: NgModule,
|
|
3478
3566
|
args: [{
|
|
3479
3567
|
imports: [CommonModule],
|
|
@@ -3483,8 +3571,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
3483
3571
|
}] });
|
|
3484
3572
|
|
|
3485
3573
|
class EcabsDatetimeRangePickerModule {
|
|
3486
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3487
|
-
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,
|
|
3488
3576
|
EcabsDateTimeRangePickerHeaderComponent], imports: [CommonModule,
|
|
3489
3577
|
ElementWrapperModule,
|
|
3490
3578
|
MatIconModule,
|
|
@@ -3500,7 +3588,7 @@ class EcabsDatetimeRangePickerModule {
|
|
|
3500
3588
|
EcabsDatePickerActionsModule,
|
|
3501
3589
|
EcabsMaskTimeDirectiveModule], exports: [EcabsDateTimeRangePickerComponent,
|
|
3502
3590
|
EcabsDateTimeRangePickerHeaderComponent] });
|
|
3503
|
-
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,
|
|
3504
3592
|
ElementWrapperModule,
|
|
3505
3593
|
MatIconModule,
|
|
3506
3594
|
MatDatepickerModule,
|
|
@@ -3515,7 +3603,7 @@ class EcabsDatetimeRangePickerModule {
|
|
|
3515
3603
|
EcabsDatePickerActionsModule,
|
|
3516
3604
|
EcabsMaskTimeDirectiveModule] });
|
|
3517
3605
|
}
|
|
3518
|
-
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: [{
|
|
3519
3607
|
type: NgModule,
|
|
3520
3608
|
args: [{
|
|
3521
3609
|
declarations: [
|
|
@@ -3593,16 +3681,16 @@ class EcabsIncrementComponent extends EcabsElementBaseComponent {
|
|
|
3593
3681
|
decrement() {
|
|
3594
3682
|
this.value = +this.value - 1;
|
|
3595
3683
|
}
|
|
3596
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3597
|
-
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: [
|
|
3598
3686
|
{
|
|
3599
3687
|
provide: NG_VALUE_ACCESSOR,
|
|
3600
3688
|
useExisting: EcabsIncrementComponent,
|
|
3601
3689
|
multi: true,
|
|
3602
3690
|
},
|
|
3603
|
-
], 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"] }] });
|
|
3604
3692
|
}
|
|
3605
|
-
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: [{
|
|
3606
3694
|
type: Component,
|
|
3607
3695
|
args: [{ selector: 'ecabs-increment', providers: [
|
|
3608
3696
|
{
|
|
@@ -3610,7 +3698,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
3610
3698
|
useExisting: EcabsIncrementComponent,
|
|
3611
3699
|
multi: true,
|
|
3612
3700
|
},
|
|
3613
|
-
], 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"] }]
|
|
3614
3702
|
}], ctorParameters: () => [{ type: i0.Injector }], propDecorators: { digitsOnly: [{
|
|
3615
3703
|
type: Input
|
|
3616
3704
|
}], allowDecimal: [{
|
|
@@ -3622,21 +3710,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
3622
3710
|
}] } });
|
|
3623
3711
|
|
|
3624
3712
|
class EcabsIncrementModule {
|
|
3625
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3626
|
-
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,
|
|
3627
3715
|
MatInputModule,
|
|
3628
3716
|
MatIconModule,
|
|
3629
3717
|
ElementWrapperModule,
|
|
3630
3718
|
FormsModule,
|
|
3631
3719
|
EcabsDigitsOnlyDirectivesModule], exports: [EcabsIncrementComponent] });
|
|
3632
|
-
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,
|
|
3633
3721
|
MatInputModule,
|
|
3634
3722
|
MatIconModule,
|
|
3635
3723
|
ElementWrapperModule,
|
|
3636
3724
|
FormsModule,
|
|
3637
3725
|
EcabsDigitsOnlyDirectivesModule] });
|
|
3638
3726
|
}
|
|
3639
|
-
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: [{
|
|
3640
3728
|
type: NgModule,
|
|
3641
3729
|
args: [{
|
|
3642
3730
|
declarations: [EcabsIncrementComponent],
|
|
@@ -3953,10 +4041,10 @@ class CountryCode {
|
|
|
3953
4041
|
['Zimbabwe', 'zw', '263'],
|
|
3954
4042
|
['Åland Islands', 'ax', '358', 1],
|
|
3955
4043
|
];
|
|
3956
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3957
|
-
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 });
|
|
3958
4046
|
}
|
|
3959
|
-
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: [{
|
|
3960
4048
|
type: Injectable
|
|
3961
4049
|
}] });
|
|
3962
4050
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
@@ -4240,10 +4328,10 @@ class SearchPipe {
|
|
|
4240
4328
|
.toLowerCase()
|
|
4241
4329
|
.includes(searchCriteria.toLowerCase());
|
|
4242
4330
|
}
|
|
4243
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4244
|
-
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" });
|
|
4245
4333
|
}
|
|
4246
|
-
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: [{
|
|
4247
4335
|
type: Pipe,
|
|
4248
4336
|
args: [{
|
|
4249
4337
|
name: 'search',
|
|
@@ -4556,8 +4644,8 @@ class EcabsBasePhoneComponent {
|
|
|
4556
4644
|
}
|
|
4557
4645
|
this._previousFormattedNumber = this.phoneNumber?.toString();
|
|
4558
4646
|
}
|
|
4559
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4560
|
-
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: [
|
|
4561
4649
|
CountryCode,
|
|
4562
4650
|
{ provide: MatFormFieldControl, useExisting: EcabsBasePhoneComponent },
|
|
4563
4651
|
{
|
|
@@ -4567,7 +4655,7 @@ class EcabsBasePhoneComponent {
|
|
|
4567
4655
|
},
|
|
4568
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 });
|
|
4569
4657
|
}
|
|
4570
|
-
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: [{
|
|
4571
4659
|
type: Component,
|
|
4572
4660
|
args: [{ selector: 'ecabs-base-phone', standalone: false, providers: [
|
|
4573
4661
|
CountryCode,
|
|
@@ -4732,8 +4820,8 @@ class EcabsPhoneComponent extends EcabsElementBaseComponent {
|
|
|
4732
4820
|
}
|
|
4733
4821
|
this.control?.setErrors(this.phoneForm.get('phone').errors);
|
|
4734
4822
|
}
|
|
4735
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4736
|
-
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: [
|
|
4737
4825
|
{
|
|
4738
4826
|
provide: NG_VALUE_ACCESSOR,
|
|
4739
4827
|
useExisting: EcabsPhoneComponent,
|
|
@@ -4741,7 +4829,7 @@ class EcabsPhoneComponent extends EcabsElementBaseComponent {
|
|
|
4741
4829
|
},
|
|
4742
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"] }] });
|
|
4743
4831
|
}
|
|
4744
|
-
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: [{
|
|
4745
4833
|
type: Component,
|
|
4746
4834
|
args: [{ selector: 'ecabs-phone', standalone: false, providers: [
|
|
4747
4835
|
{
|
|
@@ -4773,8 +4861,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
4773
4861
|
}] } });
|
|
4774
4862
|
|
|
4775
4863
|
class EcabsBasePhoneModule {
|
|
4776
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4777
|
-
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,
|
|
4778
4866
|
MatIconModule,
|
|
4779
4867
|
RouterModule,
|
|
4780
4868
|
FormsModule,
|
|
@@ -4785,7 +4873,7 @@ class EcabsBasePhoneModule {
|
|
|
4785
4873
|
ReactiveFormsModule,
|
|
4786
4874
|
SearchPipe,
|
|
4787
4875
|
ElementWrapperModule], exports: [EcabsBasePhoneComponent] });
|
|
4788
|
-
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,
|
|
4789
4877
|
MatIconModule,
|
|
4790
4878
|
RouterModule,
|
|
4791
4879
|
FormsModule,
|
|
@@ -4796,7 +4884,7 @@ class EcabsBasePhoneModule {
|
|
|
4796
4884
|
ReactiveFormsModule,
|
|
4797
4885
|
ElementWrapperModule] });
|
|
4798
4886
|
}
|
|
4799
|
-
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: [{
|
|
4800
4888
|
type: NgModule,
|
|
4801
4889
|
args: [{
|
|
4802
4890
|
declarations: [EcabsBasePhoneComponent],
|
|
@@ -4818,19 +4906,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
4818
4906
|
}] });
|
|
4819
4907
|
|
|
4820
4908
|
class EcabsPhoneModule {
|
|
4821
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4822
|
-
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,
|
|
4823
4911
|
ElementWrapperModule,
|
|
4824
4912
|
FormsModule,
|
|
4825
4913
|
ReactiveFormsModule,
|
|
4826
4914
|
EcabsBasePhoneModule], exports: [EcabsPhoneComponent] });
|
|
4827
|
-
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,
|
|
4828
4916
|
ElementWrapperModule,
|
|
4829
4917
|
FormsModule,
|
|
4830
4918
|
ReactiveFormsModule,
|
|
4831
4919
|
EcabsBasePhoneModule] });
|
|
4832
4920
|
}
|
|
4833
|
-
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: [{
|
|
4834
4922
|
type: NgModule,
|
|
4835
4923
|
args: [{
|
|
4836
4924
|
declarations: [EcabsPhoneComponent],
|
|
@@ -4848,6 +4936,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
4848
4936
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
4849
4937
|
class EcabsRadioButtonListComponent extends EcabsElementBaseComponent {
|
|
4850
4938
|
injector;
|
|
4939
|
+
matRadioGroup;
|
|
4851
4940
|
items;
|
|
4852
4941
|
direction = 'horizontal';
|
|
4853
4942
|
changed = new EventEmitter();
|
|
@@ -4883,16 +4972,16 @@ class EcabsRadioButtonListComponent extends EcabsElementBaseComponent {
|
|
|
4883
4972
|
registerOnTouched(fn) {
|
|
4884
4973
|
this.onTouch = fn;
|
|
4885
4974
|
}
|
|
4886
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4887
|
-
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: [
|
|
4888
4977
|
{
|
|
4889
4978
|
provide: NG_VALUE_ACCESSOR,
|
|
4890
4979
|
useExisting: EcabsRadioButtonListComponent,
|
|
4891
4980
|
multi: true,
|
|
4892
4981
|
},
|
|
4893
|
-
], 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 (change)=\"changed.emit($event
|
|
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"] }] });
|
|
4894
4983
|
}
|
|
4895
|
-
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: [{
|
|
4896
4985
|
type: Component,
|
|
4897
4986
|
args: [{ selector: 'ecabs-radio-button-list', providers: [
|
|
4898
4987
|
{
|
|
@@ -4900,8 +4989,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
4900
4989
|
useExisting: EcabsRadioButtonListComponent,
|
|
4901
4990
|
multi: true,
|
|
4902
4991
|
},
|
|
4903
|
-
], 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 (change)=\"changed.emit($event
|
|
4904
|
-
}], ctorParameters: () => [{ type: i0.Injector }], propDecorators: {
|
|
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
|
+
}], ctorParameters: () => [{ type: i0.Injector }], propDecorators: { matRadioGroup: [{
|
|
4994
|
+
type: ViewChild,
|
|
4995
|
+
args: [MatRadioGroup, { static: false }]
|
|
4996
|
+
}], items: [{
|
|
4905
4997
|
type: Input
|
|
4906
4998
|
}], direction: [{
|
|
4907
4999
|
type: Input
|
|
@@ -4910,11 +5002,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
4910
5002
|
}] } });
|
|
4911
5003
|
|
|
4912
5004
|
class EcabsRadioButtonListModule {
|
|
4913
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4914
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
4915
|
-
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] });
|
|
4916
5008
|
}
|
|
4917
|
-
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: [{
|
|
4918
5010
|
type: NgModule,
|
|
4919
5011
|
args: [{
|
|
4920
5012
|
declarations: [EcabsRadioButtonListComponent],
|
|
@@ -4939,10 +5031,10 @@ class FormTimePickerService {
|
|
|
4939
5031
|
close() {
|
|
4940
5032
|
this.closeSub.next(true);
|
|
4941
5033
|
}
|
|
4942
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4943
|
-
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' });
|
|
4944
5036
|
}
|
|
4945
|
-
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: [{
|
|
4946
5038
|
type: Injectable,
|
|
4947
5039
|
args: [{
|
|
4948
5040
|
providedIn: 'root',
|
|
@@ -5077,10 +5169,10 @@ class EcabsTimeListPanelComponent {
|
|
|
5077
5169
|
setTime(value) {
|
|
5078
5170
|
this.closeMe.emit(value);
|
|
5079
5171
|
}
|
|
5080
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5081
|
-
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"] }] });
|
|
5082
5174
|
}
|
|
5083
|
-
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: [{
|
|
5084
5176
|
type: Component,
|
|
5085
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" }]
|
|
5086
5178
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: FormTimePickerService }], propDecorators: { typedValue: [{
|
|
@@ -5355,8 +5447,8 @@ class EcabsTimepickerComponent extends EcabsElementBaseComponent {
|
|
|
5355
5447
|
this.focusedFlag = false;
|
|
5356
5448
|
this.control?.markAsTouched();
|
|
5357
5449
|
}
|
|
5358
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5359
|
-
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: [
|
|
5360
5452
|
{
|
|
5361
5453
|
provide: NG_VALUE_ACCESSOR,
|
|
5362
5454
|
useExisting: forwardRef(() => EcabsTimepickerComponent),
|
|
@@ -5364,7 +5456,7 @@ class EcabsTimepickerComponent extends EcabsElementBaseComponent {
|
|
|
5364
5456
|
},
|
|
5365
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"] }] });
|
|
5366
5458
|
}
|
|
5367
|
-
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: [{
|
|
5368
5460
|
type: Component,
|
|
5369
5461
|
args: [{ selector: 'ecabs-timepicker', providers: [
|
|
5370
5462
|
{
|
|
@@ -5404,17 +5496,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
5404
5496
|
}] } });
|
|
5405
5497
|
|
|
5406
5498
|
class EcabsTimepickerModule {
|
|
5407
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5408
|
-
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,
|
|
5409
5501
|
ElementWrapperModule,
|
|
5410
5502
|
EcabsMaskTimeDirectiveModule,
|
|
5411
5503
|
FormsModule], exports: [EcabsTimeListPanelComponent, EcabsTimepickerComponent] });
|
|
5412
|
-
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,
|
|
5413
5505
|
ElementWrapperModule,
|
|
5414
5506
|
EcabsMaskTimeDirectiveModule,
|
|
5415
5507
|
FormsModule] });
|
|
5416
5508
|
}
|
|
5417
|
-
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: [{
|
|
5418
5510
|
type: NgModule,
|
|
5419
5511
|
args: [{
|
|
5420
5512
|
declarations: [EcabsTimepickerComponent, EcabsTimeListPanelComponent],
|
|
@@ -5442,10 +5534,10 @@ class EcabsEmptyPlaceholderComponent {
|
|
|
5442
5534
|
this.image = srcNothingHereImage;
|
|
5443
5535
|
}
|
|
5444
5536
|
}
|
|
5445
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5446
|
-
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"] }] });
|
|
5447
5539
|
}
|
|
5448
|
-
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: [{
|
|
5449
5541
|
type: Component,
|
|
5450
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" }]
|
|
5451
5543
|
}], propDecorators: { isEmptyMessage: [{
|
|
@@ -5457,11 +5549,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
5457
5549
|
}] } });
|
|
5458
5550
|
|
|
5459
5551
|
class EcabsEmptyPlaceholderModule {
|
|
5460
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5461
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
5462
|
-
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] });
|
|
5463
5555
|
}
|
|
5464
|
-
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: [{
|
|
5465
5557
|
type: NgModule,
|
|
5466
5558
|
args: [{
|
|
5467
5559
|
declarations: [EcabsEmptyPlaceholderComponent],
|
|
@@ -5489,11 +5581,15 @@ class EcabsExpansionPanelComponent {
|
|
|
5489
5581
|
hideToggle = false;
|
|
5490
5582
|
checked = new EventEmitter();
|
|
5491
5583
|
opened = new EventEmitter();
|
|
5584
|
+
closed = new EventEmitter();
|
|
5492
5585
|
expansionPanel;
|
|
5493
5586
|
toggle = false;
|
|
5494
5587
|
onOpened() {
|
|
5495
5588
|
this.opened.emit();
|
|
5496
5589
|
}
|
|
5590
|
+
onClosed() {
|
|
5591
|
+
this.closed.emit();
|
|
5592
|
+
}
|
|
5497
5593
|
ngOnChanges(changes) {
|
|
5498
5594
|
const { closePanel } = changes;
|
|
5499
5595
|
if (closePanel && this.expansionPanel) {
|
|
@@ -5507,12 +5603,12 @@ class EcabsExpansionPanelComponent {
|
|
|
5507
5603
|
event.stopPropagation();
|
|
5508
5604
|
this.checked.emit(this.expanded);
|
|
5509
5605
|
}
|
|
5510
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5511
|
-
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" }] });
|
|
5512
5608
|
}
|
|
5513
|
-
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: [{
|
|
5514
5610
|
type: Component,
|
|
5515
|
-
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"] }]
|
|
5516
5612
|
}], propDecorators: { title: [{
|
|
5517
5613
|
type: Input
|
|
5518
5614
|
}], description: [{
|
|
@@ -5549,21 +5645,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
5549
5645
|
type: Output
|
|
5550
5646
|
}], opened: [{
|
|
5551
5647
|
type: Output
|
|
5648
|
+
}], closed: [{
|
|
5649
|
+
type: Output
|
|
5552
5650
|
}], expansionPanel: [{
|
|
5553
5651
|
type: ViewChild,
|
|
5554
5652
|
args: [MatExpansionPanel]
|
|
5555
5653
|
}] } });
|
|
5556
5654
|
|
|
5557
5655
|
class EcabsExpansionPanelModule {
|
|
5558
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5559
|
-
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,
|
|
5560
5658
|
FormsModule,
|
|
5561
5659
|
MatButtonModule,
|
|
5562
5660
|
MatExpansionModule,
|
|
5563
5661
|
MatIconModule,
|
|
5564
5662
|
MatChipsModule,
|
|
5565
5663
|
EcabsCheckboxToggleModule], exports: [EcabsExpansionPanelComponent] });
|
|
5566
|
-
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,
|
|
5567
5665
|
FormsModule,
|
|
5568
5666
|
MatButtonModule,
|
|
5569
5667
|
MatExpansionModule,
|
|
@@ -5571,7 +5669,7 @@ class EcabsExpansionPanelModule {
|
|
|
5571
5669
|
MatChipsModule,
|
|
5572
5670
|
EcabsCheckboxToggleModule] });
|
|
5573
5671
|
}
|
|
5574
|
-
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: [{
|
|
5575
5673
|
type: NgModule,
|
|
5576
5674
|
args: [{
|
|
5577
5675
|
declarations: [EcabsExpansionPanelComponent],
|
|
@@ -5592,12 +5690,12 @@ class EcabsTableFilterWrapperComponent {
|
|
|
5592
5690
|
title;
|
|
5593
5691
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
5594
5692
|
actions;
|
|
5595
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5596
|
-
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"] }] });
|
|
5597
5695
|
}
|
|
5598
|
-
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: [{
|
|
5599
5697
|
type: Component,
|
|
5600
|
-
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"] }]
|
|
5601
5699
|
}], propDecorators: { title: [{
|
|
5602
5700
|
type: Input
|
|
5603
5701
|
}],
|
|
@@ -5607,11 +5705,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
5607
5705
|
}] } });
|
|
5608
5706
|
|
|
5609
5707
|
class EcabsTableFilterWrapperModule {
|
|
5610
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5611
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
5612
|
-
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] });
|
|
5613
5711
|
}
|
|
5614
|
-
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: [{
|
|
5615
5713
|
type: NgModule,
|
|
5616
5714
|
args: [{
|
|
5617
5715
|
declarations: [EcabsTableFilterWrapperComponent],
|
|
@@ -5636,10 +5734,10 @@ class TableComponent {
|
|
|
5636
5734
|
this.isEmpty = !this.table['_data']?.length;
|
|
5637
5735
|
}
|
|
5638
5736
|
}
|
|
5639
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5640
|
-
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"] }] });
|
|
5641
5739
|
}
|
|
5642
|
-
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: [{
|
|
5643
5741
|
type: Component,
|
|
5644
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"] }]
|
|
5645
5743
|
}], propDecorators: { table: [{
|
|
@@ -5664,17 +5762,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
5664
5762
|
}] } });
|
|
5665
5763
|
|
|
5666
5764
|
class EcabsTableModule {
|
|
5667
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5668
|
-
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,
|
|
5669
5767
|
MatProgressBarModule,
|
|
5670
5768
|
RouterModule,
|
|
5671
5769
|
EcabsEmptyPlaceholderModule], exports: [TableComponent, MatTableModule, EcabsEmptyPlaceholderModule] });
|
|
5672
|
-
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,
|
|
5673
5771
|
MatProgressBarModule,
|
|
5674
5772
|
RouterModule,
|
|
5675
5773
|
EcabsEmptyPlaceholderModule, MatTableModule, EcabsEmptyPlaceholderModule] });
|
|
5676
5774
|
}
|
|
5677
|
-
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: [{
|
|
5678
5776
|
type: NgModule,
|
|
5679
5777
|
args: [{
|
|
5680
5778
|
declarations: [TableComponent],
|
|
@@ -5702,22 +5800,22 @@ class EcabsNoteComponent {
|
|
|
5702
5800
|
return 'note--default';
|
|
5703
5801
|
}
|
|
5704
5802
|
}
|
|
5705
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5706
|
-
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"] }] });
|
|
5707
5805
|
}
|
|
5708
|
-
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: [{
|
|
5709
5807
|
type: Component,
|
|
5710
|
-
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"] }]
|
|
5711
5809
|
}], propDecorators: { type: [{
|
|
5712
5810
|
type: Input
|
|
5713
5811
|
}] } });
|
|
5714
5812
|
|
|
5715
5813
|
class EcabsNoteModule {
|
|
5716
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5717
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
5718
|
-
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] });
|
|
5719
5817
|
}
|
|
5720
|
-
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: [{
|
|
5721
5819
|
type: NgModule,
|
|
5722
5820
|
args: [{
|
|
5723
5821
|
declarations: [EcabsNoteComponent],
|
|
@@ -5743,7 +5841,6 @@ class EcabsDialogConfirmComponent {
|
|
|
5743
5841
|
}
|
|
5744
5842
|
translations;
|
|
5745
5843
|
ngOnInit() {
|
|
5746
|
-
this.dialogRef.updateSize(this.data.width || '24rem');
|
|
5747
5844
|
this.componentsService
|
|
5748
5845
|
.getConfig()
|
|
5749
5846
|
.pipe(takeUntilDestroyed(this.destroyRef))
|
|
@@ -5783,10 +5880,10 @@ class EcabsDialogConfirmComponent {
|
|
|
5783
5880
|
closeOnPopover() {
|
|
5784
5881
|
this.dialogRef.close(this.data.popoverResult ?? false);
|
|
5785
5882
|
}
|
|
5786
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5787
|
-
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" }] });
|
|
5788
5885
|
}
|
|
5789
|
-
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: [{
|
|
5790
5887
|
type: Component,
|
|
5791
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"] }]
|
|
5792
5889
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -5795,11 +5892,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
5795
5892
|
}] }, { type: i1$2.MatDialogRef }, { type: UnsubscribeService }, { type: EcabsComponentsService }, { type: i0.DestroyRef }] });
|
|
5796
5893
|
|
|
5797
5894
|
class EcabsDialogConfirmModule {
|
|
5798
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5799
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
5800
|
-
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] });
|
|
5801
5898
|
}
|
|
5802
|
-
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: [{
|
|
5803
5900
|
type: NgModule,
|
|
5804
5901
|
args: [{
|
|
5805
5902
|
declarations: [EcabsDialogConfirmComponent],
|
|
@@ -5849,23 +5946,23 @@ class EcabsDialogMessageComponent {
|
|
|
5849
5946
|
this.dialogRef.close(true);
|
|
5850
5947
|
}
|
|
5851
5948
|
}
|
|
5852
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5853
|
-
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" }] });
|
|
5854
5951
|
}
|
|
5855
|
-
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: [{
|
|
5856
5953
|
type: Component,
|
|
5857
|
-
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"] }]
|
|
5858
5955
|
}], ctorParameters: () => [{ type: i1$2.MatDialogRef }, { type: undefined, decorators: [{
|
|
5859
5956
|
type: Inject,
|
|
5860
5957
|
args: [MAT_DIALOG_DATA]
|
|
5861
5958
|
}] }] });
|
|
5862
5959
|
|
|
5863
5960
|
class EcabsDialogMessageModule {
|
|
5864
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5865
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
5866
|
-
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] });
|
|
5867
5964
|
}
|
|
5868
|
-
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: [{
|
|
5869
5966
|
type: NgModule,
|
|
5870
5967
|
args: [{
|
|
5871
5968
|
declarations: [EcabsDialogMessageComponent],
|
|
@@ -5875,10 +5972,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
5875
5972
|
|
|
5876
5973
|
class EcabsBreadcrumbComponent {
|
|
5877
5974
|
breadcrumb;
|
|
5878
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5879
|
-
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 });
|
|
5880
5977
|
}
|
|
5881
|
-
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: [{
|
|
5882
5979
|
type: Component,
|
|
5883
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" }]
|
|
5884
5981
|
}], propDecorators: { breadcrumb: [{
|
|
@@ -5886,11 +5983,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
5886
5983
|
}] } });
|
|
5887
5984
|
|
|
5888
5985
|
class EcabsBreadcrumbModule {
|
|
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.
|
|
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] });
|
|
5892
5989
|
}
|
|
5893
|
-
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: [{
|
|
5894
5991
|
type: NgModule,
|
|
5895
5992
|
args: [{
|
|
5896
5993
|
declarations: [EcabsBreadcrumbComponent],
|
|
@@ -5935,12 +6032,12 @@ class EcabsLanguageSelectorComponent {
|
|
|
5935
6032
|
});
|
|
5936
6033
|
return lang.of(code);
|
|
5937
6034
|
}
|
|
5938
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5939
|
-
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"] }] });
|
|
5940
6037
|
}
|
|
5941
|
-
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: [{
|
|
5942
6039
|
type: Component,
|
|
5943
|
-
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"] }]
|
|
5944
6041
|
}], propDecorators: { languages: [{
|
|
5945
6042
|
type: Input
|
|
5946
6043
|
}], currentLanguage: [{
|
|
@@ -5956,19 +6053,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
5956
6053
|
}] } });
|
|
5957
6054
|
|
|
5958
6055
|
class EcabsLanguageSelectorModule {
|
|
5959
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5960
|
-
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,
|
|
5961
6058
|
MatSelectModule,
|
|
5962
6059
|
FormsModule,
|
|
5963
6060
|
ReactiveFormsModule,
|
|
5964
6061
|
MatTooltipModule], exports: [EcabsLanguageSelectorComponent] });
|
|
5965
|
-
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,
|
|
5966
6063
|
MatSelectModule,
|
|
5967
6064
|
FormsModule,
|
|
5968
6065
|
ReactiveFormsModule,
|
|
5969
6066
|
MatTooltipModule] });
|
|
5970
6067
|
}
|
|
5971
|
-
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: [{
|
|
5972
6069
|
type: NgModule,
|
|
5973
6070
|
args: [{
|
|
5974
6071
|
declarations: [EcabsLanguageSelectorComponent],
|
|
@@ -6005,10 +6102,10 @@ class EcabsDynamicBgColorDirective {
|
|
|
6005
6102
|
const h = hash % 360;
|
|
6006
6103
|
el.nativeElement.style.backgroundColor = `hsl(${h}, ${this.saturation}%, ${this.lightness}%)`;
|
|
6007
6104
|
}
|
|
6008
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6009
|
-
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 });
|
|
6010
6107
|
}
|
|
6011
|
-
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: [{
|
|
6012
6109
|
type: Directive,
|
|
6013
6110
|
args: [{
|
|
6014
6111
|
selector: '[ecabsDynamicBgColor]',
|
|
@@ -6023,11 +6120,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
6023
6120
|
}] } });
|
|
6024
6121
|
|
|
6025
6122
|
class EcabsDynamicBgColorDirectiveModule {
|
|
6026
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6027
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
6028
|
-
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] });
|
|
6029
6126
|
}
|
|
6030
|
-
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: [{
|
|
6031
6128
|
type: NgModule,
|
|
6032
6129
|
args: [{
|
|
6033
6130
|
imports: [CommonModule],
|
|
@@ -6169,10 +6266,10 @@ class EcabsPaginatorDirective {
|
|
|
6169
6266
|
return this._rangeEnd;
|
|
6170
6267
|
}
|
|
6171
6268
|
}
|
|
6172
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6173
|
-
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 });
|
|
6174
6271
|
}
|
|
6175
|
-
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: [{
|
|
6176
6273
|
type: Directive,
|
|
6177
6274
|
args: [{
|
|
6178
6275
|
selector: '[ecabsPaginator]',
|
|
@@ -6191,11 +6288,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
6191
6288
|
}] } });
|
|
6192
6289
|
|
|
6193
6290
|
class EcabsPaginatorDirectiveModule {
|
|
6194
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6195
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
6196
|
-
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] });
|
|
6197
6294
|
}
|
|
6198
|
-
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: [{
|
|
6199
6296
|
type: NgModule,
|
|
6200
6297
|
args: [{
|
|
6201
6298
|
imports: [CommonModule],
|
|
@@ -6223,10 +6320,10 @@ class EcabsCheckPermissionsDirective {
|
|
|
6223
6320
|
}
|
|
6224
6321
|
}
|
|
6225
6322
|
}
|
|
6226
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6227
|
-
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 });
|
|
6228
6325
|
}
|
|
6229
|
-
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: [{
|
|
6230
6327
|
type: Directive,
|
|
6231
6328
|
args: [{
|
|
6232
6329
|
selector: '[ecabsCheckPermissions]',
|
|
@@ -6239,11 +6336,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
6239
6336
|
}] } });
|
|
6240
6337
|
|
|
6241
6338
|
class EcabsCheckPermissionDirectiveModule {
|
|
6242
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6243
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
6244
|
-
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] });
|
|
6245
6342
|
}
|
|
6246
|
-
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: [{
|
|
6247
6344
|
type: NgModule,
|
|
6248
6345
|
args: [{
|
|
6249
6346
|
imports: [CommonModule],
|
|
@@ -6270,10 +6367,10 @@ class EcabsDomObserverDirective {
|
|
|
6270
6367
|
ngOnDestroy() {
|
|
6271
6368
|
this.changes.disconnect();
|
|
6272
6369
|
}
|
|
6273
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6274
|
-
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 });
|
|
6275
6372
|
}
|
|
6276
|
-
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: [{
|
|
6277
6374
|
type: Directive,
|
|
6278
6375
|
args: [{
|
|
6279
6376
|
selector: '[ecabsDomObserver]',
|
|
@@ -6284,11 +6381,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
6284
6381
|
}] } });
|
|
6285
6382
|
|
|
6286
6383
|
class EcabsDomObserverDirectiveModule {
|
|
6287
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6288
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
6289
|
-
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] });
|
|
6290
6387
|
}
|
|
6291
|
-
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: [{
|
|
6292
6389
|
type: NgModule,
|
|
6293
6390
|
args: [{
|
|
6294
6391
|
imports: [CommonModule],
|
|
@@ -6314,10 +6411,10 @@ class EcabsFileDropDirective {
|
|
|
6314
6411
|
onDragLeave() {
|
|
6315
6412
|
this.filesHovered.emit(false);
|
|
6316
6413
|
}
|
|
6317
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6318
|
-
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 });
|
|
6319
6416
|
}
|
|
6320
|
-
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: [{
|
|
6321
6418
|
type: Directive,
|
|
6322
6419
|
args: [{
|
|
6323
6420
|
selector: '[ecabsFileDrop]',
|
|
@@ -6339,11 +6436,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
6339
6436
|
}] } });
|
|
6340
6437
|
|
|
6341
6438
|
class EcabsFileDropDirectiveModule {
|
|
6342
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6343
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
6344
|
-
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] });
|
|
6345
6442
|
}
|
|
6346
|
-
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: [{
|
|
6347
6444
|
type: NgModule,
|
|
6348
6445
|
args: [{
|
|
6349
6446
|
imports: [CommonModule],
|
|
@@ -6394,10 +6491,10 @@ class EcabsTimeRangeDirective {
|
|
|
6394
6491
|
ngOnDestroy() {
|
|
6395
6492
|
this.maskedInputController.destroy();
|
|
6396
6493
|
}
|
|
6397
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6398
|
-
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 });
|
|
6399
6496
|
}
|
|
6400
|
-
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: [{
|
|
6401
6498
|
type: Directive,
|
|
6402
6499
|
args: [{
|
|
6403
6500
|
selector: '[ecabsTimeRange]',
|
|
@@ -6412,11 +6509,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
6412
6509
|
}] } });
|
|
6413
6510
|
|
|
6414
6511
|
class EcabsTimeRangeDirectiveModule {
|
|
6415
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6416
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
6417
|
-
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] });
|
|
6418
6515
|
}
|
|
6419
|
-
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: [{
|
|
6420
6517
|
type: NgModule,
|
|
6421
6518
|
args: [{
|
|
6422
6519
|
imports: [CommonModule],
|
|
@@ -6435,10 +6532,10 @@ class EcabsUppercaseMaskDirective {
|
|
|
6435
6532
|
this.control.control.setValue(input.value.toUpperCase());
|
|
6436
6533
|
input.setSelectionRange(position, position);
|
|
6437
6534
|
}
|
|
6438
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6439
|
-
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 });
|
|
6440
6537
|
}
|
|
6441
|
-
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: [{
|
|
6442
6539
|
type: Directive,
|
|
6443
6540
|
args: [{
|
|
6444
6541
|
selector: '[formControlName][ecabsUppercaseInput]',
|
|
@@ -6450,11 +6547,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
6450
6547
|
}] } });
|
|
6451
6548
|
|
|
6452
6549
|
class EcabsUppercaseMaskDirectiveModule {
|
|
6453
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6454
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
6455
|
-
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] });
|
|
6456
6553
|
}
|
|
6457
|
-
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: [{
|
|
6458
6555
|
type: NgModule,
|
|
6459
6556
|
args: [{
|
|
6460
6557
|
imports: [CommonModule],
|
|
@@ -6472,10 +6569,10 @@ class EcabsAttachEmbeddedViewDirective {
|
|
|
6472
6569
|
ngAfterViewInit() {
|
|
6473
6570
|
setTimeout(() => this.viewContainerRef.createEmbeddedView(this.embeddedTemplate));
|
|
6474
6571
|
}
|
|
6475
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6476
|
-
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 });
|
|
6477
6574
|
}
|
|
6478
|
-
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: [{
|
|
6479
6576
|
type: Directive,
|
|
6480
6577
|
args: [{
|
|
6481
6578
|
selector: '[ecabsAttachEmbeddedView]',
|
|
@@ -6486,11 +6583,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
6486
6583
|
}] } });
|
|
6487
6584
|
|
|
6488
6585
|
class EcabsAttachEmbeddedViewDirectiveModule {
|
|
6489
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6490
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
6491
|
-
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] });
|
|
6492
6589
|
}
|
|
6493
|
-
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: [{
|
|
6494
6591
|
type: NgModule,
|
|
6495
6592
|
args: [{
|
|
6496
6593
|
imports: [CommonModule],
|
|
@@ -6511,10 +6608,10 @@ class EcabsElementMultiplierDirective {
|
|
|
6511
6608
|
this.templateRef = templateRef;
|
|
6512
6609
|
this.viewContainer = viewContainer;
|
|
6513
6610
|
}
|
|
6514
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6515
|
-
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 });
|
|
6516
6613
|
}
|
|
6517
|
-
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: [{
|
|
6518
6615
|
type: Directive,
|
|
6519
6616
|
args: [{
|
|
6520
6617
|
selector: '[ecabsElementMultiplier]',
|
|
@@ -6525,11 +6622,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
6525
6622
|
}] } });
|
|
6526
6623
|
|
|
6527
6624
|
class EcabsElementMultiplierDirectiveModule {
|
|
6528
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6529
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
6530
|
-
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] });
|
|
6531
6628
|
}
|
|
6532
|
-
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: [{
|
|
6533
6630
|
type: NgModule,
|
|
6534
6631
|
args: [{
|
|
6535
6632
|
imports: [CommonModule],
|
|
@@ -6551,10 +6648,10 @@ class EcabsShowOnTruncatedDirective {
|
|
|
6551
6648
|
this.matTooltip.disabled = element.scrollWidth <= element.clientWidth;
|
|
6552
6649
|
});
|
|
6553
6650
|
}
|
|
6554
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6555
|
-
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 });
|
|
6556
6653
|
}
|
|
6557
|
-
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: [{
|
|
6558
6655
|
type: Directive,
|
|
6559
6656
|
args: [{
|
|
6560
6657
|
selector: '[matTooltip][ecabsShowOnTruncated]',
|
|
@@ -6563,11 +6660,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
6563
6660
|
}], ctorParameters: () => [{ type: i1$1.MatTooltip }, { type: i0.ElementRef }] });
|
|
6564
6661
|
|
|
6565
6662
|
class EcabsShowOnTruncatedDirectiveModule {
|
|
6566
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6567
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
6568
|
-
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] });
|
|
6569
6666
|
}
|
|
6570
|
-
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: [{
|
|
6571
6668
|
type: NgModule,
|
|
6572
6669
|
args: [{
|
|
6573
6670
|
imports: [CommonModule],
|
|
@@ -6580,10 +6677,10 @@ class EcabsValidationComponent {
|
|
|
6580
6677
|
validations;
|
|
6581
6678
|
form;
|
|
6582
6679
|
title;
|
|
6583
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6584
|
-
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"] }] });
|
|
6585
6682
|
}
|
|
6586
|
-
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: [{
|
|
6587
6684
|
type: Component,
|
|
6588
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"] }]
|
|
6589
6686
|
}], propDecorators: { validations: [{
|
|
@@ -6595,11 +6692,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
6595
6692
|
}] } });
|
|
6596
6693
|
|
|
6597
6694
|
class EcabsValidationViewModule {
|
|
6598
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6599
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
6600
|
-
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] });
|
|
6601
6698
|
}
|
|
6602
|
-
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: [{
|
|
6603
6700
|
type: NgModule,
|
|
6604
6701
|
args: [{
|
|
6605
6702
|
declarations: [EcabsValidationComponent],
|
|
@@ -6619,10 +6716,10 @@ class EcabsActiveStatusFilterComponent {
|
|
|
6619
6716
|
checkSelectableStatus(status) {
|
|
6620
6717
|
return this.initialStatus === status;
|
|
6621
6718
|
}
|
|
6622
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6623
|
-
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"] }] });
|
|
6624
6721
|
}
|
|
6625
|
-
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: [{
|
|
6626
6723
|
type: Component,
|
|
6627
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" }]
|
|
6628
6725
|
}], propDecorators: { statuses: [{
|
|
@@ -6634,11 +6731,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
6634
6731
|
}] } });
|
|
6635
6732
|
|
|
6636
6733
|
class EcabsActiveStatusFilterModule {
|
|
6637
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6638
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
6639
|
-
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] });
|
|
6640
6737
|
}
|
|
6641
|
-
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: [{
|
|
6642
6739
|
type: NgModule,
|
|
6643
6740
|
args: [{
|
|
6644
6741
|
declarations: [EcabsActiveStatusFilterComponent],
|
|
@@ -6666,10 +6763,10 @@ class EcabsProfileComponent {
|
|
|
6666
6763
|
.toLocaleUpperCase();
|
|
6667
6764
|
}
|
|
6668
6765
|
}
|
|
6669
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6670
|
-
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"] }] });
|
|
6671
6768
|
}
|
|
6672
|
-
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: [{
|
|
6673
6770
|
type: Component,
|
|
6674
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"] }]
|
|
6675
6772
|
}], propDecorators: { avatar: [{
|
|
@@ -6683,11 +6780,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
6683
6780
|
}] } });
|
|
6684
6781
|
|
|
6685
6782
|
class EcabsProfileModule {
|
|
6686
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6687
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
6688
|
-
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] });
|
|
6689
6786
|
}
|
|
6690
|
-
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: [{
|
|
6691
6788
|
type: NgModule,
|
|
6692
6789
|
args: [{
|
|
6693
6790
|
declarations: [EcabsProfileComponent],
|
|
@@ -6706,10 +6803,10 @@ class HeaderService {
|
|
|
6706
6803
|
getHeaderTemplate() {
|
|
6707
6804
|
return this.template$.pipe(map$1((template) => template));
|
|
6708
6805
|
}
|
|
6709
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6710
|
-
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' });
|
|
6711
6808
|
}
|
|
6712
|
-
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: [{
|
|
6713
6810
|
type: Injectable,
|
|
6714
6811
|
args: [{
|
|
6715
6812
|
providedIn: 'root',
|
|
@@ -6745,10 +6842,10 @@ class EcabsHeaderComponent {
|
|
|
6745
6842
|
ngOnDestroy() {
|
|
6746
6843
|
this.subscription.unsubscribe();
|
|
6747
6844
|
}
|
|
6748
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6749
|
-
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"] }] });
|
|
6750
6847
|
}
|
|
6751
|
-
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: [{
|
|
6752
6849
|
type: Component,
|
|
6753
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"] }]
|
|
6754
6851
|
}], ctorParameters: () => [{ type: HeaderService }], propDecorators: { basicHeader: [{
|
|
@@ -6769,17 +6866,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
6769
6866
|
}] } });
|
|
6770
6867
|
|
|
6771
6868
|
class EcabsHeaderModule {
|
|
6772
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6773
|
-
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,
|
|
6774
6871
|
EcabsBreadcrumbModule,
|
|
6775
6872
|
EcabsProfileModule,
|
|
6776
6873
|
MatIconModule], exports: [EcabsHeaderComponent] });
|
|
6777
|
-
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,
|
|
6778
6875
|
EcabsBreadcrumbModule,
|
|
6779
6876
|
EcabsProfileModule,
|
|
6780
6877
|
MatIconModule] });
|
|
6781
6878
|
}
|
|
6782
|
-
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: [{
|
|
6783
6880
|
type: NgModule,
|
|
6784
6881
|
args: [{
|
|
6785
6882
|
declarations: [EcabsHeaderComponent],
|
|
@@ -6870,8 +6967,8 @@ class EcabsSliderComponent extends EcabsElementBaseComponent {
|
|
|
6870
6967
|
registerOnTouched(fn) {
|
|
6871
6968
|
this.onTouch = fn;
|
|
6872
6969
|
}
|
|
6873
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6874
|
-
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: [
|
|
6875
6972
|
{
|
|
6876
6973
|
provide: NG_VALUE_ACCESSOR,
|
|
6877
6974
|
useExisting: EcabsSliderComponent,
|
|
@@ -6879,7 +6976,7 @@ class EcabsSliderComponent extends EcabsElementBaseComponent {
|
|
|
6879
6976
|
},
|
|
6880
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"] }] });
|
|
6881
6978
|
}
|
|
6882
|
-
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: [{
|
|
6883
6980
|
type: Component,
|
|
6884
6981
|
args: [{ selector: 'ecabs-slider', standalone: false, providers: [
|
|
6885
6982
|
{
|
|
@@ -6902,19 +6999,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
6902
6999
|
}] } });
|
|
6903
7000
|
|
|
6904
7001
|
class EcabsSliderModule {
|
|
6905
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6906
|
-
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,
|
|
6907
7004
|
ElementWrapperModule,
|
|
6908
7005
|
FormsModule,
|
|
6909
7006
|
ReactiveFormsModule,
|
|
6910
7007
|
NgxSliderModule], exports: [EcabsSliderComponent] });
|
|
6911
|
-
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,
|
|
6912
7009
|
ElementWrapperModule,
|
|
6913
7010
|
FormsModule,
|
|
6914
7011
|
ReactiveFormsModule,
|
|
6915
7012
|
NgxSliderModule] });
|
|
6916
7013
|
}
|
|
6917
|
-
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: [{
|
|
6918
7015
|
type: NgModule,
|
|
6919
7016
|
args: [{
|
|
6920
7017
|
declarations: [EcabsSliderComponent],
|
|
@@ -6936,10 +7033,10 @@ class EcabsTruncatePipe {
|
|
|
6936
7033
|
}
|
|
6937
7034
|
return value?.length > limit ? value.substr(0, limit) + trail : value;
|
|
6938
7035
|
}
|
|
6939
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6940
|
-
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" });
|
|
6941
7038
|
}
|
|
6942
|
-
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: [{
|
|
6943
7040
|
type: Pipe,
|
|
6944
7041
|
args: [{
|
|
6945
7042
|
name: 'truncate',
|
|
@@ -6948,11 +7045,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
6948
7045
|
}] });
|
|
6949
7046
|
|
|
6950
7047
|
class EcabsPipesModule {
|
|
6951
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6952
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
6953
|
-
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] });
|
|
6954
7051
|
}
|
|
6955
|
-
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: [{
|
|
6956
7053
|
type: NgModule,
|
|
6957
7054
|
args: [{
|
|
6958
7055
|
declarations: [EcabsTruncatePipe],
|
|
@@ -7085,10 +7182,10 @@ class EcabsMenuItemsComponent {
|
|
|
7085
7182
|
});
|
|
7086
7183
|
}
|
|
7087
7184
|
}
|
|
7088
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
7089
|
-
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" }] });
|
|
7090
7187
|
}
|
|
7091
|
-
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: [{
|
|
7092
7189
|
type: Component,
|
|
7093
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"] }]
|
|
7094
7191
|
}], ctorParameters: () => [{ type: UnsubscribeService }, { type: i4.MatIconRegistry }, { type: i3$5.DomSanitizer }, { type: i4$2.Router }], propDecorators: { menuItems: [{
|
|
@@ -7118,10 +7215,10 @@ class EcabsSidebarComponent {
|
|
|
7118
7215
|
this.minimizeSidebar = !this.minimizeSidebar;
|
|
7119
7216
|
this.sidebarChange.emit(this.minimizeSidebar);
|
|
7120
7217
|
}
|
|
7121
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
7122
|
-
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"] }] });
|
|
7123
7220
|
}
|
|
7124
|
-
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: [{
|
|
7125
7222
|
type: Component,
|
|
7126
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" }]
|
|
7127
7224
|
}], propDecorators: { allMenuItems: [{
|
|
@@ -7141,17 +7238,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
7141
7238
|
}] } });
|
|
7142
7239
|
|
|
7143
7240
|
class EcabsMenuItemsModule {
|
|
7144
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
7145
|
-
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,
|
|
7146
7243
|
RouterLink,
|
|
7147
7244
|
RouterLinkActive,
|
|
7148
7245
|
MatIconModule,
|
|
7149
7246
|
EcabsPipesModule], exports: [EcabsMenuItemsComponent] });
|
|
7150
|
-
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,
|
|
7151
7248
|
MatIconModule,
|
|
7152
7249
|
EcabsPipesModule] });
|
|
7153
7250
|
}
|
|
7154
|
-
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: [{
|
|
7155
7252
|
type: NgModule,
|
|
7156
7253
|
args: [{
|
|
7157
7254
|
declarations: [EcabsMenuItemsComponent],
|
|
@@ -7171,10 +7268,10 @@ class EcabsLogoComponent {
|
|
|
7171
7268
|
logo;
|
|
7172
7269
|
subtitle;
|
|
7173
7270
|
logoAlt;
|
|
7174
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
7175
|
-
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"] }] });
|
|
7176
7273
|
}
|
|
7177
|
-
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: [{
|
|
7178
7275
|
type: Component,
|
|
7179
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"] }]
|
|
7180
7277
|
}], propDecorators: { collapsed: [{
|
|
@@ -7188,11 +7285,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
7188
7285
|
}] } });
|
|
7189
7286
|
|
|
7190
7287
|
class EcabsLogoModule {
|
|
7191
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
7192
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
7193
|
-
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] });
|
|
7194
7291
|
}
|
|
7195
|
-
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: [{
|
|
7196
7293
|
type: NgModule,
|
|
7197
7294
|
args: [{
|
|
7198
7295
|
declarations: [EcabsLogoComponent],
|
|
@@ -7202,22 +7299,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
7202
7299
|
}] });
|
|
7203
7300
|
|
|
7204
7301
|
class EcabsSidebarModule {
|
|
7205
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
7206
|
-
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,
|
|
7207
7304
|
EcabsLanguageSelectorModule,
|
|
7208
7305
|
EcabsMenuItemsModule,
|
|
7209
7306
|
MatIconModule,
|
|
7210
7307
|
RouterLink,
|
|
7211
7308
|
EcabsLogoModule,
|
|
7212
7309
|
MatSidenavModule], exports: [EcabsSidebarComponent] });
|
|
7213
|
-
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,
|
|
7214
7311
|
EcabsLanguageSelectorModule,
|
|
7215
7312
|
EcabsMenuItemsModule,
|
|
7216
7313
|
MatIconModule,
|
|
7217
7314
|
EcabsLogoModule,
|
|
7218
7315
|
MatSidenavModule] });
|
|
7219
7316
|
}
|
|
7220
|
-
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: [{
|
|
7221
7318
|
type: NgModule,
|
|
7222
7319
|
args: [{
|
|
7223
7320
|
declarations: [EcabsSidebarComponent],
|
|
@@ -7326,8 +7423,8 @@ class EcabsPlaceAutocompleteComponent extends EcabsElementBaseComponent {
|
|
|
7326
7423
|
getElement() {
|
|
7327
7424
|
return this.elementRef.nativeElement.querySelector('.form-field__input');
|
|
7328
7425
|
}
|
|
7329
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
7330
|
-
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: [
|
|
7331
7428
|
UnsubscribeService,
|
|
7332
7429
|
{
|
|
7333
7430
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -7336,7 +7433,7 @@ class EcabsPlaceAutocompleteComponent extends EcabsElementBaseComponent {
|
|
|
7336
7433
|
},
|
|
7337
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"] }] });
|
|
7338
7435
|
}
|
|
7339
|
-
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: [{
|
|
7340
7437
|
type: Component,
|
|
7341
7438
|
args: [{ selector: 'ecabs-place-autocomplete', providers: [
|
|
7342
7439
|
UnsubscribeService,
|
|
@@ -7366,11 +7463,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
7366
7463
|
}] } });
|
|
7367
7464
|
|
|
7368
7465
|
class EcabsPlaceAutocompleteModule {
|
|
7369
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
7370
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
7371
|
-
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] });
|
|
7372
7469
|
}
|
|
7373
|
-
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: [{
|
|
7374
7471
|
type: NgModule,
|
|
7375
7472
|
args: [{
|
|
7376
7473
|
declarations: [EcabsPlaceAutocompleteComponent],
|
|
@@ -7498,17 +7595,17 @@ class EcabsMultipleDatesPickerComponent extends EcabsElementBaseComponent {
|
|
|
7498
7595
|
_findDate(date) {
|
|
7499
7596
|
return this.model.map((m) => +m).indexOf(+date);
|
|
7500
7597
|
}
|
|
7501
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
7502
|
-
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: [
|
|
7503
7600
|
{
|
|
7504
7601
|
provide: NG_VALUE_ACCESSOR,
|
|
7505
7602
|
useExisting: EcabsMultipleDatesPickerComponent,
|
|
7506
7603
|
multi: true,
|
|
7507
7604
|
},
|
|
7508
7605
|
UnsubscribeService,
|
|
7509
|
-
], 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" }] });
|
|
7510
7607
|
}
|
|
7511
|
-
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: [{
|
|
7512
7609
|
type: Component,
|
|
7513
7610
|
args: [{ selector: 'ecabs-multiple-dates-picker', providers: [
|
|
7514
7611
|
{
|
|
@@ -7517,7 +7614,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
7517
7614
|
multi: true,
|
|
7518
7615
|
},
|
|
7519
7616
|
UnsubscribeService,
|
|
7520
|
-
], 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"] }]
|
|
7521
7618
|
}], ctorParameters: () => [{ type: i0.Injector }, { type: EcabsDatePickerHeaderService }, { type: UnsubscribeService }], propDecorators: { _picker: [{
|
|
7522
7619
|
type: ViewChild,
|
|
7523
7620
|
args: ['picker', { static: true }]
|
|
@@ -7542,8 +7639,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
7542
7639
|
}] } });
|
|
7543
7640
|
|
|
7544
7641
|
class EcabsMultipleDatesPickerModule {
|
|
7545
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
7546
|
-
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,
|
|
7547
7644
|
ElementWrapperModule,
|
|
7548
7645
|
MatIconModule,
|
|
7549
7646
|
MatDatepickerModule,
|
|
@@ -7554,7 +7651,7 @@ class EcabsMultipleDatesPickerModule {
|
|
|
7554
7651
|
ReactiveFormsModule,
|
|
7555
7652
|
EcabsPickerHeaderModule,
|
|
7556
7653
|
EcabsDatePickerActionsModule], exports: [EcabsMultipleDatesPickerComponent] });
|
|
7557
|
-
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,
|
|
7558
7655
|
ElementWrapperModule,
|
|
7559
7656
|
MatIconModule,
|
|
7560
7657
|
MatDatepickerModule,
|
|
@@ -7566,7 +7663,7 @@ class EcabsMultipleDatesPickerModule {
|
|
|
7566
7663
|
EcabsPickerHeaderModule,
|
|
7567
7664
|
EcabsDatePickerActionsModule] });
|
|
7568
7665
|
}
|
|
7569
|
-
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: [{
|
|
7570
7667
|
type: NgModule,
|
|
7571
7668
|
args: [{
|
|
7572
7669
|
declarations: [EcabsMultipleDatesPickerComponent],
|
|
@@ -7678,10 +7775,10 @@ class EcabsDateAdapter extends NativeDateAdapter {
|
|
|
7678
7775
|
getFirstDayOfWeek() {
|
|
7679
7776
|
return getLocaleFirstDayOfWeek(this.locale);
|
|
7680
7777
|
}
|
|
7681
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
7682
|
-
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 });
|
|
7683
7780
|
}
|
|
7684
|
-
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: [{
|
|
7685
7782
|
type: Injectable
|
|
7686
7783
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
7687
7784
|
type: Inject,
|
|
@@ -7698,9 +7795,87 @@ var WaypointTypeEnum;
|
|
|
7698
7795
|
WaypointTypeEnum["LOCATION"] = "LOCATION";
|
|
7699
7796
|
})(WaypointTypeEnum || (WaypointTypeEnum = {}));
|
|
7700
7797
|
|
|
7798
|
+
class EcabsDialogConfirmationDeletionComponent {
|
|
7799
|
+
dialogRef;
|
|
7800
|
+
data;
|
|
7801
|
+
fb;
|
|
7802
|
+
componentsService;
|
|
7803
|
+
destroyRef;
|
|
7804
|
+
form;
|
|
7805
|
+
color = 'warn';
|
|
7806
|
+
constructor(dialogRef, data, fb, componentsService, destroyRef) {
|
|
7807
|
+
this.dialogRef = dialogRef;
|
|
7808
|
+
this.data = data;
|
|
7809
|
+
this.fb = fb;
|
|
7810
|
+
this.componentsService = componentsService;
|
|
7811
|
+
this.destroyRef = destroyRef;
|
|
7812
|
+
}
|
|
7813
|
+
ngOnInit() {
|
|
7814
|
+
this.form = this.fb.group({
|
|
7815
|
+
name: [null, Validators.required],
|
|
7816
|
+
});
|
|
7817
|
+
this.componentsService
|
|
7818
|
+
.getConfig()
|
|
7819
|
+
.pipe(takeUntilDestroyed(this.destroyRef))
|
|
7820
|
+
.subscribe((config) => {
|
|
7821
|
+
const { i18n } = config ?? {};
|
|
7822
|
+
const { confirmLabel, cancelLabel } = this.data ?? {};
|
|
7823
|
+
if (i18n) {
|
|
7824
|
+
this.data.confirmLabel = confirmLabel || i18n?.confirmLabel;
|
|
7825
|
+
this.data.cancelLabel = cancelLabel || i18n?.cancelLabel;
|
|
7826
|
+
}
|
|
7827
|
+
});
|
|
7828
|
+
}
|
|
7829
|
+
onConfirm() {
|
|
7830
|
+
this.dialogRef.close(true);
|
|
7831
|
+
}
|
|
7832
|
+
onCancel() {
|
|
7833
|
+
this.dialogRef.close(false);
|
|
7834
|
+
}
|
|
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 });
|
|
7837
|
+
}
|
|
7838
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDialogConfirmationDeletionComponent, decorators: [{
|
|
7839
|
+
type: Component,
|
|
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"] }]
|
|
7841
|
+
}], ctorParameters: () => [{ type: i1$2.MatDialogRef }, { type: undefined, decorators: [{
|
|
7842
|
+
type: Inject,
|
|
7843
|
+
args: [MAT_DIALOG_DATA]
|
|
7844
|
+
}] }, { type: i2.UntypedFormBuilder }, { type: EcabsComponentsService }, { type: i0.DestroyRef }] });
|
|
7845
|
+
|
|
7846
|
+
class EcabsDialogConfirmDeletionModule {
|
|
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,
|
|
7849
|
+
FormsModule,
|
|
7850
|
+
ReactiveFormsModule,
|
|
7851
|
+
MatDialogModule,
|
|
7852
|
+
EcabsButtonsModule,
|
|
7853
|
+
EcabsInputModule] });
|
|
7854
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDialogConfirmDeletionModule, imports: [CommonModule,
|
|
7855
|
+
FormsModule,
|
|
7856
|
+
ReactiveFormsModule,
|
|
7857
|
+
MatDialogModule,
|
|
7858
|
+
EcabsButtonsModule,
|
|
7859
|
+
EcabsInputModule] });
|
|
7860
|
+
}
|
|
7861
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: EcabsDialogConfirmDeletionModule, decorators: [{
|
|
7862
|
+
type: NgModule,
|
|
7863
|
+
args: [{
|
|
7864
|
+
declarations: [EcabsDialogConfirmationDeletionComponent],
|
|
7865
|
+
imports: [
|
|
7866
|
+
CommonModule,
|
|
7867
|
+
FormsModule,
|
|
7868
|
+
ReactiveFormsModule,
|
|
7869
|
+
MatDialogModule,
|
|
7870
|
+
EcabsButtonsModule,
|
|
7871
|
+
EcabsInputModule,
|
|
7872
|
+
],
|
|
7873
|
+
}]
|
|
7874
|
+
}] });
|
|
7875
|
+
|
|
7701
7876
|
/**
|
|
7702
7877
|
* Generated bundle index. Do not edit.
|
|
7703
7878
|
*/
|
|
7704
7879
|
|
|
7705
|
-
export { ButtonsComponent, EcabsActiveStatusFilterComponent, EcabsActiveStatusFilterModule, EcabsAttachEmbeddedViewDirective, EcabsAttachEmbeddedViewDirectiveModule, EcabsBasePhoneComponent, EcabsBasePhoneModule, EcabsBreadcrumbComponent, EcabsBreadcrumbModule, EcabsButtonsModule, EcabsCheckPermissionDirectiveModule, EcabsCheckPermissionsDirective, EcabsCheckboxToggleComponent, EcabsCheckboxToggleModule, EcabsComponentsService, EcabsDateAdapter, EcabsDatePickerComponent, EcabsDatePickerHeaderComponent, EcabsDatePickerHeaderService, EcabsDatePickerModule, EcabsDateRangeModule, EcabsDateRangePickerComponent, EcabsDateRangePickerHeaderComponent, EcabsDateTimePickerComponent, EcabsDateTimePickerHeaderComponent, EcabsDateTimeRangePickerComponent, EcabsDateTimeRangePickerHeaderComponent, EcabsDatetimePickerModule, EcabsDatetimeRangePickerModule, EcabsDialogConfirmComponent, EcabsDialogConfirmModule, EcabsDialogMessageComponent, EcabsDialogMessageModule, EcabsDigitsOnlyDirective, EcabsDigitsOnlyDirectivesModule, EcabsDomObserverDirective, EcabsDomObserverDirectiveModule, EcabsDynamicBgColorDirective, EcabsDynamicBgColorDirectiveModule, EcabsElementMultiplierDirective, EcabsElementMultiplierDirectiveModule, EcabsEmptyPlaceholderComponent, EcabsEmptyPlaceholderModule, EcabsExpansionPanelComponent, EcabsExpansionPanelModule, EcabsFileDropDirective, EcabsFileDropDirectiveModule, EcabsHeaderComponent, EcabsHeaderModule, EcabsHintComponent, EcabsHintModule, EcabsIncrementComponent, EcabsIncrementModule, EcabsInputComponent, EcabsInputModule, EcabsLanguageSelectorComponent, EcabsLanguageSelectorModule, EcabsLoadingComponent, EcabsLoadingModule, EcabsLogoComponent, EcabsLogoModule, EcabsMaskDateDirective, EcabsMaskDateDirectiveModule, EcabsMaskTimeDirective, EcabsMaskTimeDirectiveModule, EcabsMaxDirective, EcabsMenuItemsComponent, EcabsMenuItemsModule, EcabsMinDirective, EcabsMinMaxDirectiveModule, EcabsMultipleDatesPickerComponent, EcabsMultipleDatesPickerModule, EcabsNoteComponent, EcabsNoteModule, EcabsNumberBorderDirective, EcabsNumberBorderDirectiveModule, EcabsPaginatorDirective, EcabsPaginatorDirectiveModule, EcabsPhoneComponent, EcabsPhoneModule, EcabsPipesModule, EcabsPlaceAutocompleteComponent, EcabsPlaceAutocompleteModule, EcabsProfileComponent, EcabsProfileModule, EcabsRadioButtonListComponent, EcabsRadioButtonListModule, EcabsSelectComponent, EcabsSelectModule, EcabsSelectV2Component, EcabsSelectV2Module, EcabsShowOnTruncatedDirective, EcabsShowOnTruncatedDirectiveModule, EcabsSidebarComponent, EcabsSidebarModule, EcabsSliderComponent, EcabsSliderModule, EcabsSpinnerComponent, EcabsTableFilterWrapperComponent, EcabsTableFilterWrapperModule, EcabsTableModule, EcabsTextAreaModule, EcabsTextareaComponent, EcabsTimeListPanelComponent, EcabsTimeRangeDirective, EcabsTimeRangeDirectiveModule, EcabsTimepickerComponent, EcabsTimepickerModule, EcabsTooltipIfTruncatedDirective, EcabsTooltipIfTruncatedDirectiveModule, EcabsTruncatePipe, EcabsUppercaseMaskDirective, EcabsUppercaseMaskDirectiveModule, EcabsValidationComponent, EcabsValidationModule, EcabsValidationViewModule, FormTimePickerService, GenericComponentConfig, HeaderService, MATERIAL_DATETIMEPICKER_FORMATS, TableComponent, UnsubscribeService, ValidationComponent, WaypointTypeEnum, removeEmpty, removeNullUndefineds, scrollFactory, sortGeneric };
|
|
7880
|
+
export { ButtonsComponent, EcabsActiveStatusFilterComponent, EcabsActiveStatusFilterModule, EcabsAttachEmbeddedViewDirective, EcabsAttachEmbeddedViewDirectiveModule, EcabsBasePhoneComponent, EcabsBasePhoneModule, EcabsBreadcrumbComponent, EcabsBreadcrumbModule, EcabsButtonsModule, EcabsCheckPermissionDirectiveModule, EcabsCheckPermissionsDirective, EcabsCheckboxToggleComponent, EcabsCheckboxToggleModule, EcabsComponentsService, EcabsDateAdapter, EcabsDatePickerComponent, EcabsDatePickerHeaderComponent, EcabsDatePickerHeaderService, EcabsDatePickerModule, EcabsDateRangeModule, EcabsDateRangePickerComponent, EcabsDateRangePickerHeaderComponent, EcabsDateTimePickerComponent, EcabsDateTimePickerHeaderComponent, EcabsDateTimeRangePickerComponent, EcabsDateTimeRangePickerHeaderComponent, EcabsDatetimePickerModule, EcabsDatetimeRangePickerModule, EcabsDialogConfirmComponent, EcabsDialogConfirmDeletionModule, EcabsDialogConfirmModule, EcabsDialogConfirmationDeletionComponent, EcabsDialogMessageComponent, EcabsDialogMessageModule, EcabsDigitsOnlyDirective, EcabsDigitsOnlyDirectivesModule, EcabsDomObserverDirective, EcabsDomObserverDirectiveModule, EcabsDynamicBgColorDirective, EcabsDynamicBgColorDirectiveModule, EcabsElementMultiplierDirective, EcabsElementMultiplierDirectiveModule, EcabsEmptyPlaceholderComponent, EcabsEmptyPlaceholderModule, EcabsExpansionPanelComponent, EcabsExpansionPanelModule, EcabsFileDropDirective, EcabsFileDropDirectiveModule, EcabsHeaderComponent, EcabsHeaderModule, EcabsHintComponent, EcabsHintModule, EcabsIncrementComponent, EcabsIncrementModule, EcabsInputComponent, EcabsInputModule, EcabsLanguageSelectorComponent, EcabsLanguageSelectorModule, EcabsLoadingComponent, EcabsLoadingModule, EcabsLogoComponent, EcabsLogoModule, EcabsMaskDateDirective, EcabsMaskDateDirectiveModule, EcabsMaskTimeDirective, EcabsMaskTimeDirectiveModule, EcabsMaxDirective, EcabsMenuItemsComponent, EcabsMenuItemsModule, EcabsMinDirective, EcabsMinMaxDirectiveModule, EcabsMultipleDatesPickerComponent, EcabsMultipleDatesPickerModule, EcabsNoteComponent, EcabsNoteModule, EcabsNumberBorderDirective, EcabsNumberBorderDirectiveModule, EcabsPaginatorDirective, EcabsPaginatorDirectiveModule, EcabsPhoneComponent, EcabsPhoneModule, EcabsPipesModule, EcabsPlaceAutocompleteComponent, EcabsPlaceAutocompleteModule, EcabsProfileComponent, EcabsProfileModule, EcabsRadioButtonListComponent, EcabsRadioButtonListModule, EcabsSelectComponent, EcabsSelectModule, EcabsSelectV2Component, EcabsSelectV2Module, EcabsShowOnTruncatedDirective, EcabsShowOnTruncatedDirectiveModule, EcabsSidebarComponent, EcabsSidebarModule, EcabsSliderComponent, EcabsSliderModule, EcabsSpinnerComponent, EcabsTableFilterWrapperComponent, EcabsTableFilterWrapperModule, EcabsTableModule, EcabsTextAreaModule, EcabsTextareaComponent, EcabsTimeListPanelComponent, EcabsTimeRangeDirective, EcabsTimeRangeDirectiveModule, EcabsTimepickerComponent, EcabsTimepickerModule, EcabsTooltipIfTruncatedDirective, EcabsTooltipIfTruncatedDirectiveModule, EcabsTruncatePipe, EcabsUppercaseMaskDirective, EcabsUppercaseMaskDirectiveModule, EcabsValidationComponent, EcabsValidationModule, EcabsValidationViewModule, FormTimePickerService, GenericComponentConfig, HeaderService, MATERIAL_DATETIMEPICKER_FORMATS, TableComponent, UnsubscribeService, ValidationComponent, WaypointTypeEnum, removeEmpty, removeNullUndefineds, scrollFactory, sortGeneric };
|
|
7706
7881
|
//# sourceMappingURL=ecabs-components.mjs.map
|