ecabs-components 2.0.0-alpha.0 → 2.0.0-alpha.2

package/lib/base/adapters/date.adapter.d.ts

@@ -0,0 +1,12 @@
+import { WeekDay } from '@angular/common';
+import { NativeDateAdapter } from '@angular/material/core';
+import * as i0 from "@angular/core";
+export declare class EcabsDateAdapter extends NativeDateAdapter {
+    constructor(dateTimeLocale: string);
+    parse(value: string): Date;
+    format(date: Date): string;
+    getDayOfWeekNames(style: 'long' | 'short' | 'narrow'): any[];
+    getFirstDayOfWeek(): WeekDay;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDateAdapter, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<EcabsDateAdapter>;
+}

package/lib/base/consts/country-codes.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class CountryCode {
+    allCountries: (string | number | string[])[][];
+    static ɵfac: i0.ɵɵFactoryDeclaration<CountryCode, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CountryCode>;
+}
+export declare const Examples: any;

package/lib/base/consts/waypoint.consts.d.ts

@@ -0,0 +1,8 @@
+export declare enum WaypointTypeEnum {
+    PICKUP = "PICKUP",
+    DROPOFF = "DROPOFF",
+    GENERIC = "GENERIC",
+    DIVERSION = "DIVERSION",
+    CUSTOM = "CUSTOM",
+    LOCATION = "LOCATION"
+}

package/lib/base/directives/digits-only.directive.d.ts

