ecabs-components 2.0.0-alpha.1 → 2.0.0-alpha.10

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

@@ -20,25 +20,30 @@ 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;
-    width?: string;
+    popoverResult?: any;
     content?: string;
     useFullButtonSize?: boolean;
+    splitButtonsWidth?: boolean;
     loading$?: Observable<boolean>;
     disableConfirm$?: Observable<boolean>;
 }

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

@@ -0,0 +1,33 @@
+import { DestroyRef, OnInit } from '@angular/core';
+import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
+import { ThemePalette } from '@angular/material/core';
+import { MatDialogRef } from '@angular/material/dialog';
+import { EcabsComponentsService } from '../base/services/ecabs-components.service';
+import * as i0 from "@angular/core";
+export declare class EcabsDialogConfirmationDeletionComponent implements OnInit {
+    dialogRef: MatDialogRef<EcabsDialogConfirmationDeletionComponent>;
+    data: EcabsDeleteConfirmationModal;
+    private readonly fb;
+    private readonly componentsService;
+    private readonly destroyRef;
+    form: UntypedFormGroup;
+    color: ThemePalette;
+    constructor(dialogRef: MatDialogRef<EcabsDialogConfirmationDeletionComponent>, data: EcabsDeleteConfirmationModal, fb: UntypedFormBuilder, componentsService: EcabsComponentsService, destroyRef: DestroyRef);
+    ngOnInit(): void;
+    onConfirm(): void;
+    onCancel(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDialogConfirmationDeletionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsDialogConfirmationDeletionComponent, "ecabs-dialog-confirm-deletion", never, {}, {}, never, never, false, never>;
+}
+export interface EcabsDeleteConfirmationModal {
+    actionName?: string;
+    alertText?: string;
+    color?: ThemePalette;
+    comparisonText?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    entityName?: string;
+    entityNameLabel?: string;
+    entityNamePlaceholder?: string;
+    showEntityNameInHeader?: boolean;
+}

package/lib/ecabs-dialog-confirm-deletion/ecabs-dialog-confirm-deletion.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ecabs-dialog-confirm-deletion.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/material/dialog";
+import * as i5 from "../ecabs-buttons/ecabs-buttons.module";
+import * as i6 from "../ecabs-input/ecabs-input.module";
+export declare class EcabsDialogConfirmDeletionModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDialogConfirmDeletionModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsDialogConfirmDeletionModule, [typeof i1.EcabsDialogConfirmationDeletionComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.MatDialogModule, typeof i5.EcabsButtonsModule, typeof i6.EcabsInputModule], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EcabsDialogConfirmDeletionModule>;
+}

package/lib/ecabs-empty-placeholder/ecabs-empty-placeholder.component.d.ts

