ecabs-components 2.0.0-alpha.3 → 2.0.0-alpha.6

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

@@ -1,23 +1,28 @@
-import { AfterViewInit, DestroyRef, ElementRef, EventEmitter, Injector, OnInit } from '@angular/core';
+import { AfterViewInit, DestroyRef, ElementRef, EventEmitter, Injector, OnInit, Renderer2 } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import EcabsElementBaseComponent from '../base/element-base';
 import * as i0 from "@angular/core";
 export declare class EcabsInputComponent extends EcabsElementBaseComponent implements ControlValueAccessor, AfterViewInit, OnInit {
-    private injector;
+    private readonly injector;
     private readonly destroyRef;
+    private readonly renderer;
     matCustomInput: ElementRef;
+    autoSizer: ElementRef<HTMLElement>;
     digitsOnly: boolean;
     allowDecimal: boolean;
     allowHyphen: boolean;
+    allowRange: boolean;
+    autoResize: boolean;
     max: number;
     mini: number;
     maxi: number;
     step: number;
     onblur: EventEmitter<any>;
     val: string | number;
+    get fluidHost(): boolean;
     get value(): string | number;
     set value(val: string | number);
-    constructor(injector: Injector, destroyRef: DestroyRef);
+    constructor(injector: Injector, destroyRef: DestroyRef, renderer: Renderer2);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     onChange: any;
@@ -26,6 +31,9 @@ export declare class EcabsInputComponent extends EcabsElementBaseComponent imple
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     blurChange(e: any): void;
+    onInput(): void;
+    private trackAutoResize;
+    private measureAutoResizeWidth;
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsInputComponent, "ecabs-input", never, { "digitsOnly": { "alias": "digitsOnly"; "required": false; }; "allowDecimal": { "alias": "allowDecimal"; "required": false; }; "allowHyphen": { "alias": "allowHyphen"; "required": false; }; "max": { "alias": "max"; "required": false; }; "mini": { "alias": "mini"; "required": false; }; "maxi": { "alias": "maxi"; "required": false; }; "step": { "alias": "step"; "required": false; }; }, { "onblur": "onblur"; }, never, ["mat-icon", ".suffix"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsInputComponent, "ecabs-input", never, { "digitsOnly": { "alias": "digitsOnly"; "required": false; }; "allowDecimal": { "alias": "allowDecimal"; "required": false; }; "allowHyphen": { "alias": "allowHyphen"; "required": false; }; "allowRange": { "alias": "allowRange"; "required": false; }; "autoResize": { "alias": "autoResize"; "required": false; }; "max": { "alias": "max"; "required": false; }; "mini": { "alias": "mini"; "required": false; }; "maxi": { "alias": "maxi"; "required": false; }; "step": { "alias": "step"; "required": false; }; }, { "onblur": "onblur"; }, never, ["mat-icon", ".suffix"], 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-phone/ecabs-phone.module.d.ts

@@ -1,11 +1,12 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./ecabs-phone.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 "../ecabs-base-phone-input/ecabs-base-phone.module";
+import * as i3 from "@angular/material/input";
+import * as i4 from "../base/element-wrapper/element-wrapper.module";
+import * as i5 from "@angular/forms";
+import * as i6 from "../ecabs-base-phone-input/ecabs-base-phone.module";
 export declare class EcabsPhoneModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsPhoneModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsPhoneModule, [typeof i1.EcabsPhoneComponent], [typeof i2.CommonModule, typeof i3.ElementWrapperModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.EcabsBasePhoneModule], [typeof i1.EcabsPhoneComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsPhoneModule, [typeof i1.EcabsPhoneComponent], [typeof i2.CommonModule, typeof i3.MatInputModule, typeof i4.ElementWrapperModule, typeof i5.FormsModule, typeof i5.ReactiveFormsModule, typeof i6.EcabsBasePhoneModule], [typeof i1.EcabsPhoneComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EcabsPhoneModule>;
 }

package/lib/ecabs-place-autocomplete-v2/ecabs-place-autocomplete-v2.component.d.ts

@@ -0,0 +1,64 @@
+import { AfterViewInit, ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import EcabsElementBaseComponent from '../base/element-base';
+import { WaypointTypeEnum } from '../base/consts/waypoint.consts';
+import { GooglePlaceResult, WaypointQueryChange, WaypointSuggestion } from '../base/models/waypoint.models';
+import { BehaviorSubject, Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class EcabsPlaceAutocompleteV2Component extends EcabsElementBaseComponent implements OnChanges, AfterViewInit, ControlValueAccessor {
+    matCustomInput: ElementRef;
+    showDeleteItem: boolean;
+    set waypointsHistory(value: WaypointSuggestion[]);
+    showSuffix: boolean;
+    countryCode: string;
+    googleLoaded: boolean;
+    waypointType: WaypointTypeEnum;
+    debounceMs: number;
+    readonly placeResult: EventEmitter<GooglePlaceResult>;
+    readonly deleteItem: EventEmitter<any>;
+    readonly queryChanged: EventEmitter<WaypointQueryChange>;
+    isFocused$: BehaviorSubject<boolean>;
+    waypointSuggestions$: Observable<WaypointSuggestion[]>;
+    value$: BehaviorSubject<string>;
+    selectedIndex: number;
+    displayedSuggestions: WaypointSuggestion[];
+    private readonly inputQuery$;
+    private readonly waypointsHistory$;
+    private _value;
+    private autocompleteService;
+    private placesService;
+    private sessionToken;
+    private isResolvingPlace;
+    private readonly MAX_SUGGESTIONS;
+    private readonly emptySuggestions;
+    private readonly ngZone;
+    private readonly injector;
+    private readonly destroyRef;
+    get value(): string;
+    set value(value: string);
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    private onChange;
+    private onTouch;
+    private getPlacesResults;
+    private toWaypointSuggestions;
+    onUserInput(query: string): void;
+    trackBySuggestion(index: number, suggestion: WaypointSuggestion): string;
+    onSelectSuggestion(suggestion: WaypointSuggestion): void;
+    private toLatLng;
+    private toPlaceFallback;
+    private resolveByPlaceId;
+    onKeyDown(event: KeyboardEvent): void;
+    onBlur(): void;
+    onFocus(): void;
+    writeValue(nextValue?: string | null): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    delete(): void;
+    clear(): void;
+    private initGoogle;
+    private resetSessionToken;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsPlaceAutocompleteV2Component, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsPlaceAutocompleteV2Component, "ecabs-place-autocomplete-v2", never, { "showDeleteItem": { "alias": "showDeleteItem"; "required": false; }; "waypointsHistory": { "alias": "waypointsHistory"; "required": false; }; "showSuffix": { "alias": "showSuffix"; "required": false; }; "countryCode": { "alias": "countryCode"; "required": false; }; "googleLoaded": { "alias": "googleLoaded"; "required": false; }; "waypointType": { "alias": "waypointType"; "required": false; }; "debounceMs": { "alias": "debounceMs"; "required": false; }; }, { "placeResult": "placeResult"; "deleteItem": "deleteItem"; "queryChanged": "queryChanged"; }, never, never, false, never>;
+}

package/lib/ecabs-place-autocomplete-v2/ecabs-place-autocomplete-v2.module.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ecabs-place-autocomplete-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 "../base/pipes/separator-append.pipe";
+import * as i7 from "@angular/cdk/overlay";
+export declare class EcabsPlaceAutocompleteV2Module {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsPlaceAutocompleteV2Module, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsPlaceAutocompleteV2Module, [typeof i1.EcabsPlaceAutocompleteV2Component], [typeof i2.CommonModule, typeof i3.ElementWrapperModule, typeof i4.FormsModule, typeof i5.MatIconModule, typeof i6.SeparatorAppendPipe, typeof i7.CdkOverlayOrigin, typeof i7.CdkConnectedOverlay], [typeof i1.EcabsPlaceAutocompleteV2Component]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EcabsPlaceAutocompleteV2Module>;
+}

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/ecabs-select.component.d.ts

@@ -13,6 +13,7 @@ export declare class EcabsSelectComponent extends EcabsElementBaseComponent impl
     items: SelectOption[];
     multiple: boolean;
     useNoneOption: boolean;
+    useOnlyDisabledClass: boolean;
     searchFieldPlaceholder: string;
     useSearchOption: boolean;
     useSelectAllOption: boolean;
@@ -28,24 +29,16 @@ export declare class EcabsSelectComponent extends EcabsElementBaseComponent impl
     allSelected: MatOption;
     matSelectSearchComponent: MatSelectSearchComponent;
     val: any;
-    filteredItems$: BehaviorSubject<{
-        label: string;
-        value: any;
-    }[]>;
+    filteredItems$: BehaviorSubject<SelectOption[]>;
     itemFilterCtrl: UntypedFormControl;
     isClearAll: boolean;
     showFilteredAllOption: boolean;
-    selectedItems: {
-        label: string;
-        value: any;
-    }[];
-    notSelectedItems: {
-        label: string;
-        value: any;
-    }[];
+    selectedItems: SelectOption[];
+    notSelectedItems: SelectOption[];
     subscriptions: Subscription;
     get value(): any;
     get trigger(): string;
+    get triggerOption(): SelectOption | undefined;
     set value(val: any);
     constructor(injector: Injector, changeDetectorRef: ChangeDetectorRef, destroyRef: DestroyRef);
     ngOnChanges(changes: SimpleChanges): void;
@@ -58,6 +51,7 @@ export declare class EcabsSelectComponent extends EcabsElementBaseComponent impl
     toggleNone(): void;
     getAllSelectedChecked(): boolean;
     getLabel(val: any): string;
+    getOption(val: unknown): SelectOption | undefined;
     writeValue(value: any): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
@@ -66,5 +60,5 @@ export declare class EcabsSelectComponent extends EcabsElementBaseComponent impl
     private filterItems;
     private setSelectedItems;
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsSelectComponent, "ecabs-select", never, { "items": { "alias": "items"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "useNoneOption": { "alias": "useNoneOption"; "required": false; }; "searchFieldPlaceholder": { "alias": "searchFieldPlaceholder"; "required": false; }; "useSearchOption": { "alias": "useSearchOption"; "required": false; }; "useSelectAllOption": { "alias": "useSelectAllOption"; "required": false; }; "setAllOptionAfterChosenAllItems": { "alias": "setAllOptionAfterChosenAllItems"; "required": false; }; "selectAllValue": { "alias": "selectAllValue"; "required": false; }; "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; }; "noneLabel": { "alias": "noneLabel"; "required": false; }; "allLabel": { "alias": "allLabel"; "required": false; }; "otherLabel": { "alias": "otherLabel"; "required": false; }; "othersLabel": { "alias": "othersLabel"; "required": false; }; }, { "updateFilterItems": "updateFilterItems"; "selectionChange": "selectionChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsSelectComponent, "ecabs-select", never, { "items": { "alias": "items"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "useNoneOption": { "alias": "useNoneOption"; "required": false; }; "useOnlyDisabledClass": { "alias": "useOnlyDisabledClass"; "required": false; }; "searchFieldPlaceholder": { "alias": "searchFieldPlaceholder"; "required": false; }; "useSearchOption": { "alias": "useSearchOption"; "required": false; }; "useSelectAllOption": { "alias": "useSelectAllOption"; "required": false; }; "setAllOptionAfterChosenAllItems": { "alias": "setAllOptionAfterChosenAllItems"; "required": false; }; "selectAllValue": { "alias": "selectAllValue"; "required": false; }; "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; }; "noneLabel": { "alias": "noneLabel"; "required": false; }; "allLabel": { "alias": "allLabel"; "required": false; }; "otherLabel": { "alias": "otherLabel"; "required": false; }; "othersLabel": { "alias": "othersLabel"; "required": false; }; }, { "updateFilterItems": "updateFilterItems"; "selectionChange": "selectionChange"; }, never, never, false, never>;
 }

package/lib/ecabs-select/ecabs-select.module.d.ts

@@ -5,12 +5,13 @@ import * as i2 from "@angular/common";
 import * as i3 from "../base/element-wrapper/element-wrapper.module";
 import * as i4 from "@angular/material/select";
 import * as i5 from "@angular/material/tooltip";
-import * as i6 from "@angular/forms";
-import * as i7 from "ngx-mat-select-search";
-import * as i8 from "../base/directives/tooltip-if-truncated.directive.module";
+import * as i6 from "../ecabs-select-icon/ecabs-select-icon.module";
+import * as i7 from "@angular/forms";
+import * as i8 from "ngx-mat-select-search";
+import * as i9 from "../base/directives/tooltip-if-truncated.directive.module";
 export declare class EcabsSelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsSelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsSelectModule, [typeof i1.EcabsSelectComponent], [typeof i2.CommonModule, typeof i3.ElementWrapperModule, typeof i4.MatSelectModule, typeof i5.MatTooltipModule, typeof i6.FormsModule, typeof i7.NgxMatSelectSearchModule, typeof i6.ReactiveFormsModule, typeof i8.EcabsTooltipIfTruncatedDirectiveModule], [typeof i1.EcabsSelectComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsSelectModule, [typeof i1.EcabsSelectComponent], [typeof i2.CommonModule, typeof i3.ElementWrapperModule, typeof i4.MatSelectModule, typeof i5.MatTooltipModule, typeof i6.EcabsSelectIconModule, typeof i7.FormsModule, typeof i8.NgxMatSelectSearchModule, typeof i7.ReactiveFormsModule, typeof i9.EcabsTooltipIfTruncatedDirectiveModule], [typeof i1.EcabsSelectComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EcabsSelectModule>;
 }
 export declare function scrollFactory(overlay: Overlay): () => BlockScrollStrategy;

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

@@ -0,0 +1,8 @@
+import { SelectOption } from '../base/models/select.models';
+import * as i0 from "@angular/core";
+export declare class EcabsSelectIconComponent {
+    svgIcon: string;
+    set option(option: SelectOption | undefined);
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsSelectIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsSelectIconComponent, "ecabs-select-icon", never, { "option": { "alias": "option"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/ecabs-select-icon/ecabs-select-icon.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ecabs-select-icon.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/icon";
+export declare class EcabsSelectIconModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsSelectIconModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsSelectIconModule, [typeof i1.EcabsSelectIconComponent], [typeof i2.CommonModule, typeof i3.MatIconModule], [typeof i1.EcabsSelectIconComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EcabsSelectIconModule>;
+}

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,30 @@ 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;
+    asOption(item: unknown): SelectOption<T>;
     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-select-v2/ecabs-select-v2.module.d.ts

@@ -8,8 +8,9 @@ import * as i6 from "@ng-select/ng-select";
 import * as i7 from "../ecabs-loading/ecabs-loading.module";
 import * as i8 from "../ecabs-checkbox-toggle/ecabs-checkbox-toggle.module";
 import * as i9 from "@angular/material/checkbox";
+import * as i10 from "../ecabs-select-icon/ecabs-select-icon.module";
 export declare class EcabsSelectV2Module {
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsSelectV2Module, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsSelectV2Module, [typeof i1.EcabsSelectV2Component], [typeof i2.CommonModule, typeof i3.ElementWrapperModule, typeof i4.MatSelectModule, typeof i5.FormsModule, typeof i5.ReactiveFormsModule, typeof i6.NgSelectModule, typeof i7.EcabsLoadingModule, typeof i8.EcabsCheckboxToggleModule, typeof i9.MatCheckboxModule], [typeof i1.EcabsSelectV2Component]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsSelectV2Module, [typeof i1.EcabsSelectV2Component], [typeof i2.CommonModule, typeof i3.ElementWrapperModule, typeof i4.MatSelectModule, typeof i5.FormsModule, typeof i5.ReactiveFormsModule, typeof i6.NgSelectModule, typeof i7.EcabsLoadingModule, typeof i8.EcabsCheckboxToggleModule, typeof i9.MatCheckboxModule, typeof i10.EcabsSelectIconModule], [typeof i1.EcabsSelectV2Component]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EcabsSelectV2Module>;
 }

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

@@ -10,9 +10,12 @@ export declare class TableComponent implements AfterContentChecked {
     loading: boolean;
     isEmpty: boolean;
     isEmptyMessage: string;
+    isEmptyMessageTitle: string;
+    isEmptyExtrasTemplate: TemplateRef<any>;
     redirectPath: PlaceholderRedirectPath;
     srcImageEmpty: string;
+    get showTableContent(): boolean;
     ngAfterContentChecked(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "ecabs-table", never, { "header": { "alias": "header"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "isEmpty": { "alias": "isEmpty"; "required": false; }; "isEmptyMessage": { "alias": "isEmptyMessage"; "required": false; }; "redirectPath": { "alias": "redirectPath"; "required": false; }; "srcImageEmpty": { "alias": "srcImageEmpty"; "required": false; }; }, {}, ["table"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "ecabs-table", never, { "header": { "alias": "header"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "isEmpty": { "alias": "isEmpty"; "required": false; }; "isEmptyMessage": { "alias": "isEmptyMessage"; "required": false; }; "isEmptyMessageTitle": { "alias": "isEmptyMessageTitle"; "required": false; }; "isEmptyExtrasTemplate": { "alias": "isEmptyExtrasTemplate"; "required": false; }; "redirectPath": { "alias": "redirectPath"; "required": false; }; "srcImageEmpty": { "alias": "srcImageEmpty"; "required": false; }; }, {}, ["table"], ["*"], 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,52 @@
+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;
+    allowCrossMidnight: boolean;
+    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; }; "allowCrossMidnight": { "alias": "allowCrossMidnight"; "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,28 +1,29 @@
 {
   "name": "ecabs-components",
-  "version": "2.0.0-alpha.3",
+  "version": "2.0.0-alpha.6",
   "peerDependencies": {
-    "@angular/animations": "^19.2.17",
-    "@angular/common": "^19.2.17",
-    "@angular/core": "^19.2.17",
-    "@angular/cdk": "^19.2.19",
-    "@angular/material": "^19.2.19",
-    "@angular-slider/ngx-slider": "^19.0.0",
-    "@ng-select/ng-select": "^14.2.0",
-    "@types/google.maps": "^3.58.1",
-    "autoprefixer": "^10.4.20",
-    "date-fns": "^4.1.0",
-    "date-holidays": "^3.23.20",
-    "flag-icons": "7.5.0",
+    "@angular/animations": "^16.2.12",
+    "@angular/common": "^16.2.12",
+    "@angular/core": "^16.2.12",
+    "@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",
+    "date-holidays": "^3.23.3",
+    "flag-icons": "^6.7.0",
     "libphonenumber-js": "^1.12.6",
-    "ngx-mat-select-search": "^7.0.10",
-    "postcss": "^8.5.1",
-    "rxjs": "~7.8.1",
-    "tailwindcss": "^4.1.17",
-    "vanilla-text-mask": "^5.1.1"
+    "ngx-mat-select-search": "^7.0.7",
+    "ngx-phosphor-icons": "^1.0.7",
+    "postcss": "^8.4.35",
+    "rxjs": "~7.5.0",
+    "tailwindcss": "^3.4.13"
   },
   "dependencies": {
-    "tslib": "^2.8.1"
+    "tslib": "^2.3.0"
   },
   "exports": {
     ".": {