primeng 20.0.1 → 20.1.0

package/picklist/index.d.ts

@@ -369,6 +369,16 @@ declare class PickList extends BaseComponent implements AfterContentInit {
      * @group Props
      */
     bottomButtonAriaLabel: string | undefined;
+    /**
+     * Defines a string that labels the source list.
+     * @group Props
+     */
+    sourceAriaLabel: string | undefined;
+    /**
+     * Defines a string that labels the target list.
+     * @group Props
+     */
+    targetAriaLabel: string | undefined;
     /**
      * Text for the target list caption
      * @group Props
@@ -872,7 +882,7 @@ declare class PickList extends BaseComponent implements AfterContentInit {
     destroyStyle(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PickList, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PickList, "p-pickList, p-picklist, p-pick-list", never, { "source": { "alias": "source"; "required": false; }; "target": { "alias": "target"; "required": false; }; "sourceHeader": { "alias": "sourceHeader"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "rightButtonAriaLabel": { "alias": "rightButtonAriaLabel"; "required": false; }; "leftButtonAriaLabel": { "alias": "leftButtonAriaLabel"; "required": false; }; "allRightButtonAriaLabel": { "alias": "allRightButtonAriaLabel"; "required": false; }; "allLeftButtonAriaLabel": { "alias": "allLeftButtonAriaLabel"; "required": false; }; "upButtonAriaLabel": { "alias": "upButtonAriaLabel"; "required": false; }; "downButtonAriaLabel": { "alias": "downButtonAriaLabel"; "required": false; }; "topButtonAriaLabel": { "alias": "topButtonAriaLabel"; "required": false; }; "bottomButtonAriaLabel": { "alias": "bottomButtonAriaLabel"; "required": false; }; "targetHeader": { "alias": "targetHeader"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "sourceTrackBy": { "alias": "sourceTrackBy"; "required": false; }; "targetTrackBy": { "alias": "targetTrackBy"; "required": false; }; "showSourceFilter": { "alias": "showSourceFilter"; "required": false; }; "showTargetFilter": { "alias": "showTargetFilter"; "required": false; }; "metaKeySelection": { "alias": "metaKeySelection"; "required": false; }; "dragdrop": { "alias": "dragdrop"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "sourceStyle": { "alias": "sourceStyle"; "required": false; }; "targetStyle": { "alias": "targetStyle"; "required": false; }; "showSourceControls": { "alias": "showSourceControls"; "required": false; }; "showTargetControls": { "alias": "showTargetControls"; "required": false; }; "sourceFilterPlaceholder": { "alias": "sourceFilterPlaceholder"; "required": false; }; "targetFilterPlaceholder": { "alias": "targetFilterPlaceholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "sourceOptionDisabled": { "alias": "sourceOptionDisabled"; "required": false; }; "targetOptionDisabled": { "alias": "targetOptionDisabled"; "required": false; }; "ariaSourceFilterLabel": { "alias": "ariaSourceFilterLabel"; "required": false; }; "ariaTargetFilterLabel": { "alias": "ariaTargetFilterLabel"; "required": false; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; }; "stripedRows": { "alias": "stripedRows"; "required": false; }; "keepSelection": { "alias": "keepSelection"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "autoOptionFocus": { "alias": "autoOptionFocus"; "required": false; }; "buttonProps": { "alias": "buttonProps"; "required": false; }; "moveUpButtonProps": { "alias": "moveUpButtonProps"; "required": false; }; "moveTopButtonProps": { "alias": "moveTopButtonProps"; "required": false; }; "moveDownButtonProps": { "alias": "moveDownButtonProps"; "required": false; }; "moveBottomButtonProps": { "alias": "moveBottomButtonProps"; "required": false; }; "moveToTargetProps": { "alias": "moveToTargetProps"; "required": false; }; "moveAllToTargetProps": { "alias": "moveAllToTargetProps"; "required": false; }; "moveToSourceProps": { "alias": "moveToSourceProps"; "required": false; }; "moveAllToSourceProps": { "alias": "moveAllToSourceProps"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; }, { "onMoveToSource": "onMoveToSource"; "onMoveAllToSource": "onMoveAllToSource"; "onMoveAllToTarget": "onMoveAllToTarget"; "onMoveToTarget": "onMoveToTarget"; "onSourceReorder": "onSourceReorder"; "onTargetReorder": "onTargetReorder"; "onSourceSelect": "onSourceSelect"; "onTargetSelect": "onTargetSelect"; "onSourceFilter": "onSourceFilter"; "onTargetFilter": "onTargetFilter"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, ["itemTemplate", "sourceHeaderTemplate", "targetHeaderTemplate", "sourceFilterTemplate", "targetFilterTemplate", "emptyMessageSourceTemplate", "emptyFilterMessageSourceTemplate", "emptyMessageTargetTemplate", "emptyFilterMessageTargetTemplate", "moveUpIconTemplate", "moveTopIconTemplate", "moveDownIconTemplate", "moveBottomIconTemplate", "moveToTargetIconTemplate", "moveAllToTargetIconTemplate", "moveToSourceIconTemplate", "moveAllToSourceIconTemplate", "targetFilterIconTemplate", "sourceFilterIconTemplate", "templates"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PickList, "p-pickList, p-picklist, p-pick-list", never, { "source": { "alias": "source"; "required": false; }; "target": { "alias": "target"; "required": false; }; "sourceHeader": { "alias": "sourceHeader"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "rightButtonAriaLabel": { "alias": "rightButtonAriaLabel"; "required": false; }; "leftButtonAriaLabel": { "alias": "leftButtonAriaLabel"; "required": false; }; "allRightButtonAriaLabel": { "alias": "allRightButtonAriaLabel"; "required": false; }; "allLeftButtonAriaLabel": { "alias": "allLeftButtonAriaLabel"; "required": false; }; "upButtonAriaLabel": { "alias": "upButtonAriaLabel"; "required": false; }; "downButtonAriaLabel": { "alias": "downButtonAriaLabel"; "required": false; }; "topButtonAriaLabel": { "alias": "topButtonAriaLabel"; "required": false; }; "bottomButtonAriaLabel": { "alias": "bottomButtonAriaLabel"; "required": false; }; "sourceAriaLabel": { "alias": "sourceAriaLabel"; "required": false; }; "targetAriaLabel": { "alias": "targetAriaLabel"; "required": false; }; "targetHeader": { "alias": "targetHeader"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "sourceTrackBy": { "alias": "sourceTrackBy"; "required": false; }; "targetTrackBy": { "alias": "targetTrackBy"; "required": false; }; "showSourceFilter": { "alias": "showSourceFilter"; "required": false; }; "showTargetFilter": { "alias": "showTargetFilter"; "required": false; }; "metaKeySelection": { "alias": "metaKeySelection"; "required": false; }; "dragdrop": { "alias": "dragdrop"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "sourceStyle": { "alias": "sourceStyle"; "required": false; }; "targetStyle": { "alias": "targetStyle"; "required": false; }; "showSourceControls": { "alias": "showSourceControls"; "required": false; }; "showTargetControls": { "alias": "showTargetControls"; "required": false; }; "sourceFilterPlaceholder": { "alias": "sourceFilterPlaceholder"; "required": false; }; "targetFilterPlaceholder": { "alias": "targetFilterPlaceholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "sourceOptionDisabled": { "alias": "sourceOptionDisabled"; "required": false; }; "targetOptionDisabled": { "alias": "targetOptionDisabled"; "required": false; }; "ariaSourceFilterLabel": { "alias": "ariaSourceFilterLabel"; "required": false; }; "ariaTargetFilterLabel": { "alias": "ariaTargetFilterLabel"; "required": false; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; }; "stripedRows": { "alias": "stripedRows"; "required": false; }; "keepSelection": { "alias": "keepSelection"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "autoOptionFocus": { "alias": "autoOptionFocus"; "required": false; }; "buttonProps": { "alias": "buttonProps"; "required": false; }; "moveUpButtonProps": { "alias": "moveUpButtonProps"; "required": false; }; "moveTopButtonProps": { "alias": "moveTopButtonProps"; "required": false; }; "moveDownButtonProps": { "alias": "moveDownButtonProps"; "required": false; }; "moveBottomButtonProps": { "alias": "moveBottomButtonProps"; "required": false; }; "moveToTargetProps": { "alias": "moveToTargetProps"; "required": false; }; "moveAllToTargetProps": { "alias": "moveAllToTargetProps"; "required": false; }; "moveToSourceProps": { "alias": "moveToSourceProps"; "required": false; }; "moveAllToSourceProps": { "alias": "moveAllToSourceProps"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; }, { "onMoveToSource": "onMoveToSource"; "onMoveAllToSource": "onMoveAllToSource"; "onMoveAllToTarget": "onMoveAllToTarget"; "onMoveToTarget": "onMoveToTarget"; "onSourceReorder": "onSourceReorder"; "onTargetReorder": "onTargetReorder"; "onSourceSelect": "onSourceSelect"; "onTargetSelect": "onTargetSelect"; "onSourceFilter": "onSourceFilter"; "onTargetFilter": "onTargetFilter"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, ["itemTemplate", "sourceHeaderTemplate", "targetHeaderTemplate", "sourceFilterTemplate", "targetFilterTemplate", "emptyMessageSourceTemplate", "emptyFilterMessageSourceTemplate", "emptyMessageTargetTemplate", "emptyFilterMessageTargetTemplate", "moveUpIconTemplate", "moveTopIconTemplate", "moveDownIconTemplate", "moveBottomIconTemplate", "moveToTargetIconTemplate", "moveAllToTargetIconTemplate", "moveToSourceIconTemplate", "moveAllToSourceIconTemplate", "targetFilterIconTemplate", "sourceFilterIconTemplate", "templates"], never, true, never>;
     static ngAcceptInputType_tabindex: unknown;
     static ngAcceptInputType_responsive: unknown;
     static ngAcceptInputType_showSourceFilter: unknown;

package/styleclass/index.d.ts

@@ -61,31 +61,50 @@ declare class StyleClass implements OnDestroy {
      * @group Props
      */
     hideOnEscape: boolean | undefined;
+    /**
+     * Whether to trigger leave animation when the target element resized.
+     * @group Props
+     */
+    hideOnResize: boolean | undefined;
+    /**
+     * Target element to listen resize. Valid values are "window", "document" or target element selector.
+     * @group Props
+     */
+    resizeSelector: string | undefined;
     eventListener: VoidListener;
     documentClickListener: VoidListener;
     documentKeydownListener: VoidListener;
+    windowResizeListener: VoidListener;
+    resizeObserver: ResizeObserver | undefined;
     target: HTMLElement | null | undefined;
     enterListener: VoidListener;
     leaveListener: VoidListener;
     animating: boolean | undefined;
     _enterClass: string | undefined;
     _leaveClass: string | undefined;
+    _resizeTarget: any;
     clickListener(): void;
     toggle(): void;
     enter(): void;
     leave(): void;
-    resolveTarget(): any;
     bindDocumentClickListener(): void;
     bindDocumentKeydownListener(): void;
     isVisible(): boolean;
     isOutsideClick(event: MouseEvent): boolean;
     unbindDocumentClickListener(): void;
     unbindDocumentKeydownListener(): void;
+    bindResizeListener(): void;
+    unbindResizeListener(): void;
+    bindWindowResizeListener(): void;
+    unbindWindowResizeListener(): void;
+    bindElementResizeListener(): void;
+    unbindElementResizeListener(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StyleClass, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<StyleClass, "[pStyleClass]", never, { "selector": { "alias": "pStyleClass"; "required": false; }; "enterFromClass": { "alias": "enterFromClass"; "required": false; }; "enterActiveClass": { "alias": "enterActiveClass"; "required": false; }; "enterToClass": { "alias": "enterToClass"; "required": false; }; "leaveFromClass": { "alias": "leaveFromClass"; "required": false; }; "leaveActiveClass": { "alias": "leaveActiveClass"; "required": false; }; "leaveToClass": { "alias": "leaveToClass"; "required": false; }; "hideOnOutsideClick": { "alias": "hideOnOutsideClick"; "required": false; }; "toggleClass": { "alias": "toggleClass"; "required": false; }; "hideOnEscape": { "alias": "hideOnEscape"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<StyleClass, "[pStyleClass]", never, { "selector": { "alias": "pStyleClass"; "required": false; }; "enterFromClass": { "alias": "enterFromClass"; "required": false; }; "enterActiveClass": { "alias": "enterActiveClass"; "required": false; }; "enterToClass": { "alias": "enterToClass"; "required": false; }; "leaveFromClass": { "alias": "leaveFromClass"; "required": false; }; "leaveActiveClass": { "alias": "leaveActiveClass"; "required": false; }; "leaveToClass": { "alias": "leaveToClass"; "required": false; }; "hideOnOutsideClick": { "alias": "hideOnOutsideClick"; "required": false; }; "toggleClass": { "alias": "toggleClass"; "required": false; }; "hideOnEscape": { "alias": "hideOnEscape"; "required": false; }; "hideOnResize": { "alias": "hideOnResize"; "required": false; }; "resizeSelector": { "alias": "resizeSelector"; "required": false; }; }, {}, never, never, true, never>;
     static ngAcceptInputType_hideOnOutsideClick: unknown;
     static ngAcceptInputType_hideOnEscape: unknown;
+    static ngAcceptInputType_hideOnResize: unknown;
 }
 declare class StyleClassModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<StyleClassModule, never>;

package/tabs/index.d.ts

@@ -129,11 +129,7 @@ declare class TabListStyle extends BaseStyle {
     name: string;
     classes: {
         root: string;
-        content: ({ instance }: {
-            instance: any;
-        }) => (string | {
-            'p-tablist-viewport': any;
-        })[];
+        content: string;
         tabList: string;
         activeBar: string;
         prevButton: string;

package/textarea/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnInit, AfterViewInit, OnDestroy, EventEmitter } from '@angular/core';
+import { OnInit, AfterViewInit, AfterViewChecked, OnDestroy, EventEmitter } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { BaseModelHolder } from 'primeng/basemodelholder';
 import { Fluid } from 'primeng/fluid';
@@ -47,7 +47,7 @@ interface TextareaStyle extends BaseStyle {
  * Textarea adds styling and autoResize functionality to standard textarea element.
  * @group Components
  */
-declare class Textarea extends BaseModelHolder implements OnInit, AfterViewInit, OnDestroy {
+declare class Textarea extends BaseModelHolder implements OnInit, AfterViewInit, AfterViewChecked, OnDestroy {
     /**
      * When present, textarea size changes as being typed.
      * @group Props
@@ -83,7 +83,6 @@ declare class Textarea extends BaseModelHolder implements OnInit, AfterViewInit,
      * @group Emits
      */
     onResize: EventEmitter<Event | {}>;
-    ngModelSubscription: Subscription | undefined;
     ngControlSubscription: Subscription | undefined;
     _componentStyle: TextareaStyle;
     ngControl: NgControl;

package/treeselect/index.d.ts

@@ -36,6 +36,10 @@ declare enum TreeSelectClasses {
      * Class name of the chip item element
      */
     chipItem = "p-treeselect-chip-item",
+    /**
+     * Class name of the clear icon element
+     */
+    clearIcon = "p-treeselect-clear-icon",
     /**
      * Class name of the chip element
      */
@@ -88,6 +92,7 @@ declare class TreeSelectStyle extends BaseStyle {
             'p-placeholder': boolean;
             'p-treeselect-label-empty': any;
         })[];
+        clearIcon: string;
         chip: string;
         pcChip: string;
         dropdown: string;