primeng 14.1.1 → 14.2.0

package/resources/themes/vela-orange/theme.css

@@ -243,6 +243,7 @@
 }
 .p-autocomplete .p-autocomplete-multiple-container {
   padding: 0.25rem 0.5rem;
+  gap: 0.5rem;
 }
 .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
   border-color: #FFD54F;
@@ -265,7 +266,6 @@
 }
 .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.25rem 0.5rem;
-  margin-right: 0.5rem;
   background: rgba(255, 213, 79, 0.16);
   color: rgba(255, 255, 255, 0.87);
   border-radius: 3px;
@@ -656,6 +656,15 @@ p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
   right: 2.357rem;
 }
 
+.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel {
+  box-shadow: none;
+  border-radius: 0;
+  padding: 0.25rem 0 0.25rem 0.5rem;
+}
+.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon {
+  transform: rotate(90deg);
+}
+
 .p-checkbox {
   width: 20px;
   height: 20px;
@@ -716,6 +725,7 @@ p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
 
 .p-chips .p-chips-multiple-container {
   padding: 0.25rem 0.5rem;
+  gap: 0.5rem;
 }
 .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
   border-color: #FFD54F;
@@ -728,7 +738,6 @@ p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
 }
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.25rem 0.5rem;
-  margin-right: 0.5rem;
   background: rgba(255, 213, 79, 0.16);
   color: rgba(255, 255, 255, 0.87);
   border-radius: 3px;
@@ -1331,9 +1340,11 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
 .p-multiselect .p-multiselect-label.p-placeholder {
   color: rgba(255, 255, 255, 0.6);
 }
+.p-multiselect.p-multiselect-chip .p-multiselect-label {
+  gap: 0.5rem;
+}
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.25rem 0.5rem;
-  margin-right: 0.5rem;
   background: rgba(255, 213, 79, 0.16);
   color: rgba(255, 255, 255, 0.87);
   border-radius: 3px;
@@ -1926,6 +1937,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   outline-offset: 0;
   box-shadow: 0 0 0 1px #ffe284;
 }
+.p-button .p-button-label {
+  transition-duration: 0.2s;
+}
 .p-button .p-button-icon-left {
   margin-right: 0.5rem;
 }
@@ -2846,13 +2860,46 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   border-width: 0 1px 1px 1px;
 }
 .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
-  border-width: 1px 1px 1px 1px;
+  border-width: 1px 0 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
+  border-width: 1px;
 }
 .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
+  border-width: 1px 0 0 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
+  border-width: 1px 1px 0 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
+  border-width: 1px 0 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
   border-width: 1px;
 }
 .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
-  border-width: 1px;
+  border-width: 1px 0 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
+  border-width: 1px 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
+  border-width: 0 0 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
+  border-width: 0 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
+  border-width: 0 0 1px 1px;
+}
+.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
+  border-width: 0 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
+  border-width: 0 0 0 1px;
+}
+.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
+  border-width: 0 1px 0 1px;
 }
 .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
   background: #253144;
@@ -4520,6 +4567,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-sidebar .p-sidebar-content {
   padding: 1rem;
 }
+.p-sidebar .p-sidebar-footer {
+  padding: 1rem;
+}
 
 .p-tooltip .p-tooltip-text {
   background: #304562;

package/resources/themes/vela-purple/theme.css

@@ -243,6 +243,7 @@
 }
 .p-autocomplete .p-autocomplete-multiple-container {
   padding: 0.25rem 0.5rem;
+  gap: 0.5rem;
 }
 .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
   border-color: #BA68C8;
@@ -265,7 +266,6 @@
 }
 .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.25rem 0.5rem;
-  margin-right: 0.5rem;
   background: rgba(186, 104, 200, 0.16);
   color: rgba(255, 255, 255, 0.87);
   border-radius: 3px;
@@ -656,6 +656,15 @@ p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
   right: 2.357rem;
 }
 
+.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel {
+  box-shadow: none;
+  border-radius: 0;
+  padding: 0.25rem 0 0.25rem 0.5rem;
+}
+.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon {
+  transform: rotate(90deg);
+}
+
 .p-checkbox {
   width: 20px;
   height: 20px;
@@ -716,6 +725,7 @@ p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
 
 .p-chips .p-chips-multiple-container {
   padding: 0.25rem 0.5rem;
+  gap: 0.5rem;
 }
 .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
   border-color: #BA68C8;
@@ -728,7 +738,6 @@ p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
 }
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.25rem 0.5rem;
-  margin-right: 0.5rem;
   background: rgba(186, 104, 200, 0.16);
   color: rgba(255, 255, 255, 0.87);
   border-radius: 3px;