@@ -17,6 +17,7 @@ export declare class EcabsDigitsOnlyDirective implements OnInit {
     onKeyDown(e: KeyboardEvent): void;
     onKeyUp(): void;
     onPaste(event: ClipboardEvent): void;
+    onWheel(event: Event): void;
     ngOnInit(): void;
     private pasteData;
     private sanitizeInput;

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

@@ -0,0 +1,10 @@
+export type PhoneNumberFormat = 'default' | 'national' | 'international';
+export type Country = {
+    name: string;
+    iso2: string;
+    dialCode: string;
+    priority: number;
+    areaCodes?: string[];
+    flagClass: string;
+    placeHolder?: string;
+};

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

@@ -6,6 +6,7 @@ export interface SidebarMenuItem {
     subItems?: SidebarMenuItem[];
     permissions?: PermissionValueEnum<string>[];
     iconResource?: SidebarIconResource;
+    badget?: string;
 }
 type PermissionValueEnum<T extends string> = {
     values: Record<T, string>;

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

@@ -1,4 +1,5 @@
 export type ListPlacement = 'bottom' | 'top' | 'auto';
+export type TimepickerSpecialKey = 'bottom' | 'top' | 'auto' | ':' | ' ' | 'Tab' | 'tab' | 'stop' | 'ArrowDown' | 'ArrowUp' | 'continue';
 export interface ListPosition {
     left?: number;
     top?: number;

package/lib/base/pipes/search.pipe.d.ts

@@ -0,0 +1,8 @@
+import { PipeTransform } from '@angular/core';
+import { Country } from '../models/phone.models';
+import * as i0 from "@angular/core";
+export declare class SearchPipe implements PipeTransform {
+    transform(country: Country, searchCriteria?: string): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SearchPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SearchPipe, "search", true>;
+}

package/lib/base/services/ecabs-components.service.d.ts

@@ -3,7 +3,8 @@ import { UserClaim } from '../models/user-claim.models';
 import * as i0 from "@angular/core";
 export declare class EcabsComponentsService {
     defaultConfig: EcabsComponentsConfig;
-    private _config;
+    config: EcabsComponentsConfig;
+    private readonly _config;
     setConfig(config: EcabsComponentsConfig): void;
     getConfig(): Observable<EcabsComponentsConfig>;
     updateConfig(configUpdate: EcabsComponentsConfig): void;
@@ -16,6 +17,7 @@ export interface EcabsComponentsConfig {
     errorMessages?: ErrorMessage[];
     i18n?: Ecabsi18n;
     claims?: UserClaim[];
+    defaultPhoneDebounceTimeMs?: number;
 }
 export interface ErrorMessage {
     type: string;
@@ -29,4 +31,5 @@ export declare class GenericComponentConfig implements EcabsComponentsConfig {
     defaultCountries: string[];
     errorMessages: ErrorMessage[];
     i18n: Ecabsi18n;
+    claims: UserClaim[];
 }

package/lib/base/utils/object-utils.d.ts

@@ -6,4 +6,3 @@ export interface Sorter<T> {
 export declare const sortGeneric: <T>(objX: T, objY: T, sortParams: Sorter<T>) => number;
 export declare const removeNullUndefineds: <T>(obj: any, exceptProperties?: string[]) => T;
 export declare const removeEmpty: <T>(o: any, exceptProperties?: string[]) => T;
-export declare const mergeUniqueByKey: <T>(arr: T[], key?: keyof T) => T[];

package/lib/base/validators/phone-number.validator.d.ts

@@ -0,0 +1,4 @@
+import { UntypedFormControl } from '@angular/forms';
+export declare const phoneNumberValidator: (control: UntypedFormControl) => {
+    validatePhoneNumber: boolean;
+};

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

@@ -0,0 +1,90 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import { NgControl } from '@angular/forms';
+import { CountryCode as CC, E164Number, NationalNumber, PhoneNumber } from 'libphonenumber-js';
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { MatMenu } from '@angular/material/menu';
+import { Subject } from 'rxjs';
+import { CountryCode } from '../base/consts/country-codes';
+import { Country, PhoneNumberFormat } from '../base/models/phone.models';
+import * as i0 from "@angular/core";
+export declare class EcabsBasePhoneComponent implements OnInit, OnDestroy, MatFormFieldControl<any> {
+    private changeDetectorRef;
+    private countryCodeData;
+    private fm;
+    private elRef;
+    ngControl: NgControl;
+    preferredCountries: string[];
+    enablePlaceholder: boolean;
+    inputPlaceholder: string | undefined;
+    cssClass: string | undefined;
+    name: string | undefined;
+    onlyCountries: string[];
+    errorStateMatcher: ErrorStateMatcher;
+    enableSearch: boolean;
+    searchPlaceholder: string | undefined;
+    describedBy: string;
+    debounceTimeMs: any;
+    get format(): PhoneNumberFormat;
+    get placeholder(): string;
+    get required(): boolean;
+    get disabled(): boolean;
+    countryChanged: EventEmitter<Country>;
+    matMenu: MatMenu | undefined;
+    searchInput: ElementRef;
+    matCustomInput: ElementRef;
+    static nextId: number;
+    id: string;
+    get shouldLabelFloat(): boolean;
+    private _changeSubject;
+    private _placeholder;
+    private _required;
+    private _disabled;
+    private _previousFormattedNumber;
+    private _format;
+    stateChanges: Subject<void>;
+    focused: boolean;
+    phoneNumber: NationalNumber | string | undefined;
+    allCountries: Country[];
+    preferredCountriesInDropDown: Country[];
+    selectedCountry: Country | undefined;
+    numberInstance: PhoneNumber | undefined;
+    value: E164Number | string | undefined;
+    searchCriteria: string | undefined;
+    get empty(): boolean;
+    set format(value: PhoneNumberFormat);
+    set placeholder(value: string);
+    set required(value: boolean);
+    set disabled(value: boolean);
+    static getPhoneNumberPlaceHolder(countryISOCode: CC): string | undefined;
+    onTouched: () => void;
+    propagateChange: (_: unknown) => void;
+    constructor(changeDetectorRef: ChangeDetectorRef, countryCodeData: CountryCode, fm: FocusMonitor, elRef: ElementRef<HTMLElement>, ngControl: NgControl);
+    errorState: boolean;
+    controlType?: string;
+    autofilled?: boolean;
+    userAriaDescribedBy?: string;
+    disableAutomaticLabeling?: boolean;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    onPhoneNumberChangeDebounce(): void;
+    onPhoneNumberChange(): void;
+    onCountrySelect(country: Country): void;
+    getCountry(code: string): Country;
+    onInputKeyPress(event: KeyboardEvent): void;
+    flagClass(lang: string): string;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(value: any): void;
+    setDescribedByIds(ids: string[]): void;
+    onContainerClick(event: MouseEvent): void;
+    reset(): void;
+    onSearchInput(): void;
+    protected fetchCountryData(): void;
+    private get formattedPhoneNumber();
+    private formatAsYouTypeIfEnabled;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsBasePhoneComponent, [null, null, null, null, { optional: true; self: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsBasePhoneComponent, "ecabs-base-phone", never, { "preferredCountries": { "alias": "preferredCountries"; "required": false; }; "enablePlaceholder": { "alias": "enablePlaceholder"; "required": false; }; "inputPlaceholder": { "alias": "inputPlaceholder"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "name": { "alias": "name"; "required": false; }; "onlyCountries": { "alias": "onlyCountries"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "enableSearch": { "alias": "enableSearch"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "describedBy": { "alias": "describedBy"; "required": false; }; "debounceTimeMs": { "alias": "debounceTimeMs"; "required": false; }; "format": { "alias": "format"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "countryChanged": "countryChanged"; }, never, never, false, never>;
+}

package/lib/ecabs-base-phone-input/ecabs-base-phone.module.d.ts

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ecabs-base-phone.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "@angular/router";
+import * as i5 from "@angular/forms";
+import * as i6 from "@angular/material/input";
+import * as i7 from "@angular/material/menu";
+import * as i8 from "@angular/material/button";
+import * as i9 from "@angular/material/divider";
+import * as i10 from "../base/pipes/search.pipe";
+import * as i11 from "../base/element-wrapper/element-wrapper.module";
+export declare class EcabsBasePhoneModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsBasePhoneModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsBasePhoneModule, [typeof i1.EcabsBasePhoneComponent], [typeof i2.CommonModule, typeof i3.MatIconModule, typeof i4.RouterModule, typeof i5.FormsModule, typeof i6.MatInputModule, typeof i7.MatMenuModule, typeof i8.MatButtonModule, typeof i9.MatDividerModule, typeof i5.ReactiveFormsModule, typeof i10.SearchPipe, typeof i11.ElementWrapperModule], [typeof i1.EcabsBasePhoneComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EcabsBasePhoneModule>;
+}

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

@@ -1,8 +1,10 @@
 import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { ThemePalette } from '@angular/material/core';
 import { ButtonStyle } from '../base/consts/buttons.consts';
+import { MatButton } from '@angular/material/button';
 import * as i0 from "@angular/core";
 export declare class ButtonsComponent implements OnInit, OnChanges {
+    matButton: MatButton;
     disabled: boolean;
     loading: boolean;
     size: 'default' | 'large';

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

@@ -1,18 +1,22 @@
 import { AfterViewInit, DestroyRef, EventEmitter, Injector, OnChanges, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import EcabsElementBaseComponent from '../base/element-base';
+import { MatCheckbox } from '@angular/material/checkbox';
+import { MatSlideToggle } from '@angular/material/slide-toggle';
 import * as i0 from "@angular/core";
 export declare class EcabsCheckboxToggleComponent extends EcabsElementBaseComponent implements ControlValueAccessor, AfterViewInit, OnChanges {
     private readonly injector;
     private readonly destroyRef;
+    matCheckbox: MatCheckbox;
+    matSlideToggle: MatSlideToggle;
     type: 'checkbox' | 'toggle';
     text: string;
     readonly label: string;
     labelPosition: 'before' | 'after';
     indeterminate: boolean;
     checked: boolean;
-    click: EventEmitter<any>;
-    changed: EventEmitter<any>;
+    readonly click: EventEmitter<any>;
+    readonly changed: EventEmitter<any>;
     val: boolean;
     get value(): boolean;
     set value(val: boolean);

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

@@ -1,11 +1,12 @@
 import { DecimalPipe } from '@angular/common';
-import { AfterViewInit, ChangeDetectorRef, EventEmitter, Injector, OnInit } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, Injector, OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import EcabsElementBaseComponent from '../base/element-base';
 import { EcabsDatePickerTranslations } from '../base/models/ecabs-date-picker-translations.models';
 import { EcabsDatePickerHeaderService } from '../base/services/ecabs-date-picker-translations.service';
 import { UnsubscribeService } from '../base/services/unsubscribe.service';
 import { EcabsDateTimePickerHeaderComponent } from './components/ecabs-date-time-picker-header/ecabs-date-time-picker-header.component';
+import { MatDatepicker } from '@angular/material/datepicker';
 import * as i0 from "@angular/core";
 export declare class EcabsDateTimePickerComponent extends EcabsElementBaseComponent implements ControlValueAccessor, AfterViewInit, OnInit {
     private readonly injector;
@@ -13,6 +14,8 @@ export declare class EcabsDateTimePickerComponent extends EcabsElementBaseCompon
     private readonly cd;
     private readonly ecabsDatePickerHeaderService;
     private readonly unsubscribeService;
+    matCustomInput: ElementRef;
+    matCustomPicker: MatDatepicker<Date>;
     minDate: Date;
     maxDate: Date;
     touchUi: boolean;
@@ -20,11 +23,14 @@ export declare class EcabsDateTimePickerComponent extends EcabsElementBaseCompon
     cancelLabel: string;
     applyLabel: string;
     applyMinDateAuto: boolean;
-    onblur: EventEmitter<any>;
+    /** When true, preserves the original value (with timezone) if user hasn't changed the date/time */
+    preserveOriginalValue: boolean;
     _hours: string;
     _minutes: string;
     _seconds: string;
     _date: Date;
+    /** Stores the original input value to preserve string format with timezone */
+    private _originalValue;
     _pickerValue: string;
     val: Date;
     header: typeof EcabsDateTimePickerHeaderComponent;
@@ -33,6 +39,7 @@ export declare class EcabsDateTimePickerComponent extends EcabsElementBaseCompon
     preventCallSetterPickerValue: boolean;
     runTimeout: boolean;
     translationConfig: EcabsDatePickerTranslations;
+    isEmptyFormat: string;
     get value(): Date;
     get pickerValue(): string;
     get hours(): string;
@@ -51,12 +58,11 @@ export declare class EcabsDateTimePickerComponent extends EcabsElementBaseCompon
     writeValue(value: any): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
-    blurChange(e: any): void;
     onApply(): void;
     refreshPickerValue(date: Date): void;
     private formatDateTime;
     private roundNumber;
     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; }; }, { "onblur": "onblur"; }, never, never, false, 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-date-time-picker/ecabs-date-time-picker.module.d.ts

@@ -13,8 +13,9 @@ import * as i11 from "../base/directives/digits-only.directive.module";
 import * as i12 from "../base/directives/number-border.directive.module";
 import * as i13 from "../base/directives/date-mask.directive.module";
 import * as i14 from "../ecabs-date-picker-actions/ecabs-date-picker-actions.module";
+import * as i15 from "@angular/material/form-field";
 export declare class EcabsDatetimePickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDatetimePickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsDatetimePickerModule, [typeof i1.EcabsDateTimePickerComponent, typeof i2.EcabsDateTimePickerHeaderComponent], [typeof i3.CommonModule, typeof i4.ElementWrapperModule, typeof i5.MatIconModule, typeof i6.MatDatepickerModule, typeof i7.MatButtonModule, typeof i8.FormsModule, typeof i8.ReactiveFormsModule, typeof i9.EcabsPickerHeaderModule, typeof i10.EcabsButtonsModule, typeof i11.EcabsDigitsOnlyDirectivesModule, typeof i12.EcabsNumberBorderDirectiveModule, typeof i13.EcabsMaskDateDirectiveModule, typeof i14.EcabsDatePickerActionsModule], [typeof i1.EcabsDateTimePickerComponent, typeof i2.EcabsDateTimePickerHeaderComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsDatetimePickerModule, [typeof i1.EcabsDateTimePickerComponent, typeof i2.EcabsDateTimePickerHeaderComponent], [typeof i3.CommonModule, typeof i4.ElementWrapperModule, typeof i5.MatIconModule, typeof i6.MatDatepickerModule, typeof i7.MatButtonModule, typeof i8.FormsModule, typeof i8.ReactiveFormsModule, typeof i9.EcabsPickerHeaderModule, typeof i10.EcabsButtonsModule, typeof i11.EcabsDigitsOnlyDirectivesModule, typeof i12.EcabsNumberBorderDirectiveModule, typeof i13.EcabsMaskDateDirectiveModule, typeof i14.EcabsDatePickerActionsModule, typeof i15.MatFormFieldModule], [typeof i1.EcabsDateTimePickerComponent, typeof i2.EcabsDateTimePickerHeaderComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EcabsDatetimePickerModule>;
 }

package/lib/ecabs-dialog-confirm/ecabs-dialog-confirm.component.d.ts

@@ -20,22 +20,27 @@ export declare class EcabsDialogConfirmComponent implements OnInit, OnDestroy {
     ngOnDestroy(): void;
     closeDialog(): void;
     closeFalsey(): void;
+    closeOnPopover(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDialogConfirmComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<EcabsDialogConfirmComponent, "ecabs-dialog-confirm", never, {}, {}, never, never, false, never>;
 }
 export interface EcabsDialogConfirmComponentConfig {
     title?: string;
+    titleTemplate?: TemplateRef<NonNullable<unknown>>;
     message?: TemplateRef<NonNullable<unknown>>;
     color?: ThemePalette;
     titleColor?: ThemePalette;
     confirmLabel?: string;
     confirmStyle?: ButtonStyle;
+    confirmResult?: any;
     cancelLabel?: string;
     cancelStyle?: ButtonStyle;
+    cancelResult?: any;
     hideCtaButtons?: boolean;
     hideConfirmButton?: boolean;
     hideCancelButton?: boolean;
     isPopover?: boolean;
+    popoverResult?: any;
     width?: string;
     content?: string;
     useFullButtonSize?: boolean;

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

@@ -1,10 +1,11 @@
-import { AfterViewInit, DestroyRef, EventEmitter, Injector, OnInit } from '@angular/core';
+import { AfterViewInit, DestroyRef, ElementRef, EventEmitter, Injector, OnInit } 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 destroyRef;
+    matCustomInput: ElementRef;
     digitsOnly: boolean;
     allowDecimal: boolean;
     allowHyphen: boolean;

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

@@ -1,30 +1,29 @@
-import { AfterViewInit, EventEmitter, Injector, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { AfterViewInit, DestroyRef, EventEmitter, Injector, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor, UntypedFormGroup } from '@angular/forms';
 import EcabsElementBaseComponent from '../base/element-base';
 import { EcabsComponentsService } from '../base/services/ecabs-components.service';
-import { UnsubscribeService } from '../base/services/unsubscribe.service';
-import { NgxIntlTelInputComponent, SearchCountryField } from 'ngx-intl-tel-input';
+import { EcabsBasePhoneComponent } from '../ecabs-base-phone-input/ecabs-base-phone.component';
 import * as i0 from "@angular/core";
 export declare class EcabsPhoneComponent extends EcabsElementBaseComponent implements ControlValueAccessor, AfterViewInit, OnDestroy, OnInit, OnChanges {
     private readonly injector;
     private readonly ecabsComponentsService;
-    private readonly unsubscribeService;
+    private readonly destroyRef;
     preferredCountries: string[];
     enablePlaceholder: boolean;
     enableSearch: boolean;
     useOnlyDisabledClass: boolean;
     required: boolean;
+    debounceTimeMs: any;
     onblur: EventEmitter<{
         value: string;
     }>;
-    phoneInput: NgxIntlTelInputComponent;
+    phoneInput: EcabsBasePhoneComponent;
     phoneForm: UntypedFormGroup;
     phoneSub: any;
     prohibitedCharacters: string[];
-    searchCountryField: typeof SearchCountryField;
     get value(): any;
     set value(val: any);
-    constructor(injector: Injector, ecabsComponentsService: EcabsComponentsService, unsubscribeService: UnsubscribeService);
+    constructor(injector: Injector, ecabsComponentsService: EcabsComponentsService, destroyRef: DestroyRef);
     onInput(event: KeyboardEvent): void;
     ngOnInit(): void;
     ngAfterViewInit(): void;
@@ -39,5 +38,5 @@ export declare class EcabsPhoneComponent extends EcabsElementBaseComponent imple
     onBlur(): void;
     handleErrors(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsPhoneComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsPhoneComponent, "ecabs-phone", never, { "preferredCountries": { "alias": "preferredCountries"; "required": false; }; "enablePlaceholder": { "alias": "enablePlaceholder"; "required": false; }; "enableSearch": { "alias": "enableSearch"; "required": false; }; "useOnlyDisabledClass": { "alias": "useOnlyDisabledClass"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "onblur": "onblur"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsPhoneComponent, "ecabs-phone", never, { "preferredCountries": { "alias": "preferredCountries"; "required": false; }; "enablePlaceholder": { "alias": "enablePlaceholder"; "required": false; }; "enableSearch": { "alias": "enableSearch"; "required": false; }; "useOnlyDisabledClass": { "alias": "useOnlyDisabledClass"; "required": false; }; "required": { "alias": "required"; "required": false; }; "debounceTimeMs": { "alias": "debounceTimeMs"; "required": false; }; }, { "onblur": "onblur"; }, never, never, false, never>;
 }

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

@@ -3,9 +3,9 @@ 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 "ngx-intl-tel-input";
+import * as i5 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 i5.NgxIntlTelInputModule, typeof i4.ReactiveFormsModule], [typeof i1.EcabsPhoneComponent]>;
+    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 ɵinj: i0.ɵɵInjectorDeclaration<EcabsPhoneModule>;
 }

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

@@ -3,16 +3,19 @@ import { ControlValueAccessor } from '@angular/forms';
 import { UnsubscribeService } from '../../public-api';
 import EcabsElementBaseComponent from '../base/element-base';
 import PlaceResult = google.maps.places.PlaceResult;
+import { WaypointTypeEnum } from '../base/consts/waypoint.consts';
 import * as i0 from "@angular/core";
 export declare class EcabsPlaceAutocompleteComponent extends EcabsElementBaseComponent implements OnDestroy, OnChanges, AfterViewInit, ControlValueAccessor {
     private readonly ngZone;
     private readonly unsubscribeService;
     private readonly elementRef;
     private readonly injector;
+    matCustomInput: ElementRef;
     showDeleteItem: boolean;
     showSuffix: boolean;
     countryCode: string;
     googleLoaded: boolean;
+    waypointType: WaypointTypeEnum;
     readonly placeResult: EventEmitter<{
         place: PlaceResult;
         text: string;
@@ -36,5 +39,5 @@ export declare class EcabsPlaceAutocompleteComponent extends EcabsElementBaseCom
     private initGoogle;
     private getElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsPlaceAutocompleteComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsPlaceAutocompleteComponent, "ecabs-place-autocomplete", never, { "showDeleteItem": { "alias": "showDeleteItem"; "required": false; }; "showSuffix": { "alias": "showSuffix"; "required": false; }; "countryCode": { "alias": "countryCode"; "required": false; }; "googleLoaded": { "alias": "googleLoaded"; "required": false; }; }, { "placeResult": "placeResult"; "deleteItem": "deleteItem"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsPlaceAutocompleteComponent, "ecabs-place-autocomplete", never, { "showDeleteItem": { "alias": "showDeleteItem"; "required": false; }; "showSuffix": { "alias": "showSuffix"; "required": false; }; "countryCode": { "alias": "countryCode"; "required": false; }; "googleLoaded": { "alias": "googleLoaded"; "required": false; }; "waypointType": { "alias": "waypointType"; "required": false; }; }, { "placeResult": "placeResult"; "deleteItem": "deleteItem"; }, never, never, false, never>;
 }

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

@@ -13,7 +13,6 @@ export declare class EcabsSelectComponent extends EcabsElementBaseComponent impl
     items: SelectOption[];
     multiple: boolean;
     useNoneOption: boolean;
-    useOnlyDisabledClass: boolean;
     searchFieldPlaceholder: string;
     useSearchOption: boolean;
     useSelectAllOption: boolean;
@@ -67,5 +66,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; }; "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>;
+    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>;
 }

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

@@ -1,4 +1,4 @@
-import { AfterViewInit, DestroyRef, Injector, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { AfterViewInit, DestroyRef, EventEmitter, Injector, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { NgSelectComponent } from '@ng-select/ng-select';
 import { Subject } from 'rxjs';
@@ -10,6 +10,7 @@ export declare class EcabsSelectV2Component extends EcabsElementBaseComponent im
     private readonly destroyRef;
     ngSelect: NgSelectComponent;
     appearance: 'underline' | 'outline';
+    appendTo: string;
     items: SelectValue[];
     bindLabel: string;
     bindValue: string;
@@ -30,6 +31,7 @@ export declare class EcabsSelectV2Component extends EcabsElementBaseComponent im
     selectAllLabel: string;
     otherLabel: string;
     othersLabel: string;
+    readonly selectionChange: EventEmitter<any>;
     touched: boolean;
     val: string | number;
     isOpen: boolean;
@@ -51,8 +53,8 @@ export declare class EcabsSelectV2Component extends EcabsElementBaseComponent im
     onTouch: any;
     onBlur(): void;
     selectAllFn(items: SelectValue[]): void;
-    changed(event: SelectValue[]): void;
+    changed($event: SelectValue[]): void;
     protected initTrackBy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsSelectV2Component, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsSelectV2Component, "ecabs-select-v2", never, { "appearance": { "alias": "appearance"; "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; }; }, {}, never, never, false, 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>;
 }

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

@@ -1,9 +1,10 @@
-import { AfterViewInit, Injector } from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import EcabsElementBaseComponent from '../base/element-base';
 import * as i0 from "@angular/core";
 export declare class EcabsTextareaComponent extends EcabsElementBaseComponent implements ControlValueAccessor, AfterViewInit {
     private injector;
+    matCustomInput: ElementRef;
     rows: number;
     val: string;
     get value(): string;

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

@@ -2,7 +2,7 @@ import { AfterViewInit, DestroyRef, ElementRef, Injector } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { FormTimePickerService } from './ecabs-timepicker.service';
 import EcabsElementBaseComponent from '../base/element-base';
-import { ListPlacement, ListPosition } from '../base/models/timepicker.models';
+import { ListPlacement, ListPosition, TimepickerSpecialKey } from '../base/models/timepicker.models';
 import { EcabsDatePickerTranslations } from '../base/models/ecabs-date-picker-translations.models';
 import * as i0 from "@angular/core";
 export declare class EcabsTimepickerComponent extends EcabsElementBaseComponent implements ControlValueAccessor, AfterViewInit {
@@ -10,8 +10,8 @@ export declare class EcabsTimepickerComponent extends EcabsElementBaseComponent
     private readonly timepickerService;
     private readonly injector;
     private readonly destroyRef;
-    showCloseIcon: boolean;
     focusedFlag: boolean;
+    showCloseIcon: boolean;
     listPlacement: ListPlacement;
     appendTo: string;
     min: string;
@@ -32,8 +32,8 @@ export declare class EcabsTimepickerComponent extends EcabsElementBaseComponent
     translationConfig: EcabsDatePickerTranslations;
     isHoverItemChanged: boolean;
     get allLabel(): string;
-    get data(): any;
-    set data(value: any);
+    get data(): string;
+    set data(value: string);
     constructor(elementRef: ElementRef, timepickerService: FormTimePickerService, injector: Injector, destroyRef: DestroyRef);
     handleMousedown($event: MouseEvent): void;
     ngAfterViewInit(): void;
@@ -41,7 +41,7 @@ export declare class EcabsTimepickerComponent extends EcabsElementBaseComponent
     calcListPosition(): void;
     inputKeyDown(event: any): boolean;
     updateInputData(event: string): void;
-    checkSpecialKeys(key: any): 'stop' | 'continue' | 'tab';
+    checkSpecialKeys(key: TimepickerSpecialKey): TimepickerSpecialKey;
     checkUnUsedKeys(key: string): boolean;
     checkOutOfRangeNumber(time: any): boolean;
     makeHourFull(): void;
@@ -55,5 +55,5 @@ export declare class EcabsTimepickerComponent extends EcabsElementBaseComponent
     show(): void;
     close(val?: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsTimepickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsTimepickerComponent, "ecabs-timepicker", never, { "showCloseIcon": { "alias": "showCloseIcon"; "required": false; }; "focusedFlag": { "alias": "focusedFlag"; "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; }; }, {}, never, ["mat-icon"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsTimepickerComponent, "ecabs-timepicker", never, { "focusedFlag": { "alias": "focusedFlag"; "required": false; }; "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; }; }, {}, never, ["mat-icon"], false, never>;
 }