primeng 16.8.0 → 16.9.0

package/resources/themes/saga-green/theme.css

@@ -3234,7 +3234,7 @@
     border: 0 none;
     color: #495057;
     background: transparent;
-    transition: transform 0.2s, box-shadow 0.2s;
+    transition: box-shadow 0.2s;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
     background: #e9ecef;
@@ -3442,7 +3442,7 @@
     border: 0 none;
     color: #495057;
     background: transparent;
-    transition: transform 0.2s, box-shadow 0.2s;
+    transition: box-shadow 0.2s;
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
     background: #e9ecef;
@@ -4070,15 +4070,19 @@
     border: 1px solid #dee2e6;
     background: #ffffff;
     color: #495057;
+    border-top: 0 none;
+  }
+  .p-panel .p-panel-content:last-child {
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
-    border-top: 0 none;
   }
   .p-panel .p-panel-footer {
     padding: 0.5rem 1rem;
     border: 1px solid #dee2e6;
     background: #ffffff;
     color: #495057;
+    border-bottom-right-radius: 3px;
+    border-bottom-left-radius: 3px;
     border-top: 0 none;
   }
   .p-panel .p-panel-icons-end {

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

@@ -3234,7 +3234,7 @@
     border: 0 none;
     color: #495057;
     background: transparent;
-    transition: transform 0.2s, box-shadow 0.2s;
+    transition: box-shadow 0.2s;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
     background: #e9ecef;
@@ -3442,7 +3442,7 @@
     border: 0 none;
     color: #495057;
     background: transparent;
-    transition: transform 0.2s, box-shadow 0.2s;
+    transition: box-shadow 0.2s;
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
     background: #e9ecef;
@@ -4070,15 +4070,19 @@
     border: 1px solid #dee2e6;
     background: #ffffff;
     color: #495057;
+    border-top: 0 none;
+  }
+  .p-panel .p-panel-content:last-child {
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
-    border-top: 0 none;
   }
   .p-panel .p-panel-footer {
     padding: 0.5rem 1rem;
     border: 1px solid #dee2e6;
     background: #ffffff;
     color: #495057;
+    border-bottom-right-radius: 3px;
+    border-bottom-left-radius: 3px;
     border-top: 0 none;
   }
   .p-panel .p-panel-icons-end {

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

@@ -3234,7 +3234,7 @@
     border: 0 none;
     color: #495057;
     background: transparent;
-    transition: transform 0.2s, box-shadow 0.2s;
+    transition: box-shadow 0.2s;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
     background: #e9ecef;
@@ -3442,7 +3442,7 @@
     border: 0 none;
     color: #495057;
     background: transparent;
-    transition: transform 0.2s, box-shadow 0.2s;
+    transition: box-shadow 0.2s;
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
     background: #e9ecef;
@@ -4070,15 +4070,19 @@
     border: 1px solid #dee2e6;
     background: #ffffff;
     color: #495057;
+    border-top: 0 none;
+  }
+  .p-panel .p-panel-content:last-child {
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
-    border-top: 0 none;
   }
   .p-panel .p-panel-footer {
     padding: 0.5rem 1rem;
     border: 1px solid #dee2e6;
     background: #ffffff;
     color: #495057;
+    border-bottom-right-radius: 3px;
+    border-bottom-left-radius: 3px;
     border-top: 0 none;
   }
   .p-panel .p-panel-icons-end {

package/resources/themes/soho-dark/theme.css

@@ -3258,7 +3258,7 @@
     border: 0 none;
     color: rgba(255, 255, 255, 0.87);
     background: transparent;
-    transition: transform 0.2s, box-shadow 0.2s;
+    transition: box-shadow 0.2s;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
     background: rgba(255, 255, 255, 0.03);
@@ -3466,7 +3466,7 @@
     border: 0 none;
     color: rgba(255, 255, 255, 0.87);
     background: transparent;
-    transition: transform 0.2s, box-shadow 0.2s;
+    transition: box-shadow 0.2s;
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
     background: rgba(255, 255, 255, 0.03);
@@ -4070,15 +4070,19 @@
     border: 1px solid #3e4053;
     background: #282936;
     color: rgba(255, 255, 255, 0.87);
+    border-top: 0 none;
+  }
+  .p-panel .p-panel-content:last-child {
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
-    border-top: 0 none;
   }
   .p-panel .p-panel-footer {
     padding: 0.75rem 1.25rem;
     border: 1px solid #3e4053;
     background: #282936;
     color: rgba(255, 255, 255, 0.87);
+    border-bottom-right-radius: 6px;
+    border-bottom-left-radius: 6px;
     border-top: 0 none;
   }
   .p-panel .p-panel-icons-end {

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

@@ -3258,7 +3258,7 @@
     border: 0 none;
     color: #043d75;
     background: transparent;
-    transition: transform 0.2s, box-shadow 0.2s;
+    transition: box-shadow 0.2s;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
     background: #f6f9fc;
@@ -3466,7 +3466,7 @@
     border: 0 none;
     color: #043d75;
     background: transparent;
-    transition: transform 0.2s, box-shadow 0.2s;
+    transition: box-shadow 0.2s;
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
     background: #f6f9fc;
@@ -4070,15 +4070,19 @@
     border: 1px solid #dfe7ef;
     background: #ffffff;
     color: #043d75;
+    border-top: 0 none;
+  }
+  .p-panel .p-panel-content:last-child {
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
-    border-top: 0 none;
   }
   .p-panel .p-panel-footer {
     padding: 0.75rem 1.25rem;
     border: 1px solid #dfe7ef;
     background: #ffffff;
     color: #043d75;
+    border-bottom-right-radius: 6px;
+    border-bottom-left-radius: 6px;
     border-top: 0 none;
   }
   .p-panel .p-panel-icons-end {

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

@@ -3269,7 +3269,7 @@
     border: 0 none;
     color: #3f3f46;
     background: transparent;
-    transition: transform 0.2s, none;
+    transition: none;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
     background: #f4f4f5;
@@ -3477,7 +3477,7 @@
     border: 0 none;
     color: #3f3f46;
     background: transparent;
-    transition: transform 0.2s, none;
+    transition: none;
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
     background: #f4f4f5;
@@ -4105,15 +4105,19 @@
     border: 1px solid #e5e7eb;
     background: #ffffff;
     color: #3f3f46;
+    border-top: 0 none;
+  }
+  .p-panel .p-panel-content:last-child {
     border-bottom-right-radius: 0.375rem;
     border-bottom-left-radius: 0.375rem;
-    border-top: 0 none;
   }
   .p-panel .p-panel-footer {
     padding: 0.75rem 1.25rem;
     border: 1px solid #e5e7eb;
     background: #ffffff;
     color: #3f3f46;
+    border-bottom-right-radius: 0.375rem;
+    border-bottom-left-radius: 0.375rem;
     border-top: 0 none;
   }
   .p-panel .p-panel-icons-end {

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

@@ -3234,7 +3234,7 @@
     border: 0 none;
     color: rgba(255, 255, 255, 0.87);
     background: transparent;
-    transition: transform 0.2s, box-shadow 0.2s;
+    transition: box-shadow 0.2s;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
     background: rgba(255, 255, 255, 0.03);
@@ -3442,7 +3442,7 @@
     border: 0 none;
     color: rgba(255, 255, 255, 0.87);
     background: transparent;
-    transition: transform 0.2s, box-shadow 0.2s;
+    transition: box-shadow 0.2s;
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
     background: rgba(255, 255, 255, 0.03);
@@ -4070,15 +4070,19 @@
     border: 1px solid #304562;
     background: #1f2d40;
     color: rgba(255, 255, 255, 0.87);
+    border-top: 0 none;
+  }
+  .p-panel .p-panel-content:last-child {
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
-    border-top: 0 none;
   }
   .p-panel .p-panel-footer {
     padding: 0.5rem 1rem;
     border: 1px solid #304562;
     background: #1f2d40;
     color: rgba(255, 255, 255, 0.87);
+    border-bottom-right-radius: 3px;
+    border-bottom-left-radius: 3px;
     border-top: 0 none;
   }
   .p-panel .p-panel-icons-end {

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

@@ -3234,7 +3234,7 @@
     border: 0 none;
     color: rgba(255, 255, 255, 0.87);
     background: transparent;
-    transition: transform 0.2s, box-shadow 0.2s;
+    transition: box-shadow 0.2s;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
     background: rgba(255, 255, 255, 0.03);
@@ -3442,7 +3442,7 @@
     border: 0 none;
     color: rgba(255, 255, 255, 0.87);
     background: transparent;
-    transition: transform 0.2s, box-shadow 0.2s;
+    transition: box-shadow 0.2s;
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
     background: rgba(255, 255, 255, 0.03);
@@ -4070,15 +4070,19 @@
     border: 1px solid #304562;
     background: #1f2d40;
     color: rgba(255, 255, 255, 0.87);
+    border-top: 0 none;
+  }
+  .p-panel .p-panel-content:last-child {
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
-    border-top: 0 none;
   }
   .p-panel .p-panel-footer {
     padding: 0.5rem 1rem;
     border: 1px solid #304562;
     background: #1f2d40;
     color: rgba(255, 255, 255, 0.87);
+    border-bottom-right-radius: 3px;
+    border-bottom-left-radius: 3px;
     border-top: 0 none;
   }
   .p-panel .p-panel-icons-end {

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

@@ -3234,7 +3234,7 @@
     border: 0 none;
     color: rgba(255, 255, 255, 0.87);
     background: transparent;
-    transition: transform 0.2s, box-shadow 0.2s;
+    transition: box-shadow 0.2s;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
     background: rgba(255, 255, 255, 0.03);
@@ -3442,7 +3442,7 @@
     border: 0 none;
     color: rgba(255, 255, 255, 0.87);
     background: transparent;
-    transition: transform 0.2s, box-shadow 0.2s;
+    transition: box-shadow 0.2s;
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
     background: rgba(255, 255, 255, 0.03);
@@ -4070,15 +4070,19 @@
     border: 1px solid #304562;
     background: #1f2d40;
     color: rgba(255, 255, 255, 0.87);
+    border-top: 0 none;
+  }
+  .p-panel .p-panel-content:last-child {
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
-    border-top: 0 none;
   }
   .p-panel .p-panel-footer {
     padding: 0.5rem 1rem;
     border: 1px solid #304562;
     background: #1f2d40;
     color: rgba(255, 255, 255, 0.87);
+    border-bottom-right-radius: 3px;
+    border-bottom-left-radius: 3px;
     border-top: 0 none;
   }
   .p-panel .p-panel-icons-end {

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

@@ -3234,7 +3234,7 @@
     border: 0 none;
     color: rgba(255, 255, 255, 0.87);
     background: transparent;
-    transition: transform 0.2s, box-shadow 0.2s;
+    transition: box-shadow 0.2s;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
     background: rgba(255, 255, 255, 0.03);
@@ -3442,7 +3442,7 @@
     border: 0 none;
     color: rgba(255, 255, 255, 0.87);
     background: transparent;
-    transition: transform 0.2s, box-shadow 0.2s;
+    transition: box-shadow 0.2s;
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
     background: rgba(255, 255, 255, 0.03);
@@ -4070,15 +4070,19 @@
     border: 1px solid #304562;
     background: #1f2d40;
     color: rgba(255, 255, 255, 0.87);
+    border-top: 0 none;
+  }
+  .p-panel .p-panel-content:last-child {
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
-    border-top: 0 none;
   }
   .p-panel .p-panel-footer {
     padding: 0.5rem 1rem;
     border: 1px solid #304562;
     background: #1f2d40;
     color: rgba(255, 255, 255, 0.87);
+    border-bottom-right-radius: 3px;
+    border-bottom-left-radius: 3px;
     border-top: 0 none;
   }
   .p-panel .p-panel-icons-end {

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

@@ -3266,7 +3266,7 @@
     border: 0 none;
     color: rgba(255, 255, 255, 0.87);
     background: transparent;
-    transition: transform 0.3s, box-shadow 0.3s;
+    transition: box-shadow 0.3s;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
     background: rgba(158, 173, 230, 0.08);
@@ -3474,7 +3474,7 @@
     border: 0 none;
     color: rgba(255, 255, 255, 0.87);
     background: transparent;
-    transition: transform 0.3s, box-shadow 0.3s;
+    transition: box-shadow 0.3s;
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
     background: rgba(158, 173, 230, 0.08);
@@ -4102,15 +4102,19 @@
     border: 2px solid #263238;
     background: #161d21;
     color: rgba(255, 255, 255, 0.87);
+    border-top: 0 none;
+  }
+  .p-panel .p-panel-content:last-child {
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
-    border-top: 0 none;
   }
   .p-panel .p-panel-footer {
     padding: 0.5rem 1rem;
     border: 2px solid #263238;
     background: #161d21;
     color: rgba(255, 255, 255, 0.87);
+    border-bottom-right-radius: 6px;
+    border-bottom-left-radius: 6px;
     border-top: 0 none;
   }
   .p-panel .p-panel-icons-end {

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

@@ -3267,7 +3267,7 @@
     border: 0 none;
     color: #6c6c6c;
     background: transparent;
-    transition: transform 0.3s, box-shadow 0.3s;
+    transition: box-shadow 0.3s;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
     background: #edf0fA;
@@ -3475,7 +3475,7 @@
     border: 0 none;
     color: #6c6c6c;
     background: transparent;
-    transition: transform 0.3s, box-shadow 0.3s;
+    transition: box-shadow 0.3s;
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
     background: #edf0fA;
@@ -4103,15 +4103,19 @@
     border: 2px solid #ebebeb;
     background: #ffffff;
     color: #6c6c6c;
+    border-top: 0 none;
+  }
+  .p-panel .p-panel-content:last-child {
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
-    border-top: 0 none;
   }
   .p-panel .p-panel-footer {
     padding: 0.5rem 1rem;
     border: 2px solid #ebebeb;
     background: #ffffff;
     color: #6c6c6c;
+    border-bottom-right-radius: 6px;
+    border-bottom-left-radius: 6px;
     border-top: 0 none;
   }
   .p-panel .p-panel-icons-end {

package/sidebar/sidebar.d.ts

@@ -1,4 +1,4 @@
-import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, QueryList, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
+import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, QueryList, Renderer2, TemplateRef } from '@angular/core';
 import { PrimeNGConfig, PrimeTemplate } from 'primeng/api';
 import { Nullable, VoidListener } from 'primeng/ts-helpers';
 import * as i0 from "@angular/core";
