cps-ui-kit 0.50.0 → 0.52.0

package/lib/base_components/cps-tree-dropdown-base.component.d.ts

@@ -4,6 +4,7 @@ import { TreeNode } from 'primeng/api';
 import { IconType, iconSizeType } from '../components/cps-icon/cps-icon.component';
 import { Tree } from 'primeng/tree';
 import { TooltipPosition } from '../directives/cps-tooltip.directive';
+import { CpsMenuComponent } from '../components/cps-menu/cps-menu.component';
 import * as i0 from "@angular/core";
 export declare class CpsTreeDropdownBaseComponent implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy {
     control: NgControl;
@@ -37,21 +38,25 @@ export declare class CpsTreeDropdownBaseComponent implements ControlValueAccesso
     set value(value: any);
     get value(): any;
     valueChanged: EventEmitter<any>;
-    private _statusChangesSubscription;
-    treeContainer: ElementRef;
+    componentContainer: ElementRef;
+    optionsMenu: CpsMenuComponent;
     treeList: Tree;
+    boxEl: ElementRef;
+    private _statusChangesSubscription;
     _options: TreeNode[];
     optionsMap: Map<string, TreeNode<any>>;
     originalOptionsMap: Map<string, any>;
-    treeSelection: any;
     virtualListHeight: number;
     virtualScrollItemSize: number;
     error: string;
     cvtWidth: string;
     isOpened: boolean;
-    treeContainerElement: HTMLElement;
     optionFocused: boolean;
     isAutocomplete: boolean;
+    treeContainerElement: HTMLElement;
+    treeSelection: any;
+    boxWidth: number;
+    resizeObserver: ResizeObserver;
     constructor(control: NgControl, cdRef: ChangeDetectorRef);
     ngOnInit(): void;
     ngAfterViewInit(): void;
@@ -65,14 +70,18 @@ export declare class CpsTreeDropdownBaseComponent implements ControlValueAccesso
     writeValue(value: any): void;
     updateValue(value: any): void;
     onSelectNode(): void;
-    onClickFullyExpandable(event: any, elem: HTMLElement): void;
+    onClickFullyExpandable(elem: HTMLElement): void;
     private _getHTMLElementKey;
     treeSelectionChanged(selection: any): void;
     recalcVirtualListHeight(): void;
-    toggleOptions(dd: HTMLElement, show?: boolean): void;
+    toggleOptions(show?: boolean): void;
     remove(option: TreeNode): void;
     initArrowsNavigaton(): void;
-    clear(dd: HTMLElement, event: any): void;
+    private _nodeToggled;
+    private _nodeToggledWithChevron;
+    onNodeExpand(event: any): void;
+    onNodeCollapse(event: any): void;
+    clear(event: any): void;
     private _checkErrors;
     setDisabledState(disabled: boolean): void;
     onBlur(): void;

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

@@ -1,11 +1,12 @@
-import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit } 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 { TooltipPosition } from '../../directives/cps-tooltip.directive';
+import { CpsMenuComponent } from '../cps-menu/cps-menu.component';
 import * as i0 from "@angular/core";
