ecabs-components 1.1.79 → 1.1.81

package/README.md

@@ -1,148 +1,150 @@
-# EcabsComponents
-
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.2.0.
-
-## Code scaffolding
-
-Run `ng generate component component-name --project ecabs-components` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ecabs-components`.
-> Note: Don't forget to add `--project ecabs-components` or else it will be added to the default project in your `angular.json` file.
-
-## Build
-
-Run `ng build ecabs-components` to build the project. The build artifacts will be stored in the `dist/` directory.
-
-## Publishing
-
-After building your library with `ng build ecabs-components`, go to the dist folder `cd dist/ecabs-components` and run `npm publish`.
-
-## Running unit tests
-
-Run `ng test ecabs-components` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
-
-## Version History
-
-- **v1.1.79** — Fix leading minus of ecabsDigitsOnly input with allowHyphen.
-- **v1.1.78** — Add `compareFn` input bound to `[compareWith]` on `mat-chip-listbox` to programmatically set and correctly match values with different object identities.
-- **v1.1.77** — Notify change detection on `writeValue` and `setDisabledState` so the UI reflects programmatic form updates, via `markForCheck`.
-- **v1.1.76** — Merge waypoint history with Google predictions (history first, clock-iconed).
-  - Server-side history filtering on type; instant history on focus.
-- **v1.1.75** — Update table border color to use `--color-gray-200` in `bordered` style.
-- **v1.1.74** — Optimize `dateRangeValidator` logic to streamline error handling and remove redundant optional input properties `dateFromOptional` and `dateToOptional`.
-- **v1.1.73** — Include `place_id` in Google Place API result fields.
-  - Add `debounceTime` input for customizable debounce delays
-- **v1.1.72** — Add external filtering support (`useExternalFilter`) to `EcabsChipAutocomplete`.
-- **v1.1.71** — Add label truncation with tooltip to `EcabsChipAutocomplete` to ensure consistent chip sizing and label overflow handling.
-- **v1.1.70** — Improve `EcabsCheckboxV2` with new `checked` input and dynamic label styles.
-  - Update border color for `EcabsPhone` and `EcabsTextarea`.
-- **v1.1.69** — Use `--color-gray-300` instead of `--color-gray-100` for `form-input--suffix`.
-- **v1.1.68** — Add `isVisible` callback for `SidebarMenuItem` to support dynamic visibility based on context.
-- **v1.1.67** — Add support for optional "to" (end date) for `EcabsDateRangePickerV2Component`.
-  - Add allow cross-midnight time ranges for `EcabsTimeRangeInputV2Component`.
-- **v1.1.66** — Suppress emission of an empty query on refocusing after selection of option from `EcabsChipAutocomplete`.
-- **v1.1.65** — `EcabsInputRange`: Remove padding and background styling.
-- **v1.1.64** — Refactor `EcabsChipAutocomplete` logic, improve component styles/disabled states, and update button styles.
-- **v1.1.63** — Add `EcabsSegmentComponent`.
-  - Update `EcabsSelectV2` to be more robust when handling multiple selections.
-- **v1.1.62** — Add `EcabsTimeRangeInputV2Component`.,
-- **v1.1.61** — Added support for 12-hour time input for `maskito` library.
-  - **Affected components**: `EcabsDateTimePicker`, `EcabsTimepicker`, `EcabsDateTimeRangePicker`.
-- **v1.1.60** — Migrate input mask library from `vanilla-text-mask` to `maskito`.
-  - **Affected components**: `EcabsDateTimePicker`, `EcabsTimepicker`, `EcabsDateTimeRangePicker`.
-- **v1.1.59** — `EcabsCheckboxV2Component`: Implement version 2 of `EcabsCheckboxComponent`.
-- **v1.1.58** — Add `EcabsInputRangeComponent` with support for minimum and maximum values.
-- **v1.1.57** — Implement `EcabsChipGroup`and `EcabsAutocompleteChipGroup` components with demo.
-- **v1.1.56** — Implement `EcabsDateRangePickerComponentV2`.
-- **v1.1.55** — `EcabsButtonsV2Component`: Added version 2 of `EcabsButtonsComponent` with support for small, medium, and large sizes.
-- **v1.1.54** — Implement `EcabsButtonToggleComponent` with support for small, medium, and large sizes.
-- **v1.1.53** — Introduce new gray color palette and update references and apply styling improvements.
-- **v1.1.52** — Update styling overrides for Material nav-style tabs, including active state.
-- **v1.1.51** — Implement option of displaying dynamic content for `EcabsTableComponent` when empty.
-- **v1.1.50** — Add `Documentation` for `EcabsTableModule`.
-- **v1.1.49** — Add support for `splitButtonsWidth` in `EcabsDialogConfirmComponent` and update button styling.`.
-- **v1.1.48** — Implement `EcabsPlaceAutocompleteV2Component` to support waypoints history, query change handling, and dropdown suggestions display.
-- **v1.1.47** — Add `Title` and `dynamic` content support to `EcabsEmptyPlaceholderComponent`.
-- **v1.1.46** — Add `ViewChild` reference for `MatRadioGroup` and update event type in `EcabsRadioButtonListComponent`.
-- **v1.1.45** — Added default validation of date range
-- **v1.1.44** — Fixed issue Apply button is still active when only the DateFrom is selected
-- **v1.1.43** — Added disabling of Apply button for date range picker
-- **v1.1.42** — Apply `width` and `height` properties directly to root `MatDialog` of `EcabsDialogConfirmComponent`.
-- **v1.1.41** — Added EcabsDialogConfirmationDeletionComponent.
-- **v1.1.40** — `EcabsDateTimePicker`: Added support for preserving and returning `receivedValue` when there is no change in the input.
-- **v1.1.39** — Added date adapter to public api.
-- **v1.1.38** — Use native `matDatepickerToggleIcon` in `EcabsDateTimePicker`.
-- **v1.1.35** — Add `waypointType` input to `EcabsAutoComplete`.
-  - Add `nativeElement` handles to custom inputs.
-- **v1.1.34** — Emit `selectionChange` event when selecting item from `EcabsSelectV2`.
-  - Add collapse styling for `EcabsLogo`.
-- **v1.1.33** — Return falsey value when no input is available in `DateTime` selector through keyboard action deletion.
-- **v1.1.32** — Return falsey value when no input is available in `DateTime` selector.
-- **v1.1.31** — Prevent hover state persistence on disabled buttons.
-- **v1.1.30** — Added blur event handling and support for special keys in `EcabsTimePickerComponent`.
-- **v1.1.29** — Added handling manual updates data of date range picker.
-- **v1.1.28** — Fixed issue related to the prev version.
-- **v1.1.27** — Added results for the dialog message.
-- **v1.1.26** — Implement dynamic titles for `EcabsDialogComponent`.
-- **v1.1.25** — Fixed date range picker when choose one date only.
-- **v1.1.24** — Fixed date range picker when reset value.
-- **v1.1.23** — Update styling for map markers.
-- **v1.1.22** — Added statuses for mat-chips.
-  - Added badges for menu items.
-- **v1.1.21** — Improve style for hovered disabled calendar date.
-- **v1.1.20** — Improve the appearance for the scrollbar.
-- **v1.1.19** — Increase delay for phone control and to config.
-- **v1.1.18** — Adjust position of `sticky` header on `MatTable`.
-- **v1.1.17** — Fix peerDependency on `libphonenumber-js`.
-- **v1.1.16** — Implemented custom phone number control.
-- **v1.1.15** — Cleanup `EcabsComponentsService` and provide default config via `config` property.
-- **v1.1.14** — Update styles for disabled indeterminate checkboxes.
-- **v1.1.13** — Fix `overflow-y` issue on `MatCardContent`.
-- **v1.1.12** — Extend @Input properties of `EcabsSelectV2` from `@ng-select` lib.
-- **v1.1.10** — Added color styles for prompt title message.
-- **v1.1.9** — Fixed i18n issue.
-- **v1.1.8** — Add directive show-on-truncated to directives.
-- **v1.1.7** — Add a message for alphanumeric-only validation.
-- **v1.1.6** — accumulate all directives
-- **v1.1.5** — added slider
-- **v1.1.4** — Fixed blur issue for input.
-- **v1.1.3** — Upgrade `MatLegacyCard` to `MDC`.
-- **v1.1.2** — Introduce new select component (`EcabsSelectV2`) to deprecate `EcabsSelect`.
-- **v1.1.1** — Hide `Timepicker` options on input blur.
-- **v1.1.0** — Upgrade `MatLegacyMenu` to `MDC`.
-- **v1.0.99** — Add `mini` and `maxi` directive and validators to `EcabsInput`.
-- **v1.0.98** — Upgrade `MatLegacyAutocomplete` to `MDC`.
-- **v1.0.97** — Correct misaligned icon and text on `EcabsNotes`.
-- **v1.0.96** — Add missing styles for nested columns on `Table`.
-- **v1.0.95** — Upgrade `MatLegacyTooltip` to `MDC`.
-- **v1.0.94** — Upgrade `MatLegacyTabs` to `MDC`.
-- **v1.0.93** — Update progress colors for percentage.
-- **v1.0.92** — Add default buttons for Confirm and Cancel buttons on dialog.
-- **v1.0.91** — Upgrade `MatLegacyCheckbox` and `MatSlideToggle` to `MDC`.
-- **v1.0.90** — Upgrade `MatLegacyPaginator` to `MDC`.
-  - Add `EcabsPaginatorDirective`.
-  - Rename `AppHint` to `EcabsHint`.
-  - Apply `ngx-toaster` overrides.
-- **v1.0.89** — Upgrade `MatLegacyTable` and `MatLegacyProgress` to `MDC`.
-- **v1.0.88** — Roll back 1.0.87
-- **v1.0.87** — Apply min/max Date logic for date picker
-- **v1.0.85** — Improve styling for `EcabsTable` row colors.
-- **v1.0.84** — Emit `falsey` result when Close button is clicked on `EcabsDialogConfirm` and `EcabsDialogMessage`.
-- **v1.0.83** — Fix buttons height.
-- **v1.0.82** — Improve the appearance of disabled inputs.
-  - Fix placeholder text of `EcabsSelect`.
-- **v1.0.81** — Fix font size of `EcabsSelect`.
-- **v1.0.80** — Allow custom button options for `Confirm` and `Cancel` buttons on `EcabsDialog`.
-- **v1.0.79** — feat(CU-11266): Update `MatDialog` to `MDC`.
-  - Fix button height issue on anchor tags marked as `mat-button`.
-  - Update default font family.
-  - Rename `NoteComponent` to `EcabsNoteComponent`.
-  - Add `expired` style for `EcabsChip`.
-- **v1.0.78** — Upgrade `MatSelect` to `MDC`.
-- **v1.0.77** — Upgrade `MatChips` to `MDC`.
-- **v1.0.76** — Upgrade `EcabsInput` module to `MDC` styling.
-- **v1.0.75** — Upgrade `EcabsButtons` module to `MDC` styling.
-- **v1.0.18** — Fixed width of date time picker
-- **v1.0.13** — Fixed emitEvent behaviour of checkbox
+# EcabsComponents
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.2.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project ecabs-components` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ecabs-components`.
+> Note: Don't forget to add `--project ecabs-components` or else it will be added to the default project in your `angular.json` file.
+
+## Build
+
+Run `ng build ecabs-components` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build ecabs-components`, go to the dist folder `cd dist/ecabs-components` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test ecabs-components` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
+
+## Version History
+
+- **v1.1.81** — Implement optional `autoResize` for `EcabsInput`.
+- **v1.1.80** - Filter waypoint-history suggestions without a `place_id`; they cannot be selected or booked.
+- **v1.1.79** — Fix leading minus of ecabsDigitsOnly input with allowHyphen.
+- **v1.1.78** — Add `compareFn` input bound to `[compareWith]` on `mat-chip-listbox` to programmatically set and correctly match values with different object identities.
+- **v1.1.77** — Notify change detection on `writeValue` and `setDisabledState` so the UI reflects programmatic form updates, via `markForCheck`.
+- **v1.1.76** — Merge waypoint history with Google predictions (history first, clock-iconed).
+  - Server-side history filtering on type; instant history on focus.
+- **v1.1.75** — Update table border color to use `--color-gray-200` in `bordered` style.
+- **v1.1.74** — Optimize `dateRangeValidator` logic to streamline error handling and remove redundant optional input properties `dateFromOptional` and `dateToOptional`.
+- **v1.1.73** — Include `place_id` in Google Place API result fields.
+  - Add `debounceTime` input for customizable debounce delays
+- **v1.1.72** — Add external filtering support (`useExternalFilter`) to `EcabsChipAutocomplete`.
+- **v1.1.71** — Add label truncation with tooltip to `EcabsChipAutocomplete` to ensure consistent chip sizing and label overflow handling.
+- **v1.1.70** — Improve `EcabsCheckboxV2` with new `checked` input and dynamic label styles.
+  - Update border color for `EcabsPhone` and `EcabsTextarea`.
+- **v1.1.69** — Use `--color-gray-300` instead of `--color-gray-100` for `form-input--suffix`.
+- **v1.1.68** — Add `isVisible` callback for `SidebarMenuItem` to support dynamic visibility based on context.
+- **v1.1.67** — Add support for optional "to" (end date) for `EcabsDateRangePickerV2Component`.
+  - Add allow cross-midnight time ranges for `EcabsTimeRangeInputV2Component`.
+- **v1.1.66** — Suppress emission of an empty query on refocusing after selection of option from `EcabsChipAutocomplete`.
+- **v1.1.65** — `EcabsInputRange`: Remove padding and background styling.
+- **v1.1.64** — Refactor `EcabsChipAutocomplete` logic, improve component styles/disabled states, and update button styles.
+- **v1.1.63** — Add `EcabsSegmentComponent`.
+  - Update `EcabsSelectV2` to be more robust when handling multiple selections.
+- **v1.1.62** — Add `EcabsTimeRangeInputV2Component`.,
+- **v1.1.61** — Added support for 12-hour time input for `maskito` library.
+  - **Affected components**: `EcabsDateTimePicker`, `EcabsTimepicker`, `EcabsDateTimeRangePicker`.
+- **v1.1.60** — Migrate input mask library from `vanilla-text-mask` to `maskito`.
+  - **Affected components**: `EcabsDateTimePicker`, `EcabsTimepicker`, `EcabsDateTimeRangePicker`.
+- **v1.1.59** — `EcabsCheckboxV2Component`: Implement version 2 of `EcabsCheckboxComponent`.
+- **v1.1.58** — Add `EcabsInputRangeComponent` with support for minimum and maximum values.
+- **v1.1.57** — Implement `EcabsChipGroup`and `EcabsAutocompleteChipGroup` components with demo.
+- **v1.1.56** — Implement `EcabsDateRangePickerComponentV2`.
+- **v1.1.55** — `EcabsButtonsV2Component`: Added version 2 of `EcabsButtonsComponent` with support for small, medium, and large sizes.
+- **v1.1.54** — Implement `EcabsButtonToggleComponent` with support for small, medium, and large sizes.
+- **v1.1.53** — Introduce new gray color palette and update references and apply styling improvements.
+- **v1.1.52** — Update styling overrides for Material nav-style tabs, including active state.
+- **v1.1.51** — Implement option of displaying dynamic content for `EcabsTableComponent` when empty.
+- **v1.1.50** — Add `Documentation` for `EcabsTableModule`.
+- **v1.1.49** — Add support for `splitButtonsWidth` in `EcabsDialogConfirmComponent` and update button styling.`.
+- **v1.1.48** — Implement `EcabsPlaceAutocompleteV2Component` to support waypoints history, query change handling, and dropdown suggestions display.
+- **v1.1.47** — Add `Title` and `dynamic` content support to `EcabsEmptyPlaceholderComponent`.
+- **v1.1.46** — Add `ViewChild` reference for `MatRadioGroup` and update event type in `EcabsRadioButtonListComponent`.
+- **v1.1.45** — Added default validation of date range
+- **v1.1.44** — Fixed issue Apply button is still active when only the DateFrom is selected
+- **v1.1.43** — Added disabling of Apply button for date range picker
+- **v1.1.42** — Apply `width` and `height` properties directly to root `MatDialog` of `EcabsDialogConfirmComponent`.
+- **v1.1.41** — Added EcabsDialogConfirmationDeletionComponent.
+- **v1.1.40** — `EcabsDateTimePicker`: Added support for preserving and returning `receivedValue` when there is no change in the input.
+- **v1.1.39** — Added date adapter to public api.
+- **v1.1.38** — Use native `matDatepickerToggleIcon` in `EcabsDateTimePicker`.
+- **v1.1.35** — Add `waypointType` input to `EcabsAutoComplete`.
+  - Add `nativeElement` handles to custom inputs.
+- **v1.1.34** — Emit `selectionChange` event when selecting item from `EcabsSelectV2`.
+  - Add collapse styling for `EcabsLogo`.
+- **v1.1.33** — Return falsey value when no input is available in `DateTime` selector through keyboard action deletion.
+- **v1.1.32** — Return falsey value when no input is available in `DateTime` selector.
+- **v1.1.31** — Prevent hover state persistence on disabled buttons.
+- **v1.1.30** — Added blur event handling and support for special keys in `EcabsTimePickerComponent`.
+- **v1.1.29** — Added handling manual updates data of date range picker.
+- **v1.1.28** — Fixed issue related to the prev version.
+- **v1.1.27** — Added results for the dialog message.
+- **v1.1.26** — Implement dynamic titles for `EcabsDialogComponent`.
+- **v1.1.25** — Fixed date range picker when choose one date only.
+- **v1.1.24** — Fixed date range picker when reset value.
+- **v1.1.23** — Update styling for map markers.
+- **v1.1.22** — Added statuses for mat-chips.
+  - Added badges for menu items.
+- **v1.1.21** — Improve style for hovered disabled calendar date.
+- **v1.1.20** — Improve the appearance for the scrollbar.
+- **v1.1.19** — Increase delay for phone control and to config.
+- **v1.1.18** — Adjust position of `sticky` header on `MatTable`.
+- **v1.1.17** — Fix peerDependency on `libphonenumber-js`.
+- **v1.1.16** — Implemented custom phone number control.
+- **v1.1.15** — Cleanup `EcabsComponentsService` and provide default config via `config` property.
+- **v1.1.14** — Update styles for disabled indeterminate checkboxes.
+- **v1.1.13** — Fix `overflow-y` issue on `MatCardContent`.
+- **v1.1.12** — Extend @Input properties of `EcabsSelectV2` from `@ng-select` lib.
+- **v1.1.10** — Added color styles for prompt title message.
+- **v1.1.9** — Fixed i18n issue.
+- **v1.1.8** — Add directive show-on-truncated to directives.
+- **v1.1.7** — Add a message for alphanumeric-only validation.
+- **v1.1.6** — accumulate all directives
+- **v1.1.5** — added slider
+- **v1.1.4** — Fixed blur issue for input.
+- **v1.1.3** — Upgrade `MatLegacyCard` to `MDC`.
+- **v1.1.2** — Introduce new select component (`EcabsSelectV2`) to deprecate `EcabsSelect`.
+- **v1.1.1** — Hide `Timepicker` options on input blur.
+- **v1.1.0** — Upgrade `MatLegacyMenu` to `MDC`.
+- **v1.0.99** — Add `mini` and `maxi` directive and validators to `EcabsInput`.
+- **v1.0.98** — Upgrade `MatLegacyAutocomplete` to `MDC`.
+- **v1.0.97** — Correct misaligned icon and text on `EcabsNotes`.
+- **v1.0.96** — Add missing styles for nested columns on `Table`.
+- **v1.0.95** — Upgrade `MatLegacyTooltip` to `MDC`.
+- **v1.0.94** — Upgrade `MatLegacyTabs` to `MDC`.
+- **v1.0.93** — Update progress colors for percentage.
+- **v1.0.92** — Add default buttons for Confirm and Cancel buttons on dialog.
+- **v1.0.91** — Upgrade `MatLegacyCheckbox` and `MatSlideToggle` to `MDC`.
+- **v1.0.90** — Upgrade `MatLegacyPaginator` to `MDC`.
+  - Add `EcabsPaginatorDirective`.
+  - Rename `AppHint` to `EcabsHint`.
+  - Apply `ngx-toaster` overrides.
+- **v1.0.89** — Upgrade `MatLegacyTable` and `MatLegacyProgress` to `MDC`.
+- **v1.0.88** — Roll back 1.0.87
+- **v1.0.87** — Apply min/max Date logic for date picker
+- **v1.0.85** — Improve styling for `EcabsTable` row colors.
+- **v1.0.84** — Emit `falsey` result when Close button is clicked on `EcabsDialogConfirm` and `EcabsDialogMessage`.
+- **v1.0.83** — Fix buttons height.
+- **v1.0.82** — Improve the appearance of disabled inputs.
+  - Fix placeholder text of `EcabsSelect`.
+- **v1.0.81** — Fix font size of `EcabsSelect`.
+- **v1.0.80** — Allow custom button options for `Confirm` and `Cancel` buttons on `EcabsDialog`.
+- **v1.0.79** — feat(CU-11266): Update `MatDialog` to `MDC`.
+  - Fix button height issue on anchor tags marked as `mat-button`.
+  - Update default font family.
+  - Rename `NoteComponent` to `EcabsNoteComponent`.
+  - Add `expired` style for `EcabsChip`.
+- **v1.0.78** — Upgrade `MatSelect` to `MDC`.
+- **v1.0.77** — Upgrade `MatChips` to `MDC`.
+- **v1.0.76** — Upgrade `EcabsInput` module to `MDC` styling.
+- **v1.0.75** — Upgrade `EcabsButtons` module to `MDC` styling.
+- **v1.0.18** — Fixed width of date time picker
+- **v1.0.13** — Fixed emitEvent behaviour of checkbox

package/esm2022/lib/base/consts/input.consts.mjs

@@ -0,0 +1,2 @@
+export const AUTO_RESIZE_SYMBOL_BUFFER_PX = 2;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuY29uc3RzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZWNhYnMtY29tcG9uZW50cy9zcmMvbGliL2Jhc2UvY29uc3RzL2lucHV0LmNvbnN0cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQUMsTUFBTSw0QkFBNEIsR0FBRyxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY29uc3QgQVVUT19SRVNJWkVfU1lNQk9MX0JVRkZFUl9QWCA9IDI7XG4iXX0=

package/esm2022/lib/ecabs-checkbox-toggle/ecabs-checkbox-toggle.component.mjs

@@ -88,7 +88,7 @@ export class EcabsCheckboxToggleComponent extends EcabsElementBaseComponent {
                 useExisting: EcabsCheckboxToggleComponent,
                 multi: true,
             },
-        ], 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: [":root{--mat-standard-button-toggle-shape: calc-rem(8px);--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);--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-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-warning: #845201;--color-warning-opacity: #FDF2DC;--color-success: #166C3B;--color-success--opacity: #EAF6ED;--color-success-rgb: 7, 81, 69;--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-option-label-text-size: 13px}.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)}.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--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: i2.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: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i4.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+        ], 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: [":root{--mat-standard-button-toggle-shape: calc-rem(8px);--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);--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-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-warning: #845201;--color-warning-opacity: #FDF2DC;--color-success: #166C3B;--color-success--opacity: #EAF6ED;--color-success-rgb: 7, 81, 69;--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-option-label-text-size: 13px}.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)}.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:-moz-fit-content;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: i2.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: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i4.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EcabsCheckboxToggleComponent, decorators: [{
             type: Component,
@@ -98,7 +98,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             useExisting: EcabsCheckboxToggleComponent,
                             multi: true,
                         },
-                    ], 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: [":root{--mat-standard-button-toggle-shape: calc-rem(8px);--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);--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-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-warning: #845201;--color-warning-opacity: #FDF2DC;--color-success: #166C3B;--color-success--opacity: #EAF6ED;--color-success-rgb: 7, 81, 69;--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-option-label-text-size: 13px}.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)}.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--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"] }]
+                    ], 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: [":root{--mat-standard-button-toggle-shape: calc-rem(8px);--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);--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-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-warning: #845201;--color-warning-opacity: #FDF2DC;--color-success: #166C3B;--color-success--opacity: #EAF6ED;--color-success-rgb: 7, 81, 69;--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-option-label-text-size: 13px}.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)}.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:-moz-fit-content;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"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i0.DestroyRef }]; }, propDecorators: { matCheckbox: [{
                 type: ViewChild,
                 args: [MatCheckbox, { static: false }]

package/esm2022/lib/ecabs-dialog-confirm-deletion/ecabs-dialog-confirm-deletion.component.mjs

@@ -47,7 +47,7 @@ export class EcabsDialogConfirmationDeletionComponent {
         this.dialogRef.close(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EcabsDialogConfirmationDeletionComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i2.UntypedFormBuilder }, { token: i3.EcabsComponentsService }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EcabsDialogConfirmationDeletionComponent, 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: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.ButtonsComponent, selector: "ecabs-buttons", inputs: ["disabled", "loading", "size", "type", "style", "full", "color"] }, { kind: "component", type: i6.EcabsInputComponent, selector: "ecabs-input", inputs: ["digitsOnly", "allowDecimal", "allowHyphen", "allowRange", "max", "mini", "maxi", "step"], outputs: ["onblur"] }, { kind: "pipe", type: i4.LowerCasePipe, name: "lowercase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EcabsDialogConfirmationDeletionComponent, 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: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.ButtonsComponent, selector: "ecabs-buttons", inputs: ["disabled", "loading", "size", "type", "style", "full", "color"] }, { kind: "component", type: i6.EcabsInputComponent, selector: "ecabs-input", inputs: ["digitsOnly", "allowDecimal", "allowHyphen", "allowRange", "autoResize", "max", "mini", "maxi", "step"], outputs: ["onblur"] }, { kind: "pipe", type: i4.LowerCasePipe, name: "lowercase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EcabsDialogConfirmationDeletionComponent, decorators: [{
             type: Component,