primeng 17.1.0 → 17.2.0

package/resources/themes/viva-light/theme.css

@@ -401,9 +401,9 @@
     padding: 0.25rem 0;
   }
   .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
-    font-family: inherit;
-    font-feature-settings: inherit;
-    font-size: inherit;
+    font-family: var(--font-family);
+    font-feature-settings: var(--font-feature-settings, normal);
+    font-size: 1rem;
     color: #6c6c6c;
     padding: 0;
     margin: 0;
@@ -927,9 +927,9 @@
     padding: 0.25rem 0;
   }
   .p-chips .p-chips-multiple-container .p-chips-input-token input {
-    font-family: inherit;
-    font-feature-settings: inherit;
-    font-size: inherit;
+    font-family: var(--font-family);
+    font-feature-settings: var(--font-feature-settings, normal);
+    font-size: 1rem;
     color: #6c6c6c;
     padding: 0;
     margin: 0;
@@ -1105,27 +1105,23 @@
   }
 
   .p-inputgroup > .p-component,
-.p-inputgroup > .p-element,
-.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
+.p-inputgroup > .p-inputwrapper > .p-inputtext,
 .p-inputgroup > .p-float-label > .p-component {
     border-radius: 0;
     margin: 0;
   }
   .p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-element + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
 .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
     border-left: 0 none;
   }
   .p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-element:focus,
-.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
 .p-inputgroup > .p-float-label > .p-component:focus {
     z-index: 1;
   }
   .p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-element:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
 .p-inputgroup > .p-float-label > .p-component:focus ~ label {
     z-index: 1;
   }
@@ -5786,7 +5782,7 @@
     transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
   }
   .p-message .p-message-close:hover {
-    background: rgba(255, 255, 255, 0.3);
+    background: rgba(255, 255, 255, 0.5);
   }
   .p-message .p-message-close:focus-visible {
     outline: 0 none;
@@ -5896,7 +5892,7 @@
     transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
   }
   .p-toast .p-toast-message .p-toast-icon-close:hover {
-    background: rgba(255, 255, 255, 0.3);
+    background: rgba(255, 255, 255, 0.5);
   }
   .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
     outline: 0 none;

package/table/columnfilter.interface.d.ts

@@ -0,0 +1,35 @@
+import { TemplateRef } from '@angular/core';
+/**
+ * Defines valid templates in Column Filter.
+ * @group Templates
+ */
+export interface TableColumnFilterTemplates {
+    /**
+     * Custom filter template.
+     */
+    filterTemplate(): TemplateRef<any>;
+    /**
+     * Custom header template.
+     */
+    headerTemplate(): TemplateRef<any>;
+    /**
+     * Custom footer template.
+     */
+    footerTemplate(): TemplateRef<any>;
+    /**
+     * Custom filter icon template.
+     */
+    filterIconTemplate(): TemplateRef<any>;
+    /**
+     * Custom remove rule icon template.
+     */
+    removeRuleIconTemplate(): TemplateRef<any>;
+    /**
+     * Custom add rule icon template.
+     */
+    addRuleIconTemplate(): TemplateRef<any>;
+    /**
+     * Custom clear filter icon template.
+     */
+    clearFilterIconTemplate(): TemplateRef<any>;
+}

package/table/public_api.d.ts

@@ -1,2 +1,3 @@
 export * from './table';
 export * from './table.interface';
+export * from './columnfilter.interface';

package/table/table.d.ts

@@ -1259,6 +1259,10 @@ export declare class ReorderableRow implements AfterViewInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<ReorderableRow, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ReorderableRow, "[pReorderableRow]", never, { "index": { "alias": "pReorderableRow"; "required": false; }; "pReorderableRowDisabled": { "alias": "pReorderableRowDisabled"; "required": false; }; }, {}, never, never, false, never>;
 }
+/**
+ * Column Filter element of Table.
+ * @group Components
+ */
 export declare class ColumnFilter implements AfterContentInit {
     private document;
     el: ElementRef;
@@ -1267,30 +1271,131 @@ export declare class ColumnFilter implements AfterContentInit {
     config: PrimeNGConfig;
     overlayService: OverlayService;
     private cd;
+    /**
+     * Property represented by the column.
+     * @group Props
+     */
     field: string | undefined;
+    /**
+     * Type of the input.
+     * @group Props
+     */
     type: string;
+    /**
+     * Filter display.
+     * @group Props
+     */
     display: string;
+    /**
+     * Decides whether to display filter menu popup.
+     * @group Props
+     */
     showMenu: boolean;
+    /**
+     * Filter match mode.
+     * @group Props
+     */
     matchMode: string | undefined;
+    /**
+     * Filter operator.
+     * @defaultValue 'AND'
+     * @group Props
+     */
     operator: string;
+    /**
+     * Decides whether to display filter operator.
+     * @group Props
+     */
     showOperator: boolean;
+    /**
+     * Decides whether to display clear filter button.
+     * @group Props
+     */
     showClearButton: boolean;
+    /**
+     * Decides whether to display apply filter button.
+     * @group Props
+     */
     showApplyButton: boolean;
+    /**
+     * Decides whether to display filter match modes.
+     * @group Props
+     */
     showMatchModes: boolean;
+    /**
+     * Decides whether to display add filter button.
+     * @group Props
+     */
     showAddButton: boolean;
+    /**
+     * Decides whether to close popup on clear button click.
+     * @group Props
+     */
     hideOnClear: boolean;
+    /**
+     * Filter placeholder.
+     * @group Props
+     */
     placeholder: string | undefined;
+    /**
+     * Filter match mode options.
+     * @group Props
+     */
     matchModeOptions: SelectItem[] | undefined;
+    /**
+     * Defines maximum amount of constraints.
+     * @group Props
+     */
     maxConstraints: number;
+    /**
+     * Defines minimum fraction of digits.
+     * @group Props
+     */
     minFractionDigits: number | undefined;
+    /**
+     * Defines maximum fraction of digits.
+     * @group Props
+     */
     maxFractionDigits: number | undefined;
+    /**
+     * Defines prefix of the filter.
+     * @group Props
+     */
     prefix: string | undefined;
+    /**
+     * Defines suffix of the filter.
+     * @group Props
+     */
     suffix: string | undefined;
+    /**
+     * Defines filter locale.
+     * @group Props
+     */
     locale: string | undefined;
+    /**
+     * Defines filter locale matcher.
+     * @group Props
+     */
     localeMatcher: string | undefined;
+    /**
+     * Enables currency input.
+     * @group Props
+     */
     currency: string | undefined;
+    /**
+     * Defines the display of the currency input.
+     * @group Props
+     */
     currencyDisplay: string | undefined;
+    /**
+     * Defines if filter grouping will be enabled.
+     * @group Props
+     */
     useGrouping: boolean;
+    /**
+     * Defines the visibility of buttons.
+     * @group Props
+     */
     showButtons: boolean;
     icon: Nullable<ElementRef>;
     clearButtonViewChild: Nullable<ElementRef>;
@@ -1302,6 +1407,7 @@ export declare class ColumnFilter implements AfterContentInit {
     filterIconTemplate: Nullable<TemplateRef<any>>;
     removeRuleIconTemplate: Nullable<TemplateRef<any>>;
     addRuleIconTemplate: Nullable<TemplateRef<any>>;
+    clearFilterIconTemplate: Nullable<TemplateRef<any>>;
     operatorOptions: any[] | undefined;
     overlayVisible: boolean | undefined;
     overlay: HTMLElement | undefined | null;