cps-ui-kit 17.22.0 → 17.23.0

package/lib/components/cps-autocomplete/cps-autocomplete.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { IconType, iconSizeType } from '../cps-icon/cps-icon.component';
 import { LabelByValuePipe } from '../../pipes/internal/label-by-value.pipe';
@@ -15,7 +15,7 @@ export type CpsAutocompleteAppearanceType = 'outlined' | 'underlined' | 'borderl
  * CpsAutocompleteComponent is an input component that provides real-time suggestions when being typed.
  * @group Components
  */
-export declare class CpsAutocompleteComponent implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy {
+export declare class CpsAutocompleteComponent implements ControlValueAccessor, OnInit, OnChanges, AfterViewInit, OnDestroy {
     private _control;
     private _labelByValue;
     /**
@@ -98,11 +98,6 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
      * @group Props
      */
     openOnClear: boolean;
-    /**
-     * An array of options.
-     * @group Props
-     */
-    options: any[];
     /**
      * If multiple, determines whether selected options should be ordered according to the initial order of the options.
      * @group Props
@@ -139,7 +134,7 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
      */
     prefixIcon: IconType;
     /**
-     * Size of icon before input value, of type number or string or 'fill' or 'xsmall' or 'small' or 'normal' or 'large'.
+     * Size of icon before input value.
      * @group Props
      */
     prefixIconSize: iconSizeType;
@@ -149,7 +144,17 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
      */
     loading: boolean;
     /**
-     * Text to display when there is no data. Defaults to 'No results found'.
+     * Text to display when options list is loading.
+     * @group Props
+     */
+    loadingMessage: string;
+    /**
+     * Determines whether the loading message should be displayed.
+     * @group Props
+     */
+    showLoadingMessage: boolean;
+    /**
+     * Text to display when there is no data.
      * @group Props
      */
     emptyMessage: string;
@@ -208,6 +213,11 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
      * @group Props
      */
     emptyOptionIndex: number;
+    /**
+     * Debounce time for inputChanged event.
+     * @group Props
+     */
+    inputChangeDebounceTime: number;
     /**
      * Value of the autocomplete.
      * @group Props
@@ -215,12 +225,24 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
     _value: any;
     get value(): any;
     set value(value: any);
+    /**
+     * An array of options.
+     * @group Props
+     */
+    set options(opts: any[] | undefined);
+    get options(): any[];
     /**
      * Callback to invoke on value change.
      * @param {any} any - value changed.
      * @group Emits
      */
     valueChanged: EventEmitter<any>;
+    /**
+     * Callback to invoke on field input change.
+     * @param {string} string - input changed.
+     * @group Emits
+     */
+    inputChanged: EventEmitter<string>;
     /**
      * Callback to invoke when the component loses focus.
      * @param {any}
@@ -232,11 +254,11 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
     virtualList: VirtualScroller;
     optionsMenu: CpsMenuComponent;
     optionsList: ElementRef;
-    private _statusChangesSubscription?;
     error: string;
     cvtWidth: string;
     isOpened: boolean;
     inputText: string;
+    inputTextDebounced: string;
     filteredOptions: any[];
     backspaceClickedOnce: boolean;
     activeSingle: boolean;
@@ -246,8 +268,12 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
     autocompleteBoxWidth: number;
     resizeObserver: ResizeObserver;
     isTimePickerField: boolean;
+    private _inputChangeSubject$;
+    private _destroy$;
+    private _options;
     constructor(_control: NgControl, _labelByValue: LabelByValuePipe);
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     select(option: any, byValue: boolean, needClearInput?: boolean, needFocusInput?: boolean): void;
@@ -286,5 +312,5 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
     private _confirmInput;
     private _removeLastValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsAutocompleteComponent, [{ optional: true; self: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsAutocompleteComponent, "cps-autocomplete", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "returnObject": { "alias": "returnObject"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "width": { "alias": "width"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "showChevron": { "alias": "showChevron"; "required": false; }; "withOptionsAliases": { "alias": "withOptionsAliases"; "required": false; }; "useOptionsAliasesWhenNoMatch": { "alias": "useOptionsAliasesWhenNoMatch"; "required": false; }; "optionAlias": { "alias": "optionAlias"; "required": false; }; "chips": { "alias": "chips"; "required": false; }; "closableChips": { "alias": "closableChips"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "openOnClear": { "alias": "openOnClear"; "required": false; }; "options": { "alias": "options"; "required": false; }; "keepInitialOrder": { "alias": "keepInitialOrder"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionInfo": { "alias": "optionInfo"; "required": false; }; "hideDetails": { "alias": "hideDetails"; "required": false; }; "persistentClear": { "alias": "persistentClear"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "prefixIconSize": { "alias": "prefixIconSize"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "showEmptyMessage": { "alias": "showEmptyMessage"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "numToleratedItems": { "alias": "numToleratedItems"; "required": false; }; "externalError": { "alias": "externalError"; "required": false; }; "infoTooltip": { "alias": "infoTooltip"; "required": false; }; "infoTooltipClass": { "alias": "infoTooltipClass"; "required": false; }; "infoTooltipMaxWidth": { "alias": "infoTooltipMaxWidth"; "required": false; }; "infoTooltipPersistent": { "alias": "infoTooltipPersistent"; "required": false; }; "infoTooltipPosition": { "alias": "infoTooltipPosition"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "emptyOptionIndex": { "alias": "emptyOptionIndex"; "required": false; }; "_value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; "blurred": "blurred"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsAutocompleteComponent, "cps-autocomplete", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "returnObject": { "alias": "returnObject"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "width": { "alias": "width"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "showChevron": { "alias": "showChevron"; "required": false; }; "withOptionsAliases": { "alias": "withOptionsAliases"; "required": false; }; "useOptionsAliasesWhenNoMatch": { "alias": "useOptionsAliasesWhenNoMatch"; "required": false; }; "optionAlias": { "alias": "optionAlias"; "required": false; }; "chips": { "alias": "chips"; "required": false; }; "closableChips": { "alias": "closableChips"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "openOnClear": { "alias": "openOnClear"; "required": false; }; "keepInitialOrder": { "alias": "keepInitialOrder"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionInfo": { "alias": "optionInfo"; "required": false; }; "hideDetails": { "alias": "hideDetails"; "required": false; }; "persistentClear": { "alias": "persistentClear"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "prefixIconSize": { "alias": "prefixIconSize"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingMessage": { "alias": "loadingMessage"; "required": false; }; "showLoadingMessage": { "alias": "showLoadingMessage"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "showEmptyMessage": { "alias": "showEmptyMessage"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "numToleratedItems": { "alias": "numToleratedItems"; "required": false; }; "externalError": { "alias": "externalError"; "required": false; }; "infoTooltip": { "alias": "infoTooltip"; "required": false; }; "infoTooltipClass": { "alias": "infoTooltipClass"; "required": false; }; "infoTooltipMaxWidth": { "alias": "infoTooltipMaxWidth"; "required": false; }; "infoTooltipPersistent": { "alias": "infoTooltipPersistent"; "required": false; }; "infoTooltipPosition": { "alias": "infoTooltipPosition"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "emptyOptionIndex": { "alias": "emptyOptionIndex"; "required": false; }; "inputChangeDebounceTime": { "alias": "inputChangeDebounceTime"; "required": false; }; "_value": { "alias": "value"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "valueChanged": "valueChanged"; "inputChanged": "inputChanged"; "blurred": "blurred"; }, never, never, true, never>;
 }

package/lib/components/cps-button-toggle/cps-button-toggle.component.d.ts

@@ -66,7 +66,7 @@ export declare class CpsButtonToggleComponent implements ControlValueAccessor, O
      */
     infoTooltipClass: string;
     /**
-     * Size of infoTooltip, of type number or string.
+     * Size of infoTooltip, of type number denoting pixels or string.
      * @group Props
      */
     infoTooltipMaxWidth: number | string;

package/lib/components/cps-chip/cps-chip.component.d.ts

@@ -22,7 +22,7 @@ export declare class CpsChipComponent implements OnChanges {
      */
     iconColor: string;
     /**
-     * Position of the icon, it can be 'before' or 'after'. Defaults to 'before'.
+     * Position of the icon, it can be 'before' or 'after'.
      * @group Props
      */
     iconPosition: 'before' | 'after';

package/lib/components/cps-input/cps-input.component.d.ts

@@ -72,7 +72,7 @@ export declare class CpsInputComponent implements ControlValueAccessor, OnInit,
      */
     prefixIconClickable: boolean;
     /**
-     * Size of icon before input value, of type number or string or it can be a value 'fill', 'xsmall', 'small', 'normal' or 'large'.
+     * Size of icon before input value.
      * @group Props
      */
     prefixIconSize: iconSizeType;

package/lib/components/cps-loader/cps-loader.component.d.ts

@@ -11,7 +11,7 @@ export declare class CpsLoaderComponent implements OnInit {
      */
     fullScreen: boolean;
     /**
-     * Option to control the transparency of the loader component, of type number or string.
+     * Option to control the opacity of the loader component.
      * @group Props
      */
     opacity: number | string;

package/lib/components/cps-progress-linear/cps-progress-linear.component.d.ts

@@ -26,12 +26,12 @@ export declare class CpsProgressLinearComponent implements OnInit {
      */
     bgColor: string;
     /**
-     * Option to control the transparency of the progress bar, of type number or string.
+     * Option to control the opacity of the progress bar.
      * @group Props
      */
     opacity: number | string;
     /**
-     * Border radius of the progress bar, of type number or string.
+     * Border radius of the progress bar, of type number denoting pixels or string.
      * @group Props
      */
     radius: number | string;

package/lib/components/cps-select/cps-select.component.d.ts

@@ -117,7 +117,7 @@ export declare class CpsSelectComponent implements ControlValueAccessor, OnInit,
      */
     prefixIcon: IconType;
     /**
-     * Size of icon before input value, of type number or string or value 'fill', 'xsmall', 'small', 'normal' or 'large'.
+     * Size of icon before input value.
      * @group Props
      */
     prefixIconSize: iconSizeType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cps-ui-kit",
-  "version": "17.22.0",
+  "version": "17.23.0",
   "peerDependencies": {
     "@angular/common": "^17.3.0",
     "@angular/core": "^17.3.0",