cps-ui-kit 17.26.0 → 17.27.0

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

@@ -1,10 +1,10 @@
-import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, 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';
 import { VirtualScroller } from 'primeng/virtualscroller';
 import { CpsTooltipPosition } from '../../directives/cps-tooltip/cps-tooltip.directive';
-import { CpsMenuComponent } from '../cps-menu/cps-menu.component';
+import { CpsMenuComponent, CpsMenuHideReason } from '../cps-menu/cps-menu.component';
 import * as i0 from "@angular/core";
 /**
  * CpsAutocompleteAppearanceType is used to define the border of the autocomplete input.
@@ -17,6 +17,7 @@ export type CpsAutocompleteAppearanceType = 'outlined' | 'underlined' | 'borderl
  */
 export declare class CpsAutocompleteComponent implements ControlValueAccessor, OnInit, OnChanges, AfterViewInit, OnDestroy {
     private _control;
+    private cdRef;
     private _labelByValue;
     /**
      * Label of the autocomplete component.
@@ -260,6 +261,7 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
     virtualList: VirtualScroller;
     optionsMenu: CpsMenuComponent;
     optionsList: ElementRef;
+    autocompleteInput: ElementRef;
     error: string;
     cvtWidth: string;
     isOpened: boolean;
@@ -277,7 +279,7 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
     private _inputChangeSubject$;
     private _destroy$;
     private _options;
-    constructor(_control: NgControl, _labelByValue: LabelByValuePipe);
+    constructor(_control: NgControl, cdRef: ChangeDetectorRef, _labelByValue: LabelByValuePipe);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
@@ -295,7 +297,8 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
     setDisabledState(disabled: boolean): void;
     onBlur(): void;
     onFocus(): void;
-    onBeforeOptionsHidden(): void;
+    isActive(): boolean;
+    onBeforeOptionsHidden(reason: CpsMenuHideReason): void;
     onBoxClick(): void;
     onContainerKeyDown(event: any): void;
     onInputKeyDown(event: any): void;
@@ -318,6 +321,6 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
     private _navigateOptionsByArrows;
     private _confirmInput;
     private _removeLastValue;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CpsAutocompleteComponent, [{ optional: true; self: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CpsAutocompleteComponent, [{ optional: true; self: true; }, null, 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; }; "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"; "focused": "focused"; "blurred": "blurred"; }, never, never, true, never>;
 }

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

@@ -1,4 +1,9 @@
 import * as i0 from "@angular/core";
+/**
+ * CpsDividerType is used to define the type of the divider.
+ * @group Types
+ */
+export type CpsDividerType = 'solid' | 'dashed' | 'dotted';
 /**
  * CpsDividerComponent is a component that can be used to separate content.
  * @group Components
@@ -14,13 +19,19 @@ export declare class CpsDividerComponent {
      * @group Props
      */
     color: import("@angular/core").InputSignal<string>;
+    /**
+     * Type of the divider.
+     * @group Props
+     */
+    type: import("@angular/core").InputSignal<CpsDividerType>;
     /**
      * Thickness of the divider, a number denoting pixels or a string.
      * @group Props
      */
     thickness: import("@angular/core").InputSignal<string | number>;
-    private _dividerColor;
-    private _dividerThickness;
+    private _borderTop;
+    private _borderRight;
+    private _constructBorder;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsDividerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsDividerComponent, "cps-divider", never, { "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "thickness": { "alias": "thickness"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsDividerComponent, "cps-divider", never, { "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "thickness": { "alias": "thickness"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -20,6 +20,20 @@ export type CpsMenuItem = {
     disabled?: boolean;
     loading?: boolean;
 };
+/**
+ * An enumeration of the different reasons for hiding the menu.
+ * @group Enums
+ */
+export declare enum CpsMenuHideReason {
+    FORCED = "forced",
+    TOGGLE = "toggle",
+    CLICK_ITEM = "click-item",
+    CLICK_OUTSIDE = "click-outside",
+    KEYDOWN_ESCAPE = "keydown-escape",
+    SCROLL = "scroll",
+    RESIZE = "resize",
+    TARGET_NOT_CONNECTED = "target-not-connected"
+}
 /**
  * CpsMenuAttachPosition is used to define attachment position of the CpsMenuComponent.
  * @group Types
@@ -90,14 +104,16 @@ export declare class CpsMenuComponent implements AfterViewInit, OnDestroy, OnCha
     menuShown: EventEmitter<any>;
     /**
      * Callback to invoke when menu is hidden.
+     * @param {CpsMenuHideReason} CpsMenuHideReason - reason for hiding the menu.
      * @group Emits
      */
-    menuHidden: EventEmitter<any>;
+    menuHidden: EventEmitter<CpsMenuHideReason>;
     /**
      * Callback to invoke before menu is hidden.
+     * @param {CpsMenuHideReason} CpsMenuHideReason - reason for hiding the menu.
      * @group Emits
      */
-    beforeMenuHidden: EventEmitter<any>;
+    beforeMenuHidden: EventEmitter<CpsMenuHideReason>;
     /**
      * Callback to invoke when content is clicked.
      * @group Emits
@@ -123,13 +139,14 @@ export declare class CpsMenuComponent implements AfterViewInit, OnDestroy, OnCha
     overlaySubscription: Subscription | undefined;
     resizeObserver: ResizeObserver;
     itemsClasses: string[];
+    hideReason: CpsMenuHideReason | undefined;
     constructor(document: Document, platformId: any, el: ElementRef, renderer: Renderer2, cd: ChangeDetectorRef, zone: NgZone, config: PrimeNGConfig, overlayService: OverlayService);
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     private _setItemsClasses;
     toggle(event?: any, target?: any, pos?: CpsMenuAttachPosition): void;
     show(event?: any, target?: any, pos?: CpsMenuAttachPosition): void;
-    hide(): void;
+    hide(reason?: CpsMenuHideReason): void;
     isVisible(): boolean;
     onItemClick(event: any, item: CpsMenuItem): void;
     bindDocumentKeydownListener(): void;

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

@@ -1,6 +1,7 @@
-import { AfterViewInit, ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { TreeNode } from 'primeng/api';
+import { CpsMenuHideReason } from '../cps-menu/cps-menu.component';
 import { CpsBaseTreeDropdownComponent } from '../internal/cps-base-tree-dropdown/cps-base-tree-dropdown.component';
 import * as i0 from "@angular/core";
 /**
@@ -30,6 +31,7 @@ export declare class CpsTreeAutocompleteComponent extends CpsBaseTreeDropdownCom
      * @group Props
      */
     placeholder: string;
+    treeAutocompleteInput: ElementRef;
     inputText: string;
     backspaceClickedOnce: boolean;
     activeSingle: boolean;
@@ -38,11 +40,13 @@ export declare class CpsTreeAutocompleteComponent extends CpsBaseTreeDropdownCom
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     onSelectNode(): void;
-    onBeforeOptionsHidden(): void;
+    onBlur(): void;
+    onBeforeOptionsHidden(reason: CpsMenuHideReason): void;
     onBoxClick(): void;
     onContainerKeyDown(event: any): void;
     onInputKeyDown(event: any): void;
     onChevronClick(event: any): void;
+    isActive(): boolean;
     remove(option: TreeNode): void;
     clear(event?: any): void;
     focusInput(): void;

package/package.json

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