ecabs-components 2.0.0-alpha.8 → 2.0.0-alpha.9
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 +30 -6
- package/fesm2022/ecabs-components.mjs +549 -289
- package/fesm2022/ecabs-components.mjs.map +1 -1
- package/lib/base/consts/badge.consts.d.ts +1 -0
- package/lib/base/directives/action-menu-trigger.directive.d.ts +8 -0
- package/lib/base/directives/badge.directive.d.ts +26 -0
- package/lib/base/directives/badge.directive.module.d.ts +8 -0
- package/lib/base/directives/tooltip-if-truncated.directive.module.d.ts +2 -1
- package/lib/base/models/action-menu.models.d.ts +13 -0
- package/lib/ecabs-action-menu/ecabs-action-menu.component.d.ts +26 -0
- package/lib/ecabs-action-menu/ecabs-action-menu.module.d.ts +13 -0
- package/lib/ecabs-badge/ecabs-badge.component.d.ts +2 -3
- package/lib/ecabs-badge/ecabs-badge.module.d.ts +5 -4
- package/lib/ecabs-expansion-panel/ecabs-expansion-panel.component.d.ts +3 -2
- package/lib/ecabs-expansion-panel/ecabs-expansion-panel.module.d.ts +3 -3
- package/lib/ecabs-phone/ecabs-phone.component.d.ts +1 -0
- package/package.json +1 -1
- package/public-api.d.ts +6 -0
- package/src/assets/images/nothing-here.svg +22 -22
- package/src/assets/images/promotions.svg +3 -3
- package/src/assets/styles/material/overrides/_badge.scss +109 -0
- package/src/assets/styles/material/overrides/_expansion.scss +43 -1
- package/src/assets/styles/material/overrides/_menu.scss +51 -2
- package/src/assets/styles/material/overrides/_phone.scss +6 -6
- package/src/assets/styles/material/overrides/_select.scss +2 -4
- package/src/assets/styles/material/overrides/_toolbar.scss +3 -3
- package/src/assets/styles/scss/modules/_badge.scss +25 -8
- package/src/assets/styles/scss/modules/_button.scss +1 -0
- package/src/assets/styles/scss/modules/_divider.scss +4 -4
- package/src/assets/styles/scss/modules/_img.scss +32 -32
- package/src/assets/styles/scss/modules/_menu.scss +52 -0
- package/src/assets/styles/scss/modules/_percentage.scss +41 -41
- package/src/assets/styles/scss/modules/_phone.scss +1 -4
- package/src/assets/styles/scss/modules/_statuses.scss +36 -36
- package/src/assets/styles/scss/modules/_toaster.scss +53 -53
- package/src/assets/styles/scss/modules/index.scss +1 -0
- package/src/assets/styles/scss/utilities/_fonts.scss +31 -31
- package/src/assets/styles/scss/utilities/_helpers.scss +14 -14
- package/src/assets/styles/tailwind/index.scss +1 -1
|
@@ -4,9 +4,9 @@ import * as i1 from '@angular/common';
|
|
|
4
4
|
import { CommonModule, DecimalPipe, getLocaleFirstDayOfWeek, DOCUMENT } from '@angular/common';
|
|
5
5
|
import * as i2 from '@angular/material/button';
|
|
6
6
|
import { MatButton, MatButtonModule } from '@angular/material/button';
|
|
7
|
-
import * as
|
|
7
|
+
import * as i4 from '@angular/material/icon';
|
|
8
8
|
import { MatIconModule } from '@angular/material/icon';
|
|
9
|
-
import * as i4 from '@angular/forms';
|
|
9
|
+
import * as i4$1 from '@angular/forms';
|
|
10
10
|
import { NG_VALUE_ACCESSOR, Validators, NG_VALIDATORS, NgControl, FormsModule, UntypedFormControl, ReactiveFormsModule, UntypedFormGroup, FormControl } from '@angular/forms';
|
|
11
11
|
import * as i2$1 from '@angular/material/button-toggle';
|
|
12
12
|
import { MatButtonToggleModule } from '@angular/material/button-toggle';
|
|
@@ -17,57 +17,57 @@ import { MatTooltipModule } from '@angular/material/tooltip';
|
|
|
17
17
|
import { MatFormFieldModule, MAT_FORM_FIELD_DEFAULT_OPTIONS, MatFormFieldControl } from '@angular/material/form-field';
|
|
18
18
|
import * as i5 from '@angular/cdk/overlay';
|
|
19
19
|
import { Overlay, CdkOverlayOrigin, CdkConnectedOverlay } from '@angular/cdk/overlay';
|
|
20
|
-
import * as i4$
|
|
20
|
+
import * as i4$2 from '@angular/material/select';
|
|
21
21
|
import { MAT_SELECT_SCROLL_STRATEGY, MatSelectModule } from '@angular/material/select';
|
|
22
22
|
import * as i7 from '@angular/material/input';
|
|
23
23
|
import { MatInputModule } from '@angular/material/input';
|
|
24
24
|
import * as i8 from 'ngx-mat-select-search';
|
|
25
25
|
import { MatSelectSearchComponent, NgxMatSelectSearchModule } from 'ngx-mat-select-search';
|
|
26
|
-
import * as i4$
|
|
26
|
+
import * as i4$4 from '@ng-select/ng-select';
|
|
27
27
|
import { NgSelectComponent, NgSelectModule } from '@ng-select/ng-select';
|
|
28
28
|
import * as i3 from '@angular/material/checkbox';
|
|
29
29
|
import { MatCheckbox, MatCheckboxModule } from '@angular/material/checkbox';
|
|
30
|
-
import * as i4$
|
|
30
|
+
import * as i4$3 from '@angular/material/slide-toggle';
|
|
31
31
|
import { MatSlideToggle, MatSlideToggleModule } from '@angular/material/slide-toggle';
|
|
32
32
|
import { format, isValid, isEqual, parse, setSeconds, setMinutes, setHours, isSameMinute } from 'date-fns';
|
|
33
33
|
import Holidays from 'date-holidays';
|
|
34
34
|
import enGbLocale from 'date-fns/locale/en-GB';
|
|
35
35
|
import * as i6 from '@angular/material/datepicker';
|
|
36
36
|
import { MatDatepickerModule } from '@angular/material/datepicker';
|
|
37
|
-
import * as i2$
|
|
37
|
+
import * as i2$2 from '@angular/material/core';
|
|
38
38
|
import { _ErrorStateTracker, NativeDateAdapter } from '@angular/material/core';
|
|
39
39
|
import { Maskito } from '@maskito/core';
|
|
40
40
|
import { parsePhoneNumber, getExampleNumber, parsePhoneNumberFromString, AsYouType, getCountries, getCountryCallingCode } from 'libphonenumber-js';
|
|
41
41
|
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
42
42
|
import * as i7$1 from '@angular/material/menu';
|
|
43
|
-
import { MatMenu, MatMenuModule } from '@angular/material/menu';
|
|
44
|
-
import * as i2$
|
|
45
|
-
import * as
|
|
43
|
+
import { MatMenu, MatMenuModule, MatMenuTrigger } from '@angular/material/menu';
|
|
44
|
+
import * as i2$3 from '@angular/cdk/a11y';
|
|
45
|
+
import * as i3$1 from '@angular/material/divider';
|
|
46
46
|
import { MatDividerModule } from '@angular/material/divider';
|
|
47
|
-
import * as i4$
|
|
47
|
+
import * as i4$5 from '@angular/router';
|
|
48
48
|
import { RouterModule, NavigationStart, RouterLink, RouterLinkActive } from '@angular/router';
|
|
49
|
-
import * as i3$
|
|
49
|
+
import * as i3$2 from '@angular/material/radio';
|
|
50
50
|
import { MatRadioGroup, MatRadioModule } from '@angular/material/radio';
|
|
51
|
-
import * as i3$
|
|
51
|
+
import * as i3$3 from '@angular/material/expansion';
|
|
52
52
|
import { MatExpansionPanel, MatExpansionModule } from '@angular/material/expansion';
|
|
53
|
-
import * as i2$
|
|
53
|
+
import * as i2$4 from '@angular/material/chips';
|
|
54
54
|
import { MatChipsModule } from '@angular/material/chips';
|
|
55
55
|
import { MatTable, MatTableModule } from '@angular/material/table';
|
|
56
|
-
import * as i2$
|
|
56
|
+
import * as i2$5 from '@angular/material/progress-bar';
|
|
57
57
|
import { MatProgressBarModule } from '@angular/material/progress-bar';
|
|
58
58
|
import * as i1$2 from '@angular/material/dialog';
|
|
59
59
|
import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
|
|
60
60
|
import * as i1$3 from '@angular/material/paginator';
|
|
61
61
|
import { map as map$1, switchMap, distinctUntilChanged as distinctUntilChanged$1 } from 'rxjs/operators';
|
|
62
|
-
import * as i3$
|
|
62
|
+
import * as i3$4 from '@angular-slider/ngx-slider';
|
|
63
63
|
import { NgxSliderModule } from '@angular-slider/ngx-slider';
|
|
64
|
-
import * as i3$
|
|
64
|
+
import * as i3$5 from '@angular/platform-browser';
|
|
65
65
|
import { MatSidenavModule } from '@angular/material/sidenav';
|
|
66
66
|
import { Platform } from '@angular/cdk/platform';
|
|
67
67
|
import { isEqual as isEqual$1 } from 'lodash';
|
|
68
|
-
import * as i4$
|
|
68
|
+
import * as i4$6 from '@angular/material/autocomplete';
|
|
69
69
|
import { MatAutocompleteModule } from '@angular/material/autocomplete';
|
|
70
|
-
import * as i2$
|
|
70
|
+
import * as i2$6 from '@angular/material/card';
|
|
71
71
|
import { MatCardModule } from '@angular/material/card';
|
|
72
72
|
import { MatListModule } from '@angular/material/list';
|
|
73
73
|
|
|
@@ -88,11 +88,11 @@ class EcabsLoadingComponent {
|
|
|
88
88
|
backgroundColor = 'white';
|
|
89
89
|
size = 'medium';
|
|
90
90
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
91
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: EcabsLoadingComponent, isStandalone: false, selector: "ecabs-loading", inputs: { loading: "loading", backgroundColor: "backgroundColor", size: "size" }, ngImport: i0, template: "<div\n class=\"flex absolute left-0 top-0 right-0 bottom-0 z-50 items-center justify-center\"\n [ngStyle]=\"{ backgroundColor: backgroundColor }\"\n *ngIf=\"loading\"\n>\n <ecabs-loading-spinner [size]=\"size\" *ngIf=\"loading\"></ecabs-loading-spinner>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: EcabsSpinnerComponent, selector: "ecabs-loading-spinner", inputs: ["size"] }] });
|
|
91
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: EcabsLoadingComponent, isStandalone: false, selector: "ecabs-loading", inputs: { loading: "loading", backgroundColor: "backgroundColor", size: "size" }, ngImport: i0, template: "<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 *ngIf=\"loading\"\r\n>\r\n <ecabs-loading-spinner [size]=\"size\" *ngIf=\"loading\"></ecabs-loading-spinner>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: EcabsSpinnerComponent, selector: "ecabs-loading-spinner", inputs: ["size"] }] });
|
|
92
92
|
}
|
|
93
93
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsLoadingComponent, decorators: [{
|
|
94
94
|
type: Component,
|
|
95
|
-
args: [{ selector: 'ecabs-loading', standalone: false, template: "<div\n class=\"flex absolute left-0 top-0 right-0 bottom-0 z-50 items-center justify-center\"\n [ngStyle]=\"{ backgroundColor: backgroundColor }\"\n *ngIf=\"loading\"\n>\n <ecabs-loading-spinner [size]=\"size\" *ngIf=\"loading\"></ecabs-loading-spinner>\n</div>\n" }]
|
|
95
|
+
args: [{ selector: 'ecabs-loading', standalone: false, template: "<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 *ngIf=\"loading\"\r\n>\r\n <ecabs-loading-spinner [size]=\"size\" *ngIf=\"loading\"></ecabs-loading-spinner>\r\n</div>\r\n" }]
|
|
96
96
|
}], propDecorators: { loading: [{
|
|
97
97
|
type: Input
|
|
98
98
|
}], backgroundColor: [{
|
|
@@ -308,7 +308,7 @@ class EcabsButtonToggleComponent {
|
|
|
308
308
|
useExisting: forwardRef(() => EcabsButtonToggleComponent),
|
|
309
309
|
multi: true,
|
|
310
310
|
},
|
|
311
|
-
], ngImport: i0, template: "<mat-button-toggle-group\n class=\"ecabs-button-toggle\"\n [ngClass]=\"'ecabs-button-toggle--' + size\"\n [multiple]=\"multiple\"\n [value]=\"value\" \n [disabled]=\"isDisabled\"\n (change)=\"onGroupChange($event)\"\n> \n <mat-button-toggle\n *ngFor=\"let option of options; trackBy: trackByOptionValue\"\n [value]=\"option.value\"\n [disabled]=\"option.disabled\">\n {{ option.label }}\n </mat-button-toggle>\n</mat-button-toggle-group>", styles: [":root{--mat-option-label-text-size: 13px}:root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}.ecabs-button-toggle{border-radius:.5rem;box-shadow:none;border:none;background-color:var(--color-gray-100);padding:6px;display:inline-flex;align-items:center}.ecabs-button-toggle.mat-button-toggle-group-appearance-standard{border:none}.ecabs-button-toggle .mat-button-toggle{border:none!important;background:transparent;color:var(--color-gray-500);border-radius:.5rem;transition:background-color .2s ease,color .2s ease}.ecabs-button-toggle .mat-button-toggle:hover{background-color:var(--color-gray-100)}.ecabs-button-toggle .mat-button-toggle+.mat-button-toggle{border-left:none}.ecabs-button-toggle .mat-button-toggle-checked{color:var(--color-gray-900)}.ecabs-button-toggle .mat-button-toggle-checked .mat-button-toggle-button{background-color:var(--color-white);border-color:var(--color-gray-200);box-shadow:0 1px 2px #0000000f}.ecabs-button-toggle .mat-button-toggle-checked .mat-button-toggle-label-content{color:var(--color-gray-900)}.ecabs-button-toggle .mat-button-toggle-disabled{color:var(--color-gray-400)}.ecabs-button-toggle .mat-button-toggle-disabled .mat-button-toggle-button{cursor:not-allowed;opacity:.6}.ecabs-button-toggle .mat-button-toggle-button{border-radius:.5rem;border:1px solid transparent;display:flex;align-items:center;justify-content:center}.ecabs-button-toggle .mat-button-toggle-checked .mat-button-toggle-checkbox-wrapper{display:none}.ecabs-button-toggle .mat-button-toggle-checked .mat-button-toggle-button{padding-left:0!important}.ecabs-button-toggle .mat-button-toggle-label-content{font-weight:500;font-family:inherit;line-height:1;display:flex;width:100%;text-align:center;align-items:center;justify-content:center}.ecabs-button-toggle--small .mat-button-toggle{height:32px}.ecabs-button-toggle--small .mat-button-toggle .mat-button-toggle-button{height:32px;min-width:72px}.ecabs-button-toggle--small .mat-button-toggle .mat-button-toggle-label-content{font-size:13px;padding:0 12px}.ecabs-button-toggle--medium .mat-button-toggle{height:40px}.ecabs-button-toggle--medium .mat-button-toggle .mat-button-toggle-button{height:40px;min-width:120px}.ecabs-button-toggle--medium .mat-button-toggle .mat-button-toggle-label-content{font-size:14px;padding:0 20px}.ecabs-button-toggle--large .mat-button-toggle{height:48px}.ecabs-button-toggle--large .mat-button-toggle .mat-button-toggle-button{height:48px;min-width:168px}.ecabs-button-toggle--large .mat-button-toggle .mat-button-toggle-label-content{font-size:16px;padding:0 28px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i2$1.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
311
|
+
], ngImport: i0, template: "<mat-button-toggle-group\r\n class=\"ecabs-button-toggle\"\r\n [ngClass]=\"'ecabs-button-toggle--' + size\"\r\n [multiple]=\"multiple\"\r\n [value]=\"value\" \r\n [disabled]=\"isDisabled\"\r\n (change)=\"onGroupChange($event)\"\r\n> \r\n <mat-button-toggle\r\n *ngFor=\"let option of options; trackBy: trackByOptionValue\"\r\n [value]=\"option.value\"\r\n [disabled]=\"option.disabled\">\r\n {{ option.label }}\r\n </mat-button-toggle>\r\n</mat-button-toggle-group>", styles: [":root{--mat-option-label-text-size: 13px}:root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}.ecabs-button-toggle{border-radius:.5rem;box-shadow:none;border:none;background-color:var(--color-gray-100);padding:6px;display:inline-flex;align-items:center}.ecabs-button-toggle.mat-button-toggle-group-appearance-standard{border:none}.ecabs-button-toggle .mat-button-toggle{border:none!important;background:transparent;color:var(--color-gray-500);border-radius:.5rem;transition:background-color .2s ease,color .2s ease}.ecabs-button-toggle .mat-button-toggle:hover{background-color:var(--color-gray-100)}.ecabs-button-toggle .mat-button-toggle+.mat-button-toggle{border-left:none}.ecabs-button-toggle .mat-button-toggle-checked{color:var(--color-gray-900)}.ecabs-button-toggle .mat-button-toggle-checked .mat-button-toggle-button{background-color:var(--color-white);border-color:var(--color-gray-200);box-shadow:0 1px 2px #0000000f}.ecabs-button-toggle .mat-button-toggle-checked .mat-button-toggle-label-content{color:var(--color-gray-900)}.ecabs-button-toggle .mat-button-toggle-disabled{color:var(--color-gray-400)}.ecabs-button-toggle .mat-button-toggle-disabled .mat-button-toggle-button{cursor:not-allowed;opacity:.6}.ecabs-button-toggle .mat-button-toggle-button{border-radius:.5rem;border:1px solid transparent;display:flex;align-items:center;justify-content:center}.ecabs-button-toggle .mat-button-toggle-checked .mat-button-toggle-checkbox-wrapper{display:none}.ecabs-button-toggle .mat-button-toggle-checked .mat-button-toggle-button{padding-left:0!important}.ecabs-button-toggle .mat-button-toggle-label-content{font-weight:500;font-family:inherit;line-height:1;display:flex;width:100%;text-align:center;align-items:center;justify-content:center}.ecabs-button-toggle--small .mat-button-toggle{height:32px}.ecabs-button-toggle--small .mat-button-toggle .mat-button-toggle-button{height:32px;min-width:72px}.ecabs-button-toggle--small .mat-button-toggle .mat-button-toggle-label-content{font-size:13px;padding:0 12px}.ecabs-button-toggle--medium .mat-button-toggle{height:40px}.ecabs-button-toggle--medium .mat-button-toggle .mat-button-toggle-button{height:40px;min-width:120px}.ecabs-button-toggle--medium .mat-button-toggle .mat-button-toggle-label-content{font-size:14px;padding:0 20px}.ecabs-button-toggle--large .mat-button-toggle{height:48px}.ecabs-button-toggle--large .mat-button-toggle .mat-button-toggle-button{height:48px;min-width:168px}.ecabs-button-toggle--large .mat-button-toggle .mat-button-toggle-label-content{font-size:16px;padding:0 28px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i2$1.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
312
312
|
}
|
|
313
313
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsButtonToggleComponent, decorators: [{
|
|
314
314
|
type: Component,
|
|
@@ -318,7 +318,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
318
318
|
useExisting: forwardRef(() => EcabsButtonToggleComponent),
|
|
319
319
|
multi: true,
|
|
320
320
|
},
|
|
321
|
-
], standalone: false, template: "<mat-button-toggle-group\n class=\"ecabs-button-toggle\"\n [ngClass]=\"'ecabs-button-toggle--' + size\"\n [multiple]=\"multiple\"\n [value]=\"value\" \n [disabled]=\"isDisabled\"\n (change)=\"onGroupChange($event)\"\n> \n <mat-button-toggle\n *ngFor=\"let option of options; trackBy: trackByOptionValue\"\n [value]=\"option.value\"\n [disabled]=\"option.disabled\">\n {{ option.label }}\n </mat-button-toggle>\n</mat-button-toggle-group>", styles: [":root{--mat-option-label-text-size: 13px}:root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}.ecabs-button-toggle{border-radius:.5rem;box-shadow:none;border:none;background-color:var(--color-gray-100);padding:6px;display:inline-flex;align-items:center}.ecabs-button-toggle.mat-button-toggle-group-appearance-standard{border:none}.ecabs-button-toggle .mat-button-toggle{border:none!important;background:transparent;color:var(--color-gray-500);border-radius:.5rem;transition:background-color .2s ease,color .2s ease}.ecabs-button-toggle .mat-button-toggle:hover{background-color:var(--color-gray-100)}.ecabs-button-toggle .mat-button-toggle+.mat-button-toggle{border-left:none}.ecabs-button-toggle .mat-button-toggle-checked{color:var(--color-gray-900)}.ecabs-button-toggle .mat-button-toggle-checked .mat-button-toggle-button{background-color:var(--color-white);border-color:var(--color-gray-200);box-shadow:0 1px 2px #0000000f}.ecabs-button-toggle .mat-button-toggle-checked .mat-button-toggle-label-content{color:var(--color-gray-900)}.ecabs-button-toggle .mat-button-toggle-disabled{color:var(--color-gray-400)}.ecabs-button-toggle .mat-button-toggle-disabled .mat-button-toggle-button{cursor:not-allowed;opacity:.6}.ecabs-button-toggle .mat-button-toggle-button{border-radius:.5rem;border:1px solid transparent;display:flex;align-items:center;justify-content:center}.ecabs-button-toggle .mat-button-toggle-checked .mat-button-toggle-checkbox-wrapper{display:none}.ecabs-button-toggle .mat-button-toggle-checked .mat-button-toggle-button{padding-left:0!important}.ecabs-button-toggle .mat-button-toggle-label-content{font-weight:500;font-family:inherit;line-height:1;display:flex;width:100%;text-align:center;align-items:center;justify-content:center}.ecabs-button-toggle--small .mat-button-toggle{height:32px}.ecabs-button-toggle--small .mat-button-toggle .mat-button-toggle-button{height:32px;min-width:72px}.ecabs-button-toggle--small .mat-button-toggle .mat-button-toggle-label-content{font-size:13px;padding:0 12px}.ecabs-button-toggle--medium .mat-button-toggle{height:40px}.ecabs-button-toggle--medium .mat-button-toggle .mat-button-toggle-button{height:40px;min-width:120px}.ecabs-button-toggle--medium .mat-button-toggle .mat-button-toggle-label-content{font-size:14px;padding:0 20px}.ecabs-button-toggle--large .mat-button-toggle{height:48px}.ecabs-button-toggle--large .mat-button-toggle .mat-button-toggle-button{height:48px;min-width:168px}.ecabs-button-toggle--large .mat-button-toggle .mat-button-toggle-label-content{font-size:16px;padding:0 28px}\n"] }]
|
|
321
|
+
], standalone: false, template: "<mat-button-toggle-group\r\n class=\"ecabs-button-toggle\"\r\n [ngClass]=\"'ecabs-button-toggle--' + size\"\r\n [multiple]=\"multiple\"\r\n [value]=\"value\" \r\n [disabled]=\"isDisabled\"\r\n (change)=\"onGroupChange($event)\"\r\n> \r\n <mat-button-toggle\r\n *ngFor=\"let option of options; trackBy: trackByOptionValue\"\r\n [value]=\"option.value\"\r\n [disabled]=\"option.disabled\">\r\n {{ option.label }}\r\n </mat-button-toggle>\r\n</mat-button-toggle-group>", styles: [":root{--mat-option-label-text-size: 13px}:root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}.ecabs-button-toggle{border-radius:.5rem;box-shadow:none;border:none;background-color:var(--color-gray-100);padding:6px;display:inline-flex;align-items:center}.ecabs-button-toggle.mat-button-toggle-group-appearance-standard{border:none}.ecabs-button-toggle .mat-button-toggle{border:none!important;background:transparent;color:var(--color-gray-500);border-radius:.5rem;transition:background-color .2s ease,color .2s ease}.ecabs-button-toggle .mat-button-toggle:hover{background-color:var(--color-gray-100)}.ecabs-button-toggle .mat-button-toggle+.mat-button-toggle{border-left:none}.ecabs-button-toggle .mat-button-toggle-checked{color:var(--color-gray-900)}.ecabs-button-toggle .mat-button-toggle-checked .mat-button-toggle-button{background-color:var(--color-white);border-color:var(--color-gray-200);box-shadow:0 1px 2px #0000000f}.ecabs-button-toggle .mat-button-toggle-checked .mat-button-toggle-label-content{color:var(--color-gray-900)}.ecabs-button-toggle .mat-button-toggle-disabled{color:var(--color-gray-400)}.ecabs-button-toggle .mat-button-toggle-disabled .mat-button-toggle-button{cursor:not-allowed;opacity:.6}.ecabs-button-toggle .mat-button-toggle-button{border-radius:.5rem;border:1px solid transparent;display:flex;align-items:center;justify-content:center}.ecabs-button-toggle .mat-button-toggle-checked .mat-button-toggle-checkbox-wrapper{display:none}.ecabs-button-toggle .mat-button-toggle-checked .mat-button-toggle-button{padding-left:0!important}.ecabs-button-toggle .mat-button-toggle-label-content{font-weight:500;font-family:inherit;line-height:1;display:flex;width:100%;text-align:center;align-items:center;justify-content:center}.ecabs-button-toggle--small .mat-button-toggle{height:32px}.ecabs-button-toggle--small .mat-button-toggle .mat-button-toggle-button{height:32px;min-width:72px}.ecabs-button-toggle--small .mat-button-toggle .mat-button-toggle-label-content{font-size:13px;padding:0 12px}.ecabs-button-toggle--medium .mat-button-toggle{height:40px}.ecabs-button-toggle--medium .mat-button-toggle .mat-button-toggle-button{height:40px;min-width:120px}.ecabs-button-toggle--medium .mat-button-toggle .mat-button-toggle-label-content{font-size:14px;padding:0 20px}.ecabs-button-toggle--large .mat-button-toggle{height:48px}.ecabs-button-toggle--large .mat-button-toggle .mat-button-toggle-button{height:48px;min-width:168px}.ecabs-button-toggle--large .mat-button-toggle .mat-button-toggle-label-content{font-size:16px;padding:0 28px}\n"] }]
|
|
322
322
|
}], propDecorators: { options: [{
|
|
323
323
|
type: Input
|
|
324
324
|
}], multiple: [{
|
|
@@ -752,11 +752,11 @@ class ValidationComponent {
|
|
|
752
752
|
return this.messages[key];
|
|
753
753
|
}
|
|
754
754
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ValidationComponent, deps: [{ token: EcabsComponentsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
755
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: ValidationComponent, isStandalone: false, selector: "ecabs-validations-messages", inputs: { element: "element", label: "label", showValidationOnNotTouched: "showValidationOnNotTouched", updatedErrors: "updatedErrors" }, usesOnChanges: true, ngImport: i0, template: "<div\n class=\"form-field__validation\"\n *ngIf=\"element && (element?.touched || showValidationOnNotTouched) && element?.invalid\"\n>\n <div class=\"form-field__validation__item\" *ngFor=\"let item of element?.errors | keyvalue\">\n {{ getMessageDetail(item.key) }}\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.KeyValuePipe, name: "keyvalue" }] });
|
|
755
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: ValidationComponent, isStandalone: false, selector: "ecabs-validations-messages", inputs: { element: "element", label: "label", showValidationOnNotTouched: "showValidationOnNotTouched", updatedErrors: "updatedErrors" }, usesOnChanges: true, ngImport: i0, template: "<div\r\n class=\"form-field__validation\"\r\n *ngIf=\"element && (element?.touched || showValidationOnNotTouched) && element?.invalid\"\r\n>\r\n <div class=\"form-field__validation__item\" *ngFor=\"let item of element?.errors | keyvalue\">\r\n {{ getMessageDetail(item.key) }}\r\n </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.KeyValuePipe, name: "keyvalue" }] });
|
|
756
756
|
}
|
|
757
757
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ValidationComponent, decorators: [{
|
|
758
758
|
type: Component,
|
|
759
|
-
args: [{ selector: 'ecabs-validations-messages', standalone: false, template: "<div\n class=\"form-field__validation\"\n *ngIf=\"element && (element?.touched || showValidationOnNotTouched) && element?.invalid\"\n>\n <div class=\"form-field__validation__item\" *ngFor=\"let item of element?.errors | keyvalue\">\n {{ getMessageDetail(item.key) }}\n </div>\n</div>\n" }]
|
|
759
|
+
args: [{ selector: 'ecabs-validations-messages', standalone: false, template: "<div\r\n class=\"form-field__validation\"\r\n *ngIf=\"element && (element?.touched || showValidationOnNotTouched) && element?.invalid\"\r\n>\r\n <div class=\"form-field__validation__item\" *ngFor=\"let item of element?.errors | keyvalue\">\r\n {{ getMessageDetail(item.key) }}\r\n </div>\r\n</div>\r\n" }]
|
|
760
760
|
}], ctorParameters: () => [{ type: EcabsComponentsService }], propDecorators: { element: [{
|
|
761
761
|
type: Input
|
|
762
762
|
}], label: [{
|
|
@@ -772,11 +772,11 @@ class EcabsHintComponent {
|
|
|
772
772
|
maxValue;
|
|
773
773
|
showHint = false;
|
|
774
774
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
775
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: EcabsHintComponent, isStandalone: false, selector: "ecabs-hint", inputs: { element: "element", maxValue: "maxValue", showHint: "showHint" }, ngImport: i0, template: "<div class=\"hint\" *ngIf=\"element && showHint\">{{ element?.value?.length || 0 }}/{{ this.maxValue }}</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
775
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: EcabsHintComponent, isStandalone: false, selector: "ecabs-hint", inputs: { element: "element", maxValue: "maxValue", showHint: "showHint" }, ngImport: i0, template: "<div class=\"hint\" *ngIf=\"element && showHint\">{{ element?.value?.length || 0 }}/{{ this.maxValue }}</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
776
776
|
}
|
|
777
777
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsHintComponent, decorators: [{
|
|
778
778
|
type: Component,
|
|
779
|
-
args: [{ selector: 'ecabs-hint', standalone: false, template: "<div class=\"hint\" *ngIf=\"element && showHint\">{{ element?.value?.length || 0 }}/{{ this.maxValue }}</div>\n" }]
|
|
779
|
+
args: [{ selector: 'ecabs-hint', standalone: false, template: "<div class=\"hint\" *ngIf=\"element && showHint\">{{ element?.value?.length || 0 }}/{{ this.maxValue }}</div>\r\n" }]
|
|
780
780
|
}], propDecorators: { element: [{
|
|
781
781
|
type: Input
|
|
782
782
|
}], maxValue: [{
|
|
@@ -808,11 +808,11 @@ class EcabsElementWrapperComponent {
|
|
|
808
808
|
this.decrease.emit();
|
|
809
809
|
}
|
|
810
810
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsElementWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
811
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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\n class=\"form-field\"\n [ngClass]=\"{\n 'form-field--invalid':\n data?.showValidation && (data?.control?.touched || data?.showValidationOnNotTouched) && data?.control?.invalid,\n disabled: data?.disabled,\n 'form-field--required': data?.required && data?.showAsterisk\n }\"\n>\n <div class=\"flex\">\n <label *ngIf=\"data?.label && data?.showLabel\"\n class=\"form-field__label\"\n [attr.for]=\"data?.name || data?.label\">\n <span [innerHTML]=\"data?.label\"></span>\n </label>\n <mat-icon class=\"icon ml-4 mat-icon-input-tooltip\" matTooltipClass=\"break-line-tooltip\" *ngIf=\"data?.tooltip\"\n [matTooltip]=\"data?.tooltip\">error_outline\n </mat-icon>\n </div>\n\n <div class=\"form-field__label-note\" *ngIf=\"data?.labelNote\" [innerHTML]=\"data?.labelNote\"></div>\n\n <ng-content></ng-content>\n\n <ecabs-loading-spinner *ngIf=\"data?.showLocalLoading && data?.loading\"\n class=\"spinner\" size=\"tiny\"></ecabs-loading-spinner>\n\n <ecabs-hint [element]=\"data?.control\" [showHint]=\"data?.showHint\" [maxValue]=\"data?.maxLength\"></ecabs-hint>\n\n <ecabs-validations-messages\n *ngIf=\"data?.showValidation && !data?.hideValidationMessage\"\n [element]=\"data?.control\"\n [label]=\"data?.label ? data?.label : data?.placeholder ? data.placeholder : data?.validationLabel\"\n [showValidationOnNotTouched]=\"data?.showValidationOnNotTouched\"\n >\n </ecabs-validations-messages>\n</div>\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: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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:
|
|
811
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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 <label *ngIf=\"data?.label && data?.showLabel\"\r\n class=\"form-field__label\"\r\n [attr.for]=\"data?.name || data?.label\">\r\n <span [innerHTML]=\"data?.label\"></span>\r\n </label>\r\n <mat-icon class=\"icon ml-4 mat-icon-input-tooltip\" matTooltipClass=\"break-line-tooltip\" *ngIf=\"data?.tooltip\"\r\n [matTooltip]=\"data?.tooltip\">error_outline\r\n </mat-icon>\r\n </div>\r\n\r\n <div class=\"form-field__label-note\" *ngIf=\"data?.labelNote\" [innerHTML]=\"data?.labelNote\"></div>\r\n\r\n <ng-content></ng-content>\r\n\r\n <ecabs-loading-spinner *ngIf=\"data?.showLocalLoading && data?.loading\"\r\n class=\"spinner\" size=\"tiny\"></ecabs-loading-spinner>\r\n\r\n <ecabs-hint [element]=\"data?.control\" [showHint]=\"data?.showHint\" [maxValue]=\"data?.maxLength\"></ecabs-hint>\r\n\r\n <ecabs-validations-messages\r\n *ngIf=\"data?.showValidation && !data?.hideValidationMessage\"\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</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: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }] });
|
|
812
812
|
}
|
|
813
813
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsElementWrapperComponent, decorators: [{
|
|
814
814
|
type: Component,
|
|
815
|
-
args: [{ selector: 'ecabs-element-wrapper', standalone: false, template: "<div\n class=\"form-field\"\n [ngClass]=\"{\n 'form-field--invalid':\n data?.showValidation && (data?.control?.touched || data?.showValidationOnNotTouched) && data?.control?.invalid,\n disabled: data?.disabled,\n 'form-field--required': data?.required && data?.showAsterisk\n }\"\n>\n <div class=\"flex\">\n <label *ngIf=\"data?.label && data?.showLabel\"\n class=\"form-field__label\"\n [attr.for]=\"data?.name || data?.label\">\n <span [innerHTML]=\"data?.label\"></span>\n </label>\n <mat-icon class=\"icon ml-4 mat-icon-input-tooltip\" matTooltipClass=\"break-line-tooltip\" *ngIf=\"data?.tooltip\"\n [matTooltip]=\"data?.tooltip\">error_outline\n </mat-icon>\n </div>\n\n <div class=\"form-field__label-note\" *ngIf=\"data?.labelNote\" [innerHTML]=\"data?.labelNote\"></div>\n\n <ng-content></ng-content>\n\n <ecabs-loading-spinner *ngIf=\"data?.showLocalLoading && data?.loading\"\n class=\"spinner\" size=\"tiny\"></ecabs-loading-spinner>\n\n <ecabs-hint [element]=\"data?.control\" [showHint]=\"data?.showHint\" [maxValue]=\"data?.maxLength\"></ecabs-hint>\n\n <ecabs-validations-messages\n *ngIf=\"data?.showValidation && !data?.hideValidationMessage\"\n [element]=\"data?.control\"\n [label]=\"data?.label ? data?.label : data?.placeholder ? data.placeholder : data?.validationLabel\"\n [showValidationOnNotTouched]=\"data?.showValidationOnNotTouched\"\n >\n </ecabs-validations-messages>\n</div>\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"] }]
|
|
815
|
+
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 <label *ngIf=\"data?.label && data?.showLabel\"\r\n class=\"form-field__label\"\r\n [attr.for]=\"data?.name || data?.label\">\r\n <span [innerHTML]=\"data?.label\"></span>\r\n </label>\r\n <mat-icon class=\"icon ml-4 mat-icon-input-tooltip\" matTooltipClass=\"break-line-tooltip\" *ngIf=\"data?.tooltip\"\r\n [matTooltip]=\"data?.tooltip\">error_outline\r\n </mat-icon>\r\n </div>\r\n\r\n <div class=\"form-field__label-note\" *ngIf=\"data?.labelNote\" [innerHTML]=\"data?.labelNote\"></div>\r\n\r\n <ng-content></ng-content>\r\n\r\n <ecabs-loading-spinner *ngIf=\"data?.showLocalLoading && data?.loading\"\r\n class=\"spinner\" size=\"tiny\"></ecabs-loading-spinner>\r\n\r\n <ecabs-hint [element]=\"data?.control\" [showHint]=\"data?.showHint\" [maxValue]=\"data?.maxLength\"></ecabs-hint>\r\n\r\n <ecabs-validations-messages\r\n *ngIf=\"data?.showValidation && !data?.hideValidationMessage\"\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</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"] }]
|
|
816
816
|
}], propDecorators: { data: [{
|
|
817
817
|
type: Input
|
|
818
818
|
}], showCloseIcon: [{
|
|
@@ -1269,7 +1269,7 @@ class EcabsInputComponent extends EcabsElementBaseComponent {
|
|
|
1269
1269
|
useExisting: EcabsInputComponent,
|
|
1270
1270
|
multi: true,
|
|
1271
1271
|
},
|
|
1272
|
-
], viewQueries: [{ propertyName: "matCustomInput", first: true, predicate: ["matCustomInput"], descendants: true }, { propertyName: "autoSizer", first: true, predicate: ["autoSizer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <div class=\"form-field__input--wrapper\"\n [class.form-field__input--wrapper--fluid]=\"autoResize\">\n <input #matCustomInput\n ecabsDigitsOnly\n [ngClass]=\"disabled ? 'form-field__input--disabled' : null\"\n [digitsOnly]=\"digitsOnly\"\n [decimal]=\"allowDecimal\"\n [allowHyphen]=\"allowHyphen\"\n [allowRange]=\"allowRange\"\n class=\"form-field__input\"\n [type]=\"type\"\n [id]=\"name\"\n [(ngModel)]=\"value\"\n [placeholder]=\"placeholder\"\n (blur)=\"onTouch()\"\n [mini]=\"mini\"\n [maxi]=\"maxi\"\n [disabled]=\"disabled\"\n [maxlength]=\"maxLength\"\n [max]=\"max\"\n [step]=\"step\"\n (input)=\"onInput()\"\n (blur)=\"blurChange($event)\"\n />\n\n <span *ngIf=\"autoResize\"\n #autoSizer\n class=\"form-field__input--sizer\"\n aria-hidden=\"true\">\n </span>\n\n <div *ngIf=\"type !== 'number' || autoResize\"\n class=\"form-field__input--suffix\">\n <ng-content select=\"mat-icon\"></ng-content>\n <ng-content select=\".suffix\"></ng-content>\n </div>\n </div>\n</ecabs-element-wrapper>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.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", "allowRange", "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"] }] });
|
|
1272
|
+
], viewQueries: [{ propertyName: "matCustomInput", first: true, predicate: ["matCustomInput"], descendants: true }, { propertyName: "autoSizer", first: true, predicate: ["autoSizer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <div class=\"form-field__input--wrapper\"\r\n [class.form-field__input--wrapper--fluid]=\"autoResize\">\r\n <input #matCustomInput\r\n ecabsDigitsOnly\r\n [ngClass]=\"disabled ? 'form-field__input--disabled' : null\"\r\n [digitsOnly]=\"digitsOnly\"\r\n [decimal]=\"allowDecimal\"\r\n [allowHyphen]=\"allowHyphen\"\r\n [allowRange]=\"allowRange\"\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 (input)=\"onInput()\"\r\n (blur)=\"blurChange($event)\"\r\n />\r\n\r\n <span *ngIf=\"autoResize\"\r\n #autoSizer\r\n class=\"form-field__input--sizer\"\r\n aria-hidden=\"true\">\r\n </span>\r\n\r\n <div *ngIf=\"type !== 'number' || autoResize\"\r\n 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 </div>\r\n</ecabs-element-wrapper>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "directive", type: i4$1.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: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4$1.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", "allowRange", "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"] }] });
|
|
1273
1273
|
}
|
|
1274
1274
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsInputComponent, decorators: [{
|
|
1275
1275
|
type: Component,
|
|
@@ -1279,7 +1279,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
1279
1279
|
useExisting: EcabsInputComponent,
|
|
1280
1280
|
multi: true,
|
|
1281
1281
|
},
|
|
1282
|
-
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <div class=\"form-field__input--wrapper\"\n [class.form-field__input--wrapper--fluid]=\"autoResize\">\n <input #matCustomInput\n ecabsDigitsOnly\n [ngClass]=\"disabled ? 'form-field__input--disabled' : null\"\n [digitsOnly]=\"digitsOnly\"\n [decimal]=\"allowDecimal\"\n [allowHyphen]=\"allowHyphen\"\n [allowRange]=\"allowRange\"\n class=\"form-field__input\"\n [type]=\"type\"\n [id]=\"name\"\n [(ngModel)]=\"value\"\n [placeholder]=\"placeholder\"\n (blur)=\"onTouch()\"\n [mini]=\"mini\"\n [maxi]=\"maxi\"\n [disabled]=\"disabled\"\n [maxlength]=\"maxLength\"\n [max]=\"max\"\n [step]=\"step\"\n (input)=\"onInput()\"\n (blur)=\"blurChange($event)\"\n />\n\n <span *ngIf=\"autoResize\"\n #autoSizer\n class=\"form-field__input--sizer\"\n aria-hidden=\"true\">\n </span>\n\n <div *ngIf=\"type !== 'number' || autoResize\"\n class=\"form-field__input--suffix\">\n <ng-content select=\"mat-icon\"></ng-content>\n <ng-content select=\".suffix\"></ng-content>\n </div>\n </div>\n</ecabs-element-wrapper>\n" }]
|
|
1282
|
+
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <div class=\"form-field__input--wrapper\"\r\n [class.form-field__input--wrapper--fluid]=\"autoResize\">\r\n <input #matCustomInput\r\n ecabsDigitsOnly\r\n [ngClass]=\"disabled ? 'form-field__input--disabled' : null\"\r\n [digitsOnly]=\"digitsOnly\"\r\n [decimal]=\"allowDecimal\"\r\n [allowHyphen]=\"allowHyphen\"\r\n [allowRange]=\"allowRange\"\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 (input)=\"onInput()\"\r\n (blur)=\"blurChange($event)\"\r\n />\r\n\r\n <span *ngIf=\"autoResize\"\r\n #autoSizer\r\n class=\"form-field__input--sizer\"\r\n aria-hidden=\"true\">\r\n </span>\r\n\r\n <div *ngIf=\"type !== 'number' || autoResize\"\r\n 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 </div>\r\n</ecabs-element-wrapper>\r\n" }]
|
|
1283
1283
|
}], ctorParameters: () => [{ type: i0.Injector }, { type: i0.DestroyRef }, { type: i0.Renderer2 }], propDecorators: { matCustomInput: [{
|
|
1284
1284
|
type: ViewChild,
|
|
1285
1285
|
args: ['matCustomInput', { static: false }]
|
|
@@ -1603,7 +1603,7 @@ class EcabsInputRangeComponent extends EcabsElementBaseComponent {
|
|
|
1603
1603
|
useExisting: EcabsInputRangeComponent,
|
|
1604
1604
|
multi: true,
|
|
1605
1605
|
},
|
|
1606
|
-
], viewQueries: [{ propertyName: "toInput", first: true, predicate: ["toInput"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <div class=\"rounded-xl flex flex-col gap-4\">\n <div\n class=\"form-field__range--wrapper\"\n [class.form-field--invalid]=\"hasAnyError\"\n >\n <input\n #fromInput\n ecabsDigitsOnly\n [digitsOnly]=\"digitsOnly\"\n [decimal]=\"allowDecimal\"\n [allowHyphen]=\"allowHyphen\"\n class=\"form-field__input text-center border-0 outline-none bg-transparent\"\n type=\"number\"\n [id]=\"name + '-from'\"\n [mini]=\"min\"\n [maxi]=\"max\"\n [step]=\"step\"\n [disabled]=\"disabled\"\n [placeholder]=\"fromPlaceholder\"\n [ngModel]=\"value.from\"\n (ngModelChange)=\"updateValue('from', $event)\"\n (focus)=\"setFocus(true)\"\n (blur)=\"setFocus(false)\"\n (keydown.enter)=\"focusToInput()\"\n />\n <span class=\"text-gray-500 text-base mx-4\">{{separatorText}}</span>\n <input\n #toInput\n ecabsDigitsOnly\n [digitsOnly]=\"digitsOnly\"\n [decimal]=\"allowDecimal\"\n [allowHyphen]=\"allowHyphen\"\n class=\"form-field__input text-center border-0 outline-none bg-transparent\"\n type=\"number\"\n [id]=\"name + '-to'\"\n [mini]=\"value.from !== null ? value.from : min\"\n [maxi]=\"max\"\n [step]=\"step\"\n [disabled]=\"disabled\"\n [placeholder]=\"toPlaceholder\"\n [ngModel]=\"value.to\"\n (ngModelChange)=\"updateValue('to', $event)\"\n (focus)=\"setFocus(true)\"\n (blur)=\"setFocus(false)\"\n />\n </div>\n </div>\n</ecabs-element-wrapper>", styles: [""], dependencies: [{ kind: "directive", type: i4.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: i4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "directive", type: EcabsDigitsOnlyDirective, selector: "[ecabsDigitsOnly]", inputs: ["digitsOnly", "allowHyphen", "allowRange", "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"] }] });
|
|
1606
|
+
], viewQueries: [{ propertyName: "toInput", first: true, predicate: ["toInput"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <div class=\"rounded-xl flex flex-col gap-4\">\r\n <div\r\n class=\"form-field__range--wrapper\"\r\n [class.form-field--invalid]=\"hasAnyError\"\r\n >\r\n <input\r\n #fromInput\r\n ecabsDigitsOnly\r\n [digitsOnly]=\"digitsOnly\"\r\n [decimal]=\"allowDecimal\"\r\n [allowHyphen]=\"allowHyphen\"\r\n class=\"form-field__input text-center border-0 outline-none bg-transparent\"\r\n type=\"number\"\r\n [id]=\"name + '-from'\"\r\n [mini]=\"min\"\r\n [maxi]=\"max\"\r\n [step]=\"step\"\r\n [disabled]=\"disabled\"\r\n [placeholder]=\"fromPlaceholder\"\r\n [ngModel]=\"value.from\"\r\n (ngModelChange)=\"updateValue('from', $event)\"\r\n (focus)=\"setFocus(true)\"\r\n (blur)=\"setFocus(false)\"\r\n (keydown.enter)=\"focusToInput()\"\r\n />\r\n <span class=\"text-gray-500 text-base mx-4\">{{separatorText}}</span>\r\n <input\r\n #toInput\r\n ecabsDigitsOnly\r\n [digitsOnly]=\"digitsOnly\"\r\n [decimal]=\"allowDecimal\"\r\n [allowHyphen]=\"allowHyphen\"\r\n class=\"form-field__input text-center border-0 outline-none bg-transparent\"\r\n type=\"number\"\r\n [id]=\"name + '-to'\"\r\n [mini]=\"value.from !== null ? value.from : min\"\r\n [maxi]=\"max\"\r\n [step]=\"step\"\r\n [disabled]=\"disabled\"\r\n [placeholder]=\"toPlaceholder\"\r\n [ngModel]=\"value.to\"\r\n (ngModelChange)=\"updateValue('to', $event)\"\r\n (focus)=\"setFocus(true)\"\r\n (blur)=\"setFocus(false)\"\r\n />\r\n </div>\r\n </div>\r\n</ecabs-element-wrapper>", styles: [""], dependencies: [{ kind: "directive", type: i4$1.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: i4$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "directive", type: EcabsDigitsOnlyDirective, selector: "[ecabsDigitsOnly]", inputs: ["digitsOnly", "allowHyphen", "allowRange", "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"] }] });
|
|
1607
1607
|
}
|
|
1608
1608
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsInputRangeComponent, decorators: [{
|
|
1609
1609
|
type: Component,
|
|
@@ -1618,7 +1618,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
1618
1618
|
useExisting: EcabsInputRangeComponent,
|
|
1619
1619
|
multi: true,
|
|
1620
1620
|
},
|
|
1621
|
-
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <div class=\"rounded-xl flex flex-col gap-4\">\n <div\n class=\"form-field__range--wrapper\"\n [class.form-field--invalid]=\"hasAnyError\"\n >\n <input\n #fromInput\n ecabsDigitsOnly\n [digitsOnly]=\"digitsOnly\"\n [decimal]=\"allowDecimal\"\n [allowHyphen]=\"allowHyphen\"\n class=\"form-field__input text-center border-0 outline-none bg-transparent\"\n type=\"number\"\n [id]=\"name + '-from'\"\n [mini]=\"min\"\n [maxi]=\"max\"\n [step]=\"step\"\n [disabled]=\"disabled\"\n [placeholder]=\"fromPlaceholder\"\n [ngModel]=\"value.from\"\n (ngModelChange)=\"updateValue('from', $event)\"\n (focus)=\"setFocus(true)\"\n (blur)=\"setFocus(false)\"\n (keydown.enter)=\"focusToInput()\"\n />\n <span class=\"text-gray-500 text-base mx-4\">{{separatorText}}</span>\n <input\n #toInput\n ecabsDigitsOnly\n [digitsOnly]=\"digitsOnly\"\n [decimal]=\"allowDecimal\"\n [allowHyphen]=\"allowHyphen\"\n class=\"form-field__input text-center border-0 outline-none bg-transparent\"\n type=\"number\"\n [id]=\"name + '-to'\"\n [mini]=\"value.from !== null ? value.from : min\"\n [maxi]=\"max\"\n [step]=\"step\"\n [disabled]=\"disabled\"\n [placeholder]=\"toPlaceholder\"\n [ngModel]=\"value.to\"\n (ngModelChange)=\"updateValue('to', $event)\"\n (focus)=\"setFocus(true)\"\n (blur)=\"setFocus(false)\"\n />\n </div>\n </div>\n</ecabs-element-wrapper>" }]
|
|
1621
|
+
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <div class=\"rounded-xl flex flex-col gap-4\">\r\n <div\r\n class=\"form-field__range--wrapper\"\r\n [class.form-field--invalid]=\"hasAnyError\"\r\n >\r\n <input\r\n #fromInput\r\n ecabsDigitsOnly\r\n [digitsOnly]=\"digitsOnly\"\r\n [decimal]=\"allowDecimal\"\r\n [allowHyphen]=\"allowHyphen\"\r\n class=\"form-field__input text-center border-0 outline-none bg-transparent\"\r\n type=\"number\"\r\n [id]=\"name + '-from'\"\r\n [mini]=\"min\"\r\n [maxi]=\"max\"\r\n [step]=\"step\"\r\n [disabled]=\"disabled\"\r\n [placeholder]=\"fromPlaceholder\"\r\n [ngModel]=\"value.from\"\r\n (ngModelChange)=\"updateValue('from', $event)\"\r\n (focus)=\"setFocus(true)\"\r\n (blur)=\"setFocus(false)\"\r\n (keydown.enter)=\"focusToInput()\"\r\n />\r\n <span class=\"text-gray-500 text-base mx-4\">{{separatorText}}</span>\r\n <input\r\n #toInput\r\n ecabsDigitsOnly\r\n [digitsOnly]=\"digitsOnly\"\r\n [decimal]=\"allowDecimal\"\r\n [allowHyphen]=\"allowHyphen\"\r\n class=\"form-field__input text-center border-0 outline-none bg-transparent\"\r\n type=\"number\"\r\n [id]=\"name + '-to'\"\r\n [mini]=\"value.from !== null ? value.from : min\"\r\n [maxi]=\"max\"\r\n [step]=\"step\"\r\n [disabled]=\"disabled\"\r\n [placeholder]=\"toPlaceholder\"\r\n [ngModel]=\"value.to\"\r\n (ngModelChange)=\"updateValue('to', $event)\"\r\n (focus)=\"setFocus(true)\"\r\n (blur)=\"setFocus(false)\"\r\n />\r\n </div>\r\n </div>\r\n</ecabs-element-wrapper>" }]
|
|
1622
1622
|
}], ctorParameters: () => [{ type: i0.Injector }, { type: i0.DestroyRef }], propDecorators: { toInput: [{
|
|
1623
1623
|
type: ViewChild,
|
|
1624
1624
|
args: ['toInput']
|
|
@@ -1689,7 +1689,7 @@ class EcabsSelectIconComponent {
|
|
|
1689
1689
|
this.svgIcon = getPhosphorSvgIcon(option);
|
|
1690
1690
|
}
|
|
1691
1691
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsSelectIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1692
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: EcabsSelectIconComponent, isStandalone: false, selector: "ecabs-select-icon", inputs: { option: "option" }, ngImport: i0, template: "<mat-icon *ngIf=\"svgIcon\"\r\n [svgIcon]=\"svgIcon\"\r\n class=\"w-5! h-5! text-xl! leading-5! translate-y-1 mr-2\"></mat-icon>\r\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type:
|
|
1692
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: EcabsSelectIconComponent, isStandalone: false, selector: "ecabs-select-icon", inputs: { option: "option" }, ngImport: i0, template: "<mat-icon *ngIf=\"svgIcon\"\r\n [svgIcon]=\"svgIcon\"\r\n class=\"w-5! h-5! text-xl! leading-5! translate-y-1 mr-2\"></mat-icon>\r\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
|
|
1693
1693
|
}
|
|
1694
1694
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsSelectIconComponent, decorators: [{
|
|
1695
1695
|
type: Component,
|
|
@@ -1744,15 +1744,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
1744
1744
|
|
|
1745
1745
|
class EcabsTooltipIfTruncatedDirectiveModule {
|
|
1746
1746
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsTooltipIfTruncatedDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1747
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: EcabsTooltipIfTruncatedDirectiveModule, declarations: [EcabsTooltipIfTruncatedDirective], imports: [CommonModule], exports: [EcabsTooltipIfTruncatedDirective] });
|
|
1748
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsTooltipIfTruncatedDirectiveModule, imports: [CommonModule] });
|
|
1747
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: EcabsTooltipIfTruncatedDirectiveModule, declarations: [EcabsTooltipIfTruncatedDirective], imports: [CommonModule, MatTooltipModule], exports: [EcabsTooltipIfTruncatedDirective, MatTooltipModule] });
|
|
1748
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsTooltipIfTruncatedDirectiveModule, imports: [CommonModule, MatTooltipModule, MatTooltipModule] });
|
|
1749
1749
|
}
|
|
1750
1750
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsTooltipIfTruncatedDirectiveModule, decorators: [{
|
|
1751
1751
|
type: NgModule,
|
|
1752
1752
|
args: [{
|
|
1753
|
-
imports: [CommonModule],
|
|
1753
|
+
imports: [CommonModule, MatTooltipModule],
|
|
1754
1754
|
declarations: [EcabsTooltipIfTruncatedDirective],
|
|
1755
|
-
exports: [EcabsTooltipIfTruncatedDirective],
|
|
1755
|
+
exports: [EcabsTooltipIfTruncatedDirective, MatTooltipModule],
|
|
1756
1756
|
}]
|
|
1757
1757
|
}] });
|
|
1758
1758
|
|
|
@@ -2058,7 +2058,7 @@ class EcabsSelectComponent extends EcabsElementBaseComponent {
|
|
|
2058
2058
|
useExisting: EcabsSelectComponent,
|
|
2059
2059
|
multi: true,
|
|
2060
2060
|
},
|
|
2061
|
-
], 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-form-field [ngClass]=\"{ disabled: useOnlyDisabledClass }\">\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 <ecabs-select-icon [option]=\"triggerOption\"></ecabs-select-icon>\r\n <span>{{ trigger }}</span>\r\n </mat-select-trigger>\r\n\r\n <mat-option *ngIf=\"useSearchOption\">\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 <mat-option *ngIf=\"useNoneOption\"\r\n (click)=\"toggleNone()\"\r\n (keydown.enter)=\"toggleNone()\">\r\n {{ noneLabel }}\r\n </mat-option>\r\n\r\n <mat-option #allSelected\r\n *ngIf=\"useSelectAllOption && showFilteredAllOption\"\r\n (click)=\"toggleAllSelection()\"\r\n (keydown.enter)=\"toggleAllSelection()\"\r\n [value]=\"selectAllValue\">\r\n {{ allLabel }}\r\n </mat-option>\r\n\r\n <mat-option *ngFor=\"let item of filteredItems$ | async\"\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 \r\n <ecabs-select-icon [option]=\"item\"></ecabs-select-icon>\r\n {{ item.label }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n</ecabs-element-wrapper>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i4$
|
|
2061
|
+
], 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-form-field [ngClass]=\"{ disabled: useOnlyDisabledClass }\">\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 <ecabs-select-icon [option]=\"triggerOption\"></ecabs-select-icon>\r\n <span>{{ trigger }}</span>\r\n </mat-select-trigger>\r\n\r\n <mat-option *ngIf=\"useSearchOption\">\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 <mat-option *ngIf=\"useNoneOption\"\r\n (click)=\"toggleNone()\"\r\n (keydown.enter)=\"toggleNone()\">\r\n {{ noneLabel }}\r\n </mat-option>\r\n\r\n <mat-option #allSelected\r\n *ngIf=\"useSelectAllOption && showFilteredAllOption\"\r\n (click)=\"toggleAllSelection()\"\r\n (keydown.enter)=\"toggleAllSelection()\"\r\n [value]=\"selectAllValue\">\r\n {{ allLabel }}\r\n </mat-option>\r\n\r\n <mat-option *ngFor=\"let item of filteredItems$ | async\"\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 \r\n <ecabs-select-icon [option]=\"item\"></ecabs-select-icon>\r\n {{ item.label }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n</ecabs-element-wrapper>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i4$2.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: i4$2.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$2.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: "component", type: EcabsSelectIconComponent, selector: "ecabs-select-icon", inputs: ["option"] }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.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: i4$1.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" }] });
|
|
2062
2062
|
}
|
|
2063
2063
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsSelectComponent, decorators: [{
|
|
2064
2064
|
type: Component,
|
|
@@ -2243,7 +2243,7 @@ class EcabsCheckboxToggleComponent extends EcabsElementBaseComponent {
|
|
|
2243
2243
|
useExisting: EcabsCheckboxToggleComponent,
|
|
2244
2244
|
multi: true,
|
|
2245
2245
|
},
|
|
2246
|
-
], 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()\">\n <ng-container [ngSwitch]=\"type\">\n <mat-checkbox\n (change)=\"change($event)\"\n (click)=\"onClick($event)\"\n (blur)=\"onBlur()\"\n [checked]=\"checked\"\n [indeterminate]=\"indeterminate\"\n [disabled]=\"disabled\"\n [(ngModel)]=\"value\"\n [id]=\"name\"\n [labelPosition]=\"labelPosition\"\n [ngClass]=\"{ 'indeterminate': indeterminate }\"\n *ngSwitchCase=\"'checkbox'\"\n >\n {{ text }}\n </mat-checkbox>\n\n <mat-slide-toggle\n (change)=\"change($event)\"\n [disabled]=\"disabled\"\n [(ngModel)]=\"value\"\n [labelPosition]=\"labelPosition\"\n *ngSwitchCase=\"'toggle'\"\n >{{ text }}</mat-slide-toggle\n >\n </ng-container>\n</ecabs-element-wrapper>\n", styles: [".form-field__subscript--wrapper,form-field__subscript--wrapper,.form-field--required .form-field__label:after,form-field--required .form-field__label:after{position:absolute;content:\"\"}.form-field--required .form-field__label:after,form-field--required .form-field__label:after{content:\"*\"!important;margin-left:.2rem;margin-top:2px;color:var(--color-error)}:root{--mat-option-label-text-size: 13px}:root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}.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:6px;border:1px solid var(--color-gray-300);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:focus-visible,form-field__input:focus-visible{outline:none}.form-field__input--wrapper,form-field__input--wrapper{display:flex;position:relative;line-height:1}.form-field__input--wrapper--fluid,form-field__input--wrapper--fluid{width:fit-content;max-width:100%;margin-left:auto;align-items:stretch;overflow:hidden;border:1px solid var(--color-gray-300);border-radius:6px;background-color:var(--color-white, #fff)}.form-field__input--wrapper--fluid:focus-within,form-field__input--wrapper--fluid:focus-within{border-color:var(--color-brand-dark)}.form-field__input--wrapper--fluid .form-field__input,form-field__input--wrapper--fluid .form-field__input{width:auto;min-width:0;flex:0 0 auto;box-sizing:border-box;border:0;border-radius:0;padding-right:0;text-align:right;background-color:transparent}.form-field__input--wrapper--fluid .form-field__input:focus,form-field__input--wrapper--fluid .form-field__input:focus{border-color:transparent}.form-field__input--wrapper--fluid .form-field__input--suffix,.form-field__input--wrapper--fluid .form-field__textarea--prefix,.form-field__input--wrapper--fluid form-field__textarea--prefix,.form-field__input--wrapper--fluid .form-field__input--prefix,.form-field__input--wrapper--fluid form-field__input--prefix,form-field__input--wrapper--fluid .form-field__input--suffix,form-field__input--wrapper--fluid .form-field__textarea--prefix,form-field__input--wrapper--fluid form-field__textarea--prefix,form-field__input--wrapper--fluid .form-field__input--prefix,form-field__input--wrapper--fluid form-field__input--prefix{position:static!important;top:auto;right:auto;flex:0 0 auto;display:inline-flex;align-items:center;transform:none;margin-left:.25rem;padding-right:1rem;white-space:nowrap;pointer-events:none}.form-field__input--wrapper--fluid .form-field__input--suffix,.form-field__input--wrapper--fluid .form-field__textarea--prefix,.form-field__input--wrapper--fluid form-field__textarea--prefix,.form-field__input--wrapper--fluid .form-field__input--prefix,.form-field__input--wrapper--fluid form-field__input--prefix,.form-field__input--wrapper--fluid .form-field__input--suffix i,.form-field__input--wrapper--fluid .form-field__textarea--prefix i,.form-field__input--wrapper--fluid form-field__textarea--prefix i,.form-field__input--wrapper--fluid .form-field__input--prefix i,.form-field__input--wrapper--fluid form-field__input--prefix i,.form-field__input--wrapper--fluid .form-field__input--suffix .mat-icon,.form-field__input--wrapper--fluid .form-field__textarea--prefix .mat-icon,.form-field__input--wrapper--fluid form-field__textarea--prefix .mat-icon,.form-field__input--wrapper--fluid .form-field__input--prefix .mat-icon,.form-field__input--wrapper--fluid form-field__input--prefix .mat-icon,form-field__input--wrapper--fluid .form-field__input--suffix,form-field__input--wrapper--fluid .form-field__textarea--prefix,form-field__input--wrapper--fluid form-field__textarea--prefix,form-field__input--wrapper--fluid .form-field__input--prefix,form-field__input--wrapper--fluid form-field__input--prefix,form-field__input--wrapper--fluid .form-field__input--suffix i,form-field__input--wrapper--fluid .form-field__textarea--prefix i,form-field__input--wrapper--fluid form-field__textarea--prefix i,form-field__input--wrapper--fluid .form-field__input--prefix i,form-field__input--wrapper--fluid form-field__input--prefix i,form-field__input--wrapper--fluid .form-field__input--suffix .mat-icon,form-field__input--wrapper--fluid .form-field__textarea--prefix .mat-icon,form-field__input--wrapper--fluid form-field__textarea--prefix .mat-icon,form-field__input--wrapper--fluid .form-field__input--prefix .mat-icon,form-field__input--wrapper--fluid form-field__input--prefix .mat-icon{font-size:16px;font-size:1rem;width:auto;height:auto}.form-field__input--sizer,form-field__input--sizer{font-size:16px;font-size:1rem;position:absolute;top:0;left:0;height:0;padding:0 0 0 1rem;border:0;box-sizing:border-box;overflow:hidden;visibility:hidden;pointer-events:none;white-space:pre;line-height:1.5}.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-300);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);opacity:.5;pointer-events:none}.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:6px;border:1px solid var(--color-gray-300);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-100);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);opacity:.5;pointer-events:none}.form-field__range,form-field__range{font-size:16px;font-size:1rem;display:block;width:100%;padding:.5rem 1rem;color:var(--color-black);line-height:1.5;border:none}.form-field__range:focus-visible,form-field__range:focus-visible{outline:none}.form-field__range--wrapper,form-field__range--wrapper{display:grid;grid-template-columns:1fr auto 1fr;border-radius:.5rem;border:1px solid var(--color-gray-300);align-items:center;line-height:1;background-color:var(--color-white)}.form-field__range--wrapper:focus-within,form-field__range--wrapper:focus-within{border-color:var(--color-brand-dark)}.form-field__range--suffix,.form-field__range--prefix,form-field__range--prefix,form-field__range--suffix{position:absolute!important;top:50%;right:1rem;color:var(--color-gray-100);transform:translateY(-50%)}.form-field__range--suffix,.form-field__range--prefix,form-field__range--prefix,.form-field__range--suffix i,.form-field__range--prefix i,form-field__range--prefix i,.form-field__range--suffix .mat-icon,.form-field__range--prefix .mat-icon,form-field__range--prefix .mat-icon,form-field__range--suffix,form-field__range--suffix i,form-field__range--suffix .mat-icon{font-size:18px;font-size:1.125rem;width:1.125rem;height:1.125rem}.form-field__range--prefix,form-field__range--prefix{right:unset;left:1rem}.form-field__range--disabled,form-field__range--disabled{background-color:var(--color-gray-100);opacity:.5;pointer-events:none}.form-field__range--invalid,form-field__range--invalid{border-color:var(--color-error)!important;color:var(--color-error)!important}.form-field--invalid,.form-field--invalid .form-field__input,.form-field--invalid .form-field__textarea,.form-field--invalid .form-field__range,form-field--invalid,form-field--invalid .form-field__input,form-field--invalid .form-field__textarea,form-field--invalid .form-field__range{color:var(--color-error);border-color:var(--color-error)}.form-field--invalid,.form-field--invalid .form-field__range--wrapper,form-field--invalid,form-field--invalid .form-field__range--wrapper{border-color:var(--color-error)}.form-field__validation,form-field__validation{font-size:12px;font-size:.75rem;padding-top:.5rem;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 .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{margin-right:.96rem}:host::ng-deep .mat-mdc-slide-toggle .mdc-label{font-size:14px;font-size:.875rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { 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$2.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
2246
|
+
], 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 <ng-container [ngSwitch]=\"type\">\r\n <mat-checkbox\r\n (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 *ngSwitchCase=\"'checkbox'\"\r\n >\r\n {{ text }}\r\n </mat-checkbox>\r\n\r\n <mat-slide-toggle\r\n (change)=\"change($event)\"\r\n [disabled]=\"disabled\"\r\n [(ngModel)]=\"value\"\r\n [labelPosition]=\"labelPosition\"\r\n *ngSwitchCase=\"'toggle'\"\r\n >{{ text }}</mat-slide-toggle\r\n >\r\n </ng-container>\r\n</ecabs-element-wrapper>\r\n", styles: [".form-field__subscript--wrapper,form-field__subscript--wrapper,.form-field--required .form-field__label:after,form-field--required .form-field__label:after{position:absolute;content:\"\"}.form-field--required .form-field__label:after,form-field--required .form-field__label:after{content:\"*\"!important;margin-left:.2rem;margin-top:2px;color:var(--color-error)}:root{--mat-option-label-text-size: 13px}:root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}.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:6px;border:1px solid var(--color-gray-300);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:focus-visible,form-field__input:focus-visible{outline:none}.form-field__input--wrapper,form-field__input--wrapper{display:flex;position:relative;line-height:1}.form-field__input--wrapper--fluid,form-field__input--wrapper--fluid{width:fit-content;max-width:100%;margin-left:auto;align-items:stretch;overflow:hidden;border:1px solid var(--color-gray-300);border-radius:6px;background-color:var(--color-white, #fff)}.form-field__input--wrapper--fluid:focus-within,form-field__input--wrapper--fluid:focus-within{border-color:var(--color-brand-dark)}.form-field__input--wrapper--fluid .form-field__input,form-field__input--wrapper--fluid .form-field__input{width:auto;min-width:0;flex:0 0 auto;box-sizing:border-box;border:0;border-radius:0;padding-right:0;text-align:right;background-color:transparent}.form-field__input--wrapper--fluid .form-field__input:focus,form-field__input--wrapper--fluid .form-field__input:focus{border-color:transparent}.form-field__input--wrapper--fluid .form-field__input--suffix,.form-field__input--wrapper--fluid .form-field__textarea--prefix,.form-field__input--wrapper--fluid form-field__textarea--prefix,.form-field__input--wrapper--fluid .form-field__input--prefix,.form-field__input--wrapper--fluid form-field__input--prefix,form-field__input--wrapper--fluid .form-field__input--suffix,form-field__input--wrapper--fluid .form-field__textarea--prefix,form-field__input--wrapper--fluid form-field__textarea--prefix,form-field__input--wrapper--fluid .form-field__input--prefix,form-field__input--wrapper--fluid form-field__input--prefix{position:static!important;top:auto;right:auto;flex:0 0 auto;display:inline-flex;align-items:center;transform:none;margin-left:.25rem;padding-right:1rem;white-space:nowrap;pointer-events:none}.form-field__input--wrapper--fluid .form-field__input--suffix,.form-field__input--wrapper--fluid .form-field__textarea--prefix,.form-field__input--wrapper--fluid form-field__textarea--prefix,.form-field__input--wrapper--fluid .form-field__input--prefix,.form-field__input--wrapper--fluid form-field__input--prefix,.form-field__input--wrapper--fluid .form-field__input--suffix i,.form-field__input--wrapper--fluid .form-field__textarea--prefix i,.form-field__input--wrapper--fluid form-field__textarea--prefix i,.form-field__input--wrapper--fluid .form-field__input--prefix i,.form-field__input--wrapper--fluid form-field__input--prefix i,.form-field__input--wrapper--fluid .form-field__input--suffix .mat-icon,.form-field__input--wrapper--fluid .form-field__textarea--prefix .mat-icon,.form-field__input--wrapper--fluid form-field__textarea--prefix .mat-icon,.form-field__input--wrapper--fluid .form-field__input--prefix .mat-icon,.form-field__input--wrapper--fluid form-field__input--prefix .mat-icon,form-field__input--wrapper--fluid .form-field__input--suffix,form-field__input--wrapper--fluid .form-field__textarea--prefix,form-field__input--wrapper--fluid form-field__textarea--prefix,form-field__input--wrapper--fluid .form-field__input--prefix,form-field__input--wrapper--fluid form-field__input--prefix,form-field__input--wrapper--fluid .form-field__input--suffix i,form-field__input--wrapper--fluid .form-field__textarea--prefix i,form-field__input--wrapper--fluid form-field__textarea--prefix i,form-field__input--wrapper--fluid .form-field__input--prefix i,form-field__input--wrapper--fluid form-field__input--prefix i,form-field__input--wrapper--fluid .form-field__input--suffix .mat-icon,form-field__input--wrapper--fluid .form-field__textarea--prefix .mat-icon,form-field__input--wrapper--fluid form-field__textarea--prefix .mat-icon,form-field__input--wrapper--fluid .form-field__input--prefix .mat-icon,form-field__input--wrapper--fluid form-field__input--prefix .mat-icon{font-size:16px;font-size:1rem;width:auto;height:auto}.form-field__input--sizer,form-field__input--sizer{font-size:16px;font-size:1rem;position:absolute;top:0;left:0;height:0;padding:0 0 0 1rem;border:0;box-sizing:border-box;overflow:hidden;visibility:hidden;pointer-events:none;white-space:pre;line-height:1.5}.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-300);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);opacity:.5;pointer-events:none}.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:6px;border:1px solid var(--color-gray-300);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-100);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);opacity:.5;pointer-events:none}.form-field__range,form-field__range{font-size:16px;font-size:1rem;display:block;width:100%;padding:.5rem 1rem;color:var(--color-black);line-height:1.5;border:none}.form-field__range:focus-visible,form-field__range:focus-visible{outline:none}.form-field__range--wrapper,form-field__range--wrapper{display:grid;grid-template-columns:1fr auto 1fr;border-radius:.5rem;border:1px solid var(--color-gray-300);align-items:center;line-height:1;background-color:var(--color-white)}.form-field__range--wrapper:focus-within,form-field__range--wrapper:focus-within{border-color:var(--color-brand-dark)}.form-field__range--suffix,.form-field__range--prefix,form-field__range--prefix,form-field__range--suffix{position:absolute!important;top:50%;right:1rem;color:var(--color-gray-100);transform:translateY(-50%)}.form-field__range--suffix,.form-field__range--prefix,form-field__range--prefix,.form-field__range--suffix i,.form-field__range--prefix i,form-field__range--prefix i,.form-field__range--suffix .mat-icon,.form-field__range--prefix .mat-icon,form-field__range--prefix .mat-icon,form-field__range--suffix,form-field__range--suffix i,form-field__range--suffix .mat-icon{font-size:18px;font-size:1.125rem;width:1.125rem;height:1.125rem}.form-field__range--prefix,form-field__range--prefix{right:unset;left:1rem}.form-field__range--disabled,form-field__range--disabled{background-color:var(--color-gray-100);opacity:.5;pointer-events:none}.form-field__range--invalid,form-field__range--invalid{border-color:var(--color-error)!important;color:var(--color-error)!important}.form-field--invalid,.form-field--invalid .form-field__input,.form-field--invalid .form-field__textarea,.form-field--invalid .form-field__range,form-field--invalid,form-field--invalid .form-field__input,form-field--invalid .form-field__textarea,form-field--invalid .form-field__range{color:var(--color-error);border-color:var(--color-error)}.form-field--invalid,.form-field--invalid .form-field__range--wrapper,form-field--invalid,form-field--invalid .form-field__range--wrapper{border-color:var(--color-error)}.form-field__validation,form-field__validation{font-size:12px;font-size:.75rem;padding-top:.5rem;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 .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{margin-right:.96rem}:host::ng-deep .mat-mdc-slide-toggle .mdc-label{font-size:14px;font-size:.875rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { 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$3.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: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
2247
2247
|
}
|
|
2248
2248
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsCheckboxToggleComponent, decorators: [{
|
|
2249
2249
|
type: Component,
|
|
@@ -2253,7 +2253,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
2253
2253
|
useExisting: EcabsCheckboxToggleComponent,
|
|
2254
2254
|
multi: true,
|
|
2255
2255
|
},
|
|
2256
|
-
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <ng-container [ngSwitch]=\"type\">\n <mat-checkbox\n (change)=\"change($event)\"\n (click)=\"onClick($event)\"\n (blur)=\"onBlur()\"\n [checked]=\"checked\"\n [indeterminate]=\"indeterminate\"\n [disabled]=\"disabled\"\n [(ngModel)]=\"value\"\n [id]=\"name\"\n [labelPosition]=\"labelPosition\"\n [ngClass]=\"{ 'indeterminate': indeterminate }\"\n *ngSwitchCase=\"'checkbox'\"\n >\n {{ text }}\n </mat-checkbox>\n\n <mat-slide-toggle\n (change)=\"change($event)\"\n [disabled]=\"disabled\"\n [(ngModel)]=\"value\"\n [labelPosition]=\"labelPosition\"\n *ngSwitchCase=\"'toggle'\"\n >{{ text }}</mat-slide-toggle\n >\n </ng-container>\n</ecabs-element-wrapper>\n", styles: [".form-field__subscript--wrapper,form-field__subscript--wrapper,.form-field--required .form-field__label:after,form-field--required .form-field__label:after{position:absolute;content:\"\"}.form-field--required .form-field__label:after,form-field--required .form-field__label:after{content:\"*\"!important;margin-left:.2rem;margin-top:2px;color:var(--color-error)}:root{--mat-option-label-text-size: 13px}:root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}.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:6px;border:1px solid var(--color-gray-300);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:focus-visible,form-field__input:focus-visible{outline:none}.form-field__input--wrapper,form-field__input--wrapper{display:flex;position:relative;line-height:1}.form-field__input--wrapper--fluid,form-field__input--wrapper--fluid{width:fit-content;max-width:100%;margin-left:auto;align-items:stretch;overflow:hidden;border:1px solid var(--color-gray-300);border-radius:6px;background-color:var(--color-white, #fff)}.form-field__input--wrapper--fluid:focus-within,form-field__input--wrapper--fluid:focus-within{border-color:var(--color-brand-dark)}.form-field__input--wrapper--fluid .form-field__input,form-field__input--wrapper--fluid .form-field__input{width:auto;min-width:0;flex:0 0 auto;box-sizing:border-box;border:0;border-radius:0;padding-right:0;text-align:right;background-color:transparent}.form-field__input--wrapper--fluid .form-field__input:focus,form-field__input--wrapper--fluid .form-field__input:focus{border-color:transparent}.form-field__input--wrapper--fluid .form-field__input--suffix,.form-field__input--wrapper--fluid .form-field__textarea--prefix,.form-field__input--wrapper--fluid form-field__textarea--prefix,.form-field__input--wrapper--fluid .form-field__input--prefix,.form-field__input--wrapper--fluid form-field__input--prefix,form-field__input--wrapper--fluid .form-field__input--suffix,form-field__input--wrapper--fluid .form-field__textarea--prefix,form-field__input--wrapper--fluid form-field__textarea--prefix,form-field__input--wrapper--fluid .form-field__input--prefix,form-field__input--wrapper--fluid form-field__input--prefix{position:static!important;top:auto;right:auto;flex:0 0 auto;display:inline-flex;align-items:center;transform:none;margin-left:.25rem;padding-right:1rem;white-space:nowrap;pointer-events:none}.form-field__input--wrapper--fluid .form-field__input--suffix,.form-field__input--wrapper--fluid .form-field__textarea--prefix,.form-field__input--wrapper--fluid form-field__textarea--prefix,.form-field__input--wrapper--fluid .form-field__input--prefix,.form-field__input--wrapper--fluid form-field__input--prefix,.form-field__input--wrapper--fluid .form-field__input--suffix i,.form-field__input--wrapper--fluid .form-field__textarea--prefix i,.form-field__input--wrapper--fluid form-field__textarea--prefix i,.form-field__input--wrapper--fluid .form-field__input--prefix i,.form-field__input--wrapper--fluid form-field__input--prefix i,.form-field__input--wrapper--fluid .form-field__input--suffix .mat-icon,.form-field__input--wrapper--fluid .form-field__textarea--prefix .mat-icon,.form-field__input--wrapper--fluid form-field__textarea--prefix .mat-icon,.form-field__input--wrapper--fluid .form-field__input--prefix .mat-icon,.form-field__input--wrapper--fluid form-field__input--prefix .mat-icon,form-field__input--wrapper--fluid .form-field__input--suffix,form-field__input--wrapper--fluid .form-field__textarea--prefix,form-field__input--wrapper--fluid form-field__textarea--prefix,form-field__input--wrapper--fluid .form-field__input--prefix,form-field__input--wrapper--fluid form-field__input--prefix,form-field__input--wrapper--fluid .form-field__input--suffix i,form-field__input--wrapper--fluid .form-field__textarea--prefix i,form-field__input--wrapper--fluid form-field__textarea--prefix i,form-field__input--wrapper--fluid .form-field__input--prefix i,form-field__input--wrapper--fluid form-field__input--prefix i,form-field__input--wrapper--fluid .form-field__input--suffix .mat-icon,form-field__input--wrapper--fluid .form-field__textarea--prefix .mat-icon,form-field__input--wrapper--fluid form-field__textarea--prefix .mat-icon,form-field__input--wrapper--fluid .form-field__input--prefix .mat-icon,form-field__input--wrapper--fluid form-field__input--prefix .mat-icon{font-size:16px;font-size:1rem;width:auto;height:auto}.form-field__input--sizer,form-field__input--sizer{font-size:16px;font-size:1rem;position:absolute;top:0;left:0;height:0;padding:0 0 0 1rem;border:0;box-sizing:border-box;overflow:hidden;visibility:hidden;pointer-events:none;white-space:pre;line-height:1.5}.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-300);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);opacity:.5;pointer-events:none}.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:6px;border:1px solid var(--color-gray-300);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-100);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);opacity:.5;pointer-events:none}.form-field__range,form-field__range{font-size:16px;font-size:1rem;display:block;width:100%;padding:.5rem 1rem;color:var(--color-black);line-height:1.5;border:none}.form-field__range:focus-visible,form-field__range:focus-visible{outline:none}.form-field__range--wrapper,form-field__range--wrapper{display:grid;grid-template-columns:1fr auto 1fr;border-radius:.5rem;border:1px solid var(--color-gray-300);align-items:center;line-height:1;background-color:var(--color-white)}.form-field__range--wrapper:focus-within,form-field__range--wrapper:focus-within{border-color:var(--color-brand-dark)}.form-field__range--suffix,.form-field__range--prefix,form-field__range--prefix,form-field__range--suffix{position:absolute!important;top:50%;right:1rem;color:var(--color-gray-100);transform:translateY(-50%)}.form-field__range--suffix,.form-field__range--prefix,form-field__range--prefix,.form-field__range--suffix i,.form-field__range--prefix i,form-field__range--prefix i,.form-field__range--suffix .mat-icon,.form-field__range--prefix .mat-icon,form-field__range--prefix .mat-icon,form-field__range--suffix,form-field__range--suffix i,form-field__range--suffix .mat-icon{font-size:18px;font-size:1.125rem;width:1.125rem;height:1.125rem}.form-field__range--prefix,form-field__range--prefix{right:unset;left:1rem}.form-field__range--disabled,form-field__range--disabled{background-color:var(--color-gray-100);opacity:.5;pointer-events:none}.form-field__range--invalid,form-field__range--invalid{border-color:var(--color-error)!important;color:var(--color-error)!important}.form-field--invalid,.form-field--invalid .form-field__input,.form-field--invalid .form-field__textarea,.form-field--invalid .form-field__range,form-field--invalid,form-field--invalid .form-field__input,form-field--invalid .form-field__textarea,form-field--invalid .form-field__range{color:var(--color-error);border-color:var(--color-error)}.form-field--invalid,.form-field--invalid .form-field__range--wrapper,form-field--invalid,form-field--invalid .form-field__range--wrapper{border-color:var(--color-error)}.form-field__validation,form-field__validation{font-size:12px;font-size:.75rem;padding-top:.5rem;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 .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{margin-right:.96rem}:host::ng-deep .mat-mdc-slide-toggle .mdc-label{font-size:14px;font-size:.875rem}\n"] }]
|
|
2256
|
+
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <ng-container [ngSwitch]=\"type\">\r\n <mat-checkbox\r\n (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 *ngSwitchCase=\"'checkbox'\"\r\n >\r\n {{ text }}\r\n </mat-checkbox>\r\n\r\n <mat-slide-toggle\r\n (change)=\"change($event)\"\r\n [disabled]=\"disabled\"\r\n [(ngModel)]=\"value\"\r\n [labelPosition]=\"labelPosition\"\r\n *ngSwitchCase=\"'toggle'\"\r\n >{{ text }}</mat-slide-toggle\r\n >\r\n </ng-container>\r\n</ecabs-element-wrapper>\r\n", styles: [".form-field__subscript--wrapper,form-field__subscript--wrapper,.form-field--required .form-field__label:after,form-field--required .form-field__label:after{position:absolute;content:\"\"}.form-field--required .form-field__label:after,form-field--required .form-field__label:after{content:\"*\"!important;margin-left:.2rem;margin-top:2px;color:var(--color-error)}:root{--mat-option-label-text-size: 13px}:root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}.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:6px;border:1px solid var(--color-gray-300);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:focus-visible,form-field__input:focus-visible{outline:none}.form-field__input--wrapper,form-field__input--wrapper{display:flex;position:relative;line-height:1}.form-field__input--wrapper--fluid,form-field__input--wrapper--fluid{width:fit-content;max-width:100%;margin-left:auto;align-items:stretch;overflow:hidden;border:1px solid var(--color-gray-300);border-radius:6px;background-color:var(--color-white, #fff)}.form-field__input--wrapper--fluid:focus-within,form-field__input--wrapper--fluid:focus-within{border-color:var(--color-brand-dark)}.form-field__input--wrapper--fluid .form-field__input,form-field__input--wrapper--fluid .form-field__input{width:auto;min-width:0;flex:0 0 auto;box-sizing:border-box;border:0;border-radius:0;padding-right:0;text-align:right;background-color:transparent}.form-field__input--wrapper--fluid .form-field__input:focus,form-field__input--wrapper--fluid .form-field__input:focus{border-color:transparent}.form-field__input--wrapper--fluid .form-field__input--suffix,.form-field__input--wrapper--fluid .form-field__textarea--prefix,.form-field__input--wrapper--fluid form-field__textarea--prefix,.form-field__input--wrapper--fluid .form-field__input--prefix,.form-field__input--wrapper--fluid form-field__input--prefix,form-field__input--wrapper--fluid .form-field__input--suffix,form-field__input--wrapper--fluid .form-field__textarea--prefix,form-field__input--wrapper--fluid form-field__textarea--prefix,form-field__input--wrapper--fluid .form-field__input--prefix,form-field__input--wrapper--fluid form-field__input--prefix{position:static!important;top:auto;right:auto;flex:0 0 auto;display:inline-flex;align-items:center;transform:none;margin-left:.25rem;padding-right:1rem;white-space:nowrap;pointer-events:none}.form-field__input--wrapper--fluid .form-field__input--suffix,.form-field__input--wrapper--fluid .form-field__textarea--prefix,.form-field__input--wrapper--fluid form-field__textarea--prefix,.form-field__input--wrapper--fluid .form-field__input--prefix,.form-field__input--wrapper--fluid form-field__input--prefix,.form-field__input--wrapper--fluid .form-field__input--suffix i,.form-field__input--wrapper--fluid .form-field__textarea--prefix i,.form-field__input--wrapper--fluid form-field__textarea--prefix i,.form-field__input--wrapper--fluid .form-field__input--prefix i,.form-field__input--wrapper--fluid form-field__input--prefix i,.form-field__input--wrapper--fluid .form-field__input--suffix .mat-icon,.form-field__input--wrapper--fluid .form-field__textarea--prefix .mat-icon,.form-field__input--wrapper--fluid form-field__textarea--prefix .mat-icon,.form-field__input--wrapper--fluid .form-field__input--prefix .mat-icon,.form-field__input--wrapper--fluid form-field__input--prefix .mat-icon,form-field__input--wrapper--fluid .form-field__input--suffix,form-field__input--wrapper--fluid .form-field__textarea--prefix,form-field__input--wrapper--fluid form-field__textarea--prefix,form-field__input--wrapper--fluid .form-field__input--prefix,form-field__input--wrapper--fluid form-field__input--prefix,form-field__input--wrapper--fluid .form-field__input--suffix i,form-field__input--wrapper--fluid .form-field__textarea--prefix i,form-field__input--wrapper--fluid form-field__textarea--prefix i,form-field__input--wrapper--fluid .form-field__input--prefix i,form-field__input--wrapper--fluid form-field__input--prefix i,form-field__input--wrapper--fluid .form-field__input--suffix .mat-icon,form-field__input--wrapper--fluid .form-field__textarea--prefix .mat-icon,form-field__input--wrapper--fluid form-field__textarea--prefix .mat-icon,form-field__input--wrapper--fluid .form-field__input--prefix .mat-icon,form-field__input--wrapper--fluid form-field__input--prefix .mat-icon{font-size:16px;font-size:1rem;width:auto;height:auto}.form-field__input--sizer,form-field__input--sizer{font-size:16px;font-size:1rem;position:absolute;top:0;left:0;height:0;padding:0 0 0 1rem;border:0;box-sizing:border-box;overflow:hidden;visibility:hidden;pointer-events:none;white-space:pre;line-height:1.5}.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-300);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);opacity:.5;pointer-events:none}.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:6px;border:1px solid var(--color-gray-300);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-100);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);opacity:.5;pointer-events:none}.form-field__range,form-field__range{font-size:16px;font-size:1rem;display:block;width:100%;padding:.5rem 1rem;color:var(--color-black);line-height:1.5;border:none}.form-field__range:focus-visible,form-field__range:focus-visible{outline:none}.form-field__range--wrapper,form-field__range--wrapper{display:grid;grid-template-columns:1fr auto 1fr;border-radius:.5rem;border:1px solid var(--color-gray-300);align-items:center;line-height:1;background-color:var(--color-white)}.form-field__range--wrapper:focus-within,form-field__range--wrapper:focus-within{border-color:var(--color-brand-dark)}.form-field__range--suffix,.form-field__range--prefix,form-field__range--prefix,form-field__range--suffix{position:absolute!important;top:50%;right:1rem;color:var(--color-gray-100);transform:translateY(-50%)}.form-field__range--suffix,.form-field__range--prefix,form-field__range--prefix,.form-field__range--suffix i,.form-field__range--prefix i,form-field__range--prefix i,.form-field__range--suffix .mat-icon,.form-field__range--prefix .mat-icon,form-field__range--prefix .mat-icon,form-field__range--suffix,form-field__range--suffix i,form-field__range--suffix .mat-icon{font-size:18px;font-size:1.125rem;width:1.125rem;height:1.125rem}.form-field__range--prefix,form-field__range--prefix{right:unset;left:1rem}.form-field__range--disabled,form-field__range--disabled{background-color:var(--color-gray-100);opacity:.5;pointer-events:none}.form-field__range--invalid,form-field__range--invalid{border-color:var(--color-error)!important;color:var(--color-error)!important}.form-field--invalid,.form-field--invalid .form-field__input,.form-field--invalid .form-field__textarea,.form-field--invalid .form-field__range,form-field--invalid,form-field--invalid .form-field__input,form-field--invalid .form-field__textarea,form-field--invalid .form-field__range{color:var(--color-error);border-color:var(--color-error)}.form-field--invalid,.form-field--invalid .form-field__range--wrapper,form-field--invalid,form-field--invalid .form-field__range--wrapper{border-color:var(--color-error)}.form-field__validation,form-field__validation{font-size:12px;font-size:.75rem;padding-top:.5rem;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 .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{margin-right:.96rem}:host::ng-deep .mat-mdc-slide-toggle .mdc-label{font-size:14px;font-size:.875rem}\n"] }]
|
|
2257
2257
|
}], ctorParameters: () => [{ type: i0.Injector }, { type: i0.DestroyRef }], propDecorators: { matCheckbox: [{
|
|
2258
2258
|
type: ViewChild,
|
|
2259
2259
|
args: [MatCheckbox, { static: false }]
|
|
@@ -2428,13 +2428,13 @@ class EcabsSelectV2Component extends EcabsElementBaseComponent {
|
|
|
2428
2428
|
return item?.value;
|
|
2429
2429
|
};
|
|
2430
2430
|
}
|
|
2431
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsSelectV2Component, deps: [{ token: i4.NgControl, optional: true, self: true }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2432
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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" }, 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 [appendTo]=\"appendTo\"\r\n [labelForId]=\"name\"\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 <ng-template ng-loadingspinner-tmp>\r\n <ecabs-loading-spinner size=\"tiny\"></ecabs-loading-spinner>\r\n </ng-template>\r\n\r\n <ng-container *ngIf=\"!multiple\">\r\n <ng-template ng-label-tmp let-item=\"item\" let-label=\"label\">\r\n <ecabs-select-icon [option]=\"item\"></ecabs-select-icon>\r\n {{ label }}\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!!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 <ng-container *ngIf=\"!isOpen\">\r\n <div *ngFor=\"let item of items | slice:0:1\"\r\n class=\"inline-flex items-center\">\r\n <ng-container *ngIf=\"asOption(item) as option\">\r\n <ecabs-select-icon [option]=\"option\"></ecabs-select-icon>\r\n <span>\r\n {{ option.label }} <span *ngIf=\"items.length > 1\">\r\n (+{{ items.length - 1 }}\r\n {{ (items?.length === 2 ? otherLabel : othersLabel) }})\r\n </span>\r\n </span>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-template ng-option-tmp let-item=\"item\" let-item$=\"item$\" let-index=\"index\">\r\n <ecabs-checkbox *ngIf=\"multiple\"\r\n [ngModel]=\"item$.selected\"\r\n [name]=\"index\">\r\n </ecabs-checkbox>\r\n <ecabs-select-icon [option]=\"item\"></ecabs-select-icon>\r\n {{ item$?.['label'] }}\r\n </ng-template>\r\n\r\n <ng-container *ngIf=\"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-container>\r\n </ng-select>\r\n</ecabs-element-wrapper>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$
|
|
2431
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsSelectV2Component, deps: [{ token: i4$1.NgControl, optional: true, self: true }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2432
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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" }, 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 [appendTo]=\"appendTo\"\r\n [labelForId]=\"name\"\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 <ng-template ng-loadingspinner-tmp>\r\n <ecabs-loading-spinner size=\"tiny\"></ecabs-loading-spinner>\r\n </ng-template>\r\n\r\n <ng-container *ngIf=\"!multiple\">\r\n <ng-template ng-label-tmp let-item=\"item\" let-label=\"label\">\r\n <ecabs-select-icon [option]=\"item\"></ecabs-select-icon>\r\n {{ label }}\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!!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 <ng-container *ngIf=\"!isOpen\">\r\n <div *ngFor=\"let item of items | slice:0:1\"\r\n class=\"inline-flex items-center\">\r\n <ng-container *ngIf=\"asOption(item) as option\">\r\n <ecabs-select-icon [option]=\"option\"></ecabs-select-icon>\r\n <span>\r\n {{ option.label }} <span *ngIf=\"items.length > 1\">\r\n (+{{ items.length - 1 }}\r\n {{ (items?.length === 2 ? otherLabel : othersLabel) }})\r\n </span>\r\n </span>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-template ng-option-tmp let-item=\"item\" let-item$=\"item$\" let-index=\"index\">\r\n <ecabs-checkbox *ngIf=\"multiple\"\r\n [ngModel]=\"item$.selected\"\r\n [name]=\"index\">\r\n </ecabs-checkbox>\r\n <ecabs-select-icon [option]=\"item\"></ecabs-select-icon>\r\n {{ item$?.['label'] }}\r\n </ng-template>\r\n\r\n <ng-container *ngIf=\"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-container>\r\n </ng-select>\r\n</ecabs-element-wrapper>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$4.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: "directive", type: i4$4.NgOptgroupTemplateDirective, selector: "[ng-optgroup-tmp]" }, { kind: "directive", type: i4$4.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i4$4.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: i4$4.NgMultiLabelTemplateDirective, selector: "[ng-multi-label-tmp]" }, { kind: "directive", type: i4$4.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: "component", type: EcabsSelectIconComponent, selector: "ecabs-select-icon", inputs: ["option"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }] });
|
|
2433
2433
|
}
|
|
2434
2434
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsSelectV2Component, decorators: [{
|
|
2435
2435
|
type: Component,
|
|
2436
2436
|
args: [{ selector: 'ecabs-select-v2', standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <ng-select class=\"form-field__select\"\r\n [appearance]=\"appearance\"\r\n [appendTo]=\"appendTo\"\r\n [labelForId]=\"name\"\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 <ng-template ng-loadingspinner-tmp>\r\n <ecabs-loading-spinner size=\"tiny\"></ecabs-loading-spinner>\r\n </ng-template>\r\n\r\n <ng-container *ngIf=\"!multiple\">\r\n <ng-template ng-label-tmp let-item=\"item\" let-label=\"label\">\r\n <ecabs-select-icon [option]=\"item\"></ecabs-select-icon>\r\n {{ label }}\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!!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 <ng-container *ngIf=\"!isOpen\">\r\n <div *ngFor=\"let item of items | slice:0:1\"\r\n class=\"inline-flex items-center\">\r\n <ng-container *ngIf=\"asOption(item) as option\">\r\n <ecabs-select-icon [option]=\"option\"></ecabs-select-icon>\r\n <span>\r\n {{ option.label }} <span *ngIf=\"items.length > 1\">\r\n (+{{ items.length - 1 }}\r\n {{ (items?.length === 2 ? otherLabel : othersLabel) }})\r\n </span>\r\n </span>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-template ng-option-tmp let-item=\"item\" let-item$=\"item$\" let-index=\"index\">\r\n <ecabs-checkbox *ngIf=\"multiple\"\r\n [ngModel]=\"item$.selected\"\r\n [name]=\"index\">\r\n </ecabs-checkbox>\r\n <ecabs-select-icon [option]=\"item\"></ecabs-select-icon>\r\n {{ item$?.['label'] }}\r\n </ng-template>\r\n\r\n <ng-container *ngIf=\"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-container>\r\n </ng-select>\r\n</ecabs-element-wrapper>\r\n" }]
|
|
2437
|
-
}], ctorParameters: () => [{ type: i4.NgControl, decorators: [{
|
|
2437
|
+
}], ctorParameters: () => [{ type: i4$1.NgControl, decorators: [{
|
|
2438
2438
|
type: Optional
|
|
2439
2439
|
}, {
|
|
2440
2440
|
type: Self
|
|
@@ -2605,7 +2605,7 @@ class EcabsTextareaComponent extends EcabsElementBaseComponent {
|
|
|
2605
2605
|
useExisting: EcabsTextareaComponent,
|
|
2606
2606
|
multi: true,
|
|
2607
2607
|
},
|
|
2608
|
-
], viewQueries: [{ propertyName: "matCustomInput", first: true, predicate: ["matCustomInput"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <textarea #matCustomInput\n class=\"form-field__textarea\"\n [ngClass]=\"disabled ? 'form-field__input--disabled' : null\"\n [id]=\"name\"\n [(ngModel)]=\"value\"\n [placeholder]=\"placeholder\"\n (blur)=\"onTouch()\"\n [disabled]=\"disabled\"\n [maxlength]=\"maxLength\"\n [rows]=\"rows\"\n >\n </textarea>\n</ecabs-element-wrapper>\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: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
2608
|
+
], 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 [ngClass]=\"disabled ? 'form-field__input--disabled' : null\"\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: "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: i4$1.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: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
2609
2609
|
}
|
|
2610
2610
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsTextareaComponent, decorators: [{
|
|
2611
2611
|
type: Component,
|
|
@@ -2615,7 +2615,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
2615
2615
|
useExisting: EcabsTextareaComponent,
|
|
2616
2616
|
multi: true,
|
|
2617
2617
|
},
|
|
2618
|
-
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <textarea #matCustomInput\n class=\"form-field__textarea\"\n [ngClass]=\"disabled ? 'form-field__input--disabled' : null\"\n [id]=\"name\"\n [(ngModel)]=\"value\"\n [placeholder]=\"placeholder\"\n (blur)=\"onTouch()\"\n [disabled]=\"disabled\"\n [maxlength]=\"maxLength\"\n [rows]=\"rows\"\n >\n </textarea>\n</ecabs-element-wrapper>\n" }]
|
|
2618
|
+
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <textarea #matCustomInput\r\n class=\"form-field__textarea\"\r\n [ngClass]=\"disabled ? 'form-field__input--disabled' : null\"\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" }]
|
|
2619
2619
|
}], ctorParameters: () => [{ type: i0.Injector }], propDecorators: { matCustomInput: [{
|
|
2620
2620
|
type: ViewChild,
|
|
2621
2621
|
args: ['matCustomInput', { static: false }]
|
|
@@ -2742,7 +2742,7 @@ class EcabsCheckboxV2Component extends EcabsElementBaseComponent {
|
|
|
2742
2742
|
useExisting: forwardRef(() => EcabsCheckboxV2Component),
|
|
2743
2743
|
multi: true,
|
|
2744
2744
|
},
|
|
2745
|
-
], usesInheritance: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <div\n class=\"ecabs-checkbox-v2\"\n [class.ecabs-checkbox-v2--checked]=\"value\"\n [class.ecabs-checkbox-v2--disabled]=\"disabled\"\n [class.ecabs-checkbox-v2--error]=\"hasError\"\n [attr.tabindex]=\"disabled ? null : 0\"\n (click)=\"onRowClick()\"\n (keydown)=\"onKeyDown($event)\"\n >\n <span class=\"form-field__label text-sm pl-2\"\n [ngClass]=\"value ? 'font-semibold' : 'font-medium'\">\n {{ label }}\n </span>\n\n <mat-checkbox\n class=\"ecabs-checkbox-v2__control\"\n [id]=\"name\"\n [name]=\"name\"\n [disabled]=\"disabled\"\n [checked]=\"value\"\n color=\"primary\"\n [disableRipple]=\"true\"\n (change)=\"toggle($event)\"\n (blur)=\"onBlur()\"\n (click)=\"$event.stopPropagation()\"\n (keydown.enter)=\"$event.stopPropagation()\"\n >\n </mat-checkbox>\n </div>\n</ecabs-element-wrapper>\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}.ecabs-checkbox-v2{display:flex;align-items:center;justify-content:space-between;width:100%;padding:4px 8px;border:1px solid var(--color-gray-200);border-radius:.5rem;background-color:var(--color-white);cursor:pointer}.ecabs-checkbox-v2 .form-field__label{display:flex;align-items:center;margin-bottom:0;padding-top:1px}.ecabs-checkbox-v2:hover{border-color:var(--color-gray-300);background-color:var(--color-gray-50)}.ecabs-checkbox-v2--checked{background-color:var(--color-gray-50);border-color:var(--color-brand-dark)}.ecabs-checkbox-v2--error{border-color:var(--color-error)}.ecabs-checkbox-v2--error:hover{border-color:var(--color-error);background-color:var(--color-white)}.ecabs-checkbox-v2--disabled{opacity:.5;cursor:default;border-color:var(--color-gray-200);background-color:var(--color-white)}.ecabs-checkbox-v2--disabled:hover{border-color:var(--color-gray-200);background-color:var(--color-white)}\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"] }] });
|
|
2745
|
+
], usesInheritance: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <div\r\n class=\"ecabs-checkbox-v2\"\r\n [class.ecabs-checkbox-v2--checked]=\"value\"\r\n [class.ecabs-checkbox-v2--disabled]=\"disabled\"\r\n [class.ecabs-checkbox-v2--error]=\"hasError\"\r\n [attr.tabindex]=\"disabled ? null : 0\"\r\n (click)=\"onRowClick()\"\r\n (keydown)=\"onKeyDown($event)\"\r\n >\r\n <span class=\"form-field__label text-sm pl-2\"\r\n [ngClass]=\"value ? 'font-semibold' : 'font-medium'\">\r\n {{ label }}\r\n </span>\r\n\r\n <mat-checkbox\r\n class=\"ecabs-checkbox-v2__control\"\r\n [id]=\"name\"\r\n [name]=\"name\"\r\n [disabled]=\"disabled\"\r\n [checked]=\"value\"\r\n color=\"primary\"\r\n [disableRipple]=\"true\"\r\n (change)=\"toggle($event)\"\r\n (blur)=\"onBlur()\"\r\n (click)=\"$event.stopPropagation()\"\r\n (keydown.enter)=\"$event.stopPropagation()\"\r\n >\r\n </mat-checkbox>\r\n </div>\r\n</ecabs-element-wrapper>\r\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}.ecabs-checkbox-v2{display:flex;align-items:center;justify-content:space-between;width:100%;padding:4px 8px;border:1px solid var(--color-gray-200);border-radius:.5rem;background-color:var(--color-white);cursor:pointer}.ecabs-checkbox-v2 .form-field__label{display:flex;align-items:center;margin-bottom:0;padding-top:1px}.ecabs-checkbox-v2:hover{border-color:var(--color-gray-300);background-color:var(--color-gray-50)}.ecabs-checkbox-v2--checked{background-color:var(--color-gray-50);border-color:var(--color-brand-dark)}.ecabs-checkbox-v2--error{border-color:var(--color-error)}.ecabs-checkbox-v2--error:hover{border-color:var(--color-error);background-color:var(--color-white)}.ecabs-checkbox-v2--disabled{opacity:.5;cursor:default;border-color:var(--color-gray-200);background-color:var(--color-white)}.ecabs-checkbox-v2--disabled:hover{border-color:var(--color-gray-200);background-color:var(--color-white)}\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"] }] });
|
|
2746
2746
|
}
|
|
2747
2747
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsCheckboxV2Component, decorators: [{
|
|
2748
2748
|
type: Component,
|
|
@@ -2752,7 +2752,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
2752
2752
|
useExisting: forwardRef(() => EcabsCheckboxV2Component),
|
|
2753
2753
|
multi: true,
|
|
2754
2754
|
},
|
|
2755
|
-
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <div\n class=\"ecabs-checkbox-v2\"\n [class.ecabs-checkbox-v2--checked]=\"value\"\n [class.ecabs-checkbox-v2--disabled]=\"disabled\"\n [class.ecabs-checkbox-v2--error]=\"hasError\"\n [attr.tabindex]=\"disabled ? null : 0\"\n (click)=\"onRowClick()\"\n (keydown)=\"onKeyDown($event)\"\n >\n <span class=\"form-field__label text-sm pl-2\"\n [ngClass]=\"value ? 'font-semibold' : 'font-medium'\">\n {{ label }}\n </span>\n\n <mat-checkbox\n class=\"ecabs-checkbox-v2__control\"\n [id]=\"name\"\n [name]=\"name\"\n [disabled]=\"disabled\"\n [checked]=\"value\"\n color=\"primary\"\n [disableRipple]=\"true\"\n (change)=\"toggle($event)\"\n (blur)=\"onBlur()\"\n (click)=\"$event.stopPropagation()\"\n (keydown.enter)=\"$event.stopPropagation()\"\n >\n </mat-checkbox>\n </div>\n</ecabs-element-wrapper>\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}.ecabs-checkbox-v2{display:flex;align-items:center;justify-content:space-between;width:100%;padding:4px 8px;border:1px solid var(--color-gray-200);border-radius:.5rem;background-color:var(--color-white);cursor:pointer}.ecabs-checkbox-v2 .form-field__label{display:flex;align-items:center;margin-bottom:0;padding-top:1px}.ecabs-checkbox-v2:hover{border-color:var(--color-gray-300);background-color:var(--color-gray-50)}.ecabs-checkbox-v2--checked{background-color:var(--color-gray-50);border-color:var(--color-brand-dark)}.ecabs-checkbox-v2--error{border-color:var(--color-error)}.ecabs-checkbox-v2--error:hover{border-color:var(--color-error);background-color:var(--color-white)}.ecabs-checkbox-v2--disabled{opacity:.5;cursor:default;border-color:var(--color-gray-200);background-color:var(--color-white)}.ecabs-checkbox-v2--disabled:hover{border-color:var(--color-gray-200);background-color:var(--color-white)}\n"] }]
|
|
2755
|
+
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <div\r\n class=\"ecabs-checkbox-v2\"\r\n [class.ecabs-checkbox-v2--checked]=\"value\"\r\n [class.ecabs-checkbox-v2--disabled]=\"disabled\"\r\n [class.ecabs-checkbox-v2--error]=\"hasError\"\r\n [attr.tabindex]=\"disabled ? null : 0\"\r\n (click)=\"onRowClick()\"\r\n (keydown)=\"onKeyDown($event)\"\r\n >\r\n <span class=\"form-field__label text-sm pl-2\"\r\n [ngClass]=\"value ? 'font-semibold' : 'font-medium'\">\r\n {{ label }}\r\n </span>\r\n\r\n <mat-checkbox\r\n class=\"ecabs-checkbox-v2__control\"\r\n [id]=\"name\"\r\n [name]=\"name\"\r\n [disabled]=\"disabled\"\r\n [checked]=\"value\"\r\n color=\"primary\"\r\n [disableRipple]=\"true\"\r\n (change)=\"toggle($event)\"\r\n (blur)=\"onBlur()\"\r\n (click)=\"$event.stopPropagation()\"\r\n (keydown.enter)=\"$event.stopPropagation()\"\r\n >\r\n </mat-checkbox>\r\n </div>\r\n</ecabs-element-wrapper>\r\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}.ecabs-checkbox-v2{display:flex;align-items:center;justify-content:space-between;width:100%;padding:4px 8px;border:1px solid var(--color-gray-200);border-radius:.5rem;background-color:var(--color-white);cursor:pointer}.ecabs-checkbox-v2 .form-field__label{display:flex;align-items:center;margin-bottom:0;padding-top:1px}.ecabs-checkbox-v2:hover{border-color:var(--color-gray-300);background-color:var(--color-gray-50)}.ecabs-checkbox-v2--checked{background-color:var(--color-gray-50);border-color:var(--color-brand-dark)}.ecabs-checkbox-v2--error{border-color:var(--color-error)}.ecabs-checkbox-v2--error:hover{border-color:var(--color-error);background-color:var(--color-white)}.ecabs-checkbox-v2--disabled{opacity:.5;cursor:default;border-color:var(--color-gray-200);background-color:var(--color-white)}.ecabs-checkbox-v2--disabled:hover{border-color:var(--color-gray-200);background-color:var(--color-white)}\n"] }]
|
|
2756
2756
|
}], ctorParameters: () => [{ type: i0.Injector }, { type: i0.DestroyRef }], propDecorators: { label: [{
|
|
2757
2757
|
type: Input
|
|
2758
2758
|
}], showLabel: [{
|
|
@@ -2903,13 +2903,13 @@ class EcabsPickerHeaderComponent {
|
|
|
2903
2903
|
this.calendar.currentView =
|
|
2904
2904
|
this.calendar.currentView === 'month' ? 'multi-year' : 'month';
|
|
2905
2905
|
}
|
|
2906
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsPickerHeaderComponent, deps: [{ token: i6.MatCalendar }, { token: i2$
|
|
2907
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: EcabsPickerHeaderComponent, isStandalone: false, selector: "ecabs-picker-header", providers: [UnsubscribeService], ngImport: i0, template: "<div class=\"header\">\n <button mat-icon-button (click)=\"previousClicked()\">\n <mat-icon>keyboard_arrow_left</mat-icon>\n </button>\n <button mat-flat-button (click)=\"currentPeriodClicked()\">\n <span >{{ periodLabel }}</span>\n </button>\n\n <button mat-icon-button (click)=\"nextClicked()\">\n <mat-icon>keyboard_arrow_right</mat-icon>\n </button>\n</div>\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:
|
|
2906
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsPickerHeaderComponent, deps: [{ token: i6.MatCalendar }, { token: i2$2.DateAdapter }, { token: i0.ChangeDetectorRef }, { token: EcabsDatePickerHeaderService }, { token: UnsubscribeService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2907
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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: i2.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2908
2908
|
}
|
|
2909
2909
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsPickerHeaderComponent, decorators: [{
|
|
2910
2910
|
type: Component,
|
|
2911
|
-
args: [{ selector: 'ecabs-picker-header', changeDetection: ChangeDetectionStrategy.OnPush, providers: [UnsubscribeService], standalone: false, template: "<div class=\"header\">\n <button mat-icon-button (click)=\"previousClicked()\">\n <mat-icon>keyboard_arrow_left</mat-icon>\n </button>\n <button mat-flat-button (click)=\"currentPeriodClicked()\">\n <span >{{ periodLabel }}</span>\n </button>\n\n <button mat-icon-button (click)=\"nextClicked()\">\n <mat-icon>keyboard_arrow_right</mat-icon>\n </button>\n</div>\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"] }]
|
|
2912
|
-
}], ctorParameters: () => [{ type: i6.MatCalendar }, { type: i2$
|
|
2911
|
+
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"] }]
|
|
2912
|
+
}], ctorParameters: () => [{ type: i6.MatCalendar }, { type: i2$2.DateAdapter }, { type: i0.ChangeDetectorRef }, { type: EcabsDatePickerHeaderService }, { type: UnsubscribeService }] });
|
|
2913
2913
|
|
|
2914
2914
|
class EcabsDatePickerHeaderComponent {
|
|
2915
2915
|
ecabsDatePickerHeaderService;
|
|
@@ -2918,11 +2918,11 @@ class EcabsDatePickerHeaderComponent {
|
|
|
2918
2918
|
this.ecabsDatePickerHeaderService = ecabsDatePickerHeaderService;
|
|
2919
2919
|
}
|
|
2920
2920
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsDatePickerHeaderComponent, deps: [{ token: EcabsDatePickerHeaderService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2921
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: EcabsDatePickerHeaderComponent, isStandalone: false, selector: "ecabs-date-picker-header", inputs: { selectDateLabel: "selectDateLabel" }, ngImport: i0, template: "<div class=\"select-date-label text-xl font-semibold\">\n {{ selectDateLabel ?? (ecabsDatePickerHeaderService.getConfig() | async)?.selectDateLabel}}\n</div>\n<ecabs-picker-header></ecabs-picker-header>\n", styles: [""], dependencies: [{ kind: "component", type: EcabsPickerHeaderComponent, selector: "ecabs-picker-header" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2921
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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 });
|
|
2922
2922
|
}
|
|
2923
2923
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsDatePickerHeaderComponent, decorators: [{
|
|
2924
2924
|
type: Component,
|
|
2925
|
-
args: [{ selector: 'ecabs-date-picker-header', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"select-date-label text-xl font-semibold\">\n {{ selectDateLabel ?? (ecabsDatePickerHeaderService.getConfig() | async)?.selectDateLabel}}\n</div>\n<ecabs-picker-header></ecabs-picker-header>\n" }]
|
|
2925
|
+
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" }]
|
|
2926
2926
|
}], ctorParameters: () => [{ type: EcabsDatePickerHeaderService }], propDecorators: { selectDateLabel: [{
|
|
2927
2927
|
type: Input
|
|
2928
2928
|
}] } });
|
|
@@ -2934,11 +2934,11 @@ class EcabsDatePickerActionsComponent {
|
|
|
2934
2934
|
disabledApplyButton = false;
|
|
2935
2935
|
apply = new EventEmitter();
|
|
2936
2936
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsDatePickerActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2937
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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\">\n <ng-container *ngIf=\"!isDateRange\">\n <ecabs-buttons color=\"primary\"\n [style]=\"'stroked'\"\n matDatepickerCancel>\n {{ cancelLabel }}\n </ecabs-buttons>\n <ecabs-buttons color=\"primary\"\n matDatepickerApply\n [disabled]=\"disabledApplyButton\"\n (click)=\"apply.emit()\"\n (keydown.enter)=\"apply.emit()\">\n {{ applyLabel }}\n </ecabs-buttons>\n </ng-container>\n <ng-container *ngIf=\"isDateRange\">\n <ecabs-buttons color=\"primary\"\n [style]=\"'stroked'\"\n matDateRangePickerCancel>\n {{ cancelLabel }}\n </ecabs-buttons>\n <ecabs-buttons color=\"primary\"\n matDateRangePickerApply\n [disabled]=\"disabledApplyButton\"\n (click)=\"apply.emit()\"\n (keydown.enter)=\"apply.emit()\">\n {{ applyLabel }}\n </ecabs-buttons>\n </ng-container>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonsComponent, selector: "ecabs-buttons", inputs: ["disabled", "loading", "size", "type", "style", "full", "color"] }, { kind: "directive", type: i6.MatDatepickerCancel, selector: "[matDatepickerCancel], [matDateRangePickerCancel]" }, { kind: "directive", type: i6.MatDatepickerApply, selector: "[matDatepickerApply], [matDateRangePickerApply]" }] });
|
|
2937
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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 <ng-container *ngIf=\"!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 </ng-container>\r\n <ng-container *ngIf=\"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 </ng-container>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonsComponent, selector: "ecabs-buttons", inputs: ["disabled", "loading", "size", "type", "style", "full", "color"] }, { kind: "directive", type: i6.MatDatepickerCancel, selector: "[matDatepickerCancel], [matDateRangePickerCancel]" }, { kind: "directive", type: i6.MatDatepickerApply, selector: "[matDatepickerApply], [matDateRangePickerApply]" }] });
|
|
2938
2938
|
}
|
|
2939
2939
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsDatePickerActionsComponent, decorators: [{
|
|
2940
2940
|
type: Component,
|
|
2941
|
-
args: [{ selector: 'ecabs-date-picker-actions', standalone: false, template: "<div class=\"grid grid-cols-2 gap-4\">\n <ng-container *ngIf=\"!isDateRange\">\n <ecabs-buttons color=\"primary\"\n [style]=\"'stroked'\"\n matDatepickerCancel>\n {{ cancelLabel }}\n </ecabs-buttons>\n <ecabs-buttons color=\"primary\"\n matDatepickerApply\n [disabled]=\"disabledApplyButton\"\n (click)=\"apply.emit()\"\n (keydown.enter)=\"apply.emit()\">\n {{ applyLabel }}\n </ecabs-buttons>\n </ng-container>\n <ng-container *ngIf=\"isDateRange\">\n <ecabs-buttons color=\"primary\"\n [style]=\"'stroked'\"\n matDateRangePickerCancel>\n {{ cancelLabel }}\n </ecabs-buttons>\n <ecabs-buttons color=\"primary\"\n matDateRangePickerApply\n [disabled]=\"disabledApplyButton\"\n (click)=\"apply.emit()\"\n (keydown.enter)=\"apply.emit()\">\n {{ applyLabel }}\n </ecabs-buttons>\n </ng-container>\n</div>\n" }]
|
|
2941
|
+
args: [{ selector: 'ecabs-date-picker-actions', standalone: false, template: "<div class=\"grid grid-cols-2 gap-4\">\r\n <ng-container *ngIf=\"!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 </ng-container>\r\n <ng-container *ngIf=\"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 </ng-container>\r\n</div>\r\n" }]
|
|
2942
2942
|
}], propDecorators: { cancelLabel: [{
|
|
2943
2943
|
type: Input
|
|
2944
2944
|
}], applyLabel: [{
|
|
@@ -3063,7 +3063,7 @@ class EcabsDatePickerComponent extends EcabsElementBaseComponent {
|
|
|
3063
3063
|
multi: true,
|
|
3064
3064
|
},
|
|
3065
3065
|
UnsubscribeService,
|
|
3066
|
-
], viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["picker"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <div class=\"form-field__input--wrapper\">\n <input\n class=\"form-field__input date-input\"\n [id]=\"name\"\n [(ngModel)]=\"value\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [matDatepicker]=\"picker\"\n [min]=\"minDate\"\n [max]=\"maxDate\"\n [matDatepickerFilter]=\"filterDateRange\"\n (blur)=\"onTouch()\"\n />\n <mat-datepicker-toggle\n matSuffix [for]=\"picker\"\n class=\"text-gray-500\"\n >\n <mat-icon matDatepickerToggleIcon>calendar_today</mat-icon>\n </mat-datepicker-toggle>\n <mat-datepicker #picker\n [calendarHeaderComponent]=\"header\"\n [touchUi]=\"touchUi\"\n >\n <mat-datepicker-actions>\n <ecabs-date-picker-actions\n [applyLabel]=\"applyLabel ?? translationConfig?.applyLabel\"\n [cancelLabel]=\"cancelLabel ?? translationConfig?.cancelLabel\"\n [disabledApplyButton]=\"disabledApplyButton\"\n >\n </ecabs-date-picker-actions>\n </mat-datepicker-actions>\n </mat-datepicker>\n </div>\n</ecabs-element-wrapper>\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:
|
|
3066
|
+
], 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: i6.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i6.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i6.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i6.MatDatepickerToggleIcon, selector: "[matDatepickerToggleIcon]" }, { kind: "component", type: i6.MatDatepickerActions, selector: "mat-datepicker-actions, mat-date-range-picker-actions" }, { kind: "directive", type: i4$1.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: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.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"] }] });
|
|
3067
3067
|
}
|
|
3068
3068
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsDatePickerComponent, decorators: [{
|
|
3069
3069
|
type: Component,
|
|
@@ -3074,7 +3074,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
3074
3074
|
multi: true,
|
|
3075
3075
|
},
|
|
3076
3076
|
UnsubscribeService,
|
|
3077
|
-
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <div class=\"form-field__input--wrapper\">\n <input\n class=\"form-field__input date-input\"\n [id]=\"name\"\n [(ngModel)]=\"value\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [matDatepicker]=\"picker\"\n [min]=\"minDate\"\n [max]=\"maxDate\"\n [matDatepickerFilter]=\"filterDateRange\"\n (blur)=\"onTouch()\"\n />\n <mat-datepicker-toggle\n matSuffix [for]=\"picker\"\n class=\"text-gray-500\"\n >\n <mat-icon matDatepickerToggleIcon>calendar_today</mat-icon>\n </mat-datepicker-toggle>\n <mat-datepicker #picker\n [calendarHeaderComponent]=\"header\"\n [touchUi]=\"touchUi\"\n >\n <mat-datepicker-actions>\n <ecabs-date-picker-actions\n [applyLabel]=\"applyLabel ?? translationConfig?.applyLabel\"\n [cancelLabel]=\"cancelLabel ?? translationConfig?.cancelLabel\"\n [disabledApplyButton]=\"disabledApplyButton\"\n >\n </ecabs-date-picker-actions>\n </mat-datepicker-actions>\n </mat-datepicker>\n </div>\n</ecabs-element-wrapper>\n" }]
|
|
3077
|
+
], 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" }]
|
|
3078
3078
|
}], ctorParameters: () => [{ type: i0.Injector }, { type: EcabsDatePickerHeaderService }, { type: UnsubscribeService }], propDecorators: { minDate: [{
|
|
3079
3079
|
type: Input
|
|
3080
3080
|
}], maxDate: [{
|
|
@@ -3107,11 +3107,11 @@ class EcabsDateTimePickerHeaderComponent {
|
|
|
3107
3107
|
this.ecabsDatePickerHeaderService = ecabsDatePickerHeaderService;
|
|
3108
3108
|
}
|
|
3109
3109
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsDateTimePickerHeaderComponent, deps: [{ token: EcabsDatePickerHeaderService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3110
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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\">\n {{ headerLabel ?? (ecabsDatePickerHeaderService.getConfig() | async)?.selectDateTimeLabel }}\n</div>\n<ecabs-picker-header></ecabs-picker-header>\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 });
|
|
3110
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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 });
|
|
3111
3111
|
}
|
|
3112
3112
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsDateTimePickerHeaderComponent, decorators: [{
|
|
3113
3113
|
type: Component,
|
|
3114
|
-
args: [{ selector: 'ecabs-time-date-picker-header', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"select-date-label text-xl font-semibold\">\n {{ headerLabel ?? (ecabsDatePickerHeaderService.getConfig() | async)?.selectDateTimeLabel }}\n</div>\n<ecabs-picker-header></ecabs-picker-header>\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"] }]
|
|
3114
|
+
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"] }]
|
|
3115
3115
|
}], ctorParameters: () => [{ type: EcabsDatePickerHeaderService }], propDecorators: { headerLabel: [{
|
|
3116
3116
|
type: Input
|
|
3117
3117
|
}] } });
|
|
@@ -3551,7 +3551,7 @@ class EcabsDateTimePickerComponent extends EcabsElementBaseComponent {
|
|
|
3551
3551
|
},
|
|
3552
3552
|
DecimalPipe,
|
|
3553
3553
|
UnsubscribeService,
|
|
3554
|
-
], 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()\">\n <div class=\"form-field__input--wrapper w-full\">\n <input\n class=\"fake-input\"\n [id]=\"_date\"\n [(ngModel)]=\"_date\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [matDatepicker]=\"picker\"\n [min]=\"minDate\"\n [max]=\"maxDate\"\n (blur)=\"onTouch()\"\n />\n <mat-datepicker #picker [calendarHeaderComponent]=\"header\" [touchUi]=\"touchUi\" class=\"datepicker-ui\">\n <mat-datepicker-actions>\n <div class=\"actions\">\n <div class=\"time--inputs\">\n <input\n class=\"form-field__input time\"\n ecabsDigitsOnly\n ecabsNumberBorder\n [digitsOnly]=\"true\"\n [id]=\"hours\"\n [value]=\"_hours\"\n [maxValue]=\"maxValueHours\"\n [(ngModel)]=\"hours\"\n />\n <span class=\"font-bold\">:</span>\n <input\n class=\"form-field__input time\"\n [id]=\"minutes\"\n [(ngModel)]=\"minutes\"\n ecabsDigitsOnly\n ecabsNumberBorder\n [digitsOnly]=\"true\"\n [maxValue]=\"maxValueMinutesSeconds\"\n />\n\n <ng-container *ngIf=\"!hideSeconds\">\n <span class=\"font-bold\">:</span>\n <input\n class=\"form-field__input time\"\n [id]=\"seconds\"\n [(ngModel)]=\"seconds\"\n ecabsDigitsOnly\n ecabsNumberBorder\n [digitsOnly]=\"true\"\n [maxValue]=\"maxValueMinutesSeconds\"\n />\n </ng-container>\n </div>\n\n <ecabs-date-picker-actions [applyLabel]=\"applyLabel ?? translationConfig?.applyLabel\"\n [cancelLabel]=\"cancelLabel ?? translationConfig?.cancelLabel\"\n (apply)=\"onApply()\">\n </ecabs-date-picker-actions>\n </div>\n </mat-datepicker-actions>\n </mat-datepicker>\n <input #matCustomInput\n class=\"form-field__input w-full date-input\"\n [id]=\"name\"\n [(ngModel)]=\"pickerValue\"\n placeholder=\"dd/MM/yyyy, HH:mm\"\n [disabled]=\"disabled\"\n ecabsMaskDate\n [isDateTimeMask]=\"true\"\n [considerSeconds]=\"!hideSeconds\"\n (blur)=\"onTouch()\"\n />\n\n <mat-datepicker-toggle matSuffix [for]=\"picker\">\n <mat-icon matDatepickerToggleIcon\n class=\"text-gray-500\">\n calendar_today\n </mat-icon>\n </mat-datepicker-toggle>\n </div>\n</ecabs-element-wrapper>\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: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "component", type:
|
|
3554
|
+
], 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 <ng-container *ngIf=\"!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 </ng-container>\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=\"dd/MM/yyyy, HH:mm\"\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: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: i6.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i6.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i6.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i6.MatDatepickerToggleIcon, selector: "[matDatepickerToggleIcon]" }, { kind: "component", type: i6.MatDatepickerActions, selector: "mat-datepicker-actions, mat-date-range-picker-actions" }, { kind: "directive", type: i4$1.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: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.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", "allowRange", "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"] }] });
|
|
3555
3555
|
}
|
|
3556
3556
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsDateTimePickerComponent, decorators: [{
|
|
3557
3557
|
type: Component,
|
|
@@ -3563,7 +3563,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
3563
3563
|
},
|
|
3564
3564
|
DecimalPipe,
|
|
3565
3565
|
UnsubscribeService,
|
|
3566
|
-
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <div class=\"form-field__input--wrapper w-full\">\n <input\n class=\"fake-input\"\n [id]=\"_date\"\n [(ngModel)]=\"_date\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [matDatepicker]=\"picker\"\n [min]=\"minDate\"\n [max]=\"maxDate\"\n (blur)=\"onTouch()\"\n />\n <mat-datepicker #picker [calendarHeaderComponent]=\"header\" [touchUi]=\"touchUi\" class=\"datepicker-ui\">\n <mat-datepicker-actions>\n <div class=\"actions\">\n <div class=\"time--inputs\">\n <input\n class=\"form-field__input time\"\n ecabsDigitsOnly\n ecabsNumberBorder\n [digitsOnly]=\"true\"\n [id]=\"hours\"\n [value]=\"_hours\"\n [maxValue]=\"maxValueHours\"\n [(ngModel)]=\"hours\"\n />\n <span class=\"font-bold\">:</span>\n <input\n class=\"form-field__input time\"\n [id]=\"minutes\"\n [(ngModel)]=\"minutes\"\n ecabsDigitsOnly\n ecabsNumberBorder\n [digitsOnly]=\"true\"\n [maxValue]=\"maxValueMinutesSeconds\"\n />\n\n <ng-container *ngIf=\"!hideSeconds\">\n <span class=\"font-bold\">:</span>\n <input\n class=\"form-field__input time\"\n [id]=\"seconds\"\n [(ngModel)]=\"seconds\"\n ecabsDigitsOnly\n ecabsNumberBorder\n [digitsOnly]=\"true\"\n [maxValue]=\"maxValueMinutesSeconds\"\n />\n </ng-container>\n </div>\n\n <ecabs-date-picker-actions [applyLabel]=\"applyLabel ?? translationConfig?.applyLabel\"\n [cancelLabel]=\"cancelLabel ?? translationConfig?.cancelLabel\"\n (apply)=\"onApply()\">\n </ecabs-date-picker-actions>\n </div>\n </mat-datepicker-actions>\n </mat-datepicker>\n <input #matCustomInput\n class=\"form-field__input w-full date-input\"\n [id]=\"name\"\n [(ngModel)]=\"pickerValue\"\n placeholder=\"dd/MM/yyyy, HH:mm\"\n [disabled]=\"disabled\"\n ecabsMaskDate\n [isDateTimeMask]=\"true\"\n [considerSeconds]=\"!hideSeconds\"\n (blur)=\"onTouch()\"\n />\n\n <mat-datepicker-toggle matSuffix [for]=\"picker\">\n <mat-icon matDatepickerToggleIcon\n class=\"text-gray-500\">\n calendar_today\n </mat-icon>\n </mat-datepicker-toggle>\n </div>\n</ecabs-element-wrapper>\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"] }]
|
|
3566
|
+
], standalone: false, 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 <ng-container *ngIf=\"!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 </ng-container>\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=\"dd/MM/yyyy, HH:mm\"\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"] }]
|
|
3567
3567
|
}], ctorParameters: () => [{ type: i0.Injector }, { type: i1.DecimalPipe }, { type: i0.ChangeDetectorRef }, { type: EcabsDatePickerHeaderService }, { type: UnsubscribeService }], propDecorators: { matCustomInput: [{
|
|
3568
3568
|
type: ViewChild,
|
|
3569
3569
|
args: ['matCustomInput', { static: false }]
|
|
@@ -3724,11 +3724,11 @@ class EcabsDateRangePickerHeaderComponent {
|
|
|
3724
3724
|
this.ecabsDatePickerHeaderService = ecabsDatePickerHeaderService;
|
|
3725
3725
|
}
|
|
3726
3726
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsDateRangePickerHeaderComponent, deps: [{ token: EcabsDatePickerHeaderService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3727
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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\">\n {{selectDateRangeLabel ?? (ecabsDatePickerHeaderService.getConfig() | async)?.selectDateRangeLabel}}\n</div>\n<ecabs-picker-header></ecabs-picker-header>\n", styles: [""], dependencies: [{ kind: "component", type: EcabsPickerHeaderComponent, selector: "ecabs-picker-header" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3727
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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 });
|
|
3728
3728
|
}
|
|
3729
3729
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsDateRangePickerHeaderComponent, decorators: [{
|
|
3730
3730
|
type: Component,
|
|
3731
|
-
args: [{ selector: 'ecabs-date-range-picker-header', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"select-date-label text-xl font-semibold\">\n {{selectDateRangeLabel ?? (ecabsDatePickerHeaderService.getConfig() | async)?.selectDateRangeLabel}}\n</div>\n<ecabs-picker-header></ecabs-picker-header>\n" }]
|
|
3731
|
+
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" }]
|
|
3732
3732
|
}], ctorParameters: () => [{ type: EcabsDatePickerHeaderService }], propDecorators: { selectDateRangeLabel: [{
|
|
3733
3733
|
type: Input
|
|
3734
3734
|
}] } });
|
|
@@ -3887,7 +3887,7 @@ class EcabsDateRangePickerComponent extends EcabsElementBaseComponent {
|
|
|
3887
3887
|
multi: true,
|
|
3888
3888
|
},
|
|
3889
3889
|
UnsubscribeService,
|
|
3890
|
-
], viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["picker"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <div class=\"form-field__input--wrapper\">\n <mat-date-range-input \n [rangePicker]=\"picker\" \n [min]=\"minDate\"\n [max]=\"maxDate\" \n (blur)=\"onTouch()\">\n <input matStartDate class=\"form-field__input\" [placeholder]=\"startDatePlaceholder ?? translationConfig?.startDatePlaceholder\" [value]=\"dateFrom\" [(ngModel)]=\"dateFrom\" />\n <input matEndDate class=\"form-field__input\" [placeholder]=\"endDatePlaceholder ?? translationConfig?.endDatePlaceholder\" [value]=\"dateTo\" [(ngModel)]=\"dateTo\" />\n </mat-date-range-input>\n <mat-datepicker-toggle matSuffix [for]=\"picker\">\n <mat-icon matDatepickerToggleIcon class=\"text-gray-500\">calendar_today</mat-icon>\n </mat-datepicker-toggle>\n <mat-date-range-picker #picker [calendarHeaderComponent]=\"header\" [touchUi]=\"touchUi\">\n <mat-datepicker-actions>\n <ecabs-date-picker-actions [applyLabel]=\"applyLabel ?? translationConfig?.applyLabel\"\n [cancelLabel]=\"cancelLabel ?? translationConfig?.cancelLabel\"\n [isDateRange]=\"true\"\n [disabledApplyButton]=\"disabledApplyButton\"\n (apply)=\"onApply()\">\n </ecabs-date-picker-actions>\n </mat-datepicker-actions>\n </mat-date-range-picker>\n </div>\n</ecabs-element-wrapper>\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}:root{--mat-option-label-text-size: 13px}.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}.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)}.ecabs-date-range-picker-v2 .mat-calendar-content{padding:0 1.6rem 1.6rem}ecabs-date-range-picker-v2 .mat-datepicker-input{text-align:center}ecabs-date-range-picker-v2 input{border:none;box-shadow:none}ecabs-date-range-picker-v2 input:focus{outline:none;box-shadow:none}:root{--color-black: #020618;--color-white: #ffffff;--color-white-opacity-05: rgba(0, 0, 0, .05);--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CAD5E2;--color-gray-400: #90A1B9;--color-gray-500: #62748E;--color-gray-600: #45556C;--color-gray-700: #314158;--color-gray-800: #1D293D;--color-gray-900: #0F172B;--color-gray-950: #020618;--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: #bb032a;--color-error-opacity: #FFF0EE;--color-error-border: #FFCDC6;--color-error-rgb: 223, 56, 56;--color-notification: #f4d04f;--color-notification-rgb: 244, 208, 79;--color-info: #325fda;--color-info-rgb: 50, 95, 218;--color-info-messages: #e3e9f3;--color-info-border: #D1D8F7;--color-warning: #845201;--color-warning-opacity: #FDF2DC;--color-warning-border: #FBE5B6;--color-success: #166C3B;--color-success--opacity: #EAF6ED;--color-success-border: #CEEAD5;--color-success-rgb: 7, 81, 69;--color-default-border: #D5E1ED;--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-300);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: i2$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i6.MatDatepickerToggleIcon, selector: "[matDatepickerToggleIcon]" }, { kind: "component", type: i6.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i6.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i6.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i6.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i6.MatDatepickerActions, selector: "mat-datepicker-actions, mat-date-range-picker-actions" }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.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"] }] });
|
|
3890
|
+
], viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["picker"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <div class=\"form-field__input--wrapper\">\r\n <mat-date-range-input \r\n [rangePicker]=\"picker\" \r\n [min]=\"minDate\"\r\n [max]=\"maxDate\" \r\n (blur)=\"onTouch()\">\r\n <input matStartDate class=\"form-field__input\" [placeholder]=\"startDatePlaceholder ?? translationConfig?.startDatePlaceholder\" [value]=\"dateFrom\" [(ngModel)]=\"dateFrom\" />\r\n <input matEndDate class=\"form-field__input\" [placeholder]=\"endDatePlaceholder ?? translationConfig?.endDatePlaceholder\" [value]=\"dateTo\" [(ngModel)]=\"dateTo\" />\r\n </mat-date-range-input>\r\n <mat-datepicker-toggle matSuffix [for]=\"picker\">\r\n <mat-icon matDatepickerToggleIcon class=\"text-gray-500\">calendar_today</mat-icon>\r\n </mat-datepicker-toggle>\r\n <mat-date-range-picker #picker [calendarHeaderComponent]=\"header\" [touchUi]=\"touchUi\">\r\n <mat-datepicker-actions>\r\n <ecabs-date-picker-actions [applyLabel]=\"applyLabel ?? translationConfig?.applyLabel\"\r\n [cancelLabel]=\"cancelLabel ?? translationConfig?.cancelLabel\"\r\n [isDateRange]=\"true\"\r\n [disabledApplyButton]=\"disabledApplyButton\"\r\n (apply)=\"onApply()\">\r\n </ecabs-date-picker-actions>\r\n </mat-datepicker-actions>\r\n </mat-date-range-picker>\r\n </div>\r\n</ecabs-element-wrapper>\r\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}:root{--mat-option-label-text-size: 13px}.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}.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)}.ecabs-date-range-picker-v2 .mat-calendar-content{padding:0 1.6rem 1.6rem}ecabs-date-range-picker-v2 .mat-datepicker-input{text-align:center}ecabs-date-range-picker-v2 input{border:none;box-shadow:none}ecabs-date-range-picker-v2 input:focus{outline:none;box-shadow:none}:root{--color-black: #020618;--color-white: #ffffff;--color-white-opacity-05: rgba(0, 0, 0, .05);--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CAD5E2;--color-gray-400: #90A1B9;--color-gray-500: #62748E;--color-gray-600: #45556C;--color-gray-700: #314158;--color-gray-800: #1D293D;--color-gray-900: #0F172B;--color-gray-950: #020618;--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: #bb032a;--color-error-opacity: #FFF0EE;--color-error-border: #FFCDC6;--color-error-rgb: 223, 56, 56;--color-notification: #f4d04f;--color-notification-rgb: 244, 208, 79;--color-info: #325fda;--color-info-rgb: 50, 95, 218;--color-info-messages: #e3e9f3;--color-info-border: #D1D8F7;--color-warning: #845201;--color-warning-opacity: #FDF2DC;--color-warning-border: #FBE5B6;--color-success: #166C3B;--color-success--opacity: #EAF6ED;--color-success-border: #CEEAD5;--color-success-rgb: 7, 81, 69;--color-default-border: #D5E1ED;--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-300);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: i6.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i6.MatDatepickerToggleIcon, selector: "[matDatepickerToggleIcon]" }, { kind: "component", type: i6.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i6.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i6.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i6.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i6.MatDatepickerActions, selector: "mat-datepicker-actions, mat-date-range-picker-actions" }, { kind: "directive", type: i4$1.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: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.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"] }] });
|
|
3891
3891
|
}
|
|
3892
3892
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsDateRangePickerComponent, decorators: [{
|
|
3893
3893
|
type: Component,
|
|
@@ -3903,7 +3903,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
3903
3903
|
multi: true,
|
|
3904
3904
|
},
|
|
3905
3905
|
UnsubscribeService,
|
|
3906
|
-
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <div class=\"form-field__input--wrapper\">\n <mat-date-range-input \n [rangePicker]=\"picker\" \n [min]=\"minDate\"\n [max]=\"maxDate\" \n (blur)=\"onTouch()\">\n <input matStartDate class=\"form-field__input\" [placeholder]=\"startDatePlaceholder ?? translationConfig?.startDatePlaceholder\" [value]=\"dateFrom\" [(ngModel)]=\"dateFrom\" />\n <input matEndDate class=\"form-field__input\" [placeholder]=\"endDatePlaceholder ?? translationConfig?.endDatePlaceholder\" [value]=\"dateTo\" [(ngModel)]=\"dateTo\" />\n </mat-date-range-input>\n <mat-datepicker-toggle matSuffix [for]=\"picker\">\n <mat-icon matDatepickerToggleIcon class=\"text-gray-500\">calendar_today</mat-icon>\n </mat-datepicker-toggle>\n <mat-date-range-picker #picker [calendarHeaderComponent]=\"header\" [touchUi]=\"touchUi\">\n <mat-datepicker-actions>\n <ecabs-date-picker-actions [applyLabel]=\"applyLabel ?? translationConfig?.applyLabel\"\n [cancelLabel]=\"cancelLabel ?? translationConfig?.cancelLabel\"\n [isDateRange]=\"true\"\n [disabledApplyButton]=\"disabledApplyButton\"\n (apply)=\"onApply()\">\n </ecabs-date-picker-actions>\n </mat-datepicker-actions>\n </mat-date-range-picker>\n </div>\n</ecabs-element-wrapper>\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}:root{--mat-option-label-text-size: 13px}.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}.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)}.ecabs-date-range-picker-v2 .mat-calendar-content{padding:0 1.6rem 1.6rem}ecabs-date-range-picker-v2 .mat-datepicker-input{text-align:center}ecabs-date-range-picker-v2 input{border:none;box-shadow:none}ecabs-date-range-picker-v2 input:focus{outline:none;box-shadow:none}:root{--color-black: #020618;--color-white: #ffffff;--color-white-opacity-05: rgba(0, 0, 0, .05);--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CAD5E2;--color-gray-400: #90A1B9;--color-gray-500: #62748E;--color-gray-600: #45556C;--color-gray-700: #314158;--color-gray-800: #1D293D;--color-gray-900: #0F172B;--color-gray-950: #020618;--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: #bb032a;--color-error-opacity: #FFF0EE;--color-error-border: #FFCDC6;--color-error-rgb: 223, 56, 56;--color-notification: #f4d04f;--color-notification-rgb: 244, 208, 79;--color-info: #325fda;--color-info-rgb: 50, 95, 218;--color-info-messages: #e3e9f3;--color-info-border: #D1D8F7;--color-warning: #845201;--color-warning-opacity: #FDF2DC;--color-warning-border: #FBE5B6;--color-success: #166C3B;--color-success--opacity: #EAF6ED;--color-success-border: #CEEAD5;--color-success-rgb: 7, 81, 69;--color-default-border: #D5E1ED;--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-300);color:var(--color-black);line-height:1.5}:host ::ng-deep .mat-mdc-icon-button{max-width:2.5rem;max-height:2.5rem}\n"] }]
|
|
3906
|
+
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <div class=\"form-field__input--wrapper\">\r\n <mat-date-range-input \r\n [rangePicker]=\"picker\" \r\n [min]=\"minDate\"\r\n [max]=\"maxDate\" \r\n (blur)=\"onTouch()\">\r\n <input matStartDate class=\"form-field__input\" [placeholder]=\"startDatePlaceholder ?? translationConfig?.startDatePlaceholder\" [value]=\"dateFrom\" [(ngModel)]=\"dateFrom\" />\r\n <input matEndDate class=\"form-field__input\" [placeholder]=\"endDatePlaceholder ?? translationConfig?.endDatePlaceholder\" [value]=\"dateTo\" [(ngModel)]=\"dateTo\" />\r\n </mat-date-range-input>\r\n <mat-datepicker-toggle matSuffix [for]=\"picker\">\r\n <mat-icon matDatepickerToggleIcon class=\"text-gray-500\">calendar_today</mat-icon>\r\n </mat-datepicker-toggle>\r\n <mat-date-range-picker #picker [calendarHeaderComponent]=\"header\" [touchUi]=\"touchUi\">\r\n <mat-datepicker-actions>\r\n <ecabs-date-picker-actions [applyLabel]=\"applyLabel ?? translationConfig?.applyLabel\"\r\n [cancelLabel]=\"cancelLabel ?? translationConfig?.cancelLabel\"\r\n [isDateRange]=\"true\"\r\n [disabledApplyButton]=\"disabledApplyButton\"\r\n (apply)=\"onApply()\">\r\n </ecabs-date-picker-actions>\r\n </mat-datepicker-actions>\r\n </mat-date-range-picker>\r\n </div>\r\n</ecabs-element-wrapper>\r\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}:root{--mat-option-label-text-size: 13px}.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}.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)}.ecabs-date-range-picker-v2 .mat-calendar-content{padding:0 1.6rem 1.6rem}ecabs-date-range-picker-v2 .mat-datepicker-input{text-align:center}ecabs-date-range-picker-v2 input{border:none;box-shadow:none}ecabs-date-range-picker-v2 input:focus{outline:none;box-shadow:none}:root{--color-black: #020618;--color-white: #ffffff;--color-white-opacity-05: rgba(0, 0, 0, .05);--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CAD5E2;--color-gray-400: #90A1B9;--color-gray-500: #62748E;--color-gray-600: #45556C;--color-gray-700: #314158;--color-gray-800: #1D293D;--color-gray-900: #0F172B;--color-gray-950: #020618;--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: #bb032a;--color-error-opacity: #FFF0EE;--color-error-border: #FFCDC6;--color-error-rgb: 223, 56, 56;--color-notification: #f4d04f;--color-notification-rgb: 244, 208, 79;--color-info: #325fda;--color-info-rgb: 50, 95, 218;--color-info-messages: #e3e9f3;--color-info-border: #D1D8F7;--color-warning: #845201;--color-warning-opacity: #FDF2DC;--color-warning-border: #FBE5B6;--color-success: #166C3B;--color-success--opacity: #EAF6ED;--color-success-border: #CEEAD5;--color-success-rgb: 7, 81, 69;--color-default-border: #D5E1ED;--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-300);color:var(--color-black);line-height:1.5}:host ::ng-deep .mat-mdc-icon-button{max-width:2.5rem;max-height:2.5rem}\n"] }]
|
|
3907
3907
|
}], ctorParameters: () => [{ type: i0.Injector }, { type: EcabsDatePickerHeaderService }, { type: UnsubscribeService }], propDecorators: { minDate: [{
|
|
3908
3908
|
type: Input
|
|
3909
3909
|
}], maxDate: [{
|
|
@@ -4045,11 +4045,11 @@ class EcabsDateTimeRangePickerHeaderComponent {
|
|
|
4045
4045
|
this.ecabsDatePickerHeaderService = ecabsDatePickerHeaderService;
|
|
4046
4046
|
}
|
|
4047
4047
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsDateTimeRangePickerHeaderComponent, deps: [{ token: EcabsDatePickerHeaderService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4048
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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\">\n {{ headerLabel ?? (ecabsDatePickerHeaderService.getConfig() | async)?.selectDateTimeRangeLabel}}\n </div>\n <ecabs-picker-header ></ecabs-picker-header>\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" }] });
|
|
4048
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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" }] });
|
|
4049
4049
|
}
|
|
4050
4050
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsDateTimeRangePickerHeaderComponent, decorators: [{
|
|
4051
4051
|
type: Component,
|
|
4052
|
-
args: [{ selector: 'ecabs-date-time-range-picker-header', standalone: false, template: "<div class=\"select-date-label text-xl font-semibold\">\n {{ headerLabel ?? (ecabsDatePickerHeaderService.getConfig() | async)?.selectDateTimeRangeLabel}}\n </div>\n <ecabs-picker-header ></ecabs-picker-header>\n", styles: [":host ::ng-deep ecabs-picker-header{display:none!important}\n"] }]
|
|
4052
|
+
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"] }]
|
|
4053
4053
|
}], ctorParameters: () => [{ type: EcabsDatePickerHeaderService }], propDecorators: { headerLabel: [{
|
|
4054
4054
|
type: Input
|
|
4055
4055
|
}] } });
|
|
@@ -4291,7 +4291,7 @@ class EcabsDateTimeRangePickerComponent extends EcabsElementBaseComponent {
|
|
|
4291
4291
|
},
|
|
4292
4292
|
DecimalPipe,
|
|
4293
4293
|
UnsubscribeService,
|
|
4294
|
-
], usesInheritance: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <div class=\"form-field__input--wrapper w-full\">\n <input\n class=\"fake-input\"\n [id]=\"_date\"\n [(ngModel)]=\"_date\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled || controlDate?.disabled\"\n [matDatepicker]=\"picker\"\n (blur)=\"onTouch()\"\n />\n <mat-datepicker\n (opened)=\"opened()\"\n #picker\n [calendarHeaderComponent]=\"header\"\n [touchUi]=\"touchUi\"\n >\n <mat-datepicker-actions>\n <div class=\"flex flex-col w-full gap-y-4\">\n <div class=\"flex gap-2 justify-center items-center\">\n <div class=\"flex flex-col justify-center\">\n <div class=\"text-center\">{{ from ?? translationConfig?.from }}</div>\n <div class=\"flex gap-2 justify-center items-center\">\n <input\n class=\"block form-field__input time\"\n ecabsDigitsOnly\n ecabsNumberBorder\n [digitsOnly]=\"true\"\n [id]=\"hoursFrom\"\n [maxValue]=\"maxValueHours\"\n [(ngModel)]=\"hoursFrom\"\n />\n\n <span class=\"font-bold\">:</span>\n <input\n class=\"form-field__input time\"\n [id]=\"minutesFrom\"\n [(ngModel)]=\"minutesFrom\"\n ecabsDigitsOnly\n ecabsNumberBorder\n [digitsOnly]=\"true\"\n [maxValue]=\"maxValueMinutesSeconds\"\n />\n </div>\n </div>\n </div>\n <div class=\"time--inputs\"></div>\n <div class=\"flex gap-2 justify-center items-center mb-5\">\n <div class=\"flex flex-col justify-center\">\n <div class=\"text-center\">{{ to ?? translationConfig?.to }}</div>\n <div class=\"flex gap-2 justify-center items-center\">\n <input\n class=\"form-field__input time\"\n ecabsDigitsOnly\n ecabsNumberBorder\n [digitsOnly]=\"true\"\n [id]=\"hoursTo\"\n [maxValue]=\"maxValueHours\"\n [(ngModel)]=\"hoursTo\"\n />\n <span class=\"font-bold\">:</span>\n <input\n class=\"form-field__input time\"\n [id]=\"minutesTo\"\n [(ngModel)]=\"minutesTo\"\n ecabsDigitsOnly\n ecabsNumberBorder\n [digitsOnly]=\"true\"\n [maxValue]=\"maxValueMinutesSeconds\"\n />\n </div>\n </div>\n </div>\n <ecabs-date-picker-actions [applyLabel]=\"applyLabel ?? translationConfig?.applyLabel\"\n [cancelLabel]=\"cancelLabel ?? translationConfig?.cancelLabel\"\n (apply)=\"onApply()\">\n </ecabs-date-picker-actions>\n </div>\n </mat-datepicker-actions>\n </mat-datepicker>\n <input\n class=\"form-field__input w-full date-input\"\n [id]=\"name\"\n [(ngModel)]=\"pickerValue\"\n placeholder=\"00:00 - 00:00\"\n [disabled]=\"disabled || controlDate?.disabled\"\n ecabsTime\n [all]=\"allLabel\"\n [timeRange]=\"true\"\n (blur)=\"onTouch()\"\n (blur)=\"blurChange($event)\"\n (keyup)=\"blurChange($event)\"\n (keydown)=\"keydownChange($event)\"\n />\n <button type=\"button\" class=\"text-gray-500 -translate-x-9\" (click)=\"picker.open()\">\n <mat-icon>access_time</mat-icon>\n </button>\n </div>\n</ecabs-element-wrapper>\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:
|
|
4294
|
+
], 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=\"00:00 - 00:00\"\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: i6.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i6.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i6.MatDatepickerActions, selector: "mat-datepicker-actions, mat-date-range-picker-actions" }, { kind: "directive", type: i4$1.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: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.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", "allowRange", "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"] }] });
|
|
4295
4295
|
}
|
|
4296
4296
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsDateTimeRangePickerComponent, decorators: [{
|
|
4297
4297
|
type: Component,
|
|
@@ -4303,7 +4303,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
4303
4303
|
},
|
|
4304
4304
|
DecimalPipe,
|
|
4305
4305
|
UnsubscribeService,
|
|
4306
|
-
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <div class=\"form-field__input--wrapper w-full\">\n <input\n class=\"fake-input\"\n [id]=\"_date\"\n [(ngModel)]=\"_date\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled || controlDate?.disabled\"\n [matDatepicker]=\"picker\"\n (blur)=\"onTouch()\"\n />\n <mat-datepicker\n (opened)=\"opened()\"\n #picker\n [calendarHeaderComponent]=\"header\"\n [touchUi]=\"touchUi\"\n >\n <mat-datepicker-actions>\n <div class=\"flex flex-col w-full gap-y-4\">\n <div class=\"flex gap-2 justify-center items-center\">\n <div class=\"flex flex-col justify-center\">\n <div class=\"text-center\">{{ from ?? translationConfig?.from }}</div>\n <div class=\"flex gap-2 justify-center items-center\">\n <input\n class=\"block form-field__input time\"\n ecabsDigitsOnly\n ecabsNumberBorder\n [digitsOnly]=\"true\"\n [id]=\"hoursFrom\"\n [maxValue]=\"maxValueHours\"\n [(ngModel)]=\"hoursFrom\"\n />\n\n <span class=\"font-bold\">:</span>\n <input\n class=\"form-field__input time\"\n [id]=\"minutesFrom\"\n [(ngModel)]=\"minutesFrom\"\n ecabsDigitsOnly\n ecabsNumberBorder\n [digitsOnly]=\"true\"\n [maxValue]=\"maxValueMinutesSeconds\"\n />\n </div>\n </div>\n </div>\n <div class=\"time--inputs\"></div>\n <div class=\"flex gap-2 justify-center items-center mb-5\">\n <div class=\"flex flex-col justify-center\">\n <div class=\"text-center\">{{ to ?? translationConfig?.to }}</div>\n <div class=\"flex gap-2 justify-center items-center\">\n <input\n class=\"form-field__input time\"\n ecabsDigitsOnly\n ecabsNumberBorder\n [digitsOnly]=\"true\"\n [id]=\"hoursTo\"\n [maxValue]=\"maxValueHours\"\n [(ngModel)]=\"hoursTo\"\n />\n <span class=\"font-bold\">:</span>\n <input\n class=\"form-field__input time\"\n [id]=\"minutesTo\"\n [(ngModel)]=\"minutesTo\"\n ecabsDigitsOnly\n ecabsNumberBorder\n [digitsOnly]=\"true\"\n [maxValue]=\"maxValueMinutesSeconds\"\n />\n </div>\n </div>\n </div>\n <ecabs-date-picker-actions [applyLabel]=\"applyLabel ?? translationConfig?.applyLabel\"\n [cancelLabel]=\"cancelLabel ?? translationConfig?.cancelLabel\"\n (apply)=\"onApply()\">\n </ecabs-date-picker-actions>\n </div>\n </mat-datepicker-actions>\n </mat-datepicker>\n <input\n class=\"form-field__input w-full date-input\"\n [id]=\"name\"\n [(ngModel)]=\"pickerValue\"\n placeholder=\"00:00 - 00:00\"\n [disabled]=\"disabled || controlDate?.disabled\"\n ecabsTime\n [all]=\"allLabel\"\n [timeRange]=\"true\"\n (blur)=\"onTouch()\"\n (blur)=\"blurChange($event)\"\n (keyup)=\"blurChange($event)\"\n (keydown)=\"keydownChange($event)\"\n />\n <button type=\"button\" class=\"text-gray-500 -translate-x-9\" (click)=\"picker.open()\">\n <mat-icon>access_time</mat-icon>\n </button>\n </div>\n</ecabs-element-wrapper>\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"] }]
|
|
4306
|
+
], standalone: false, 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=\"00:00 - 00:00\"\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"] }]
|
|
4307
4307
|
}], ctorParameters: () => [{ type: i0.Injector }, { type: i1.DecimalPipe }, { type: EcabsDatePickerHeaderService }, { type: UnsubscribeService }], propDecorators: { touchUi: [{
|
|
4308
4308
|
type: Input
|
|
4309
4309
|
}], cancelLabel: [{
|
|
@@ -4451,7 +4451,7 @@ class EcabsIncrementComponent extends EcabsElementBaseComponent {
|
|
|
4451
4451
|
useExisting: EcabsIncrementComponent,
|
|
4452
4452
|
multi: true,
|
|
4453
4453
|
},
|
|
4454
|
-
], usesInheritance: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <div class=\"form-field__input--wrapper\">\n <input ecabsDigitsOnly [digitsOnly]=\"digitsOnly\" [decimal]=\"allowDecimal\" [allowHyphen]=\"allowHyphen\"\n class=\"form-field__input\"\n [type]=\"type\"\n [id]=\"name\"\n [(ngModel)]=\"value\"\n [placeholder]=\"placeholder\"\n (blur)=\"onTouch()\"\n [disabled]=\"disabled\"\n [maxlength]=\"maxLength\"/>\n\n <div class=\"incrementor\">\n <mat-icon (click)=\"increment()\">add</mat-icon>\n <mat-icon (click)=\"decrement()\">remove</mat-icon>\n </div>\n </div>\n</ecabs-element-wrapper>\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}:root{--color-black: #020618;--color-white: #ffffff;--color-white-opacity-05: rgba(0, 0, 0, .05);--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CAD5E2;--color-gray-400: #90A1B9;--color-gray-500: #62748E;--color-gray-600: #45556C;--color-gray-700: #314158;--color-gray-800: #1D293D;--color-gray-900: #0F172B;--color-gray-950: #020618;--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: #bb032a;--color-error-opacity: #FFF0EE;--color-error-border: #FFCDC6;--color-error-rgb: 223, 56, 56;--color-notification: #f4d04f;--color-notification-rgb: 244, 208, 79;--color-info: #325fda;--color-info-rgb: 50, 95, 218;--color-info-messages: #e3e9f3;--color-info-border: #D1D8F7;--color-warning: #845201;--color-warning-opacity: #FDF2DC;--color-warning-border: #FBE5B6;--color-success: #166C3B;--color-success--opacity: #EAF6ED;--color-success-border: #CEEAD5;--color-success-rgb: 7, 81, 69;--color-default-border: #D5E1ED;--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)}:root{--mat-option-label-text-size: 13px}: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:
|
|
4454
|
+
], 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: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}:root{--color-black: #020618;--color-white: #ffffff;--color-white-opacity-05: rgba(0, 0, 0, .05);--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CAD5E2;--color-gray-400: #90A1B9;--color-gray-500: #62748E;--color-gray-600: #45556C;--color-gray-700: #314158;--color-gray-800: #1D293D;--color-gray-900: #0F172B;--color-gray-950: #020618;--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: #bb032a;--color-error-opacity: #FFF0EE;--color-error-border: #FFCDC6;--color-error-rgb: 223, 56, 56;--color-notification: #f4d04f;--color-notification-rgb: 244, 208, 79;--color-info: #325fda;--color-info-rgb: 50, 95, 218;--color-info-messages: #e3e9f3;--color-info-border: #D1D8F7;--color-warning: #845201;--color-warning-opacity: #FDF2DC;--color-warning-border: #FBE5B6;--color-success: #166C3B;--color-success--opacity: #EAF6ED;--color-success-border: #CEEAD5;--color-success-rgb: 7, 81, 69;--color-default-border: #D5E1ED;--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)}:root{--mat-option-label-text-size: 13px}: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: i4$1.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: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4$1.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", "allowRange", "decimal", "decimalSeparator", "unit"] }] });
|
|
4455
4455
|
}
|
|
4456
4456
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsIncrementComponent, decorators: [{
|
|
4457
4457
|
type: Component,
|
|
@@ -4461,7 +4461,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
4461
4461
|
useExisting: EcabsIncrementComponent,
|
|
4462
4462
|
multi: true,
|
|
4463
4463
|
},
|
|
4464
|
-
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <div class=\"form-field__input--wrapper\">\n <input ecabsDigitsOnly [digitsOnly]=\"digitsOnly\" [decimal]=\"allowDecimal\" [allowHyphen]=\"allowHyphen\"\n class=\"form-field__input\"\n [type]=\"type\"\n [id]=\"name\"\n [(ngModel)]=\"value\"\n [placeholder]=\"placeholder\"\n (blur)=\"onTouch()\"\n [disabled]=\"disabled\"\n [maxlength]=\"maxLength\"/>\n\n <div class=\"incrementor\">\n <mat-icon (click)=\"increment()\">add</mat-icon>\n <mat-icon (click)=\"decrement()\">remove</mat-icon>\n </div>\n </div>\n</ecabs-element-wrapper>\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}:root{--color-black: #020618;--color-white: #ffffff;--color-white-opacity-05: rgba(0, 0, 0, .05);--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CAD5E2;--color-gray-400: #90A1B9;--color-gray-500: #62748E;--color-gray-600: #45556C;--color-gray-700: #314158;--color-gray-800: #1D293D;--color-gray-900: #0F172B;--color-gray-950: #020618;--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: #bb032a;--color-error-opacity: #FFF0EE;--color-error-border: #FFCDC6;--color-error-rgb: 223, 56, 56;--color-notification: #f4d04f;--color-notification-rgb: 244, 208, 79;--color-info: #325fda;--color-info-rgb: 50, 95, 218;--color-info-messages: #e3e9f3;--color-info-border: #D1D8F7;--color-warning: #845201;--color-warning-opacity: #FDF2DC;--color-warning-border: #FBE5B6;--color-success: #166C3B;--color-success--opacity: #EAF6ED;--color-success-border: #CEEAD5;--color-success-rgb: 7, 81, 69;--color-default-border: #D5E1ED;--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)}:root{--mat-option-label-text-size: 13px}: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"] }]
|
|
4464
|
+
], 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: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}:root{--color-black: #020618;--color-white: #ffffff;--color-white-opacity-05: rgba(0, 0, 0, .05);--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CAD5E2;--color-gray-400: #90A1B9;--color-gray-500: #62748E;--color-gray-600: #45556C;--color-gray-700: #314158;--color-gray-800: #1D293D;--color-gray-900: #0F172B;--color-gray-950: #020618;--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: #bb032a;--color-error-opacity: #FFF0EE;--color-error-border: #FFCDC6;--color-error-rgb: 223, 56, 56;--color-notification: #f4d04f;--color-notification-rgb: 244, 208, 79;--color-info: #325fda;--color-info-rgb: 50, 95, 218;--color-info-messages: #e3e9f3;--color-info-border: #D1D8F7;--color-warning: #845201;--color-warning-opacity: #FDF2DC;--color-warning-border: #FBE5B6;--color-success: #166C3B;--color-success--opacity: #EAF6ED;--color-success-border: #CEEAD5;--color-success-rgb: 7, 81, 69;--color-default-border: #D5E1ED;--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)}:root{--mat-option-label-text-size: 13px}: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"] }]
|
|
4465
4465
|
}], ctorParameters: () => [{ type: i0.Injector }], propDecorators: { digitsOnly: [{
|
|
4466
4466
|
type: Input
|
|
4467
4467
|
}], allowDecimal: [{
|
|
@@ -5424,7 +5424,7 @@ class EcabsBasePhoneComponent {
|
|
|
5424
5424
|
}
|
|
5425
5425
|
this._previousFormattedNumber = this.phoneNumber?.toString();
|
|
5426
5426
|
}
|
|
5427
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsBasePhoneComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: CountryCode }, { token: i2$
|
|
5427
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsBasePhoneComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: CountryCode }, { token: i2$3.FocusMonitor }, { token: i0.ElementRef }, { token: i2$2.ErrorStateMatcher }, { token: i4$1.NgControl, optional: true, self: true }, { token: i4$1.NgForm, optional: true }, { token: i4$1.FormGroupDirective, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
5428
5428
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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: [
|
|
5429
5429
|
CountryCode,
|
|
5430
5430
|
{ provide: MatFormFieldControl, useExisting: EcabsBasePhoneComponent },
|
|
@@ -5433,7 +5433,7 @@ class EcabsBasePhoneComponent {
|
|
|
5433
5433
|
useValue: phoneNumberValidator,
|
|
5434
5434
|
multi: true,
|
|
5435
5435
|
},
|
|
5436
|
-
], 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\">\n <button\n type=\"button\"\n mat-button\n [matMenuTriggerFor]=\"menu\"\n class=\"country-selector\"\n [disabled]=\"disabled\"\n >\n <span\n class=\"country-selector-flag flag\"\n [ngClass]=\"flagClass(selectedCountry?.flagClass)\"\n ></span>\n <span class=\"country-selector-code\" *ngIf=\"selectedCountry?.dialCode\"\n >+{{ selectedCountry.dialCode }}</span\n >\n </button>\n <mat-menu #menu=\"matMenu\"\n class=\"ecabs-tel-input-mat-menu-panel\"\n backdropClass=\"ecabs-tel-input-overlay-backdrop\"\n overlayPanelClass=\"ecabs-tel-input-overlay-pane\">\n <input\n #searchInput\n *ngIf=\"enableSearch\"\n class=\"country-search\"\n [(ngModel)]=\"searchCriteria\"\n (ngModelChange)=\"onSearchInput()\"\n type=\"text\"\n [placeholder]=\"searchPlaceholder\"\n (click)=\"$event.stopPropagation()\"\n />\n <ng-container *ngIf=\"!searchCriteria\">\n <button\n type=\"button\"\n mat-menu-item\n class=\"country-list-button\"\n *ngFor=\"let country of preferredCountriesInDropDown\"\n (click)=\"onCountrySelect(country)\"\n >\n <div class=\"icon-wrapper\">\n <div class=\"flag\"\n [ngClass]=\"flagClass(country.flagClass)\"></div>\n </div>\n <div class=\"label-wrapper\">\n {{ country.name }}\n <span *ngIf=\"country?.dialCode\">+{{ country.dialCode }}</span>\n </div>\n </button>\n <mat-divider *ngIf=\"preferredCountriesInDropDown?.length\"></mat-divider>\n </ng-container>\n <ng-container *ngFor=\"let country of allCountries\">\n <button\n type=\"button\"\n mat-menu-item\n class=\"country-list-button\"\n *ngIf=\"country | search: searchCriteria\"\n (click)=\"onCountrySelect(country)\"\n >\n <div class=\"icon-wrapper\">\n <div class=\"flag\" [ngClass]=\"flagClass(country.flagClass)\"></div>\n </div>\n <div class=\"label-wrapper\">\n {{ country.name }} +{{ country.dialCode }}\n </div>\n </button>\n </ng-container>\n </mat-menu>\n\n <input #matCustomInput\n matInput\n type=\"tel\"\n autocomplete=\"tel\"\n [ngClass]=\"cssClass\"\n (blur)=\"onTouched()\"\n (keypress)=\"onInputKeyPress($event)\"\n [(ngModel)]=\"phoneNumber\"\n (ngModelChange)=\"onPhoneNumberChangeDebounce()\"\n [errorStateMatcher]=\"errorStateMatcher\"\n [placeholder]=\"inputPlaceholder\"\n [disabled]=\"disabled\"\n [aria-describedby]=\"describedBy\"\n />\n</div>\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;opacity:0;transition:opacity .2s;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: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.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: i7$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: i7$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i7$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: i2.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type:
|
|
5436
|
+
], 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 <span class=\"country-selector-code\" *ngIf=\"selectedCountry?.dialCode\"\r\n >+{{ selectedCountry.dialCode }}</span\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 <input\r\n #searchInput\r\n *ngIf=\"enableSearch\"\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 <ng-container *ngIf=\"!searchCriteria\">\r\n <button\r\n type=\"button\"\r\n mat-menu-item\r\n class=\"country-list-button\"\r\n *ngFor=\"let country of preferredCountriesInDropDown\"\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 <span *ngIf=\"country?.dialCode\">+{{ country.dialCode }}</span>\r\n </div>\r\n </button>\r\n <mat-divider *ngIf=\"preferredCountriesInDropDown?.length\"></mat-divider>\r\n </ng-container>\r\n <ng-container *ngFor=\"let country of allCountries\">\r\n <button\r\n type=\"button\"\r\n mat-menu-item\r\n class=\"country-list-button\"\r\n *ngIf=\"country | search: searchCriteria\"\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 </ng-container>\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;opacity:0;transition:opacity .2s;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: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4$1.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: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.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: i7$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: i7$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i7$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: i2.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i3$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "pipe", type: SearchPipe, name: "search" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5437
5437
|
}
|
|
5438
5438
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsBasePhoneComponent, decorators: [{
|
|
5439
5439
|
type: Component,
|
|
@@ -5445,14 +5445,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
5445
5445
|
useValue: phoneNumberValidator,
|
|
5446
5446
|
multi: true,
|
|
5447
5447
|
},
|
|
5448
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ecabs-tel-input-container\">\n <button\n type=\"button\"\n mat-button\n [matMenuTriggerFor]=\"menu\"\n class=\"country-selector\"\n [disabled]=\"disabled\"\n >\n <span\n class=\"country-selector-flag flag\"\n [ngClass]=\"flagClass(selectedCountry?.flagClass)\"\n ></span>\n <span class=\"country-selector-code\" *ngIf=\"selectedCountry?.dialCode\"\n >+{{ selectedCountry.dialCode }}</span\n >\n </button>\n <mat-menu #menu=\"matMenu\"\n class=\"ecabs-tel-input-mat-menu-panel\"\n backdropClass=\"ecabs-tel-input-overlay-backdrop\"\n overlayPanelClass=\"ecabs-tel-input-overlay-pane\">\n <input\n #searchInput\n *ngIf=\"enableSearch\"\n class=\"country-search\"\n [(ngModel)]=\"searchCriteria\"\n (ngModelChange)=\"onSearchInput()\"\n type=\"text\"\n [placeholder]=\"searchPlaceholder\"\n (click)=\"$event.stopPropagation()\"\n />\n <ng-container *ngIf=\"!searchCriteria\">\n <button\n type=\"button\"\n mat-menu-item\n class=\"country-list-button\"\n *ngFor=\"let country of preferredCountriesInDropDown\"\n (click)=\"onCountrySelect(country)\"\n >\n <div class=\"icon-wrapper\">\n <div class=\"flag\"\n [ngClass]=\"flagClass(country.flagClass)\"></div>\n </div>\n <div class=\"label-wrapper\">\n {{ country.name }}\n <span *ngIf=\"country?.dialCode\">+{{ country.dialCode }}</span>\n </div>\n </button>\n <mat-divider *ngIf=\"preferredCountriesInDropDown?.length\"></mat-divider>\n </ng-container>\n <ng-container *ngFor=\"let country of allCountries\">\n <button\n type=\"button\"\n mat-menu-item\n class=\"country-list-button\"\n *ngIf=\"country | search: searchCriteria\"\n (click)=\"onCountrySelect(country)\"\n >\n <div class=\"icon-wrapper\">\n <div class=\"flag\" [ngClass]=\"flagClass(country.flagClass)\"></div>\n </div>\n <div class=\"label-wrapper\">\n {{ country.name }} +{{ country.dialCode }}\n </div>\n </button>\n </ng-container>\n </mat-menu>\n\n <input #matCustomInput\n matInput\n type=\"tel\"\n autocomplete=\"tel\"\n [ngClass]=\"cssClass\"\n (blur)=\"onTouched()\"\n (keypress)=\"onInputKeyPress($event)\"\n [(ngModel)]=\"phoneNumber\"\n (ngModelChange)=\"onPhoneNumberChangeDebounce()\"\n [errorStateMatcher]=\"errorStateMatcher\"\n [placeholder]=\"inputPlaceholder\"\n [disabled]=\"disabled\"\n [aria-describedby]=\"describedBy\"\n />\n</div>\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;opacity:0;transition:opacity .2s;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"] }]
|
|
5449
|
-
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: CountryCode }, { type: i2$
|
|
5448
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, 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 <span class=\"country-selector-code\" *ngIf=\"selectedCountry?.dialCode\"\r\n >+{{ selectedCountry.dialCode }}</span\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 <input\r\n #searchInput\r\n *ngIf=\"enableSearch\"\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 <ng-container *ngIf=\"!searchCriteria\">\r\n <button\r\n type=\"button\"\r\n mat-menu-item\r\n class=\"country-list-button\"\r\n *ngFor=\"let country of preferredCountriesInDropDown\"\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 <span *ngIf=\"country?.dialCode\">+{{ country.dialCode }}</span>\r\n </div>\r\n </button>\r\n <mat-divider *ngIf=\"preferredCountriesInDropDown?.length\"></mat-divider>\r\n </ng-container>\r\n <ng-container *ngFor=\"let country of allCountries\">\r\n <button\r\n type=\"button\"\r\n mat-menu-item\r\n class=\"country-list-button\"\r\n *ngIf=\"country | search: searchCriteria\"\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 </ng-container>\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;opacity:0;transition:opacity .2s;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"] }]
|
|
5449
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: CountryCode }, { type: i2$3.FocusMonitor }, { type: i0.ElementRef }, { type: i2$2.ErrorStateMatcher }, { type: i4$1.NgControl, decorators: [{
|
|
5450
5450
|
type: Optional
|
|
5451
5451
|
}, {
|
|
5452
5452
|
type: Self
|
|
5453
|
-
}] }, { type: i4.NgForm, decorators: [{
|
|
5453
|
+
}] }, { type: i4$1.NgForm, decorators: [{
|
|
5454
5454
|
type: Optional
|
|
5455
|
-
}] }, { type: i4.FormGroupDirective, decorators: [{
|
|
5455
|
+
}] }, { type: i4$1.FormGroupDirective, decorators: [{
|
|
5456
5456
|
type: Optional
|
|
5457
5457
|
}] }], propDecorators: { preferredCountries: [{
|
|
5458
5458
|
type: Input
|
|
@@ -5536,6 +5536,16 @@ class EcabsPhoneComponent extends EcabsElementBaseComponent {
|
|
|
5536
5536
|
event.preventDefault();
|
|
5537
5537
|
}
|
|
5538
5538
|
}
|
|
5539
|
+
setDisabledState(isDisabled) {
|
|
5540
|
+
super.setDisabledState(isDisabled);
|
|
5541
|
+
const phone = this.phoneForm?.get('phone');
|
|
5542
|
+
if (isDisabled) {
|
|
5543
|
+
phone?.disable({ emitEvent: false });
|
|
5544
|
+
}
|
|
5545
|
+
else {
|
|
5546
|
+
phone?.enable({ emitEvent: false });
|
|
5547
|
+
}
|
|
5548
|
+
}
|
|
5539
5549
|
ngOnInit() {
|
|
5540
5550
|
this.phoneForm = new UntypedFormGroup({
|
|
5541
5551
|
phone: new UntypedFormControl({ value: undefined, disabled: this.disabled }, this.required ? [Validators.required] : []),
|
|
@@ -5610,7 +5620,7 @@ class EcabsPhoneComponent extends EcabsElementBaseComponent {
|
|
|
5610
5620
|
useExisting: EcabsPhoneComponent,
|
|
5611
5621
|
multi: true,
|
|
5612
5622
|
},
|
|
5613
|
-
], viewQueries: [{ propertyName: "phoneInput", first: true, predicate: ["phoneInput"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <form #f=\"ngForm\" [formGroup]=\"phoneForm\">\n <ecabs-base-phone\n [ngClass]=\"{ error: phoneForm.invalid && (phoneForm.dirty || phoneForm.touched) }\"\n #phoneInput\n [preferredCountries]=\"preferredCountries\"\n [enablePlaceholder]=\"enablePlaceholder\"\n [enableSearch]=\"enableSearch\"\n [disabled]=\"disabled\"\n [formControlName]=\"'phone'\"\n [inputPlaceholder]=\"placeholder\"\n [debounceTimeMs]=\"debounceTimeMs\"\n name=\"phone\"\n (focusout)=\"onBlur()\"\n >\n </ecabs-base-phone>\n </form>\n</ecabs-element-wrapper>\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: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.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"] }] });
|
|
5623
|
+
], 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>\r\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: i4$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4$1.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"] }] });
|
|
5614
5624
|
}
|
|
5615
5625
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsPhoneComponent, decorators: [{
|
|
5616
5626
|
type: Component,
|
|
@@ -5620,7 +5630,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
5620
5630
|
useExisting: EcabsPhoneComponent,
|
|
5621
5631
|
multi: true,
|
|
5622
5632
|
},
|
|
5623
|
-
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <form #f=\"ngForm\" [formGroup]=\"phoneForm\">\n <ecabs-base-phone\n [ngClass]=\"{ error: phoneForm.invalid && (phoneForm.dirty || phoneForm.touched) }\"\n #phoneInput\n [preferredCountries]=\"preferredCountries\"\n [enablePlaceholder]=\"enablePlaceholder\"\n [enableSearch]=\"enableSearch\"\n [disabled]=\"disabled\"\n [formControlName]=\"'phone'\"\n [inputPlaceholder]=\"placeholder\"\n [debounceTimeMs]=\"debounceTimeMs\"\n name=\"phone\"\n (focusout)=\"onBlur()\"\n >\n </ecabs-base-phone>\n </form>\n</ecabs-element-wrapper>\n" }]
|
|
5633
|
+
], standalone: false, 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>\r\n" }]
|
|
5624
5634
|
}], ctorParameters: () => [{ type: i0.Injector }, { type: EcabsComponentsService }, { type: i0.DestroyRef }], propDecorators: { preferredCountries: [{
|
|
5625
5635
|
type: Input
|
|
5626
5636
|
}], enablePlaceholder: [{
|
|
@@ -5764,7 +5774,7 @@ class EcabsRadioButtonListComponent extends EcabsElementBaseComponent {
|
|
|
5764
5774
|
useExisting: EcabsRadioButtonListComponent,
|
|
5765
5775
|
multi: true,
|
|
5766
5776
|
},
|
|
5767
|
-
], viewQueries: [{ propertyName: "matRadioGroup", first: true, predicate: MatRadioGroup, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <mat-radio-group\n [ngClass]=\"{ 'flex flex-col my-1': direction === 'vertical' }\"\n [(ngModel)]=\"value\"\n [disabled]=\"disabled\"\n [id]=\"name\"\n [name]=\"name\"\n (change)=\"changed.emit($event)\"\n >\n <mat-radio-button\n [disabled]=\"item.disabled\"\n [ngClass]=\"{ 'my-1': direction === 'vertical' }\"\n class=\"mr-4\"\n *ngFor=\"let item of items\"\n [value]=\"item.value\"\n >\n {{ item.label }}\n </mat-radio-button>\n </mat-radio-group>\n</ecabs-element-wrapper>\n", 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: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "directive", type: i3$
|
|
5777
|
+
], 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 <mat-radio-button\r\n [disabled]=\"item.disabled\"\r\n [ngClass]=\"{ 'my-1': direction === 'vertical' }\"\r\n class=\"mr-4\"\r\n *ngFor=\"let item of items\"\r\n [value]=\"item.value\"\r\n >\r\n {{ item.label }}\r\n </mat-radio-button>\r\n </mat-radio-group>\r\n</ecabs-element-wrapper>\r\n", 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: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
5768
5778
|
}
|
|
5769
5779
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsRadioButtonListComponent, decorators: [{
|
|
5770
5780
|
type: Component,
|
|
@@ -5774,7 +5784,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
5774
5784
|
useExisting: EcabsRadioButtonListComponent,
|
|
5775
5785
|
multi: true,
|
|
5776
5786
|
},
|
|
5777
|
-
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <mat-radio-group\n [ngClass]=\"{ 'flex flex-col my-1': direction === 'vertical' }\"\n [(ngModel)]=\"value\"\n [disabled]=\"disabled\"\n [id]=\"name\"\n [name]=\"name\"\n (change)=\"changed.emit($event)\"\n >\n <mat-radio-button\n [disabled]=\"item.disabled\"\n [ngClass]=\"{ 'my-1': direction === 'vertical' }\"\n class=\"mr-4\"\n *ngFor=\"let item of items\"\n [value]=\"item.value\"\n >\n {{ item.label }}\n </mat-radio-button>\n </mat-radio-group>\n</ecabs-element-wrapper>\n", styles: [".mr-4{margin-right:1rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.flex{display:flex}.flex-col{flex-direction:column}\n"] }]
|
|
5787
|
+
], 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 <mat-radio-button\r\n [disabled]=\"item.disabled\"\r\n [ngClass]=\"{ 'my-1': direction === 'vertical' }\"\r\n class=\"mr-4\"\r\n *ngFor=\"let item of items\"\r\n [value]=\"item.value\"\r\n >\r\n {{ item.label }}\r\n </mat-radio-button>\r\n </mat-radio-group>\r\n</ecabs-element-wrapper>\r\n", styles: [".mr-4{margin-right:1rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.flex{display:flex}.flex-col{flex-direction:column}\n"] }]
|
|
5778
5788
|
}], ctorParameters: () => [{ type: i0.Injector }], propDecorators: { matRadioGroup: [{
|
|
5779
5789
|
type: ViewChild,
|
|
5780
5790
|
args: [MatRadioGroup, { static: false }]
|
|
@@ -5952,11 +5962,11 @@ class EcabsTimeListPanelComponent {
|
|
|
5952
5962
|
this.closeMe.emit(value);
|
|
5953
5963
|
}
|
|
5954
5964
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsTimeListPanelComponent, deps: [{ token: i0.ElementRef }, { token: FormTimePickerService }], target: i0.ɵɵFactoryTarget.Component });
|
|
5955
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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\">\n <div class=\"inner-scroll\">\n <div class=\"inner\">\n <ul>\n <!-- eslint-disable-next-line -->\n <li\n *ngFor=\"let i of timeList; let counter = index\" \n (click)=\"setTime(i.value)\"\n (mouseenter)=\"hoveredItemIndex = counter\"\n [ngClass]=\"{ active: typedValue === i.value, hovered: counter === hoveredItemIndex }\"\n >\n {{ i.title }}\n </li>\n </ul>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
5965
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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 <li\r\n *ngFor=\"let i of timeList; let counter = index\" \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 </ul>\r\n </div>\r\n </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
5956
5966
|
}
|
|
5957
5967
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsTimeListPanelComponent, decorators: [{
|
|
5958
5968
|
type: Component,
|
|
5959
|
-
args: [{ selector: 'ecabs-time-list-panel', standalone: false, template: "<div class=\"list\">\n <div class=\"inner-scroll\">\n <div class=\"inner\">\n <ul>\n <!-- eslint-disable-next-line -->\n <li\n *ngFor=\"let i of timeList; let counter = index\" \n (click)=\"setTime(i.value)\"\n (mouseenter)=\"hoveredItemIndex = counter\"\n [ngClass]=\"{ active: typedValue === i.value, hovered: counter === hoveredItemIndex }\"\n >\n {{ i.title }}\n </li>\n </ul>\n </div>\n </div>\n</div>\n" }]
|
|
5969
|
+
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 <li\r\n *ngFor=\"let i of timeList; let counter = index\" \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 </ul>\r\n </div>\r\n </div>\r\n</div>\r\n" }]
|
|
5960
5970
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: FormTimePickerService }], propDecorators: { typedValue: [{
|
|
5961
5971
|
type: Input
|
|
5962
5972
|
}], listPlacement: [{
|
|
@@ -6184,7 +6194,7 @@ class EcabsTimepickerComponent extends EcabsElementBaseComponent {
|
|
|
6184
6194
|
useExisting: forwardRef(() => EcabsTimepickerComponent),
|
|
6185
6195
|
multi: true,
|
|
6186
6196
|
},
|
|
6187
|
-
], usesInheritance: true, ngImport: i0, template: "<div [ngClass]=\"{ disabled: disabled }\">\n <ecabs-element-wrapper\n [data]=\"getData()\"\n [showCloseIcon]=\"showCloseIcon\"\n [focusedFlag]=\"focusedFlag\"\n (clear)=\"clearInput()\"\n >\n <div class=\"relative inline-block w-full timeInputFieldWrapper\">\n <input\n type=\"text\"\n class=\"form-field__input\"\n [(ngModel)]=\"data\"\n [disabled]=\"disabled\"\n ecabsTime\n [all]=\"allLabel\"\n (focus)=\"show()\"\n (click)=\"show()\"\n (keydown)=\"inputKeyDown($event)\"\n (blur)=\"onTouchedFn()\"\n [placeholder]=\"placeholder\"\n />\n <div class=\"form-field__input--suffix\" *ngIf=\"type !== 'number'\">\n <ng-content select=\"mat-icon\"></ng-content>\n </div>\n <ecabs-time-list-panel\n [typedValue]=\"data\"\n *ngIf=\"focusedFlag\"\n [showDayStart]=\"showDayStart\"\n [dayStartLabel]=\"dayStartLabel\"\n [dayEndLabel]=\"dayEndLabel\"\n [showDayEnd]=\"showDayEnd\"\n [min]=\"min\"\n [max]=\"max\"\n class=\"form-time-list absolute inline-block\"\n [appendTo]=\"appendTo\"\n [listPosition]=\"listPosition\"\n (closeMe)=\"close($event)\"\n ></ecabs-time-list-panel>\n </div>\n </ecabs-element-wrapper>\n</div>\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: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.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"] }] });
|
|
6197
|
+
], 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 [(ngModel)]=\"data\"\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 <div class=\"form-field__input--suffix\" *ngIf=\"type !== 'number'\">\r\n <ng-content select=\"mat-icon\"></ng-content>\r\n </div>\r\n <ecabs-time-list-panel\r\n [typedValue]=\"data\"\r\n *ngIf=\"focusedFlag\"\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 </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: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: i4$1.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: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.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"] }] });
|
|
6188
6198
|
}
|
|
6189
6199
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsTimepickerComponent, decorators: [{
|
|
6190
6200
|
type: Component,
|
|
@@ -6194,7 +6204,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
6194
6204
|
useExisting: forwardRef(() => EcabsTimepickerComponent),
|
|
6195
6205
|
multi: true,
|
|
6196
6206
|
},
|
|
6197
|
-
], standalone: false, template: "<div [ngClass]=\"{ disabled: disabled }\">\n <ecabs-element-wrapper\n [data]=\"getData()\"\n [showCloseIcon]=\"showCloseIcon\"\n [focusedFlag]=\"focusedFlag\"\n (clear)=\"clearInput()\"\n >\n <div class=\"relative inline-block w-full timeInputFieldWrapper\">\n <input\n type=\"text\"\n class=\"form-field__input\"\n [(ngModel)]=\"data\"\n [disabled]=\"disabled\"\n ecabsTime\n [all]=\"allLabel\"\n (focus)=\"show()\"\n (click)=\"show()\"\n (keydown)=\"inputKeyDown($event)\"\n (blur)=\"onTouchedFn()\"\n [placeholder]=\"placeholder\"\n />\n <div class=\"form-field__input--suffix\" *ngIf=\"type !== 'number'\">\n <ng-content select=\"mat-icon\"></ng-content>\n </div>\n <ecabs-time-list-panel\n [typedValue]=\"data\"\n *ngIf=\"focusedFlag\"\n [showDayStart]=\"showDayStart\"\n [dayStartLabel]=\"dayStartLabel\"\n [dayEndLabel]=\"dayEndLabel\"\n [showDayEnd]=\"showDayEnd\"\n [min]=\"min\"\n [max]=\"max\"\n class=\"form-time-list absolute inline-block\"\n [appendTo]=\"appendTo\"\n [listPosition]=\"listPosition\"\n (closeMe)=\"close($event)\"\n ></ecabs-time-list-panel>\n </div>\n </ecabs-element-wrapper>\n</div>\n", styles: [":host::ng-deep .timeInputWrapper ecabs-element-wrapper .form-field{margin-bottom:0}\n"] }]
|
|
6207
|
+
], standalone: false, 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 [(ngModel)]=\"data\"\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 <div class=\"form-field__input--suffix\" *ngIf=\"type !== 'number'\">\r\n <ng-content select=\"mat-icon\"></ng-content>\r\n </div>\r\n <ecabs-time-list-panel\r\n [typedValue]=\"data\"\r\n *ngIf=\"focusedFlag\"\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 </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"] }]
|
|
6198
6208
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: FormTimePickerService }, { type: i0.Injector }, { type: i0.DestroyRef }], propDecorators: { focusedFlag: [{
|
|
6199
6209
|
type: Input
|
|
6200
6210
|
}, {
|
|
@@ -6266,11 +6276,11 @@ class EcabsEmptyPlaceholderComponent {
|
|
|
6266
6276
|
}
|
|
6267
6277
|
}
|
|
6268
6278
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsEmptyPlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6269
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: EcabsEmptyPlaceholderComponent, isStandalone: false, selector: "ecabs-empty-placeholder", inputs: { title: "title", isEmptyMessage: "isEmptyMessage", redirectPath: "redirectPath", srcImage: "srcImage" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"w-full flex flex-col items-center justify-items-center text-center gap-2\">\n <img class=\"mt-10 w-60\" [src]=\"image\" alt=\"\" />\n\n <ng-container *ngIf=\"title\">\n <p class=\"text-lg font-bold leading-7 text-black\">{{ title }}</p>\n </ng-container>\n\n <ng-container *ngIf=\"isEmptyMessage\">\n <p class=\"text-gray-400\">{{ isEmptyMessage }}</p>\n </ng-container>\n\n <ng-content></ng-content>\n\n <a *ngIf=\"redirectPath\" [routerLink]=\"redirectPath?.path && [redirectPath.path]\" class=\"text-sm mt-2\">\n {{ redirectPath.title }}\n </a>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4$
|
|
6279
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: EcabsEmptyPlaceholderComponent, isStandalone: false, selector: "ecabs-empty-placeholder", inputs: { title: "title", isEmptyMessage: "isEmptyMessage", redirectPath: "redirectPath", srcImage: "srcImage" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"w-full flex flex-col items-center justify-items-center text-center gap-2\">\r\n <img class=\"mt-10 w-60\" [src]=\"image\" alt=\"\" />\r\n\r\n <ng-container *ngIf=\"title\">\r\n <p class=\"text-lg font-bold leading-7 text-black\">{{ title }}</p>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"isEmptyMessage\">\r\n <p class=\"text-gray-400\">{{ isEmptyMessage }}</p>\r\n </ng-container>\r\n\r\n <ng-content></ng-content>\r\n\r\n <a *ngIf=\"redirectPath\" [routerLink]=\"redirectPath?.path && [redirectPath.path]\" class=\"text-sm mt-2\">\r\n {{ redirectPath.title }}\r\n </a>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4$5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
|
|
6270
6280
|
}
|
|
6271
6281
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsEmptyPlaceholderComponent, decorators: [{
|
|
6272
6282
|
type: Component,
|
|
6273
|
-
args: [{ selector: 'ecabs-empty-placeholder', standalone: false, template: "<div class=\"w-full flex flex-col items-center justify-items-center text-center gap-2\">\n <img class=\"mt-10 w-60\" [src]=\"image\" alt=\"\" />\n\n <ng-container *ngIf=\"title\">\n <p class=\"text-lg font-bold leading-7 text-black\">{{ title }}</p>\n </ng-container>\n\n <ng-container *ngIf=\"isEmptyMessage\">\n <p class=\"text-gray-400\">{{ isEmptyMessage }}</p>\n </ng-container>\n\n <ng-content></ng-content>\n\n <a *ngIf=\"redirectPath\" [routerLink]=\"redirectPath?.path && [redirectPath.path]\" class=\"text-sm mt-2\">\n {{ redirectPath.title }}\n </a>\n</div>\n" }]
|
|
6283
|
+
args: [{ selector: 'ecabs-empty-placeholder', standalone: false, template: "<div class=\"w-full flex flex-col items-center justify-items-center text-center gap-2\">\r\n <img class=\"mt-10 w-60\" [src]=\"image\" alt=\"\" />\r\n\r\n <ng-container *ngIf=\"title\">\r\n <p class=\"text-lg font-bold leading-7 text-black\">{{ title }}</p>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"isEmptyMessage\">\r\n <p class=\"text-gray-400\">{{ isEmptyMessage }}</p>\r\n </ng-container>\r\n\r\n <ng-content></ng-content>\r\n\r\n <a *ngIf=\"redirectPath\" [routerLink]=\"redirectPath?.path && [redirectPath.path]\" class=\"text-sm mt-2\">\r\n {{ redirectPath.title }}\r\n </a>\r\n</div>\r\n" }]
|
|
6274
6284
|
}], propDecorators: { title: [{
|
|
6275
6285
|
type: Input
|
|
6276
6286
|
}], isEmptyMessage: [{
|
|
@@ -6295,6 +6305,247 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
6295
6305
|
}]
|
|
6296
6306
|
}] });
|
|
6297
6307
|
|
|
6308
|
+
const CHIP_LABEL_CLASS = 'mdc-evolution-chip__text-label';
|
|
6309
|
+
|
|
6310
|
+
class EcabsBadgeDirective {
|
|
6311
|
+
elementRef;
|
|
6312
|
+
chip;
|
|
6313
|
+
truncationTooltip;
|
|
6314
|
+
variant = 'default';
|
|
6315
|
+
size = 'medium';
|
|
6316
|
+
set bordered(value) {
|
|
6317
|
+
this.hasBorder = coerceBooleanProperty(value);
|
|
6318
|
+
}
|
|
6319
|
+
set disableRipple(value) {
|
|
6320
|
+
this.rippleDisabled = coerceBooleanProperty(value);
|
|
6321
|
+
this.syncChip();
|
|
6322
|
+
}
|
|
6323
|
+
set interactive(value) {
|
|
6324
|
+
this.isInteractive = coerceBooleanProperty(value);
|
|
6325
|
+
this.syncChip();
|
|
6326
|
+
}
|
|
6327
|
+
get badgeClasses() {
|
|
6328
|
+
return [
|
|
6329
|
+
'badge',
|
|
6330
|
+
`badge--${this.variant}`,
|
|
6331
|
+
`badge--${this.size}`,
|
|
6332
|
+
this.hasBorder && 'badge--bordered',
|
|
6333
|
+
!!this.chip && this.noRipple && 'badge--no-ripple',
|
|
6334
|
+
this.isInteractive && 'badge--interactive',
|
|
6335
|
+
]
|
|
6336
|
+
.filter(Boolean)
|
|
6337
|
+
.join(' ');
|
|
6338
|
+
}
|
|
6339
|
+
hasBorder = true;
|
|
6340
|
+
rippleDisabled;
|
|
6341
|
+
isInteractive = false;
|
|
6342
|
+
get noRipple() {
|
|
6343
|
+
return this.rippleDisabled ?? !this.isInteractive;
|
|
6344
|
+
}
|
|
6345
|
+
syncChip() {
|
|
6346
|
+
if (!this.chip) {
|
|
6347
|
+
return;
|
|
6348
|
+
}
|
|
6349
|
+
this.chip.role = this.isInteractive ? 'button' : null;
|
|
6350
|
+
this.chip.disableRipple = this.noRipple;
|
|
6351
|
+
// MatChip no longer binds a tabindex of its own, so the tab stop is ours to
|
|
6352
|
+
// write and nothing undoes it on the next pass.
|
|
6353
|
+
const element = this.elementRef.nativeElement;
|
|
6354
|
+
if (this.isInteractive) {
|
|
6355
|
+
element.setAttribute('tabindex', '0');
|
|
6356
|
+
}
|
|
6357
|
+
else {
|
|
6358
|
+
element.removeAttribute('tabindex');
|
|
6359
|
+
}
|
|
6360
|
+
}
|
|
6361
|
+
constructor(elementRef, menuTrigger, chip, truncationTooltip) {
|
|
6362
|
+
this.elementRef = elementRef;
|
|
6363
|
+
this.chip = chip;
|
|
6364
|
+
this.truncationTooltip = truncationTooltip;
|
|
6365
|
+
if (this.chip && this.truncationTooltip) {
|
|
6366
|
+
this.truncationTooltip.classNameTruncatedTooltip = CHIP_LABEL_CLASS;
|
|
6367
|
+
}
|
|
6368
|
+
this.interactive = !!menuTrigger;
|
|
6369
|
+
}
|
|
6370
|
+
onKeydown(event) {
|
|
6371
|
+
const element = this.elementRef.nativeElement;
|
|
6372
|
+
if (!this.isInteractive ||
|
|
6373
|
+
!this.chip ||
|
|
6374
|
+
event.target !== element ||
|
|
6375
|
+
(event.key !== 'Enter' && event.key !== ' ')) {
|
|
6376
|
+
return;
|
|
6377
|
+
}
|
|
6378
|
+
event.preventDefault();
|
|
6379
|
+
setTimeout(() => element.click());
|
|
6380
|
+
}
|
|
6381
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsBadgeDirective, deps: [{ token: i0.ElementRef }, { token: i7$1.MatMenuTrigger, optional: true, self: true }, { token: i2$4.MatChip, optional: true }, { token: EcabsTooltipIfTruncatedDirective, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
6382
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: EcabsBadgeDirective, isStandalone: false, selector: "[ecabsBadge]", inputs: { variant: "variant", size: "size", bordered: "bordered", disableRipple: "disableRipple", interactive: "interactive" }, host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "this.badgeClasses" } }, ngImport: i0 });
|
|
6383
|
+
}
|
|
6384
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsBadgeDirective, decorators: [{
|
|
6385
|
+
type: Directive,
|
|
6386
|
+
args: [{
|
|
6387
|
+
selector: '[ecabsBadge]',
|
|
6388
|
+
standalone: false,
|
|
6389
|
+
}]
|
|
6390
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i7$1.MatMenuTrigger, decorators: [{
|
|
6391
|
+
type: Optional
|
|
6392
|
+
}, {
|
|
6393
|
+
type: Self
|
|
6394
|
+
}] }, { type: i2$4.MatChip, decorators: [{
|
|
6395
|
+
type: Optional
|
|
6396
|
+
}] }, { type: EcabsTooltipIfTruncatedDirective, decorators: [{
|
|
6397
|
+
type: Optional
|
|
6398
|
+
}] }], propDecorators: { variant: [{
|
|
6399
|
+
type: Input
|
|
6400
|
+
}], size: [{
|
|
6401
|
+
type: Input
|
|
6402
|
+
}], bordered: [{
|
|
6403
|
+
type: Input
|
|
6404
|
+
}], disableRipple: [{
|
|
6405
|
+
type: Input
|
|
6406
|
+
}], interactive: [{
|
|
6407
|
+
type: Input
|
|
6408
|
+
}], badgeClasses: [{
|
|
6409
|
+
type: HostBinding,
|
|
6410
|
+
args: ['class']
|
|
6411
|
+
}], onKeydown: [{
|
|
6412
|
+
type: HostListener,
|
|
6413
|
+
args: ['keydown', ['$event']]
|
|
6414
|
+
}] } });
|
|
6415
|
+
|
|
6416
|
+
class EcabsBadgeComponent {
|
|
6417
|
+
variant = 'default';
|
|
6418
|
+
size = 'medium';
|
|
6419
|
+
set bordered(value) {
|
|
6420
|
+
this.hasBorder = coerceBooleanProperty(value);
|
|
6421
|
+
}
|
|
6422
|
+
hasBorder = true;
|
|
6423
|
+
/**
|
|
6424
|
+
* Icon name, resolved through whichever icon set the library is on (Phosphor
|
|
6425
|
+
* today). Deliberately not named after the vendor so a future icon-set change
|
|
6426
|
+
* does not ripple out to every call site.
|
|
6427
|
+
*/
|
|
6428
|
+
icon;
|
|
6429
|
+
/**
|
|
6430
|
+
* Defaults to `bold`: at badge icon sizes (12-18px) a `regular` stroke falls
|
|
6431
|
+
* below one device pixel and antialiases into a ragged edge. `bold` also
|
|
6432
|
+
* matches the ~26/256 ring thickness of the reference design.
|
|
6433
|
+
*/
|
|
6434
|
+
iconWeight = 'bold';
|
|
6435
|
+
/**
|
|
6436
|
+
* Material icon ligature, for the cases that need a Material glyph
|
|
6437
|
+
* specifically. Used only when no `icon` is supplied.
|
|
6438
|
+
*/
|
|
6439
|
+
materialIcon;
|
|
6440
|
+
/**
|
|
6441
|
+
* Static so it resolves before the first change detection run, keeping the
|
|
6442
|
+
* tooltip binding stable instead of changing after the view is checked.
|
|
6443
|
+
*/
|
|
6444
|
+
labelRef;
|
|
6445
|
+
get svgIcon() {
|
|
6446
|
+
return buildPhosphorSvgIcon(this.icon, this.iconWeight);
|
|
6447
|
+
}
|
|
6448
|
+
/**
|
|
6449
|
+
* Tooltip message for a clipped label. Read from the DOM rather than an input
|
|
6450
|
+
* because the label is projected content. `ecabsTooltipIfTruncated` measures
|
|
6451
|
+
* on mouseover, and that host listener also marks this view dirty, so the
|
|
6452
|
+
* message is re-read on hover without any explicit change detection call.
|
|
6453
|
+
* The directive suppresses the tooltip unless the text is actually clipped.
|
|
6454
|
+
*/
|
|
6455
|
+
get labelText() {
|
|
6456
|
+
return this.labelRef?.nativeElement?.textContent?.trim() ?? '';
|
|
6457
|
+
}
|
|
6458
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6459
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: EcabsBadgeComponent, isStandalone: false, selector: "ecabs-badge", inputs: { variant: "variant", size: "size", bordered: "bordered", icon: "icon", iconWeight: "iconWeight", materialIcon: "materialIcon" }, viewQueries: [{ propertyName: "labelRef", first: true, predicate: ["label"], descendants: true, static: true }], ngImport: i0, template: "<span ecabsBadge\r\n [variant]=\"variant\"\r\n [size]=\"size\"\r\n [bordered]=\"hasBorder\">\r\n <span class=\"badge__icon badge__icon--slot\">\r\n <ng-content select=\"[ecabsBadgeIcon]\"></ng-content>\r\n </span>\r\n\r\n <mat-icon *ngIf=\"svgIcon\"\r\n class=\"badge__icon\"\r\n [svgIcon]=\"svgIcon\">\r\n </mat-icon>\r\n\r\n <mat-icon *ngIf=\"!svgIcon && materialIcon\"\r\n class=\"badge__icon\">{{ materialIcon }}\r\n </mat-icon>\r\n\r\n <span #label\r\n ecabsTooltipIfTruncated\r\n class=\"badge__label\"\r\n [matTooltip]=\"labelText\">\r\n <ng-content></ng-content>\r\n </span>\r\n</span>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: EcabsBadgeDirective, selector: "[ecabsBadge]", inputs: ["variant", "size", "bordered", "disableRipple", "interactive"] }, { 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: "directive", type: EcabsTooltipIfTruncatedDirective, selector: "[matTooltip][ecabsTooltipIfTruncated]", inputs: ["classNameTruncatedTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6460
|
+
}
|
|
6461
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsBadgeComponent, decorators: [{
|
|
6462
|
+
type: Component,
|
|
6463
|
+
args: [{ selector: 'ecabs-badge', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<span ecabsBadge\r\n [variant]=\"variant\"\r\n [size]=\"size\"\r\n [bordered]=\"hasBorder\">\r\n <span class=\"badge__icon badge__icon--slot\">\r\n <ng-content select=\"[ecabsBadgeIcon]\"></ng-content>\r\n </span>\r\n\r\n <mat-icon *ngIf=\"svgIcon\"\r\n class=\"badge__icon\"\r\n [svgIcon]=\"svgIcon\">\r\n </mat-icon>\r\n\r\n <mat-icon *ngIf=\"!svgIcon && materialIcon\"\r\n class=\"badge__icon\">{{ materialIcon }}\r\n </mat-icon>\r\n\r\n <span #label\r\n ecabsTooltipIfTruncated\r\n class=\"badge__label\"\r\n [matTooltip]=\"labelText\">\r\n <ng-content></ng-content>\r\n </span>\r\n</span>\r\n" }]
|
|
6464
|
+
}], propDecorators: { variant: [{
|
|
6465
|
+
type: Input
|
|
6466
|
+
}], size: [{
|
|
6467
|
+
type: Input
|
|
6468
|
+
}], bordered: [{
|
|
6469
|
+
type: Input
|
|
6470
|
+
}], icon: [{
|
|
6471
|
+
type: Input
|
|
6472
|
+
}], iconWeight: [{
|
|
6473
|
+
type: Input
|
|
6474
|
+
}], materialIcon: [{
|
|
6475
|
+
type: Input
|
|
6476
|
+
}], labelRef: [{
|
|
6477
|
+
type: ViewChild,
|
|
6478
|
+
args: ['label', { static: true }]
|
|
6479
|
+
}] } });
|
|
6480
|
+
|
|
6481
|
+
const STATUS_BADGE_VARIANTS = {
|
|
6482
|
+
/* #Neutral */
|
|
6483
|
+
PENDING: 'default',
|
|
6484
|
+
DRAFT: 'default',
|
|
6485
|
+
ARCHIVED: 'default',
|
|
6486
|
+
RECALLED: 'default',
|
|
6487
|
+
INITIALIZED: 'default',
|
|
6488
|
+
INACTIVE: 'default',
|
|
6489
|
+
/* #Awaiting something */
|
|
6490
|
+
RESERVED: 'warning',
|
|
6491
|
+
SCHEDULED: 'warning',
|
|
6492
|
+
ENDED: 'warning',
|
|
6493
|
+
PENDING_DATA: 'warning',
|
|
6494
|
+
PARTIAL: 'warning',
|
|
6495
|
+
/* #Under way */
|
|
6496
|
+
DISPATCHED: 'info',
|
|
6497
|
+
CAB_ARRIVED_AT_PICKUP: 'info',
|
|
6498
|
+
CAB_ARRIVED_AT_INTERMEDIARY_WAYPOINT: 'info',
|
|
6499
|
+
TRIP_STARTED: 'info',
|
|
6500
|
+
STARTED: 'info',
|
|
6501
|
+
DROPPED_OFF: 'info',
|
|
6502
|
+
TRIP_ONGOING: 'info',
|
|
6503
|
+
IN_PROGRESS: 'info',
|
|
6504
|
+
IN_PROGRESS_ADJUSTMENT: 'info',
|
|
6505
|
+
IN_PROGRESS_PAYOUT: 'info',
|
|
6506
|
+
PROCESSING: 'info',
|
|
6507
|
+
PUBLISHED: 'info',
|
|
6508
|
+
PENDING_REVIEW: 'info',
|
|
6509
|
+
/* #Landed well */
|
|
6510
|
+
ACCEPTED: 'success',
|
|
6511
|
+
CAB_ARRIVED_AT_DROPOFF: 'success',
|
|
6512
|
+
TRIP_ENDED: 'success',
|
|
6513
|
+
COMPLETED: 'success',
|
|
6514
|
+
ADJUSTMENT_COMPLETED: 'success',
|
|
6515
|
+
CASHED_IN: 'success',
|
|
6516
|
+
DONE: 'success',
|
|
6517
|
+
SUCCESS: 'success',
|
|
6518
|
+
ACTIVE: 'success',
|
|
6519
|
+
/* #Landed badly */
|
|
6520
|
+
CANCELLED: 'danger',
|
|
6521
|
+
REJECTED: 'danger',
|
|
6522
|
+
SUSPENDED: 'danger',
|
|
6523
|
+
SICK: 'danger',
|
|
6524
|
+
NO_SHOW: 'danger',
|
|
6525
|
+
UNABLE_TO_COMPLETE: 'danger',
|
|
6526
|
+
UNAVAILABLE: 'danger',
|
|
6527
|
+
FAILED: 'danger',
|
|
6528
|
+
EXPIRED: 'danger',
|
|
6529
|
+
BLACKLISTED: 'danger',
|
|
6530
|
+
};
|
|
6531
|
+
const normaliseStatusEnum = (status) => status.replace(/([a-z])([A-Z])/g, '$1_$2').toUpperCase();
|
|
6532
|
+
const resolveStatusBadgeVariant = (status) => (status && STATUS_BADGE_VARIANTS[normaliseStatusEnum(status)]) || 'default';
|
|
6533
|
+
|
|
6534
|
+
class EcabsStatusBadgeVariantPipe {
|
|
6535
|
+
transform(status) {
|
|
6536
|
+
return resolveStatusBadgeVariant(status);
|
|
6537
|
+
}
|
|
6538
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsStatusBadgeVariantPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
6539
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: EcabsStatusBadgeVariantPipe, isStandalone: false, name: "statusBadgeVariant" });
|
|
6540
|
+
}
|
|
6541
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsStatusBadgeVariantPipe, decorators: [{
|
|
6542
|
+
type: Pipe,
|
|
6543
|
+
args: [{
|
|
6544
|
+
name: 'statusBadgeVariant',
|
|
6545
|
+
standalone: false,
|
|
6546
|
+
}]
|
|
6547
|
+
}] });
|
|
6548
|
+
|
|
6298
6549
|
class EcabsExpansionPanelComponent {
|
|
6299
6550
|
title = '';
|
|
6300
6551
|
description;
|
|
@@ -6310,21 +6561,27 @@ class EcabsExpansionPanelComponent {
|
|
|
6310
6561
|
showCheckbox;
|
|
6311
6562
|
showStatus;
|
|
6312
6563
|
status;
|
|
6313
|
-
|
|
6564
|
+
collapsible = true;
|
|
6314
6565
|
checked = new EventEmitter();
|
|
6315
6566
|
opened = new EventEmitter();
|
|
6316
6567
|
expansionPanel;
|
|
6317
6568
|
toggle = false;
|
|
6569
|
+
// `titlecase` alone renders a `PENDING_REVIEW` style status as `Pending_review`.
|
|
6570
|
+
get statusLabel() {
|
|
6571
|
+
return (this.status ?? '').replace(/_/g, ' ');
|
|
6572
|
+
}
|
|
6318
6573
|
onOpened() {
|
|
6319
6574
|
this.opened.emit();
|
|
6320
6575
|
}
|
|
6321
6576
|
ngOnChanges(changes) {
|
|
6322
6577
|
const { closePanel } = changes;
|
|
6323
|
-
if (closePanel && this.expansionPanel) {
|
|
6324
|
-
|
|
6325
|
-
|
|
6326
|
-
|
|
6327
|
-
|
|
6578
|
+
if (closePanel && this.expansionPanel && this.collapsible) {
|
|
6579
|
+
if (closePanel.currentValue === true) {
|
|
6580
|
+
this.expansionPanel.close();
|
|
6581
|
+
}
|
|
6582
|
+
else {
|
|
6583
|
+
this.expansionPanel.open();
|
|
6584
|
+
}
|
|
6328
6585
|
}
|
|
6329
6586
|
}
|
|
6330
6587
|
toggleAction(event) {
|
|
@@ -6332,11 +6589,11 @@ class EcabsExpansionPanelComponent {
|
|
|
6332
6589
|
this.checked.emit(this.expanded);
|
|
6333
6590
|
}
|
|
6334
6591
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsExpansionPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6335
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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",
|
|
6592
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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", collapsible: "collapsible" }, outputs: { checked: "checked", opened: "opened" }, viewQueries: [{ propertyName: "expansionPanel", first: true, predicate: MatExpansionPanel, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mat-accordion multi>\r\n <mat-expansion-panel #panel=\"matExpansionPanel\"\r\n [expanded]=\"collapsible ? expanded : true\"\r\n [disabled]=\"disabled\"\r\n (opened)=\"onOpened()\"\r\n [hideToggle]=\"!collapsible\">\r\n <mat-expansion-panel-header *ngIf=\"collapsible && title && !actionTitle\">\r\n <mat-panel-title>\r\n <ng-container *ngTemplateOutlet=\"titleContent\"></ng-container>\r\n </mat-panel-title>\r\n <mat-panel-description>\r\n <ng-container *ngTemplateOutlet=\"descriptionContent\"></ng-container>\r\n </mat-panel-description>\r\n </mat-expansion-panel-header>\r\n\r\n <mat-expansion-panel-header *ngIf=\"collapsible && actionTitle\">\r\n <ng-container *ngTemplateOutlet=\"actionTitle\"></ng-container>\r\n </mat-expansion-panel-header>\r\n\r\n <div *ngIf=\"!collapsible && (title || actionTitle)\"\r\n class=\"ecabs-expansion-panel__heading\"\r\n [attr.id]=\"panel._headerId\">\r\n <ng-container *ngIf=\"!actionTitle; else staticActionTitle\">\r\n <span class=\"mat-content\">\r\n <div class=\"mat-expansion-panel-header-title\">\r\n <ng-container *ngTemplateOutlet=\"titleContent\"></ng-container>\r\n </div>\r\n <div class=\"mat-expansion-panel-header-description\">\r\n <ng-container *ngTemplateOutlet=\"descriptionContent\"></ng-container>\r\n </div>\r\n </span>\r\n </ng-container>\r\n\r\n <ng-template #staticActionTitle>\r\n <ng-container *ngTemplateOutlet=\"actionTitle\"></ng-container>\r\n </ng-template>\r\n </div>\r\n\r\n <ng-content></ng-content>\r\n </mat-expansion-panel>\r\n</mat-accordion>\r\n\r\n<ng-template #titleContent>\r\n <div>\r\n <div class=\"flex flex-row\">\r\n <div *ngIf=\"index && !showErrorMessage\"\r\n class=\"border-current border-2 rounded-full mr-3 index\">\r\n {{ index }}\r\n </div>\r\n <div *ngIf=\"!showErrorMessage && showIcon\"\r\n class=\"mr-3 flex h-7 w-7 items-center justify-center rounded-full bg-brand-dark\">\r\n <mat-icon class=\"text-lg! -mt-1 text-white\">{{ iconName }}</mat-icon>\r\n </div>\r\n <div *ngIf=\"showErrorMessage\" class=\"mt-1 mr-2\">\r\n <mat-icon color=\"warn\">warning</mat-icon>\r\n </div>\r\n {{ title }}\r\n <div *ngIf=\"showCheckbox\"\r\n class=\"ml-2 mt-1\">\r\n <ecabs-checkbox [type]=\"'toggle'\"\r\n [(ngModel)]=\"toggle\"\r\n (click)=\"toggleAction($event)\"\r\n (keydown.enter)=\"toggleAction($event)\">\r\n </ecabs-checkbox>\r\n </div>\r\n </div>\r\n <div *ngIf=\"showErrorMessage\" class=\"error-message\">{{ errorMessage }}</div>\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template #descriptionContent>\r\n {{ description }}\r\n <ecabs-badge *ngIf=\"showStatus\"\r\n [variant]=\"status | statusBadgeVariant\">\r\n {{ statusLabel | titlecase }}\r\n </ecabs-badge>\r\n</ng-template>\r\n", styles: [".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}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.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: EcabsCheckboxToggleComponent, selector: "ecabs-checkbox", inputs: ["type", "text", "label", "labelPosition", "indeterminate", "checked"], outputs: ["click", "changed"] }, { kind: "component", type: EcabsBadgeComponent, selector: "ecabs-badge", inputs: ["variant", "size", "bordered", "icon", "iconWeight", "materialIcon"] }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: EcabsStatusBadgeVariantPipe, name: "statusBadgeVariant" }] });
|
|
6336
6593
|
}
|
|
6337
6594
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsExpansionPanelComponent, decorators: [{
|
|
6338
6595
|
type: Component,
|
|
6339
|
-
args: [{ selector: 'ecabs-expansion-panel', standalone: false, template: "<mat-accordion
|
|
6596
|
+
args: [{ selector: 'ecabs-expansion-panel', standalone: false, template: "<mat-accordion multi>\r\n <mat-expansion-panel #panel=\"matExpansionPanel\"\r\n [expanded]=\"collapsible ? expanded : true\"\r\n [disabled]=\"disabled\"\r\n (opened)=\"onOpened()\"\r\n [hideToggle]=\"!collapsible\">\r\n <mat-expansion-panel-header *ngIf=\"collapsible && title && !actionTitle\">\r\n <mat-panel-title>\r\n <ng-container *ngTemplateOutlet=\"titleContent\"></ng-container>\r\n </mat-panel-title>\r\n <mat-panel-description>\r\n <ng-container *ngTemplateOutlet=\"descriptionContent\"></ng-container>\r\n </mat-panel-description>\r\n </mat-expansion-panel-header>\r\n\r\n <mat-expansion-panel-header *ngIf=\"collapsible && actionTitle\">\r\n <ng-container *ngTemplateOutlet=\"actionTitle\"></ng-container>\r\n </mat-expansion-panel-header>\r\n\r\n <div *ngIf=\"!collapsible && (title || actionTitle)\"\r\n class=\"ecabs-expansion-panel__heading\"\r\n [attr.id]=\"panel._headerId\">\r\n <ng-container *ngIf=\"!actionTitle; else staticActionTitle\">\r\n <span class=\"mat-content\">\r\n <div class=\"mat-expansion-panel-header-title\">\r\n <ng-container *ngTemplateOutlet=\"titleContent\"></ng-container>\r\n </div>\r\n <div class=\"mat-expansion-panel-header-description\">\r\n <ng-container *ngTemplateOutlet=\"descriptionContent\"></ng-container>\r\n </div>\r\n </span>\r\n </ng-container>\r\n\r\n <ng-template #staticActionTitle>\r\n <ng-container *ngTemplateOutlet=\"actionTitle\"></ng-container>\r\n </ng-template>\r\n </div>\r\n\r\n <ng-content></ng-content>\r\n </mat-expansion-panel>\r\n</mat-accordion>\r\n\r\n<ng-template #titleContent>\r\n <div>\r\n <div class=\"flex flex-row\">\r\n <div *ngIf=\"index && !showErrorMessage\"\r\n class=\"border-current border-2 rounded-full mr-3 index\">\r\n {{ index }}\r\n </div>\r\n <div *ngIf=\"!showErrorMessage && showIcon\"\r\n class=\"mr-3 flex h-7 w-7 items-center justify-center rounded-full bg-brand-dark\">\r\n <mat-icon class=\"text-lg! -mt-1 text-white\">{{ iconName }}</mat-icon>\r\n </div>\r\n <div *ngIf=\"showErrorMessage\" class=\"mt-1 mr-2\">\r\n <mat-icon color=\"warn\">warning</mat-icon>\r\n </div>\r\n {{ title }}\r\n <div *ngIf=\"showCheckbox\"\r\n class=\"ml-2 mt-1\">\r\n <ecabs-checkbox [type]=\"'toggle'\"\r\n [(ngModel)]=\"toggle\"\r\n (click)=\"toggleAction($event)\"\r\n (keydown.enter)=\"toggleAction($event)\">\r\n </ecabs-checkbox>\r\n </div>\r\n </div>\r\n <div *ngIf=\"showErrorMessage\" class=\"error-message\">{{ errorMessage }}</div>\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template #descriptionContent>\r\n {{ description }}\r\n <ecabs-badge *ngIf=\"showStatus\"\r\n [variant]=\"status | statusBadgeVariant\">\r\n {{ statusLabel | titlecase }}\r\n </ecabs-badge>\r\n</ng-template>\r\n", styles: [".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}\n"] }]
|
|
6340
6597
|
}], propDecorators: { title: [{
|
|
6341
6598
|
type: Input
|
|
6342
6599
|
}], description: [{
|
|
@@ -6365,7 +6622,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
6365
6622
|
type: Input
|
|
6366
6623
|
}], status: [{
|
|
6367
6624
|
type: Input
|
|
6368
|
-
}],
|
|
6625
|
+
}], collapsible: [{
|
|
6369
6626
|
type: Input
|
|
6370
6627
|
}], checked: [{
|
|
6371
6628
|
type: Output
|
|
@@ -6376,6 +6633,57 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
6376
6633
|
args: [MatExpansionPanel]
|
|
6377
6634
|
}] } });
|
|
6378
6635
|
|
|
6636
|
+
class EcabsBadgeDirectiveModule {
|
|
6637
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsBadgeDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6638
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: EcabsBadgeDirectiveModule, declarations: [EcabsBadgeDirective], imports: [CommonModule], exports: [EcabsBadgeDirective] });
|
|
6639
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsBadgeDirectiveModule, imports: [CommonModule] });
|
|
6640
|
+
}
|
|
6641
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsBadgeDirectiveModule, decorators: [{
|
|
6642
|
+
type: NgModule,
|
|
6643
|
+
args: [{
|
|
6644
|
+
imports: [CommonModule],
|
|
6645
|
+
declarations: [EcabsBadgeDirective],
|
|
6646
|
+
exports: [EcabsBadgeDirective],
|
|
6647
|
+
}]
|
|
6648
|
+
}] });
|
|
6649
|
+
|
|
6650
|
+
class EcabsBadgeModule {
|
|
6651
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6652
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: EcabsBadgeModule, declarations: [EcabsBadgeComponent, EcabsStatusBadgeVariantPipe], imports: [CommonModule,
|
|
6653
|
+
EcabsBadgeDirectiveModule,
|
|
6654
|
+
MatIconModule,
|
|
6655
|
+
MatTooltipModule,
|
|
6656
|
+
EcabsTooltipIfTruncatedDirectiveModule], exports: [EcabsBadgeComponent,
|
|
6657
|
+
EcabsBadgeDirectiveModule,
|
|
6658
|
+
EcabsStatusBadgeVariantPipe,
|
|
6659
|
+
EcabsTooltipIfTruncatedDirectiveModule] });
|
|
6660
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsBadgeModule, imports: [CommonModule,
|
|
6661
|
+
EcabsBadgeDirectiveModule,
|
|
6662
|
+
MatIconModule,
|
|
6663
|
+
MatTooltipModule,
|
|
6664
|
+
EcabsTooltipIfTruncatedDirectiveModule, EcabsBadgeDirectiveModule,
|
|
6665
|
+
EcabsTooltipIfTruncatedDirectiveModule] });
|
|
6666
|
+
}
|
|
6667
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsBadgeModule, decorators: [{
|
|
6668
|
+
type: NgModule,
|
|
6669
|
+
args: [{
|
|
6670
|
+
declarations: [EcabsBadgeComponent, EcabsStatusBadgeVariantPipe],
|
|
6671
|
+
imports: [
|
|
6672
|
+
CommonModule,
|
|
6673
|
+
EcabsBadgeDirectiveModule,
|
|
6674
|
+
MatIconModule,
|
|
6675
|
+
MatTooltipModule,
|
|
6676
|
+
EcabsTooltipIfTruncatedDirectiveModule,
|
|
6677
|
+
],
|
|
6678
|
+
exports: [
|
|
6679
|
+
EcabsBadgeComponent,
|
|
6680
|
+
EcabsBadgeDirectiveModule,
|
|
6681
|
+
EcabsStatusBadgeVariantPipe,
|
|
6682
|
+
EcabsTooltipIfTruncatedDirectiveModule,
|
|
6683
|
+
],
|
|
6684
|
+
}]
|
|
6685
|
+
}] });
|
|
6686
|
+
|
|
6379
6687
|
class EcabsExpansionPanelModule {
|
|
6380
6688
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsExpansionPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6381
6689
|
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: EcabsExpansionPanelModule, declarations: [EcabsExpansionPanelComponent], imports: [CommonModule,
|
|
@@ -6383,15 +6691,15 @@ class EcabsExpansionPanelModule {
|
|
|
6383
6691
|
MatButtonModule,
|
|
6384
6692
|
MatExpansionModule,
|
|
6385
6693
|
MatIconModule,
|
|
6386
|
-
|
|
6387
|
-
|
|
6694
|
+
EcabsCheckboxToggleModule,
|
|
6695
|
+
EcabsBadgeModule], exports: [EcabsExpansionPanelComponent] });
|
|
6388
6696
|
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsExpansionPanelModule, imports: [CommonModule,
|
|
6389
6697
|
FormsModule,
|
|
6390
6698
|
MatButtonModule,
|
|
6391
6699
|
MatExpansionModule,
|
|
6392
6700
|
MatIconModule,
|
|
6393
|
-
|
|
6394
|
-
|
|
6701
|
+
EcabsCheckboxToggleModule,
|
|
6702
|
+
EcabsBadgeModule] });
|
|
6395
6703
|
}
|
|
6396
6704
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsExpansionPanelModule, decorators: [{
|
|
6397
6705
|
type: NgModule,
|
|
@@ -6403,8 +6711,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
6403
6711
|
MatButtonModule,
|
|
6404
6712
|
MatExpansionModule,
|
|
6405
6713
|
MatIconModule,
|
|
6406
|
-
MatChipsModule,
|
|
6407
6714
|
EcabsCheckboxToggleModule,
|
|
6715
|
+
EcabsBadgeModule,
|
|
6408
6716
|
],
|
|
6409
6717
|
exports: [EcabsExpansionPanelComponent],
|
|
6410
6718
|
}]
|
|
@@ -6414,11 +6722,11 @@ class EcabsTableFilterWrapperComponent {
|
|
|
6414
6722
|
title;
|
|
6415
6723
|
actions;
|
|
6416
6724
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsTableFilterWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6417
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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\">\n <ng-content></ng-content>\n\n <div *ngIf=\"actions\" class=\"flex justify-end\">\n <ng-container *ngTemplateOutlet=\"actions\"></ng-container>\n </div>\n</ecabs-expansion-panel>\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}:root{--color-black: #020618;--color-white: #ffffff;--color-white-opacity-05: rgba(0, 0, 0, .05);--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CAD5E2;--color-gray-400: #90A1B9;--color-gray-500: #62748E;--color-gray-600: #45556C;--color-gray-700: #314158;--color-gray-800: #1D293D;--color-gray-900: #0F172B;--color-gray-950: #020618;--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: #bb032a;--color-error-opacity: #FFF0EE;--color-error-border: #FFCDC6;--color-error-rgb: 223, 56, 56;--color-notification: #f4d04f;--color-notification-rgb: 244, 208, 79;--color-info: #325fda;--color-info-rgb: 50, 95, 218;--color-info-messages: #e3e9f3;--color-info-border: #D1D8F7;--color-warning: #845201;--color-warning-opacity: #FDF2DC;--color-warning-border: #FBE5B6;--color-success: #166C3B;--color-success--opacity: #EAF6ED;--color-success-border: #CEEAD5;--color-success-rgb: 7, 81, 69;--color-default-border: #D5E1ED;--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)}:root{--mat-option-label-text-size: 13px}.mat-expansion-panel-header-title{font-size:22px}:host::ng-deep .btn__group{justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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", "
|
|
6725
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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 <div *ngIf=\"actions\" class=\"flex justify-end\">\r\n <ng-container *ngTemplateOutlet=\"actions\"></ng-container>\r\n </div>\r\n</ecabs-expansion-panel>\r\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}:root{--color-black: #020618;--color-white: #ffffff;--color-white-opacity-05: rgba(0, 0, 0, .05);--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CAD5E2;--color-gray-400: #90A1B9;--color-gray-500: #62748E;--color-gray-600: #45556C;--color-gray-700: #314158;--color-gray-800: #1D293D;--color-gray-900: #0F172B;--color-gray-950: #020618;--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: #bb032a;--color-error-opacity: #FFF0EE;--color-error-border: #FFCDC6;--color-error-rgb: 223, 56, 56;--color-notification: #f4d04f;--color-notification-rgb: 244, 208, 79;--color-info: #325fda;--color-info-rgb: 50, 95, 218;--color-info-messages: #e3e9f3;--color-info-border: #D1D8F7;--color-warning: #845201;--color-warning-opacity: #FDF2DC;--color-warning-border: #FBE5B6;--color-success: #166C3B;--color-success--opacity: #EAF6ED;--color-success-border: #CEEAD5;--color-success-rgb: 7, 81, 69;--color-default-border: #D5E1ED;--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)}:root{--mat-option-label-text-size: 13px}.mat-expansion-panel-header-title{font-size:22px}:host::ng-deep .btn__group{justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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", "collapsible"], outputs: ["checked", "opened"] }] });
|
|
6418
6726
|
}
|
|
6419
6727
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsTableFilterWrapperComponent, decorators: [{
|
|
6420
6728
|
type: Component,
|
|
6421
|
-
args: [{ selector: 'ecabs-table-filter-wrapper', standalone: false, template: "<ecabs-expansion-panel [title]=\"title\" class=\"block mb-5\" [expanded]=\"true\">\n <ng-content></ng-content>\n\n <div *ngIf=\"actions\" class=\"flex justify-end\">\n <ng-container *ngTemplateOutlet=\"actions\"></ng-container>\n </div>\n</ecabs-expansion-panel>\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}:root{--color-black: #020618;--color-white: #ffffff;--color-white-opacity-05: rgba(0, 0, 0, .05);--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CAD5E2;--color-gray-400: #90A1B9;--color-gray-500: #62748E;--color-gray-600: #45556C;--color-gray-700: #314158;--color-gray-800: #1D293D;--color-gray-900: #0F172B;--color-gray-950: #020618;--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: #bb032a;--color-error-opacity: #FFF0EE;--color-error-border: #FFCDC6;--color-error-rgb: 223, 56, 56;--color-notification: #f4d04f;--color-notification-rgb: 244, 208, 79;--color-info: #325fda;--color-info-rgb: 50, 95, 218;--color-info-messages: #e3e9f3;--color-info-border: #D1D8F7;--color-warning: #845201;--color-warning-opacity: #FDF2DC;--color-warning-border: #FBE5B6;--color-success: #166C3B;--color-success--opacity: #EAF6ED;--color-success-border: #CEEAD5;--color-success-rgb: 7, 81, 69;--color-default-border: #D5E1ED;--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)}:root{--mat-option-label-text-size: 13px}.mat-expansion-panel-header-title{font-size:22px}:host::ng-deep .btn__group{justify-content:flex-end}\n"] }]
|
|
6729
|
+
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 <div *ngIf=\"actions\" class=\"flex justify-end\">\r\n <ng-container *ngTemplateOutlet=\"actions\"></ng-container>\r\n </div>\r\n</ecabs-expansion-panel>\r\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}:root{--color-black: #020618;--color-white: #ffffff;--color-white-opacity-05: rgba(0, 0, 0, .05);--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CAD5E2;--color-gray-400: #90A1B9;--color-gray-500: #62748E;--color-gray-600: #45556C;--color-gray-700: #314158;--color-gray-800: #1D293D;--color-gray-900: #0F172B;--color-gray-950: #020618;--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: #bb032a;--color-error-opacity: #FFF0EE;--color-error-border: #FFCDC6;--color-error-rgb: 223, 56, 56;--color-notification: #f4d04f;--color-notification-rgb: 244, 208, 79;--color-info: #325fda;--color-info-rgb: 50, 95, 218;--color-info-messages: #e3e9f3;--color-info-border: #D1D8F7;--color-warning: #845201;--color-warning-opacity: #FDF2DC;--color-warning-border: #FBE5B6;--color-success: #166C3B;--color-success--opacity: #EAF6ED;--color-success-border: #CEEAD5;--color-success-rgb: 7, 81, 69;--color-default-border: #D5E1ED;--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)}:root{--mat-option-label-text-size: 13px}.mat-expansion-panel-header-title{font-size:22px}:host::ng-deep .btn__group{justify-content:flex-end}\n"] }]
|
|
6422
6730
|
}], propDecorators: { title: [{
|
|
6423
6731
|
type: Input
|
|
6424
6732
|
}], actions: [{
|
|
@@ -6460,11 +6768,11 @@ class TableComponent {
|
|
|
6460
6768
|
}
|
|
6461
6769
|
}
|
|
6462
6770
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6463
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: TableComponent, isStandalone: false, selector: "ecabs-table", inputs: { header: "header", paginator: "paginator", bordered: "bordered", loading: "loading", isEmpty: "isEmpty", isEmptyMessage: "isEmptyMessage", isEmptyMessageTitle: "isEmptyMessageTitle", isEmptyExtrasTemplate: "isEmptyExtrasTemplate", 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 }\">\n <mat-progress-bar *ngIf=\"loading\" mode=\"indeterminate\" class=\"table-ui__progress\"></mat-progress-bar>\n\n <div *ngIf=\"header\" class=\"table-ui__header\">\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </div>\n\n <ng-container *ngIf=\"showTableContent; else noDataTemplate\">\n <ng-content></ng-content>\n\n <div *ngIf=\"paginator\" class=\"table-ui__paginator\">\n <ng-container *ngTemplateOutlet=\"paginator\"></ng-container>\n </div>\n </ng-container>\n\n <!--#For Empty state -->\n <ng-template #noDataTemplate>\n <ecabs-empty-placeholder *ngIf=\"!loading\"\n [redirectPath]=\"redirectPath\"\n [title]=\"isEmptyMessageTitle\"\n [isEmptyMessage]=\"isEmptyMessage\"\n [srcImage]=\"srcImageEmpty\">\n <ng-container *ngIf=\"isEmptyExtrasTemplate\">\n <ng-container *ngTemplateOutlet=\"isEmptyExtrasTemplate\"></ng-container>\n </ng-container>\n </ecabs-empty-placeholder>\n </ng-template>\n</section>\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$
|
|
6771
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: TableComponent, isStandalone: false, selector: "ecabs-table", inputs: { header: "header", paginator: "paginator", bordered: "bordered", loading: "loading", isEmpty: "isEmpty", isEmptyMessage: "isEmptyMessage", isEmptyMessageTitle: "isEmptyMessageTitle", isEmptyExtrasTemplate: "isEmptyExtrasTemplate", 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 <mat-progress-bar *ngIf=\"loading\" mode=\"indeterminate\" class=\"table-ui__progress\"></mat-progress-bar>\r\n\r\n <div *ngIf=\"header\" class=\"table-ui__header\">\r\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\r\n </div>\r\n\r\n <ng-container *ngIf=\"showTableContent; else noDataTemplate\">\r\n <ng-content></ng-content>\r\n\r\n <div *ngIf=\"paginator\" class=\"table-ui__paginator\">\r\n <ng-container *ngTemplateOutlet=\"paginator\"></ng-container>\r\n </div>\r\n </ng-container>\r\n\r\n <!--#For Empty state -->\r\n <ng-template #noDataTemplate>\r\n <ecabs-empty-placeholder *ngIf=\"!loading\"\r\n [redirectPath]=\"redirectPath\"\r\n [title]=\"isEmptyMessageTitle\"\r\n [isEmptyMessage]=\"isEmptyMessage\"\r\n [srcImage]=\"srcImageEmpty\">\r\n <ng-container *ngIf=\"isEmptyExtrasTemplate\">\r\n <ng-container *ngTemplateOutlet=\"isEmptyExtrasTemplate\"></ng-container>\r\n </ng-container>\r\n </ecabs-empty-placeholder>\r\n </ng-template>\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: EcabsEmptyPlaceholderComponent, selector: "ecabs-empty-placeholder", inputs: ["title", "isEmptyMessage", "redirectPath", "srcImage"] }] });
|
|
6464
6772
|
}
|
|
6465
6773
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TableComponent, decorators: [{
|
|
6466
6774
|
type: Component,
|
|
6467
|
-
args: [{ selector: 'ecabs-table', standalone: false, template: "<section class=\"table-ui table-ui--wrapper\" [ngClass]=\"{ 'table-ui__bordered': bordered, loading: loading }\">\n <mat-progress-bar *ngIf=\"loading\" mode=\"indeterminate\" class=\"table-ui__progress\"></mat-progress-bar>\n\n <div *ngIf=\"header\" class=\"table-ui__header\">\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </div>\n\n <ng-container *ngIf=\"showTableContent; else noDataTemplate\">\n <ng-content></ng-content>\n\n <div *ngIf=\"paginator\" class=\"table-ui__paginator\">\n <ng-container *ngTemplateOutlet=\"paginator\"></ng-container>\n </div>\n </ng-container>\n\n <!--#For Empty state -->\n <ng-template #noDataTemplate>\n <ecabs-empty-placeholder *ngIf=\"!loading\"\n [redirectPath]=\"redirectPath\"\n [title]=\"isEmptyMessageTitle\"\n [isEmptyMessage]=\"isEmptyMessage\"\n [srcImage]=\"srcImageEmpty\">\n <ng-container *ngIf=\"isEmptyExtrasTemplate\">\n <ng-container *ngTemplateOutlet=\"isEmptyExtrasTemplate\"></ng-container>\n </ng-container>\n </ecabs-empty-placeholder>\n </ng-template>\n</section>\n", styles: [":host mat-progress-bar{position:absolute;width:auto}\n"] }]
|
|
6775
|
+
args: [{ selector: 'ecabs-table', standalone: false, template: "<section class=\"table-ui table-ui--wrapper\" [ngClass]=\"{ 'table-ui__bordered': bordered, loading: loading }\">\r\n <mat-progress-bar *ngIf=\"loading\" mode=\"indeterminate\" class=\"table-ui__progress\"></mat-progress-bar>\r\n\r\n <div *ngIf=\"header\" class=\"table-ui__header\">\r\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\r\n </div>\r\n\r\n <ng-container *ngIf=\"showTableContent; else noDataTemplate\">\r\n <ng-content></ng-content>\r\n\r\n <div *ngIf=\"paginator\" class=\"table-ui__paginator\">\r\n <ng-container *ngTemplateOutlet=\"paginator\"></ng-container>\r\n </div>\r\n </ng-container>\r\n\r\n <!--#For Empty state -->\r\n <ng-template #noDataTemplate>\r\n <ecabs-empty-placeholder *ngIf=\"!loading\"\r\n [redirectPath]=\"redirectPath\"\r\n [title]=\"isEmptyMessageTitle\"\r\n [isEmptyMessage]=\"isEmptyMessage\"\r\n [srcImage]=\"srcImageEmpty\">\r\n <ng-container *ngIf=\"isEmptyExtrasTemplate\">\r\n <ng-container *ngTemplateOutlet=\"isEmptyExtrasTemplate\"></ng-container>\r\n </ng-container>\r\n </ecabs-empty-placeholder>\r\n </ng-template>\r\n</section>\r\n", styles: [":host mat-progress-bar{position:absolute;width:auto}\n"] }]
|
|
6468
6776
|
}], propDecorators: { table: [{
|
|
6469
6777
|
type: ContentChild,
|
|
6470
6778
|
args: [MatTable]
|
|
@@ -6530,11 +6838,11 @@ class EcabsNoteComponent {
|
|
|
6530
6838
|
}
|
|
6531
6839
|
}
|
|
6532
6840
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsNoteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6533
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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\">\n <div class=\"flex ml-2\">\n <mat-icon>info_outline</mat-icon>\n </div>\n <div class=\"ml-4 w-full\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}:root{--color-black: #020618;--color-white: #ffffff;--color-white-opacity-05: rgba(0, 0, 0, .05);--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CAD5E2;--color-gray-400: #90A1B9;--color-gray-500: #62748E;--color-gray-600: #45556C;--color-gray-700: #314158;--color-gray-800: #1D293D;--color-gray-900: #0F172B;--color-gray-950: #020618;--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: #bb032a;--color-error-opacity: #FFF0EE;--color-error-border: #FFCDC6;--color-error-rgb: 223, 56, 56;--color-notification: #f4d04f;--color-notification-rgb: 244, 208, 79;--color-info: #325fda;--color-info-rgb: 50, 95, 218;--color-info-messages: #e3e9f3;--color-info-border: #D1D8F7;--color-warning: #845201;--color-warning-opacity: #FDF2DC;--color-warning-border: #FBE5B6;--color-success: #166C3B;--color-success--opacity: #EAF6ED;--color-success-border: #CEEAD5;--color-success-rgb: 7, 81, 69;--color-default-border: #D5E1ED;--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)}:root{--mat-option-label-text-size: 13px}.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-warning)}.note--success{background-color:var(--color-success--opacity);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:
|
|
6841
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}:root{--color-black: #020618;--color-white: #ffffff;--color-white-opacity-05: rgba(0, 0, 0, .05);--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CAD5E2;--color-gray-400: #90A1B9;--color-gray-500: #62748E;--color-gray-600: #45556C;--color-gray-700: #314158;--color-gray-800: #1D293D;--color-gray-900: #0F172B;--color-gray-950: #020618;--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: #bb032a;--color-error-opacity: #FFF0EE;--color-error-border: #FFCDC6;--color-error-rgb: 223, 56, 56;--color-notification: #f4d04f;--color-notification-rgb: 244, 208, 79;--color-info: #325fda;--color-info-rgb: 50, 95, 218;--color-info-messages: #e3e9f3;--color-info-border: #D1D8F7;--color-warning: #845201;--color-warning-opacity: #FDF2DC;--color-warning-border: #FBE5B6;--color-success: #166C3B;--color-success--opacity: #EAF6ED;--color-success-border: #CEEAD5;--color-success-rgb: 7, 81, 69;--color-default-border: #D5E1ED;--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)}:root{--mat-option-label-text-size: 13px}.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-warning)}.note--success{background-color:var(--color-success--opacity);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"] }] });
|
|
6534
6842
|
}
|
|
6535
6843
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsNoteComponent, decorators: [{
|
|
6536
6844
|
type: Component,
|
|
6537
|
-
args: [{ selector: 'ecabs-note', standalone: false, template: "<div class=\"flex flex-row px-2 py-4 note items-center\" [ngClass]=\"classByType\">\n <div class=\"flex ml-2\">\n <mat-icon>info_outline</mat-icon>\n </div>\n <div class=\"ml-4 w-full\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}:root{--color-black: #020618;--color-white: #ffffff;--color-white-opacity-05: rgba(0, 0, 0, .05);--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CAD5E2;--color-gray-400: #90A1B9;--color-gray-500: #62748E;--color-gray-600: #45556C;--color-gray-700: #314158;--color-gray-800: #1D293D;--color-gray-900: #0F172B;--color-gray-950: #020618;--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: #bb032a;--color-error-opacity: #FFF0EE;--color-error-border: #FFCDC6;--color-error-rgb: 223, 56, 56;--color-notification: #f4d04f;--color-notification-rgb: 244, 208, 79;--color-info: #325fda;--color-info-rgb: 50, 95, 218;--color-info-messages: #e3e9f3;--color-info-border: #D1D8F7;--color-warning: #845201;--color-warning-opacity: #FDF2DC;--color-warning-border: #FBE5B6;--color-success: #166C3B;--color-success--opacity: #EAF6ED;--color-success-border: #CEEAD5;--color-success-rgb: 7, 81, 69;--color-default-border: #D5E1ED;--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)}:root{--mat-option-label-text-size: 13px}.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-warning)}.note--success{background-color:var(--color-success--opacity);color:var(--color-success)}.note--default{background-color:rgba(var(--color-info-rgb),.06);color:var(--color-info)}\n"] }]
|
|
6845
|
+
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: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}:root{--color-black: #020618;--color-white: #ffffff;--color-white-opacity-05: rgba(0, 0, 0, .05);--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CAD5E2;--color-gray-400: #90A1B9;--color-gray-500: #62748E;--color-gray-600: #45556C;--color-gray-700: #314158;--color-gray-800: #1D293D;--color-gray-900: #0F172B;--color-gray-950: #020618;--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: #bb032a;--color-error-opacity: #FFF0EE;--color-error-border: #FFCDC6;--color-error-rgb: 223, 56, 56;--color-notification: #f4d04f;--color-notification-rgb: 244, 208, 79;--color-info: #325fda;--color-info-rgb: 50, 95, 218;--color-info-messages: #e3e9f3;--color-info-border: #D1D8F7;--color-warning: #845201;--color-warning-opacity: #FDF2DC;--color-warning-border: #FBE5B6;--color-success: #166C3B;--color-success--opacity: #EAF6ED;--color-success-border: #CEEAD5;--color-success-rgb: 7, 81, 69;--color-default-border: #D5E1ED;--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)}:root{--mat-option-label-text-size: 13px}.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-warning)}.note--success{background-color:var(--color-success--opacity);color:var(--color-success)}.note--default{background-color:rgba(var(--color-info-rgb),.06);color:var(--color-info)}\n"] }]
|
|
6538
6846
|
}], propDecorators: { type: [{
|
|
6539
6847
|
type: Input
|
|
6540
6848
|
}] } });
|
|
@@ -6553,164 +6861,116 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
6553
6861
|
}]
|
|
6554
6862
|
}] });
|
|
6555
6863
|
|
|
6556
|
-
class
|
|
6557
|
-
|
|
6558
|
-
|
|
6559
|
-
|
|
6560
|
-
/**
|
|
6561
|
-
* Icon name, resolved through whichever icon set the library is on (Phosphor
|
|
6562
|
-
* today). Deliberately not named after the vendor so a future icon-set change
|
|
6563
|
-
* does not ripple out to every call site.
|
|
6564
|
-
*/
|
|
6565
|
-
icon;
|
|
6566
|
-
/**
|
|
6567
|
-
* Defaults to `bold`: at badge icon sizes (12-18px) a `regular` stroke falls
|
|
6568
|
-
* below one device pixel and antialiases into a ragged edge. `bold` also
|
|
6569
|
-
* matches the ~26/256 ring thickness of the reference design.
|
|
6570
|
-
*/
|
|
6571
|
-
iconWeight = 'bold';
|
|
6572
|
-
/**
|
|
6573
|
-
* Material icon ligature, for the cases that need a Material glyph
|
|
6574
|
-
* specifically. Used only when no `icon` is supplied.
|
|
6575
|
-
*/
|
|
6576
|
-
materialIcon;
|
|
6577
|
-
/**
|
|
6578
|
-
* Static so it resolves before the first change detection run, keeping the
|
|
6579
|
-
* tooltip binding stable instead of changing after the view is checked.
|
|
6580
|
-
*/
|
|
6581
|
-
labelRef;
|
|
6582
|
-
get variantClass() {
|
|
6583
|
-
return `badge--${this.variant}`;
|
|
6864
|
+
class EcabsActionMenuTriggerDirective {
|
|
6865
|
+
templateRef;
|
|
6866
|
+
constructor(templateRef) {
|
|
6867
|
+
this.templateRef = templateRef;
|
|
6584
6868
|
}
|
|
6585
|
-
|
|
6586
|
-
|
|
6869
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsActionMenuTriggerDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
6870
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: EcabsActionMenuTriggerDirective, isStandalone: false, selector: "[ecabsActionMenuTrigger]", ngImport: i0 });
|
|
6871
|
+
}
|
|
6872
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsActionMenuTriggerDirective, decorators: [{
|
|
6873
|
+
type: Directive,
|
|
6874
|
+
args: [{
|
|
6875
|
+
selector: '[ecabsActionMenuTrigger]',
|
|
6876
|
+
standalone: false,
|
|
6877
|
+
}]
|
|
6878
|
+
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
6879
|
+
|
|
6880
|
+
class EcabsActionMenuComponent {
|
|
6881
|
+
groups = [];
|
|
6882
|
+
triggerIcon = 'dots-three-vertical';
|
|
6883
|
+
triggerIconWeight = 'bold';
|
|
6884
|
+
triggerAriaLabel;
|
|
6885
|
+
xPosition = 'before';
|
|
6886
|
+
menuClass = '';
|
|
6887
|
+
triggerFocusable = true;
|
|
6888
|
+
showTrigger = true;
|
|
6889
|
+
customTrigger;
|
|
6890
|
+
menu;
|
|
6891
|
+
menuTrigger;
|
|
6892
|
+
get panelClass() {
|
|
6893
|
+
return this.menuClass
|
|
6894
|
+
? `action-menu-panel ${this.menuClass}`
|
|
6895
|
+
: 'action-menu-panel';
|
|
6896
|
+
}
|
|
6897
|
+
get triggerSvgIcon() {
|
|
6898
|
+
return buildPhosphorSvgIcon(this.triggerIcon, this.triggerIconWeight);
|
|
6899
|
+
}
|
|
6900
|
+
itemSvgIcon(item) {
|
|
6901
|
+
return buildPhosphorSvgIcon(item.icon, item.iconWeight);
|
|
6902
|
+
}
|
|
6903
|
+
triggerKeydown(event) {
|
|
6904
|
+
if (!this.triggerFocusable || event.target !== event.currentTarget) {
|
|
6905
|
+
return;
|
|
6906
|
+
}
|
|
6907
|
+
event.preventDefault();
|
|
6908
|
+
this.menuTrigger?.openMenu();
|
|
6587
6909
|
}
|
|
6588
|
-
|
|
6589
|
-
return
|
|
6910
|
+
trackByGroup(index) {
|
|
6911
|
+
return index;
|
|
6590
6912
|
}
|
|
6591
|
-
|
|
6592
|
-
|
|
6593
|
-
* because the label is projected content. `ecabsTooltipIfTruncated` measures
|
|
6594
|
-
* on mouseover, and that host listener also marks this view dirty, so the
|
|
6595
|
-
* message is re-read on hover without any explicit change detection call.
|
|
6596
|
-
* The directive suppresses the tooltip unless the text is actually clipped.
|
|
6597
|
-
*/
|
|
6598
|
-
get labelText() {
|
|
6599
|
-
return this.labelRef?.nativeElement?.textContent?.trim() ?? '';
|
|
6913
|
+
trackByItem(_, item) {
|
|
6914
|
+
return item.label;
|
|
6600
6915
|
}
|
|
6601
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type:
|
|
6602
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type:
|
|
6916
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsActionMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6917
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: EcabsActionMenuComponent, isStandalone: false, selector: "ecabs-action-menu", inputs: { groups: "groups", triggerIcon: "triggerIcon", triggerIconWeight: "triggerIconWeight", triggerAriaLabel: "triggerAriaLabel", xPosition: "xPosition", menuClass: "menuClass", triggerFocusable: "triggerFocusable", showTrigger: "showTrigger" }, queries: [{ propertyName: "customTrigger", first: true, predicate: EcabsActionMenuTriggerDirective, descendants: true }], viewQueries: [{ propertyName: "menu", first: true, predicate: MatMenu, descendants: true, static: true }, { propertyName: "menuTrigger", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"showTrigger && groups.length\">\r\n <span *ngIf=\"customTrigger; else defaultTrigger\"\r\n class=\"action-menu__trigger\"\r\n [attr.tabindex]=\"triggerFocusable ? 0 : -1\"\r\n [attr.role]=\"triggerFocusable ? 'button' : null\"\r\n [matMenuTriggerFor]=\"menu\"\r\n (keydown.enter)=\"triggerKeydown($event)\"\r\n (keydown.space)=\"triggerKeydown($event)\">\r\n <ng-container *ngTemplateOutlet=\"customTrigger.templateRef\"></ng-container>\r\n </span>\r\n\r\n <ng-template #defaultTrigger>\r\n <button mat-icon-button\r\n type=\"button\"\r\n [attr.aria-label]=\"triggerAriaLabel || null\"\r\n [matMenuTriggerFor]=\"menu\">\r\n <mat-icon class=\"action-menu__trigger-icon\"\r\n [svgIcon]=\"triggerSvgIcon\"\r\n aria-hidden=\"true\">\r\n </mat-icon>\r\n </button>\r\n </ng-template>\r\n</ng-container>\r\n\r\n<mat-menu #menu=\"matMenu\"\r\n [class]=\"panelClass\"\r\n [xPosition]=\"xPosition\">\r\n <ng-container *ngFor=\"let group of groups; let isFirst = first; trackBy: trackByGroup\">\r\n <mat-divider *ngIf=\"!isFirst\"></mat-divider>\r\n <button *ngFor=\"let item of group; trackBy: trackByItem\"\r\n mat-menu-item\r\n type=\"button\"\r\n class=\"action-menu-item\"\r\n [class.action-menu-item--destructive]=\"item.isDestructive\"\r\n (click)=\"item.action()\">\r\n <mat-icon *ngIf=\"item.icon\"\r\n class=\"action-menu-item__icon\"\r\n [svgIcon]=\"itemSvgIcon(item)\"\r\n aria-hidden=\"true\">\r\n </mat-icon>\r\n <span class=\"action-menu-item__label\">{{ item.label }}</span>\r\n </button>\r\n </ng-container>\r\n</mat-menu>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i3$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7$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: i7$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i7$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6603
6918
|
}
|
|
6604
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type:
|
|
6919
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsActionMenuComponent, decorators: [{
|
|
6605
6920
|
type: Component,
|
|
6606
|
-
args: [{ selector: 'ecabs-
|
|
6607
|
-
}], propDecorators: {
|
|
6921
|
+
args: [{ selector: 'ecabs-action-menu', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-container *ngIf=\"showTrigger && groups.length\">\r\n <span *ngIf=\"customTrigger; else defaultTrigger\"\r\n class=\"action-menu__trigger\"\r\n [attr.tabindex]=\"triggerFocusable ? 0 : -1\"\r\n [attr.role]=\"triggerFocusable ? 'button' : null\"\r\n [matMenuTriggerFor]=\"menu\"\r\n (keydown.enter)=\"triggerKeydown($event)\"\r\n (keydown.space)=\"triggerKeydown($event)\">\r\n <ng-container *ngTemplateOutlet=\"customTrigger.templateRef\"></ng-container>\r\n </span>\r\n\r\n <ng-template #defaultTrigger>\r\n <button mat-icon-button\r\n type=\"button\"\r\n [attr.aria-label]=\"triggerAriaLabel || null\"\r\n [matMenuTriggerFor]=\"menu\">\r\n <mat-icon class=\"action-menu__trigger-icon\"\r\n [svgIcon]=\"triggerSvgIcon\"\r\n aria-hidden=\"true\">\r\n </mat-icon>\r\n </button>\r\n </ng-template>\r\n</ng-container>\r\n\r\n<mat-menu #menu=\"matMenu\"\r\n [class]=\"panelClass\"\r\n [xPosition]=\"xPosition\">\r\n <ng-container *ngFor=\"let group of groups; let isFirst = first; trackBy: trackByGroup\">\r\n <mat-divider *ngIf=\"!isFirst\"></mat-divider>\r\n <button *ngFor=\"let item of group; trackBy: trackByItem\"\r\n mat-menu-item\r\n type=\"button\"\r\n class=\"action-menu-item\"\r\n [class.action-menu-item--destructive]=\"item.isDestructive\"\r\n (click)=\"item.action()\">\r\n <mat-icon *ngIf=\"item.icon\"\r\n class=\"action-menu-item__icon\"\r\n [svgIcon]=\"itemSvgIcon(item)\"\r\n aria-hidden=\"true\">\r\n </mat-icon>\r\n <span class=\"action-menu-item__label\">{{ item.label }}</span>\r\n </button>\r\n </ng-container>\r\n</mat-menu>\r\n" }]
|
|
6922
|
+
}], propDecorators: { groups: [{
|
|
6608
6923
|
type: Input
|
|
6609
|
-
}],
|
|
6924
|
+
}], triggerIcon: [{
|
|
6610
6925
|
type: Input
|
|
6611
|
-
}],
|
|
6926
|
+
}], triggerIconWeight: [{
|
|
6612
6927
|
type: Input
|
|
6613
|
-
}],
|
|
6928
|
+
}], triggerAriaLabel: [{
|
|
6614
6929
|
type: Input
|
|
6615
|
-
}],
|
|
6930
|
+
}], xPosition: [{
|
|
6616
6931
|
type: Input
|
|
6617
|
-
}],
|
|
6932
|
+
}], menuClass: [{
|
|
6618
6933
|
type: Input
|
|
6619
|
-
}],
|
|
6934
|
+
}], triggerFocusable: [{
|
|
6935
|
+
type: Input
|
|
6936
|
+
}], showTrigger: [{
|
|
6937
|
+
type: Input
|
|
6938
|
+
}], customTrigger: [{
|
|
6939
|
+
type: ContentChild,
|
|
6940
|
+
args: [EcabsActionMenuTriggerDirective]
|
|
6941
|
+
}], menu: [{
|
|
6620
6942
|
type: ViewChild,
|
|
6621
|
-
args: [
|
|
6943
|
+
args: [MatMenu, { static: true }]
|
|
6944
|
+
}], menuTrigger: [{
|
|
6945
|
+
type: ViewChild,
|
|
6946
|
+
args: [MatMenuTrigger]
|
|
6622
6947
|
}] } });
|
|
6623
6948
|
|
|
6624
|
-
|
|
6625
|
-
|
|
6626
|
-
|
|
6627
|
-
|
|
6628
|
-
|
|
6629
|
-
RECALLED: 'default',
|
|
6630
|
-
INITIALIZED: 'default',
|
|
6631
|
-
INACTIVE: 'default',
|
|
6632
|
-
/* #Awaiting something */
|
|
6633
|
-
RESERVED: 'warning',
|
|
6634
|
-
SCHEDULED: 'warning',
|
|
6635
|
-
ENDED: 'warning',
|
|
6636
|
-
PENDING_DATA: 'warning',
|
|
6637
|
-
PARTIAL: 'warning',
|
|
6638
|
-
/* #Under way */
|
|
6639
|
-
DISPATCHED: 'info',
|
|
6640
|
-
CAB_ARRIVED_AT_PICKUP: 'info',
|
|
6641
|
-
CAB_ARRIVED_AT_INTERMEDIARY_WAYPOINT: 'info',
|
|
6642
|
-
TRIP_STARTED: 'info',
|
|
6643
|
-
STARTED: 'info',
|
|
6644
|
-
DROPPED_OFF: 'info',
|
|
6645
|
-
TRIP_ONGOING: 'info',
|
|
6646
|
-
IN_PROGRESS: 'info',
|
|
6647
|
-
IN_PROGRESS_ADJUSTMENT: 'info',
|
|
6648
|
-
IN_PROGRESS_PAYOUT: 'info',
|
|
6649
|
-
PROCESSING: 'info',
|
|
6650
|
-
PUBLISHED: 'info',
|
|
6651
|
-
PENDING_REVIEW: 'info',
|
|
6652
|
-
/* #Landed well */
|
|
6653
|
-
ACCEPTED: 'success',
|
|
6654
|
-
CAB_ARRIVED_AT_DROPOFF: 'success',
|
|
6655
|
-
TRIP_ENDED: 'success',
|
|
6656
|
-
COMPLETED: 'success',
|
|
6657
|
-
ADJUSTMENT_COMPLETED: 'success',
|
|
6658
|
-
CASHED_IN: 'success',
|
|
6659
|
-
DONE: 'success',
|
|
6660
|
-
SUCCESS: 'success',
|
|
6661
|
-
ACTIVE: 'success',
|
|
6662
|
-
/* #Landed badly */
|
|
6663
|
-
CANCELLED: 'danger',
|
|
6664
|
-
REJECTED: 'danger',
|
|
6665
|
-
SUSPENDED: 'danger',
|
|
6666
|
-
SICK: 'danger',
|
|
6667
|
-
NO_SHOW: 'danger',
|
|
6668
|
-
UNABLE_TO_COMPLETE: 'danger',
|
|
6669
|
-
UNAVAILABLE: 'danger',
|
|
6670
|
-
FAILED: 'danger',
|
|
6671
|
-
EXPIRED: 'danger',
|
|
6672
|
-
BLACKLISTED: 'danger',
|
|
6673
|
-
};
|
|
6674
|
-
const normaliseStatusEnum = (status) => status.replace(/([a-z])([A-Z])/g, '$1_$2').toUpperCase();
|
|
6675
|
-
const resolveStatusBadgeVariant = (status) => (status && STATUS_BADGE_VARIANTS[normaliseStatusEnum(status)]) || 'default';
|
|
6676
|
-
|
|
6677
|
-
class EcabsStatusBadgeVariantPipe {
|
|
6678
|
-
transform(status) {
|
|
6679
|
-
return resolveStatusBadgeVariant(status);
|
|
6680
|
-
}
|
|
6681
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsStatusBadgeVariantPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
6682
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: EcabsStatusBadgeVariantPipe, isStandalone: false, name: "statusBadgeVariant" });
|
|
6683
|
-
}
|
|
6684
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsStatusBadgeVariantPipe, decorators: [{
|
|
6685
|
-
type: Pipe,
|
|
6686
|
-
args: [{
|
|
6687
|
-
name: 'statusBadgeVariant',
|
|
6688
|
-
standalone: false,
|
|
6689
|
-
}]
|
|
6690
|
-
}] });
|
|
6691
|
-
|
|
6692
|
-
class EcabsBadgeModule {
|
|
6693
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6694
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: EcabsBadgeModule, declarations: [EcabsBadgeComponent, EcabsStatusBadgeVariantPipe], imports: [CommonModule,
|
|
6949
|
+
class EcabsActionMenuModule {
|
|
6950
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsActionMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6951
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: EcabsActionMenuModule, declarations: [EcabsActionMenuComponent, EcabsActionMenuTriggerDirective], imports: [CommonModule,
|
|
6952
|
+
MatButtonModule,
|
|
6953
|
+
MatDividerModule,
|
|
6695
6954
|
MatIconModule,
|
|
6696
|
-
|
|
6697
|
-
|
|
6698
|
-
|
|
6955
|
+
MatMenuModule], exports: [EcabsActionMenuComponent, EcabsActionMenuTriggerDirective] });
|
|
6956
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsActionMenuModule, imports: [CommonModule,
|
|
6957
|
+
MatButtonModule,
|
|
6958
|
+
MatDividerModule,
|
|
6699
6959
|
MatIconModule,
|
|
6700
|
-
|
|
6701
|
-
EcabsTooltipIfTruncatedDirectiveModule] });
|
|
6960
|
+
MatMenuModule] });
|
|
6702
6961
|
}
|
|
6703
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type:
|
|
6962
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsActionMenuModule, decorators: [{
|
|
6704
6963
|
type: NgModule,
|
|
6705
6964
|
args: [{
|
|
6706
|
-
declarations: [
|
|
6965
|
+
declarations: [EcabsActionMenuComponent, EcabsActionMenuTriggerDirective],
|
|
6707
6966
|
imports: [
|
|
6708
6967
|
CommonModule,
|
|
6968
|
+
MatButtonModule,
|
|
6969
|
+
MatDividerModule,
|
|
6709
6970
|
MatIconModule,
|
|
6710
|
-
|
|
6711
|
-
EcabsTooltipIfTruncatedDirectiveModule,
|
|
6971
|
+
MatMenuModule,
|
|
6712
6972
|
],
|
|
6713
|
-
exports: [
|
|
6973
|
+
exports: [EcabsActionMenuComponent, EcabsActionMenuTriggerDirective],
|
|
6714
6974
|
}]
|
|
6715
6975
|
}] });
|
|
6716
6976
|
|
|
@@ -6771,11 +7031,11 @@ class EcabsDialogConfirmComponent {
|
|
|
6771
7031
|
this.dialogRef.close(this.data.popoverResult ?? false);
|
|
6772
7032
|
}
|
|
6773
7033
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsDialogConfirmComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$2.MatDialogRef }, { token: UnsubscribeService }, { token: EcabsComponentsService }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
6774
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: EcabsDialogConfirmComponent, isStandalone: false, selector: "ecabs-dialog-confirm", providers: [UnsubscribeService], ngImport: i0, template: "<div matDialogTitle *ngIf=\"data?.titleTemplate; else title\">\n <div class=\"flex items-center justify-between modal-title\">\n <ng-container *ngTemplateOutlet=\"data?.titleTemplate\"></ng-container>\n\n <mat-icon *ngIf=\"!!data?.isPopover\" (click)=\"closeOnPopover()\"\n (keydown.enter)=\"closeOnPopover()\"\n class=\"mat-icon material-icons-outlined justify-end icon--close\">\n close\n </mat-icon>\n </div>\n</div>\n\n\n<ng-template #title>\n <div matDialogTitle *ngIf=\"data?.title || !!data?.isPopover\" class=\"flex flex-column\">\n <div *ngIf=\"!!data?.isPopover\" class=\"w-full flex justify-end\">\n <mat-icon (click)=\"closeOnPopover()\"\n (keydown.enter)=\"closeOnPopover()\"\n class=\"mat-icon material-icons-outlined float-right icon--close mb-2\">\n close\n </mat-icon>\n </div>\n\n <div class=\"font-semibold heading--xs modal-title {{ data.titleColor }}\" *ngIf=\"data.title\">\n {{ data.title }}\n </div>\n </div>\n</ng-template>\n\n\n<div mat-dialog-content>\n <div *ngIf=\"data?.content\">{{ data?.content }}</div>\n <ng-container *ngTemplateOutlet=\"data?.message\"></ng-container>\n</div>\n\n<div *ngIf=\"(!!data?.cancelLabel || !!data?.confirmLabel) && !data?.hideCtaButtons\">\n <div mat-dialog-actions\n [ngClass]=\"{'gap-y-4': data?.useFullButtonSize || data?.splitButtonsWidth}\"\n class=\"btn__group flex justify-end w-full\">\n <ecabs-buttons *ngIf=\"!!data?.cancelLabel\"\n [ngClass]=\"{'flex-1': data?.splitButtonsWidth}\"\n [full]=\"data?.useFullButtonSize\"\n (click)=\"closeFalsey()\"\n (keydown.enter)=\"closeFalsey()\"\n [style]=\"data?.cancelStyle || 'stroked'\">\n {{ data?.cancelLabel }}\n </ecabs-buttons>\n\n <ecabs-buttons *ngIf=\"!!data?.confirmLabel\"\n [ngClass]=\"{'flex-1': data?.splitButtonsWidth}\"\n [full]=\"data?.useFullButtonSize\"\n [color]=\"data?.color || color\"\n [style]=\"data?.confirmStyle || 'flat'\"\n [loading]=\"data?.loading$ | async\"\n (click)=\"closeDialog()\"\n [disabled]=\"data?.disableConfirm$ | async\"\n (keydown.enter)=\"closeDialog()\">\n {{ data?.confirmLabel }}\n </ecabs-buttons>\n </div>\n</div>\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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:
|
|
7034
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: EcabsDialogConfirmComponent, isStandalone: false, selector: "ecabs-dialog-confirm", providers: [UnsubscribeService], ngImport: i0, template: "<div matDialogTitle *ngIf=\"data?.titleTemplate; else title\">\r\n <div class=\"flex items-center justify-between modal-title\">\r\n <ng-container *ngTemplateOutlet=\"data?.titleTemplate\"></ng-container>\r\n\r\n <mat-icon *ngIf=\"!!data?.isPopover\" (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 </div>\r\n</div>\r\n\r\n\r\n<ng-template #title>\r\n <div matDialogTitle *ngIf=\"data?.title || !!data?.isPopover\" class=\"flex flex-column\">\r\n <div *ngIf=\"!!data?.isPopover\" 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 <div class=\"font-semibold heading--xs modal-title {{ data.titleColor }}\" *ngIf=\"data.title\">\r\n {{ data.title }}\r\n </div>\r\n </div>\r\n</ng-template>\r\n\r\n\r\n<div mat-dialog-content>\r\n <div *ngIf=\"data?.content\">{{ data?.content }}</div>\r\n <ng-container *ngTemplateOutlet=\"data?.message\"></ng-container>\r\n</div>\r\n\r\n<div *ngIf=\"(!!data?.cancelLabel || !!data?.confirmLabel) && !data?.hideCtaButtons\">\r\n <div mat-dialog-actions\r\n [ngClass]=\"{'gap-y-4': data?.useFullButtonSize || data?.splitButtonsWidth}\"\r\n class=\"btn__group flex justify-end w-full\">\r\n <ecabs-buttons *ngIf=\"!!data?.cancelLabel\"\r\n [ngClass]=\"{'flex-1': data?.splitButtonsWidth}\"\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 <ecabs-buttons *ngIf=\"!!data?.confirmLabel\"\r\n [ngClass]=\"{'flex-1': data?.splitButtonsWidth}\"\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 </div>\r\n</div>\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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" }] });
|
|
6775
7035
|
}
|
|
6776
7036
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsDialogConfirmComponent, decorators: [{
|
|
6777
7037
|
type: Component,
|
|
6778
|
-
args: [{ selector: 'ecabs-dialog-confirm', providers: [UnsubscribeService], standalone: false, template: "<div matDialogTitle *ngIf=\"data?.titleTemplate; else title\">\n <div class=\"flex items-center justify-between modal-title\">\n <ng-container *ngTemplateOutlet=\"data?.titleTemplate\"></ng-container>\n\n <mat-icon *ngIf=\"!!data?.isPopover\" (click)=\"closeOnPopover()\"\n (keydown.enter)=\"closeOnPopover()\"\n class=\"mat-icon material-icons-outlined justify-end icon--close\">\n close\n </mat-icon>\n </div>\n</div>\n\n\n<ng-template #title>\n <div matDialogTitle *ngIf=\"data?.title || !!data?.isPopover\" class=\"flex flex-column\">\n <div *ngIf=\"!!data?.isPopover\" class=\"w-full flex justify-end\">\n <mat-icon (click)=\"closeOnPopover()\"\n (keydown.enter)=\"closeOnPopover()\"\n class=\"mat-icon material-icons-outlined float-right icon--close mb-2\">\n close\n </mat-icon>\n </div>\n\n <div class=\"font-semibold heading--xs modal-title {{ data.titleColor }}\" *ngIf=\"data.title\">\n {{ data.title }}\n </div>\n </div>\n</ng-template>\n\n\n<div mat-dialog-content>\n <div *ngIf=\"data?.content\">{{ data?.content }}</div>\n <ng-container *ngTemplateOutlet=\"data?.message\"></ng-container>\n</div>\n\n<div *ngIf=\"(!!data?.cancelLabel || !!data?.confirmLabel) && !data?.hideCtaButtons\">\n <div mat-dialog-actions\n [ngClass]=\"{'gap-y-4': data?.useFullButtonSize || data?.splitButtonsWidth}\"\n class=\"btn__group flex justify-end w-full\">\n <ecabs-buttons *ngIf=\"!!data?.cancelLabel\"\n [ngClass]=\"{'flex-1': data?.splitButtonsWidth}\"\n [full]=\"data?.useFullButtonSize\"\n (click)=\"closeFalsey()\"\n (keydown.enter)=\"closeFalsey()\"\n [style]=\"data?.cancelStyle || 'stroked'\">\n {{ data?.cancelLabel }}\n </ecabs-buttons>\n\n <ecabs-buttons *ngIf=\"!!data?.confirmLabel\"\n [ngClass]=\"{'flex-1': data?.splitButtonsWidth}\"\n [full]=\"data?.useFullButtonSize\"\n [color]=\"data?.color || color\"\n [style]=\"data?.confirmStyle || 'flat'\"\n [loading]=\"data?.loading$ | async\"\n (click)=\"closeDialog()\"\n [disabled]=\"data?.disableConfirm$ | async\"\n (keydown.enter)=\"closeDialog()\">\n {{ data?.confirmLabel }}\n </ecabs-buttons>\n </div>\n</div>\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"] }]
|
|
7038
|
+
args: [{ selector: 'ecabs-dialog-confirm', providers: [UnsubscribeService], standalone: false, template: "<div matDialogTitle *ngIf=\"data?.titleTemplate; else title\">\r\n <div class=\"flex items-center justify-between modal-title\">\r\n <ng-container *ngTemplateOutlet=\"data?.titleTemplate\"></ng-container>\r\n\r\n <mat-icon *ngIf=\"!!data?.isPopover\" (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 </div>\r\n</div>\r\n\r\n\r\n<ng-template #title>\r\n <div matDialogTitle *ngIf=\"data?.title || !!data?.isPopover\" class=\"flex flex-column\">\r\n <div *ngIf=\"!!data?.isPopover\" 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 <div class=\"font-semibold heading--xs modal-title {{ data.titleColor }}\" *ngIf=\"data.title\">\r\n {{ data.title }}\r\n </div>\r\n </div>\r\n</ng-template>\r\n\r\n\r\n<div mat-dialog-content>\r\n <div *ngIf=\"data?.content\">{{ data?.content }}</div>\r\n <ng-container *ngTemplateOutlet=\"data?.message\"></ng-container>\r\n</div>\r\n\r\n<div *ngIf=\"(!!data?.cancelLabel || !!data?.confirmLabel) && !data?.hideCtaButtons\">\r\n <div mat-dialog-actions\r\n [ngClass]=\"{'gap-y-4': data?.useFullButtonSize || data?.splitButtonsWidth}\"\r\n class=\"btn__group flex justify-end w-full\">\r\n <ecabs-buttons *ngIf=\"!!data?.cancelLabel\"\r\n [ngClass]=\"{'flex-1': data?.splitButtonsWidth}\"\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 <ecabs-buttons *ngIf=\"!!data?.confirmLabel\"\r\n [ngClass]=\"{'flex-1': data?.splitButtonsWidth}\"\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 </div>\r\n</div>\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"] }]
|
|
6779
7039
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
6780
7040
|
type: Inject,
|
|
6781
7041
|
args: [MAT_DIALOG_DATA]
|
|
@@ -6836,11 +7096,11 @@ class EcabsDialogMessageComponent {
|
|
|
6836
7096
|
}
|
|
6837
7097
|
}
|
|
6838
7098
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsDialogMessageComponent, deps: [{ token: i1$2.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
|
|
6839
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: EcabsDialogMessageComponent, isStandalone: false, selector: "ecabs-dialog-message", ngImport: i0, template: "<div matDialogTitle *ngIf=\"data?.title || !!data?.isPopover\" class=\"flex flex-column\">\n <div *ngIf=\"!!data?.isPopover\" class=\"w-full flex justify-end\">\n <mat-icon\n (click)=\"dialogRef.close(false)\"\n class=\"mat-icon material-icons-outlined float-right icon--close mb-2\"\n role=\"button\"\n >\n close\n </mat-icon>\n </div>\n\n <div *ngIf=\"data.title\" class=\"font-semibold heading--xs\" [ngClass]=\"classByType\">\n {{ data.title }}\n </div>\n</div>\n\n<div mat-dialog-content>\n {{data?.message}}\n</div>\n\n<div class=\"pb-6\">\n <div mat-dialog-actions class=\"btn__group flex justify-end w-full\" *ngIf=\"!data?.isPopover\">\n <ecabs-buttons [color]=\"data?.color || color\" [full]=\"data?.isButtonBlock\" [loading]=\"data.loading$ | async\" (click)=\"closeDialog()\">\n {{ data?.confirmLabel }}\n </ecabs-buttons>\n </div>\n</div>\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}:root{--color-black: #020618;--color-white: #ffffff;--color-white-opacity-05: rgba(0, 0, 0, .05);--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CAD5E2;--color-gray-400: #90A1B9;--color-gray-500: #62748E;--color-gray-600: #45556C;--color-gray-700: #314158;--color-gray-800: #1D293D;--color-gray-900: #0F172B;--color-gray-950: #020618;--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: #bb032a;--color-error-opacity: #FFF0EE;--color-error-border: #FFCDC6;--color-error-rgb: 223, 56, 56;--color-notification: #f4d04f;--color-notification-rgb: 244, 208, 79;--color-info: #325fda;--color-info-rgb: 50, 95, 218;--color-info-messages: #e3e9f3;--color-info-border: #D1D8F7;--color-warning: #845201;--color-warning-opacity: #FDF2DC;--color-warning-border: #FBE5B6;--color-success: #166C3B;--color-success--opacity: #EAF6ED;--color-success-border: #CEEAD5;--color-success-rgb: 7, 81, 69;--color-default-border: #D5E1ED;--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)}:root{--mat-option-label-text-size: 13px}: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-warning)}.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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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:
|
|
7099
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: EcabsDialogMessageComponent, isStandalone: false, selector: "ecabs-dialog-message", ngImport: i0, template: "<div matDialogTitle *ngIf=\"data?.title || !!data?.isPopover\" class=\"flex flex-column\">\r\n <div *ngIf=\"!!data?.isPopover\" 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 <div *ngIf=\"data.title\" class=\"font-semibold heading--xs\" [ngClass]=\"classByType\">\r\n {{ data.title }}\r\n </div>\r\n</div>\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 <div mat-dialog-actions class=\"btn__group flex justify-end w-full\" *ngIf=\"!data?.isPopover\">\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</div>\r\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}:root{--color-black: #020618;--color-white: #ffffff;--color-white-opacity-05: rgba(0, 0, 0, .05);--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CAD5E2;--color-gray-400: #90A1B9;--color-gray-500: #62748E;--color-gray-600: #45556C;--color-gray-700: #314158;--color-gray-800: #1D293D;--color-gray-900: #0F172B;--color-gray-950: #020618;--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: #bb032a;--color-error-opacity: #FFF0EE;--color-error-border: #FFCDC6;--color-error-rgb: 223, 56, 56;--color-notification: #f4d04f;--color-notification-rgb: 244, 208, 79;--color-info: #325fda;--color-info-rgb: 50, 95, 218;--color-info-messages: #e3e9f3;--color-info-border: #D1D8F7;--color-warning: #845201;--color-warning-opacity: #FDF2DC;--color-warning-border: #FBE5B6;--color-success: #166C3B;--color-success--opacity: #EAF6ED;--color-success-border: #CEEAD5;--color-success-rgb: 7, 81, 69;--color-default-border: #D5E1ED;--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)}:root{--mat-option-label-text-size: 13px}: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-warning)}.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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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" }] });
|
|
6840
7100
|
}
|
|
6841
7101
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsDialogMessageComponent, decorators: [{
|
|
6842
7102
|
type: Component,
|
|
6843
|
-
args: [{ selector: 'ecabs-dialog-message', standalone: false, template: "<div matDialogTitle *ngIf=\"data?.title || !!data?.isPopover\" class=\"flex flex-column\">\n <div *ngIf=\"!!data?.isPopover\" class=\"w-full flex justify-end\">\n <mat-icon\n (click)=\"dialogRef.close(false)\"\n class=\"mat-icon material-icons-outlined float-right icon--close mb-2\"\n role=\"button\"\n >\n close\n </mat-icon>\n </div>\n\n <div *ngIf=\"data.title\" class=\"font-semibold heading--xs\" [ngClass]=\"classByType\">\n {{ data.title }}\n </div>\n</div>\n\n<div mat-dialog-content>\n {{data?.message}}\n</div>\n\n<div class=\"pb-6\">\n <div mat-dialog-actions class=\"btn__group flex justify-end w-full\" *ngIf=\"!data?.isPopover\">\n <ecabs-buttons [color]=\"data?.color || color\" [full]=\"data?.isButtonBlock\" [loading]=\"data.loading$ | async\" (click)=\"closeDialog()\">\n {{ data?.confirmLabel }}\n </ecabs-buttons>\n </div>\n</div>\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}:root{--color-black: #020618;--color-white: #ffffff;--color-white-opacity-05: rgba(0, 0, 0, .05);--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CAD5E2;--color-gray-400: #90A1B9;--color-gray-500: #62748E;--color-gray-600: #45556C;--color-gray-700: #314158;--color-gray-800: #1D293D;--color-gray-900: #0F172B;--color-gray-950: #020618;--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: #bb032a;--color-error-opacity: #FFF0EE;--color-error-border: #FFCDC6;--color-error-rgb: 223, 56, 56;--color-notification: #f4d04f;--color-notification-rgb: 244, 208, 79;--color-info: #325fda;--color-info-rgb: 50, 95, 218;--color-info-messages: #e3e9f3;--color-info-border: #D1D8F7;--color-warning: #845201;--color-warning-opacity: #FDF2DC;--color-warning-border: #FBE5B6;--color-success: #166C3B;--color-success--opacity: #EAF6ED;--color-success-border: #CEEAD5;--color-success-rgb: 7, 81, 69;--color-default-border: #D5E1ED;--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)}:root{--mat-option-label-text-size: 13px}: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-warning)}.title--success{color:var(--color-success)}.title--default{color:var(--color-info)}\n"] }]
|
|
7103
|
+
args: [{ selector: 'ecabs-dialog-message', standalone: false, template: "<div matDialogTitle *ngIf=\"data?.title || !!data?.isPopover\" class=\"flex flex-column\">\r\n <div *ngIf=\"!!data?.isPopover\" 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 <div *ngIf=\"data.title\" class=\"font-semibold heading--xs\" [ngClass]=\"classByType\">\r\n {{ data.title }}\r\n </div>\r\n</div>\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 <div mat-dialog-actions class=\"btn__group flex justify-end w-full\" *ngIf=\"!data?.isPopover\">\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</div>\r\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}:root{--color-black: #020618;--color-white: #ffffff;--color-white-opacity-05: rgba(0, 0, 0, .05);--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CAD5E2;--color-gray-400: #90A1B9;--color-gray-500: #62748E;--color-gray-600: #45556C;--color-gray-700: #314158;--color-gray-800: #1D293D;--color-gray-900: #0F172B;--color-gray-950: #020618;--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: #bb032a;--color-error-opacity: #FFF0EE;--color-error-border: #FFCDC6;--color-error-rgb: 223, 56, 56;--color-notification: #f4d04f;--color-notification-rgb: 244, 208, 79;--color-info: #325fda;--color-info-rgb: 50, 95, 218;--color-info-messages: #e3e9f3;--color-info-border: #D1D8F7;--color-warning: #845201;--color-warning-opacity: #FDF2DC;--color-warning-border: #FBE5B6;--color-success: #166C3B;--color-success--opacity: #EAF6ED;--color-success-border: #CEEAD5;--color-success-rgb: 7, 81, 69;--color-default-border: #D5E1ED;--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)}:root{--mat-option-label-text-size: 13px}: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-warning)}.title--success{color:var(--color-success)}.title--default{color:var(--color-info)}\n"] }]
|
|
6844
7104
|
}], ctorParameters: () => [{ type: i1$2.MatDialogRef }, { type: undefined, decorators: [{
|
|
6845
7105
|
type: Inject,
|
|
6846
7106
|
args: [MAT_DIALOG_DATA]
|
|
@@ -6862,7 +7122,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
6862
7122
|
class EcabsBreadcrumbComponent {
|
|
6863
7123
|
breadcrumb;
|
|
6864
7124
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6865
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: EcabsBreadcrumbComponent, isStandalone: false, selector: "ecabs-breadcrumb", inputs: { breadcrumb: "breadcrumb" }, ngImport: i0, template: "<ul class=\"flex text-gray-500 text-sm\">\r\n <li\r\n *ngFor=\"let item of breadcrumb; let counter = index\"\r\n [routerLink]=\"item.url\"\r\n [ngClass]=\"{ 'cursor-pointer': item.url }\"\r\n class=\"flex\"\r\n >\r\n <mat-icon class=\"text-sm! text-center text-gray-400\" *ngIf=\"counter !== 0\">keyboard_arrow_right</mat-icon>\r\n <span>{{ item.title }}</span>\r\n </li>\r\n</ul>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type:
|
|
7125
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: EcabsBreadcrumbComponent, isStandalone: false, selector: "ecabs-breadcrumb", inputs: { breadcrumb: "breadcrumb" }, ngImport: i0, template: "<ul class=\"flex text-gray-500 text-sm\">\r\n <li\r\n *ngFor=\"let item of breadcrumb; let counter = index\"\r\n [routerLink]=\"item.url\"\r\n [ngClass]=\"{ 'cursor-pointer': item.url }\"\r\n class=\"flex\"\r\n >\r\n <mat-icon class=\"text-sm! text-center text-gray-400\" *ngIf=\"counter !== 0\">keyboard_arrow_right</mat-icon>\r\n <span>{{ item.title }}</span>\r\n </li>\r\n</ul>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4$5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6866
7126
|
}
|
|
6867
7127
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsBreadcrumbComponent, decorators: [{
|
|
6868
7128
|
type: Component,
|
|
@@ -6922,11 +7182,11 @@ class EcabsLanguageSelectorComponent {
|
|
|
6922
7182
|
return lang.of(code);
|
|
6923
7183
|
}
|
|
6924
7184
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsLanguageSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6925
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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\"\n [ngClass]=\"{'flag-only': flagOnly}\">\n <mat-label></mat-label>\n <mat-select class=\"capitalize\"\n [(ngModel)]=\"selectedLang\"\n name=\"language\"\n (ngModelChange)=\"toggleLang()\"\n panelClass=\"wide-select\">\n <mat-select-trigger>\n <div class=\"flex items-center\" [matTooltip]=\"tooltip\">\n <span [ngClass]=\"flagClass(matchSelected())\"></span>\n <div *ngIf=\"!flagOnly\" class=\"ml-2\">{{ standardLang(matchSelected()) }}</div>\n </div>\n </mat-select-trigger>\n <mat-option class=\"capitalize\" *ngFor=\"let lang of languages\" [value]=\"lang\">\n <div class=\"flex items-center\">\n <span [ngClass]=\"flagClass(lang)\"></span>\n <div class=\"ml-2\">{{ standardLang(lang) }}</div>\n </div>\n </mat-option>\n </mat-select>\n</mat-form-field>\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}:root{--mat-option-label-text-size: 13px}: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: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: 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: i4$
|
|
7185
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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 <div *ngIf=\"!flagOnly\" class=\"ml-2\">{{ standardLang(matchSelected()) }}</div>\r\n </div>\r\n </mat-select-trigger>\r\n <mat-option class=\"capitalize\" *ngFor=\"let lang of languages\" [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 </mat-select>\r\n</mat-form-field>\r\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}:root{--mat-option-label-text-size: 13px}: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: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: 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: i4$2.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: i4$2.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.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"] }] });
|
|
6926
7186
|
}
|
|
6927
7187
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsLanguageSelectorComponent, decorators: [{
|
|
6928
7188
|
type: Component,
|
|
6929
|
-
args: [{ selector: 'ecabs-language-selector', standalone: false, template: "<mat-form-field appearance=\"outline\"\n [ngClass]=\"{'flag-only': flagOnly}\">\n <mat-label></mat-label>\n <mat-select class=\"capitalize\"\n [(ngModel)]=\"selectedLang\"\n name=\"language\"\n (ngModelChange)=\"toggleLang()\"\n panelClass=\"wide-select\">\n <mat-select-trigger>\n <div class=\"flex items-center\" [matTooltip]=\"tooltip\">\n <span [ngClass]=\"flagClass(matchSelected())\"></span>\n <div *ngIf=\"!flagOnly\" class=\"ml-2\">{{ standardLang(matchSelected()) }}</div>\n </div>\n </mat-select-trigger>\n <mat-option class=\"capitalize\" *ngFor=\"let lang of languages\" [value]=\"lang\">\n <div class=\"flex items-center\">\n <span [ngClass]=\"flagClass(lang)\"></span>\n <div class=\"ml-2\">{{ standardLang(lang) }}</div>\n </div>\n </mat-option>\n </mat-select>\n</mat-form-field>\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}:root{--mat-option-label-text-size: 13px}: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"] }]
|
|
7189
|
+
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 <div *ngIf=\"!flagOnly\" class=\"ml-2\">{{ standardLang(matchSelected()) }}</div>\r\n </div>\r\n </mat-select-trigger>\r\n <mat-option class=\"capitalize\" *ngFor=\"let lang of languages\" [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 </mat-select>\r\n</mat-form-field>\r\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}:root{--mat-option-label-text-size: 13px}: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"] }]
|
|
6930
7190
|
}], propDecorators: { languages: [{
|
|
6931
7191
|
type: Input
|
|
6932
7192
|
}], currentLanguage: [{
|
|
@@ -7394,7 +7654,7 @@ class EcabsUppercaseMaskDirective {
|
|
|
7394
7654
|
this.control.control.setValue(input.value.toUpperCase());
|
|
7395
7655
|
input.setSelectionRange(position, position);
|
|
7396
7656
|
}
|
|
7397
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsUppercaseMaskDirective, deps: [{ token: i4.NgControl }], target: i0.ɵɵFactoryTarget.Directive });
|
|
7657
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsUppercaseMaskDirective, deps: [{ token: i4$1.NgControl }], target: i0.ɵɵFactoryTarget.Directive });
|
|
7398
7658
|
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: EcabsUppercaseMaskDirective, isStandalone: false, selector: "[formControlName][ecabsUppercaseInput]", host: { listeners: { "input": "onInput($event.target)" } }, ngImport: i0 });
|
|
7399
7659
|
}
|
|
7400
7660
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsUppercaseMaskDirective, decorators: [{
|
|
@@ -7403,7 +7663,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
7403
7663
|
selector: '[formControlName][ecabsUppercaseInput]',
|
|
7404
7664
|
standalone: false
|
|
7405
7665
|
}]
|
|
7406
|
-
}], ctorParameters: () => [{ type: i4.NgControl }], propDecorators: { onInput: [{
|
|
7666
|
+
}], ctorParameters: () => [{ type: i4$1.NgControl }], propDecorators: { onInput: [{
|
|
7407
7667
|
type: HostListener,
|
|
7408
7668
|
args: ['input', ['$event.target']]
|
|
7409
7669
|
}] } });
|
|
@@ -7540,11 +7800,11 @@ class EcabsValidationComponent {
|
|
|
7540
7800
|
form;
|
|
7541
7801
|
title;
|
|
7542
7802
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsValidationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7543
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: EcabsValidationComponent, isStandalone: false, selector: "ecabs-validation", inputs: { validations: "validations", form: "form", title: "title" }, ngImport: i0, template: "<div class=\"form-validations\">\n <div class=\"header font-medium\">{{ title }}</div>\n <ecabs-validations-messages\n *ngFor=\"let validation of validations\"\n [showValidationOnNotTouched]=\"true\"\n [element]=\"form.controls[validation.controlName]\"\n [updatedErrors]=\"validation.errors\"\n ></ecabs-validations-messages>\n</div>\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}: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: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ValidationComponent, selector: "ecabs-validations-messages", inputs: ["element", "label", "showValidationOnNotTouched", "updatedErrors"] }] });
|
|
7803
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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 <ecabs-validations-messages\r\n *ngFor=\"let validation of validations\"\r\n [showValidationOnNotTouched]=\"true\"\r\n [element]=\"form.controls[validation.controlName]\"\r\n [updatedErrors]=\"validation.errors\"\r\n ></ecabs-validations-messages>\r\n</div>\r\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}: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: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ValidationComponent, selector: "ecabs-validations-messages", inputs: ["element", "label", "showValidationOnNotTouched", "updatedErrors"] }] });
|
|
7544
7804
|
}
|
|
7545
7805
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsValidationComponent, decorators: [{
|
|
7546
7806
|
type: Component,
|
|
7547
|
-
args: [{ selector: 'ecabs-validation', standalone: false, template: "<div class=\"form-validations\">\n <div class=\"header font-medium\">{{ title }}</div>\n <ecabs-validations-messages\n *ngFor=\"let validation of validations\"\n [showValidationOnNotTouched]=\"true\"\n [element]=\"form.controls[validation.controlName]\"\n [updatedErrors]=\"validation.errors\"\n ></ecabs-validations-messages>\n</div>\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}: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"] }]
|
|
7807
|
+
args: [{ selector: 'ecabs-validation', standalone: false, template: "<div class=\"form-validations\">\r\n <div class=\"header font-medium\">{{ title }}</div>\r\n <ecabs-validations-messages\r\n *ngFor=\"let validation of validations\"\r\n [showValidationOnNotTouched]=\"true\"\r\n [element]=\"form.controls[validation.controlName]\"\r\n [updatedErrors]=\"validation.errors\"\r\n ></ecabs-validations-messages>\r\n</div>\r\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}: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"] }]
|
|
7548
7808
|
}], propDecorators: { validations: [{
|
|
7549
7809
|
type: Input
|
|
7550
7810
|
}], form: [{
|
|
@@ -7579,7 +7839,7 @@ class EcabsActiveStatusFilterComponent {
|
|
|
7579
7839
|
return this.initialStatus === status;
|
|
7580
7840
|
}
|
|
7581
7841
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsActiveStatusFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7582
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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 <mat-chip-option *ngFor=\"let status of statuses\"\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 </mat-chip-listbox>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2$
|
|
7842
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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 <mat-chip-option *ngFor=\"let status of statuses\"\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 </mat-chip-listbox>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2$4.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i2$4.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }] });
|
|
7583
7843
|
}
|
|
7584
7844
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsActiveStatusFilterComponent, decorators: [{
|
|
7585
7845
|
type: Component,
|
|
@@ -7626,11 +7886,11 @@ class EcabsProfileComponent {
|
|
|
7626
7886
|
}
|
|
7627
7887
|
}
|
|
7628
7888
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7629
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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 -->\n<ul (click)=\"avatarChange.emit()\" class=\"flex text-black cursor-pointer\">\n <li class=\"md:mr-3\">\n <div *ngIf=\"!useAvatar; else avatarTpl\" ecabsDynamicBgColor [params]=\"name\"\n class=\"flex h-12 w-12 rounded-full bg-gray-50 items-center justify-center text-white\">\n <span class=\"text-xl font-medium\">{{ initials }}</span>\n </div>\n </li>\n\n <li class=\"hidden md:flex flex-1 flex-col justify-center\">\n <div class=\"font-semibold\">{{ name }}</div>\n <div class=\"text-xs\">{{ title }}</div>\n </li>\n</ul>\n\n<ng-template #avatarTpl>\n <!-- eslint-disable-next-line -->\n <img [src]=\"avatar\" class=\"rounded-full\"/>\n</ng-template>\n\n", styles: ["img{width:40px;height:40px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: EcabsDynamicBgColorDirective, selector: "[ecabsDynamicBgColor]", inputs: ["params", "saturation", "lightness"] }] });
|
|
7889
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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 <div *ngIf=\"!useAvatar; else avatarTpl\" ecabsDynamicBgColor [params]=\"name\"\r\n class=\"flex h-12 w-12 rounded-full bg-gray-50 items-center justify-center text-white\">\r\n <span class=\"text-xl font-medium\">{{ initials }}</span>\r\n </div>\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<ng-template #avatarTpl>\r\n <!-- eslint-disable-next-line -->\r\n <img [src]=\"avatar\" class=\"rounded-full\"/>\r\n</ng-template>\r\n\r\n", styles: ["img{width:40px;height:40px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: EcabsDynamicBgColorDirective, selector: "[ecabsDynamicBgColor]", inputs: ["params", "saturation", "lightness"] }] });
|
|
7630
7890
|
}
|
|
7631
7891
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsProfileComponent, decorators: [{
|
|
7632
7892
|
type: Component,
|
|
7633
|
-
args: [{ selector: 'ecabs-profile', standalone: false, template: "<!-- eslint-disable-next-line -->\n<ul (click)=\"avatarChange.emit()\" class=\"flex text-black cursor-pointer\">\n <li class=\"md:mr-3\">\n <div *ngIf=\"!useAvatar; else avatarTpl\" ecabsDynamicBgColor [params]=\"name\"\n class=\"flex h-12 w-12 rounded-full bg-gray-50 items-center justify-center text-white\">\n <span class=\"text-xl font-medium\">{{ initials }}</span>\n </div>\n </li>\n\n <li class=\"hidden md:flex flex-1 flex-col justify-center\">\n <div class=\"font-semibold\">{{ name }}</div>\n <div class=\"text-xs\">{{ title }}</div>\n </li>\n</ul>\n\n<ng-template #avatarTpl>\n <!-- eslint-disable-next-line -->\n <img [src]=\"avatar\" class=\"rounded-full\"/>\n</ng-template>\n\n", styles: ["img{width:40px;height:40px}\n"] }]
|
|
7893
|
+
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 <div *ngIf=\"!useAvatar; else avatarTpl\" ecabsDynamicBgColor [params]=\"name\"\r\n class=\"flex h-12 w-12 rounded-full bg-gray-50 items-center justify-center text-white\">\r\n <span class=\"text-xl font-medium\">{{ initials }}</span>\r\n </div>\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<ng-template #avatarTpl>\r\n <!-- eslint-disable-next-line -->\r\n <img [src]=\"avatar\" class=\"rounded-full\"/>\r\n</ng-template>\r\n\r\n", styles: ["img{width:40px;height:40px}\n"] }]
|
|
7634
7894
|
}], propDecorators: { avatar: [{
|
|
7635
7895
|
type: Input
|
|
7636
7896
|
}], name: [{
|
|
@@ -7703,11 +7963,11 @@ class EcabsHeaderComponent {
|
|
|
7703
7963
|
this.subscription.unsubscribe();
|
|
7704
7964
|
}
|
|
7705
7965
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsHeaderComponent, deps: [{ token: HeaderService }], target: i0.ɵɵFactoryTarget.Component });
|
|
7706
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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>\n\n<ul class=\"flex pb-4 pt-3 px-10\">\n <li class=\"flex flex-col flex-1 justify-center\">\n <div class=\"sm:hidden md:block\">\n <ecabs-breadcrumb [breadcrumb]=\"header?.breadcrumb\"></ecabs-breadcrumb>\n </div>\n\n <div class=\"heading--lg text-brand-dark font-medium\">\n <mat-icon class=\"mr-3 text-gray-500\" (click)=\"toggleNav.emit()\" role=\"button\">menu</mat-icon>\n\n <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n <div #basicHeader></div>\n </div>\n </li>\n\n <li>\n <div class=\"flex items-center\">\n <ecabs-profile [name]=\"user?.name\" [title]=\"user?.title\" [avatar]=\"avatar\"\n (avatarChange)=\"avatarChange.emit()\"></ecabs-profile>\n </div>\n </li>\n</ul>\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:
|
|
7966
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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"] }] });
|
|
7707
7967
|
}
|
|
7708
7968
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsHeaderComponent, decorators: [{
|
|
7709
7969
|
type: Component,
|
|
7710
|
-
args: [{ selector: 'ecabs-header', standalone: false, template: "<div [ngClass]=\"{loading}\" class=\"progress-bar\"></div>\n\n<ul class=\"flex pb-4 pt-3 px-10\">\n <li class=\"flex flex-col flex-1 justify-center\">\n <div class=\"sm:hidden md:block\">\n <ecabs-breadcrumb [breadcrumb]=\"header?.breadcrumb\"></ecabs-breadcrumb>\n </div>\n\n <div class=\"heading--lg text-brand-dark font-medium\">\n <mat-icon class=\"mr-3 text-gray-500\" (click)=\"toggleNav.emit()\" role=\"button\">menu</mat-icon>\n\n <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n <div #basicHeader></div>\n </div>\n </li>\n\n <li>\n <div class=\"flex items-center\">\n <ecabs-profile [name]=\"user?.name\" [title]=\"user?.title\" [avatar]=\"avatar\"\n (avatarChange)=\"avatarChange.emit()\"></ecabs-profile>\n </div>\n </li>\n</ul>\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"] }]
|
|
7970
|
+
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"] }]
|
|
7711
7971
|
}], ctorParameters: () => [{ type: HeaderService }], propDecorators: { basicHeader: [{
|
|
7712
7972
|
type: ViewChild,
|
|
7713
7973
|
args: ['basicHeader', { static: true }]
|
|
@@ -7836,7 +8096,7 @@ class EcabsSliderComponent extends EcabsElementBaseComponent {
|
|
|
7836
8096
|
useExisting: EcabsSliderComponent,
|
|
7837
8097
|
multi: true,
|
|
7838
8098
|
},
|
|
7839
|
-
], viewQueries: [{ propertyName: "slider", first: true, predicate: ["slider"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <form #f=\"ngForm\" [formGroup]=\"sliderForm\">\n <ngx-slider\n #slider\n class=\"custom-slider\"\n [formControlName]=\"'slider'\"\n [value]=\"point\"\n name=\"slider\"\n (userChangeEnd)=\"onChangeValue($event)\"\n [options]=\"options\"\n ></ngx-slider>\n </form>\n</ecabs-element-wrapper>\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: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3$
|
|
8099
|
+
], 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: i4$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4$1.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"] }] });
|
|
7840
8100
|
}
|
|
7841
8101
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsSliderComponent, decorators: [{
|
|
7842
8102
|
type: Component,
|
|
@@ -7846,7 +8106,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
7846
8106
|
useExisting: EcabsSliderComponent,
|
|
7847
8107
|
multi: true,
|
|
7848
8108
|
},
|
|
7849
|
-
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <form #f=\"ngForm\" [formGroup]=\"sliderForm\">\n <ngx-slider\n #slider\n class=\"custom-slider\"\n [formControlName]=\"'slider'\"\n [value]=\"point\"\n name=\"slider\"\n (userChangeEnd)=\"onChangeValue($event)\"\n [options]=\"options\"\n ></ngx-slider>\n </form>\n</ecabs-element-wrapper>\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"] }]
|
|
8109
|
+
], standalone: false, 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"] }]
|
|
7850
8110
|
}], ctorParameters: () => [{ type: i0.Injector }], propDecorators: { slider: [{
|
|
7851
8111
|
type: ViewChild,
|
|
7852
8112
|
args: ['slider']
|
|
@@ -8139,13 +8399,13 @@ class EcabsMenuItemsComponent {
|
|
|
8139
8399
|
});
|
|
8140
8400
|
}
|
|
8141
8401
|
}
|
|
8142
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsMenuItemsComponent, deps: [{ token: UnsubscribeService }, { token:
|
|
8143
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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>\n <li\n *ngFor=\"let item of menuItems; let i = index\"\n class=\"mb-2 hover:text-brand-dark cursor-pointer\"\n [ngClass]=\"item.expand ? 'font-bold text-brand-dark' : 'text-gray-500'\"\n >\n <a (click)=\"toggleItem(item, i)\" [id]=\"i\"\n [routerLink]=\"item.url ? [item.url] : []\"\n class=\"p-4 flex items-center h-max\"\n [ngClass]=\"item.expand ? 'text-brand-dark' : 'text-gray-500'\"\n >\n <mat-icon [svgIcon]=\"item.iconResource?.name || ''\"\n class=\"inline-block align-middle mr-4 text-inherit hover:text-inherit\">\n {{ item.icon }}\n </mat-icon>\n <span *ngIf=\"!minimizeSidebar\"\n class=\"inline-block align-middle\">\n {{ item.title }}\n </span>\n <div *ngIf=\"item.badge\" class=\"badge text-white\">\n {{ item.badge }}\n </div>\n </a>\n <ng-container *ngIf=\"item.expand && item.subItems?.length > 0\">\n <ng-container *ngTemplateOutlet=\"firstChildren; context: item\"></ng-container>\n </ng-container>\n </li>\n</ul>\n\n<ng-template #firstChildren let-subItems=\"subItems\">\n <ng-container *ngIf=\"!minimizeSidebar\">\n <ul class=\"ml-12\">\n <li *ngFor=\"let item of subItems\" [ngClass]=\"item.expand ? 'font-bold text-brand-dark' : 'text-gray-500'\">\n <a #rla=\"routerLinkActive\"\n (click)=\"toggleSubItem(item, subItems)\"\n class=\"text-sm font-light p-4 h-12 rounded-md hover:text-brand-dark flex items-center\"\n [ngClass]=\"item.expand && rla.isActive ? 'text-brand-dark' : 'text-gray-500'\"\n [routerLink]=\"item.url ? [item.url] : []\"\n [routerLinkActive]=\" item.url ? 'bg-brand-300 text-brand-dark' : ''\"\n >\n <span [title]=\"item.title\">\n {{ item.title | truncate: truncateTo }}\n </span>\n <div *ngIf=\"item.badge\" class=\"badge text-white\">\n {{ item.badge }}\n </div>\n <div *ngIf=\"item.subItems?.length > 0\" class=\"flex-1 text-right\">\n <mat-icon class=\"align-middle hover:text-inherit\" [ngClass]=\"{ 'rotate-90': item.expand }\">\n keyboard_arrow_right\n </mat-icon>\n </div>\n </a>\n <ng-container *ngIf=\"item.expand && item.subItems?.length > 0\">\n <ng-container *ngTemplateOutlet=\"secondChildren; context: item\"></ng-container>\n </ng-container>\n </li>\n </ul>\n </ng-container>\n</ng-template>\n\n<ng-template #secondChildren let-subItems=\"subItems\">\n <ul class=\"ml-3\">\n <li *ngFor=\"let item of subItems\">\n <a #rla=\"routerLinkActive\"\n [ngClass]=\"item.expand && rla.isActive ? 'text-brand-dark' : 'text-gray-500'\"\n [routerLink]=\"item.url ? [item.url] : []\"\n [routerLinkActive]=\" item.url ? 'bg-brand-300 text-brand-dark' : ''\"\n class=\"text-xs font-light block p-4 h-12 rounded-md hover:text-brand-dark\">\n <span>{{ item.title }}</span>\n <div *ngIf=\"item.badge\" class=\"badge text-white\">\n {{ item.badge }}\n </div>\n </a>\n </li>\n </ul>\n</ng-template>\n", styles: [":host::ng-deep li.text-brand-dark svg path{fill:currentColor}:host::ng-deep .badge{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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4$
|
|
8402
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsMenuItemsComponent, deps: [{ token: UnsubscribeService }, { token: i4.MatIconRegistry }, { token: i3$5.DomSanitizer }, { token: i4$5.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
8403
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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 <li\r\n *ngFor=\"let item of menuItems; let i = index\"\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 <span *ngIf=\"!minimizeSidebar\"\r\n class=\"inline-block align-middle\">\r\n {{ item.title }}\r\n </span>\r\n <div *ngIf=\"item.badge\" class=\"badge text-white\">\r\n {{ item.badge }}\r\n </div>\r\n </a>\r\n <ng-container *ngIf=\"item.expand && item.subItems?.length > 0\">\r\n <ng-container *ngTemplateOutlet=\"firstChildren; context: item\"></ng-container>\r\n </ng-container>\r\n </li>\r\n</ul>\r\n\r\n<ng-template #firstChildren let-subItems=\"subItems\">\r\n <ng-container *ngIf=\"!minimizeSidebar\">\r\n <ul class=\"ml-12\">\r\n <li *ngFor=\"let item of subItems\" [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 <div *ngIf=\"item.badge\" class=\"badge text-white\">\r\n {{ item.badge }}\r\n </div>\r\n <div *ngIf=\"item.subItems?.length > 0\" 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 </a>\r\n <ng-container *ngIf=\"item.expand && item.subItems?.length > 0\">\r\n <ng-container *ngTemplateOutlet=\"secondChildren; context: item\"></ng-container>\r\n </ng-container>\r\n </li>\r\n </ul>\r\n </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #secondChildren let-subItems=\"subItems\">\r\n <ul class=\"ml-3\">\r\n <li *ngFor=\"let item of subItems\">\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 <div *ngIf=\"item.badge\" class=\"badge text-white\">\r\n {{ item.badge }}\r\n </div>\r\n </a>\r\n </li>\r\n </ul>\r\n</ng-template>\r\n", styles: [":host::ng-deep li.text-brand-dark svg path{fill:currentColor}:host::ng-deep .badge{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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4$5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4$5.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" }] });
|
|
8144
8404
|
}
|
|
8145
8405
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsMenuItemsComponent, decorators: [{
|
|
8146
8406
|
type: Component,
|
|
8147
|
-
args: [{ selector: 'ecabs-menu-items', providers: [UnsubscribeService], standalone: false, template: "<ul>\n <li\n *ngFor=\"let item of menuItems; let i = index\"\n class=\"mb-2 hover:text-brand-dark cursor-pointer\"\n [ngClass]=\"item.expand ? 'font-bold text-brand-dark' : 'text-gray-500'\"\n >\n <a (click)=\"toggleItem(item, i)\" [id]=\"i\"\n [routerLink]=\"item.url ? [item.url] : []\"\n class=\"p-4 flex items-center h-max\"\n [ngClass]=\"item.expand ? 'text-brand-dark' : 'text-gray-500'\"\n >\n <mat-icon [svgIcon]=\"item.iconResource?.name || ''\"\n class=\"inline-block align-middle mr-4 text-inherit hover:text-inherit\">\n {{ item.icon }}\n </mat-icon>\n <span *ngIf=\"!minimizeSidebar\"\n class=\"inline-block align-middle\">\n {{ item.title }}\n </span>\n <div *ngIf=\"item.badge\" class=\"badge text-white\">\n {{ item.badge }}\n </div>\n </a>\n <ng-container *ngIf=\"item.expand && item.subItems?.length > 0\">\n <ng-container *ngTemplateOutlet=\"firstChildren; context: item\"></ng-container>\n </ng-container>\n </li>\n</ul>\n\n<ng-template #firstChildren let-subItems=\"subItems\">\n <ng-container *ngIf=\"!minimizeSidebar\">\n <ul class=\"ml-12\">\n <li *ngFor=\"let item of subItems\" [ngClass]=\"item.expand ? 'font-bold text-brand-dark' : 'text-gray-500'\">\n <a #rla=\"routerLinkActive\"\n (click)=\"toggleSubItem(item, subItems)\"\n class=\"text-sm font-light p-4 h-12 rounded-md hover:text-brand-dark flex items-center\"\n [ngClass]=\"item.expand && rla.isActive ? 'text-brand-dark' : 'text-gray-500'\"\n [routerLink]=\"item.url ? [item.url] : []\"\n [routerLinkActive]=\" item.url ? 'bg-brand-300 text-brand-dark' : ''\"\n >\n <span [title]=\"item.title\">\n {{ item.title | truncate: truncateTo }}\n </span>\n <div *ngIf=\"item.badge\" class=\"badge text-white\">\n {{ item.badge }}\n </div>\n <div *ngIf=\"item.subItems?.length > 0\" class=\"flex-1 text-right\">\n <mat-icon class=\"align-middle hover:text-inherit\" [ngClass]=\"{ 'rotate-90': item.expand }\">\n keyboard_arrow_right\n </mat-icon>\n </div>\n </a>\n <ng-container *ngIf=\"item.expand && item.subItems?.length > 0\">\n <ng-container *ngTemplateOutlet=\"secondChildren; context: item\"></ng-container>\n </ng-container>\n </li>\n </ul>\n </ng-container>\n</ng-template>\n\n<ng-template #secondChildren let-subItems=\"subItems\">\n <ul class=\"ml-3\">\n <li *ngFor=\"let item of subItems\">\n <a #rla=\"routerLinkActive\"\n [ngClass]=\"item.expand && rla.isActive ? 'text-brand-dark' : 'text-gray-500'\"\n [routerLink]=\"item.url ? [item.url] : []\"\n [routerLinkActive]=\" item.url ? 'bg-brand-300 text-brand-dark' : ''\"\n class=\"text-xs font-light block p-4 h-12 rounded-md hover:text-brand-dark\">\n <span>{{ item.title }}</span>\n <div *ngIf=\"item.badge\" class=\"badge text-white\">\n {{ item.badge }}\n </div>\n </a>\n </li>\n </ul>\n</ng-template>\n", styles: [":host::ng-deep li.text-brand-dark svg path{fill:currentColor}:host::ng-deep .badge{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"] }]
|
|
8148
|
-
}], ctorParameters: () => [{ type: UnsubscribeService }, { type:
|
|
8407
|
+
args: [{ selector: 'ecabs-menu-items', providers: [UnsubscribeService], standalone: false, template: "<ul>\r\n <li\r\n *ngFor=\"let item of menuItems; let i = index\"\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 <span *ngIf=\"!minimizeSidebar\"\r\n class=\"inline-block align-middle\">\r\n {{ item.title }}\r\n </span>\r\n <div *ngIf=\"item.badge\" class=\"badge text-white\">\r\n {{ item.badge }}\r\n </div>\r\n </a>\r\n <ng-container *ngIf=\"item.expand && item.subItems?.length > 0\">\r\n <ng-container *ngTemplateOutlet=\"firstChildren; context: item\"></ng-container>\r\n </ng-container>\r\n </li>\r\n</ul>\r\n\r\n<ng-template #firstChildren let-subItems=\"subItems\">\r\n <ng-container *ngIf=\"!minimizeSidebar\">\r\n <ul class=\"ml-12\">\r\n <li *ngFor=\"let item of subItems\" [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 <div *ngIf=\"item.badge\" class=\"badge text-white\">\r\n {{ item.badge }}\r\n </div>\r\n <div *ngIf=\"item.subItems?.length > 0\" 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 </a>\r\n <ng-container *ngIf=\"item.expand && item.subItems?.length > 0\">\r\n <ng-container *ngTemplateOutlet=\"secondChildren; context: item\"></ng-container>\r\n </ng-container>\r\n </li>\r\n </ul>\r\n </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #secondChildren let-subItems=\"subItems\">\r\n <ul class=\"ml-3\">\r\n <li *ngFor=\"let item of subItems\">\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 <div *ngIf=\"item.badge\" class=\"badge text-white\">\r\n {{ item.badge }}\r\n </div>\r\n </a>\r\n </li>\r\n </ul>\r\n</ng-template>\r\n", styles: [":host::ng-deep li.text-brand-dark svg path{fill:currentColor}:host::ng-deep .badge{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"] }]
|
|
8408
|
+
}], ctorParameters: () => [{ type: UnsubscribeService }, { type: i4.MatIconRegistry }, { type: i3$5.DomSanitizer }, { type: i4$5.Router }], propDecorators: { menuItems: [{
|
|
8149
8409
|
type: Input
|
|
8150
8410
|
}], minimizeSidebar: [{
|
|
8151
8411
|
type: Input
|
|
@@ -8172,11 +8432,11 @@ class EcabsSidebarComponent {
|
|
|
8172
8432
|
this.sidebarChange.emit(this.minimizeSidebar);
|
|
8173
8433
|
}
|
|
8174
8434
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8175
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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\">\n <ul class=\"relative h-full p-2 flex flex-col\">\n <li *ngIf=\"logo\" [ngClass]=\"minimizeSidebar ? 'w-full items-center text-center' : 'w-20 ml-10'\" class=\"py-8\">\n <ng-container *ngTemplateOutlet=\"logo\"></ng-container>\n </li>\n\n <li [ngClass]=\"minimizeSidebar ? 'overflow-visible' : 'overflow-auto'\" class=\"mb-16 pr-1\">\n <ecabs-menu-items [menuItems]=\"allMenuItems\" [minimizeSidebar]=\"minimizeSidebar\"\n (toggleSidebar)=\"toggle()\"></ecabs-menu-items>\n </li>\n\n <li class=\"mt-auto\">\n <ul>\n <li *ngIf=\"secondaryMenu\" class=\"flex justify-center mb-5\">\n <ng-container *ngTemplateOutlet=\"secondaryMenu\"></ng-container>\n </li>\n\n <li class=\"flex cursor-pointer items-center w-full p-4 logout-btn\">\n <!-- eslint-disable-next-line -->\n <a class=\"text-gray-500\" (click)=\"onLogout()\">\n <mat-icon class=\"inline-block align-middle mr-4\">exit_to_app</mat-icon>\n <span class=\"inline-block align-middle\" *ngIf=\"!minimizeSidebar\">{{ logoutText }}</span>\n </a>\n </li>\n </ul>\n </li>\n </ul>\n\n <!--#::TODO Find alternative to display correctly -->\n<!-- <div class=\"hidden md:block absolute z-20 -right-3 top-[calc(85%-1rem)]-->\n<!-- rounded-full bg-white text-brand-dark shadow-md cursor-pointer hover:bg-gray-100\"-->\n<!-- (click)=\"toggle()\">-->\n<!-- <mat-icon class=\"inline-block align-middle {{ !minimizeSidebar ? 'rotate-180' : '' }}\">keyboard_arrow_right</mat-icon>-->\n<!-- </div>-->\n</section>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EcabsMenuItemsComponent, selector: "ecabs-menu-items", inputs: ["menuItems", "minimizeSidebar", "truncateTo"], outputs: ["toggleSidebar"] }, { kind: "component", type:
|
|
8435
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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 <li *ngIf=\"logo\" [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 <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 <li *ngIf=\"secondaryMenu\" class=\"flex justify-center mb-5\">\r\n <ng-container *ngTemplateOutlet=\"secondaryMenu\"></ng-container>\r\n </li>\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 <span class=\"inline-block align-middle\" *ngIf=\"!minimizeSidebar\">{{ logoutText }}</span>\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }] });
|
|
8176
8436
|
}
|
|
8177
8437
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsSidebarComponent, decorators: [{
|
|
8178
8438
|
type: Component,
|
|
8179
|
-
args: [{ selector: 'ecabs-sidebar', standalone: false, template: "<section [ngClass]=\"minimizeSidebar ? 'w-16' : 'w-72'\" class=\"h-full\">\n <ul class=\"relative h-full p-2 flex flex-col\">\n <li *ngIf=\"logo\" [ngClass]=\"minimizeSidebar ? 'w-full items-center text-center' : 'w-20 ml-10'\" class=\"py-8\">\n <ng-container *ngTemplateOutlet=\"logo\"></ng-container>\n </li>\n\n <li [ngClass]=\"minimizeSidebar ? 'overflow-visible' : 'overflow-auto'\" class=\"mb-16 pr-1\">\n <ecabs-menu-items [menuItems]=\"allMenuItems\" [minimizeSidebar]=\"minimizeSidebar\"\n (toggleSidebar)=\"toggle()\"></ecabs-menu-items>\n </li>\n\n <li class=\"mt-auto\">\n <ul>\n <li *ngIf=\"secondaryMenu\" class=\"flex justify-center mb-5\">\n <ng-container *ngTemplateOutlet=\"secondaryMenu\"></ng-container>\n </li>\n\n <li class=\"flex cursor-pointer items-center w-full p-4 logout-btn\">\n <!-- eslint-disable-next-line -->\n <a class=\"text-gray-500\" (click)=\"onLogout()\">\n <mat-icon class=\"inline-block align-middle mr-4\">exit_to_app</mat-icon>\n <span class=\"inline-block align-middle\" *ngIf=\"!minimizeSidebar\">{{ logoutText }}</span>\n </a>\n </li>\n </ul>\n </li>\n </ul>\n\n <!--#::TODO Find alternative to display correctly -->\n<!-- <div class=\"hidden md:block absolute z-20 -right-3 top-[calc(85%-1rem)]-->\n<!-- rounded-full bg-white text-brand-dark shadow-md cursor-pointer hover:bg-gray-100\"-->\n<!-- (click)=\"toggle()\">-->\n<!-- <mat-icon class=\"inline-block align-middle {{ !minimizeSidebar ? 'rotate-180' : '' }}\">keyboard_arrow_right</mat-icon>-->\n<!-- </div>-->\n</section>\n" }]
|
|
8439
|
+
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 <li *ngIf=\"logo\" [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 <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 <li *ngIf=\"secondaryMenu\" class=\"flex justify-center mb-5\">\r\n <ng-container *ngTemplateOutlet=\"secondaryMenu\"></ng-container>\r\n </li>\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 <span class=\"inline-block align-middle\" *ngIf=\"!minimizeSidebar\">{{ logoutText }}</span>\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" }]
|
|
8180
8440
|
}], propDecorators: { allMenuItems: [{
|
|
8181
8441
|
type: Input
|
|
8182
8442
|
}], logoutText: [{
|
|
@@ -8225,11 +8485,11 @@ class EcabsLogoComponent {
|
|
|
8225
8485
|
subtitle;
|
|
8226
8486
|
logoAlt;
|
|
8227
8487
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8228
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: EcabsLogoComponent, isStandalone: false, selector: "ecabs-logo", inputs: { collapsed: "collapsed", logo: "logo", subtitle: "subtitle", logoAlt: "logoAlt" }, ngImport: i0, template: "<ul *ngIf=\"logo || subtitle\">\n <li *ngIf=\"logo\" class=\"w-full\">\n <img [src]=\"logo\" [alt]=\"logoAlt\"/>\n </li>\n\n <li *ngIf=\"subtitle\" [ngClass]=\"collapsed ? 'text-collapse' : 'text-sm'\" class=\"text-brand-dark mt-2\">\n {{ subtitle }}\n </li>\n</ul>\n", styles: [":host::ng-deep .text-collapse{font-size:9px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
8488
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: EcabsLogoComponent, isStandalone: false, selector: "ecabs-logo", inputs: { collapsed: "collapsed", logo: "logo", subtitle: "subtitle", logoAlt: "logoAlt" }, ngImport: i0, template: "<ul *ngIf=\"logo || subtitle\">\r\n <li *ngIf=\"logo\" class=\"w-full\">\r\n <img [src]=\"logo\" [alt]=\"logoAlt\"/>\r\n </li>\r\n\r\n <li *ngIf=\"subtitle\" [ngClass]=\"collapsed ? 'text-collapse' : 'text-sm'\" class=\"text-brand-dark mt-2\">\r\n {{ subtitle }}\r\n </li>\r\n</ul>\r\n", styles: [":host::ng-deep .text-collapse{font-size:9px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
8229
8489
|
}
|
|
8230
8490
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsLogoComponent, decorators: [{
|
|
8231
8491
|
type: Component,
|
|
8232
|
-
args: [{ selector: 'ecabs-logo', standalone: false, template: "<ul *ngIf=\"logo || subtitle\">\n <li *ngIf=\"logo\" class=\"w-full\">\n <img [src]=\"logo\" [alt]=\"logoAlt\"/>\n </li>\n\n <li *ngIf=\"subtitle\" [ngClass]=\"collapsed ? 'text-collapse' : 'text-sm'\" class=\"text-brand-dark mt-2\">\n {{ subtitle }}\n </li>\n</ul>\n", styles: [":host::ng-deep .text-collapse{font-size:9px!important}\n"] }]
|
|
8492
|
+
args: [{ selector: 'ecabs-logo', standalone: false, template: "<ul *ngIf=\"logo || subtitle\">\r\n <li *ngIf=\"logo\" class=\"w-full\">\r\n <img [src]=\"logo\" [alt]=\"logoAlt\"/>\r\n </li>\r\n\r\n <li *ngIf=\"subtitle\" [ngClass]=\"collapsed ? 'text-collapse' : 'text-sm'\" class=\"text-brand-dark mt-2\">\r\n {{ subtitle }}\r\n </li>\r\n</ul>\r\n", styles: [":host::ng-deep .text-collapse{font-size:9px!important}\n"] }]
|
|
8233
8493
|
}], propDecorators: { collapsed: [{
|
|
8234
8494
|
type: Input
|
|
8235
8495
|
}], logo: [{
|
|
@@ -8386,7 +8646,7 @@ class EcabsPlaceAutocompleteComponent extends EcabsElementBaseComponent {
|
|
|
8386
8646
|
useExisting: EcabsPlaceAutocompleteComponent,
|
|
8387
8647
|
multi: true,
|
|
8388
8648
|
},
|
|
8389
|
-
], viewQueries: [{ propertyName: "matCustomInput", first: true, predicate: ["matCustomAutocompleteInput"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <div class=\"form-field__input--wrapper w-full\">\n <input #matCustomAutocompleteInput\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [(ngModel)]=\"value\"\n [id]=\"name\"\n class=\"form-field__input w-full\"\n autocorrect=\"off\"\n autocapitalize=\"off\"\n spellcheck=\"off\"\n (blur)=\"onTouch()\"\n />\n <div class=\"form-field__input--suffix\" *ngIf=\"showSuffix\">\n <mat-icon *ngIf=\"showDeleteItem\"\n class=\"suffix cursor-pointer delete-button\"\n (click)=\"onDeleteItem()\">\n delete\n </mat-icon>\n <mat-icon class=\"suffix cursor-pointer\" *ngIf=\"!showDeleteItem && value\" (click)=\"onClean()\">close</mat-icon>\n </div>\n </div>\n</ecabs-element-wrapper>\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}mat-form-field{margin-bottom:0!important}.delete-button{color:var(--color-error)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type:
|
|
8649
|
+
], 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 <div class=\"form-field__input--suffix\" *ngIf=\"showSuffix\">\r\n <mat-icon *ngIf=\"showDeleteItem\"\r\n class=\"suffix cursor-pointer delete-button\"\r\n (click)=\"onDeleteItem()\">\r\n delete\r\n </mat-icon>\r\n <mat-icon class=\"suffix cursor-pointer\" *ngIf=\"!showDeleteItem && value\" (click)=\"onClean()\">close</mat-icon>\r\n </div>\r\n </div>\r\n</ecabs-element-wrapper>\r\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}mat-form-field{margin-bottom:0!important}.delete-button{color:var(--color-error)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "directive", type: i4$1.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: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.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"] }] });
|
|
8390
8650
|
}
|
|
8391
8651
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsPlaceAutocompleteComponent, decorators: [{
|
|
8392
8652
|
type: Component,
|
|
@@ -8397,7 +8657,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
8397
8657
|
useExisting: EcabsPlaceAutocompleteComponent,
|
|
8398
8658
|
multi: true,
|
|
8399
8659
|
},
|
|
8400
|
-
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <div class=\"form-field__input--wrapper w-full\">\n <input #matCustomAutocompleteInput\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [(ngModel)]=\"value\"\n [id]=\"name\"\n class=\"form-field__input w-full\"\n autocorrect=\"off\"\n autocapitalize=\"off\"\n spellcheck=\"off\"\n (blur)=\"onTouch()\"\n />\n <div class=\"form-field__input--suffix\" *ngIf=\"showSuffix\">\n <mat-icon *ngIf=\"showDeleteItem\"\n class=\"suffix cursor-pointer delete-button\"\n (click)=\"onDeleteItem()\">\n delete\n </mat-icon>\n <mat-icon class=\"suffix cursor-pointer\" *ngIf=\"!showDeleteItem && value\" (click)=\"onClean()\">close</mat-icon>\n </div>\n </div>\n</ecabs-element-wrapper>\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}mat-form-field{margin-bottom:0!important}.delete-button{color:var(--color-error)}\n"] }]
|
|
8660
|
+
], standalone: false, 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 <div class=\"form-field__input--suffix\" *ngIf=\"showSuffix\">\r\n <mat-icon *ngIf=\"showDeleteItem\"\r\n class=\"suffix cursor-pointer delete-button\"\r\n (click)=\"onDeleteItem()\">\r\n delete\r\n </mat-icon>\r\n <mat-icon class=\"suffix cursor-pointer\" *ngIf=\"!showDeleteItem && value\" (click)=\"onClean()\">close</mat-icon>\r\n </div>\r\n </div>\r\n</ecabs-element-wrapper>\r\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}mat-form-field{margin-bottom:0!important}.delete-button{color:var(--color-error)}\n"] }]
|
|
8401
8661
|
}], ctorParameters: () => [{ type: i0.NgZone }, { type: UnsubscribeService }, { type: i0.ElementRef }, { type: i0.Injector }], propDecorators: { matCustomInput: [{
|
|
8402
8662
|
type: ViewChild,
|
|
8403
8663
|
args: ['matCustomAutocompleteInput', { static: false }]
|
|
@@ -8701,7 +8961,7 @@ class EcabsPlaceAutocompleteV2Component extends EcabsElementBaseComponent {
|
|
|
8701
8961
|
useExisting: EcabsPlaceAutocompleteV2Component,
|
|
8702
8962
|
multi: true,
|
|
8703
8963
|
},
|
|
8704
|
-
], 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=\"autocomplete-ui w-full\">\r\n <section class=\"form-field__input--wrapper w-full\">\r\n <input #matCustomAutocompleteInput\r\n cdkOverlayOrigin\r\n #trigger=\"cdkOverlayOrigin\"\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 autocomplete=\"off\"\r\n autocorrect=\"off\"\r\n autocapitalize=\"off\"\r\n spellcheck=\"off\"\r\n (focus)=\"onFocus()\"\r\n (keydown)=\"onKeyDown($event)\"\r\n (ngModelChange)=\"onUserInput($event)\"\r\n (blur)=\"onBlur()\"\r\n />\r\n <div *ngIf=\"showSuffix\"\r\n class=\"form-field__input--suffix\">\r\n <mat-icon *ngIf=\"showDeleteItem\"\r\n class=\"suffix cursor-pointer delete-button\"\r\n (keydown.enter)=\"delete()\"\r\n (click)=\"delete()\">\r\n delete\r\n </mat-icon>\r\n <mat-icon *ngIf=\"!showDeleteItem && value\"\r\n class=\"suffix cursor-pointer\"\r\n (keydown.enter)=\"clear()\"\r\n (click)=\"clear()\">\r\n close\r\n </mat-icon>\r\n </div>\r\n </section>\r\n <!-- Custom dropdown -->\r\n <ng-template cdkConnectedOverlay\r\n [cdkConnectedOverlayWidth]=\"trigger.elementRef.nativeElement.offsetWidth\"\r\n [cdkConnectedOverlayFlexibleDimensions]=\"false\"\r\n [cdkConnectedOverlayOrigin]=\"trigger\"\r\n [cdkConnectedOverlayOpen]=\"isFocused$ | async\">\r\n <ul class=\"autocomplete-ui__container\">\r\n <li *ngFor=\"let suggestion of waypointSuggestions$ | async; let i = index; trackBy: trackBySuggestion\"\r\n class=\"autocomplete-ui--item flex items-center justify-between hover:bg-gray-100\"\r\n [class.active]=\"i === selectedIndex\"\r\n (mousedown)=\"onSelectSuggestion(suggestion)\">\r\n <ng-container *ngIf=\"!suggestion?.prediction_term; else purePlaceResultTpl\">\r\n <div class=\"w-full truncate\">\r\n {{ suggestion?.additional_info }}\r\n </div>\r\n <mat-icon svgIcon=\"ph-regular:clock-counter\"\r\n class=\"w-5 h-5 text-xl text-gray-400 hover:text-gray-400!\">\r\n </mat-icon>\r\n </ng-container>\r\n\r\n <ng-template #purePlaceResultTpl>\r\n <ul class=\"w-full flex items-center gap-x-1 leading-0 overflow-hidden whitespace-nowrap\">\r\n <li class=\"leading-none\">\r\n {{ suggestion?.prediction_term?.[0]?.value }}\r\n </li>\r\n <li *ngIf=\"suggestion?.prediction_term?.[1]?.value\"\r\n class=\"text-xs text-gray-600 truncate\">\r\n {{ suggestion?.prediction_term?.[1]?.value | separatorAppend: suggestion?.prediction_term?.[2]?.value }}\r\n </li>\r\n <li *ngIf=\"suggestion?.prediction_term?.[2]?.value\"\r\n class=\"text-xs text-gray-600 font-semibold truncate\">\r\n {{ suggestion?.prediction_term?.[2]?.value }}\r\n </li>\r\n </ul>\r\n </ng-template>\r\n </li>\r\n </ul>\r\n </ng-template>\r\n </div>\r\n</ecabs-element-wrapper>\r\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}mat-form-field{margin-bottom:0!important}.delete-button{color:var(--color-error)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type:
|
|
8964
|
+
], 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=\"autocomplete-ui w-full\">\r\n <section class=\"form-field__input--wrapper w-full\">\r\n <input #matCustomAutocompleteInput\r\n cdkOverlayOrigin\r\n #trigger=\"cdkOverlayOrigin\"\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 autocomplete=\"off\"\r\n autocorrect=\"off\"\r\n autocapitalize=\"off\"\r\n spellcheck=\"off\"\r\n (focus)=\"onFocus()\"\r\n (keydown)=\"onKeyDown($event)\"\r\n (ngModelChange)=\"onUserInput($event)\"\r\n (blur)=\"onBlur()\"\r\n />\r\n <div *ngIf=\"showSuffix\"\r\n class=\"form-field__input--suffix\">\r\n <mat-icon *ngIf=\"showDeleteItem\"\r\n class=\"suffix cursor-pointer delete-button\"\r\n (keydown.enter)=\"delete()\"\r\n (click)=\"delete()\">\r\n delete\r\n </mat-icon>\r\n <mat-icon *ngIf=\"!showDeleteItem && value\"\r\n class=\"suffix cursor-pointer\"\r\n (keydown.enter)=\"clear()\"\r\n (click)=\"clear()\">\r\n close\r\n </mat-icon>\r\n </div>\r\n </section>\r\n <!-- Custom dropdown -->\r\n <ng-template cdkConnectedOverlay\r\n [cdkConnectedOverlayWidth]=\"trigger.elementRef.nativeElement.offsetWidth\"\r\n [cdkConnectedOverlayFlexibleDimensions]=\"false\"\r\n [cdkConnectedOverlayOrigin]=\"trigger\"\r\n [cdkConnectedOverlayOpen]=\"isFocused$ | async\">\r\n <ul class=\"autocomplete-ui__container\">\r\n <li *ngFor=\"let suggestion of waypointSuggestions$ | async; let i = index; trackBy: trackBySuggestion\"\r\n class=\"autocomplete-ui--item flex items-center justify-between hover:bg-gray-100\"\r\n [class.active]=\"i === selectedIndex\"\r\n (mousedown)=\"onSelectSuggestion(suggestion)\">\r\n <ng-container *ngIf=\"!suggestion?.prediction_term; else purePlaceResultTpl\">\r\n <div class=\"w-full truncate\">\r\n {{ suggestion?.additional_info }}\r\n </div>\r\n <mat-icon svgIcon=\"ph-regular:clock-counter\"\r\n class=\"w-5 h-5 text-xl text-gray-400 hover:text-gray-400!\">\r\n </mat-icon>\r\n </ng-container>\r\n\r\n <ng-template #purePlaceResultTpl>\r\n <ul class=\"w-full flex items-center gap-x-1 leading-0 overflow-hidden whitespace-nowrap\">\r\n <li class=\"leading-none\">\r\n {{ suggestion?.prediction_term?.[0]?.value }}\r\n </li>\r\n <li *ngIf=\"suggestion?.prediction_term?.[1]?.value\"\r\n class=\"text-xs text-gray-600 truncate\">\r\n {{ suggestion?.prediction_term?.[1]?.value | separatorAppend: suggestion?.prediction_term?.[2]?.value }}\r\n </li>\r\n <li *ngIf=\"suggestion?.prediction_term?.[2]?.value\"\r\n class=\"text-xs text-gray-600 font-semibold truncate\">\r\n {{ suggestion?.prediction_term?.[2]?.value }}\r\n </li>\r\n </ul>\r\n </ng-template>\r\n </li>\r\n </ul>\r\n </ng-template>\r\n </div>\r\n</ecabs-element-wrapper>\r\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}mat-form-field{margin-bottom:0!important}.delete-button{color:var(--color-error)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "directive", type: i4$1.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: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.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"] }, { kind: "directive", type: i5.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: i5.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: SeparatorAppendPipe, name: "separatorAppend" }] });
|
|
8705
8965
|
}
|
|
8706
8966
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsPlaceAutocompleteV2Component, decorators: [{
|
|
8707
8967
|
type: Component,
|
|
@@ -8894,7 +9154,7 @@ class EcabsMultipleDatesPickerComponent extends EcabsElementBaseComponent {
|
|
|
8894
9154
|
multi: true,
|
|
8895
9155
|
},
|
|
8896
9156
|
UnsubscribeService,
|
|
8897
|
-
], viewQueries: [{ propertyName: "_picker", first: true, predicate: ["picker"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <div class=\"form-field__input--wrapper w-full\">\n <mat-chip-grid\n #chipList aria-label=\"Choose a date\"\n (click)=\"picker.open()\"\n class=\"w-full\"\n >\n <mat-chip-option\n class=\"form-field__input\"\n *ngFor=\"let value of model\"\n [selectable]=\"false\" [removable]=\"true\"\n (removed)=\"remove(value)\"\n >\n {{ value | date: 'dd/MM/yyyy' }}\n <mat-icon matChipRemove *ngIf=\"true\">cancel</mat-icon>\n </mat-chip-option>\n <input\n class=\"form-field__input fake-input\"\n [value]=\"resetModel\"\n [(ngModel)]=\"value\"\n [matDatepicker]=\"picker\"\n placeholder=\"Select dates\"\n (dateChange)=\"dateChanged($event)\"\n [matChipInputFor]=\"chipList\"\n [min]=\"minDate\"\n [max]=\"maxDate\"\n [matDatepickerFilter]=\"filterDateRange\"\n />\n </mat-chip-grid>\n <mat-datepicker-toggle matSuffix [for]=\"picker\">\n <mat-icon matDatepickerToggleIcon>calendar_today</mat-icon>\n </mat-datepicker-toggle>\n <mat-datepicker\n #picker\n [calendarHeaderComponent]=\"header\"\n [touchUi]=\"touchUi\"\n [dateClass]=\"dateClass\"\n >\n <mat-datepicker-actions>\n <ecabs-date-picker-actions\n [applyLabel]=\"applyLabel ?? translationConfig?.applyLabel\"\n [cancelLabel]=\"cancelLabel ?? translationConfig?.cancelLabel\"\n >\n </ecabs-date-picker-actions>\n </mat-datepicker-actions>\n </mat-datepicker>\n </div>\n</ecabs-element-wrapper>\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}:root{--color-black: #020618;--color-white: #ffffff;--color-white-opacity-05: rgba(0, 0, 0, .05);--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CAD5E2;--color-gray-400: #90A1B9;--color-gray-500: #62748E;--color-gray-600: #45556C;--color-gray-700: #314158;--color-gray-800: #1D293D;--color-gray-900: #0F172B;--color-gray-950: #020618;--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: #bb032a;--color-error-opacity: #FFF0EE;--color-error-border: #FFCDC6;--color-error-rgb: 223, 56, 56;--color-notification: #f4d04f;--color-notification-rgb: 244, 208, 79;--color-info: #325fda;--color-info-rgb: 50, 95, 218;--color-info-messages: #e3e9f3;--color-info-border: #D1D8F7;--color-warning: #845201;--color-warning-opacity: #FDF2DC;--color-warning-border: #FBE5B6;--color-success: #166C3B;--color-success--opacity: #EAF6ED;--color-success-border: #CEEAD5;--color-success-rgb: 7, 81, 69;--color-default-border: #D5E1ED;--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)}:root{--mat-option-label-text-size: 13px}: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: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "component", type:
|
|
9157
|
+
], 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 <mat-chip-option\r\n class=\"form-field__input\"\r\n *ngFor=\"let value of model\"\r\n [selectable]=\"false\" [removable]=\"true\"\r\n (removed)=\"remove(value)\"\r\n >\r\n {{ value | date: 'dd/MM/yyyy' }}\r\n <mat-icon matChipRemove *ngIf=\"true\">cancel</mat-icon>\r\n </mat-chip-option>\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: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}:root{--color-black: #020618;--color-white: #ffffff;--color-white-opacity-05: rgba(0, 0, 0, .05);--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CAD5E2;--color-gray-400: #90A1B9;--color-gray-500: #62748E;--color-gray-600: #45556C;--color-gray-700: #314158;--color-gray-800: #1D293D;--color-gray-900: #0F172B;--color-gray-950: #020618;--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: #bb032a;--color-error-opacity: #FFF0EE;--color-error-border: #FFCDC6;--color-error-rgb: 223, 56, 56;--color-notification: #f4d04f;--color-notification-rgb: 244, 208, 79;--color-info: #325fda;--color-info-rgb: 50, 95, 218;--color-info-messages: #e3e9f3;--color-info-border: #D1D8F7;--color-warning: #845201;--color-warning-opacity: #FDF2DC;--color-warning-border: #FBE5B6;--color-success: #166C3B;--color-success--opacity: #EAF6ED;--color-success-border: #CEEAD5;--color-success-rgb: 7, 81, 69;--color-default-border: #D5E1ED;--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)}:root{--mat-option-label-text-size: 13px}: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: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: 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: i6.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i6.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i6.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i6.MatDatepickerToggleIcon, selector: "[matDatepickerToggleIcon]" }, { kind: "component", type: i6.MatDatepickerActions, selector: "mat-datepicker-actions, mat-date-range-picker-actions" }, { kind: "component", type: i2$4.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i2$4.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "component", type: i2$4.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i2$4.MatChipRemove, selector: "[matChipRemove]" }, { kind: "directive", type: i7.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i4$1.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: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.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" }] });
|
|
8898
9158
|
}
|
|
8899
9159
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsMultipleDatesPickerComponent, decorators: [{
|
|
8900
9160
|
type: Component,
|
|
@@ -8905,7 +9165,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
8905
9165
|
multi: true,
|
|
8906
9166
|
},
|
|
8907
9167
|
UnsubscribeService,
|
|
8908
|
-
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <div class=\"form-field__input--wrapper w-full\">\n <mat-chip-grid\n #chipList aria-label=\"Choose a date\"\n (click)=\"picker.open()\"\n class=\"w-full\"\n >\n <mat-chip-option\n class=\"form-field__input\"\n *ngFor=\"let value of model\"\n [selectable]=\"false\" [removable]=\"true\"\n (removed)=\"remove(value)\"\n >\n {{ value | date: 'dd/MM/yyyy' }}\n <mat-icon matChipRemove *ngIf=\"true\">cancel</mat-icon>\n </mat-chip-option>\n <input\n class=\"form-field__input fake-input\"\n [value]=\"resetModel\"\n [(ngModel)]=\"value\"\n [matDatepicker]=\"picker\"\n placeholder=\"Select dates\"\n (dateChange)=\"dateChanged($event)\"\n [matChipInputFor]=\"chipList\"\n [min]=\"minDate\"\n [max]=\"maxDate\"\n [matDatepickerFilter]=\"filterDateRange\"\n />\n </mat-chip-grid>\n <mat-datepicker-toggle matSuffix [for]=\"picker\">\n <mat-icon matDatepickerToggleIcon>calendar_today</mat-icon>\n </mat-datepicker-toggle>\n <mat-datepicker\n #picker\n [calendarHeaderComponent]=\"header\"\n [touchUi]=\"touchUi\"\n [dateClass]=\"dateClass\"\n >\n <mat-datepicker-actions>\n <ecabs-date-picker-actions\n [applyLabel]=\"applyLabel ?? translationConfig?.applyLabel\"\n [cancelLabel]=\"cancelLabel ?? translationConfig?.cancelLabel\"\n >\n </ecabs-date-picker-actions>\n </mat-datepicker-actions>\n </mat-datepicker>\n </div>\n</ecabs-element-wrapper>\n", styles: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}:root{--color-black: #020618;--color-white: #ffffff;--color-white-opacity-05: rgba(0, 0, 0, .05);--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CAD5E2;--color-gray-400: #90A1B9;--color-gray-500: #62748E;--color-gray-600: #45556C;--color-gray-700: #314158;--color-gray-800: #1D293D;--color-gray-900: #0F172B;--color-gray-950: #020618;--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: #bb032a;--color-error-opacity: #FFF0EE;--color-error-border: #FFCDC6;--color-error-rgb: 223, 56, 56;--color-notification: #f4d04f;--color-notification-rgb: 244, 208, 79;--color-info: #325fda;--color-info-rgb: 50, 95, 218;--color-info-messages: #e3e9f3;--color-info-border: #D1D8F7;--color-warning: #845201;--color-warning-opacity: #FDF2DC;--color-warning-border: #FBE5B6;--color-success: #166C3B;--color-success--opacity: #EAF6ED;--color-success-border: #CEEAD5;--color-success-rgb: 7, 81, 69;--color-default-border: #D5E1ED;--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)}:root{--mat-option-label-text-size: 13px}: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"] }]
|
|
9168
|
+
], 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 <mat-chip-option\r\n class=\"form-field__input\"\r\n *ngFor=\"let value of model\"\r\n [selectable]=\"false\" [removable]=\"true\"\r\n (removed)=\"remove(value)\"\r\n >\r\n {{ value | date: 'dd/MM/yyyy' }}\r\n <mat-icon matChipRemove *ngIf=\"true\">cancel</mat-icon>\r\n </mat-chip-option>\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: [":root{--mat-standard-button-toggle-shape: .5rem;--mat-option-label-text-color: var(--color-gray-900);--mat-option-focus-state-layer-color: var(--color-gray-100);--mat-option-hover-state-layer-color: var(--color-gray-50);--mat-divider-color: var(--color-gray-100);--mat-select-placeholder-text-color: var(--color-gray-400)}:root{--color-black: #020618;--color-white: #ffffff;--color-white-opacity-05: rgba(0, 0, 0, .05);--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CAD5E2;--color-gray-400: #90A1B9;--color-gray-500: #62748E;--color-gray-600: #45556C;--color-gray-700: #314158;--color-gray-800: #1D293D;--color-gray-900: #0F172B;--color-gray-950: #020618;--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: #bb032a;--color-error-opacity: #FFF0EE;--color-error-border: #FFCDC6;--color-error-rgb: 223, 56, 56;--color-notification: #f4d04f;--color-notification-rgb: 244, 208, 79;--color-info: #325fda;--color-info-rgb: 50, 95, 218;--color-info-messages: #e3e9f3;--color-info-border: #D1D8F7;--color-warning: #845201;--color-warning-opacity: #FDF2DC;--color-warning-border: #FBE5B6;--color-success: #166C3B;--color-success--opacity: #EAF6ED;--color-success-border: #CEEAD5;--color-success-rgb: 7, 81, 69;--color-default-border: #D5E1ED;--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)}:root{--mat-option-label-text-size: 13px}: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"] }]
|
|
8909
9169
|
}], ctorParameters: () => [{ type: i0.Injector }, { type: EcabsDatePickerHeaderService }, { type: UnsubscribeService }], propDecorators: { _picker: [{
|
|
8910
9170
|
type: ViewChild,
|
|
8911
9171
|
args: ['picker', { static: true }]
|
|
@@ -9133,16 +9393,16 @@ class EcabsDialogConfirmationDeletionComponent {
|
|
|
9133
9393
|
onCancel() {
|
|
9134
9394
|
this.dialogRef.close(false);
|
|
9135
9395
|
}
|
|
9136
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsDialogConfirmationDeletionComponent, deps: [{ token: i1$2.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i4.UntypedFormBuilder }, { token: EcabsComponentsService }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
9137
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: EcabsDialogConfirmationDeletionComponent, isStandalone: false, selector: "ecabs-dialog-confirm-deletion", ngImport: i0, template: "<div class=\"p-6\">\n <h3 class=\"modal-title font-semibold\" [ngClass]=\"(data?.color || color) === 'primary' ? 'primary' : 'warn'\">\n {{ data.actionName }} {{ data.showEntityNameInHeader ? (data.entityName | lowercase) : '' }}\n </h3>\n <div class=\"mt-1\">\n <div class=\"alert-item\" *ngIf=\"data.alertText && data.alertText.length > 0\">\n <span class=\"alert-text\">\n {{ data.alertText }}\n </span>\n </div>\n\n <form [formGroup]=\"form\" class=\"mt-1\">\n <ecabs-input\n [placeholder]=\"data.entityNamePlaceholder\"\n [label]=\"data.entityNameLabel\"\n name=\"name\"\n formControlName=\"name\"\n ></ecabs-input>\n </form>\n </div>\n\n <div class=\"btn__group flex flex-row gap-x-4 justify-end\">\n <ecabs-buttons class=\"grow\" [style]=\"'stroked'\" (click)=\"onCancel()\">\n {{ data?.cancelLabel }}\n </ecabs-buttons>\n\n <ecabs-buttons\n class=\"grow\"\n [color]=\"data?.color || color\"\n (click)=\"onConfirm()\"\n [disabled]=\"form.value.name !== data.comparisonText\"\n >\n {{ data?.confirmLabel }}\n </ecabs-buttons>\n </div>\n</div>\n", styles: [".modal-title{font-size:22px}:host ::ng-deep button{width:100%!important}.primary{color:var(--color-brand-dark)}.warn{color:var(--color-error)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.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", "allowRange", "autoResize", "max", "mini", "maxi", "step"], outputs: ["onblur"] }, { kind: "pipe", type: i1.LowerCasePipe, name: "lowercase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
9396
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsDialogConfirmationDeletionComponent, deps: [{ token: i1$2.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i4$1.UntypedFormBuilder }, { token: EcabsComponentsService }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
9397
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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 <div class=\"alert-item\" *ngIf=\"data.alertText && data.alertText.length > 0\">\r\n <span class=\"alert-text\">\r\n {{ data.alertText }}\r\n </span>\r\n </div>\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: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4$1.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", "allowRange", "autoResize", "max", "mini", "maxi", "step"], outputs: ["onblur"] }, { kind: "pipe", type: i1.LowerCasePipe, name: "lowercase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
9138
9398
|
}
|
|
9139
9399
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsDialogConfirmationDeletionComponent, decorators: [{
|
|
9140
9400
|
type: Component,
|
|
9141
|
-
args: [{ selector: 'ecabs-dialog-confirm-deletion', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"p-6\">\n <h3 class=\"modal-title font-semibold\" [ngClass]=\"(data?.color || color) === 'primary' ? 'primary' : 'warn'\">\n {{ data.actionName }} {{ data.showEntityNameInHeader ? (data.entityName | lowercase) : '' }}\n </h3>\n <div class=\"mt-1\">\n <div class=\"alert-item\" *ngIf=\"data.alertText && data.alertText.length > 0\">\n <span class=\"alert-text\">\n {{ data.alertText }}\n </span>\n </div>\n\n <form [formGroup]=\"form\" class=\"mt-1\">\n <ecabs-input\n [placeholder]=\"data.entityNamePlaceholder\"\n [label]=\"data.entityNameLabel\"\n name=\"name\"\n formControlName=\"name\"\n ></ecabs-input>\n </form>\n </div>\n\n <div class=\"btn__group flex flex-row gap-x-4 justify-end\">\n <ecabs-buttons class=\"grow\" [style]=\"'stroked'\" (click)=\"onCancel()\">\n {{ data?.cancelLabel }}\n </ecabs-buttons>\n\n <ecabs-buttons\n class=\"grow\"\n [color]=\"data?.color || color\"\n (click)=\"onConfirm()\"\n [disabled]=\"form.value.name !== data.comparisonText\"\n >\n {{ data?.confirmLabel }}\n </ecabs-buttons>\n </div>\n</div>\n", styles: [".modal-title{font-size:22px}:host ::ng-deep button{width:100%!important}.primary{color:var(--color-brand-dark)}.warn{color:var(--color-error)}\n"] }]
|
|
9401
|
+
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 <div class=\"alert-item\" *ngIf=\"data.alertText && data.alertText.length > 0\">\r\n <span class=\"alert-text\">\r\n {{ data.alertText }}\r\n </span>\r\n </div>\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"] }]
|
|
9142
9402
|
}], ctorParameters: () => [{ type: i1$2.MatDialogRef }, { type: undefined, decorators: [{
|
|
9143
9403
|
type: Inject,
|
|
9144
9404
|
args: [MAT_DIALOG_DATA]
|
|
9145
|
-
}] }, { type: i4.UntypedFormBuilder }, { type: EcabsComponentsService }, { type: i0.DestroyRef }] });
|
|
9405
|
+
}] }, { type: i4$1.UntypedFormBuilder }, { type: EcabsComponentsService }, { type: i0.DestroyRef }] });
|
|
9146
9406
|
|
|
9147
9407
|
class EcabsDialogConfirmDeletionModule {
|
|
9148
9408
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsDialogConfirmDeletionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
@@ -9329,7 +9589,7 @@ class EcabsTimeRangeInputV2Component extends EcabsElementBaseComponent {
|
|
|
9329
9589
|
useExisting: forwardRef(() => EcabsTimeRangeInputV2Component),
|
|
9330
9590
|
multi: true,
|
|
9331
9591
|
},
|
|
9332
|
-
], usesInheritance: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <div class=\"form-field__range--wrapper\">\n <div class=\"form-field__range\">\n <ecabs-timepicker \n [label]=\"startTimePlaceholder\" \n [(ngModel)]=\"timeFrom\" \n [dayStartLabel]=\"dayStartLabel\" \n [dayEndLabel]=\"dayEndLabel\">\n </ecabs-timepicker>\n </div>\n\n <span class=\"text-gray-400 px-3 text-sm\">{{ separatorLabel }}</span>\n <div class=\"form-field__range\">\n <ecabs-timepicker \n [label]=\"endTimePlaceholder\" \n [(ngModel)]=\"timeTo\" \n [dayStartLabel]=\"dayStartLabel\"\n [dayEndLabel]=\"dayEndLabel\">\n </ecabs-timepicker>\n </div>\n </div>\n</ecabs-element-wrapper>", styles: [":host::ng-deep input{border:none;padding:0;text-align:center}:host::ng-deep ecabs-timepicker .form-field{margin:0}:host::ng-deep ecabs-time-list-panel{width:calc(100% + 2rem);margin-left:-1rem;margin-top:calc(.5rem + 1px)}\n"], dependencies: [{ kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "component", type: EcabsTimepickerComponent, selector: "ecabs-timepicker", inputs: ["focusedFlag", "showCloseIcon", "listPlacement", "appendTo", "min", "max", "showDayStart", "showDayEnd", "addSecond", "dayStartLabel", "dayEndLabel"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
9592
|
+
], usesInheritance: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <div class=\"form-field__range--wrapper\">\r\n <div class=\"form-field__range\">\r\n <ecabs-timepicker \r\n [label]=\"startTimePlaceholder\" \r\n [(ngModel)]=\"timeFrom\" \r\n [dayStartLabel]=\"dayStartLabel\" \r\n [dayEndLabel]=\"dayEndLabel\">\r\n </ecabs-timepicker>\r\n </div>\r\n\r\n <span class=\"text-gray-400 px-3 text-sm\">{{ separatorLabel }}</span>\r\n <div class=\"form-field__range\">\r\n <ecabs-timepicker \r\n [label]=\"endTimePlaceholder\" \r\n [(ngModel)]=\"timeTo\" \r\n [dayStartLabel]=\"dayStartLabel\"\r\n [dayEndLabel]=\"dayEndLabel\">\r\n </ecabs-timepicker>\r\n </div>\r\n </div>\r\n</ecabs-element-wrapper>", styles: [":host::ng-deep input{border:none;padding:0;text-align:center}:host::ng-deep ecabs-timepicker .form-field{margin:0}:host::ng-deep ecabs-time-list-panel{width:calc(100% + 2rem);margin-left:-1rem;margin-top:calc(.5rem + 1px)}\n"], dependencies: [{ kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "component", type: EcabsTimepickerComponent, selector: "ecabs-timepicker", inputs: ["focusedFlag", "showCloseIcon", "listPlacement", "appendTo", "min", "max", "showDayStart", "showDayEnd", "addSecond", "dayStartLabel", "dayEndLabel"] }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
9333
9593
|
}
|
|
9334
9594
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsTimeRangeInputV2Component, decorators: [{
|
|
9335
9595
|
type: Component,
|
|
@@ -9339,7 +9599,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
9339
9599
|
useExisting: forwardRef(() => EcabsTimeRangeInputV2Component),
|
|
9340
9600
|
multi: true,
|
|
9341
9601
|
},
|
|
9342
|
-
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <div class=\"form-field__range--wrapper\">\n <div class=\"form-field__range\">\n <ecabs-timepicker \n [label]=\"startTimePlaceholder\" \n [(ngModel)]=\"timeFrom\" \n [dayStartLabel]=\"dayStartLabel\" \n [dayEndLabel]=\"dayEndLabel\">\n </ecabs-timepicker>\n </div>\n\n <span class=\"text-gray-400 px-3 text-sm\">{{ separatorLabel }}</span>\n <div class=\"form-field__range\">\n <ecabs-timepicker \n [label]=\"endTimePlaceholder\" \n [(ngModel)]=\"timeTo\" \n [dayStartLabel]=\"dayStartLabel\"\n [dayEndLabel]=\"dayEndLabel\">\n </ecabs-timepicker>\n </div>\n </div>\n</ecabs-element-wrapper>", styles: [":host::ng-deep input{border:none;padding:0;text-align:center}:host::ng-deep ecabs-timepicker .form-field{margin:0}:host::ng-deep ecabs-time-list-panel{width:calc(100% + 2rem);margin-left:-1rem;margin-top:calc(.5rem + 1px)}\n"] }]
|
|
9602
|
+
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <div class=\"form-field__range--wrapper\">\r\n <div class=\"form-field__range\">\r\n <ecabs-timepicker \r\n [label]=\"startTimePlaceholder\" \r\n [(ngModel)]=\"timeFrom\" \r\n [dayStartLabel]=\"dayStartLabel\" \r\n [dayEndLabel]=\"dayEndLabel\">\r\n </ecabs-timepicker>\r\n </div>\r\n\r\n <span class=\"text-gray-400 px-3 text-sm\">{{ separatorLabel }}</span>\r\n <div class=\"form-field__range\">\r\n <ecabs-timepicker \r\n [label]=\"endTimePlaceholder\" \r\n [(ngModel)]=\"timeTo\" \r\n [dayStartLabel]=\"dayStartLabel\"\r\n [dayEndLabel]=\"dayEndLabel\">\r\n </ecabs-timepicker>\r\n </div>\r\n </div>\r\n</ecabs-element-wrapper>", styles: [":host::ng-deep input{border:none;padding:0;text-align:center}:host::ng-deep ecabs-timepicker .form-field{margin:0}:host::ng-deep ecabs-time-list-panel{width:calc(100% + 2rem);margin-left:-1rem;margin-top:calc(.5rem + 1px)}\n"] }]
|
|
9343
9603
|
}], ctorParameters: () => [{ type: i0.Injector }, { type: i0.DestroyRef }], propDecorators: { showCloseIcon: [{
|
|
9344
9604
|
type: Input
|
|
9345
9605
|
}], listPlacement: [{
|
|
@@ -9432,7 +9692,7 @@ class EcabsChipGroupComponent {
|
|
|
9432
9692
|
useExisting: forwardRef(() => EcabsChipGroupComponent),
|
|
9433
9693
|
multi: true,
|
|
9434
9694
|
},
|
|
9435
|
-
], ngImport: i0, template: "<mat-chip-listbox [multiple]=\"multiple\"\n [compareWith]=\"compareFn\"\n [disabled]=\"isDisabled()\"\n [ngModel]=\"_value()\"\n (ngModelChange)=\"chipValueChange($event)\">\n <mat-chip-option *ngFor=\"let option of options; trackBy: trackByFn\"\n [value]=\"option.value\"\n [disabled]=\"option.disabled\"\n [disableRipple]=\"disableRipple\">\n <ng-container *ngIf=\"option?.label as label\">\n <span [matTooltip]=\"label\"\n [matTooltipDisabled]=\"label.length <= truncateAt\">\n {{ label | truncate: truncateAt }}\n </span>\n </ng-container>\n </mat-chip-option>\n</mat-chip-listbox>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$
|
|
9695
|
+
], ngImport: i0, template: "<mat-chip-listbox [multiple]=\"multiple\"\r\n [compareWith]=\"compareFn\"\r\n [disabled]=\"isDisabled()\"\r\n [ngModel]=\"_value()\"\r\n (ngModelChange)=\"chipValueChange($event)\">\r\n <mat-chip-option *ngFor=\"let option of options; trackBy: trackByFn\"\r\n [value]=\"option.value\"\r\n [disabled]=\"option.disabled\"\r\n [disableRipple]=\"disableRipple\">\r\n <ng-container *ngIf=\"option?.label as label\">\r\n <span [matTooltip]=\"label\"\r\n [matTooltipDisabled]=\"label.length <= truncateAt\">\r\n {{ label | truncate: truncateAt }}\r\n </span>\r\n </ng-container>\r\n </mat-chip-option>\r\n</mat-chip-listbox>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$4.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i2$4.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.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"] }, { kind: "pipe", type: EcabsTruncatePipe, name: "truncate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
9436
9696
|
}
|
|
9437
9697
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsChipGroupComponent, decorators: [{
|
|
9438
9698
|
type: Component,
|
|
@@ -9442,7 +9702,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
9442
9702
|
useExisting: forwardRef(() => EcabsChipGroupComponent),
|
|
9443
9703
|
multi: true,
|
|
9444
9704
|
},
|
|
9445
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<mat-chip-listbox [multiple]=\"multiple\"\n [compareWith]=\"compareFn\"\n [disabled]=\"isDisabled()\"\n [ngModel]=\"_value()\"\n (ngModelChange)=\"chipValueChange($event)\">\n <mat-chip-option *ngFor=\"let option of options; trackBy: trackByFn\"\n [value]=\"option.value\"\n [disabled]=\"option.disabled\"\n [disableRipple]=\"disableRipple\">\n <ng-container *ngIf=\"option?.label as label\">\n <span [matTooltip]=\"label\"\n [matTooltipDisabled]=\"label.length <= truncateAt\">\n {{ label | truncate: truncateAt }}\n </span>\n </ng-container>\n </mat-chip-option>\n</mat-chip-listbox>\n" }]
|
|
9705
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<mat-chip-listbox [multiple]=\"multiple\"\r\n [compareWith]=\"compareFn\"\r\n [disabled]=\"isDisabled()\"\r\n [ngModel]=\"_value()\"\r\n (ngModelChange)=\"chipValueChange($event)\">\r\n <mat-chip-option *ngFor=\"let option of options; trackBy: trackByFn\"\r\n [value]=\"option.value\"\r\n [disabled]=\"option.disabled\"\r\n [disableRipple]=\"disableRipple\">\r\n <ng-container *ngIf=\"option?.label as label\">\r\n <span [matTooltip]=\"label\"\r\n [matTooltipDisabled]=\"label.length <= truncateAt\">\r\n {{ label | truncate: truncateAt }}\r\n </span>\r\n </ng-container>\r\n </mat-chip-option>\r\n</mat-chip-listbox>\r\n" }]
|
|
9446
9706
|
}], propDecorators: { options: [{
|
|
9447
9707
|
type: Input
|
|
9448
9708
|
}], multiple: [{
|
|
@@ -9642,7 +9902,7 @@ class EcabsChipAutocompleteComponent extends EcabsElementBaseComponent {
|
|
|
9642
9902
|
useExisting: forwardRef(() => EcabsChipAutocompleteComponent),
|
|
9643
9903
|
multi: true,
|
|
9644
9904
|
},
|
|
9645
|
-
], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputElem"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <div class=\"form-field__input--wrapper\">\n <input matInput\n [id]=\"label\"\n [name]=\"label\"\n class=\"form-field__input\"\n [ngClass]=\"disabled ? 'form-field__input--disabled' : null\"\n #inputElem\n [matChipInputFor]=\"chipGrid\"\n [matAutocomplete]=\"auto\"\n [formControl]=\"inputControl\"\n [disabled]=\"disabled\"\n [placeholder]=\"placeholder\"\n (blur)=\"blur()\"/>\n </div>\n</ecabs-element-wrapper>\n\n<mat-autocomplete #auto=\"matAutocomplete\"\n [autoActiveFirstOption]=\"autoActiveFirstOption\"\n (optionSelected)=\"setSelection($event)\"\n (opened)=\"setOverlayHeight()\"\n [class]=\"overlayPanelClass\">\n <mat-option *ngFor=\"let option of filteredOptions(); trackBy: trackByFn\"\n [value]=\"option\"\n [disabled]=\"option.disabled ?? false\">\n <ng-container [ngTemplateOutlet]=\"avatarContext\"\n [ngTemplateOutletContext]=\"{ $implicit: option}\">\n </ng-container>\n {{ option.label }}\n </mat-option>\n\n <mat-option *ngIf=\"loading\" disabled>\n <div class=\"flex items-center\">\n <div class=\"mr-2\">{{ loadingText }}</div>\n <ecabs-loading-spinner size=\"tiny\"></ecabs-loading-spinner>\n </div>\n </mat-option>\n\n <mat-option disabled *ngIf=\"noMatchResult()\">\n {{ noResultsText }}\n </mat-option>\n</mat-autocomplete>\n\n<mat-chip-grid #chipGrid\n [disabled]=\"disabled\"\n [class.mt-4]=\"selectedOptions().length > 0\">\n <mat-chip-row *ngFor=\"let option of selectedOptions(); trackBy: trackByFn\"\n [disabled]=\"disabled || option.disabled\"\n (removed)=\"removeSelection(option)\">\n <ng-container [ngTemplateOutlet]=\"avatarContext\"\n [ngTemplateOutletContext]=\"{ $implicit: option}\">\n </ng-container>\n\n <ng-container *ngIf=\"option?.label as label\">\n <span [matTooltip]=\"label\"\n [matTooltipDisabled]=\"label.length <= truncateAt\">\n {{ label | truncate: truncateAt }}\n </span>\n </ng-container>\n <mat-icon matChipRemove\n svgIcon=\"ph-light:x\">\n </mat-icon>\n </mat-chip-row>\n</mat-chip-grid>\n\n<ng-template #avatarContext let-option>\n <ng-container *ngIf=\"avatarTemplate\">\n <ng-container [ngTemplateOutlet]=\"avatarTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: option}\">\n </ng-container>\n </ng-container>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: EcabsInputModule }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i2$
|
|
9905
|
+
], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputElem"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <div class=\"form-field__input--wrapper\">\r\n <input matInput\r\n [id]=\"label\"\r\n [name]=\"label\"\r\n class=\"form-field__input\"\r\n [ngClass]=\"disabled ? 'form-field__input--disabled' : null\"\r\n #inputElem\r\n [matChipInputFor]=\"chipGrid\"\r\n [matAutocomplete]=\"auto\"\r\n [formControl]=\"inputControl\"\r\n [disabled]=\"disabled\"\r\n [placeholder]=\"placeholder\"\r\n (blur)=\"blur()\"/>\r\n </div>\r\n</ecabs-element-wrapper>\r\n\r\n<mat-autocomplete #auto=\"matAutocomplete\"\r\n [autoActiveFirstOption]=\"autoActiveFirstOption\"\r\n (optionSelected)=\"setSelection($event)\"\r\n (opened)=\"setOverlayHeight()\"\r\n [class]=\"overlayPanelClass\">\r\n <mat-option *ngFor=\"let option of filteredOptions(); trackBy: trackByFn\"\r\n [value]=\"option\"\r\n [disabled]=\"option.disabled ?? false\">\r\n <ng-container [ngTemplateOutlet]=\"avatarContext\"\r\n [ngTemplateOutletContext]=\"{ $implicit: option}\">\r\n </ng-container>\r\n {{ option.label }}\r\n </mat-option>\r\n\r\n <mat-option *ngIf=\"loading\" disabled>\r\n <div class=\"flex items-center\">\r\n <div class=\"mr-2\">{{ loadingText }}</div>\r\n <ecabs-loading-spinner size=\"tiny\"></ecabs-loading-spinner>\r\n </div>\r\n </mat-option>\r\n\r\n <mat-option disabled *ngIf=\"noMatchResult()\">\r\n {{ noResultsText }}\r\n </mat-option>\r\n</mat-autocomplete>\r\n\r\n<mat-chip-grid #chipGrid\r\n [disabled]=\"disabled\"\r\n [class.mt-4]=\"selectedOptions().length > 0\">\r\n <mat-chip-row *ngFor=\"let option of selectedOptions(); trackBy: trackByFn\"\r\n [disabled]=\"disabled || option.disabled\"\r\n (removed)=\"removeSelection(option)\">\r\n <ng-container [ngTemplateOutlet]=\"avatarContext\"\r\n [ngTemplateOutletContext]=\"{ $implicit: option}\">\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"option?.label as label\">\r\n <span [matTooltip]=\"label\"\r\n [matTooltipDisabled]=\"label.length <= truncateAt\">\r\n {{ label | truncate: truncateAt }}\r\n </span>\r\n </ng-container>\r\n <mat-icon matChipRemove\r\n svgIcon=\"ph-light:x\">\r\n </mat-icon>\r\n </mat-chip-row>\r\n</mat-chip-grid>\r\n\r\n<ng-template #avatarContext let-option>\r\n <ng-container *ngIf=\"avatarTemplate\">\r\n <ng-container [ngTemplateOutlet]=\"avatarTemplate\"\r\n [ngTemplateOutletContext]=\"{ $implicit: option}\">\r\n </ng-container>\r\n </ng-container>\r\n</ng-template>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: EcabsInputModule }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i2$4.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i2$4.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i2$4.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i2$4.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i4$6.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4$6.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4$1.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: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatInputModule }, { 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: "ngmodule", type: ElementWrapperModule }, { kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: EcabsPipesModule }, { kind: "pipe", type: EcabsTruncatePipe, name: "truncate" }, { kind: "ngmodule", type: EcabsLoadingModule }, { kind: "component", type: EcabsSpinnerComponent, selector: "ecabs-loading-spinner", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
9646
9906
|
}
|
|
9647
9907
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsChipAutocompleteComponent, decorators: [{
|
|
9648
9908
|
type: Component,
|
|
@@ -9664,7 +9924,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
9664
9924
|
useExisting: forwardRef(() => EcabsChipAutocompleteComponent),
|
|
9665
9925
|
multi: true,
|
|
9666
9926
|
},
|
|
9667
|
-
], template: "<ecabs-element-wrapper [data]=\"getData()\">\n <div class=\"form-field__input--wrapper\">\n <input matInput\n [id]=\"label\"\n [name]=\"label\"\n class=\"form-field__input\"\n [ngClass]=\"disabled ? 'form-field__input--disabled' : null\"\n #inputElem\n [matChipInputFor]=\"chipGrid\"\n [matAutocomplete]=\"auto\"\n [formControl]=\"inputControl\"\n [disabled]=\"disabled\"\n [placeholder]=\"placeholder\"\n (blur)=\"blur()\"/>\n </div>\n</ecabs-element-wrapper>\n\n<mat-autocomplete #auto=\"matAutocomplete\"\n [autoActiveFirstOption]=\"autoActiveFirstOption\"\n (optionSelected)=\"setSelection($event)\"\n (opened)=\"setOverlayHeight()\"\n [class]=\"overlayPanelClass\">\n <mat-option *ngFor=\"let option of filteredOptions(); trackBy: trackByFn\"\n [value]=\"option\"\n [disabled]=\"option.disabled ?? false\">\n <ng-container [ngTemplateOutlet]=\"avatarContext\"\n [ngTemplateOutletContext]=\"{ $implicit: option}\">\n </ng-container>\n {{ option.label }}\n </mat-option>\n\n <mat-option *ngIf=\"loading\" disabled>\n <div class=\"flex items-center\">\n <div class=\"mr-2\">{{ loadingText }}</div>\n <ecabs-loading-spinner size=\"tiny\"></ecabs-loading-spinner>\n </div>\n </mat-option>\n\n <mat-option disabled *ngIf=\"noMatchResult()\">\n {{ noResultsText }}\n </mat-option>\n</mat-autocomplete>\n\n<mat-chip-grid #chipGrid\n [disabled]=\"disabled\"\n [class.mt-4]=\"selectedOptions().length > 0\">\n <mat-chip-row *ngFor=\"let option of selectedOptions(); trackBy: trackByFn\"\n [disabled]=\"disabled || option.disabled\"\n (removed)=\"removeSelection(option)\">\n <ng-container [ngTemplateOutlet]=\"avatarContext\"\n [ngTemplateOutletContext]=\"{ $implicit: option}\">\n </ng-container>\n\n <ng-container *ngIf=\"option?.label as label\">\n <span [matTooltip]=\"label\"\n [matTooltipDisabled]=\"label.length <= truncateAt\">\n {{ label | truncate: truncateAt }}\n </span>\n </ng-container>\n <mat-icon matChipRemove\n svgIcon=\"ph-light:x\">\n </mat-icon>\n </mat-chip-row>\n</mat-chip-grid>\n\n<ng-template #avatarContext let-option>\n <ng-container *ngIf=\"avatarTemplate\">\n <ng-container [ngTemplateOutlet]=\"avatarTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: option}\">\n </ng-container>\n </ng-container>\n</ng-template>\n" }]
|
|
9927
|
+
], template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <div class=\"form-field__input--wrapper\">\r\n <input matInput\r\n [id]=\"label\"\r\n [name]=\"label\"\r\n class=\"form-field__input\"\r\n [ngClass]=\"disabled ? 'form-field__input--disabled' : null\"\r\n #inputElem\r\n [matChipInputFor]=\"chipGrid\"\r\n [matAutocomplete]=\"auto\"\r\n [formControl]=\"inputControl\"\r\n [disabled]=\"disabled\"\r\n [placeholder]=\"placeholder\"\r\n (blur)=\"blur()\"/>\r\n </div>\r\n</ecabs-element-wrapper>\r\n\r\n<mat-autocomplete #auto=\"matAutocomplete\"\r\n [autoActiveFirstOption]=\"autoActiveFirstOption\"\r\n (optionSelected)=\"setSelection($event)\"\r\n (opened)=\"setOverlayHeight()\"\r\n [class]=\"overlayPanelClass\">\r\n <mat-option *ngFor=\"let option of filteredOptions(); trackBy: trackByFn\"\r\n [value]=\"option\"\r\n [disabled]=\"option.disabled ?? false\">\r\n <ng-container [ngTemplateOutlet]=\"avatarContext\"\r\n [ngTemplateOutletContext]=\"{ $implicit: option}\">\r\n </ng-container>\r\n {{ option.label }}\r\n </mat-option>\r\n\r\n <mat-option *ngIf=\"loading\" disabled>\r\n <div class=\"flex items-center\">\r\n <div class=\"mr-2\">{{ loadingText }}</div>\r\n <ecabs-loading-spinner size=\"tiny\"></ecabs-loading-spinner>\r\n </div>\r\n </mat-option>\r\n\r\n <mat-option disabled *ngIf=\"noMatchResult()\">\r\n {{ noResultsText }}\r\n </mat-option>\r\n</mat-autocomplete>\r\n\r\n<mat-chip-grid #chipGrid\r\n [disabled]=\"disabled\"\r\n [class.mt-4]=\"selectedOptions().length > 0\">\r\n <mat-chip-row *ngFor=\"let option of selectedOptions(); trackBy: trackByFn\"\r\n [disabled]=\"disabled || option.disabled\"\r\n (removed)=\"removeSelection(option)\">\r\n <ng-container [ngTemplateOutlet]=\"avatarContext\"\r\n [ngTemplateOutletContext]=\"{ $implicit: option}\">\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"option?.label as label\">\r\n <span [matTooltip]=\"label\"\r\n [matTooltipDisabled]=\"label.length <= truncateAt\">\r\n {{ label | truncate: truncateAt }}\r\n </span>\r\n </ng-container>\r\n <mat-icon matChipRemove\r\n svgIcon=\"ph-light:x\">\r\n </mat-icon>\r\n </mat-chip-row>\r\n</mat-chip-grid>\r\n\r\n<ng-template #avatarContext let-option>\r\n <ng-container *ngIf=\"avatarTemplate\">\r\n <ng-container [ngTemplateOutlet]=\"avatarTemplate\"\r\n [ngTemplateOutletContext]=\"{ $implicit: option}\">\r\n </ng-container>\r\n </ng-container>\r\n</ng-template>\r\n" }]
|
|
9668
9928
|
}], ctorParameters: () => [{ type: Document, decorators: [{
|
|
9669
9929
|
type: Inject,
|
|
9670
9930
|
args: [DOCUMENT]
|
|
@@ -9705,11 +9965,11 @@ class EcabsDateRangePickerHeaderComponentV2 {
|
|
|
9705
9965
|
this.ecabsDatePickerHeaderService = ecabsDatePickerHeaderService;
|
|
9706
9966
|
}
|
|
9707
9967
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsDateRangePickerHeaderComponentV2, deps: [{ token: EcabsDatePickerHeaderService }], target: i0.ɵɵFactoryTarget.Component });
|
|
9708
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: EcabsDateRangePickerHeaderComponentV2, isStandalone: false, selector: "ecabs-date-range-picker-header-v2", inputs: { selectDateLabel: "selectDateLabel" }, ngImport: i0, template: "<div class=\"select-date-label text-xl font-semibold\">\n {{ selectDateLabel ?? (ecabsDatePickerHeaderService.getConfig() | async)?.selectDateLabel}}\n</div>\n<ecabs-picker-header></ecabs-picker-header>\n", styles: [""], dependencies: [{ kind: "component", type: EcabsPickerHeaderComponent, selector: "ecabs-picker-header" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
9968
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: EcabsDateRangePickerHeaderComponentV2, isStandalone: false, selector: "ecabs-date-range-picker-header-v2", 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 });
|
|
9709
9969
|
}
|
|
9710
9970
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsDateRangePickerHeaderComponentV2, decorators: [{
|
|
9711
9971
|
type: Component,
|
|
9712
|
-
args: [{ selector: 'ecabs-date-range-picker-header-v2', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"select-date-label text-xl font-semibold\">\n {{ selectDateLabel ?? (ecabsDatePickerHeaderService.getConfig() | async)?.selectDateLabel}}\n</div>\n<ecabs-picker-header></ecabs-picker-header>\n" }]
|
|
9972
|
+
args: [{ selector: 'ecabs-date-range-picker-header-v2', 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" }]
|
|
9713
9973
|
}], ctorParameters: () => [{ type: EcabsDatePickerHeaderService }], propDecorators: { selectDateLabel: [{
|
|
9714
9974
|
type: Input
|
|
9715
9975
|
}] } });
|
|
@@ -9913,7 +10173,7 @@ class EcabsDateRangePickerComponentV2 extends EcabsElementBaseComponent {
|
|
|
9913
10173
|
useExisting: EcabsDateRangePickerComponentV2,
|
|
9914
10174
|
multi: true,
|
|
9915
10175
|
},
|
|
9916
|
-
], viewQueries: [{ propertyName: "pickerTo", first: true, predicate: ["pickerTo"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <div class=\"form-field__range--wrapper\">\n <div class=\"form-field__range\">\n <input\n class=\"border-none w-full\"\n id=\"{{ name + 'dateFrom' }}\"\n [(ngModel)]=\"dateFrom\"\n [placeholder]=\"startDatePlaceholder ?? translationConfig?.startDatePlaceholder\"\n [disabled]=\"disabled\"\n [matDatepicker]=\"pickerFrom\"\n [min]=\"minDateFrom\"\n [max]=\"maxDateFrom\"\n [matDatepickerFilter]=\"filterDateRange\"\n ecabsMaskDate\n (blur)=\"onTouch()\"\n (click)=\"pickerFrom.open()\"\n />\n <mat-datepicker #pickerFrom\n [panelClass]=\"panelClass\"\n [calendarHeaderComponent]=\"header\"\n [touchUi]=\"touchUi\">\n </mat-datepicker>\n </div>\n\n <span class=\"text-gray-400 px-3 text-sm\">{{ separatorLabel }}</span>\n <div class=\"form-field__range\">\n <input\n class=\"border-none w-full\"\n id=\"{{ name + 'dateTo' }}\"\n [(ngModel)]=\"dateTo\"\n [placeholder]=\"endDatePlaceholder ?? translationConfig?.endDatePlaceholder\"\n [disabled]=\"disabled\"\n [matDatepicker]=\"pickerTo\"\n [min]=\"minDateTo\"\n [max]=\"maxDateTo\"\n [matDatepickerFilter]=\"filterDateRange\"\n ecabsMaskDate\n (blur)=\"onTouch()\"\n (click)=\"pickerTo.open()\"\n />\n <mat-datepicker #pickerTo\n [panelClass]=\"panelClass\"\n [calendarHeaderComponent]=\"header\"\n [touchUi]=\"touchUi\">\n </mat-datepicker>\n </div>\n </div>\n</ecabs-element-wrapper>\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: i6.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i6.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: EcabsMaskDateDirective, selector: "[ecabsMaskDate]", inputs: ["isDateTimeMask", "considerSeconds"] }] });
|
|
10176
|
+
], viewQueries: [{ propertyName: "pickerTo", first: true, predicate: ["pickerTo"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <div class=\"form-field__range--wrapper\">\r\n <div class=\"form-field__range\">\r\n <input\r\n class=\"border-none w-full\"\r\n id=\"{{ name + 'dateFrom' }}\"\r\n [(ngModel)]=\"dateFrom\"\r\n [placeholder]=\"startDatePlaceholder ?? translationConfig?.startDatePlaceholder\"\r\n [disabled]=\"disabled\"\r\n [matDatepicker]=\"pickerFrom\"\r\n [min]=\"minDateFrom\"\r\n [max]=\"maxDateFrom\"\r\n [matDatepickerFilter]=\"filterDateRange\"\r\n ecabsMaskDate\r\n (blur)=\"onTouch()\"\r\n (click)=\"pickerFrom.open()\"\r\n />\r\n <mat-datepicker #pickerFrom\r\n [panelClass]=\"panelClass\"\r\n [calendarHeaderComponent]=\"header\"\r\n [touchUi]=\"touchUi\">\r\n </mat-datepicker>\r\n </div>\r\n\r\n <span class=\"text-gray-400 px-3 text-sm\">{{ separatorLabel }}</span>\r\n <div class=\"form-field__range\">\r\n <input\r\n class=\"border-none w-full\"\r\n id=\"{{ name + 'dateTo' }}\"\r\n [(ngModel)]=\"dateTo\"\r\n [placeholder]=\"endDatePlaceholder ?? translationConfig?.endDatePlaceholder\"\r\n [disabled]=\"disabled\"\r\n [matDatepicker]=\"pickerTo\"\r\n [min]=\"minDateTo\"\r\n [max]=\"maxDateTo\"\r\n [matDatepickerFilter]=\"filterDateRange\"\r\n ecabsMaskDate\r\n (blur)=\"onTouch()\"\r\n (click)=\"pickerTo.open()\"\r\n />\r\n <mat-datepicker #pickerTo\r\n [panelClass]=\"panelClass\"\r\n [calendarHeaderComponent]=\"header\"\r\n [touchUi]=\"touchUi\">\r\n </mat-datepicker>\r\n </div>\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: i6.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i6.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "directive", type: i4$1.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: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: EcabsMaskDateDirective, selector: "[ecabsMaskDate]", inputs: ["isDateTimeMask", "considerSeconds"] }] });
|
|
9917
10177
|
}
|
|
9918
10178
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsDateRangePickerComponentV2, decorators: [{
|
|
9919
10179
|
type: Component,
|
|
@@ -9923,7 +10183,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
9923
10183
|
useExisting: EcabsDateRangePickerComponentV2,
|
|
9924
10184
|
multi: true,
|
|
9925
10185
|
},
|
|
9926
|
-
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\n <div class=\"form-field__range--wrapper\">\n <div class=\"form-field__range\">\n <input\n class=\"border-none w-full\"\n id=\"{{ name + 'dateFrom' }}\"\n [(ngModel)]=\"dateFrom\"\n [placeholder]=\"startDatePlaceholder ?? translationConfig?.startDatePlaceholder\"\n [disabled]=\"disabled\"\n [matDatepicker]=\"pickerFrom\"\n [min]=\"minDateFrom\"\n [max]=\"maxDateFrom\"\n [matDatepickerFilter]=\"filterDateRange\"\n ecabsMaskDate\n (blur)=\"onTouch()\"\n (click)=\"pickerFrom.open()\"\n />\n <mat-datepicker #pickerFrom\n [panelClass]=\"panelClass\"\n [calendarHeaderComponent]=\"header\"\n [touchUi]=\"touchUi\">\n </mat-datepicker>\n </div>\n\n <span class=\"text-gray-400 px-3 text-sm\">{{ separatorLabel }}</span>\n <div class=\"form-field__range\">\n <input\n class=\"border-none w-full\"\n id=\"{{ name + 'dateTo' }}\"\n [(ngModel)]=\"dateTo\"\n [placeholder]=\"endDatePlaceholder ?? translationConfig?.endDatePlaceholder\"\n [disabled]=\"disabled\"\n [matDatepicker]=\"pickerTo\"\n [min]=\"minDateTo\"\n [max]=\"maxDateTo\"\n [matDatepickerFilter]=\"filterDateRange\"\n ecabsMaskDate\n (blur)=\"onTouch()\"\n (click)=\"pickerTo.open()\"\n />\n <mat-datepicker #pickerTo\n [panelClass]=\"panelClass\"\n [calendarHeaderComponent]=\"header\"\n [touchUi]=\"touchUi\">\n </mat-datepicker>\n </div>\n </div>\n</ecabs-element-wrapper>\n" }]
|
|
10186
|
+
], standalone: false, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <div class=\"form-field__range--wrapper\">\r\n <div class=\"form-field__range\">\r\n <input\r\n class=\"border-none w-full\"\r\n id=\"{{ name + 'dateFrom' }}\"\r\n [(ngModel)]=\"dateFrom\"\r\n [placeholder]=\"startDatePlaceholder ?? translationConfig?.startDatePlaceholder\"\r\n [disabled]=\"disabled\"\r\n [matDatepicker]=\"pickerFrom\"\r\n [min]=\"minDateFrom\"\r\n [max]=\"maxDateFrom\"\r\n [matDatepickerFilter]=\"filterDateRange\"\r\n ecabsMaskDate\r\n (blur)=\"onTouch()\"\r\n (click)=\"pickerFrom.open()\"\r\n />\r\n <mat-datepicker #pickerFrom\r\n [panelClass]=\"panelClass\"\r\n [calendarHeaderComponent]=\"header\"\r\n [touchUi]=\"touchUi\">\r\n </mat-datepicker>\r\n </div>\r\n\r\n <span class=\"text-gray-400 px-3 text-sm\">{{ separatorLabel }}</span>\r\n <div class=\"form-field__range\">\r\n <input\r\n class=\"border-none w-full\"\r\n id=\"{{ name + 'dateTo' }}\"\r\n [(ngModel)]=\"dateTo\"\r\n [placeholder]=\"endDatePlaceholder ?? translationConfig?.endDatePlaceholder\"\r\n [disabled]=\"disabled\"\r\n [matDatepicker]=\"pickerTo\"\r\n [min]=\"minDateTo\"\r\n [max]=\"maxDateTo\"\r\n [matDatepickerFilter]=\"filterDateRange\"\r\n ecabsMaskDate\r\n (blur)=\"onTouch()\"\r\n (click)=\"pickerTo.open()\"\r\n />\r\n <mat-datepicker #pickerTo\r\n [panelClass]=\"panelClass\"\r\n [calendarHeaderComponent]=\"header\"\r\n [touchUi]=\"touchUi\">\r\n </mat-datepicker>\r\n </div>\r\n </div>\r\n</ecabs-element-wrapper>\r\n" }]
|
|
9927
10187
|
}], ctorParameters: () => [{ type: i0.Injector }, { type: EcabsDatePickerHeaderService }, { type: i0.DestroyRef }], propDecorators: { minDate: [{
|
|
9928
10188
|
type: Input
|
|
9929
10189
|
}], maxDate: [{
|
|
@@ -10023,11 +10283,11 @@ class EcabsSegmentComponent {
|
|
|
10023
10283
|
subtitle;
|
|
10024
10284
|
showTitleDivider = true;
|
|
10025
10285
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsSegmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10026
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: EcabsSegmentComponent, isStandalone: true, selector: "ecabs-segment", inputs: { title: "title", subtitle: "subtitle", showTitleDivider: "showTitleDivider" }, ngImport: i0, template: "<mat-card>\n <mat-card-header>\n <mat-card-title>{{ title }}</mat-card-title>\n <mat-card-subtitle *ngIf=\"subtitle\">\n {{ subtitle }}\n </mat-card-subtitle>\n </mat-card-header>\n\n <mat-divider *ngIf=\"showTitleDivider\"\n class=\"card__title--divider\"></mat-divider>\n\n <ng-content></ng-content>\n</mat-card>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i2$
|
|
10286
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: EcabsSegmentComponent, isStandalone: true, selector: "ecabs-segment", inputs: { title: "title", subtitle: "subtitle", showTitleDivider: "showTitleDivider" }, ngImport: i0, template: "<mat-card>\r\n <mat-card-header>\r\n <mat-card-title>{{ title }}</mat-card-title>\r\n <mat-card-subtitle *ngIf=\"subtitle\">\r\n {{ subtitle }}\r\n </mat-card-subtitle>\r\n </mat-card-header>\r\n\r\n <mat-divider *ngIf=\"showTitleDivider\"\r\n class=\"card__title--divider\"></mat-divider>\r\n\r\n <ng-content></ng-content>\r\n</mat-card>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i2$6.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i2$6.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i2$6.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "directive", type: i2$6.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i3$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }] });
|
|
10027
10287
|
}
|
|
10028
10288
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EcabsSegmentComponent, decorators: [{
|
|
10029
10289
|
type: Component,
|
|
10030
|
-
args: [{ selector: 'ecabs-segment', imports: [CommonModule, MatCardModule, MatListModule], template: "<mat-card>\n <mat-card-header>\n <mat-card-title>{{ title }}</mat-card-title>\n <mat-card-subtitle *ngIf=\"subtitle\">\n {{ subtitle }}\n </mat-card-subtitle>\n </mat-card-header>\n\n <mat-divider *ngIf=\"showTitleDivider\"\n class=\"card__title--divider\"></mat-divider>\n\n <ng-content></ng-content>\n</mat-card>\n" }]
|
|
10290
|
+
args: [{ selector: 'ecabs-segment', imports: [CommonModule, MatCardModule, MatListModule], template: "<mat-card>\r\n <mat-card-header>\r\n <mat-card-title>{{ title }}</mat-card-title>\r\n <mat-card-subtitle *ngIf=\"subtitle\">\r\n {{ subtitle }}\r\n </mat-card-subtitle>\r\n </mat-card-header>\r\n\r\n <mat-divider *ngIf=\"showTitleDivider\"\r\n class=\"card__title--divider\"></mat-divider>\r\n\r\n <ng-content></ng-content>\r\n</mat-card>\r\n" }]
|
|
10031
10291
|
}], propDecorators: { title: [{
|
|
10032
10292
|
type: Input
|
|
10033
10293
|
}], subtitle: [{
|
|
@@ -10040,5 +10300,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
10040
10300
|
* Generated bundle index. Do not edit.
|
|
10041
10301
|
*/
|
|
10042
10302
|
|
|
10043
|
-
export { ButtonsComponent, ButtonsV2Component, EcabsActiveStatusFilterComponent, EcabsActiveStatusFilterModule, EcabsAttachEmbeddedViewDirective, EcabsAttachEmbeddedViewDirectiveModule, EcabsBadgeComponent, EcabsBadgeModule, EcabsBasePhoneComponent, EcabsBasePhoneModule, EcabsBreadcrumbComponent, EcabsBreadcrumbModule, EcabsButtonToggleComponent, EcabsButtonToggleModule, EcabsButtonsModule, EcabsButtonsV2Module, EcabsCheckPermissionDirectiveModule, EcabsCheckPermissionsDirective, EcabsCheckboxToggleComponent, EcabsCheckboxToggleModule, EcabsCheckboxV2Component, EcabsCheckboxV2Module, EcabsChipAutocompleteComponent, EcabsChipGroupComponent, EcabsChipGroupModule, EcabsComponentsService, EcabsDateAdapter, EcabsDatePickerComponent, EcabsDatePickerHeaderComponent, EcabsDatePickerHeaderService, EcabsDatePickerModule, EcabsDateRangeModule, EcabsDateRangeModuleV2, EcabsDateRangePickerComponent, EcabsDateRangePickerComponentV2, EcabsDateRangePickerHeaderComponent, EcabsDateRangePickerHeaderComponentV2, 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, EcabsInputRangeComponent, EcabsInputRangeModule, 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, EcabsPlaceAutocompleteV2Component, EcabsPlaceAutocompleteV2Module, EcabsProfileComponent, EcabsProfileModule, EcabsRadioButtonListComponent, EcabsRadioButtonListModule, EcabsSegmentComponent, EcabsSelectComponent, EcabsSelectModule, EcabsSelectV2Component, EcabsSelectV2Module, EcabsShowOnTruncatedDirective, EcabsShowOnTruncatedDirectiveModule, EcabsSidebarComponent, EcabsSidebarModule, EcabsSliderComponent, EcabsSliderModule, EcabsSpinnerComponent, EcabsStatusBadgeVariantPipe, EcabsTableFilterWrapperComponent, EcabsTableFilterWrapperModule, EcabsTableModule, EcabsTextAreaModule, EcabsTextareaComponent, EcabsTimeListPanelComponent, EcabsTimeRangeDirective, EcabsTimeRangeDirectiveModule, EcabsTimeRangeInputV2Component, EcabsTimeRangeInputV2Module, EcabsTimepickerComponent, EcabsTimepickerModule, EcabsTooltipIfTruncatedDirective, EcabsTooltipIfTruncatedDirectiveModule, EcabsTruncatePipe, EcabsUppercaseMaskDirective, EcabsUppercaseMaskDirectiveModule, EcabsValidationComponent, EcabsValidationModule, EcabsValidationViewModule, FormTimePickerService, FormTimePickerServiceV2, GenericComponentConfig, HeaderService, MATERIAL_DATETIMEPICKER_FORMATS, NumberToCountryCodePipe, STATUS_BADGE_VARIANTS, SeparatorAppendPipe, TableComponent, UnsubscribeService, ValidationComponent, WAYPOINT_SUGGESTIONS, WAYPOINT_SUGGESTIONS2, WaypointTypeEnum, buildPhosphorSvgIcon, extractCallingCodeFromIso, extractCountryFromIso, extractCountryPrefixFromNumber, extractDialingCode, extractPhoneNumberCode, getPhosphorSvgIcon, getRandomItems, getSupportedCountryIsoCodes, removeEmpty, removeNullUndefineds, resolveStatusBadgeVariant, scrollFactory, sortGeneric };
|
|
10303
|
+
export { ButtonsComponent, ButtonsV2Component, CHIP_LABEL_CLASS, EcabsActionMenuComponent, EcabsActionMenuModule, EcabsActionMenuTriggerDirective, EcabsActiveStatusFilterComponent, EcabsActiveStatusFilterModule, EcabsAttachEmbeddedViewDirective, EcabsAttachEmbeddedViewDirectiveModule, EcabsBadgeComponent, EcabsBadgeDirective, EcabsBadgeDirectiveModule, EcabsBadgeModule, EcabsBasePhoneComponent, EcabsBasePhoneModule, EcabsBreadcrumbComponent, EcabsBreadcrumbModule, EcabsButtonToggleComponent, EcabsButtonToggleModule, EcabsButtonsModule, EcabsButtonsV2Module, EcabsCheckPermissionDirectiveModule, EcabsCheckPermissionsDirective, EcabsCheckboxToggleComponent, EcabsCheckboxToggleModule, EcabsCheckboxV2Component, EcabsCheckboxV2Module, EcabsChipAutocompleteComponent, EcabsChipGroupComponent, EcabsChipGroupModule, EcabsComponentsService, EcabsDateAdapter, EcabsDatePickerComponent, EcabsDatePickerHeaderComponent, EcabsDatePickerHeaderService, EcabsDatePickerModule, EcabsDateRangeModule, EcabsDateRangeModuleV2, EcabsDateRangePickerComponent, EcabsDateRangePickerComponentV2, EcabsDateRangePickerHeaderComponent, EcabsDateRangePickerHeaderComponentV2, 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, EcabsInputRangeComponent, EcabsInputRangeModule, 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, EcabsPlaceAutocompleteV2Component, EcabsPlaceAutocompleteV2Module, EcabsProfileComponent, EcabsProfileModule, EcabsRadioButtonListComponent, EcabsRadioButtonListModule, EcabsSegmentComponent, EcabsSelectComponent, EcabsSelectModule, EcabsSelectV2Component, EcabsSelectV2Module, EcabsShowOnTruncatedDirective, EcabsShowOnTruncatedDirectiveModule, EcabsSidebarComponent, EcabsSidebarModule, EcabsSliderComponent, EcabsSliderModule, EcabsSpinnerComponent, EcabsStatusBadgeVariantPipe, EcabsTableFilterWrapperComponent, EcabsTableFilterWrapperModule, EcabsTableModule, EcabsTextAreaModule, EcabsTextareaComponent, EcabsTimeListPanelComponent, EcabsTimeRangeDirective, EcabsTimeRangeDirectiveModule, EcabsTimeRangeInputV2Component, EcabsTimeRangeInputV2Module, EcabsTimepickerComponent, EcabsTimepickerModule, EcabsTooltipIfTruncatedDirective, EcabsTooltipIfTruncatedDirectiveModule, EcabsTruncatePipe, EcabsUppercaseMaskDirective, EcabsUppercaseMaskDirectiveModule, EcabsValidationComponent, EcabsValidationModule, EcabsValidationViewModule, FormTimePickerService, FormTimePickerServiceV2, GenericComponentConfig, HeaderService, MATERIAL_DATETIMEPICKER_FORMATS, NumberToCountryCodePipe, STATUS_BADGE_VARIANTS, SeparatorAppendPipe, TableComponent, UnsubscribeService, ValidationComponent, WAYPOINT_SUGGESTIONS, WAYPOINT_SUGGESTIONS2, WaypointTypeEnum, buildPhosphorSvgIcon, extractCallingCodeFromIso, extractCountryFromIso, extractCountryPrefixFromNumber, extractDialingCode, extractPhoneNumberCode, getPhosphorSvgIcon, getRandomItems, getSupportedCountryIsoCodes, removeEmpty, removeNullUndefineds, resolveStatusBadgeVariant, scrollFactory, sortGeneric };
|
|
10044
10304
|
//# sourceMappingURL=ecabs-components.mjs.map
|