@@ -1331,9 +1340,11 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
 .p-multiselect .p-multiselect-label.p-placeholder {
   color: rgba(255, 255, 255, 0.6);
 }
+.p-multiselect.p-multiselect-chip .p-multiselect-label {
+  gap: 0.5rem;
+}
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.25rem 0.5rem;
-  margin-right: 0.5rem;
   background: rgba(186, 104, 200, 0.16);
   color: rgba(255, 255, 255, 0.87);
   border-radius: 3px;
@@ -1926,6 +1937,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   outline-offset: 0;
   box-shadow: 0 0 0 1px #cf95d9;
 }
+.p-button .p-button-label {
+  transition-duration: 0.2s;
+}
 .p-button .p-button-icon-left {
   margin-right: 0.5rem;
 }
@@ -2846,13 +2860,46 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   border-width: 0 1px 1px 1px;
 }
 .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
-  border-width: 1px 1px 1px 1px;
+  border-width: 1px 0 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
+  border-width: 1px;
 }
 .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
+  border-width: 1px 0 0 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
+  border-width: 1px 1px 0 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
+  border-width: 1px 0 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
   border-width: 1px;
 }
 .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
-  border-width: 1px;
+  border-width: 1px 0 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
+  border-width: 1px 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
+  border-width: 0 0 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
+  border-width: 0 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
+  border-width: 0 0 1px 1px;
+}
+.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
+  border-width: 0 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
+  border-width: 0 0 0 1px;
+}
+.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
+  border-width: 0 1px 0 1px;
 }
 .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
   background: #253144;
@@ -4520,6 +4567,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-sidebar .p-sidebar-content {
   padding: 1rem;
 }
