cps-ui-kit 17.26.0 → 17.28.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,8 @@ export type CpsAutocompleteAppearanceType = 'outlined' | 'underlined' | 'borderl
  */
 export declare class CpsAutocompleteComponent implements ControlValueAccessor, OnInit, OnChanges, AfterViewInit, OnDestroy {
     private _control;
+    private document;
+    private cdRef;
     private _labelByValue;
     /**
      * Label of the autocomplete component.
@@ -260,6 +262,7 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
     virtualList: VirtualScroller;
     optionsMenu: CpsMenuComponent;
     optionsList: ElementRef;
+    autocompleteInput: ElementRef;
     error: string;
     cvtWidth: string;
     isOpened: boolean;
@@ -277,7 +280,7 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
     private _inputChangeSubject$;
     private _destroy$;
     private _options;
-    constructor(_control: NgControl, _labelByValue: LabelByValuePipe);
+    constructor(_control: NgControl, document: Document, cdRef: ChangeDetectorRef, _labelByValue: LabelByValuePipe);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
@@ -295,7 +298,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 +322,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, 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-button/cps-button.component.d.ts

@@ -6,6 +6,7 @@ import * as i0 from "@angular/core";
  * @group Components
  */
 export declare class CpsButtonComponent implements OnChanges {
+    private document;
     /**
      * Color of the button.
      * @group Props
@@ -79,6 +80,7 @@ export declare class CpsButtonComponent implements OnChanges {
     cvtFontSize: string;
     cvtIconSize: string;
     classesList: string[];
+    constructor(document: Document);
     ngOnChanges(): void;
     setClasses(): void;
     onClick(event: Event): void;

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

@@ -19,6 +19,7 @@ export type CpsButtonToggleOption = {
  */
 export declare class CpsButtonToggleComponent implements ControlValueAccessor, OnInit {
     private _control;
+    private document;
     private renderer;
     /**
      * Label of the toggle buttons.
@@ -94,7 +95,7 @@ export declare class CpsButtonToggleComponent implements ControlValueAccessor, O
      */
     valueChanged: EventEmitter<any>;
     largestButtonWidth: number;
-    constructor(_control: NgControl, renderer: Renderer2);
+    constructor(_control: NgControl, document: Document, renderer: Renderer2);
     ngOnInit(): void;
     onChange: (event: any) => void;
     onTouched: () => void;
@@ -105,6 +106,6 @@ export declare class CpsButtonToggleComponent implements ControlValueAccessor, O
     private _updateValue;
     private _setEqualWidths;
     setDisabledState(disabled: boolean): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CpsButtonToggleComponent, [{ optional: true; self: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CpsButtonToggleComponent, [{ optional: true; self: true; }, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CpsButtonToggleComponent, "cps-button-toggle", never, { "label": { "alias": "label"; "required": false; }; "options": { "alias": "options"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mandatory": { "alias": "mandatory"; "required": false; }; "equalWidths": { "alias": "equalWidths"; "required": false; }; "optionTooltipPosition": { "alias": "optionTooltipPosition"; "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; }; "_value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
 }

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

@@ -9,6 +9,7 @@ import * as i0 from "@angular/core";
  */
 export declare class CpsCheckboxComponent implements OnInit, ControlValueAccessor {
     private _control;
+    private document;
     private _elementRef;
     /**
      * Label of the checkbox.
@@ -69,7 +70,7 @@ export declare class CpsCheckboxComponent implements OnInit, ControlValueAccesso
      */
     valueChanged: EventEmitter<boolean>;
     private _value;
-    constructor(_control: NgControl, _elementRef: ElementRef<HTMLElement>);
+    constructor(_control: NgControl, document: Document, _elementRef: ElementRef<HTMLElement>);
     ngOnInit(): void;
     onChange: (event: any) => void;
     onTouched: () => void;
@@ -80,6 +81,6 @@ export declare class CpsCheckboxComponent implements OnInit, ControlValueAccesso
     private _updateValue;
     setDisabledState(disabled: boolean): void;
     focus(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CpsCheckboxComponent, [{ optional: true; self: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CpsCheckboxComponent, [{ optional: true; self: true; }, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CpsCheckboxComponent, "cps-checkbox", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "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; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
 }

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

@@ -1,9 +1,15 @@
 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
  */
 export declare class CpsDividerComponent {
+    private document;
     /**
      * Determines whether the divider is vertically aligned.
      * @group Props
@@ -14,13 +20,20 @@ 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;
+    constructor(document: Document);
+    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-expansion-panel/cps-expansion-panel.component.d.ts

@@ -8,6 +8,7 @@ import * as i0 from "@angular/core";
  */
 export declare class CpsExpansionPanelComponent implements OnInit, AfterViewInit {
     private _animationBuilder;
+    private document;
     private _renderer;
     /**
      * Title of the expansionPanel element.
@@ -75,7 +76,7 @@ export declare class CpsExpansionPanelComponent implements OnInit, AfterViewInit
     private _contentExpandAnimation;
     private _contentCollapseAnimation;
     private _contentAnimationPlayer;
-    constructor(_animationBuilder: AnimationBuilder, _renderer: Renderer2);
+    constructor(_animationBuilder: AnimationBuilder, document: Document, _renderer: Renderer2);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     toggleExpansion(): void;

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

@@ -16,6 +16,7 @@ export type iconSizeType = number | string | 'fill' | 'xsmall' | 'small' | 'norm
  * @group Components
  */
 export declare class CpsIconComponent implements OnChanges {
+    private document;
     /**
      * Name of the icon.
      * @group Props
@@ -35,6 +36,7 @@ export declare class CpsIconComponent implements OnChanges {
     url: string;
     cvtSize: string;
     classesList: string[];
+    constructor(document: Document);
     ngOnChanges(): void;
     setClasses(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsIconComponent, never>;

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

@@ -5,6 +5,7 @@ import * as i0 from "@angular/core";
  * @group Components
  */
 export declare class CpsLoaderComponent implements OnInit {
+    private document;
     /**
      * Option for loader component to take up the whole screen.
      * @group Props
@@ -26,6 +27,7 @@ export declare class CpsLoaderComponent implements OnInit {
      */
     showLabel: boolean;
     backgroundColor: string;
+    constructor(document: Document);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsLoaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CpsLoaderComponent, "cps-loader", never, { "fullScreen": { "alias": "fullScreen"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "labelColor": { "alias": "labelColor"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; }, {}, 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,15 @@ export declare class CpsMenuComponent implements AfterViewInit, OnDestroy, OnCha
     overlaySubscription: Subscription | undefined;
     resizeObserver: ResizeObserver;
     itemsClasses: string[];
+    hideReason: CpsMenuHideReason | undefined;
+    private window;
     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-paginator/cps-paginator.component.d.ts

@@ -6,6 +6,7 @@ import * as i0 from "@angular/core";
  * @group Components
  */
 export declare class CpsPaginatorComponent implements OnInit {
+    private document;
     /**
      * Zero-relative number of the first row to be displayed.
      * @group Props
@@ -52,6 +53,7 @@ export declare class CpsPaginatorComponent implements OnInit {
         label: string;
         value: number;
     }[];
+    constructor(document: Document);
     ngOnInit(): void;
     onPageChange(event: any): void;
     onRowsPerPageChange(rows: number): void;

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

@@ -5,6 +5,7 @@ import * as i0 from "@angular/core";
  * @group Components
  */
 export declare class CpsProgressCircularComponent implements OnInit {
+    private document;
     /**
      * Diameter of the progress bar, of type number denoting pixels or string.
      * @group Props
@@ -20,6 +21,7 @@ export declare class CpsProgressCircularComponent implements OnInit {
      * @group Props
      */
     color: string;
+    constructor(document: Document);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsProgressCircularComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CpsProgressCircularComponent, "cps-progress-circular", never, { "diameter": { "alias": "diameter"; "required": false; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;

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

@@ -5,6 +5,7 @@ import * as i0 from "@angular/core";
  * @group Components
  */
 export declare class CpsProgressLinearComponent implements OnInit {
+    private document;
     /**
      * Width of the progress bar, of type number denoting pixels or string.
      * @group Props
@@ -35,6 +36,7 @@ export declare class CpsProgressLinearComponent implements OnInit {
      * @group Props
      */
     radius: number | string;
+    constructor(document: Document);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsProgressLinearComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CpsProgressLinearComponent, "cps-progress-linear", never, { "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "color": { "alias": "color"; "required": false; }; "bgColor": { "alias": "bgColor"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; }, {}, never, never, true, never>;

package/lib/components/cps-tab-group/cps-tab-group.component.d.ts

@@ -32,6 +32,7 @@ export type CpsTabsAlignmentType = 'left' | 'center' | 'right';
  */
 export declare class CpsTabGroupComponent implements OnInit, AfterContentInit, AfterViewInit, OnChanges, OnDestroy {
     private cdRef;
+    private document;
     /**
      * Index of the selected tab.
      * @default 0
@@ -102,7 +103,7 @@ export declare class CpsTabGroupComponent implements OnInit, AfterContentInit, A
     listScroll$: Subscription;
     private _currentTabIndex;
     private _previousTabIndex;
-    constructor(cdRef: ChangeDetectorRef);
+    constructor(cdRef: ChangeDetectorRef, document: Document);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterContentInit(): void;

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

@@ -32,6 +32,7 @@ export type CpsTableSortMode = 'single' | 'multiple';
  */
 export declare class CpsTableComponent implements OnInit, AfterViewChecked, OnChanges {
     private cdRef;
+    private document;
     /**
      * An array of objects to represent dynamic columns.
      * @group Props
@@ -476,7 +477,7 @@ export declare class CpsTableComponent implements OnInit, AfterViewChecked, OnCh
         [key: string]: any;
     }[];
     exportMenuItems: CpsMenuItem[];
-    constructor(cdRef: ChangeDetectorRef);
+    constructor(cdRef: ChangeDetectorRef, document: Document);
     ngOnInit(): void;
     get styleClass(): string;
     ngAfterViewChecked(): void;

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

@@ -7,6 +7,7 @@ import * as i0 from "@angular/core";
  */
 export declare class CpsTagComponent implements ControlValueAccessor, OnChanges {
     private _control;
+    private document;
     /**
      * Label of the tag.
      * @group Props
@@ -42,7 +43,7 @@ export declare class CpsTagComponent implements ControlValueAccessor, OnChanges
     valueChanged: EventEmitter<boolean>;
     classesList: string[];
     private _value;
-    constructor(_control: NgControl);
+    constructor(_control: NgControl, document: Document);
     ngOnChanges(): void;
     setClasses(): void;
     onChange: (event: any) => void;
@@ -52,6 +53,6 @@ export declare class CpsTagComponent implements ControlValueAccessor, OnChanges
     writeValue(value: boolean): void;
     toggleSelected(): void;
     private _updateValue;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CpsTagComponent, [{ optional: true; self: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CpsTagComponent, [{ optional: true; self: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CpsTagComponent, "cps-tag", never, { "label": { "alias": "label"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
 }

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";
 /**
@@ -14,6 +15,7 @@ export type CpsTreeAutocompleteAppearanceType = 'outlined' | 'underlined' | 'bor
  */
 export declare class CpsTreeAutocompleteComponent extends CpsBaseTreeDropdownComponent implements OnInit, AfterViewInit, OnDestroy {
     control: NgControl;
+    private document;
     cdRef: ChangeDetectorRef;
     /**
      * Message if array of items is empty.
@@ -30,19 +32,22 @@ export declare class CpsTreeAutocompleteComponent extends CpsBaseTreeDropdownCom
      * @group Props
      */
     placeholder: string;
+    treeAutocompleteInput: ElementRef;
     inputText: string;
     backspaceClickedOnce: boolean;
     activeSingle: boolean;
-    constructor(control: NgControl, cdRef: ChangeDetectorRef);
+    constructor(control: NgControl, document: Document, cdRef: ChangeDetectorRef);
     ngOnInit(): void;
     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;
@@ -55,6 +60,6 @@ export declare class CpsTreeAutocompleteComponent extends CpsBaseTreeDropdownCom
     private _closeAndClear;
     private _confirmInput;
     private _removeLastValue;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeAutocompleteComponent, [{ optional: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeAutocompleteComponent, [{ optional: true; }, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CpsTreeAutocompleteComponent, "cps-tree-autocomplete", never, { "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -25,6 +25,7 @@ export type CpsTreeTableSortMode = 'single' | 'multiple';
  */
 export declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnDestroy, AfterViewChecked, OnChanges {
     private cdRef;
+    private document;
     private renderer;
     private ngZone;
     /**
@@ -470,8 +471,9 @@ export declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnD
     private _scrollbarWidth;
     private _scrollbarVisible;
     private _needRecalcAutoLayout;
-    _data: any[];
-    constructor(cdRef: ChangeDetectorRef, renderer: Renderer2, ngZone: NgZone);
+    private _data;
+    private window;
+    constructor(cdRef: ChangeDetectorRef, document: Document, renderer: Renderer2, ngZone: NgZone);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngAfterViewChecked(): void;

package/lib/components/cps-tree-table/directives/cps-tree-table-row-toggler.directive.d.ts

@@ -7,6 +7,7 @@ import * as i0 from "@angular/core";
  */
 export declare class CpsTreetableRowTogglerDirective implements OnInit, OnDestroy {
     private elementRef;
+    private document;
     private viewContainerRef;
     /**
      * Cell value.
@@ -14,7 +15,7 @@ export declare class CpsTreetableRowTogglerDirective implements OnInit, OnDestro
      */
     rowNode: any;
     togglerCompRef: ComponentRef<TreeTableToggler>;
-    constructor(elementRef: ElementRef, viewContainerRef: ViewContainerRef);
+    constructor(elementRef: ElementRef, document: Document, viewContainerRef: ViewContainerRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreetableRowTogglerDirective, never>;

package/lib/directives/cps-tooltip/cps-tooltip.directive.d.ts

@@ -16,6 +16,7 @@ export type CpsTooltipOpenOn = 'hover' | 'click' | 'focus';
  */
 export declare class CpsTooltipDirective implements OnDestroy {
     private _elementRef;
+    private document;
     /**
      * Tooltip text or html to show.
      * @group Props
@@ -64,7 +65,8 @@ export declare class CpsTooltipDirective implements OnDestroy {
     private _popup?;
     private _showTimeout?;
     private _hideTimeout?;
-    constructor(_elementRef: ElementRef<HTMLElement>);
+    private window;
+    constructor(_elementRef: ElementRef<HTMLElement>, document: Document);
     ngOnDestroy(): void;
     private _createTooltip;
     private _destroyTooltip;

package/lib/utils/colors-utils.d.ts

@@ -1,6 +1,6 @@
-export declare const getCpsColors: () => [
+export declare const getCpsColors: (_document: Document) => [
     string,
     string
 ][];
-export declare const getCSSColor: (val: string) => string;
+export declare const getCSSColor: (val: string, _document: Document) => string;
 export declare const getTextColor: (backgroundColor: string) => string;

package/package.json

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