cps-ui-kit 0.3.0 → 0.4.0

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

@@ -18,6 +18,7 @@ export declare class CpsInputComponent implements ControlValueAccessor, OnInit,
     prefixIconSize: iconSizeType;
     prefixText: string;
     hideDetails: boolean;
+    persistentClear: boolean;
     set value(value: string);
     get value(): string;
     valueChanged: EventEmitter<string>;
@@ -46,5 +47,5 @@ export declare class CpsInputComponent implements ControlValueAccessor, OnInit,
     onBlur(): void;
     focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsInputComponent, [{ optional: true; self: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsInputComponent, "cps-input", never, { "label": "label"; "placeholder": "placeholder"; "hint": "hint"; "disabled": "disabled"; "width": "width"; "type": "type"; "loading": "loading"; "clearable": "clearable"; "prefixIcon": "prefixIcon"; "prefixIconSize": "prefixIconSize"; "prefixText": "prefixText"; "hideDetails": "hideDetails"; "value": "value"; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsInputComponent, "cps-input", never, { "label": "label"; "placeholder": "placeholder"; "hint": "hint"; "disabled": "disabled"; "width": "width"; "type": "type"; "loading": "loading"; "clearable": "clearable"; "prefixIcon": "prefixIcon"; "prefixIconSize": "prefixIconSize"; "prefixText": "prefixText"; "hideDetails": "hideDetails"; "persistentClear": "persistentClear"; "value": "value"; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
 }

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

@@ -1,5 +1,6 @@
 import { ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
+import { iconSizeType } from '../cps-icon/cps-icon.component';
 import * as i0 from "@angular/core";
 export declare class CpsSelectComponent implements ControlValueAccessor, OnInit, OnDestroy, OnChanges {
     private _control;
@@ -20,6 +21,9 @@ export declare class CpsSelectComponent implements ControlValueAccessor, OnInit,
     optionValue: string;
     optionInfo: string;
     hideDetails: boolean;
+    persistentClear: boolean;
+    prefixIcon: string;
+    prefixIconSize: iconSizeType;
     _value: any;
     set value(value: any);
     get value(): any;
@@ -29,13 +33,22 @@ export declare class CpsSelectComponent implements ControlValueAccessor, OnInit,
     error: string;
     cvtWidth: string;
     isOpened: boolean;
+    optionHighlightedIndex: number;
     constructor(_control: NgControl);
     ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
     ngOnDestroy(): void;
-    toggleOptions(dd: HTMLElement, show?: boolean): void;
+    private _toggleOptions;
     select(option: any, byValue: boolean): void;
     onOptionClick(option: any, dd: HTMLElement): void;
+    private _clickOption;
+    private _getHTMLOptions;
+    private _dehighlightOption;
+    private _highlightOption;
+    private _navigateOptionsByArrows;
+    onClickOutside(dd: HTMLElement): void;
+    onBoxClick(dd: HTMLElement): void;
+    onKeyDown(event: any, dd: HTMLElement): void;
     toggleAll(): void;
     private _checkErrors;
     onChange: (event: any) => void;
@@ -50,5 +63,5 @@ export declare class CpsSelectComponent implements ControlValueAccessor, OnInit,
     onBlur(): void;
     focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsSelectComponent, [{ optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsSelectComponent, "cps-select", never, { "label": "label"; "placeholder": "placeholder"; "hint": "hint"; "returnObject": "returnObject"; "multiple": "multiple"; "disabled": "disabled"; "width": "width"; "selectAll": "selectAll"; "chips": "chips"; "closableChips": "closableChips"; "clearable": "clearable"; "openOnClear": "openOnClear"; "options": "options"; "optionLabel": "optionLabel"; "optionValue": "optionValue"; "optionInfo": "optionInfo"; "hideDetails": "hideDetails"; "_value": "value"; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsSelectComponent, "cps-select", never, { "label": "label"; "placeholder": "placeholder"; "hint": "hint"; "returnObject": "returnObject"; "multiple": "multiple"; "disabled": "disabled"; "width": "width"; "selectAll": "selectAll"; "chips": "chips"; "closableChips": "closableChips"; "clearable": "clearable"; "openOnClear": "openOnClear"; "options": "options"; "optionLabel": "optionLabel"; "optionValue": "optionValue"; "optionInfo": "optionInfo"; "hideDetails": "hideDetails"; "persistentClear": "persistentClear"; "prefixIcon": "prefixIcon"; "prefixIconSize": "prefixIconSize"; "_value": "value"; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cps-ui-kit",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "peerDependencies": {
     "@angular/common": "15 - 16",
     "@angular/core": "15 - 16",

package/public-api.d.ts

@@ -1,8 +1,10 @@
 export * from './lib/components/cps-icon/cps-icon.component';
 export * from './lib/components/cps-input/cps-input.component';
 export * from './lib/components/cps-select/cps-select.component';
+export * from './lib/components/cps-autocomplete/cps-autocomplete.component';
 export * from './lib/components/cps-button/cps-button.component';
 export * from './lib/components/cps-checkbox/cps-checkbox.component';
 export * from './lib/components/cps-radio/cps-radio.component';
 export * from './lib/components/cps-tag/cps-tag.component';
 export * from './lib/components/cps-chip/cps-chip.component';
+export * from './lib/utils/colors-utils';

package/styles/_variables.scss

@@ -1 +1 @@
-@import "_colors.scss";
+@import '_colors.scss';

package/styles/styles.scss

@@ -1,2 +1,2 @@
-@import "bootstrap-grid";
-@import "_variables.scss";
+@import 'bootstrap-grid';
+@import '_variables.scss';