+.p-sidebar .p-sidebar-footer {
+  padding: 1rem;
+}
 
 .p-tooltip .p-tooltip-text {
   background: #304562;

package/scroller/scroller.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, ChangeDetectorRef, AfterContentInit, QueryList, TemplateRef, EventEmitter, SimpleChanges, OnInit, AfterViewChecked, OnDestroy, NgZone } from '@angular/core';
+import { AfterContentInit, AfterViewChecked, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 export declare type ScrollerToType = 'to-start' | 'to-end' | undefined;
@@ -13,7 +13,11 @@ export interface ScrollerOptions {
     scrollHeight?: string | undefined;
     scrollWidth?: string | undefined;
     orientation?: ScrollerOrientationType;
+    step?: number | undefined;
     delay?: number | undefined;
+    resizeDelay?: number | undefined;
+    appendOnly?: boolean;
+    inline?: boolean;
     lazy?: boolean;
     disabled?: boolean;
     loaderDisabled?: boolean;
@@ -49,10 +53,16 @@ export declare class Scroller implements OnInit, AfterContentInit, AfterViewChec
     set scrollWidth(val: string);
     get orientation(): string;
     set orientation(val: string);
+    get step(): number;
+    set step(val: number);
     get delay(): number;
     set delay(val: number);
     get resizeDelay(): number;
     set resizeDelay(val: number);
+    get appendOnly(): boolean;
+    set appendOnly(val: boolean);
+    get inline(): boolean;
+    set inline(val: boolean);
     get lazy(): boolean;
     set lazy(val: boolean);
     get disabled(): boolean;
@@ -90,8 +100,11 @@ export declare class Scroller implements OnInit, AfterContentInit, AfterViewChec
     _scrollHeight: string;
     _scrollWidth: string;
     _orientation: string;
+    _step: number;
     _delay: number;
     _resizeDelay: number;
+    _appendOnly: boolean;
+    _inline: boolean;
     _lazy: boolean;
     _disabled: boolean;
     _loaderDisabled: boolean;
@@ -112,8 +125,10 @@ export declare class Scroller implements OnInit, AfterContentInit, AfterViewChec
     loaderIconTemplate: TemplateRef<any>;
     first: any;
     last: any;
+    page: number;
     numItemsInViewport: any;
     lastScrollPos: any;
+    lazyLoadState: any;
     loaderArr: any[];
     spacerStyle: any;
     contentStyle: any;
@@ -129,6 +144,7 @@ export declare class Scroller implements OnInit, AfterContentInit, AfterViewChec
     get loadedItems(): any[];
     get loadedRows(): any[];
     get loadedColumns(): any;
+    get isPageChanged(): boolean;
     constructor(cd: ChangeDetectorRef, zone: NgZone);
     ngOnInit(): void;
     ngOnChanges(simpleChanges: SimpleChanges): void;
@@ -136,10 +152,12 @@ export declare class Scroller implements OnInit, AfterContentInit, AfterViewChec
     ngAfterViewInit(): void;
     ngAfterViewChecked(): void;
     ngOnDestroy(): void;
+    viewInit(): void;
     init(): void;
     setContentEl(el?: HTMLElement): void;
     setInitialState(): void;
     getElementRef(): ElementRef<any>;
+    getPageByFirst(): number;
     scrollTo(options: ScrollToOptions): void;
     scrollToIndex(index: number, behavior?: ScrollBehavior): void;
     scrollInView(index: number, to: ScrollerToType, behavior?: ScrollBehavior): void;
@@ -180,6 +198,8 @@ export declare class Scroller implements OnInit, AfterContentInit, AfterViewChec
     };
     onScrollChange(event: any): void;
     onContainerScroll(event: any): void;
+    bindResizeListener(): void;
+    unbindResizeListener(): void;
     onWindowResize(): void;
     handleEvents(name: any, params: any): any;
     getContentOptions(): {
@@ -214,7 +234,7 @@ export declare class Scroller implements OnInit, AfterContentInit, AfterViewChec
     };
     getLoaderOptions(index: any, extOptions: any): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<Scroller, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Scroller, "p-scroller", never, { "id": "id"; "style": "style"; "styleClass": "styleClass"; "tabindex": "tabindex"; "items": "items"; "itemSize": "itemSize"; "scrollHeight": "scrollHeight"; "scrollWidth": "scrollWidth"; "orientation": "orientation"; "delay": "delay"; "resizeDelay": "resizeDelay"; "lazy": "lazy"; "disabled": "disabled"; "loaderDisabled": "loaderDisabled"; "columns": "columns"; "showSpacer": "showSpacer"; "showLoader": "showLoader"; "numToleratedItems": "numToleratedItems"; "loading": "loading"; "autoSize": "autoSize"; "trackBy": "trackBy"; "options": "options"; }, { "onLazyLoad": "onLazyLoad"; "onScroll": "onScroll"; "onScrollIndexChange": "onScrollIndexChange"; }, ["templates"], ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Scroller, "p-scroller", never, { "id": "id"; "style": "style"; "styleClass": "styleClass"; "tabindex": "tabindex"; "items": "items"; "itemSize": "itemSize"; "scrollHeight": "scrollHeight"; "scrollWidth": "scrollWidth"; "orientation": "orientation"; "step": "step"; "delay": "delay"; "resizeDelay": "resizeDelay"; "appendOnly": "appendOnly"; "inline": "inline"; "lazy": "lazy"; "disabled": "disabled"; "loaderDisabled": "loaderDisabled"; "columns": "columns"; "showSpacer": "showSpacer"; "showLoader": "showLoader"; "numToleratedItems": "numToleratedItems"; "loading": "loading"; "autoSize": "autoSize"; "trackBy": "trackBy"; "options": "options"; }, { "onLazyLoad": "onLazyLoad"; "onScroll": "onScroll"; "onScrollIndexChange": "onScrollIndexChange"; }, ["templates"], ["*"], false>;
 }
 export declare class ScrollerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ScrollerModule, never>;

package/sidebar/sidebar.d.ts

@@ -35,6 +35,8 @@ export declare class Sidebar implements AfterViewInit, AfterContentInit, OnDestr
     documentEscapeListener: Function;
     animationEndListener: any;
     contentTemplate: TemplateRef<any>;
+    headerTemplate: TemplateRef<any>;
+    footerTemplate: TemplateRef<any>;
     constructor(el: ElementRef, renderer: Renderer2, cd: ChangeDetectorRef, config: PrimeNGConfig);
     ngAfterViewInit(): void;
     ngAfterContentInit(): void;

package/splitbutton/splitbutton.d.ts

@@ -5,10 +5,11 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "primeng/button";
 import * as i3 from "primeng/tieredmenu";
