cps-ui-kit 18.11.0 → 19.2.0

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

@@ -2,9 +2,9 @@ import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges,
 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, CpsMenuHideReason } from '../cps-menu/cps-menu.component';
+import { Scroller } from 'primeng/scroller';
 import * as i0 from "@angular/core";
 /**
  * CpsAutocompleteAppearanceType is used to define the border of the autocomplete input.
@@ -264,7 +264,7 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
     blurred: EventEmitter<any>;
     autocompleteBox: ElementRef;
     autocompleteContainer: ElementRef;
-    virtualList: VirtualScroller;
+    virtualList: Scroller;
     optionsMenu: CpsMenuComponent;
     optionsList: ElementRef;
     autocompleteInput: ElementRef;

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

@@ -1,8 +1,9 @@
 import { AnimationEvent } from '@angular/animations';
 import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, Renderer2, SimpleChanges } from '@angular/core';
-import { OverlayService, PrimeNGConfig } from 'primeng/api';
+import { OverlayService } from 'primeng/api';
 import { ConnectedOverlayScrollHandler } from 'primeng/dom';
 import { Subscription } from 'rxjs';
+import { PrimeNG } from 'primeng/config';
 import * as i0 from "@angular/core";
 type Nullable<T = void> = T | null | undefined;
 type VoidListener = () => void | null | undefined;
@@ -50,7 +51,7 @@ export declare class CpsMenuComponent implements AfterViewInit, OnDestroy, OnCha
     renderer: Renderer2;
     cd: ChangeDetectorRef;
     private zone;
-    config: PrimeNGConfig;
+    primeNG: PrimeNG;
     overlayService: OverlayService;
     /**
      * Header title of the menu.
@@ -141,7 +142,7 @@ export declare class CpsMenuComponent implements AfterViewInit, OnDestroy, OnCha
     itemsClasses: string[];
     hideReason: CpsMenuHideReason | undefined;
     private window;
-    constructor(document: Document, platformId: any, el: ElementRef, renderer: Renderer2, cd: ChangeDetectorRef, zone: NgZone, config: PrimeNGConfig, overlayService: OverlayService);
+    constructor(document: Document, platformId: any, el: ElementRef, renderer: Renderer2, cd: ChangeDetectorRef, zone: NgZone, primeNG: PrimeNG, overlayService: OverlayService);
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     private _setItemsClasses;

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

@@ -1,9 +1,9 @@
 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 { CpsTooltipPosition } from '../../directives/cps-tooltip/cps-tooltip.directive';
 import { CpsMenuComponent } from '../cps-menu/cps-menu.component';
+import { Scroller } from 'primeng/scroller';
 import * as i0 from "@angular/core";
 /**
  * CpsSelectAppearanceType is used to define the border of the select input.
@@ -213,7 +213,7 @@ export declare class CpsSelectComponent implements ControlValueAccessor, OnInit,
     blurred: EventEmitter<any>;
     selectBox: ElementRef;
     selectContainer: ElementRef;
-    virtualList: VirtualScroller;
+    virtualList: Scroller;
     optionsMenu: CpsMenuComponent;
     optionsList: ElementRef;
     private _statusChangesSubscription?;

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

@@ -366,6 +366,26 @@ export declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnD
      * @group Props
      */
     autoColumnFilterType: boolean;
