cps-ui-kit 0.5.0 → 0.7.0

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

@@ -1,9 +1,9 @@
-import { ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { iconSizeType } from '../cps-icon/cps-icon.component';
 import { LabelByValuePipe } from '../../pipes/label-by-value.pipe';
 import * as i0 from "@angular/core";
-export declare class CpsAutocompleteComponent implements ControlValueAccessor, OnInit, OnDestroy, OnChanges {
+export declare class CpsAutocompleteComponent implements ControlValueAccessor, OnInit, OnDestroy {
     private _control;
     private _labelByValue;
     label: string;
@@ -42,7 +42,6 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
     activeSingle: boolean;
     optionHighlightedIndex: number;
     constructor(_control: NgControl, _labelByValue: LabelByValuePipe);
-    ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
     ngOnDestroy(): void;
     private _toggleOptions;
@@ -56,7 +55,6 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     filterOptions(event: any): void;
-    private _convertValue;
     writeValue(value: any): void;
     private updateValue;
     private _getValueLabel;

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

@@ -0,0 +1,52 @@
+import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class CpsDatepickerComponent implements ControlValueAccessor, OnInit, OnDestroy {
+    private _control;
+    label: string;
+    disabled: boolean;
+    width: number | string;
+    placeholder: string;
+    hint: string;
+    clearable: boolean;
+    hideDetails: boolean;
+    persistentClear: boolean;
+    showTodayButton: boolean;
+    openOnInputFocus: boolean;
+    minDate: Date;
+    maxDate: Date;
+    set value(value: Date | null);
+    get value(): Date | null;
+    valueChanged: EventEmitter<Date | null>;
+    stringDate: string;
+    isOpened: boolean;
+    topPos: string;
+    error: string;
+    cvtWidth: string;
+    private _statusChangesSubscription;
+    private _value;
+    constructor(_control: NgControl);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    onChange: (event: any) => void;
+    onTouched: () => void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    onInputValueChanged(val: string): void;
+    writeValue(value: Date | null): void;
+    private _updateValue;
+    private _updateValueFromInputString;
+    private _checkDateFormat;
+    private _checkDateInRange;
+    private _dateToString;
+    private _stringToDate;
+    private _checkErrors;
+    onSelectCalendarDate(dateVal: Date): void;
+    onInputBlur(): void;
+    onClickCalendarIcon(): void;
+    onClickOutside(): void;
+    onInputFocus(): void;
+    toggleCalendar(show?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CpsDatepickerComponent, [{ optional: true; self: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsDatepickerComponent, "cps-datepicker", never, { "label": "label"; "disabled": "disabled"; "width": "width"; "placeholder": "placeholder"; "hint": "hint"; "clearable": "clearable"; "hideDetails": "hideDetails"; "persistentClear": "persistentClear"; "showTodayButton": "showTodayButton"; "openOnInputFocus": "openOnInputFocus"; "minDate": "minDate"; "maxDate": "maxDate"; "value": "value"; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
+}

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

@@ -15,20 +15,24 @@ export declare class CpsInputComponent implements ControlValueAccessor, OnInit,
     loading: boolean;
     clearable: boolean;
     prefixIcon: string;
+    prefixIconClickable: boolean;
     prefixIconSize: iconSizeType;
     prefixText: string;
     hideDetails: boolean;
     persistentClear: boolean;
+    error: string;
     set value(value: string);
     get value(): string;
     valueChanged: EventEmitter<string>;
+    focused: EventEmitter<any>;
+    prefixIconClicked: EventEmitter<any>;
+    blurred: EventEmitter<any>;
     prefixTextSpan: ElementRef | undefined;
-    private _statusChangesSubscription;
-    private _value;
-    error: string;
     currentType: string;
     prefixWidth: string;
     cvtWidth: string;
+    private _statusChangesSubscription;
+    private _value;
     constructor(_control: NgControl, _elementRef: ElementRef<HTMLElement>, cdRef: ChangeDetectorRef);
     ngOnInit(): void;
     ngAfterViewInit(): void;
@@ -45,7 +49,9 @@ export declare class CpsInputComponent implements ControlValueAccessor, OnInit,
     togglePassword(): void;
     setDisabledState(disabled: boolean): void;
     onBlur(): void;
+    onClickPrefixIcon(): void;
+    onFocus(): 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"; "persistentClear": "persistentClear"; "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"; "prefixIconClickable": "prefixIconClickable"; "prefixIconSize": "prefixIconSize"; "prefixText": "prefixText"; "hideDetails": "hideDetails"; "persistentClear": "persistentClear"; "error": "error"; "value": "value"; }, { "valueChanged": "valueChanged"; "focused": "focused"; "prefixIconClicked": "prefixIconClicked"; "blurred": "blurred"; }, never, never, true, never>;
 }

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

@@ -1,8 +1,8 @@
-import { ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { ElementRef, EventEmitter, OnDestroy, OnInit } 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 {
+export declare class CpsSelectComponent implements ControlValueAccessor, OnInit, OnDestroy {
     private _control;
     label: string;
     placeholder: string;
@@ -36,7 +36,6 @@ export declare class CpsSelectComponent implements ControlValueAccessor, OnInit,
     isOpened: boolean;
     optionHighlightedIndex: number;
     constructor(_control: NgControl);
-    ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
     ngOnDestroy(): void;
     private _toggleOptions;
@@ -56,7 +55,6 @@ export declare class CpsSelectComponent implements ControlValueAccessor, OnInit,
     onTouched: () => void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
-    private _convertValue;
     writeValue(value: any): void;
     private updateValue;
     clear(dd: HTMLElement, event: any): void;

package/lib/directives/click-outside.directive.d.ts

@@ -2,9 +2,10 @@ import { EventEmitter, ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ClickOutsideDirective {
     private elementRef;
+    skipTargets: string[];
     clickOutside: EventEmitter<void>;
     constructor(elementRef: ElementRef);
     onClick(target: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClickOutsideDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ClickOutsideDirective, "[clickOutside]", never, {}, { "clickOutside": "clickOutside"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClickOutsideDirective, "[clickOutside]", never, { "skipTargets": "skipTargets"; }, { "clickOutside": "clickOutside"; }, never, never, true, never>;
 }

package/lib/pipes/check-option-selected.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class CheckOptionSelectedPipe implements PipeTransform {
+    transform(option: any, value: any, multiple: boolean, returnObject: boolean, optionValue: string): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckOptionSelectedPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<CheckOptionSelectedPipe, "checkOptionSelected", true>;
+}

package/lib/pipes/label-by-value.pipe.d.ts

@@ -1,7 +1,7 @@
 import { PipeTransform } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class LabelByValuePipe implements PipeTransform {
-    transform(value: string, options: any[], valueKey: string, labelKey: string): string;
+    transform(value: any, options: any[], valueKey: string, labelKey: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<LabelByValuePipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<LabelByValuePipe, "labelByValue", true>;
 }

package/package.json

@@ -1,12 +1,15 @@
 {
   "name": "cps-ui-kit",
-  "version": "0.5.0",
+  "version": "0.7.0",
   "peerDependencies": {
     "@angular/common": "15 - 16",
     "@angular/core": "15 - 16",
     "@angular/forms": "15 - 16",
     "rxjs": "^7.8.0",
-    "zone.js": "^0.12.0"
+    "zone.js": "^0.12.0",
+    "@types/lodash-es": "^4.17.7",
+    "lodash-es": "^4.17.21",
+    "primeng": "^15.4.1"
   },
   "repository": {
     "type": "git",

package/public-api.d.ts

@@ -8,4 +8,5 @@ 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/components/cps-progress-linear/cps-progress-linear.component';
+export * from './lib/components/cps-datepicker/cps-datepicker.component';
 export * from './lib/utils/colors-utils';