+declare type SplitButtonIconPosition = 'left' | 'right';
 export declare class SplitButton {
     model: MenuItem[];
     icon: string;
-    iconPos: string;
+    iconPos: SplitButtonIconPosition;
     label: string;
     onClick: EventEmitter<any>;
     onDropdownClick: EventEmitter<any>;
@@ -39,3 +40,4 @@ export declare class SplitButtonModule {
     static ɵmod: i0.ɵɵNgModuleDeclaration<SplitButtonModule, [typeof SplitButton], [typeof i1.CommonModule, typeof i2.ButtonModule, typeof i3.TieredMenuModule], [typeof SplitButton, typeof i2.ButtonModule, typeof i3.TieredMenuModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SplitButtonModule>;
 }
+export {};

package/table/table.d.ts

@@ -1,11 +1,8 @@
-import { OnInit, OnDestroy, AfterViewInit, AfterContentInit, EventEmitter, ElementRef, TemplateRef, QueryList, NgZone, ChangeDetectorRef, OnChanges, SimpleChanges, Renderer2 } from '@angular/core';
-import { PrimeTemplate, SelectItem, PrimeNGConfig, FilterService, OverlayService } from 'primeng/api';
-import { SortMeta } from 'primeng/api';
-import { FilterMetadata } from 'primeng/api';
-import { BlockableUI } from 'primeng/api';
-import { Subscription } from 'rxjs';
 import { AnimationEvent } from '@angular/animations';
+import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, QueryList, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
+import { BlockableUI, FilterMetadata, FilterService, OverlayService, PrimeNGConfig, PrimeTemplate, SelectItem, SortMeta } from 'primeng/api';
 import { Scroller, ScrollerOptions } from 'primeng/scroller';
+import { Subscription } from 'rxjs';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "primeng/paginator";
@@ -111,7 +108,9 @@ export declare class Table implements OnInit, AfterViewInit, AfterContentInit, B
     virtualScrollOptions: ScrollerOptions;
     virtualScrollDelay: number;
     frozenWidth: string;
-    responsive: boolean;
+    _responsive: boolean;
+    get responsive(): boolean;
+    set responsive(val: boolean);
     contextMenu: any;
     resizableColumns: boolean;
     columnResizeMode: string;
@@ -262,12 +261,12 @@ export declare class Table implements OnInit, AfterViewInit, AfterContentInit, B
     get processedData(): any[];
     dataToRender(data: any): any;
     updateSelectionKeys(): void;
-    updateScrollerPosition(): void;
     onPageChange(event: any): void;
     sort(event: any): void;
     sortSingle(): void;
     sortMultiple(): void;
     multisortField(data1: any, data2: any, multiSortMeta: any, index: any): any;
+    compareValuesOnSort(value1: any, value2: any, order: any): number;
     getSortMeta(field: string): SortMeta;
     isSorted(field: string): boolean;
     handleRowClick(event: any): void;
@@ -362,7 +361,6 @@ export declare class TableBody implements AfterViewInit, OnDestroy {
     subscription: Subscription;
     _value: any[];
     ngAfterViewInit(): void;
-    ngOnChanges(simpleChanges: SimpleChanges): void;
     constructor(dt: Table, tableService: TableService, cd: ChangeDetectorRef, el: ElementRef);
     shouldRenderRowGroupHeader(value: any, rowData: any, i: any): boolean;
     shouldRenderRowGroupFooter(value: any, rowData: any, i: any): boolean;
@@ -371,7 +369,6 @@ export declare class TableBody implements AfterViewInit, OnDestroy {
     ngOnDestroy(): void;
     updateFrozenRowStickyPosition(): void;
     updateFrozenRowGroupHeaderStickyPosition(): void;
-    updateScrollerPosition(): void;
     getScrollerOption(option: any, options?: any): any;
     getRowIndex(rowIndex: any): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableBody, never>;
@@ -726,33 +723,6 @@ export declare class ReorderableRow implements AfterViewInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<ReorderableRow, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ReorderableRow, "[pReorderableRow]", never, { "index": "pReorderableRow"; "pReorderableRowDisabled": "pReorderableRowDisabled"; }, {}, never, never, false>;
 }
-export declare class ColumnFilterFormElement implements OnInit {
-    dt: Table;
-    private colFilter;
-    field: string;
-    type: string;
-    filterConstraint: FilterMetadata;
-    filterTemplate: TemplateRef<any>;
-    placeholder: string;
-    minFractionDigits: number;
-    maxFractionDigits: number;
-    prefix: string;
-    suffix: string;
-    locale: string;
-    localeMatcher: string;
-    currency: string;
-    currencyDisplay: string;
-    useGrouping: boolean;
-    get showButtons(): boolean;
-    filterCallback: Function;
-    constructor(dt: Table, colFilter: ColumnFilter);
-    ngOnInit(): void;
-    onModelChange(value: any): void;
-    onTextInputEnterKeyDown(event: KeyboardEvent): void;
-    onNumericInputKeyDown(event: KeyboardEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnFilterFormElement, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnFilterFormElement, "p-columnFilterFormElement", never, { "field": "field"; "type": "type"; "filterConstraint": "filterConstraint"; "filterTemplate": "filterTemplate"; "placeholder": "placeholder"; "minFractionDigits": "minFractionDigits"; "maxFractionDigits": "maxFractionDigits"; "prefix": "prefix"; "suffix": "suffix"; "locale": "locale"; "localeMatcher": "localeMatcher"; "currency": "currency"; "currencyDisplay": "currencyDisplay"; "useGrouping": "useGrouping"; }, {}, never, never, false>;
-}
 export declare class ColumnFilter implements AfterContentInit {
     el: ElementRef;
     dt: Table;
@@ -852,6 +822,33 @@ export declare class ColumnFilter implements AfterContentInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnFilter, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ColumnFilter, "p-columnFilter", never, { "field": "field"; "type": "type"; "display": "display"; "showMenu": "showMenu"; "matchMode": "matchMode"; "operator": "operator"; "showOperator": "showOperator"; "showClearButton": "showClearButton"; "showApplyButton": "showApplyButton"; "showMatchModes": "showMatchModes"; "showAddButton": "showAddButton"; "hideOnClear": "hideOnClear"; "placeholder": "placeholder"; "matchModeOptions": "matchModeOptions"; "maxConstraints": "maxConstraints"; "minFractionDigits": "minFractionDigits"; "maxFractionDigits": "maxFractionDigits"; "prefix": "prefix"; "suffix": "suffix"; "locale": "locale"; "localeMatcher": "localeMatcher"; "currency": "currency"; "currencyDisplay": "currencyDisplay"; "useGrouping": "useGrouping"; "showButtons": "showButtons"; }, {}, ["templates"], never, false>;
 }
+export declare class ColumnFilterFormElement implements OnInit {
+    dt: Table;
+    private colFilter;
+    field: string;
+    type: string;
+    filterConstraint: FilterMetadata;
+    filterTemplate: TemplateRef<any>;
+    placeholder: string;
+    minFractionDigits: number;
+    maxFractionDigits: number;
+    prefix: string;
+    suffix: string;
+    locale: string;
+    localeMatcher: string;
+    currency: string;
+    currencyDisplay: string;
+    useGrouping: boolean;
+    get showButtons(): boolean;
+    filterCallback: Function;
+    constructor(dt: Table, colFilter: ColumnFilter);
+    ngOnInit(): void;
+    onModelChange(value: any): void;
+    onTextInputEnterKeyDown(event: KeyboardEvent): void;
+    onNumericInputKeyDown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnFilterFormElement, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnFilterFormElement, "p-columnFilterFormElement", never, { "field": "field"; "type": "type"; "filterConstraint": "filterConstraint"; "filterTemplate": "filterTemplate"; "placeholder": "placeholder"; "minFractionDigits": "minFractionDigits"; "maxFractionDigits": "maxFractionDigits"; "prefix": "prefix"; "suffix": "suffix"; "locale": "locale"; "localeMatcher": "localeMatcher"; "currency": "currency"; "currencyDisplay": "currencyDisplay"; "useGrouping": "useGrouping"; }, {}, never, never, false>;
+}
 export declare class TableModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TableModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<TableModule, [typeof Table, typeof SortableColumn, typeof FrozenColumn, typeof RowGroupHeader, typeof SelectableRow, typeof RowToggler, typeof ContextMenuRow, typeof ResizableColumn, typeof ReorderableColumn, typeof EditableColumn, typeof CellEditor, typeof TableBody, typeof SortIcon, typeof TableRadioButton, typeof TableCheckbox, typeof TableHeaderCheckbox, typeof ReorderableRowHandle, typeof ReorderableRow, typeof SelectableRowDblClick, typeof EditableRow, typeof InitEditableRow, typeof SaveEditableRow, typeof CancelEditableRow, typeof ColumnFilter, typeof ColumnFilterFormElement], [typeof i1.CommonModule, typeof i2.PaginatorModule, typeof i3.InputTextModule, typeof i4.DropdownModule, typeof i5.FormsModule, typeof i6.ButtonModule, typeof i7.SelectButtonModule, typeof i8.CalendarModule, typeof i9.InputNumberModule, typeof i10.TriStateCheckboxModule, typeof i11.ScrollerModule], [typeof Table, typeof i12.SharedModule, typeof SortableColumn, typeof FrozenColumn, typeof RowGroupHeader, typeof SelectableRow, typeof RowToggler, typeof ContextMenuRow, typeof ResizableColumn, typeof ReorderableColumn, typeof EditableColumn, typeof CellEditor, typeof SortIcon, typeof TableRadioButton, typeof TableCheckbox, typeof TableHeaderCheckbox, typeof ReorderableRowHandle, typeof ReorderableRow, typeof SelectableRowDblClick, typeof EditableRow, typeof InitEditableRow, typeof SaveEditableRow, typeof CancelEditableRow, typeof ColumnFilter, typeof ColumnFilterFormElement, typeof i11.ScrollerModule]>;