ca-components 1.1.3 → 1.1.4

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

@@ -125,6 +125,8 @@ export interface ICaInput {
         withText: boolean;
         svg: boolean;
         image: boolean;
+        iconsPath: string;
+        activeItemIconKey: string;
         url: string;
         nameInitialsInsteadUrl?: string;
         template?: string;

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

@@ -8,7 +8,24 @@ import { DropdownTemplateTypeEnum } from '../../ca-input-dropdown/enums';
 import { ThousandSeparatorPipe } from '../../../pipes';
 import { NgxMaskService } from 'ngx-mask';
 import { EventInputManager } from '../base-classes/ca-input-event-manager';
+import { OptionModel } from '../../ca-input-dropdown/models';
 import * as i0 from "@angular/core";
+declare class InputBase {
+    inputElement: ElementRef;
+    _inputConfig: ICaInput;
+    isVisibleCommands: boolean;
+    maskApplier: NgxMaskService;
+    thousandSeparatorPipe: ThousandSeparatorPipe;
+    isFocusInput: boolean;
+    isEditInput: boolean;
+    isDropdownToggler: boolean;
+    isTouchedInput: boolean;
+    setCommandEvent: EventInputManager<CommandsEvent>;
+    handleToggleDropdownOptions: EventEmitter<void>;
+    onTouched: () => void;
+    onChange(_: any): void;
+    handleChangeInputAndUpdateControl(_: InputChangeValue): void;
+}
 declare const InputTestComponent_base: {
     new (...args: any[]): {
         onCommands(e: any): void;
@@ -21,25 +38,24 @@ declare const InputTestComponent_base: {
         resetPmValue(): void;
         inputElement: ElementRef;
         _inputConfig: ICaInput;
+        onTouched: () => void;
+        onChange(_: any): void;
         handleChangeInputAndUpdateControl(_: InputChangeValue): void;
-    };
-} & {
-    new (...args: any[]): {
-        transformValue(inputConfig: ICaInput, value: InputChangeValue): any;
-        toggleDropdownOptions(): void;
-        onPlaceholderIconEvent(event: Event): void;
-        inputElement: ElementRef;
-        _inputConfig: ICaInput;
+        isVisibleCommands: boolean;
         maskApplier: NgxMaskService;
         thousandSeparatorPipe: ThousandSeparatorPipe;
         handleToggleDropdownOptions: EventEmitter<void>;
-        isDropdownToggler: boolean;
         isFocusInput: boolean;
         isEditInput: boolean;
+        isDropdownToggler: boolean;
+        isTouchedInput: boolean;
         setCommandEvent: EventInputManager<CommandsEvent>;
     };
 } & {
-    new (): {
+    new (...args: any[]): {
+        transformValue(inputConfig: ICaInput, value: InputChangeValue): any;
+        toggleDropdownOptions(): void;
+        onPlaceholderIconEvent(event: Event): void;
         inputElement: ElementRef;
         _inputConfig: ICaInput;
         onTouched: () => void;
@@ -55,7 +71,7 @@ declare const InputTestComponent_base: {
         isTouchedInput: boolean;
         setCommandEvent: EventInputManager<CommandsEvent>;
     };
-};
+} & typeof InputBase;
 export declare class InputTestComponent extends InputTestComponent_base implements ControlValueAccessor, AfterViewInit {
     ngControl: NgControl;
     chdet: ChangeDetectorRef;
@@ -69,6 +85,7 @@ export declare class InputTestComponent extends InputTestComponent_base implemen
     template: string;
     incorrectValue: boolean;
     set inputConfig(config: ICaInput);
+    activeItem: OptionModel | null;
     handleToggleDropdownOptions: EventEmitter<void>;
     incorrectInput: EventEmitter<boolean>;
     blurInput: EventEmitter<boolean>;
@@ -92,8 +109,8 @@ export declare class InputTestComponent extends InputTestComponent_base implemen
     ngAfterViewInit(): void;
     get control(): import("@angular/forms").AbstractControl<any, any> | null;
     registerOnChange(fn: any): void;
-    writeValue(obj: InputChangeValue): void;
     registerOnTouched(fn: () => void): void;
+    writeValue(obj: InputChangeValue): void;
     handleInput(event: Event): void;
     clearInput(event: Event): void;
     handleChangeInputAndUpdateControl(value: InputChangeValue): void;
@@ -107,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, { "selectedDropdownLabelColor": { "alias": "selectedDropdownLabelColor"; "required": false; }; "template": { "alias": "template"; "required": false; }; "incorrectValue": { "alias": "incorrectValue"; "required": false; }; "inputConfig": { "alias": "inputConfig"; "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/mixins/input-command.mixin.d.ts

@@ -1,13 +1,7 @@
-import { ElementRef } from '@angular/core';
 import { Constructor } from '../../../models/mixin.model';
 import { InputCommandsAction } from '../enums';
-import { InputChangeValue } from '../utils';
-import { ICaInput } from '../config';
-export declare function InputCommandMixin<T extends Constructor<{
-    inputElement: ElementRef;
-    _inputConfig: ICaInput;
-    handleChangeInputAndUpdateControl(_: InputChangeValue): void;
-}>>(Base: T): {
+import { InputBase } from '../models/base.model';
+export declare function InputCommandMixin<T extends Constructor<InputBase>>(Base: T): {
     new (...args: any[]): {
         onCommands(e: any): void;
         handleMonths(action: string): void;
@@ -17,8 +11,19 @@ export declare function InputCommandMixin<T extends Constructor<{
         handlePmIncrementDecrement(action: string): void;
         decrementIncrementDecrementPmValue(value: number, action: InputCommandsAction): number;
         resetPmValue(): void;
-        inputElement: ElementRef;
-        _inputConfig: ICaInput;
-        handleChangeInputAndUpdateControl(_: InputChangeValue): void;
+        inputElement: import("@angular/core").ElementRef;
+        _inputConfig: import("../config").ICaInput;
+        onTouched: () => void;
+        onChange(_: any): void;
+        handleChangeInputAndUpdateControl(_: import("../utils").InputChangeValue): void;
+        isVisibleCommands: boolean;
+        maskApplier: import("ngx-mask").NgxMaskService;
+        thousandSeparatorPipe: import("../../../pipes").ThousandSeparatorPipe;
+        handleToggleDropdownOptions: import("@angular/core").EventEmitter<void>;
+        isFocusInput: boolean;
+        isEditInput: boolean;
+        isDropdownToggler: boolean;
+        isTouchedInput: boolean;
+        setCommandEvent: import("../base-classes/ca-input-event-manager").EventInputManager<import("../models").CommandsEvent>;
     };
 } & T;

package/lib/components/ca-input/mixins/input-helper.mixin.d.ts

@@ -1,34 +1,25 @@
-import { ElementRef, EventEmitter } from '@angular/core';
 import { Constructor } from '../../../models/mixin.model';
 import { ICaInput } from '../config';
 import { InputChangeValue } from '../utils';
-import { NgxMaskService } from 'ngx-mask';
-import { ThousandSeparatorPipe } from '../../../pipes';
-import { EventInputManager } from '../base-classes/ca-input-event-manager';
-import { CommandsEvent } from '../models';
-export declare function InputHelperMixin<T extends Constructor<{
-    inputElement: ElementRef;
-    _inputConfig: ICaInput;
-    maskApplier: NgxMaskService;
-    thousandSeparatorPipe: ThousandSeparatorPipe;
-    handleToggleDropdownOptions: EventEmitter<void>;
-    isDropdownToggler: boolean;
-    isFocusInput: boolean;
-    isEditInput: boolean;
-    setCommandEvent: EventInputManager<CommandsEvent>;
-}>>(Base: T): {
+import { InputBase } from '../models/base.model';
+export declare function InputHelperMixin<T extends Constructor<InputBase>>(Base: T): {
     new (...args: any[]): {
         transformValue(inputConfig: ICaInput, value: InputChangeValue): any;
         toggleDropdownOptions(): void;
         onPlaceholderIconEvent(event: Event): void;
-        inputElement: ElementRef;
+        inputElement: import("@angular/core").ElementRef;
         _inputConfig: ICaInput;
-        maskApplier: NgxMaskService;
-        thousandSeparatorPipe: ThousandSeparatorPipe;
-        handleToggleDropdownOptions: EventEmitter<void>;
-        isDropdownToggler: boolean;
+        onTouched: () => void;
+        onChange(_: any): void;
+        handleChangeInputAndUpdateControl(_: InputChangeValue): void;
+        isVisibleCommands: boolean;
+        maskApplier: import("ngx-mask").NgxMaskService;
+        thousandSeparatorPipe: import("../../../pipes").ThousandSeparatorPipe;
+        handleToggleDropdownOptions: import("@angular/core").EventEmitter<void>;
         isFocusInput: boolean;
         isEditInput: boolean;
-        setCommandEvent: EventInputManager<CommandsEvent>;
+        isDropdownToggler: boolean;
+        isTouchedInput: boolean;
+        setCommandEvent: import("../base-classes/ca-input-event-manager").EventInputManager<import("../models").CommandsEvent>;
     };
 } & T;

package/lib/components/ca-input/models/base.model.d.ts

@@ -0,0 +1,23 @@
+import { ElementRef, EventEmitter } from '@angular/core';
+import { ICaInput } from '../config';
+import { InputChangeValue } from '../utils';
+import { NgxMaskService } from 'ngx-mask';
+import { ThousandSeparatorPipe } from '../../../pipes';
+import { EventInputManager } from '../base-classes/ca-input-event-manager';
+import { CommandsEvent } from './commands-event.model';
+export type InputBase = {
+    inputElement: ElementRef;
+    _inputConfig: ICaInput;
+    onTouched: () => void;
+    onChange(_: any): void;
+    handleChangeInputAndUpdateControl(_: InputChangeValue): void;
+    isVisibleCommands: boolean;
+    maskApplier: NgxMaskService;
+    thousandSeparatorPipe: ThousandSeparatorPipe;
+    handleToggleDropdownOptions: EventEmitter<void>;
+    isFocusInput: boolean;
+    isEditInput: boolean;
+    isDropdownToggler: boolean;
+    isTouchedInput: boolean;
+    setCommandEvent: EventInputManager<CommandsEvent>;
+};

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

@@ -2,7 +2,7 @@ import { ChangeDetectorRef, Renderer2 } 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, NgControl } from '@angular/forms';
+import { ControlValueAccessor, FormControl, 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';
@@ -17,13 +17,17 @@ export declare class CaInputDropdownComponent implements OnInit, AfterViewInit,
     private renderer;
     inputRef: InputTestComponent;
     popoverRef: NgbPopover;
+    label: string;
+    optionValue: string;
     inputHoveredItem: number;
     _template: string;
     _canAddNew: boolean;
+    searchText: string;
     set template(value: string);
     multiselectTemplate: string;
     inputConfig: ICaInput;
     set canAddNew(value: boolean);
+    get canAddNew(): boolean;
     canOpenModal: boolean;
     _sort: string;
     set sort(value: string);
@@ -66,9 +70,12 @@ export declare class CaInputDropdownComponent implements OnInit, AfterViewInit,
     private destroy$;
     constructor(superControl: NgControl, imageBase64Service: ImageBase64Service, cdRef: ChangeDetectorRef, renderer: Renderer2);
     get getSuperControl(): import("@angular/forms").AbstractControl<any, any> | null;
+    inputFormControl: FormControl;
     writeValue(_: any): void;
-    registerOnChange(_: any): void;
-    registerOnTouched(_: any): void;
+    onTouched: () => void;
+    onChange(_: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: () => void): void;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
@@ -89,16 +96,21 @@ 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;
     dropDownKeyNavigation({ keyCode, data, }: {
         keyCode: number;
         data: any;
     }): void;
+    setDropdownValue(option: OptionModel): void;
     onMultiselectSelect(option: OptionModel): void;
     removeMultiSelectItem(index: number): void;
     deleteAllMultiSelectItems(currentLabel?: string): void;
     toggleMultiselectDropdown(): void;
     private pickupElementWithKeyboard;
+    dropdownValue: string | undefined;
+    setControlValue(value?: string, dropdownInputValue?: string): void;
     private search;
     /**
      * Navigate through dropdown with keyboard arrows
@@ -106,5 +118,5 @@ export declare class CaInputDropdownComponent implements OnInit, AfterViewInit,
     private dropdownNavigation;
     ngOnDestroy(): void;
     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; }; "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"; }, never, never, true, never>;
+    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"; }, never, never, true, never>;
 }

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

@@ -7,6 +7,7 @@ export declare class CaInputDropdownDefaultTemplateComponent {
     dropdownOption: QueryList<ElementRef>;
     options: OptionModel[];
     activeItem: OptionModel | null;
+    searchText: string;
     getSuperControl: AbstractControl<any, any> | null;
     inputConfig: ICaInput;
     set inputHoveredItem(val: number);
@@ -16,5 +17,5 @@ export declare class CaInputDropdownDefaultTemplateComponent {
     constructor();
     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; }; "getSuperControl": { "alias": "getSuperControl"; "required": false; }; "inputConfig": { "alias": "inputConfig"; "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; }; "searchText": { "alias": "searchText"; "required": false; }; "getSuperControl": { "alias": "getSuperControl"; "required": false; }; "inputConfig": { "alias": "inputConfig"; "required": false; }; "inputHoveredItem": { "alias": "inputHoveredItem"; "required": false; }; }, { "onActiveItem": "onActiveItem"; }, never, never, true, never>;
 }

package/lib/components/ca-input-dropdown/pipes/dropdown-options.pipe.d.ts

@@ -0,0 +1,8 @@
+import { PipeTransform } from '@angular/core';
+import { OptionModel } from '../models';
+import * as i0 from "@angular/core";
+export declare class DropdownOptionsPipe implements PipeTransform {
+    transform(searchText: string, options: OptionModel[], canAddNew: boolean, label: string): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownOptionsPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<DropdownOptionsPipe, "caDropdownOptionsPipe", true>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ca-components",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "peerDependencies": {
     "@angular/common": "^18.2.13",
     "@angular/core": "^18.2.13",