+    /**
+     * Determines whether to show export button in the toolbar.
+     * @group Props
+     */
+    showExportBtn: boolean;
+    /**
+     * Determines whether export button is disabled.
+     * @group Props
+     */
+    exportBtnDisabled: boolean;
+    /**
+     * Filename to use when exporting data (without extension).
+     * @group Props
+     */
+    exportFilename: string;
+    /**
+     * Original source data to use for export instead of processed tree table data.
+     * @group Props
+     */
+    exportOriginalData: any[];
     /**
      * If set to true, row data are rendered using innerHTML.
      * @group Props
@@ -558,6 +578,10 @@ export declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnD
     onFilter(event: any): void;
     onSelectColumn(col: any): void;
     onSelectionChanged(selection: any): void;
+    onExportData(): void;
+    exportJSON(): void;
+    getExportData(): any[];
+    private removeCircularReferences;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsTreeTableComponent, "cps-tree-table", never, { "columns": { "alias": "columns"; "required": false; }; "colHeaderName": { "alias": "colHeaderName"; "required": false; }; "colFieldName": { "alias": "colFieldName"; "required": false; }; "colFilterTypeName": { "alias": "colFilterTypeName"; "required": false; }; "colDateFormatName": { "alias": "colDateFormatName"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "minWidthForBodyOnly": { "alias": "minWidthForBodyOnly"; "required": false; }; "autoLayout": { "alias": "autoLayout"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "size": { "alias": "size"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "rowHover": { "alias": "rowHover"; "required": false; }; "showRowMenu": { "alias": "showRowMenu"; "required": false; }; "showRowRemoveButton": { "alias": "showRowRemoveButton"; "required": false; }; "showRowEditButton": { "alias": "showRowEditButton"; "required": false; }; "rowMenuItems": { "alias": "rowMenuItems"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "tableStyle": { "alias": "tableStyle"; "required": false; }; "tableStyleClass": { "alias": "tableStyleClass"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "sortMode": { "alias": "sortMode"; "required": false; }; "customSort": { "alias": "customSort"; "required": false; }; "hasToolbar": { "alias": "hasToolbar"; "required": false; }; "toolbarSize": { "alias": "toolbarSize"; "required": false; }; "toolbarTitle": { "alias": "toolbarTitle"; "required": false; }; "toolbarIcon": { "alias": "toolbarIcon"; "required": false; }; "toolbarIconColor": { "alias": "toolbarIconColor"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemHeight": { "alias": "virtualScrollItemHeight"; "required": false; }; "numToleratedItems": { "alias": "numToleratedItems"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "alwaysShowPaginator": { "alias": "alwaysShowPaginator"; "required": false; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; }; "first": { "alias": "first"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "resetPageOnRowsChange": { "alias": "resetPageOnRowsChange"; "required": false; }; "resetPageOnSort": { "alias": "resetPageOnSort"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "emptyBodyHeight": { "alias": "emptyBodyHeight"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "lazyLoadOnInit": { "alias": "lazyLoadOnInit"; "required": false; }; "showGlobalFilter": { "alias": "showGlobalFilter"; "required": false; }; "globalFilterPlaceholder": { "alias": "globalFilterPlaceholder"; "required": false; }; "globalFilterFields": { "alias": "globalFilterFields"; "required": false; }; "clearGlobalFilterOnLoading": { "alias": "clearGlobalFilterOnLoading"; "required": false; }; "showRemoveBtnOnSelect": { "alias": "showRemoveBtnOnSelect"; "required": false; }; "removeBtnOnSelectDisabled": { "alias": "removeBtnOnSelectDisabled"; "required": false; }; "showAdditionalBtnOnSelect": { "alias": "showAdditionalBtnOnSelect"; "required": false; }; "additionalBtnOnSelectTitle": { "alias": "additionalBtnOnSelectTitle"; "required": false; }; "additionalBtnOnSelectIcon": { "alias": "additionalBtnOnSelectIcon"; "required": false; }; "additionalBtnOnSelectDisabled": { "alias": "additionalBtnOnSelectDisabled"; "required": false; }; "showActionBtn": { "alias": "showActionBtn"; "required": false; }; "actionBtnTitle": { "alias": "actionBtnTitle"; "required": false; }; "actionBtnIcon": { "alias": "actionBtnIcon"; "required": false; }; "actionBtnDisabled": { "alias": "actionBtnDisabled"; "required": false; }; "showDataReloadBtn": { "alias": "showDataReloadBtn"; "required": false; }; "dataReloadBtnDisabled": { "alias": "dataReloadBtnDisabled"; "required": false; }; "showColumnsToggleBtn": { "alias": "showColumnsToggleBtn"; "required": false; }; "columnsToggleBtnDisabled": { "alias": "columnsToggleBtnDisabled"; "required": false; }; "initialColumns": { "alias": "initialColumns"; "required": false; }; "filterableByColumns": { "alias": "filterableByColumns"; "required": false; }; "autoColumnFilterType": { "alias": "autoColumnFilterType"; "required": false; }; "renderDataAsHTML": { "alias": "renderDataAsHTML"; "required": false; }; "data": { "alias": "data"; "required": false; }; "resizableColumns": { "alias": "resizableColumns"; "required": false; }; "columnResizeMode": { "alias": "columnResizeMode"; "required": false; }; }, { "rowsSelected": "rowsSelected"; "actionBtnClicked": "actionBtnClicked"; "additionalBtnOnSelectClicked": "additionalBtnOnSelectClicked"; "editRowBtnClicked": "editRowBtnClicked"; "rowsToRemove": "rowsToRemove"; "pageChanged": "pageChanged"; "sorted": "sorted"; "filtered": "filtered"; "columnsSelected": "columnsSelected"; "lazyLoaded": "lazyLoaded"; "dataReloadBtnClicked": "dataReloadBtnClicked"; "nodeExpanded": "nodeExpanded"; "nodeCollapsed": "nodeCollapsed"; "nodeSelected": "nodeSelected"; "nodeUnselected": "nodeUnselected"; "customSortFunction": "customSortFunction"; }, ["toolbarTemplate", "headerTemplate", "nestedHeaderTemplate", "bodyTemplate", "colgroupTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsTreeTableComponent, "cps-tree-table", never, { "columns": { "alias": "columns"; "required": false; }; "colHeaderName": { "alias": "colHeaderName"; "required": false; }; "colFieldName": { "alias": "colFieldName"; "required": false; }; "colFilterTypeName": { "alias": "colFilterTypeName"; "required": false; }; "colDateFormatName": { "alias": "colDateFormatName"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "minWidthForBodyOnly": { "alias": "minWidthForBodyOnly"; "required": false; }; "autoLayout": { "alias": "autoLayout"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "size": { "alias": "size"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "rowHover": { "alias": "rowHover"; "required": false; }; "showRowMenu": { "alias": "showRowMenu"; "required": false; }; "showRowRemoveButton": { "alias": "showRowRemoveButton"; "required": false; }; "showRowEditButton": { "alias": "showRowEditButton"; "required": false; }; "rowMenuItems": { "alias": "rowMenuItems"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "tableStyle": { "alias": "tableStyle"; "required": false; }; "tableStyleClass": { "alias": "tableStyleClass"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "sortMode": { "alias": "sortMode"; "required": false; }; "customSort": { "alias": "customSort"; "required": false; }; "hasToolbar": { "alias": "hasToolbar"; "required": false; }; "toolbarSize": { "alias": "toolbarSize"; "required": false; }; "toolbarTitle": { "alias": "toolbarTitle"; "required": false; }; "toolbarIcon": { "alias": "toolbarIcon"; "required": false; }; "toolbarIconColor": { "alias": "toolbarIconColor"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemHeight": { "alias": "virtualScrollItemHeight"; "required": false; }; "numToleratedItems": { "alias": "numToleratedItems"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "alwaysShowPaginator": { "alias": "alwaysShowPaginator"; "required": false; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; }; "first": { "alias": "first"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "resetPageOnRowsChange": { "alias": "resetPageOnRowsChange"; "required": false; }; "resetPageOnSort": { "alias": "resetPageOnSort"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "emptyBodyHeight": { "alias": "emptyBodyHeight"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "lazyLoadOnInit": { "alias": "lazyLoadOnInit"; "required": false; }; "showGlobalFilter": { "alias": "showGlobalFilter"; "required": false; }; "globalFilterPlaceholder": { "alias": "globalFilterPlaceholder"; "required": false; }; "globalFilterFields": { "alias": "globalFilterFields"; "required": false; }; "clearGlobalFilterOnLoading": { "alias": "clearGlobalFilterOnLoading"; "required": false; }; "showRemoveBtnOnSelect": { "alias": "showRemoveBtnOnSelect"; "required": false; }; "removeBtnOnSelectDisabled": { "alias": "removeBtnOnSelectDisabled"; "required": false; }; "showAdditionalBtnOnSelect": { "alias": "showAdditionalBtnOnSelect"; "required": false; }; "additionalBtnOnSelectTitle": { "alias": "additionalBtnOnSelectTitle"; "required": false; }; "additionalBtnOnSelectIcon": { "alias": "additionalBtnOnSelectIcon"; "required": false; }; "additionalBtnOnSelectDisabled": { "alias": "additionalBtnOnSelectDisabled"; "required": false; }; "showActionBtn": { "alias": "showActionBtn"; "required": false; }; "actionBtnTitle": { "alias": "actionBtnTitle"; "required": false; }; "actionBtnIcon": { "alias": "actionBtnIcon"; "required": false; }; "actionBtnDisabled": { "alias": "actionBtnDisabled"; "required": false; }; "showDataReloadBtn": { "alias": "showDataReloadBtn"; "required": false; }; "dataReloadBtnDisabled": { "alias": "dataReloadBtnDisabled"; "required": false; }; "showColumnsToggleBtn": { "alias": "showColumnsToggleBtn"; "required": false; }; "columnsToggleBtnDisabled": { "alias": "columnsToggleBtnDisabled"; "required": false; }; "initialColumns": { "alias": "initialColumns"; "required": false; }; "filterableByColumns": { "alias": "filterableByColumns"; "required": false; }; "autoColumnFilterType": { "alias": "autoColumnFilterType"; "required": false; }; "showExportBtn": { "alias": "showExportBtn"; "required": false; }; "exportBtnDisabled": { "alias": "exportBtnDisabled"; "required": false; }; "exportFilename": { "alias": "exportFilename"; "required": false; }; "exportOriginalData": { "alias": "exportOriginalData"; "required": false; }; "renderDataAsHTML": { "alias": "renderDataAsHTML"; "required": false; }; "data": { "alias": "data"; "required": false; }; "resizableColumns": { "alias": "resizableColumns"; "required": false; }; "columnResizeMode": { "alias": "columnResizeMode"; "required": false; }; }, { "rowsSelected": "rowsSelected"; "actionBtnClicked": "actionBtnClicked"; "additionalBtnOnSelectClicked": "additionalBtnOnSelectClicked"; "editRowBtnClicked": "editRowBtnClicked"; "rowsToRemove": "rowsToRemove"; "pageChanged": "pageChanged"; "sorted": "sorted"; "filtered": "filtered"; "columnsSelected": "columnsSelected"; "lazyLoaded": "lazyLoaded"; "dataReloadBtnClicked": "dataReloadBtnClicked"; "nodeExpanded": "nodeExpanded"; "nodeCollapsed": "nodeCollapsed"; "nodeSelected": "nodeSelected"; "nodeUnselected": "nodeUnselected"; "customSortFunction": "customSortFunction"; }, ["toolbarTemplate", "headerTemplate", "nestedHeaderTemplate", "bodyTemplate", "colgroupTemplate"], never, true, never>;
 }

package/lib/services/cps-dialog/internal/components/cps-dialog/cps-dialog.component.d.ts

@@ -1,9 +1,9 @@
 import { AnimationEvent } from '@angular/animations';
 import { AfterViewInit, ChangeDetectorRef, ComponentRef, ElementRef, EventEmitter, NgZone, OnDestroy, Renderer2, Type } from '@angular/core';
-import { PrimeNGConfig } from 'primeng/api';
 import { CpsDialogContentDirective } from '../../directives/cps-dialog-content.directive';
 import { CpsDialogConfig } from '../../../utils/cps-dialog-config';
 import { CpsDialogRef } from '../../../utils/cps-dialog-ref';
+import { PrimeNG } from 'primeng/config';
 import * as i0 from "@angular/core";
 type Nullable<T = void> = T | null | undefined;
 type VoidListener = () => void | null | undefined;
@@ -15,7 +15,7 @@ export declare class CpsDialogComponent implements AfterViewInit, OnDestroy {
     renderer: Renderer2;
     config: CpsDialogConfig;
     zone: NgZone;
-    primeNGConfig: PrimeNGConfig;
+    primeNG: PrimeNG;
     visible: boolean;
     componentRef: Nullable<ComponentRef<any>>;
     resizing: boolean | undefined;
@@ -55,7 +55,7 @@ export declare class CpsDialogComponent implements AfterViewInit, OnDestroy {
     set style(value: any);
     get position(): string;
     get parent(): Element | undefined;
-    constructor(document: Document, platformId: any, _dialogRef: CpsDialogRef, _cdRef: ChangeDetectorRef, renderer: Renderer2, config: CpsDialogConfig, zone: NgZone, primeNGConfig: PrimeNGConfig);
+    constructor(document: Document, platformId: any, _dialogRef: CpsDialogRef, _cdRef: ChangeDetectorRef, renderer: Renderer2, config: CpsDialogConfig, zone: NgZone, primeNG: PrimeNG);
     ngAfterViewInit(): void;
     loadChildComponent(componentType: Type<any>): void;
     moveOnTop(): void;

package/lib/services/cps-notification/internal/components/cps-notification-container/cps-notification-container.component.d.ts

@@ -1,13 +1,13 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, Renderer2 } from '@angular/core';
-import { PrimeNGConfig } from 'primeng/api';
 import { CpsNotificationConfig, CpsNotificationPosition } from '../../../utils/cps-notification-config';
 import { CpsNotificationData } from '../../../utils/internal/cps-notification-data';
+import { PrimeNG } from 'primeng/config';
 import * as i0 from "@angular/core";
 type Nullable<T = void> = T | null | undefined;
 export declare class CpsNotificationContainerComponent implements AfterViewInit, OnDestroy {
     renderer: Renderer2;
     zone: NgZone;
-    primeNGConfig: PrimeNGConfig;
+    primeNG: PrimeNG;
     private _cdRef;
     /**
      * Position of the notification container.
@@ -27,7 +27,7 @@ export declare class CpsNotificationContainerComponent implements AfterViewInit,
         data: CpsNotificationData;
         config: CpsNotificationConfig;
     }[];
-    constructor(renderer: Renderer2, zone: NgZone, primeNGConfig: PrimeNGConfig, _cdRef: ChangeDetectorRef);
+    constructor(renderer: Renderer2, zone: NgZone, primeNG: PrimeNG, _cdRef: ChangeDetectorRef);
     ngAfterViewInit(): void;
     addNotification(config: CpsNotificationConfig, data: CpsNotificationData): void;
     onCloseNotification(index: number): void;

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "cps-ui-kit",
-  "version": "18.11.0",
+  "version": "19.2.0",
   "peerDependencies": {
-    "@angular/common": "^18.1.0",
-    "@angular/core": "^18.1.0",
-    "@angular/forms": "^18.1.0",
+    "@angular/common": "^19.1.0",
+    "@angular/core": "^19.1.0",
+    "@angular/forms": "^19.1.0",
     "rxjs": "^7.8.1",
-    "zone.js": "^0.14.8",
+    "zone.js": "^0.15.0",
     "@types/lodash-es": "^4.17.12",
     "lodash-es": "^4.17.21",
-    "primeng": "^17.18.6",
+    "primeng": "^19.0.5",
     "xlsx": "^0.18.5"
   },
   "repository": {
@@ -30,8 +30,6 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2022": "./esm2022/cps-ui-kit.mjs",
-      "esm": "./esm2022/cps-ui-kit.mjs",
       "default": "./fesm2022/cps-ui-kit.mjs"
     }
   }

package/styles/styles.scss

@@ -8,3 +8,12 @@
 *::after {
   box-sizing: border-box;
 }
+
+// See https://github.com/primefaces/primeng/issues/17437
+.p-scrollbar-measure {
+  width: 100px;
+  height: 100px;
+  overflow: scroll;
+  position: absolute;
+  top: -9999px;
+}

package/esm2022/cps-ui-kit.mjs

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './public-api';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3BzLXVpLWtpdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2Nwcy11aS1raXQvc3JjL2Nwcy11aS1raXQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==