primeng 17.1.0 → 17.3.0

package/fesm2022/primeng-table.mjs

@@ -2111,7 +2111,7 @@ class Table {
                     });
                 }
             }
-            if (this.resizableColumns && this.resizeColumnElement && this.resizeColumnElement.isSameNode(this.draggedColumn)) {
+            if (this.resizableColumns && this.resizeColumnElement) {
                 let width = this.columnResizeMode === 'expand' ? this._initialColWidths : this._totalTableWidth();
                 ObjectUtils.reorderArray(width, dragIndex + 1, dropIndex + 1);
                 this.updateStyleElement(width, dragIndex, null, null);
@@ -5222,6 +5222,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImpor
                 type: HostListener,
                 args: ['drop', ['$event']]
             }] } });
+/**
+ * Column Filter element of Table.
+ * @group Components
+ */
 class ColumnFilter {
     document;
     el;
@@ -5230,30 +5234,131 @@ class ColumnFilter {
     config;
     overlayService;
     cd;
+    /**
+     * Property represented by the column.
+     * @group Props
+     */
     field;
+    /**
+     * Type of the input.
+     * @group Props
+     */
     type = 'text';
+    /**
+     * Filter display.
+     * @group Props
+     */
     display = 'row';
+    /**
+     * Decides whether to display filter menu popup.
+     * @group Props
+     */
     showMenu = true;
+    /**
+     * Filter match mode.
+     * @group Props
+     */
     matchMode;
+    /**
+     * Filter operator.
+     * @defaultValue 'AND'
+     * @group Props
+     */
     operator = FilterOperator.AND;
+    /**
+     * Decides whether to display filter operator.
+     * @group Props
+     */
     showOperator = true;
+    /**
+     * Decides whether to display clear filter button.
+     * @group Props
+     */
     showClearButton = true;
+    /**
+     * Decides whether to display apply filter button.
+     * @group Props
+     */
     showApplyButton = true;
+    /**
+     * Decides whether to display filter match modes.
+     * @group Props
+     */
     showMatchModes = true;
+    /**
+     * Decides whether to display add filter button.
+     * @group Props
+     */
     showAddButton = true;
+    /**
+     * Decides whether to close popup on clear button click.
+     * @group Props
+     */
     hideOnClear = false;
+    /**
+     * Filter placeholder.
+     * @group Props
+     */
     placeholder;
+    /**
+     * Filter match mode options.
+     * @group Props
+     */
     matchModeOptions;
+    /**
+     * Defines maximum amount of constraints.
+     * @group Props
+     */
     maxConstraints = 2;
+    /**
+     * Defines minimum fraction of digits.
+     * @group Props
+     */
     minFractionDigits;
+    /**
+     * Defines maximum fraction of digits.
+     * @group Props
+     */
     maxFractionDigits;
+    /**
+     * Defines prefix of the filter.
+     * @group Props
+     */
     prefix;
+    /**
+     * Defines suffix of the filter.
+     * @group Props
+     */
     suffix;
+    /**
+     * Defines filter locale.
+     * @group Props
+     */
     locale;
+    /**
+     * Defines filter locale matcher.
+     * @group Props
+     */
     localeMatcher;
+    /**
+     * Enables currency input.
+     * @group Props
+     */
     currency;
+    /**
+     * Defines the display of the currency input.
+     * @group Props
+     */
     currencyDisplay;
+    /**
+     * Defines if filter grouping will be enabled.
+     * @group Props
+     */
     useGrouping = true;
+    /**
+     * Defines the visibility of buttons.
+     * @group Props
+     */
     showButtons = true;
     icon;
     clearButtonViewChild;
@@ -5265,6 +5370,7 @@ class ColumnFilter {
     filterIconTemplate;
     removeRuleIconTemplate;
     addRuleIconTemplate;
+    clearFilterIconTemplate;
     operatorOptions;
     overlayVisible;
     overlay;
@@ -5370,6 +5476,9 @@ class ColumnFilter {
                 case 'filtericon':
                     this.filterIconTemplate = item.template;
                     break;
+                case 'clearfiltericon':
+                    this.clearFilterIconTemplate = item.template;
+                    break;
                 case 'removeruleicon':
                     this.removeRuleIconTemplate = item.template;
                     break;
@@ -5574,7 +5683,7 @@ class ColumnFilter {
     bindDocumentClickListener() {
         if (!this.documentClickListener) {
             const documentTarget = this.el ? this.el.nativeElement.ownerDocument : 'document';
-            this.documentClickListener = this.renderer.listen(documentTarget, 'click', (event) => {
+            this.documentClickListener = this.renderer.listen(documentTarget, 'mousedown', (event) => {
                 if (this.overlayVisible && !this.selfClick && this.isOutsideClicked(event)) {
                     this.hide();
                 }
@@ -5696,8 +5805,8 @@ class ColumnFilter {
                 </span>
             </button>
             <button #icon *ngIf="showClearButton && display === 'row'" [ngClass]="{ 'p-hidden-space': !hasRowFilter() }" type="button" class="p-column-filter-clear-button p-link" (click)="clearFilter()" [attr.aria-label]="clearButtonLabel">
-                <FilterSlashIcon *ngIf="!clearIconTemplate" />
-                <ng-template *ngTemplateOutlet="clearFilterIcon"></ng-template>
+                <FilterSlashIcon *ngIf="!clearFilterIconTemplate" />
+                <ng-template *ngTemplateOutlet="clearFilterIconTemplate"></ng-template>
             </button>
             <div
                 *ngIf="showMenu && overlayVisible"
@@ -5765,6 +5874,7 @@ class ColumnFilter {
                                     (click)="removeConstraint(fieldConstraint)"
                                     pRipple
                                     [attr.aria-label]="removeRuleButtonLabel"
+                                    [label]="removeRuleButtonLabel"
                                 >
                                     <TrashIcon *ngIf="!removeRuleIconTemplate" />
                                     <ng-template *ngTemplateOutlet="removeRuleIconTemplate"></ng-template>
@@ -5773,14 +5883,14 @@ class ColumnFilter {
                         </div>
                     </div>
                     <div class="p-column-filter-add-rule" *ngIf="isShowAddConstraint">
-                        <button type="button" pButton [attr.aria-label]="addRuleButtonLabel" class="p-column-filter-add-button p-button-text p-button-sm" (click)="addConstraint()" pRipple>
+                        <button type="button" pButton [label]="addRuleButtonLabel" [attr.aria-label]="addRuleButtonLabel" class="p-column-filter-add-button p-button-text p-button-sm" (click)="addConstraint()" pRipple>
                             <PlusIcon *ngIf="!addRuleIconTemplate" />
                             <ng-template *ngTemplateOutlet="addRuleIconTemplate"></ng-template>
                         </button>
                     </div>
                     <div class="p-column-filter-buttonbar">
                         <button #clearBtn *ngIf="showClearButton" type="button" pButton class="p-button-outlined p-button-sm" (click)="clearFilter()" [attr.aria-label]="clearButtonLabel" [label]="clearButtonLabel" pRipple></button>
-                        <button *ngIf="showApplyButton" type="button" pButton (click)="applyFilter()" class="p-button-sm" [attr.aria-label]="applyButtonLabel" pRipple [label]="applyButtonLabel"></button>
+                        <button *ngIf="showApplyButton" type="button" pButton (click)="applyFilter()" class="p-button-sm" [label]="applyButtonLabel" pRipple [attr.aria-label]="applyButtonLabel"></button>
                     </div>
                 </ng-template>
                 <ng-container *ngTemplateOutlet="footerTemplate; context: { $implicit: field }"></ng-container>
@@ -5832,8 +5942,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImpor
                 </span>
             </button>
             <button #icon *ngIf="showClearButton && display === 'row'" [ngClass]="{ 'p-hidden-space': !hasRowFilter() }" type="button" class="p-column-filter-clear-button p-link" (click)="clearFilter()" [attr.aria-label]="clearButtonLabel">
-                <FilterSlashIcon *ngIf="!clearIconTemplate" />
-                <ng-template *ngTemplateOutlet="clearFilterIcon"></ng-template>
+                <FilterSlashIcon *ngIf="!clearFilterIconTemplate" />
+                <ng-template *ngTemplateOutlet="clearFilterIconTemplate"></ng-template>
             </button>
             <div
                 *ngIf="showMenu && overlayVisible"
@@ -5901,6 +6011,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImpor
                                     (click)="removeConstraint(fieldConstraint)"
                                     pRipple
                                     [attr.aria-label]="removeRuleButtonLabel"
+                                    [label]="removeRuleButtonLabel"
                                 >
                                     <TrashIcon *ngIf="!removeRuleIconTemplate" />
                                     <ng-template *ngTemplateOutlet="removeRuleIconTemplate"></ng-template>
@@ -5909,14 +6020,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImpor
                         </div>
                     </div>
                     <div class="p-column-filter-add-rule" *ngIf="isShowAddConstraint">
-                        <button type="button" pButton [attr.aria-label]="addRuleButtonLabel" class="p-column-filter-add-button p-button-text p-button-sm" (click)="addConstraint()" pRipple>
+                        <button type="button" pButton [label]="addRuleButtonLabel" [attr.aria-label]="addRuleButtonLabel" class="p-column-filter-add-button p-button-text p-button-sm" (click)="addConstraint()" pRipple>
                             <PlusIcon *ngIf="!addRuleIconTemplate" />
                             <ng-template *ngTemplateOutlet="addRuleIconTemplate"></ng-template>
                         </button>
                     </div>
                     <div class="p-column-filter-buttonbar">
                         <button #clearBtn *ngIf="showClearButton" type="button" pButton class="p-button-outlined p-button-sm" (click)="clearFilter()" [attr.aria-label]="clearButtonLabel" [label]="clearButtonLabel" pRipple></button>
-                        <button *ngIf="showApplyButton" type="button" pButton (click)="applyFilter()" class="p-button-sm" [attr.aria-label]="applyButtonLabel" pRipple [label]="applyButtonLabel"></button>
+                        <button *ngIf="showApplyButton" type="button" pButton (click)="applyFilter()" class="p-button-sm" [label]="applyButtonLabel" pRipple [attr.aria-label]="applyButtonLabel"></button>
                     </div>
                 </ng-template>
                 <ng-container *ngTemplateOutlet="footerTemplate; context: { $implicit: field }"></ng-container>