ecabs-components 1.1.57 → 1.1.63

package/lib/base/directives/date-mask.directive.d.ts

@@ -4,16 +4,15 @@ export declare class EcabsMaskDateDirective implements OnInit, OnDestroy {
     private readonly element;
     isDateTimeMask: boolean;
     considerSeconds: boolean;
-    maskedInputController: any;
-    mask: (string | RegExp)[];
-    maskDateTime: (string | RegExp)[];
-    maskDateTimeWithSeconds: (string | RegExp)[];
-    config: any;
+    private maskedInput;
+    private readonly timeMaskOptions;
     constructor(element: ElementRef);
-    onNgModelChange(value: any): void;
     ngOnInit(): void;
     ngOnDestroy(): void;
-    private containsNumber;
+    private buildDynamicMask;
+    private getDaySegment;
+    private getMonthSegment;
+    private extractTimeValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsMaskDateDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<EcabsMaskDateDirective, "[ecabsMaskDate]", never, { "isDateTimeMask": { "alias": "isDateTimeMask"; "required": false; }; "considerSeconds": { "alias": "considerSeconds"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/base/directives/time-mask.directive.d.ts

@@ -4,12 +4,11 @@ export declare class EcabsMaskTimeDirective implements OnInit, OnDestroy {
     private readonly element;
     timeRange?: boolean;
     all: string;
-    maskedInputController: any;
-    maskTimeRange: (string | RegExp)[];
-    maskTime: (string | RegExp)[];
+    private maskedInput;
     constructor(element: ElementRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
+    private getMaskOptions;
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsMaskTimeDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<EcabsMaskTimeDirective, "[ecabsTime]", never, { "timeRange": { "alias": "timeRange"; "required": false; }; "all": { "alias": "all"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/base/directives/time-range.directive.d.ts

@@ -5,8 +5,7 @@ export declare class EcabsTimeRangeDirective implements OnInit, OnDestroy {
     isDateTimeMask: boolean;
     considerSeconds: boolean;
     all: string;
-    maskedInputController: any;
-    maskDateTime: (string | RegExp)[];
+    private maskedInput;
     constructor(element: ElementRef);
     ngOnInit(): void;
     ngOnDestroy(): void;

package/lib/base/models/element.models.d.ts

@@ -23,8 +23,3 @@ export interface ElementData {
     labelPosition?: 'before' | 'after';
     readonly?: boolean;
 }
-export interface SelectValue {
-    label: string | number;
-    value: string | number;
-    selectAllIdentifier?: string | number;
-}

package/lib/base/models/select.models.d.ts

@@ -2,4 +2,5 @@ export interface SelectOption<T = unknown> {
     label: string;
     value: T;
     disabled?: boolean;
+    selectAllIdentifier?: string | number;
 }

package/lib/base/utils/time-mask.util.d.ts

@@ -0,0 +1,3 @@
+import { MaskitoOptions } from '@maskito/core';
+export declare function createTimeRangeMaskOptions(): MaskitoOptions;
+export declare function createTimeMaskOptions(): MaskitoOptions;

package/lib/ecabs-checkbox-v2/ecabs-checkbox-v2.component.d.ts

@@ -0,0 +1,29 @@
+import { AfterViewInit, DestroyRef, EventEmitter, Injector } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { MatCheckboxChange } from '@angular/material/checkbox';
+import EcabsElementBaseComponent from '../base/element-base';
+import * as i0 from "@angular/core";
+export declare class EcabsCheckboxV2Component extends EcabsElementBaseComponent implements ControlValueAccessor, AfterViewInit {
+    private readonly injector;
+    private readonly destroyRef;
+    label: string;
+    showLabel: boolean;
+    readonly checkboxChanged: EventEmitter<boolean>;
+    val: boolean;
+    get value(): boolean;
+    get hasError(): boolean;
+    set value(value: boolean);
+    constructor(injector: Injector, destroyRef: DestroyRef);
+    onChange: (value: boolean) => void;
+    onTouched: () => void;
+    ngAfterViewInit(): void;
+    toggle(event: MatCheckboxChange): void;
+    onRowClick(): void;
+    onKeyDown(event: KeyboardEvent): void;
+    onBlur(): void;
+    writeValue(value: boolean | null | undefined): void;
+    registerOnChange(fn: (value: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsCheckboxV2Component, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsCheckboxV2Component, "ecabs-checkbox-v2", never, { "label": { "alias": "label"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; }, { "checkboxChanged": "checkboxChanged"; }, never, never, false, never>;
+}

package/lib/ecabs-checkbox-v2/ecabs-checkbox-v2.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ecabs-checkbox-v2.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../base/element-wrapper/element-wrapper.module";
+import * as i4 from "@angular/forms";
+import * as i5 from "@angular/material/icon";
+import * as i6 from "@angular/material/checkbox";
+export declare class EcabsCheckboxV2Module {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsCheckboxV2Module, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsCheckboxV2Module, [typeof i1.EcabsCheckboxV2Component], [typeof i2.CommonModule, typeof i3.ElementWrapperModule, typeof i4.FormsModule, typeof i5.MatIconModule, typeof i6.MatCheckboxModule], [typeof i1.EcabsCheckboxV2Component]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EcabsCheckboxV2Module>;
+}

package/lib/ecabs-date-time-picker/ecabs-date-time-picker.component.d.ts

@@ -39,7 +39,7 @@ export declare class EcabsDateTimePickerComponent extends EcabsElementBaseCompon
     preventCallSetterPickerValue: boolean;
     runTimeout: boolean;
     translationConfig: EcabsDatePickerTranslations;
-    isEmptyFormat: string;
+    isEmptyFormat: any;
     get value(): Date;
     get pickerValue(): string;
     get hours(): string;
@@ -61,7 +61,9 @@ export declare class EcabsDateTimePickerComponent extends EcabsElementBaseCompon
     onApply(): void;
     refreshPickerValue(date: Date): void;
     private formatDateTime;
-    private roundNumber;
+    private normalizeWithAutoPad;
+    private toDigits;
+    private formatTwoDigits;
     private setValues;
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDateTimePickerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<EcabsDateTimePickerComponent, "ecabs-date-time-picker", never, { "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "touchUi": { "alias": "touchUi"; "required": false; }; "hideSeconds": { "alias": "hideSeconds"; "required": false; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "applyLabel": { "alias": "applyLabel"; "required": false; }; "applyMinDateAuto": { "alias": "applyMinDateAuto"; "required": false; }; "preserveOriginalValue": { "alias": "preserveOriginalValue"; "required": false; }; }, {}, never, never, false, never>;

package/lib/ecabs-input-range/ecabs-input-range.component.d.ts

@@ -0,0 +1,44 @@
+import { EventEmitter, ElementRef, AfterViewInit, Injector, DestroyRef } from '@angular/core';
+import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors } from '@angular/forms';
+import EcabsElementBaseComponent from '../base/element-base';
+import * as i0 from "@angular/core";
+export interface RangeValue {
+    from: number | null;
+    to: number | null;
+}
+export declare class EcabsInputRangeComponent extends EcabsElementBaseComponent implements ControlValueAccessor, Validator, AfterViewInit {
+    private readonly injector;
+    private readonly destroyRef;
+    toInput: ElementRef;
+    digitsOnly: boolean;
+    allowDecimal: boolean;
+    allowHyphen: boolean;
+    min: number;
+    max: number;
+    step: number;
+    separatorText: string;
+    fromPlaceholder: string;
+    toPlaceholder: string;
+    rangeChange: EventEmitter<RangeValue>;
+    val: RangeValue;
+    isFocused: boolean;
+    constructor(injector: Injector, destroyRef: DestroyRef);
+    ngAfterViewInit(): void;
+    get value(): RangeValue;
+    set value(v: RangeValue);
+    setFocus(focus: boolean): void;
+    focusToInput(): void;
+    updateValue(key: 'from' | 'to', val: any): void;
+    getFromError(value?: RangeValue): ValidationErrors | null;
+    getToError(value?: RangeValue): ValidationErrors | null;
+    getIncompleteRangeError(value?: RangeValue): ValidationErrors | null;
+    get hasAnyError(): boolean;
+    validate(control: AbstractControl): ValidationErrors | null;
+    onChange: (value: RangeValue) => void;
+    onTouched: () => void;
+    writeValue(v: RangeValue): void;
+    registerOnChange(fn: (value: RangeValue) => void): void;
+    registerOnTouched(fn: () => void): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsInputRangeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsInputRangeComponent, "ecabs-input-range", never, { "digitsOnly": { "alias": "digitsOnly"; "required": false; }; "allowDecimal": { "alias": "allowDecimal"; "required": false; }; "allowHyphen": { "alias": "allowHyphen"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "separatorText": { "alias": "separatorText"; "required": false; }; "fromPlaceholder": { "alias": "fromPlaceholder"; "required": false; }; "toPlaceholder": { "alias": "toPlaceholder"; "required": false; }; }, { "rangeChange": "rangeChange"; }, never, never, false, never>;
+}

package/lib/ecabs-input-range/ecabs-input-range.module.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ecabs-input-range.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "../base/element-wrapper/element-wrapper.module";
+import * as i5 from "../base/directives/digits-only.directive.module";
+import * as i6 from "../base/directives/min-max.directive.module";
+import * as i7 from "../ecabs-buttons-v2/ecabs-buttons-v2.module";
+export declare class EcabsInputRangeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsInputRangeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsInputRangeModule, [typeof i1.EcabsInputRangeComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.ElementWrapperModule, typeof i5.EcabsDigitsOnlyDirectivesModule, typeof i6.EcabsMinMaxDirectiveModule, typeof i7.EcabsButtonsV2Module], [typeof i1.EcabsInputRangeComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EcabsInputRangeModule>;
+}

package/lib/ecabs-segment/ecabs-segment.component.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class EcabsSegmentComponent {
+    title: string;
+    subtitle?: string;
+    showTitleDivider: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsSegmentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsSegmentComponent, "ecabs-segment", never, { "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "showTitleDivider": { "alias": "showTitleDivider"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/lib/ecabs-select-v2/ecabs-select-v2.component.d.ts

@@ -1,17 +1,17 @@
-import { AfterViewInit, DestroyRef, EventEmitter, Injector, OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
+import { AfterViewInit, DestroyRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { NgSelectComponent } from '@ng-select/ng-select';
 import { Subject } from 'rxjs';
 import EcabsElementBaseComponent from '../base/element-base';
-import { SelectValue } from '../base/models/element.models';
+import { SelectOption } from '../base/models/select.models';
 import * as i0 from "@angular/core";
-export declare class EcabsSelectV2Component extends EcabsElementBaseComponent implements AfterViewInit, ControlValueAccessor, OnChanges, OnInit {
-    private readonly injector;
+export declare class EcabsSelectV2Component<T = unknown> extends EcabsElementBaseComponent implements AfterViewInit, ControlValueAccessor, OnChanges, OnInit {
+    readonly ngControl: NgControl;
     private readonly destroyRef;
     ngSelect: NgSelectComponent;
     appearance: 'underline' | 'outline';
     appendTo: string;
-    items: SelectValue[];
+    items: SelectOption<T>[];
     bindLabel: string;
     bindValue: string;
     editableSearchTerm: boolean;
@@ -22,7 +22,7 @@ export declare class EcabsSelectV2Component extends EcabsElementBaseComponent im
     hideSelected: boolean;
     clearOnBackspace: boolean;
     clearSearchOnAdd: boolean;
-    trackByFn: any;
+    trackByFn: ((item: SelectOption<T>) => T | undefined) | undefined;
     minLength: number;
     searchPlaceholder: string;
     typeahead: Subject<string>;
@@ -31,30 +31,29 @@ export declare class EcabsSelectV2Component extends EcabsElementBaseComponent im
     selectAllLabel: string;
     otherLabel: string;
     othersLabel: string;
-    readonly selectionChange: EventEmitter<any>;
-    touched: boolean;
-    val: string | number;
+    readonly selectionChange: EventEmitter<SelectOption<T> | SelectOption<T>[]>;
+    val: T;
     isOpen: boolean;
     groupByKey: string;
-    selectedMulti: any[];
-    itemsList: SelectValue[];
+    selectedMulti: SelectOption<T>[];
+    itemsList: SelectOption<T>[];
     isTypeAhead: boolean;
-    get value(): string | number;
-    set value(val: string | number);
-    constructor(injector: Injector, destroyRef: DestroyRef);
+    get value(): T;
+    set value(val: T);
+    constructor(ngControl: NgControl, destroyRef: DestroyRef);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    writeValue(value: number): void;
-    registerOnChange(onChange: any): void;
-    registerOnTouched(onTouched: any): void;
-    markAsTouched(): void;
-    onChange: any;
-    onTouch: any;
+    writeValue(value: T): void;
+    registerOnChange(fn: (value: T) => void): void;
+    registerOnTouched(fn: () => void): void;
+    private onChange;
+    private onTouched;
     onBlur(): void;
-    selectAllFn(items: SelectValue[]): void;
-    changed($event: SelectValue[]): void;
+    selectAllFn(items: SelectOption<T>[]): SelectOption<T>[];
+    private refreshMultipleItems;
+    changed($event: SelectOption<T> | SelectOption<T>[]): void;
     protected initTrackBy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsSelectV2Component, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsSelectV2Component, "ecabs-select-v2", never, { "appearance": { "alias": "appearance"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "items": { "alias": "items"; "required": false; }; "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "editableSearchTerm": { "alias": "editableSearchTerm"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "notFoundText": { "alias": "notFoundText"; "required": false; }; "hideSelected": { "alias": "hideSelected"; "required": false; }; "clearOnBackspace": { "alias": "clearOnBackspace"; "required": false; }; "clearSearchOnAdd": { "alias": "clearSearchOnAdd"; "required": false; }; "trackByFn": { "alias": "trackByFn"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "typeahead": { "alias": "typeahead"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "clearAllText": { "alias": "clearAllText"; "required": false; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; }; "otherLabel": { "alias": "otherLabel"; "required": false; }; "othersLabel": { "alias": "othersLabel"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsSelectV2Component<any>, [{ optional: true; self: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsSelectV2Component<any>, "ecabs-select-v2", never, { "appearance": { "alias": "appearance"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "items": { "alias": "items"; "required": false; }; "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "editableSearchTerm": { "alias": "editableSearchTerm"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "notFoundText": { "alias": "notFoundText"; "required": false; }; "hideSelected": { "alias": "hideSelected"; "required": false; }; "clearOnBackspace": { "alias": "clearOnBackspace"; "required": false; }; "clearSearchOnAdd": { "alias": "clearSearchOnAdd"; "required": false; }; "trackByFn": { "alias": "trackByFn"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "typeahead": { "alias": "typeahead"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "clearAllText": { "alias": "clearAllText"; "required": false; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; }; "otherLabel": { "alias": "otherLabel"; "required": false; }; "othersLabel": { "alias": "othersLabel"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, false, never>;
 }

package/lib/ecabs-time-range-input-v2/config.model.d.ts

@@ -0,0 +1,5 @@
+export interface FormTimePickerConfigV2 {
+    dayStart: string;
+    dayEnd: string;
+    iconClass: string;
+}

package/lib/ecabs-time-range-input-v2/ecabs-time-range-input-v2.component.d.ts

@@ -0,0 +1,51 @@
+import { AfterViewInit, DestroyRef, Injector } from '@angular/core';
+import { ControlValueAccessor, UntypedFormControl } from '@angular/forms';
+import EcabsElementBaseComponent from '../base/element-base';
+import { ListPlacement } from '../base/models/timepicker.models';
+import * as i0 from "@angular/core";
+export declare class EcabsTimeRangeInputV2Component extends EcabsElementBaseComponent implements ControlValueAccessor, AfterViewInit {
+    private readonly injector;
+    private readonly destroyRef;
+    showCloseIcon: boolean;
+    listPlacement: ListPlacement;
+    appendTo: string;
+    min: string;
+    max: string;
+    showDayStart: boolean;
+    showDayEnd: boolean;
+    addSecond: boolean;
+    dayStartLabel: string;
+    dayEndLabel: string;
+    separatorLabel: string;
+    startTimePlaceholder: string;
+    endTimePlaceholder: string;
+    val: {
+        timeFrom: string;
+        timeTo: string;
+    };
+    _timeFrom: string;
+    _timeTo: string;
+    get value(): {
+        timeFrom: string;
+        timeTo: string;
+    };
+    get timeFrom(): string;
+    get timeTo(): string;
+    set value(val: {
+        timeFrom: string;
+        timeTo: string;
+    });
+    set timeFrom(val: string);
+    set timeTo(val: string);
+    constructor(injector: Injector, destroyRef: DestroyRef);
+    ngAfterViewInit(): void;
+    onChange: any;
+    onTouch: any;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    onApply(): void;
+    timeRangeValidator(control: UntypedFormControl): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsTimeRangeInputV2Component, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsTimeRangeInputV2Component, "ecabs-time-range-input-v2", never, { "showCloseIcon": { "alias": "showCloseIcon"; "required": false; }; "listPlacement": { "alias": "listPlacement"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "showDayStart": { "alias": "showDayStart"; "required": false; }; "showDayEnd": { "alias": "showDayEnd"; "required": false; }; "addSecond": { "alias": "addSecond"; "required": false; }; "dayStartLabel": { "alias": "dayStartLabel"; "required": false; }; "dayEndLabel": { "alias": "dayEndLabel"; "required": false; }; "separatorLabel": { "alias": "separatorLabel"; "required": false; }; "startTimePlaceholder": { "alias": "startTimePlaceholder"; "required": false; }; "endTimePlaceholder": { "alias": "endTimePlaceholder"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/ecabs-time-range-input-v2/ecabs-time-range-input-v2.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ecabs-time-range-input-v2.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../base/element-wrapper/element-wrapper.module";
+import * as i4 from "../ecabs-timepicker/ecabs-timepicker.module";
+import * as i5 from "@angular/forms";
+export declare class EcabsTimeRangeInputV2Module {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsTimeRangeInputV2Module, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsTimeRangeInputV2Module, [typeof i1.EcabsTimeRangeInputV2Component], [typeof i2.CommonModule, typeof i3.ElementWrapperModule, typeof i4.EcabsTimepickerModule, typeof i5.FormsModule], [typeof i1.EcabsTimeRangeInputV2Component]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EcabsTimeRangeInputV2Module>;
+}

package/lib/ecabs-time-range-input-v2/ecabs-time-range-input-v2.service.d.ts

@@ -0,0 +1,12 @@
+import { Subject } from 'rxjs';
+import { FormTimePickerConfigV2 } from './config.model';
+import * as i0 from "@angular/core";
+export declare class FormTimePickerServiceV2 {
+    config: FormTimePickerConfigV2;
+    closeSub: Subject<boolean>;
+    setConfig(c: FormTimePickerConfigV2): void;
+    getConfig(): FormTimePickerConfigV2;
+    close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormTimePickerServiceV2, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FormTimePickerServiceV2>;
+}

package/lib/ecabs-timepicker/ecabs-timepicker.component.d.ts

@@ -23,7 +23,6 @@ export declare class EcabsTimepickerComponent extends EcabsElementBaseComponent
     dayEndLabel: string;
     position: ListPosition;
     _data: string;
-    inputData: string;
     _timePicker: {
         querySelector: (arg0: string) => HTMLElement;
     };
@@ -40,13 +39,9 @@ export declare class EcabsTimepickerComponent extends EcabsElementBaseComponent
     clearInput(): void;
     calcListPosition(): void;
     inputKeyDown(event: any): boolean;
-    updateInputData(event: string): void;
     checkSpecialKeys(key: TimepickerSpecialKey): TimepickerSpecialKey;
     checkUnUsedKeys(key: string): boolean;
     checkOutOfRangeNumber(time: any): boolean;
-    makeHourFull(): void;
-    makeMinuteFull(): void;
-    fixTimeToNearest(): void;
     onChangeFn: (_: any) => void;
     onTouchedFn: () => void;
     registerOnChange(fn: any): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ecabs-components",
-  "version": "1.1.57",
+  "version": "1.1.63",
   "peerDependencies": {
     "@angular/animations": "^16.2.12",
     "@angular/common": "^16.2.12",
@@ -8,6 +8,8 @@
     "@angular/cdk": "^16.2.12",
     "@angular/material": "^16.2.12",
     "@angular-slider/ngx-slider": "^18.0.0",
+    "@maskito/core": "^5.0.0",
+    "@maskito/kit": "^5.0.0",
     "@ng-select/ng-select": "^11.2.0",
     "autoprefixer": "^10.4.17",
     "date-fns": "^2.29.3",
@@ -18,8 +20,7 @@
     "ngx-phosphor-icons": "^1.0.7",
     "postcss": "^8.4.35",
     "rxjs": "~7.5.0",
-    "tailwindcss": "^3.4.13",
-    "vanilla-text-mask": "^5.1.1"
+    "tailwindcss": "^3.4.13"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/public-api.d.ts

@@ -9,6 +9,8 @@ export * from './lib/ecabs-button-toggle/ecabs-button-toggle.component';
 export * from './lib/ecabs-button-toggle/ecabs-button-toggle.module';
 export * from './lib/ecabs-input/ecabs-input.component';
 export * from './lib/ecabs-input/ecabs-input.module';
+export * from './lib/ecabs-input-range/ecabs-input-range.component';
+export * from './lib/ecabs-input-range/ecabs-input-range.module';
 export * from './lib/ecabs-select/ecabs-select.module';
 export * from './lib/ecabs-select/ecabs-select.component';
 export * from './lib/ecabs-select-v2/ecabs-select-v2.module';
@@ -27,6 +29,8 @@ export * from './lib/base/models/select.models';
 export * from './lib/base/models/waypoint.models';
 export * from './lib/ecabs-checkbox-toggle/ecabs-checkbox-toggle.component';
 export * from './lib/ecabs-checkbox-toggle/ecabs-checkbox-toggle.module';
+export * from './lib/ecabs-checkbox-v2/ecabs-checkbox-v2.component';
+export * from './lib/ecabs-checkbox-v2/ecabs-checkbox-v2.module';
 export * from './lib/ecabs-date-picker/ecabs-date-picker.component';
 export * from './lib/ecabs-date-picker/components/ecabs-date-picker-header/ecabs-date-picker-header.component';
 export * from './lib/ecabs-date-time-picker/ecabs-date-time-picker.component';
@@ -138,9 +142,13 @@ export * from './lib/base/adapters/date.adapter';
 export * from './lib/base/consts/waypoint.consts';
 export * from './lib/ecabs-dialog-confirm-deletion/ecabs-dialog-confirm-deletion.module';
 export * from './lib/ecabs-dialog-confirm-deletion/ecabs-dialog-confirm-deletion.component';
+export * from './lib/ecabs-time-range-input-v2/ecabs-time-range-input-v2.service';
+export * from './lib/ecabs-time-range-input-v2/ecabs-time-range-input-v2.module';
+export * from './lib/ecabs-time-range-input-v2/ecabs-time-range-input-v2.component';
 export * from './lib/ecabs-chip-group/ecabs-chip-group.module';
 export * from './lib/ecabs-chip-group/ecabs-chip-group.component';
 export * from './lib/ecabs-chip-autocomplete/ecabs-chip-autocomplete.component';
 export * from './lib/ecabs-date-range-picker-v2/ecabs-date-range-picker-v2.module';
 export * from './lib/ecabs-date-range-picker-v2/ecabs-date-range-picker-v2.component';
 export * from './lib/ecabs-date-range-picker-v2/components/ecabs-date-range-picker-header/ecabs-date-range-picker-header-v2.component';
+export * from './lib/ecabs-segment/ecabs-segment.component';

package/src/assets/styles/material/overrides/_card.scss

@@ -2,16 +2,28 @@
   &.mdc-card {
     @extend .card;
 
+    .mat-mdc-card-header {
+      @extend .card__header;
+
+      .mat-divider {
+        margin-top: 0;
+      }
+    }
+
     .mat-mdc-card-subtitle {
-      @extend .card--subtitle;
+      @extend .card__subtitle;
     }
 
     .mat-mdc-card-title {
-      @extend .card--title;
+      @extend .card__title;
     }
 
     .mat-mdc-card-content {
       @extend .card__content;
     }
+
+    .mat-divider:not(.card__title--divider) {
+      margin-top: calc-rem(24px);
+    }
   }
 }

package/src/assets/styles/material/overrides/_chip.scss

@@ -158,7 +158,7 @@ ecabs-chip-group {
     .mat-mdc-chip {
       --mdc-chip-elevated-container-color: var(--color-white);
       --mdc-chip-label-text-color: var(--color-gray-600);
-      --mdc-chip-label-text-size: #{$font-size-xs};
+      --mdc-chip-label-text-size: #{$font-size-sm};
       --mdc-chip-label-text-weight: #{$font-weight-medium};
       --mdc-chip-elevated-selected-container-color: var(--color-brand-dark);
       --mdc-chip-selected-label-text-color: var(--color-white);
@@ -190,6 +190,15 @@ ecabs-chip-group {
 
     .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary {
       padding: 0;
+
+      &:after {
+        @extend %pseudos;
+
+        top: 0;
+        left: 0;
+        bottom: 0;
+        right: 0;
+      }
     }
 
     .mat-mdc-chip .mdc-chip__ripple,

package/src/assets/styles/material/overrides/_divider.scss

@@ -1,3 +1,5 @@
-.mat-divider {
-  @extend .divider;
+mat-divider {
+  &.mat-divider {
+    @extend .divider;
+  }
 }

package/src/assets/styles/material/overrides/_paginator.scss

@@ -70,6 +70,6 @@ mat-paginator {
   }
 
   .mat-mdc-select-value {
-    @include fontSize($font-size-sm);
+    @include fontSize($font-size-md);
   }
 }

package/src/assets/styles/material/overrides/_toggle.scss

@@ -45,4 +45,10 @@
 //         }
 //     }
 // }
-}
+}
+
+.ecabs-button-toggle {
+  &.mat-button-toggle-group {
+    border-radius: calc-rem($border-radius-large);
+  }
+}

package/src/assets/styles/scss/modules/_card.scss

@@ -1,23 +1,46 @@
 .card {
-  box-shadow: $box-shadow-default;
+  border-radius: $border-radius-xl;
+  border: 1px solid var(--color-gray-200);
+  box-shadow: $box-shadow-medium;
+  padding: calc-rem(24px 32px);
 
-  @include m(subtitle) {
-    @include fontSize($font-size-sm);
+  @include  m(inset) {
+    @extend .card;
 
-    color: var(--color-gray-500);
+    border-radius: $border-radius-xl;
+    border-color: var(--color-gray-100);
+    box-shadow: none;
+    background-color: var(--color-gray-50);
+    padding: calc-rem(16px);
+  }
+
+  @include e(header) {
+    padding: calc-rem(0 0 12px 0);
   }
 
-  @include m(title) {
-    @include fontSize($font-heading-xs);
+  @include e(title) {
+    @include fontSize($font-size-base);
 
+    line-height: 1.5;
+    padding-bottom: calc-rem(4px);
     margin: 0;
-    padding-top: 2rem;
-    padding-left: 1.5rem;
     color: var(--color-brand-dark);
     font-weight: $font-weight-semibold;
+
+
+    @include m(divider) {
+      margin-top: 0;
+    }
+  }
+
+  @include e(subtitle) {
+    @include fontSize($font-size-sm);
+
+    color: var(--color-gray-500);
+    line-height: 1.5;
   }
 
   @include e(content) {
-    padding: calc-rem(32 24);
+    padding: calc-rem(20px 0 0 0);
   }
 }

package/src/assets/styles/scss/modules/_divider.scss

@@ -1,3 +1,4 @@
 .divider {
-  border-top-color: var(--color-gray-300);
+  border-top-color: var(--color-gray-100);
+  color: var(--color-gray-100);
 }

package/src/assets/styles/scss/modules/_form.scss

@@ -26,7 +26,7 @@ form {
 
     // #Label Note
     @include e(label-note) {
-      @include fontSize($font-size-sm);
+      @include fontSize($font-size-md);
 
       display: inline-block;
       margin-bottom: 0.25rem;