@@ -5,11 +5,12 @@ export interface PlaceholderRedirectPath {
     path: string;
 }
 export declare class EcabsEmptyPlaceholderComponent implements OnChanges {
+    title?: string;
     isEmptyMessage: string;
     redirectPath: PlaceholderRedirectPath;
     srcImage: string;
     image: string;
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsEmptyPlaceholderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsEmptyPlaceholderComponent, "ecabs-empty-placeholder", never, { "isEmptyMessage": { "alias": "isEmptyMessage"; "required": false; }; "redirectPath": { "alias": "redirectPath"; "required": false; }; "srcImage": { "alias": "srcImage"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsEmptyPlaceholderComponent, "ecabs-empty-placeholder", never, { "title": { "alias": "title"; "required": false; }; "isEmptyMessage": { "alias": "isEmptyMessage"; "required": false; }; "redirectPath": { "alias": "redirectPath"; "required": false; }; "srcImage": { "alias": "srcImage"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/ecabs-expansion-panel/ecabs-expansion-panel.component.d.ts

@@ -16,14 +16,15 @@ export declare class EcabsExpansionPanelComponent implements OnChanges {
     showCheckbox: boolean;
     showStatus: boolean;
     status: string;
-    hideToggle: boolean;
+    collapsible: boolean;
     checked: EventEmitter<boolean>;
     opened: EventEmitter<void>;
     expansionPanel: MatExpansionPanel;
     toggle: boolean;
+    get statusLabel(): string;
     onOpened(): void;
     ngOnChanges(changes: SimpleChanges): void;
     toggleAction(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsExpansionPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsExpansionPanelComponent, "ecabs-expansion-panel", never, { "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "actionTitle": { "alias": "actionTitle"; "required": false; }; "index": { "alias": "index"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "showErrorMessage": { "alias": "showErrorMessage"; "required": false; }; "closePanel": { "alias": "closePanel"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; }; "showStatus": { "alias": "showStatus"; "required": false; }; "status": { "alias": "status"; "required": false; }; "hideToggle": { "alias": "hideToggle"; "required": false; }; }, { "checked": "checked"; "opened": "opened"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsExpansionPanelComponent, "ecabs-expansion-panel", never, { "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "actionTitle": { "alias": "actionTitle"; "required": false; }; "index": { "alias": "index"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "showErrorMessage": { "alias": "showErrorMessage"; "required": false; }; "closePanel": { "alias": "closePanel"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; }; "showStatus": { "alias": "showStatus"; "required": false; }; "status": { "alias": "status"; "required": false; }; "collapsible": { "alias": "collapsible"; "required": false; }; }, { "checked": "checked"; "opened": "opened"; }, never, ["*"], false, never>;
 }

package/lib/ecabs-expansion-panel/ecabs-expansion-panel.module.d.ts

@@ -5,10 +5,10 @@ import * as i3 from "@angular/forms";
 import * as i4 from "@angular/material/button";
 import * as i5 from "@angular/material/expansion";
 import * as i6 from "@angular/material/icon";
-import * as i7 from "@angular/material/chips";
-import * as i8 from "../ecabs-checkbox-toggle/ecabs-checkbox-toggle.module";
+import * as i7 from "../ecabs-checkbox-toggle/ecabs-checkbox-toggle.module";
+import * as i8 from "../ecabs-badge/ecabs-badge.module";
 export declare class EcabsExpansionPanelModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsExpansionPanelModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsExpansionPanelModule, [typeof i1.EcabsExpansionPanelComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.MatButtonModule, typeof i5.MatExpansionModule, typeof i6.MatIconModule, typeof i7.MatChipsModule, typeof i8.EcabsCheckboxToggleModule], [typeof i1.EcabsExpansionPanelComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsExpansionPanelModule, [typeof i1.EcabsExpansionPanelComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.MatButtonModule, typeof i5.MatExpansionModule, typeof i6.MatIconModule, typeof i7.EcabsCheckboxToggleModule, typeof i8.EcabsBadgeModule], [typeof i1.EcabsExpansionPanelComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EcabsExpansionPanelModule>;
 }

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

@@ -1,22 +1,28 @@
-import { AfterViewInit, DestroyRef, 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;
@@ -25,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.component.d.ts

@@ -1,31 +1,31 @@
-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;
+    setDisabledState(isDisabled: boolean): void;
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -39,5 +39,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

@@ -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 "ngx-intl-tel-input";
+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 i5.NgxIntlTelInputModule, typeof i4.ReactiveFormsModule], [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/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-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-radio-button-list/ecabs-radio-button-list.component.d.ts

@@ -2,12 +2,14 @@ import { AfterViewInit, EventEmitter, Injector } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import EcabsElementBaseComponent from '../base/element-base';
 import { SelectOption } from '../base/models/select.models';
+import { MatRadioChange, MatRadioGroup } from '@angular/material/radio';
 import * as i0 from "@angular/core";
 export declare class EcabsRadioButtonListComponent extends EcabsElementBaseComponent implements ControlValueAccessor, AfterViewInit {
     private injector;
+    matRadioGroup: MatRadioGroup;
     items: SelectOption[];
     direction: 'horizontal' | 'vertical';
-    changed: EventEmitter<any>;
+    readonly changed: EventEmitter<MatRadioChange<any>>;
     val: string;
     get value(): string;
     set value(val: string);

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

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class EcabsSegmentComponent {
+    title: string;
+    subtitle?: string;
+    showTitleDivider: boolean;
+    compact: 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; }; "compact": { "alias": "compact"; "required": false; }; }, {}, never, ["[ecabsSegmentHeaderEnd]", "[ecabsSegmentHeaderBottom]", "*"], true, never>;
+    static ngAcceptInputType_compact: unknown;
+}

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

@@ -29,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;
@@ -59,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;

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,16 +1,17 @@
-import { AfterViewInit, DestroyRef, 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';
-    items: SelectValue[];
+    appendTo: string;
+    items: SelectOption<T>[];
     bindLabel: string;
     bindValue: string;
     editableSearchTerm: boolean;
@@ -21,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>;
@@ -30,29 +31,30 @@ export declare class EcabsSelectV2Component extends EcabsElementBaseComponent im
     selectAllLabel: string;
     otherLabel: string;
     othersLabel: string;
-    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; }; "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 ɵ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>;
 }