primeng 16.1.0 → 16.2.0

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

@@ -2398,6 +2398,16 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   height: 1.3rem;
 }
 
+.p-speeddial-list {
+  outline: 0 none;
+}
+
+.p-speeddial-item.p-focus > .p-speeddial-action {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 1px #9eade6;
+}
+
 .p-speeddial-action {
   width: 3rem;
   height: 3rem;
@@ -5102,7 +5112,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   border-top-right-radius: 0;
   border-top-left-radius: 0;
 }
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
   border-top: 1px solid #263238;
   margin: 4px 0;
 }
@@ -5293,19 +5303,19 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
     width: 100%;
     position: static;
   }
-  .p-menubar .p-menubar-root-list ul li a {
+  .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
-  .p-menubar .p-menubar-root-list ul li ul li a {
+  .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 3.75rem;
   }
-  .p-menubar .p-menubar-root-list ul li ul li ul li a {
+  .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 5.25rem;
   }
-  .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+  .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 6.75rem;
   }
-  .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+  .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 8.25rem;
   }
   .p-menubar.p-menubar-mobile-active .p-menubar-root-list {

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

@@ -2398,6 +2398,16 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   height: 1.3rem;
 }
 
+.p-speeddial-list {
+  outline: 0 none;
+}
+
+.p-speeddial-item.p-focus > .p-speeddial-action {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.1rem #bbc7ee;
+}
+
 .p-speeddial-action {
   width: 3rem;
   height: 3rem;
@@ -5102,7 +5112,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   border-top-right-radius: 0;
   border-top-left-radius: 0;
 }
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
   border-top: 1px solid #ebebeb;
   margin: 4px 0;
 }
@@ -5293,19 +5303,19 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
     width: 100%;
     position: static;
   }
-  .p-menubar .p-menubar-root-list ul li a {
+  .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
-  .p-menubar .p-menubar-root-list ul li ul li a {
+  .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 3.75rem;
   }
-  .p-menubar .p-menubar-root-list ul li ul li ul li a {
+  .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 5.25rem;
   }
-  .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+  .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 6.75rem;
   }
