ecabs-components 1.1.56 → 1.1.62

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

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

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

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

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

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

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

@@ -8,3 +8,4 @@ export type Country = {
     flagClass: string;
     placeHolder?: string;
 };
+export type PhoneNumberCodeType = 'iso' | 'calling';

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

@@ -1,5 +1,5 @@
-export interface SelectOption {
+export interface SelectOption<T = unknown> {
     label: string;
-    value: any;
+    value: T;
     disabled?: boolean;
 }

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

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

package/lib/base/pipes/phone-number-country-code.pipe.d.ts

@@ -0,0 +1,8 @@
+import { PipeTransform } from '@angular/core';
+import { PhoneNumberCodeType } from '../models/phone.models';
+import * as i0 from "@angular/core";
+export declare class NumberToCountryCodePipe implements PipeTransform {
+    transform(phoneNumber: string | null, type?: PhoneNumberCodeType, withFlagClass?: boolean): string | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NumberToCountryCodePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<NumberToCountryCodePipe, "numberToCountryCode", true>;
+}

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

@@ -6,3 +6,4 @@ 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 function getRandomItems<U>(items: U[], count: number): U[];

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

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

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

@@ -4,23 +4,22 @@ import { MatButtonToggleChange } from '@angular/material/button-toggle';
 import { SelectOption } from '../base/models/select.models';
 import * as i0 from "@angular/core";
 export type ButtonToggleSize = 'small' | 'medium' | 'large';
-export type ButtonToggleValue = SelectOption['value'] | SelectOption['value'][] | null;
-export declare class EcabsButtonToggleComponent implements ControlValueAccessor {
-    options: SelectOption[];
+export declare class EcabsButtonToggleComponent<T = unknown> implements ControlValueAccessor {
+    options: SelectOption<T>[];
     multiple: boolean;
     size: ButtonToggleSize;
-    value: ButtonToggleValue;
-    valueChange: EventEmitter<any>;
+    value: T | T[];
+    valueChange: EventEmitter<T | T[]>;
     isDisabled: boolean;
     private onChange;
     private onTouched;
     constructor();
     onGroupChange(event: MatButtonToggleChange): void;
-    trackByOptionValue(index: number, option: SelectOption): SelectOption['value'];
-    writeValue(value: ButtonToggleValue): void;
-    registerOnChange(fn: (value: ButtonToggleValue) => void): void;
+    trackByOptionValue(index: number, option: SelectOption<T>): T | number;
+    writeValue(value: T | T[]): void;
+    registerOnChange(fn: (value: T | T[]) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsButtonToggleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsButtonToggleComponent, "ecabs-button-toggle", never, { "options": { "alias": "options"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsButtonToggleComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsButtonToggleComponent<any>, "ecabs-button-toggle", never, { "options": { "alias": "options"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
 }

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

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

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

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

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

@@ -0,0 +1,50 @@
+import { EventEmitter, TemplateRef } from '@angular/core';
+import { ControlValueAccessor, FormControl } from '@angular/forms';
+import { SelectOption } from '../base/models/select.models';
+import EcabsElementBaseComponent from '../base/element-base';
+import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
+import * as i0 from "@angular/core";
+export declare class EcabsChipAutocompleteComponent<T = unknown> extends EcabsElementBaseComponent implements ControlValueAccessor {
+    private readonly document;
+    private readonly inputRef?;
+    visibleOptions: number;
+    autoActiveFirstOption: boolean;
+    noResultsText: string;
+    compareFn: (a: T, b: T) => boolean;
+    avatarTemplate: TemplateRef<{
+        $implicit: SelectOption<T>;
+    }> | null;
+    truncateAt: number;
+    set options(value: SelectOption<T>[] | null);
+    readonly selectionChange: EventEmitter<T[]>;
+    readonly termChange: EventEmitter<string>;
+    protected readonly inputControl: FormControl<string>;
+    private readonly normalizedTerm$;
+    private readonly _options;
+    private readonly _values;
+    private readonly _term;
+    private readonly destroyRef;
+    protected readonly overlayPanelClass = "ecabs-chip-autocomplete-overlay-panel";
+    protected readonly isDisabled: import("@angular/core").WritableSignal<boolean>;
+    protected readonly selectedOptions: import("@angular/core").Signal<SelectOption<T>[]>;
+    protected readonly filteredOptions: import("@angular/core").Signal<SelectOption<T>[]>;
+    protected readonly noMatchResult: import("@angular/core").Signal<boolean>;
+    get options(): SelectOption<T>[] | null;
+    constructor(document: Document);
+    setOverlayHeight(): void;
+    setSelection(event: MatAutocompleteSelectedEvent): void;
+    removeSelection(option: SelectOption<T>): void;
+    trackByFn(_index: number, option: SelectOption<T>): T | number;
+    writeValue(value: T[] | null): void;
+    registerOnChange(fn: typeof this.onChange): void;
+    registerOnTouched(fn: () => void): void;
+    blur(): void;
+    private onChange;
+    private onTouched;
+    private updateValues;
+    private clearAndRefocusInput;
+    private setValidSelectedOptions;
+    private setFilteredOptions;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsChipAutocompleteComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsChipAutocompleteComponent<any>, "ecabs-chip-autocomplete", never, { "visibleOptions": { "alias": "visibleOptions"; "required": false; }; "autoActiveFirstOption": { "alias": "autoActiveFirstOption"; "required": false; }; "noResultsText": { "alias": "noResultsText"; "required": false; }; "compareFn": { "alias": "compareFn"; "required": false; }; "avatarTemplate": { "alias": "avatarTemplate"; "required": false; }; "truncateAt": { "alias": "truncateAt"; "required": false; }; "options": { "alias": "options"; "required": true; }; }, { "selectionChange": "selectionChange"; "termChange": "termChange"; }, never, never, true, never>;
+}

package/lib/ecabs-chip-group/ecabs-chip-group.component.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { SelectOption } from '../base/models/select.models';
+import * as i0 from "@angular/core";
+export declare class EcabsChipGroupComponent<T = unknown> implements ControlValueAccessor {
+    options: SelectOption<T>[];
+    multiple: boolean;
+    disableRipple: boolean;
+    selectedChange: EventEmitter<T | T[]>;
+    protected readonly _value: import("@angular/core").WritableSignal<T | T[]>;
+    protected readonly isDisabled: import("@angular/core").WritableSignal<boolean>;
+    chipValueChange(value: T | T[]): void;
+    writeValue(value: T | T[] | null): void;
+    registerOnChange(fn: typeof this.onChange): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    private onChange;
+    private onTouched;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsChipGroupComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsChipGroupComponent<any>, "ecabs-chip-group", never, { "options": { "alias": "options"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; }, { "selectedChange": "selectedChange"; }, never, never, false, never>;
+}

package/lib/ecabs-chip-group/ecabs-chip-group.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ecabs-chip-group.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/chips";
+import * as i4 from "@angular/forms";
+export declare class EcabsChipGroupModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsChipGroupModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsChipGroupModule, [typeof i1.EcabsChipGroupComponent], [typeof i2.CommonModule, typeof i3.MatChipsModule, typeof i4.FormsModule], [typeof i1.EcabsChipGroupComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EcabsChipGroupModule>;
+}

package/lib/ecabs-date-range-picker-v2/ecabs-date-range-picker-v2.component.d.ts

@@ -37,6 +37,7 @@ export declare class EcabsDateRangePickerComponentV2 extends EcabsElementBaseCom
     maxDateFrom?: Date;
     minDateTo?: Date;
     maxDateTo?: Date;
+    protected readonly panelClass = "ecabs-date-range-picker-v2";
     private holidayInstance;
     get value(): {
         dateFrom: string;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ecabs-components",
-  "version": "1.1.56",
+  "version": "1.1.62",
   "peerDependencies": {
     "@angular/animations": "^16.2.12",
     "@angular/common": "^16.2.12",
@@ -15,10 +15,12 @@
     "flag-icons": "^6.7.0",
     "libphonenumber-js": "^1.12.6",
     "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",
-    "vanilla-text-mask": "^5.1.1"
+    "@maskito/core": "^5.0.0",
+    "@maskito/kit": "^5.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/public-api.d.ts

@@ -9,6 +9,8 @@ export * from './lib/ecabs-button-toggle/ecabs-button-toggle.component';
 export * from './lib/ecabs-button-toggle/ecabs-button-toggle.module';
 export * from './lib/ecabs-input/ecabs-input.component';
 export * from './lib/ecabs-input/ecabs-input.module';
+export * from './lib/ecabs-input-range/ecabs-input-range.component';
+export * from './lib/ecabs-input-range/ecabs-input-range.module';
 export * from './lib/ecabs-select/ecabs-select.module';
 export * from './lib/ecabs-select/ecabs-select.component';
 export * from './lib/ecabs-select-v2/ecabs-select-v2.module';
@@ -27,6 +29,8 @@ export * from './lib/base/models/select.models';
 export * from './lib/base/models/waypoint.models';
 export * from './lib/ecabs-checkbox-toggle/ecabs-checkbox-toggle.component';
 export * from './lib/ecabs-checkbox-toggle/ecabs-checkbox-toggle.module';
+export * from './lib/ecabs-checkbox-v2/ecabs-checkbox-v2.component';
+export * from './lib/ecabs-checkbox-v2/ecabs-checkbox-v2.module';
 export * from './lib/ecabs-date-picker/ecabs-date-picker.component';
 export * from './lib/ecabs-date-picker/components/ecabs-date-picker-header/ecabs-date-picker-header.component';
 export * from './lib/ecabs-date-time-picker/ecabs-date-time-picker.component';
@@ -117,6 +121,7 @@ export * from './lib/ecabs-base-phone-input/ecabs-base-phone.module';
 export * from './lib/base/services/unsubscribe.service';
 export * from './lib/base/pipes/truncate.pipe';
 export * from './lib/base/pipes/separator-append.pipe';
+export * from './lib/base/pipes/phone-number-country-code.pipe';
 export * from './lib/base/pipes/pipes.module';
 export * from './lib/ecabs-sidebar/ecabs-sidebar.module';
 export * from './lib/ecabs-sidebar/ecabs-sidebar.component';
@@ -137,6 +142,12 @@ export * from './lib/base/adapters/date.adapter';
 export * from './lib/base/consts/waypoint.consts';
 export * from './lib/ecabs-dialog-confirm-deletion/ecabs-dialog-confirm-deletion.module';
 export * from './lib/ecabs-dialog-confirm-deletion/ecabs-dialog-confirm-deletion.component';
+export * from './lib/ecabs-time-range-input-v2/ecabs-time-range-input-v2.service';
+export * from './lib/ecabs-time-range-input-v2/ecabs-time-range-input-v2.module';
+export * from './lib/ecabs-time-range-input-v2/ecabs-time-range-input-v2.component';
+export * from './lib/ecabs-chip-group/ecabs-chip-group.module';
+export * from './lib/ecabs-chip-group/ecabs-chip-group.component';
+export * from './lib/ecabs-chip-autocomplete/ecabs-chip-autocomplete.component';
 export * from './lib/ecabs-date-range-picker-v2/ecabs-date-range-picker-v2.module';
 export * from './lib/ecabs-date-range-picker-v2/ecabs-date-range-picker-v2.component';
 export * from './lib/ecabs-date-range-picker-v2/components/ecabs-date-range-picker-header/ecabs-date-range-picker-header-v2.component';

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

@@ -9,3 +9,22 @@
     }
   }
 }
+
+ecabs-chip-autocomplete {
+  input.mat-mdc-chip-input {
+    margin-left: unset;
+    border-radius: calc-rem($border-radius-large);
+  }
+}
+
+.ecabs-chip-autocomplete-overlay-panel {
+  &.mat-mdc-autocomplete-panel {
+    box-shadow: $box-shadow-default;
+    border-radius: calc-rem($border-radius-large);
+    border-top: 0;
+
+    max-height: calc((var(--autocomplete-visible-options, 8.5) * var(--mat-option-height, 48px)) + 10px);
+    overflow-y: auto;
+    overflow-x: hidden;
+  }
+}

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

@@ -147,3 +147,83 @@
 .mdc-evolution-chip.mat-mdc-standard-chip[ng-reflect-disable-ripple]:not(.mdc-evolution-chip--disabled):active {
   box-shadow: none;
 }
+
+//V2 styles
+ecabs-chip-group {
+  .mat-mdc-chip-listbox {
+    display: flex;
+    flex-wrap: wrap;
+    gap: calc-rem(8px);
+
+    .mat-mdc-chip {
+      --mdc-chip-elevated-container-color: var(--color-white);
+      --mdc-chip-label-text-color: var(--color-gray-600);
+      --mdc-chip-label-text-size: #{$font-size-xs};
+      --mdc-chip-label-text-weight: #{$font-weight-medium};
+      --mdc-chip-elevated-selected-container-color: var(--color-brand-dark);
+      --mdc-chip-selected-label-text-color: var(--color-white);
+
+      border-radius: calc-rem($border-radius-medium);
+      border: 1px solid var(--color-gray-200);
+
+      &:hover {
+        border-color: var(--color-gray-300);
+      }
+    }
+
+    .mat-mdc-chip.mdc-evolution-chip--selected {
+      border-color: transparent;
+
+      .mdc-evolution-chip__action {
+        color: var(--mdc-chip-selected-label-text-color);
+      }
+    }
+
+    .mat-mdc-chip.mdc-evolution-chip--disabled {
+      opacity: 0.6;
+      cursor: not-allowed;
+    }
+
+    .mat-mdc-chip .mat-mdc-chip-graphic {
+      display: none;
+    }
+
+    .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary {
+      padding: 0;
+    }
+
+    .mat-mdc-chip .mdc-chip__ripple,
+    .mat-mdc-chip .mat-ripple {
+      display: none;
+    }
+  }
+}
+
+ecabs-chip-autocomplete {
+  .mat-mdc-chip-grid {
+    .mat-mdc-chip {
+      --mdc-chip-elevated-container-color: var(--color-gray-100);
+      --mdc-chip-label-text-color: var(--color-gray-600);
+      --mdc-chip-label-text-size: #{$font-size-xs};
+      --mdc-chip-label-text-weight: #{$font-weight-medium};
+      --mdc-chip-elevated-selected-container-color: var(--color-brand-dark);
+      --mdc-chip-selected-label-text-color: var(--color-white);
+      --mdc-chip-container-height: #{calc-rem(28px)};
+      --mdc-chip-with-trailing-icon-trailing-icon-color: var(--color-gray-600);
+      --mdc-chip-with-avatar-avatar-shape-radius: 0;
+
+      border-radius: calc-rem($border-radius-medium);
+      padding-left: unset;
+      padding-right: unset;
+    }
+  }
+
+  .mat-mdc-standard-chip .mdc-evolution-chip__icon--trailing {
+    width: calc-rem(14px);
+    height: calc-rem(14px);
+  }
+
+  .mdc-evolution-chip-set .mdc-evolution-chip {
+    margin-top: 0;
+  }
+}