primeng 13.3.3 → 14.0.0-rc.1

package/password/password.d.ts

@@ -40,7 +40,7 @@ export declare class PasswordDirective implements OnDestroy, DoCheck {
     onWindowResize(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PasswordDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PasswordDirective, "[pPassword]", never, { "promptLabel": "promptLabel"; "weakLabel": "weakLabel"; "mediumLabel": "mediumLabel"; "strongLabel": "strongLabel"; "feedback": "feedback"; "showPassword": "showPassword"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PasswordDirective, "[pPassword]", never, { "promptLabel": "promptLabel"; "weakLabel": "weakLabel"; "mediumLabel": "mediumLabel"; "strongLabel": "strongLabel"; "feedback": "feedback"; "showPassword": "showPassword"; }, {}, never, never, false>;
 }
 export declare const Password_VALUE_ACCESSOR: any;
 export declare class Password implements AfterContentInit, OnInit {
@@ -69,9 +69,11 @@ export declare class Password implements AfterContentInit, OnInit {
     showTransitionOptions: string;
     hideTransitionOptions: string;
     placeholder: string;
+    showClear: boolean;
     input: ElementRef;
     onFocus: EventEmitter<any>;
     onBlur: EventEmitter<any>;
+    onClear: EventEmitter<any>;
     contentTemplate: TemplateRef<any>;
     footerTemplate: TemplateRef<any>;
     headerTemplate: TemplateRef<any>;
@@ -134,9 +136,10 @@ export declare class Password implements AfterContentInit, OnInit {
     restoreAppend(): void;
     inputType(): "text" | "password";
     getTranslation(option: string): any;
+    clear(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Password, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Password, "p-password", never, { "ariaLabel": "ariaLabel"; "ariaLabelledBy": "ariaLabelledBy"; "label": "label"; "disabled": "disabled"; "promptLabel": "promptLabel"; "mediumRegex": "mediumRegex"; "strongRegex": "strongRegex"; "weakLabel": "weakLabel"; "mediumLabel": "mediumLabel"; "strongLabel": "strongLabel"; "inputId": "inputId"; "feedback": "feedback"; "appendTo": "appendTo"; "toggleMask": "toggleMask"; "inputStyleClass": "inputStyleClass"; "styleClass": "styleClass"; "style": "style"; "inputStyle": "inputStyle"; "showTransitionOptions": "showTransitionOptions"; "hideTransitionOptions": "hideTransitionOptions"; "placeholder": "placeholder"; }, { "onFocus": "onFocus"; "onBlur": "onBlur"; }, ["templates"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Password, "p-password", never, { "ariaLabel": "ariaLabel"; "ariaLabelledBy": "ariaLabelledBy"; "label": "label"; "disabled": "disabled"; "promptLabel": "promptLabel"; "mediumRegex": "mediumRegex"; "strongRegex": "strongRegex"; "weakLabel": "weakLabel"; "mediumLabel": "mediumLabel"; "strongLabel": "strongLabel"; "inputId": "inputId"; "feedback": "feedback"; "appendTo": "appendTo"; "toggleMask": "toggleMask"; "inputStyleClass": "inputStyleClass"; "styleClass": "styleClass"; "style": "style"; "inputStyle": "inputStyle"; "showTransitionOptions": "showTransitionOptions"; "hideTransitionOptions": "hideTransitionOptions"; "placeholder": "placeholder"; "showClear": "showClear"; }, { "onFocus": "onFocus"; "onBlur": "onBlur"; "onClear": "onClear"; }, ["templates"], never, false>;
 }
 export declare class PasswordModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PasswordModule, never>;

package/picklist/picklist.d.ts

@@ -7,6 +7,10 @@ import * as i2 from "primeng/button";
 import * as i3 from "primeng/api";
 import * as i4 from "primeng/ripple";
 import * as i5 from "@angular/cdk/drag-drop";
+export interface PickListFilterOptions {
+    filter?: (value?: any) => void;
+    reset?: () => void;
+}
 export declare class PickList implements AfterViewChecked, AfterContentInit {
     el: ElementRef;
     cd: ChangeDetectorRef;
@@ -83,6 +87,10 @@ export declare class PickList implements AfterViewChecked, AfterContentInit {
     emptyFilterMessageTargetTemplate: TemplateRef<any>;
     sourceHeaderTemplate: TemplateRef<any>;
     targetHeaderTemplate: TemplateRef<any>;
+    sourceFilterTemplate: TemplateRef<any>;
+    targetFilterTemplate: TemplateRef<any>;
+    sourceFilterOptions: PickListFilterOptions;
+    targetFilterOptions: PickListFilterOptions;
     readonly SOURCE_LIST = -1;
     readonly TARGET_LIST = 1;
     constructor(el: ElementRef, cd: ChangeDetectorRef, filterService: FilterService);
@@ -92,7 +100,9 @@ export declare class PickList implements AfterViewChecked, AfterContentInit {
     onItemClick(event: any, item: any, selectedItems: any[], callback: EventEmitter<any>): void;
     onSourceItemDblClick(): void;
     onTargetItemDblClick(): void;
-    onFilter(event: KeyboardEvent, data: any[], listType: number): void;
+    onFilter(event: KeyboardEvent, listType: number): void;
+    filterSource(value?: any): void;
+    filterTarget(value?: any): void;
     filter(data: any[], listType: number): void;
     isItemVisible(item: any, listType: number): boolean;
     isEmpty(listType: number): boolean;
@@ -115,6 +125,8 @@ export declare class PickList implements AfterViewChecked, AfterContentInit {
         currentIndex: any;
     };
     findFilteredCurrentIndex(visibleOptions: any, index: any, options: any): number;
+    resetSourceFilter(): void;
+    resetTargetFilter(): void;
     resetFilter(): void;
     onItemKeydown(event: KeyboardEvent, item: any, selectedItems: any[], callback: EventEmitter<any>): void;
     findNextItem(item: any): any;
@@ -129,7 +141,7 @@ export declare class PickList implements AfterViewChecked, AfterContentInit {
     destroyStyle(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PickList, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PickList, "p-pickList", never, { "source": "source"; "target": "target"; "sourceHeader": "sourceHeader"; "rightButtonAriaLabel": "rightButtonAriaLabel"; "leftButtonAriaLabel": "leftButtonAriaLabel"; "allRightButtonAriaLabel": "allRightButtonAriaLabel"; "allLeftButtonAriaLabel": "allLeftButtonAriaLabel"; "upButtonAriaLabel": "upButtonAriaLabel"; "downButtonAriaLabel": "downButtonAriaLabel"; "topButtonAriaLabel": "topButtonAriaLabel"; "bottomButtonAriaLabel": "bottomButtonAriaLabel"; "targetHeader": "targetHeader"; "responsive": "responsive"; "filterBy": "filterBy"; "filterLocale": "filterLocale"; "trackBy": "trackBy"; "sourceTrackBy": "sourceTrackBy"; "targetTrackBy": "targetTrackBy"; "showSourceFilter": "showSourceFilter"; "showTargetFilter": "showTargetFilter"; "metaKeySelection": "metaKeySelection"; "dragdrop": "dragdrop"; "style": "style"; "styleClass": "styleClass"; "sourceStyle": "sourceStyle"; "targetStyle": "targetStyle"; "showSourceControls": "showSourceControls"; "showTargetControls": "showTargetControls"; "sourceFilterPlaceholder": "sourceFilterPlaceholder"; "targetFilterPlaceholder": "targetFilterPlaceholder"; "disabled": "disabled"; "ariaSourceFilterLabel": "ariaSourceFilterLabel"; "ariaTargetFilterLabel": "ariaTargetFilterLabel"; "filterMatchMode": "filterMatchMode"; "breakpoint": "breakpoint"; "stripedRows": "stripedRows"; "keepSelection": "keepSelection"; }, { "onMoveToSource": "onMoveToSource"; "onMoveAllToSource": "onMoveAllToSource"; "onMoveAllToTarget": "onMoveAllToTarget"; "onMoveToTarget": "onMoveToTarget"; "onSourceReorder": "onSourceReorder"; "onTargetReorder": "onTargetReorder"; "onSourceSelect": "onSourceSelect"; "onTargetSelect": "onTargetSelect"; "onSourceFilter": "onSourceFilter"; "onTargetFilter": "onTargetFilter"; }, ["templates"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PickList, "p-pickList", never, { "source": "source"; "target": "target"; "sourceHeader": "sourceHeader"; "rightButtonAriaLabel": "rightButtonAriaLabel"; "leftButtonAriaLabel": "leftButtonAriaLabel"; "allRightButtonAriaLabel": "allRightButtonAriaLabel"; "allLeftButtonAriaLabel": "allLeftButtonAriaLabel"; "upButtonAriaLabel": "upButtonAriaLabel"; "downButtonAriaLabel": "downButtonAriaLabel"; "topButtonAriaLabel": "topButtonAriaLabel"; "bottomButtonAriaLabel": "bottomButtonAriaLabel"; "targetHeader": "targetHeader"; "responsive": "responsive"; "filterBy": "filterBy"; "filterLocale": "filterLocale"; "trackBy": "trackBy"; "sourceTrackBy": "sourceTrackBy"; "targetTrackBy": "targetTrackBy"; "showSourceFilter": "showSourceFilter"; "showTargetFilter": "showTargetFilter"; "metaKeySelection": "metaKeySelection"; "dragdrop": "dragdrop"; "style": "style"; "styleClass": "styleClass"; "sourceStyle": "sourceStyle"; "targetStyle": "targetStyle"; "showSourceControls": "showSourceControls"; "showTargetControls": "showTargetControls"; "sourceFilterPlaceholder": "sourceFilterPlaceholder"; "targetFilterPlaceholder": "targetFilterPlaceholder"; "disabled": "disabled"; "ariaSourceFilterLabel": "ariaSourceFilterLabel"; "ariaTargetFilterLabel": "ariaTargetFilterLabel"; "filterMatchMode": "filterMatchMode"; "breakpoint": "breakpoint"; "stripedRows": "stripedRows"; "keepSelection": "keepSelection"; }, { "onMoveToSource": "onMoveToSource"; "onMoveAllToSource": "onMoveAllToSource"; "onMoveAllToTarget": "onMoveAllToTarget"; "onMoveToTarget": "onMoveToTarget"; "onSourceReorder": "onSourceReorder"; "onTargetReorder": "onTargetReorder"; "onSourceSelect": "onSourceSelect"; "onTargetSelect": "onTargetSelect"; "onSourceFilter": "onSourceFilter"; "onTargetFilter": "onTargetFilter"; }, ["templates"], never, false>;
 }
 export declare class PickListModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PickListModule, never>;

package/progressbar/progressbar.d.ts

@@ -8,7 +8,7 @@ export declare class ProgressBar {
     unit: string;
     mode: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBar, "p-progressBar", never, { "value": "value"; "showValue": "showValue"; "style": "style"; "styleClass": "styleClass"; "unit": "unit"; "mode": "mode"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBar, "p-progressBar", never, { "value": "value"; "showValue": "showValue"; "style": "style"; "styleClass": "styleClass"; "unit": "unit"; "mode": "mode"; }, {}, never, never, false>;
 }
 export declare class ProgressBarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarModule, never>;

package/progressspinner/progressspinner.d.ts

@@ -7,7 +7,7 @@ export declare class ProgressSpinner {
     fill: string;
     animationDuration: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProgressSpinner, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressSpinner, "p-progressSpinner", never, { "style": "style"; "styleClass": "styleClass"; "strokeWidth": "strokeWidth"; "fill": "fill"; "animationDuration": "animationDuration"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressSpinner, "p-progressSpinner", never, { "style": "style"; "styleClass": "styleClass"; "strokeWidth": "strokeWidth"; "fill": "fill"; "animationDuration": "animationDuration"; }, {}, never, never, false>;
 }
 export declare class ProgressSpinnerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ProgressSpinnerModule, never>;

package/radiobutton/radiobutton.d.ts

@@ -53,7 +53,7 @@ export declare class RadioButton implements ControlValueAccessor, OnInit, OnDest
     private checkName;
     private throwNameError;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButton, "p-radioButton", never, { "value": "value"; "formControlName": "formControlName"; "name": "name"; "disabled": "disabled"; "label": "label"; "tabindex": "tabindex"; "inputId": "inputId"; "ariaLabelledBy": "ariaLabelledBy"; "ariaLabel": "ariaLabel"; "style": "style"; "styleClass": "styleClass"; "labelStyleClass": "labelStyleClass"; }, { "onClick": "onClick"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButton, "p-radioButton", never, { "value": "value"; "formControlName": "formControlName"; "name": "name"; "disabled": "disabled"; "label": "label"; "tabindex": "tabindex"; "inputId": "inputId"; "ariaLabelledBy": "ariaLabelledBy"; "ariaLabel": "ariaLabel"; "style": "style"; "styleClass": "styleClass"; "labelStyleClass": "labelStyleClass"; }, { "onClick": "onClick"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, never, never, false>;
 }
 export declare class RadioButtonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonModule, never>;

package/rating/rating.d.ts

@@ -30,7 +30,7 @@ export declare class Rating implements OnInit, ControlValueAccessor {
     registerOnTouched(fn: Function): void;
     setDisabledState(val: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Rating, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Rating, "p-rating", never, { "disabled": "disabled"; "readonly": "readonly"; "stars": "stars"; "cancel": "cancel"; "iconOnClass": "iconOnClass"; "iconOnStyle": "iconOnStyle"; "iconOffClass": "iconOffClass"; "iconOffStyle": "iconOffStyle"; "iconCancelClass": "iconCancelClass"; "iconCancelStyle": "iconCancelStyle"; }, { "onRate": "onRate"; "onCancel": "onCancel"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Rating, "p-rating", never, { "disabled": "disabled"; "readonly": "readonly"; "stars": "stars"; "cancel": "cancel"; "iconOnClass": "iconOnClass"; "iconOnStyle": "iconOnStyle"; "iconOffClass": "iconOffClass"; "iconOffStyle": "iconOffStyle"; "iconCancelClass": "iconCancelClass"; "iconCancelStyle": "iconCancelStyle"; }, { "onRate": "onRate"; "onCancel": "onCancel"; }, never, never, false>;
 }
 export declare class RatingModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<RatingModule, never>;

package/resources/components/accordion/accordion.css

@@ -13,4 +13,12 @@
 
 .p-accordion-header-text {
     line-height: 1;
+}
+
+.p-accordion-tab-active .p-toggleable-content:not(.ng-animating) {
+    overflow: visible;
+}
+
+.p-accordion .p-toggleable-content{
+    overflow: hidden;
 }

package/resources/components/autocomplete/autocomplete.css

@@ -94,3 +94,14 @@
 .p-fluid .p-autocomplete-dd .p-autocomplete-input {
     width: 1%;
 }
+
+.p-autocomplete-clear-icon {
+    position: absolute;
+    top: 50%;
+    margin-top: -.5rem;
+    cursor: pointer;
+}
+
+.p-autocomplete-clearable {
+    position: relative;
+} 

package/resources/components/button/button.css

@@ -65,8 +65,4 @@
 .p-buttonset .p-button:focus {
     position: relative;
     z-index: 1;
-}
-
-.p-button-label {
-    transition: all .2s;
 }

package/resources/components/calendar/calendar.css

@@ -158,3 +158,14 @@
     overflow: hidden;
     position: relative;
 }
+
+.p-calendar-clear-icon {
+    position: absolute;
+    top: 50%;
+    margin-top: -.5rem;
+    cursor: pointer;
+}
+
+.p-calendar-clearable {
+    position: relative;
+} 

package/resources/components/cascadeselect/cascadeselect.css

@@ -84,3 +84,14 @@
     left: 100%;
     top: 0;
 }
+
+.p-cascadeselect-clear-icon {
+    position: absolute;
+    top: 50%;
+    margin-top: -.5rem;
+    cursor: pointer;
+}
+
+.p-cascadeselect-clearable {
+    position: relative;
+} 

package/resources/components/chips/chips.css

@@ -42,4 +42,15 @@
 
 .p-fluid .p-chips {
     display: flex;
-}
+}
+
+.p-chips-clear-icon {
+    position: absolute;
+    top: 50%;
+    margin-top: -.5rem;
+    cursor: pointer;
+}
+
+.p-chips-clearable .p-inputtext {
+    position: relative;
+} 

package/resources/components/fieldset/fieldset.css

@@ -14,4 +14,12 @@
 
 .p-fieldset-legend-text {
     line-height: 1;
+}
+
+.p-fieldset-expanded .p-toggleable-content:not(.ng-animating) {
+    overflow: visible;
+}
+
+.p-fieldset .p-toggleable-content{
+    overflow: hidden;
 }

package/resources/components/image/image.css

@@ -40,6 +40,7 @@
     top: 0;
     right: 0;
     display: flex;
+    z-index: 1;
 }
 
 .p-image-action.p-link {
@@ -48,6 +49,10 @@
     align-items: center;
 }
 
+.p-image-action.p-link[disabled] {
+    opacity: 0.5;
+}
+
 .p-image-preview {
     transition: transform .15s;
     max-width: 100vw;

package/resources/components/inputmask/inputmask.css

@@ -0,0 +1,10 @@
+.p-inputmask-clear-icon {
+    position: absolute;
+    top: 50%;
+    margin-top: -.5rem;
+    cursor: pointer;
+}
+
+.p-inputmask-clearable {
+    position: relative;
+}

package/resources/components/inputnumber/inputnumber.css

@@ -100,3 +100,14 @@ p-inputnumber,
 .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
     width: 100%;
 }
+
+.p-inputnumber-clear-icon {
+    position: absolute;
+    top: 50%;
+    margin-top: -.5rem;
+    cursor: pointer;
+}
+
+.p-inputnumber-clearable {
+    position: relative;
+}

package/resources/components/inputtext/inputtext.css

@@ -68,6 +68,21 @@
     font-size: 12px;
 }
 
+.p-float-label .p-placeholder,
+.p-float-label input::placeholder,
+.p-float-label .p-inputtext::placeholder {
+    opacity: 0;
+    transition-property: all;
+    transition-timing-function: ease;
+}
+.p-float-label .p-focus .p-placeholder,
+.p-float-label input:focus::placeholder,
+.p-float-label .p-inputtext:focus::placeholder {
+    opacity: 1;
+    transition-property: all;
+    transition-timing-function: ease;
+}
+
 .p-input-icon-left,
 .p-input-icon-right {
     position: relative;
@@ -85,4 +100,4 @@
 .p-fluid .p-input-icon-right {
     display: block;
     width: 100%;
-}
+}

package/resources/components/megamenu/megamenu.css

@@ -38,6 +38,11 @@
     list-style: none;
 }
 
+.p-megamenu-submenu-header {
+    display: flex;
+    align-items: center;
+}
+
 /* Horizontal */
 .p-megamenu-horizontal .p-megamenu-root-list {
     display: flex;

package/resources/components/menu/menu.css

@@ -10,6 +10,11 @@
     list-style: none;
 }
 
+.p-menu .p-submenu-header{
+    display: flex;
+    align-items: center;
+}
+
 .p-menu .p-menuitem-link {
     cursor: pointer;
     display: flex;

package/resources/components/messages/messages.css

@@ -13,4 +13,8 @@
     margin-left: auto;
     overflow: hidden;
     position: relative;
+}
+
+.p-messages .p-message.ng-animating {
+    overflow: hidden;
 }

package/resources/components/multiselect/multiselect.css

@@ -105,3 +105,14 @@
 .p-fluid .p-multiselect {
     display: flex;
 }
+
+.p-multiselect-clear-icon {
+    position: absolute;
+    top: 50%;
+    margin-top: -.5rem;
+    cursor: pointer;
+}
+
+.p-multiselect-clearable {
+    position: relative;
+} 

package/resources/components/orderlist/orderlist.css

@@ -56,6 +56,7 @@
     position: absolute;
     top: 50%;
     margin-top: -.5rem;
+    cursor: pointer;
 }
 
 .p-orderlist-filter-input {

package/resources/components/panel/panel.css

@@ -16,4 +16,12 @@
     text-decoration: none;
     overflow: hidden;
     position: relative;
+}
+
+.p-panel-expanded .p-toggleable-content:not(.ng-animating) {
+    overflow: visible;
+}
+
+.p-panel .p-toggleable-content{
+    overflow: hidden;
 }

package/resources/components/panelmenu/panelmenu.css

@@ -27,4 +27,14 @@
 
 .p-panelmenu .p-menuitem-text {
     line-height: 1;
+}
+
+.p-panelmenu-expanded.p-toggleable-content:not(.ng-animating),
+.p-panelmenu .p-submenu-expanded:not(.ng-animating) {
+    overflow: visible;
+}
+
+.p-panelmenu .p-toggleable-content,
+.p-panelmenu .p-submenu-list {
+    overflow: hidden;
 }

package/resources/components/password/password.css

@@ -26,3 +26,14 @@
 .p-fluid .p-password {
     display: flex;
 }
+
+.p-password-clear-icon {
+    position: absolute;
+    top: 50%;
+    margin-top: -.5rem;
+    cursor: pointer;
+}
+
+.p-password-clearable {
+    position: relative;
+}

package/resources/components/scroller/scroller.css

@@ -0,0 +1,51 @@
+p-scroller {
+    flex: 1;
+    outline: 0 none;
+}
+
+.p-scroller {
+    position: relative;
+    overflow: auto;
+    contain: strict;
+    transform: translateZ(0);
+    will-change: scroll-position;
+    outline: 0 none;
+}
+
+.p-scroller-content {
+    position: absolute;
+    top: 0;
+    left: 0;
+    /*contain: content;*/
+    min-height: 100%;
+    min-width: 100%;
+    will-change: transform;
+}
+
+.p-scroller-spacer {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 1px;
+    width: 1px;
+    transform-origin: 0 0;
+    pointer-events: none;
+}
+
+.p-scroller-loader {
+    position: sticky;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+
+.p-scroller-loader.p-component-overlay {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.p-scroller-loading-icon {
+    font-size: 2rem;
+}

package/resources/components/table/table.css

@@ -75,7 +75,7 @@
 }
 
 .p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-virtual-scrollable-body > .cdk-virtual-scroll-content-wrapper > .p-datatable-table > .p-datatable-thead {
+.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead {
     position: sticky;
     top: 0;
     z-index: 1;
@@ -146,6 +146,10 @@
     display: table-cell;
 }
 
+.p-datatable-scrollable .p-scroller > .p-datatable-table {
+    display: inline-block; /* For Safari  */
+}
+
 /* Flex Scrollable */
 .p-datatable-flex-scrollable {
     display: flex;
@@ -310,8 +314,11 @@
     display: none;
 }
 
-/* Virtual Scroll*/
-
-cdk-virtual-scroll-viewport {
-    outline: 0 none;
+/* Virtual Scroll */
+.p-datatable .p-scroller-loading {
+    transform: none !important;
+    min-height: 0;
+    position: sticky;
+    top: 0;
+    left: 0;
 }

package/resources/components/tree/tree.css

@@ -148,4 +148,9 @@
 
 .p-tree.p-tree-horizontal table {
 	height: 0;
-}
+}
+
+/* Virtual Scroll */
+.p-scroller .p-tree-container {
+    overflow: visible;
+}

package/resources/components/treeselect/treeselect.css

@@ -52,6 +52,54 @@
     overflow: auto;
 }
 
+.p-treeselect-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.p-treeselect-filter-container {
+    position: relative;
+    flex: 1 1 auto;
+}
+
+.p-treeselect-filter-icon {
+    position: absolute;
+    top: 50%;
+    margin-top: -.5rem;
+}
+
+.p-treeselect-filter-container .p-inputtext {
+    width: 100%;
+}
+
+.p-treeselect-close {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    overflow: hidden;
+    position: relative;
+    margin-left: auto;
+}
+
+.p-treeselect-clear-icon {
+    position: absolute;
+    top: 50%;
+    margin-top: -.5rem;
+}
+
 .p-fluid .p-treeselect {
     display: flex;
 }
+
+.p-treeselect-clear-icon {
+    position: absolute;
+    top: 50%;
+    margin-top: -.5rem;
+    cursor: pointer;
+}
+
+.p-treeselect-clearable {
+    position: relative;
+} 

package/resources/components/treetable/treetable.css

@@ -190,4 +190,14 @@ p-treetabletoggler + p-treetablecheckbox + span {
     align-items: center;
     justify-content: center;
     z-index: 2;
-}
+}
+
+
+/* Virtual Scroll */
+.p-treetable .p-scroller-loading {
+    transform: none !important;
+    min-height: 0;
+    position: sticky;
+    top: 0;
+    left: 0;
+}

package/resources/primeng.css

@@ -232,10 +232,6 @@ button {
     position: relative;
     z-index: 1;
 }
-
-.p-button-label {
-    transition: all .2s;
-}
 .p-checkbox {
     display: inline-flex;
     cursor: pointer;
@@ -342,6 +338,21 @@ p-checkbox {
     font-size: 12px;
 }
 
+.p-float-label .p-placeholder,
+.p-float-label input::placeholder,
+.p-float-label .p-inputtext::placeholder {
+    opacity: 0;
+    transition-property: all;
+    transition-timing-function: ease;
+}
+.p-float-label .p-focus .p-placeholder,
+.p-float-label input:focus::placeholder,
+.p-float-label .p-inputtext:focus::placeholder {
+    opacity: 1;
+    transition-property: all;
+    transition-timing-function: ease;
+}
+
 .p-input-icon-left,
 .p-input-icon-right {
     position: relative;
@@ -360,7 +371,6 @@ p-checkbox {
     display: block;
     width: 100%;
 }
-
 .p-inputtextarea-resizable {
     overflow: hidden;
     resize: none;
@@ -398,6 +408,17 @@ p-checkbox {
     display: flex;
 }
 
+.p-password-clear-icon {
+    position: absolute;
+    top: 50%;
+    margin-top: -.5rem;
+    cursor: pointer;
+}
+
+.p-password-clearable {
+    position: relative;
+}
+
 .p-radiobutton {
     display: inline-flex;
     cursor: pointer;