ca-components 1.2.25 → 1.3.0

package/lib/components/ca-chart/enums/{chart-types.enum.d.ts → e-chart-types.enum.d.ts}

@@ -1,4 +1,4 @@
-export declare const enum ChartTypesStringEnum {
+export declare const enum eChartTypesString {
     LINE = "line",
     BAR = "bar",
     DOUGHNUT = "doughnut"

package/lib/components/ca-chart/enums/index.d.ts

@@ -1,4 +1,4 @@
-export * from './chart-types.enum';
+export * from './e-chart-types.enum';
 export * from './cubic-interpolation-mode.enum';
 export * from './chart-colors.enum';
 export * from './chart-plugin-ids.enum';

package/lib/components/ca-input/config/ca-input.config.d.ts

@@ -35,7 +35,7 @@ export interface ICaInputWithDropdown {
     remove?: boolean;
 }
 export interface ICaInput {
-    id?: number | string;
+    id?: number;
     name: string;
     type: string;
     label?: string;
@@ -134,8 +134,6 @@ export interface ICaInput {
     };
     defaultValue?: string;
     isDropdown?: boolean;
-    isAddress?: boolean;
-    searchinGroupIndex?: string;
     dropdownWidthClass?: string;
     dropdownImageInput?: ICaInputWithDropdown | null;
     isInvalidSearchInDropdown?: boolean;

package/lib/components/ca-input/input-test/input-test.component.d.ts

@@ -1,5 +1,5 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
-import { AbstractControl, ControlValueAccessor, NgControl } from '@angular/forms';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { ICaInput } from '../config';
 import { InputChangeValue, InputSvgRoutes } from '../utils';
 import { CommandsEvent, LabelColor } from '../models';
@@ -81,7 +81,6 @@ export declare class InputTestComponent extends InputTestComponent_base implemen
     _inputConfig: ICaInput;
     inputSvgRoutes: typeof InputSvgRoutes;
     inputElement: ElementRef;
-    parentControl: AbstractControl<any, any> | null;
     selectedDropdownLabelColor: LabelColor | null;
     template: string;
     incorrectValue: boolean;
@@ -108,7 +107,7 @@ export declare class InputTestComponent extends InputTestComponent_base implemen
     get inputConfig(): ICaInput;
     constructor(ngControl: NgControl, chdet: ChangeDetectorRef, maskApplier: NgxMaskService, thousandSeparatorPipe: ThousandSeparatorPipe);
     ngAfterViewInit(): void;
-    get control(): AbstractControl<any, any> | null;
+    get control(): import("@angular/forms").AbstractControl<any, any> | null;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: () => void): void;
     writeValue(obj: InputChangeValue): void;
@@ -125,6 +124,6 @@ export declare class InputTestComponent extends InputTestComponent_base implemen
     identify(index: number): number;
     handleKeyDown(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputTestComponent, [{ optional: true; self: true; }, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputTestComponent, "ca-input-test", never, { "parentControl": { "alias": "parentControl"; "required": false; }; "selectedDropdownLabelColor": { "alias": "selectedDropdownLabelColor"; "required": false; }; "template": { "alias": "template"; "required": false; }; "incorrectValue": { "alias": "incorrectValue"; "required": false; }; "inputConfig": { "alias": "inputConfig"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; }, { "handleToggleDropdownOptions": "handleToggleDropdownOptions"; "incorrectInput": "incorrectEvent"; "blurInput": "blurInput"; "focusInputEvent": "focusInput"; "changeInput": "change"; "commandEvent": "commandEvent"; "clearInputEvent": "clear"; "showHideDropdownEvent": "showHideDropdown"; "dropDownKeyNavigationEvent": "dropDownKeyNavigation"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputTestComponent, "ca-input-test", never, { "selectedDropdownLabelColor": { "alias": "selectedDropdownLabelColor"; "required": false; }; "template": { "alias": "template"; "required": false; }; "incorrectValue": { "alias": "incorrectValue"; "required": false; }; "inputConfig": { "alias": "inputConfig"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; }, { "handleToggleDropdownOptions": "handleToggleDropdownOptions"; "incorrectInput": "incorrectEvent"; "blurInput": "blurInput"; "focusInputEvent": "focusInput"; "changeInput": "change"; "commandEvent": "commandEvent"; "clearInputEvent": "clear"; "showHideDropdownEvent": "showHideDropdown"; "dropDownKeyNavigationEvent": "dropDownKeyNavigation"; }, never, never, true, never>;
 }
 export {};

package/lib/components/ca-input-address-dropdown/ca-input-address-dropdown.component.d.ts

@@ -1,6 +1,5 @@
 import { FormControl } from '@angular/forms';
-import { EventEmitter, OnDestroy, OnInit, ChangeDetectorRef, AfterContentInit } from '@angular/core';
-import { Observable } from 'rxjs';
+import { EventEmitter, OnDestroy, OnInit, ChangeDetectorRef } from '@angular/core';
 import { UntypedFormGroup, NgControl, ControlValueAccessor } from '@angular/forms';
 import { ICaInput } from '../ca-input/config/ca-input.config';
 import { CaInputDropdownComponent } from '../ca-input-dropdown/ca-input-dropdown.component';
@@ -11,11 +10,12 @@ import { InputAddressCommandsString } from './models/input-address-commands-stri
 import { SentAddressData } from './models/sent-address-data.model';
 import { AddressListResponse } from '../../models/address-list-response.model';
 import * as i0 from "@angular/core";
-export declare class CaInputAddressDropdownComponent implements OnInit, ControlValueAccessor, OnDestroy, AfterContentInit {
+export declare class CaInputAddressDropdownComponent implements OnInit, ControlValueAccessor, OnDestroy {
     superControl: NgControl;
     private ref;
     inputDropdown: CaInputDropdownComponent;
     set placeholderType(value: string);
+    set activeAddress(value: AddressList | null);
     set receivedAddressData(value: AddressData | null);
     set receivedAddressList(value: AddressListResponse | null);
     sentAddressValue: EventEmitter<string>;
@@ -41,19 +41,15 @@ export declare class CaInputAddressDropdownComponent implements OnInit, ControlV
     stopType: string;
     private requestSent;
     _receivedAddressList: AddressListResponse | null;
+    _activeAddress: AddressList | null;
     private destroy$;
     addressForm: UntypedFormGroup;
     constructor(superControl: NgControl, ref: ChangeDetectorRef);
-    ngAfterContentInit(): void;
-    writeValue(address: any): void;
+    writeValue(_: any): void;
     registerOnChange(fn: any): void;
     onChange(_: any): void;
     registerOnTouched(_: any): void;
     ngOnInit(): void;
-    attachAddressStreetValidation(): void;
-    private observableInputSearch;
-    observableInputSearch$: Observable<string>;
-    handleSearchInput(text: string): void;
     initChangesListener(): void;
     get getSuperControl(): FormControl;
     onCloseDropdown(event: boolean): void;
@@ -70,5 +66,5 @@ export declare class CaInputAddressDropdownComponent implements OnInit, ControlV
     private checkAddressValidation;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CaInputAddressDropdownComponent, [{ self: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CaInputAddressDropdownComponent, "app-ca-input-address-dropdown", never, { "placeholderType": { "alias": "placeholderType"; "required": false; }; "receivedAddressData": { "alias": "receivedAddressData"; "required": false; }; "receivedAddressList": { "alias": "receivedAddressList"; "required": false; }; "inputConfig": { "alias": "inputConfig"; "required": false; }; "commandHandler": { "alias": "commandHandler"; "required": false; }; "isRouting": { "alias": "isRouting"; "required": false; }; "closedBorder": { "alias": "closedBorder"; "required": false; }; "incorrectValue": { "alias": "incorrectValue"; "required": false; }; "hideEmptyLoaded": { "alias": "hideEmptyLoaded"; "required": false; }; }, { "sentAddressValue": "sentAddressValue"; "selectedAddress": "selectedAddress"; "sentAddressData": "sentAddressData"; "closeDropdown": "closeDropdown"; "commandEvent": "commandEvent"; "changeFlag": "changeFlag"; "incorrectEvent": "incorrectEvent"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CaInputAddressDropdownComponent, "app-ca-input-address-dropdown", never, { "placeholderType": { "alias": "placeholderType"; "required": false; }; "activeAddress": { "alias": "activeAddress"; "required": false; }; "receivedAddressData": { "alias": "receivedAddressData"; "required": false; }; "receivedAddressList": { "alias": "receivedAddressList"; "required": false; }; "inputConfig": { "alias": "inputConfig"; "required": false; }; "commandHandler": { "alias": "commandHandler"; "required": false; }; "isRouting": { "alias": "isRouting"; "required": false; }; "closedBorder": { "alias": "closedBorder"; "required": false; }; "incorrectValue": { "alias": "incorrectValue"; "required": false; }; "hideEmptyLoaded": { "alias": "hideEmptyLoaded"; "required": false; }; "addresList": { "alias": "addresList"; "required": false; }; }, { "sentAddressValue": "sentAddressValue"; "selectedAddress": "selectedAddress"; "sentAddressData": "sentAddressData"; "closeDropdown": "closeDropdown"; "commandEvent": "commandEvent"; "changeFlag": "changeFlag"; "incorrectEvent": "incorrectEvent"; }, never, never, true, never>;
 }

package/lib/components/ca-input-dropdown/ca-input-dropdown.component.d.ts

@@ -1,40 +1,33 @@
 import { ChangeDetectorRef, Renderer2 } from '@angular/core';
-import { AfterViewInit, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
 import { NgbPopover } from '@ng-bootstrap/ng-bootstrap';
 import { ICaInput } from '../ca-input/config';
-import { ControlValueAccessor, FormControl, NgControl } from '@angular/forms';
+import { CaInputComponent } from '../ca-input/ca-input.component';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { CommandsEvent } from '../ca-input/models';
 import { OptionModel } from './models/input-dropdown-option.model';
+import { ImageBase64Service } from '../../services/image-base64.service';
 import { InputDropdownSvgRoutes } from './utils/svg-routes/input-dropdown-svg-routes';
 import { DropdownTemplateTypeEnum } from './enums';
-import { EventInputManager } from '../ca-input/base-classes/ca-input-event-manager';
-import { InputTestComponent } from '../ca-input/input-test/input-test.component';
 import * as i0 from "@angular/core";
-export declare class CaInputDropdownComponent implements OnInit, AfterViewInit, OnDestroy, ControlValueAccessor, AfterViewInit {
+export declare class CaInputDropdownComponent implements OnInit, AfterViewInit, OnChanges, OnDestroy, ControlValueAccessor {
     superControl: NgControl;
+    imageBase64Service: ImageBase64Service;
     private cdRef;
     private renderer;
-    inputRef: InputTestComponent;
+    inputRef: CaInputComponent;
     popoverRef: NgbPopover;
-    dropdownComponentRef: any;
-    label: keyof OptionModel;
-    optionValue: string;
-    inputHoveredItem: number;
-    dropDownIsOpen: boolean;
     _template: string;
     _canAddNew: boolean;
     set template(value: string);
     multiselectTemplate: string;
     inputConfig: ICaInput;
     set canAddNew(value: boolean);
-    get canAddNew(): boolean;
     canOpenModal: boolean;
     _sort: string;
     set sort(value: string);
-    get sort(): string;
     _activeItem: OptionModel | null;
     set activeItem(value: OptionModel | null);
-    get activeItem(): OptionModel | null;
     activeItemColor: OptionModel | null;
     labelMode: 'Label' | 'Color';
     _options: OptionModel[];
@@ -42,7 +35,6 @@ export declare class CaInputDropdownComponent implements OnInit, AfterViewInit,
     set preloadMultiselectItems(values: OptionModel[]);
     isDetailsPages: boolean;
     isIncorrectValue: boolean;
-    isAddressDropdown: boolean;
     selectedItem: EventEmitter<OptionModel | null>;
     selectedItems: EventEmitter<OptionModel[] | null>;
     selectedItemColor: EventEmitter<OptionModel | null>;
@@ -57,8 +49,6 @@ export declare class CaInputDropdownComponent implements OnInit, AfterViewInit,
     paginationEvent: EventEmitter<number>;
     activeGroupEvent: EventEmitter<OptionModel>;
     clearInputEvent: EventEmitter<boolean>;
-    searchInputEvent: EventEmitter<string>;
-    searchInputText: EventInputManager<string>;
     originalOptions: OptionModel[];
     paginationNumber: number;
     multiselectItems: OptionModel[];
@@ -72,16 +62,13 @@ export declare class CaInputDropdownComponent implements OnInit, AfterViewInit,
     inputDropdownSvgRoutes: typeof InputDropdownSvgRoutes;
     dropdownTemplateTypeEnum: typeof DropdownTemplateTypeEnum;
     private destroy$;
-    constructor(superControl: NgControl, cdRef: ChangeDetectorRef, renderer: Renderer2);
+    constructor(superControl: NgControl, imageBase64Service: ImageBase64Service, cdRef: ChangeDetectorRef, renderer: Renderer2);
     get getSuperControl(): import("@angular/forms").AbstractControl<any, any> | null;
-    inputFormControl: FormControl;
-    lastValidOption: OptionModel;
-    writeValue(value: any): void;
-    onTouched: () => void;
-    onChange(_: any): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: () => void): void;
+    writeValue(_: any): void;
+    registerOnChange(_: any): void;
+    registerOnTouched(_: any): void;
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     onScrollDropdown(event: EventTarget | null): void;
     onActiveItem(option: OptionModel, group?: any): void;
@@ -100,26 +87,22 @@ export declare class CaInputDropdownComponent implements OnInit, AfterViewInit,
     toggleNestedList(option: OptionModel): void;
     onBlurInput(event: boolean): void;
     onClearInputEvent(event: boolean): void;
-    handleHiddenDropdown(): void;
-    handleOpenDropdown(): void;
     showHideDropdown(action: boolean): void;
-    getMainGroup(): OptionModel[];
     dropDownKeyNavigation({ keyCode, data, }: {
         keyCode: number;
         data: any;
     }): void;
-    setDropdownValue(option: OptionModel, optionValue?: string, label?: string): void;
     onMultiselectSelect(option: OptionModel): void;
     removeMultiSelectItem(index: number): void;
     deleteAllMultiSelectItems(currentLabel?: string): void;
     toggleMultiselectDropdown(): void;
-    dropdownValue: string | undefined;
-    setControlValue(value?: string, dropdownInputValue?: string): void;
+    private pickupElementWithKeyboard;
+    private search;
     /**
      * Navigate through dropdown with keyboard arrows
      */
     private dropdownNavigation;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CaInputDropdownComponent, [{ self: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CaInputDropdownComponent, "app-ca-input-dropdown", never, { "label": { "alias": "label"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "template": { "alias": "template"; "required": false; }; "multiselectTemplate": { "alias": "multiselectTemplate"; "required": false; }; "inputConfig": { "alias": "inputConfig"; "required": false; }; "canAddNew": { "alias": "canAddNew"; "required": false; }; "canOpenModal": { "alias": "canOpenModal"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "activeItemColor": { "alias": "activeItemColor"; "required": false; }; "labelMode": { "alias": "labelMode"; "required": false; }; "options": { "alias": "options"; "required": false; }; "preloadMultiselectItems": { "alias": "preloadMultiselectItems"; "required": false; }; "isDetailsPages": { "alias": "isDetailsPages"; "required": false; }; "isIncorrectValue": { "alias": "isIncorrectValue"; "required": false; }; "isAddressDropdown": { "alias": "isAddressDropdown"; "required": false; }; }, { "selectedItem": "selectedItem"; "selectedItems": "selectedItems"; "selectedItemColor": "selectedItemColor"; "selectedLabelMode": "selectedLabelMode"; "closeDropdown": "closeDropdown"; "saveItem": "saveItem"; "incorrectEvent": "incorrectEvent"; "placeholderIconEvent": "placeholderIconEvent"; "paginationEvent": "pagination"; "activeGroupEvent": "activeGroup"; "clearInputEvent": "clearInputEvent"; "searchInputEvent": "searchInputEvent"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CaInputDropdownComponent, [{ self: true; }, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CaInputDropdownComponent, "app-ca-input-dropdown", never, { "template": { "alias": "template"; "required": false; }; "multiselectTemplate": { "alias": "multiselectTemplate"; "required": false; }; "inputConfig": { "alias": "inputConfig"; "required": false; }; "canAddNew": { "alias": "canAddNew"; "required": false; }; "canOpenModal": { "alias": "canOpenModal"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "activeItemColor": { "alias": "activeItemColor"; "required": false; }; "labelMode": { "alias": "labelMode"; "required": false; }; "options": { "alias": "options"; "required": false; }; "preloadMultiselectItems": { "alias": "preloadMultiselectItems"; "required": false; }; "isDetailsPages": { "alias": "isDetailsPages"; "required": false; }; "isIncorrectValue": { "alias": "isIncorrectValue"; "required": false; }; }, { "selectedItem": "selectedItem"; "selectedItems": "selectedItems"; "selectedItemColor": "selectedItemColor"; "selectedLabelMode": "selectedLabelMode"; "closeDropdown": "closeDropdown"; "saveItem": "saveItem"; "incorrectEvent": "incorrectEvent"; "placeholderIconEvent": "placeholderIconEvent"; "paginationEvent": "pagination"; "activeGroupEvent": "activeGroup"; "clearInputEvent": "clearInputEvent"; }, never, never, true, never>;
 }

package/lib/components/ca-input-dropdown/components/ca-input-dropdown-default-template/ca-input-dropdown-default-template.component.d.ts

@@ -1,20 +1,17 @@
-import { ElementRef, EventEmitter, QueryList } from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
 import { ICaInput } from '../../../ca-input/config';
 import { OptionModel } from '../../models/input-dropdown-option.model';
 import * as i0 from "@angular/core";
 export declare class CaInputDropdownDefaultTemplateComponent {
-    dropdownOption: QueryList<ElementRef>;
     options: OptionModel[];
     activeItem: OptionModel | null;
-    searchText: string;
+    getSuperControl: AbstractControl<any, any> | null;
     inputConfig: ICaInput;
-    label: keyof OptionModel;
-    set inputHoveredItem(val: number);
-    _inputHoveredItem: number;
-    get inputHoveredItem(): number;
     onActiveItem: EventEmitter<OptionModel>;
     constructor();
+    identity(index: number, item: OptionModel): number | undefined;
     onActiveItemEmit(option: OptionModel): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CaInputDropdownDefaultTemplateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CaInputDropdownDefaultTemplateComponent, "app-ca-input-dropdown-default-template", never, { "options": { "alias": "options"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "searchText": { "alias": "searchText"; "required": false; }; "inputConfig": { "alias": "inputConfig"; "required": false; }; "label": { "alias": "label"; "required": false; }; "inputHoveredItem": { "alias": "inputHoveredItem"; "required": false; }; }, { "onActiveItem": "onActiveItem"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CaInputDropdownDefaultTemplateComponent, "app-ca-input-dropdown-default-template", never, { "options": { "alias": "options"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "getSuperControl": { "alias": "getSuperControl"; "required": false; }; "inputConfig": { "alias": "inputConfig"; "required": false; }; }, { "onActiveItem": "onActiveItem"; }, never, never, true, never>;
 }

package/lib/components/ca-input-dropdown/components/ca-input-dropdown-details-template/ca-input-dropdown-details-template.component.d.ts

@@ -1,22 +1,19 @@
-import { ElementRef, EventEmitter, QueryList } from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
 import { OptionModel } from '../../models/input-dropdown-option.model';
 import { InputDropdownSvgRoutes } from '../../utils/svg-routes/input-dropdown-svg-routes';
 import * as i0 from "@angular/core";
 export declare class CaInputDropdownDetailsTemplateComponent {
     options: OptionModel[];
     activeItem: OptionModel | null;
-    searchText: string;
+    getSuperControl: AbstractControl<any, any> | null;
     sort: string;
-    label: keyof OptionModel;
     onActiveItem: EventEmitter<OptionModel>;
-    dropdownOption: QueryList<ElementRef>;
-    set inputHoveredItem(val: number);
-    _inputHoveredItem: number;
-    get inputHoveredItem(): number;
     hoveringIndex: number;
     inputDropdownSvgRoutes: typeof InputDropdownSvgRoutes;
     constructor();
+    identity(index: number, item: OptionModel): number | undefined;
     onActiveItemEmit(option: OptionModel): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CaInputDropdownDetailsTemplateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CaInputDropdownDetailsTemplateComponent, "app-ca-input-dropdown-details-template", never, { "options": { "alias": "options"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "searchText": { "alias": "searchText"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "label": { "alias": "label"; "required": false; }; "inputHoveredItem": { "alias": "inputHoveredItem"; "required": false; }; }, { "onActiveItem": "onActiveItem"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CaInputDropdownDetailsTemplateComponent, "app-ca-input-dropdown-details-template", never, { "options": { "alias": "options"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "getSuperControl": { "alias": "getSuperControl"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; }, { "onActiveItem": "onActiveItem"; }, never, never, true, never>;
 }

package/lib/components/ca-input-dropdown/components/ca-input-dropdown-dispatch/ca-input-dropdown-dispatch.component.d.ts

@@ -1,19 +1,16 @@
-import { ElementRef, EventEmitter, QueryList } from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
 import { OptionModel } from '../../models/input-dropdown-option.model';
 import * as i0 from "@angular/core";
 export declare class CaInputDropdownDispatchComponent {
     options: OptionModel[];
     activeItem: OptionModel | null;
-    searchText: string;
-    label: keyof OptionModel;
-    dropdownOption: QueryList<ElementRef>;
-    set inputHoveredItem(val: number);
-    _inputHoveredItem: number;
-    get inputHoveredItem(): number;
+    getSuperControl: AbstractControl<any, any> | null;
     onActiveItem: EventEmitter<OptionModel>;
     hoveredOption: number;
     constructor();
+    identity(index: number, item: OptionModel): number | undefined;
     onActiveItemEmit(option: OptionModel): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CaInputDropdownDispatchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CaInputDropdownDispatchComponent, "app-ca-input-dropdown-dispatch", never, { "options": { "alias": "options"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "searchText": { "alias": "searchText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "inputHoveredItem": { "alias": "inputHoveredItem"; "required": false; }; }, { "onActiveItem": "onActiveItem"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CaInputDropdownDispatchComponent, "app-ca-input-dropdown-dispatch", never, { "options": { "alias": "options"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "getSuperControl": { "alias": "getSuperControl"; "required": false; }; }, { "onActiveItem": "onActiveItem"; }, never, never, true, never>;
 }

package/lib/components/ca-input-dropdown/components/ca-input-dropdown-double-text-template/ca-input-dropdown-double-text-template.component.d.ts

@@ -1,20 +1,17 @@
-import { ElementRef, EventEmitter, QueryList } from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
 import { OptionModel } from '../../models/input-dropdown-option.model';
 import { InputDropdownSvgRoutes } from '../../utils/svg-routes/input-dropdown-svg-routes';
 import * as i0 from "@angular/core";
 export declare class CaInputDropdownDoubleTextTemplateComponent {
     options: OptionModel[];
     activeItem: OptionModel | null;
-    searchText: string;
-    label: keyof OptionModel;
-    dropdownOption: QueryList<ElementRef>;
-    set inputHoveredItem(val: number);
-    _inputHoveredItem: number;
-    get inputHoveredItem(): number;
+    getSuperControl: AbstractControl<any, any> | null;
     onActiveItem: EventEmitter<OptionModel>;
     inputDropdownSvgRoutes: typeof InputDropdownSvgRoutes;
     constructor();
+    identity(index: number, item: OptionModel): number | undefined;
     onActiveItemEmit(option: OptionModel): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CaInputDropdownDoubleTextTemplateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CaInputDropdownDoubleTextTemplateComponent, "app-ca-input-dropdown-double-text-template", never, { "options": { "alias": "options"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "searchText": { "alias": "searchText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "inputHoveredItem": { "alias": "inputHoveredItem"; "required": false; }; }, { "onActiveItem": "onActiveItem"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CaInputDropdownDoubleTextTemplateComponent, "app-ca-input-dropdown-double-text-template", never, { "options": { "alias": "options"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "getSuperControl": { "alias": "getSuperControl"; "required": false; }; }, { "onActiveItem": "onActiveItem"; }, never, never, true, never>;
 }

package/lib/components/ca-input-dropdown/components/ca-input-dropdown-fuel-franchise/ca-input-dropdown-fuel-franchise.component.d.ts

@@ -1,16 +1,12 @@
-import { ElementRef, EventEmitter, QueryList } from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
 import { OptionModel } from '../../models/input-dropdown-option.model';
 import { InputDropdownSvgRoutes } from '../../utils/svg-routes/input-dropdown-svg-routes';
 import * as i0 from "@angular/core";
 export declare class CaInputDropdownFuelFranchiseComponent {
     options: OptionModel[];
     activeItem: OptionModel | null;
-    searchText: string;
-    label: keyof OptionModel;
-    dropdownOption: QueryList<ElementRef>;
-    set inputHoveredItem(val: number);
-    _inputHoveredItem: number;
-    get inputHoveredItem(): number;
+    getSuperControl: AbstractControl<any, any> | null;
     toggleNestedList: EventEmitter<OptionModel>;
     onActiveItem: EventEmitter<OptionModel>;
     onActiveItemGroup: EventEmitter<{
@@ -19,9 +15,10 @@ export declare class CaInputDropdownFuelFranchiseComponent {
     }>;
     inputDropdownSvgRoutes: typeof InputDropdownSvgRoutes;
     constructor();
+    identity(index: number, item: OptionModel): number | undefined;
     onActiveItemGroupEmit(option: OptionModel, store: any): void;
     onActiveItemEmit(option: OptionModel): void;
     toggleNestedListEmit(option: OptionModel): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CaInputDropdownFuelFranchiseComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CaInputDropdownFuelFranchiseComponent, "app-ca-input-dropdown-fuel-franchise", never, { "options": { "alias": "options"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "searchText": { "alias": "searchText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "inputHoveredItem": { "alias": "inputHoveredItem"; "required": false; }; }, { "toggleNestedList": "toggleNestedList"; "onActiveItem": "onActiveItem"; "onActiveItemGroup": "onActiveItemGroup"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CaInputDropdownFuelFranchiseComponent, "app-ca-input-dropdown-fuel-franchise", never, { "options": { "alias": "options"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "getSuperControl": { "alias": "getSuperControl"; "required": false; }; }, { "toggleNestedList": "toggleNestedList"; "onActiveItem": "onActiveItem"; "onActiveItemGroup": "onActiveItemGroup"; }, never, never, true, never>;
 }

package/lib/components/ca-input-dropdown/components/ca-input-dropdown-groups/ca-input-dropdown-groups.component.d.ts

@@ -1,18 +1,15 @@
-import { ElementRef, EventEmitter, QueryList } from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
 import { OptionModel } from '../../models/input-dropdown-option.model';
 import * as i0 from "@angular/core";
 export declare class CaInputDropdownGroupsComponent {
     options: OptionModel[];
     activeItem: OptionModel | null;
-    searchText: string;
-    label: keyof OptionModel;
-    dropdownOption: QueryList<ElementRef>;
-    set inputHoveredItem(val: number);
-    _inputHoveredItem: number;
-    get inputHoveredItem(): number;
+    getSuperControl: AbstractControl<any, any> | null;
     onActiveItem: EventEmitter<OptionModel>;
     constructor();
+    identity(index: number, item: OptionModel): number | undefined;
     onActiveItemEmit(option: OptionModel): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CaInputDropdownGroupsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CaInputDropdownGroupsComponent, "app-ca-input-dropdown-groups", never, { "options": { "alias": "options"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "searchText": { "alias": "searchText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "inputHoveredItem": { "alias": "inputHoveredItem"; "required": false; }; }, { "onActiveItem": "onActiveItem"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CaInputDropdownGroupsComponent, "app-ca-input-dropdown-groups", never, { "options": { "alias": "options"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "getSuperControl": { "alias": "getSuperControl"; "required": false; }; }, { "onActiveItem": "onActiveItem"; }, never, never, true, never>;
 }

package/lib/components/ca-input-dropdown/components/ca-input-dropdown-labels/ca-input-dropdown-labels.component.d.ts

@@ -1,4 +1,5 @@
-import { ElementRef, EventEmitter, QueryList } from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
 import { OptionModel } from '../../models/input-dropdown-option.model';
 import { ICaInput } from '../../../ca-input/config';
 import { InputDropdownSvgRoutes } from '../../utils/svg-routes/input-dropdown-svg-routes';
@@ -6,19 +7,15 @@ import * as i0 from "@angular/core";
 export declare class CaInputDropdownLabelsComponent {
     options: OptionModel[];
     activeItem: OptionModel | null;
-    searchText: string;
+    getSuperControl: AbstractControl<any, any> | null;
     inputConfig: ICaInput;
     labelMode: 'Label' | 'Color';
     canAddNew: boolean;
-    label: keyof OptionModel;
     onActiveItem: EventEmitter<OptionModel>;
-    dropdownOption: QueryList<ElementRef>;
-    set inputHoveredItem(val: number);
-    _inputHoveredItem: number;
-    get inputHoveredItem(): number;
     inputDropdownSvgRoutes: typeof InputDropdownSvgRoutes;
     constructor();
+    identity(index: number, item: OptionModel): number | undefined;
     onActiveItemEmit(option: OptionModel): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CaInputDropdownLabelsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CaInputDropdownLabelsComponent, "app-ca-input-dropdown-labels", never, { "options": { "alias": "options"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "searchText": { "alias": "searchText"; "required": false; }; "inputConfig": { "alias": "inputConfig"; "required": false; }; "labelMode": { "alias": "labelMode"; "required": false; }; "canAddNew": { "alias": "canAddNew"; "required": false; }; "label": { "alias": "label"; "required": false; }; "inputHoveredItem": { "alias": "inputHoveredItem"; "required": false; }; }, { "onActiveItem": "onActiveItem"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CaInputDropdownLabelsComponent, "app-ca-input-dropdown-labels", never, { "options": { "alias": "options"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "getSuperControl": { "alias": "getSuperControl"; "required": false; }; "inputConfig": { "alias": "inputConfig"; "required": false; }; "labelMode": { "alias": "labelMode"; "required": false; }; "canAddNew": { "alias": "canAddNew"; "required": false; }; }, { "onActiveItem": "onActiveItem"; }, never, never, true, never>;
 }

package/lib/components/ca-input-dropdown/components/ca-input-dropdown-load-broker/ca-input-dropdown-load-broker.component.d.ts

@@ -1,18 +1,15 @@
-import { ElementRef, EventEmitter, QueryList } from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
 import { OptionModel } from '../../models/input-dropdown-option.model';
 import * as i0 from "@angular/core";
 export declare class CaInputDropdownLoadBrokerComponent {
     options: OptionModel[];
     activeItem: OptionModel | null;
-    searchText: string;
-    label: keyof OptionModel;
-    dropdownOption: QueryList<ElementRef>;
-    set inputHoveredItem(val: number);
-    _inputHoveredItem: number;
-    get inputHoveredItem(): number;
+    getSuperControl: AbstractControl<any, any> | null;
     onActiveItem: EventEmitter<OptionModel>;
     constructor();
+    identity(index: number, item: OptionModel): number | undefined;
     onActiveItemEmit(option: OptionModel): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CaInputDropdownLoadBrokerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CaInputDropdownLoadBrokerComponent, "app-ca-input-dropdown-load-broker", never, { "options": { "alias": "options"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "searchText": { "alias": "searchText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "inputHoveredItem": { "alias": "inputHoveredItem"; "required": false; }; }, { "onActiveItem": "onActiveItem"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CaInputDropdownLoadBrokerComponent, "app-ca-input-dropdown-load-broker", never, { "options": { "alias": "options"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "getSuperControl": { "alias": "getSuperControl"; "required": false; }; }, { "onActiveItem": "onActiveItem"; }, never, never, true, never>;
 }

package/lib/components/ca-input-dropdown/components/ca-input-dropdown-load-broker-contact/ca-input-dropdown-load-broker-contact.component.d.ts

@@ -1,18 +1,15 @@
-import { ElementRef, EventEmitter, QueryList } from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
 import { OptionModel } from '../../models/input-dropdown-option.model';
 import * as i0 from "@angular/core";
 export declare class CaInputDropdownLoadBrokerContactComponent {
     options: OptionModel[];
     activeItem: OptionModel | null;
-    searchText: string;
-    label: keyof OptionModel;
-    dropdownOption: QueryList<ElementRef>;
-    set inputHoveredItem(val: number);
-    _inputHoveredItem: number;
-    get inputHoveredItem(): number;
+    getSuperControl: AbstractControl<any, any> | null;
     onActiveItem: EventEmitter<OptionModel>;
     constructor();
+    identity(index: number, item: OptionModel): number | undefined;
     onActiveItemEmit(option: OptionModel): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CaInputDropdownLoadBrokerContactComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CaInputDropdownLoadBrokerContactComponent, "app-ca-input-dropdown-load-broker-contact", never, { "options": { "alias": "options"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "searchText": { "alias": "searchText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "inputHoveredItem": { "alias": "inputHoveredItem"; "required": false; }; }, { "onActiveItem": "onActiveItem"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CaInputDropdownLoadBrokerContactComponent, "app-ca-input-dropdown-load-broker-contact", never, { "options": { "alias": "options"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "getSuperControl": { "alias": "getSuperControl"; "required": false; }; }, { "onActiveItem": "onActiveItem"; }, never, never, true, never>;
 }

package/lib/components/ca-input-dropdown/components/ca-input-dropdown-load-broker-shipper/ca-input-dropdown-load-broker-shipper.component.d.ts

@@ -1,18 +1,15 @@
-import { ElementRef, EventEmitter, QueryList } from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
 import { OptionModel } from '../../models/input-dropdown-option.model';
 import * as i0 from "@angular/core";
 export declare class CaInputDropdownLoadBrokerShipperComponent {
     options: OptionModel[];
     activeItem: OptionModel | null;
-    searchText: string;
-    label: keyof OptionModel;
-    dropdownOption: QueryList<ElementRef>;
-    set inputHoveredItem(val: number);
-    _inputHoveredItem: number;
-    get inputHoveredItem(): number;
+    getSuperControl: AbstractControl<any, any> | null;
     onActiveItem: EventEmitter<OptionModel>;
     constructor();
+    identity(index: number, item: OptionModel): number | undefined;
     onActiveItemEmit(option: OptionModel): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CaInputDropdownLoadBrokerShipperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CaInputDropdownLoadBrokerShipperComponent, "app-ca-input-dropdown-load-shipper", never, { "options": { "alias": "options"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "searchText": { "alias": "searchText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "inputHoveredItem": { "alias": "inputHoveredItem"; "required": false; }; }, { "onActiveItem": "onActiveItem"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CaInputDropdownLoadBrokerShipperComponent, "app-ca-input-dropdown-load-shipper", never, { "options": { "alias": "options"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "getSuperControl": { "alias": "getSuperControl"; "required": false; }; }, { "onActiveItem": "onActiveItem"; }, never, never, true, never>;
 }

package/lib/components/ca-input-dropdown/components/ca-input-dropdown-load-dispatcher/ca-input-dropdown-load-dispatcher.component.d.ts

@@ -1,20 +1,15 @@
-import { ElementRef, EventEmitter, QueryList } from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
 import { OptionModel } from '../../models/input-dropdown-option.model';
-import { ICaInput } from '../../../ca-input/config';
 import * as i0 from "@angular/core";
 export declare class CaInputDropdownLoadDispatcherComponent {
-    inputConfig: ICaInput;
     options: OptionModel[];
     activeItem: OptionModel | null;
-    searchText: string;
-    label: keyof OptionModel;
-    dropdownOption: QueryList<ElementRef>;
-    set inputHoveredItem(val: number);
-    _inputHoveredItem: number;
-    get inputHoveredItem(): number;
+    getSuperControl: AbstractControl<any, any> | null;
     onActiveItem: EventEmitter<OptionModel>;
     constructor();
+    identity(index: number, item: OptionModel): number | undefined;
     onActiveItemEmit(option: OptionModel): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CaInputDropdownLoadDispatcherComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CaInputDropdownLoadDispatcherComponent, "app-ca-input-dropdown-load-dispatcher", never, { "inputConfig": { "alias": "inputConfig"; "required": false; }; "options": { "alias": "options"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "searchText": { "alias": "searchText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "inputHoveredItem": { "alias": "inputHoveredItem"; "required": false; }; }, { "onActiveItem": "onActiveItem"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CaInputDropdownLoadDispatcherComponent, "app-ca-input-dropdown-load-dispatcher", never, { "options": { "alias": "options"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "getSuperControl": { "alias": "getSuperControl"; "required": false; }; }, { "onActiveItem": "onActiveItem"; }, never, never, true, never>;
 }

package/lib/components/ca-input-dropdown/components/ca-input-dropdown-load-dispatches-ttd/ca-input-dropdown-load-dispatches-ttd.component.d.ts

@@ -1,20 +1,17 @@
-import { ElementRef, EventEmitter, QueryList } from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
 import { OptionModel } from '../../models/input-dropdown-option.model';
 import { InputDropdownSvgRoutes } from '../../utils/svg-routes/input-dropdown-svg-routes';
 import * as i0 from "@angular/core";
 export declare class CaInputDropdownLoadDispatchesTtdComponent {
     options: OptionModel[];
     activeItem: OptionModel | null;
-    searchText: string;
-    label: keyof OptionModel;
-    dropdownOption: QueryList<ElementRef>;
-    set inputHoveredItem(val: number);
-    _inputHoveredItem: number;
-    get inputHoveredItem(): number;
+    getSuperControl: AbstractControl<any, any> | null;
     onActiveItem: EventEmitter<OptionModel>;
     inputDropdownSvgRoutes: typeof InputDropdownSvgRoutes;
     constructor();
+    identity(index: number, item: OptionModel): number | undefined;
     onActiveItemEmit(option: OptionModel): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CaInputDropdownLoadDispatchesTtdComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CaInputDropdownLoadDispatchesTtdComponent, "app-ca-input-dropdown-load-dispatches-ttd", never, { "options": { "alias": "options"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "searchText": { "alias": "searchText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "inputHoveredItem": { "alias": "inputHoveredItem"; "required": false; }; }, { "onActiveItem": "onActiveItem"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CaInputDropdownLoadDispatchesTtdComponent, "app-ca-input-dropdown-load-dispatches-ttd", never, { "options": { "alias": "options"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "getSuperControl": { "alias": "getSuperControl"; "required": false; }; }, { "onActiveItem": "onActiveItem"; }, never, never, true, never>;
 }