@@ -10,7 +10,7 @@ import * as i4 from "primeng/icons/times";
  * Sidebar is a panel component displayed as an overlay at the edges of the screen.
  * @group Components
  */
-export declare class Sidebar implements AfterViewInit, AfterContentInit, OnDestroy, OnChanges {
+export declare class Sidebar implements AfterViewInit, AfterContentInit, OnDestroy {
     private document;
     el: ElementRef;
     renderer: Renderer2;
@@ -129,7 +129,6 @@ export declare class Sidebar implements AfterViewInit, AfterContentInit, OnDestr
     closeIconTemplate: Nullable<TemplateRef<any>>;
     constructor(document: Document, el: ElementRef, renderer: Renderer2, cd: ChangeDetectorRef, config: PrimeNGConfig);
     ngAfterViewInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
     ngAfterContentInit(): void;
     onKeyDown(event: KeyboardEvent): void;
     show(): void;

package/tabview/tabview.d.ts

@@ -168,6 +168,21 @@ export declare class TabView implements AfterContentInit, AfterViewChecked, OnDe
      * @group Props
      */
     selectOnFocus: boolean;
+    /**
+     * Used to define a string aria label attribute the forward navigation button.
+     * @group Props
+     */
+    nextButtonAriaLabel: string | undefined;
+    /**
+     * Used to define a string aria label attribute the backward navigation button.
+     * @group Props
+     */
+    prevButtonAriaLabel: string | undefined;
+    /**
+     * When activated, navigation buttons will automatically hide or show based on the available space within the container.
+     * @group Props
+     */
+    autoHideButtons: boolean;
     /**
      * Index of the element in tabbing order.
      * @group Props
@@ -209,7 +224,9 @@ export declare class TabView implements AfterContentInit, AfterViewChecked, OnDe
     nextIconTemplate: TemplateRef<any> | undefined;
     previousIconTemplate: TemplateRef<any> | undefined;
     resizeObserver: Nullable<ResizeObserver>;
-    shouldVisible: boolean;
+    container: HTMLDivElement | undefined;
+    list: HTMLUListElement | undefined;
+    buttonVisible: boolean;
     elementToObserve: ElementRef;
     constructor(platformId: any, el: ElementRef, cd: ChangeDetectorRef, renderer: Renderer2);
     ngAfterContentInit(): void;
@@ -245,7 +262,7 @@ export declare class TabView implements AfterContentInit, AfterViewChecked, OnDe
     navBackward(): void;
     navForward(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabView, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabView, "p-tabView", never, { "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "controlClose": { "alias": "controlClose"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "activeIndex": { "alias": "activeIndex"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, { "onChange": "onChange"; "onClose": "onClose"; "activeIndexChange": "activeIndexChange"; }, ["tabPanels", "templates"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabView, "p-tabView", never, { "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "controlClose": { "alias": "controlClose"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "activeIndex": { "alias": "activeIndex"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "nextButtonAriaLabel": { "alias": "nextButtonAriaLabel"; "required": false; }; "prevButtonAriaLabel": { "alias": "prevButtonAriaLabel"; "required": false; }; "autoHideButtons": { "alias": "autoHideButtons"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, { "onChange": "onChange"; "onClose": "onClose"; "activeIndexChange": "activeIndexChange"; }, ["tabPanels", "templates"], ["*"], false, never>;
 }
 export declare class TabViewModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TabViewModule, never>;