-export declare class CpsAutocompleteComponent implements ControlValueAccessor, OnInit, OnDestroy {
+export declare class CpsAutocompleteComponent implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy {
     private _control;
     private _labelByValue;
     label: string;
@@ -40,8 +41,11 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
     get value(): any;
     set value(value: any);
     valueChanged: EventEmitter<any>;
+    autocompleteBox: ElementRef;
     autocompleteContainer: ElementRef;
     virtualList: VirtualScroller;
+    optionsMenu: CpsMenuComponent;
+    optionsList: ElementRef;
     private _statusChangesSubscription;
     error: string;
     cvtWidth: string;
@@ -53,11 +57,14 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
     optionHighlightedIndex: number;
     virtualListHeight: number;
     virtualScrollItemSize: number;
+    autocompleteBoxWidth: number;
+    resizeObserver: ResizeObserver;
     constructor(_control: NgControl, _labelByValue: LabelByValuePipe);
     ngOnInit(): void;
+    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     select(option: any, byValue: boolean): void;
-    onOptionClick(option: any, dd: HTMLElement): void;
+    onOptionClick(option: any): void;
     toggleAll(): void;
     onChange: (event: any) => void;
     onTouched: () => void;
@@ -65,14 +72,14 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
     registerOnTouched(fn: any): void;
     filterOptions(event: any): void;
     writeValue(value: any): void;
-    clear(dd: HTMLElement, event: any): void;
+    clear(event: any): void;
     setDisabledState(disabled: boolean): void;
     onBlur(): void;
-    onClickOutside(dd: HTMLElement): void;
+    onBeforeOptionsHidden(): void;
     onBoxClick(): void;
-    onContainerKeyDown(event: any, dd: HTMLElement): void;
+    onContainerKeyDown(event: any): void;
     onInputKeyDown(event: any): void;
-    onChevronClick(event: any, dd: HTMLElement): void;
+    onChevronClick(event: any): void;
     focusInput(): void;
     focus(): void;
     recalcVirtualListHeight(): void;

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

@@ -1,6 +1,8 @@
-import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
+import { CpsInputComponent } from '../cps-input/cps-input.component';
 import { TooltipPosition } from '../../directives/cps-tooltip.directive';
+import { CpsMenuComponent } from '../cps-menu/cps-menu.component';
 import * as i0 from "@angular/core";
 export declare class CpsDatepickerComponent implements ControlValueAccessor, OnInit, OnDestroy {
     private _control;
@@ -24,10 +26,10 @@ export declare class CpsDatepickerComponent implements ControlValueAccessor, OnI
     set value(value: Date | null);
     get value(): Date | null;
     valueChanged: EventEmitter<Date | null>;
-    datepickerContainer: ElementRef;
+    datepickerInput: CpsInputComponent;
+    calendarMenu: CpsMenuComponent;
     stringDate: string;
     isOpened: boolean;
-    topPos: string;
     error: string;
     cvtWidth: string;
     private _statusChangesSubscription;
@@ -50,9 +52,13 @@ export declare class CpsDatepickerComponent implements ControlValueAccessor, OnI
     private _checkErrors;
     onSelectCalendarDate(dateVal: Date): void;
     onInputBlur(): void;
+    onInputEnterClicked(): void;
     onClickCalendarIcon(): void;
-    onClickOutside(): void;
+    onBeforeCalendarHidden(): void;
     onInputFocus(): void;
+    onInputClear(): void;
+    onCalendarContentClick(): void;
+    focusInput(): 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"; "infoTooltip": "infoTooltip"; "infoTooltipClass": "infoTooltipClass"; "infoTooltipMaxWidth": "infoTooltipMaxWidth"; "infoTooltipPersistent": "infoTooltipPersistent"; "infoTooltipPosition": "infoTooltipPosition"; "minDate": "minDate"; "maxDate": "maxDate"; "value": "value"; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;

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

@@ -5,7 +5,7 @@ import { TooltipPosition } from '../../directives/cps-tooltip.directive';
 import * as i0 from "@angular/core";
 export declare class CpsInputComponent implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy {
     private _control;
-    private _elementRef;
+    elementRef: ElementRef<HTMLElement>;
     private cdRef;
     label: string;
     hint: string;
@@ -33,24 +33,28 @@ export declare class CpsInputComponent implements ControlValueAccessor, OnInit,
     focused: EventEmitter<any>;
     prefixIconClicked: EventEmitter<any>;
     blurred: EventEmitter<any>;
+    cleared: EventEmitter<any>;
+    enterClicked: EventEmitter<any>;
     prefixTextSpan: ElementRef | undefined;
     currentType: string;
     prefixWidth: string;
     cvtWidth: string;
     private _statusChangesSubscription;
     private _value;
-    constructor(_control: NgControl, _elementRef: ElementRef<HTMLElement>, cdRef: ChangeDetectorRef);
+    constructor(_control: NgControl, elementRef: ElementRef<HTMLElement>, cdRef: ChangeDetectorRef);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     private _checkErrors;
     onChange: (event: any) => void;
     onTouched: () => void;
+    onInputEnterKeyDown(): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     writeValue(value: string): void;
     updateValueEvent(event: any): void;
     private _updateValue;
+    onClear(): void;
     clear(): void;
     togglePassword(): void;
     setDisabledState(disabled: boolean): void;
@@ -59,5 +63,5 @@ export declare class CpsInputComponent implements ControlValueAccessor, OnInit,
     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"; "hint": "hint"; "placeholder": "placeholder"; "disabled": "disabled"; "width": "width"; "type": "type"; "loading": "loading"; "clearable": "clearable"; "prefixIcon": "prefixIcon"; "prefixIconClickable": "prefixIconClickable"; "prefixIconSize": "prefixIconSize"; "prefixText": "prefixText"; "hideDetails": "hideDetails"; "persistentClear": "persistentClear"; "error": "error"; "infoTooltip": "infoTooltip"; "infoTooltipClass": "infoTooltipClass"; "infoTooltipMaxWidth": "infoTooltipMaxWidth"; "infoTooltipPersistent": "infoTooltipPersistent"; "infoTooltipPosition": "infoTooltipPosition"; "value": "value"; }, { "valueChanged": "valueChanged"; "focused": "focused"; "prefixIconClicked": "prefixIconClicked"; "blurred": "blurred"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsInputComponent, "cps-input", never, { "label": "label"; "hint": "hint"; "placeholder": "placeholder"; "disabled": "disabled"; "width": "width"; "type": "type"; "loading": "loading"; "clearable": "clearable"; "prefixIcon": "prefixIcon"; "prefixIconClickable": "prefixIconClickable"; "prefixIconSize": "prefixIconSize"; "prefixText": "prefixText"; "hideDetails": "hideDetails"; "persistentClear": "persistentClear"; "error": "error"; "infoTooltip": "infoTooltip"; "infoTooltipClass": "infoTooltipClass"; "infoTooltipMaxWidth": "infoTooltipMaxWidth"; "infoTooltipPersistent": "infoTooltipPersistent"; "infoTooltipPosition": "infoTooltipPosition"; "value": "value"; }, { "valueChanged": "valueChanged"; "focused": "focused"; "prefixIconClicked": "prefixIconClicked"; "blurred": "blurred"; "cleared": "cleared"; "enterClicked": "enterClicked"; }, never, never, true, never>;
 }

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

@@ -28,13 +28,15 @@ export declare class CpsMenuComponent implements AfterViewInit, OnDestroy {
     compressed: boolean;
     focusOnShow: boolean;
     containerClass: string;
+    showTransitionOptions: string;
+    hideTransitionOptions: string;
     menuShown: EventEmitter<any>;
     menuHidden: EventEmitter<any>;
+    beforeMenuHidden: EventEmitter<any>;
+    contentClicked: EventEmitter<any>;
     withIcons: boolean;
     autoZIndex: boolean;
     baseZIndex: number;
-    showTransitionOptions: string;
-    hideTransitionOptions: string;
     dismissable: boolean;
     container: Nullable<HTMLDivElement>;
     overlayVisible: boolean;
@@ -49,11 +51,13 @@ export declare class CpsMenuComponent implements AfterViewInit, OnDestroy {
     documentKeydownListener: VoidListener | null;
     destroyCallback: Nullable<Function>;
     overlaySubscription: Subscription | undefined;
+    targetResizeObserver: ResizeObserver;
     constructor(document: Document, platformId: any, el: ElementRef, renderer: Renderer2, cd: ChangeDetectorRef, zone: NgZone, config: PrimeNGConfig, overlayService: OverlayService);
     ngAfterViewInit(): void;
     toggle(event?: any, target?: any): void;
     show(event?: any, target?: any): void;
     hide(): void;
+    isVisible(): boolean;
     onItemClick(event: any, item: CpsMenuItem): void;
     bindDocumentKeydownListener(): void;
     unbindDocumentKeydownListener(): void;
@@ -76,6 +80,6 @@ export declare class CpsMenuComponent implements AfterViewInit, OnDestroy {
     onContainerDestroy(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsMenuComponent, "cps-menu", never, { "header": "header"; "items": "items"; "withArrow": "withArrow"; "compressed": "compressed"; "focusOnShow": "focusOnShow"; "containerClass": "containerClass"; }, { "menuShown": "menuShown"; "menuHidden": "menuHidden"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsMenuComponent, "cps-menu", never, { "header": "header"; "items": "items"; "withArrow": "withArrow"; "compressed": "compressed"; "focusOnShow": "focusOnShow"; "containerClass": "containerClass"; "showTransitionOptions": "showTransitionOptions"; "hideTransitionOptions": "hideTransitionOptions"; }, { "menuShown": "menuShown"; "menuHidden": "menuHidden"; "beforeMenuHidden": "beforeMenuHidden"; "contentClicked": "contentClicked"; }, never, ["*"], true, never>;
 }
 export {};

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

@@ -1,10 +1,11 @@
-import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { iconSizeType, IconType } from '../cps-icon/cps-icon.component';
 import { VirtualScroller } from 'primeng/virtualscroller';
 import { TooltipPosition } from '../../directives/cps-tooltip.directive';
+import { CpsMenuComponent } from '../cps-menu/cps-menu.component';
 import * as i0 from "@angular/core";
-export declare class CpsSelectComponent implements ControlValueAccessor, OnInit, OnDestroy {
+export declare class CpsSelectComponent implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy {
     private _control;
     label: string;
     placeholder: string;
@@ -33,12 +34,16 @@ export declare class CpsSelectComponent implements ControlValueAccessor, OnInit,
     infoTooltipMaxWidth: number | string;
     infoTooltipPersistent: boolean;
     infoTooltipPosition: TooltipPosition;
+    optionsClass: string;
     _value: any;
     set value(value: any);
     get value(): any;
     valueChanged: EventEmitter<any>;
+    selectBox: ElementRef;
     selectContainer: ElementRef;
     virtualList: VirtualScroller;
+    optionsMenu: CpsMenuComponent;
+    optionsList: ElementRef;
     private _statusChangesSubscription;
     error: string;
     cvtWidth: string;
@@ -46,21 +51,24 @@ export declare class CpsSelectComponent implements ControlValueAccessor, OnInit,
     optionHighlightedIndex: number;
     virtualListHeight: number;
     virtualScrollItemSize: number;
+    selectBoxWidth: number;
+    resizeObserver: ResizeObserver;
     constructor(_control: NgControl);
     ngOnInit(): void;
+    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     private _toggleOptions;
     private _recalcVirtualListHeight;
     select(option: any, byValue: boolean): void;
-    onOptionClick(option: any, dd: HTMLElement): void;
+    onOptionClick(option: any): 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;
+    onBeforeOptionsHidden(): void;
+    onBoxClick(): void;
+    onKeyDown(event: any): void;
     toggleAll(): void;
     private _checkErrors;
     onChange: (event: any) => void;
@@ -69,10 +77,10 @@ export declare class CpsSelectComponent implements ControlValueAccessor, OnInit,
     registerOnTouched(fn: any): void;
     writeValue(value: any): void;
     private updateValue;
-    clear(dd: HTMLElement, event: any): void;
+    clear(event: any): void;
     setDisabledState(disabled: boolean): void;
     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"; "persistentClear": "persistentClear"; "prefixIcon": "prefixIcon"; "prefixIconSize": "prefixIconSize"; "loading": "loading"; "virtualScroll": "virtualScroll"; "infoTooltip": "infoTooltip"; "infoTooltipClass": "infoTooltipClass"; "infoTooltipMaxWidth": "infoTooltipMaxWidth"; "infoTooltipPersistent": "infoTooltipPersistent"; "infoTooltipPosition": "infoTooltipPosition"; "_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"; "loading": "loading"; "virtualScroll": "virtualScroll"; "infoTooltip": "infoTooltip"; "infoTooltipClass": "infoTooltipClass"; "infoTooltipMaxWidth": "infoTooltipMaxWidth"; "infoTooltipPersistent": "infoTooltipPersistent"; "infoTooltipPosition": "infoTooltipPosition"; "optionsClass": "optionsClass"; "_value": "value"; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
 }

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

@@ -0,0 +1,14 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class CpsTabComponent {
+    label: string;
+    icon: string;
+    tooltipText: string;
+    tooltipContentClass: string;
+    tooltipMaxWidth: number | string;
+    tooltipPersistent: boolean;
+    content: TemplateRef<any>;
+    active: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CpsTabComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsTabComponent, "cps-tab", never, { "label": "label"; "icon": "icon"; "tooltipText": "tooltipText"; "tooltipContentClass": "tooltipContentClass"; "tooltipMaxWidth": "tooltipMaxWidth"; "tooltipPersistent": "tooltipPersistent"; }, {}, never, ["*"], true, never>;
+}

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

@@ -0,0 +1,25 @@
+import { AfterContentInit, AfterViewInit, ChangeDetectorRef, EventEmitter, QueryList } from '@angular/core';
+import { CpsTabComponent } from './cps-tab/cps-tab.component';
+import * as i0 from "@angular/core";
+export interface TabChangeEvent {
+    currentTabIndex: number;
+    newTabIndex?: number;
+}
+export declare class CpsTabGroupComponent implements AfterContentInit, AfterViewInit {
+    private cdRef;
+    tabs: QueryList<CpsTabComponent>;
+    selectedIndex: number;
+    isSubTabs: boolean;
+    animationType: 'slide' | 'fade';
+    initAllTabsContent: boolean;
+    animationState: 'slideLeft' | 'slideRight' | 'fadeIn' | 'fadeOut';
+    beforeTabChanged: EventEmitter<TabChangeEvent>;
+    afterTabChanged: EventEmitter<TabChangeEvent>;
+    constructor(cdRef: ChangeDetectorRef);
+    ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
+    selectTab(newSelectedIndex: number): void;
+    get selectedTab(): CpsTabComponent | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CpsTabGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsTabGroupComponent, "cps-tab-group", never, { "selectedIndex": "selectedIndex"; "isSubTabs": "isSubTabs"; "animationType": "animationType"; "initAllTabsContent": "initAllTabsContent"; }, { "beforeTabChanged": "beforeTabChanged"; "afterTabChanged": "afterTabChanged"; }, ["tabs"], never, true, never>;
+}

package/lib/components/cps-table/directives/cps-table-column-filter.directive.d.ts

@@ -16,6 +16,7 @@ export declare class CpsTableColumnFilterDirective implements OnInit, OnDestroy
     filterCompRef: ComponentRef<TableColumnFilterComponent>;
     constructor(elementRef: ElementRef, viewContainerRef: ViewContainerRef);
     ngOnInit(): void;
+    private _getDefaultPlaceholder;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsTableColumnFilterDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<CpsTableColumnFilterDirective, "[cpsColFilter]", never, { "field": "cpsColFilter"; "filterType": "filterType"; "filterShowClearButton": "filterShowClearButton"; "filterShowApplyButton": "filterShowApplyButton"; "filterHideOnClear": "filterHideOnClear"; "filterMaxConstraints": "filterMaxConstraints"; "filterCategoryOptions": "filterCategoryOptions"; "filterPlaceholder": "filterPlaceholder"; }, {}, never, never, true, never>;

package/lib/components/cps-table/table-column-filter/table-column-filter-constraint/table-column-filter-constraint.component.d.ts

@@ -19,7 +19,7 @@ export declare class TableColumnFilterConstraintComponent implements OnInit {
     constructor(dt: Table);
     ngOnInit(): void;
     onValueChange(value: any): void;
-    onInputEnterKeyDown(event: any): void;
+    onEnterKeyDown(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableColumnFilterConstraintComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TableColumnFilterConstraintComponent, "table-column-filter-constraint", never, { "type": "type"; "field": "field"; "filterConstraint": "filterConstraint"; "categoryOptions": "categoryOptions"; "placeholder": "placeholder"; "hasApplyButton": "hasApplyButton"; }, {}, never, never, true, never>;
 }

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

@@ -1,6 +1,5 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import { NgControl } from '@angular/forms';
-import { Tree } from 'primeng/tree';
 import { TreeNode } from 'primeng/api';
 import { CpsTreeDropdownBaseComponent } from '../../base_components/cps-tree-dropdown-base.component';
 import * as i0 from "@angular/core";
@@ -8,8 +7,6 @@ export declare class CpsTreeAutocompleteComponent extends CpsTreeDropdownBaseCom
     control: NgControl;
     cdRef: ChangeDetectorRef;
     emptyMessage: string;
-    treeAutocompleteContainer: ElementRef;
-    treeAutocompleteList: Tree;
     inputText: string;
     backspaceClickedOnce: boolean;
     activeSingle: boolean;
@@ -18,14 +15,14 @@ export declare class CpsTreeAutocompleteComponent extends CpsTreeDropdownBaseCom
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     onSelectNode(): void;
-    onClickOutside(dd: HTMLElement): void;
+    onBeforeOptionsHidden(): void;
     onBoxClick(): void;
-    onContainerKeyDown(event: any, dd: HTMLElement): void;
+    onContainerKeyDown(event: any): void;
     onInputKeyDown(event: any): void;
-    onChevronClick(event: any, dd: HTMLElement): void;
+    onChevronClick(event: any): void;
     remove(option: TreeNode): void;
     private _select;
-    clear(dd: HTMLElement, event: any): void;
+    clear(event: any): void;
     focusInput(): void;
     focus(): void;
     onFilterOptions(): void;

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

@@ -1,20 +1,17 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import { NgControl } from '@angular/forms';
-import { Tree } from 'primeng/tree';
 import { CpsTreeDropdownBaseComponent } from '../../base_components/cps-tree-dropdown-base.component';
 import * as i0 from "@angular/core";
 export declare class CpsTreeSelectComponent extends CpsTreeDropdownBaseComponent implements OnInit, AfterViewInit, OnDestroy {
     control: NgControl;
     cdRef: ChangeDetectorRef;
-    treeSelectContainer: ElementRef;
-    treeSelectList: Tree;
     constructor(control: NgControl, cdRef: ChangeDetectorRef);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    onClickOutside(dd: HTMLElement): void;
-    onBoxClick(dd: HTMLElement): void;
-    onKeyDown(event: any, dd: HTMLElement): void;
+    onBeforeOptionsHidden(): void;
+    onBoxClick(): void;
+    onKeyDown(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeSelectComponent, [{ optional: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CpsTreeSelectComponent, "cps-tree-select", never, {}, {}, never, never, true, never>;
 }

package/package.json

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

package/public-api.d.ts

@@ -22,5 +22,7 @@ export * from './lib/components/cps-progress-linear/cps-progress-linear.componen
 export * from './lib/components/cps-datepicker/cps-datepicker.component';
 export * from './lib/components/cps-textarea/cps-textarea.component';
 export * from './lib/components/cps-button-toggle/cps-button-toggle.component';
+export * from './lib/components/cps-tab-group/cps-tab-group.component';
+export * from './lib/components/cps-tab-group/cps-tab/cps-tab.component';
 export * from './lib/directives/cps-tooltip.directive';
 export * from './lib/utils/colors-utils';

package/styles/cps-tooltip-style.scss

@@ -3,7 +3,7 @@
   top: 0;
   cursor: default;
   font-size: 14px;
-  background: #faf5f6;
+  background: #f9f5f6;
   color: var(--cps-color-text-darkest);
   font-family: 'Source Sans Pro', sans-serif;
   border: 1px solid var(--cps-color-calm);

package/esm2020/lib/directives/internal/click-outside.directive.mjs

@@ -1,45 +0,0 @@
-import { Directive, Output, EventEmitter, HostListener, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-export class ClickOutsideDirective {
-    // eslint-disable-next-line no-useless-constructor
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-        this.skipTargets = [];
-        this.clickOutside = new EventEmitter();
-    }
-    onClick(target) {
-        if (!this.elementRef?.nativeElement?.classList?.contains('focused'))
-            return;
-        for (const clss of this.skipTargets) {
-            if (target?.classList?.contains(clss)) {
-                this.clickOutside.emit();
-                return;
-            }
-        }
-        // if an element was detached from the dom, we are not clicking outside
-        if (!target?.isConnected) {
-            return;
-        }
-        const clickedInside = this.elementRef?.nativeElement?.contains(target);
-        if (!clickedInside) {
-            this.clickOutside.emit();
-        }
-    }
-}
-ClickOutsideDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-ClickOutsideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: ClickOutsideDirective, isStandalone: true, selector: "[clickOutside]", inputs: { skipTargets: "skipTargets" }, outputs: { clickOutside: "clickOutside" }, host: { listeners: { "document:click": "onClick($event.target)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ClickOutsideDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    standalone: true,
-                    selector: '[clickOutside]'
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { skipTargets: [{
-                type: Input
-            }], clickOutside: [{
-                type: Output
-            }], onClick: [{
-                type: HostListener,
-                args: ['document:click', ['$event.target']]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xpY2stb3V0c2lkZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcHMtdWkta2l0L3NyYy9saWIvZGlyZWN0aXZlcy9pbnRlcm5hbC9jbGljay1vdXRzaWRlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULE1BQU0sRUFDTixZQUFZLEVBRVosWUFBWSxFQUNaLEtBQUssRUFDTixNQUFNLGVBQWUsQ0FBQzs7QUFNdkIsTUFBTSxPQUFPLHFCQUFxQjtJQUloQyxrREFBa0Q7SUFDbEQsWUFBb0IsVUFBc0I7UUFBdEIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUpqQyxnQkFBVyxHQUFhLEVBQUUsQ0FBQztRQUMxQixpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7SUFHTCxDQUFDO0lBR3ZDLE9BQU8sQ0FBQyxNQUFXO1FBQ3hCLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLGFBQWEsRUFBRSxTQUFTLEVBQUUsUUFBUSxDQUFDLFNBQVMsQ0FBQztZQUFFLE9BQU87UUFFNUUsS0FBSyxNQUFNLElBQUksSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ25DLElBQUksTUFBTSxFQUFFLFNBQVMsRUFBRSxRQUFRLENBQUMsSUFBSSxDQUFDLEVBQUU7Z0JBQ3JDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUM7Z0JBQ3pCLE9BQU87YUFDUjtTQUNGO1FBRUQsdUVBQXVFO1FBQ3ZFLElBQUksQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFO1lBQ3hCLE9BQU87U0FDUjtRQUNELE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxVQUFVLEVBQUUsYUFBYSxFQUFFLFFBQVEsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN2RSxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ2xCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDMUI7SUFDSCxDQUFDOztrSEExQlUscUJBQXFCO3NHQUFyQixxQkFBcUI7MkZBQXJCLHFCQUFxQjtrQkFKakMsU0FBUzttQkFBQztvQkFDVCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLGdCQUFnQjtpQkFDM0I7aUdBRVUsV0FBVztzQkFBbkIsS0FBSztnQkFDSSxZQUFZO3NCQUFyQixNQUFNO2dCQU1BLE9BQU87c0JBRGIsWUFBWTt1QkFBQyxnQkFBZ0IsRUFBRSxDQUFDLGVBQWUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIERpcmVjdGl2ZSxcbiAgT3V0cHV0LFxuICBFdmVudEVtaXR0ZXIsXG4gIEVsZW1lbnRSZWYsXG4gIEhvc3RMaXN0ZW5lcixcbiAgSW5wdXRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ1tjbGlja091dHNpZGVdJ1xufSlcbmV4cG9ydCBjbGFzcyBDbGlja091dHNpZGVEaXJlY3RpdmUge1xuICBASW5wdXQoKSBza2lwVGFyZ2V0czogc3RyaW5nW10gPSBbXTtcbiAgQE91dHB1dCgpIGNsaWNrT3V0c2lkZSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tdXNlbGVzcy1jb25zdHJ1Y3RvclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHt9XG5cbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6Y2xpY2snLCBbJyRldmVudC50YXJnZXQnXSlcbiAgcHVibGljIG9uQ2xpY2sodGFyZ2V0OiBhbnkpIHtcbiAgICBpZiAoIXRoaXMuZWxlbWVudFJlZj8ubmF0aXZlRWxlbWVudD8uY2xhc3NMaXN0Py5jb250YWlucygnZm9jdXNlZCcpKSByZXR1cm47XG5cbiAgICBmb3IgKGNvbnN0IGNsc3Mgb2YgdGhpcy5za2lwVGFyZ2V0cykge1xuICAgICAgaWYgKHRhcmdldD8uY2xhc3NMaXN0Py5jb250YWlucyhjbHNzKSkge1xuICAgICAgICB0aGlzLmNsaWNrT3V0c2lkZS5lbWl0KCk7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAvLyBpZiBhbiBlbGVtZW50IHdhcyBkZXRhY2hlZCBmcm9tIHRoZSBkb20sIHdlIGFyZSBub3QgY2xpY2tpbmcgb3V0c2lkZVxuICAgIGlmICghdGFyZ2V0Py5pc0Nvbm5lY3RlZCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBjb25zdCBjbGlja2VkSW5zaWRlID0gdGhpcy5lbGVtZW50UmVmPy5uYXRpdmVFbGVtZW50Py5jb250YWlucyh0YXJnZXQpO1xuICAgIGlmICghY2xpY2tlZEluc2lkZSkge1xuICAgICAgdGhpcy5jbGlja091dHNpZGUuZW1pdCgpO1xuICAgIH1cbiAgfVxufVxuIl19

package/esm2020/lib/utils/internal/position-utils.mjs

@@ -1,12 +0,0 @@
-export const hasSpaceBelow = (box, optionsClass) => {
-    const containerRect = box?.nativeElement?.getBoundingClientRect();
-    if (!containerRect)
-        return true;
-    const optionsRect = box?.nativeElement
-        ?.querySelector(optionsClass)
-        ?.getBoundingClientRect();
-    if (!optionsRect)
-        return true;
-    return window.innerHeight - containerRect.bottom >= optionsRect.height;
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9zaXRpb24tdXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcHMtdWkta2l0L3NyYy9saWIvdXRpbHMvaW50ZXJuYWwvcG9zaXRpb24tdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLENBQUMsR0FBUSxFQUFFLFlBQW9CLEVBQVcsRUFBRTtJQUN2RSxNQUFNLGFBQWEsR0FBRyxHQUFHLEVBQUUsYUFBYSxFQUFFLHFCQUFxQixFQUFFLENBQUM7SUFDbEUsSUFBSSxDQUFDLGFBQWE7UUFBRSxPQUFPLElBQUksQ0FBQztJQUVoQyxNQUFNLFdBQVcsR0FBRyxHQUFHLEVBQUUsYUFBYTtRQUNwQyxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUM7UUFDN0IsRUFBRSxxQkFBcUIsRUFBRSxDQUFDO0lBRTVCLElBQUksQ0FBQyxXQUFXO1FBQUUsT0FBTyxJQUFJLENBQUM7SUFFOUIsT0FBTyxNQUFNLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxNQUFNLElBQUksV0FBVyxDQUFDLE1BQU0sQ0FBQztBQUN6RSxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY29uc3QgaGFzU3BhY2VCZWxvdyA9IChib3g6IGFueSwgb3B0aW9uc0NsYXNzOiBzdHJpbmcpOiBib29sZWFuID0+IHtcbiAgY29uc3QgY29udGFpbmVyUmVjdCA9IGJveD8ubmF0aXZlRWxlbWVudD8uZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gIGlmICghY29udGFpbmVyUmVjdCkgcmV0dXJuIHRydWU7XG5cbiAgY29uc3Qgb3B0aW9uc1JlY3QgPSBib3g/Lm5hdGl2ZUVsZW1lbnRcbiAgICA/LnF1ZXJ5U2VsZWN0b3Iob3B0aW9uc0NsYXNzKVxuICAgID8uZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG5cbiAgaWYgKCFvcHRpb25zUmVjdCkgcmV0dXJuIHRydWU7XG5cbiAgcmV0dXJuIHdpbmRvdy5pbm5lckhlaWdodCAtIGNvbnRhaW5lclJlY3QuYm90dG9tID49IG9wdGlvbnNSZWN0LmhlaWdodDtcbn07XG4iXX0=

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

@@ -1,11 +0,0 @@
-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, { "skipTargets": "skipTargets"; }, { "clickOutside": "clickOutside"; }, never, never, true, never>;
-}

package/lib/utils/internal/position-utils.d.ts

@@ -1 +0,0 @@
-export declare const hasSpaceBelow: (box: any, optionsClass: string) => boolean;