-  .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+  .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 8.25rem;
   }
   .p-menubar.p-menubar-mobile-active .p-menubar-root-list {

package/sidebar/sidebar.d.ts

@@ -130,6 +130,7 @@ export declare class Sidebar implements AfterViewInit, AfterContentInit, OnDestr
     constructor(document: Document, el: ElementRef, renderer: Renderer2, cd: ChangeDetectorRef, config: PrimeNGConfig);
     ngAfterViewInit(): void;
     ngAfterContentInit(): void;
+    onKeydown(event: KeyboardEvent): void;
     show(): void;
     hide(emit?: boolean): void;
     close(event: Event): void;

package/slidemenu/slidemenu.d.ts

@@ -70,6 +70,12 @@ export declare class SlideMenu implements OnInit, AfterContentInit, OnDestroy {
     cd: ChangeDetectorRef;
     config: PrimeNGConfig;
     overlayService: OverlayService;
+    /**
+     * An array of menuitems.
+     * @group Props
+     */
+    set model(value: MenuItem[] | undefined);
+    get model(): MenuItem[] | undefined;
     /**
      * Width of the submenus.
      * @group Props
@@ -105,11 +111,6 @@ export declare class SlideMenu implements OnInit, AfterContentInit, OnDestroy {
      * @group Props
      */
     tabindex: number;
-    /**
-     * An array of menuitems.
-     * @group Props
-     */
-    model: MenuItem[] | undefined;
     /**
      * Defines if menu would displayed as a popup.
      * @group Props
@@ -208,6 +209,7 @@ export declare class SlideMenu implements OnInit, AfterContentInit, OnDestroy {
     searchValue: string;
     searchTimeout: any;
     _processedItems: any[];
+    _model: MenuItem[] | undefined;
     container: any;
     itemClick: boolean;
     get visibleItems(): any;
@@ -292,7 +294,7 @@ export declare class SlideMenu implements OnInit, AfterContentInit, OnDestroy {
     onOverlayHide(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SlideMenu, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SlideMenu, "p-slideMenu", never, { "menuWidth": { "alias": "menuWidth"; "required": false; }; "viewportHeight": { "alias": "viewportHeight"; "required": false; }; "effectDuration": { "alias": "effectDuration"; "required": false; }; "easing": { "alias": "easing"; "required": false; }; "backLabel": { "alias": "backLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "model": { "alias": "model"; "required": false; }; "popup": { "alias": "popup"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "autoDisplay": { "alias": "autoDisplay"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "id": { "alias": "id"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; }, { "onShow": "onShow"; "onHide": "onHide"; }, ["templates"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SlideMenu, "p-slideMenu", never, { "model": { "alias": "model"; "required": false; }; "menuWidth": { "alias": "menuWidth"; "required": false; }; "viewportHeight": { "alias": "viewportHeight"; "required": false; }; "effectDuration": { "alias": "effectDuration"; "required": false; }; "easing": { "alias": "easing"; "required": false; }; "backLabel": { "alias": "backLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "popup": { "alias": "popup"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "autoDisplay": { "alias": "autoDisplay"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "id": { "alias": "id"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; }, { "onShow": "onShow"; "onHide": "onHide"; }, ["templates"], never, false, never>;
 }
 export declare class SlideMenuModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SlideMenuModule, never>;

package/speeddial/speeddial.d.ts

@@ -121,6 +121,16 @@ export declare class SpeedDial implements AfterViewInit, AfterContentInit, OnDes
      * @group Props
      */
     rotateAnimation: boolean;
+    /**
+     * Defines a string value that labels an interactive element.
+     * @group Props
+     */
+    ariaLabel: string | undefined;
+    /**
+     * Identifier of the underlying input element.
+     * @group Props
+     */
+    ariaLabelledBy: string | undefined;
     /**
      * Fired when the visibility of element changed.
      * @param {boolean} boolean - Visibility value.
@@ -158,13 +168,36 @@ export declare class SpeedDial implements AfterViewInit, AfterContentInit, OnDes
     isItemClicked: boolean;
     _visible: boolean;
     documentClickListener: any;
+    focusedOptionIndex: import("@angular/core").WritableSignal<any>;
+    focused: boolean;
+    get focusedOptionId(): any;
     constructor(platformId: any, el: ElementRef, cd: ChangeDetectorRef, document: Document, renderer: Renderer2);
+    ngOnInit(): void;
     ngAfterViewInit(): void;
     ngAfterContentInit(): void;
     show(): void;
     hide(): void;
     onButtonClick(event: MouseEvent): void;
     onItemClick(e: MouseEvent, item: MenuItem): void;
+    onKeyDown(event: KeyboardEvent): void;
+    onFocus(event: any): void;
+    onBlur(event: any): void;
+    onArrowUp(event: any): void;
+    onArrowDown(event: any): void;
+    onArrowLeft(event: any): void;
+    onArrowRight(event: any): void;
+    onEndKey(event: any): void;
+    onHomeKey(event: any): void;
+    onEnterKey(event: any): void;
+    onEscapeKey(event: KeyboardEvent): void;
+    onTogglerKeydown(event: KeyboardEvent): void;
+    onTogglerArrowUp(event: any): void;
+    onTogglerArrowDown(event: any): void;
+    navigateNextItem(event: any): void;
+    navigatePrevItem(event: any): void;
+    findPrevOptionIndex(index: any): number;
+    findNextOptionIndex(index: any): number;
+    changeFocusedOptionIndex(index: any): void;
     calculatePointStyle(index: number): {
         left: string;
         top: string;
@@ -240,7 +273,7 @@ export declare class SpeedDial implements AfterViewInit, AfterContentInit, OnDes
     unbindDocumentClickListener(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpeedDial, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpeedDial, "p-speedDial", never, { "id": { "alias": "id"; "required": false; }; "model": { "alias": "model"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "style": { "alias": "style"; "required": false; }; "className": { "alias": "className"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "transitionDelay": { "alias": "transitionDelay"; "required": false; }; "type": { "alias": "type"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hideOnClickOutside": { "alias": "hideOnClickOutside"; "required": false; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "buttonClassName": { "alias": "buttonClassName"; "required": false; }; "maskStyle": { "alias": "maskStyle"; "required": false; }; "maskClassName": { "alias": "maskClassName"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "hideIcon": { "alias": "hideIcon"; "required": false; }; "rotateAnimation": { "alias": "rotateAnimation"; "required": false; }; }, { "onVisibleChange": "onVisibleChange"; "visibleChange": "visibleChange"; "onClick": "onClick"; "onShow": "onShow"; "onHide": "onHide"; }, ["templates"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpeedDial, "p-speedDial", never, { "id": { "alias": "id"; "required": false; }; "model": { "alias": "model"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "style": { "alias": "style"; "required": false; }; "className": { "alias": "className"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "transitionDelay": { "alias": "transitionDelay"; "required": false; }; "type": { "alias": "type"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hideOnClickOutside": { "alias": "hideOnClickOutside"; "required": false; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "buttonClassName": { "alias": "buttonClassName"; "required": false; }; "maskStyle": { "alias": "maskStyle"; "required": false; }; "maskClassName": { "alias": "maskClassName"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "hideIcon": { "alias": "hideIcon"; "required": false; }; "rotateAnimation": { "alias": "rotateAnimation"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; }, { "onVisibleChange": "onVisibleChange"; "visibleChange": "visibleChange"; "onClick": "onClick"; "onShow": "onShow"; "onHide": "onHide"; }, ["templates"], never, false, never>;
 }
 export declare class SpeedDialModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SpeedDialModule, never>;

package/splitbutton/splitbutton.d.ts

@@ -109,9 +109,13 @@ export declare class SplitButton {
     templates: QueryList<PrimeTemplate> | undefined;
     contentTemplate: TemplateRef<any> | undefined;
     dropdownIconTemplate: TemplateRef<any> | undefined;
+    ariaId: string | undefined;
+    isExpanded: import("@angular/core").WritableSignal<boolean>;
+    ngOnInit(): void;
     ngAfterContentInit(): void;
     onDefaultButtonClick(event: MouseEvent): void;
-    onDropdownButtonClick(event: MouseEvent): void;
+    onDropdownButtonClick(event?: MouseEvent): void;
+    onDropdownButtonKeydown(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SplitButton, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SplitButton, "p-splitButton", never, { "model": { "alias": "model"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconPos": { "alias": "iconPos"; "required": false; }; "label": { "alias": "label"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "menuStyle": { "alias": "menuStyle"; "required": false; }; "menuStyleClass": { "alias": "menuStyleClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "expandAriaLabel": { "alias": "expandAriaLabel"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; }, { "onClick": "onClick"; "onDropdownClick": "onDropdownClick"; }, ["templates"], never, false, never>;
 }

package/tabmenu/tabmenu.d.ts

@@ -23,7 +23,8 @@ export declare class TabMenu implements AfterContentInit, AfterViewInit, AfterVi
      * An array of menuitems.
      * @group Props
      */
-    model: MenuItem[] | undefined;
+    set model(value: MenuItem[] | undefined);
+    get model(): MenuItem[] | undefined;
     /**
      * Defines the default active menuitem
      * @group Props
@@ -82,6 +83,7 @@ export declare class TabMenu implements AfterContentInit, AfterViewInit, AfterVi
     forwardIsDisabled: boolean;
     private timerIdForInitialAutoScroll;
     _focusableItems: MenuItem[] | undefined;
+    _model: MenuItem[] | undefined;
     focusedItemInfo: import("@angular/core").WritableSignal<any>;
     get focusableItems(): MenuItem[];
     constructor(platformId: any, router: Router, route: ActivatedRoute, cd: ChangeDetectorRef);

package/tabview/tabview.d.ts

@@ -1,6 +1,7 @@
-import { AfterContentInit, AfterViewChecked, ChangeDetectorRef, ElementRef, EmbeddedViewRef, EventEmitter, OnDestroy, QueryList, TemplateRef, ViewContainerRef } from '@angular/core';
+import { AfterContentInit, AfterViewChecked, ChangeDetectorRef, ElementRef, EmbeddedViewRef, EventEmitter, OnDestroy, QueryList, Renderer2, TemplateRef, ViewContainerRef } from '@angular/core';
 import { BlockableUI, PrimeTemplate } from 'primeng/api';
 import { TabViewChangeEvent, TabViewCloseEvent } from './tabview.interface';
+import { Nullable } from 'primeng/ts-helpers';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "primeng/api";
@@ -123,6 +124,7 @@ export declare class TabView implements AfterContentInit, AfterViewChecked, OnDe
     private platformId;
     el: ElementRef;
     cd: ChangeDetectorRef;
+    private renderer;
     /**
      * Inline style of the component.
      * @group Props
@@ -198,8 +200,14 @@ export declare class TabView implements AfterContentInit, AfterViewChecked, OnDe
     private tabChangesSubscription;
     nextIconTemplate: TemplateRef<any> | undefined;
     previousIconTemplate: TemplateRef<any> | undefined;
-    constructor(platformId: any, el: ElementRef, cd: ChangeDetectorRef);
+    resizeObserver: Nullable<ResizeObserver>;
+    shouldVisible: boolean;
+    elementToObserve: ElementRef;
+    constructor(platformId: any, el: ElementRef, cd: ChangeDetectorRef, renderer: Renderer2);
     ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
+    bindResizeObserver(): void;
+    unbindResizeObserver(): void;
     ngAfterViewChecked(): void;
     ngOnDestroy(): void;
     getTabHeaderActionId(tabId: any): string;

package/tieredmenu/tieredmenu.d.ts

@@ -71,7 +71,8 @@ export declare class TieredMenu implements OnInit, AfterContentInit, OnDestroy {
      * An array of menuitems.
      * @group Props
      */
-    model: MenuItem[] | undefined;
+    set model(value: MenuItem[] | undefined);
+    get model(): MenuItem[] | undefined;
     /**
      * Defines if menu would displayed as a popup.
      * @group Props
@@ -176,6 +177,7 @@ export declare class TieredMenu implements OnInit, AfterContentInit, OnDestroy {
     searchValue: string;
     searchTimeout: any;
     _processedItems: any[];
+    _model: MenuItem[] | undefined;
     get visibleItems(): any;
     get processedItems(): any[];
     get focusedItemId(): string;