primeng 16.7.2 → 16.9.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "primeng",
-  "version": "16.7.2",
+  "version": "16.9.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/primefaces/primeng"
@@ -41,6 +41,18 @@
       "esm": "./esm2022/animateonscroll/primeng-animateonscroll.mjs",
       "default": "./fesm2022/primeng-animateonscroll.mjs"
     },
+    "./autocomplete": {
+      "types": "./autocomplete/index.d.ts",
+      "esm2022": "./esm2022/autocomplete/primeng-autocomplete.mjs",
+      "esm": "./esm2022/autocomplete/primeng-autocomplete.mjs",
+      "default": "./fesm2022/primeng-autocomplete.mjs"
+    },
+    "./avatar": {
+      "types": "./avatar/index.d.ts",
+      "esm2022": "./esm2022/avatar/primeng-avatar.mjs",
+      "esm": "./esm2022/avatar/primeng-avatar.mjs",
+      "default": "./fesm2022/primeng-avatar.mjs"
+    },
     "./api": {
       "types": "./api/index.d.ts",
       "esm2022": "./esm2022/api/primeng-api.mjs",
@@ -53,24 +65,12 @@
       "esm": "./esm2022/autofocus/primeng-autofocus.mjs",
       "default": "./fesm2022/primeng-autofocus.mjs"
     },
-    "./autocomplete": {
-      "types": "./autocomplete/index.d.ts",
-      "esm2022": "./esm2022/autocomplete/primeng-autocomplete.mjs",
-      "esm": "./esm2022/autocomplete/primeng-autocomplete.mjs",
-      "default": "./fesm2022/primeng-autocomplete.mjs"
-    },
     "./avatargroup": {
       "types": "./avatargroup/index.d.ts",
       "esm2022": "./esm2022/avatargroup/primeng-avatargroup.mjs",
       "esm": "./esm2022/avatargroup/primeng-avatargroup.mjs",
       "default": "./fesm2022/primeng-avatargroup.mjs"
     },
-    "./avatar": {
-      "types": "./avatar/index.d.ts",
-      "esm2022": "./esm2022/avatar/primeng-avatar.mjs",
-      "esm": "./esm2022/avatar/primeng-avatar.mjs",
-      "default": "./fesm2022/primeng-avatar.mjs"
-    },
     "./badge": {
       "types": "./badge/index.d.ts",
       "esm2022": "./esm2022/badge/primeng-badge.mjs",
@@ -209,23 +209,17 @@
       "esm": "./esm2022/dom/primeng-dom.mjs",
       "default": "./fesm2022/primeng-dom.mjs"
     },
-    "./dragdrop": {
-      "types": "./dragdrop/index.d.ts",
-      "esm2022": "./esm2022/dragdrop/primeng-dragdrop.mjs",
-      "esm": "./esm2022/dragdrop/primeng-dragdrop.mjs",
-      "default": "./fesm2022/primeng-dragdrop.mjs"
-    },
     "./dropdown": {
       "types": "./dropdown/index.d.ts",
       "esm2022": "./esm2022/dropdown/primeng-dropdown.mjs",
       "esm": "./esm2022/dropdown/primeng-dropdown.mjs",
       "default": "./fesm2022/primeng-dropdown.mjs"
     },
-    "./dynamicdialog": {
-      "types": "./dynamicdialog/index.d.ts",
-      "esm2022": "./esm2022/dynamicdialog/primeng-dynamicdialog.mjs",
-      "esm": "./esm2022/dynamicdialog/primeng-dynamicdialog.mjs",
-      "default": "./fesm2022/primeng-dynamicdialog.mjs"
+    "./dragdrop": {
+      "types": "./dragdrop/index.d.ts",
+      "esm2022": "./esm2022/dragdrop/primeng-dragdrop.mjs",
+      "esm": "./esm2022/dragdrop/primeng-dragdrop.mjs",
+      "default": "./fesm2022/primeng-dragdrop.mjs"
     },
     "./editor": {
       "types": "./editor/index.d.ts",
@@ -233,6 +227,12 @@
       "esm": "./esm2022/editor/primeng-editor.mjs",
       "default": "./fesm2022/primeng-editor.mjs"
     },
+    "./dynamicdialog": {
+      "types": "./dynamicdialog/index.d.ts",
+      "esm2022": "./esm2022/dynamicdialog/primeng-dynamicdialog.mjs",
+      "esm": "./esm2022/dynamicdialog/primeng-dynamicdialog.mjs",
+      "default": "./fesm2022/primeng-dynamicdialog.mjs"
+    },
     "./fieldset": {
       "types": "./fieldset/index.d.ts",
       "esm2022": "./esm2022/fieldset/primeng-fieldset.mjs",
@@ -245,48 +245,42 @@
       "esm": "./esm2022/fileupload/primeng-fileupload.mjs",
       "default": "./fesm2022/primeng-fileupload.mjs"
     },
-    "./focustrap": {
-      "types": "./focustrap/index.d.ts",
-      "esm2022": "./esm2022/focustrap/primeng-focustrap.mjs",
-      "esm": "./esm2022/focustrap/primeng-focustrap.mjs",
-      "default": "./fesm2022/primeng-focustrap.mjs"
-    },
     "./galleria": {
       "types": "./galleria/index.d.ts",
       "esm2022": "./esm2022/galleria/primeng-galleria.mjs",
       "esm": "./esm2022/galleria/primeng-galleria.mjs",
       "default": "./fesm2022/primeng-galleria.mjs"
     },
+    "./focustrap": {
+      "types": "./focustrap/index.d.ts",
+      "esm2022": "./esm2022/focustrap/primeng-focustrap.mjs",
+      "esm": "./esm2022/focustrap/primeng-focustrap.mjs",
+      "default": "./fesm2022/primeng-focustrap.mjs"
+    },
     "./image": {
       "types": "./image/index.d.ts",
       "esm2022": "./esm2022/image/primeng-image.mjs",
       "esm": "./esm2022/image/primeng-image.mjs",
       "default": "./fesm2022/primeng-image.mjs"
     },
-    "./inplace": {
-      "types": "./inplace/index.d.ts",
-      "esm2022": "./esm2022/inplace/primeng-inplace.mjs",
-      "esm": "./esm2022/inplace/primeng-inplace.mjs",
-      "default": "./fesm2022/primeng-inplace.mjs"
-    },
     "./inputmask": {
       "types": "./inputmask/index.d.ts",
       "esm2022": "./esm2022/inputmask/primeng-inputmask.mjs",
       "esm": "./esm2022/inputmask/primeng-inputmask.mjs",
       "default": "./fesm2022/primeng-inputmask.mjs"
     },
+    "./inplace": {
+      "types": "./inplace/index.d.ts",
+      "esm2022": "./esm2022/inplace/primeng-inplace.mjs",
+      "esm": "./esm2022/inplace/primeng-inplace.mjs",
+      "default": "./fesm2022/primeng-inplace.mjs"
+    },
     "./inputnumber": {
       "types": "./inputnumber/index.d.ts",
       "esm2022": "./esm2022/inputnumber/primeng-inputnumber.mjs",
       "esm": "./esm2022/inputnumber/primeng-inputnumber.mjs",
       "default": "./fesm2022/primeng-inputnumber.mjs"
     },
-    "./inputswitch": {
-      "types": "./inputswitch/index.d.ts",
-      "esm2022": "./esm2022/inputswitch/primeng-inputswitch.mjs",
-      "esm": "./esm2022/inputswitch/primeng-inputswitch.mjs",
-      "default": "./fesm2022/primeng-inputswitch.mjs"
-    },
     "./inputtext": {
       "types": "./inputtext/index.d.ts",
       "esm2022": "./esm2022/inputtext/primeng-inputtext.mjs",
@@ -305,6 +299,12 @@
       "esm": "./esm2022/keyfilter/primeng-keyfilter.mjs",
       "default": "./fesm2022/primeng-keyfilter.mjs"
     },
+    "./inputswitch": {
+      "types": "./inputswitch/index.d.ts",
+      "esm2022": "./esm2022/inputswitch/primeng-inputswitch.mjs",
+      "esm": "./esm2022/inputswitch/primeng-inputswitch.mjs",
+      "default": "./fesm2022/primeng-inputswitch.mjs"
+    },
     "./knob": {
       "types": "./knob/index.d.ts",
       "esm2022": "./esm2022/knob/primeng-knob.mjs",
@@ -317,18 +317,18 @@
       "esm": "./esm2022/listbox/primeng-listbox.mjs",
       "default": "./fesm2022/primeng-listbox.mjs"
     },
-    "./megamenu": {
-      "types": "./megamenu/index.d.ts",
-      "esm2022": "./esm2022/megamenu/primeng-megamenu.mjs",
-      "esm": "./esm2022/megamenu/primeng-megamenu.mjs",
-      "default": "./fesm2022/primeng-megamenu.mjs"
-    },
     "./menu": {
       "types": "./menu/index.d.ts",
       "esm2022": "./esm2022/menu/primeng-menu.mjs",
       "esm": "./esm2022/menu/primeng-menu.mjs",
       "default": "./fesm2022/primeng-menu.mjs"
     },
+    "./megamenu": {
+      "types": "./megamenu/index.d.ts",
+      "esm2022": "./esm2022/megamenu/primeng-megamenu.mjs",
+      "esm": "./esm2022/megamenu/primeng-megamenu.mjs",
+      "default": "./fesm2022/primeng-megamenu.mjs"
+    },
     "./menubar": {
       "types": "./menubar/index.d.ts",
       "esm2022": "./esm2022/menubar/primeng-menubar.mjs",
@@ -791,18 +791,18 @@
       "esm": "./esm2022/icons/eyeslash/primeng-icons-eyeslash.mjs",
       "default": "./fesm2022/primeng-icons-eyeslash.mjs"
     },
-    "./icons/filter": {
-      "types": "./icons/filter/index.d.ts",
-      "esm2022": "./esm2022/icons/filter/primeng-icons-filter.mjs",
-      "esm": "./esm2022/icons/filter/primeng-icons-filter.mjs",
-      "default": "./fesm2022/primeng-icons-filter.mjs"
-    },
     "./icons/filterslash": {
       "types": "./icons/filterslash/index.d.ts",
       "esm2022": "./esm2022/icons/filterslash/primeng-icons-filterslash.mjs",
       "esm": "./esm2022/icons/filterslash/primeng-icons-filterslash.mjs",
       "default": "./fesm2022/primeng-icons-filterslash.mjs"
     },
+    "./icons/filter": {
+      "types": "./icons/filter/index.d.ts",
+      "esm2022": "./esm2022/icons/filter/primeng-icons-filter.mjs",
+      "esm": "./esm2022/icons/filter/primeng-icons-filter.mjs",
+      "default": "./fesm2022/primeng-icons-filter.mjs"
+    },
     "./icons/home": {
       "types": "./icons/home/index.d.ts",
       "esm2022": "./esm2022/icons/home/primeng-icons-home.mjs",

package/paginator/paginator.d.ts

@@ -1,8 +1,8 @@
-import { OnInit, ChangeDetectorRef, EventEmitter, TemplateRef, OnChanges, SimpleChanges, AfterContentInit, QueryList, ElementRef } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnInit, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
 import { SelectItem } from 'primeng/api';
-import { PaginatorState } from './paginator.interface';
-import { Nullable } from 'primeng/ts-helpers';
 import { DropdownChangeEvent } from 'primeng/dropdown';
+import { Nullable } from 'primeng/ts-helpers';
+import { PaginatorState } from './paginator.interface';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "primeng/dropdown";

package/picklist/picklist.d.ts

@@ -1,8 +1,8 @@
-import { ElementRef, AfterContentInit, AfterViewChecked, QueryList, TemplateRef, EventEmitter, ChangeDetectorRef, Renderer2 } from '@angular/core';
-import { PrimeTemplate, FilterService } from 'primeng/api';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import { AfterContentInit, AfterViewChecked, ChangeDetectorRef, ElementRef, EventEmitter, QueryList, Renderer2, TemplateRef } from '@angular/core';
+import { FilterService, PrimeNGConfig, PrimeTemplate } from 'primeng/api';
 import { Nullable, VoidListener } from 'primeng/ts-helpers';
-import { PickListMoveAllToSourceEvent, PickListMoveAllToTargetEvent, PickListMoveToSourceEvent, PickListMoveToTargetEvent, PickListSourceFilterEvent, PickListSourceReorderEvent, PickListSourceSelectEvent, PickListTargetFilterEvent, PickListTargetReorderEvent, PickListTargetSelectEvent, PickListFilterOptions } from './picklist.interface';
+import { PickListFilterOptions, PickListMoveAllToSourceEvent, PickListMoveAllToTargetEvent, PickListMoveToSourceEvent, PickListMoveToTargetEvent, PickListSourceFilterEvent, PickListSourceReorderEvent, PickListSourceSelectEvent, PickListTargetFilterEvent, PickListTargetReorderEvent, PickListTargetSelectEvent } from './picklist.interface';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "primeng/button";
@@ -30,6 +30,7 @@ export declare class PickList implements AfterViewChecked, AfterContentInit {
     el: ElementRef;
     cd: ChangeDetectorRef;
     filterService: FilterService;
+    config: PrimeNGConfig;
     /**
      * An array of objects for the source list.
      * @group Props
@@ -45,6 +46,11 @@ export declare class PickList implements AfterViewChecked, AfterContentInit {
      * @group Props
      */
     sourceHeader: string | undefined;
+    /**
+     * Index of the element in tabbing order.
+     * @group Props
+     */
+    tabindex: number | undefined;
     /**
      * Defines a string that labels the move to right button for accessibility.
      * @group Props
@@ -278,11 +284,34 @@ export declare class PickList implements AfterViewChecked, AfterContentInit {
      * @group Emits
      */
     onTargetFilter: EventEmitter<PickListTargetFilterEvent>;
+    /**
+     * Callback to invoke when the list is focused
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    onFocus: EventEmitter<Event>;
+    /**
+     * Callback to invoke when the list is blurred
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    onBlur: EventEmitter<Event>;
     listViewSourceChild: Nullable<ElementRef>;
     listViewTargetChild: Nullable<ElementRef>;
     sourceFilterViewChild: Nullable<ElementRef>;
     targetFilterViewChild: Nullable<ElementRef>;
     templates: Nullable<QueryList<PrimeTemplate>>;
+    get moveUpAriaLabel(): string;
+    get moveTopAriaLabel(): string;
+    get moveDownAriaLabel(): string;
+    get moveBottomAriaLabel(): string;
+    get moveToTargetAriaLabel(): string;
+    get moveAllToTargetAriaLabel(): string;
+    get moveToSourceAriaLabel(): string;
+    get moveAllToSourceAriaLabel(): string;
+    get idSource(): string;
+    get idTarget(): string;
+    get focusedOptionId(): any;
     _breakpoint: string;
     itemTemplate: TemplateRef<any> | undefined;
     moveTopIconTemplate: Nullable<TemplateRef<any>>;
@@ -323,12 +352,16 @@ export declare class PickList implements AfterViewChecked, AfterContentInit {
     window: Window;
     media: MediaQueryList | null | undefined;
     viewChanged: boolean | undefined;
+    focusedOptionIndex: any;
+    focusedOption: any | undefined;
+    focused: any;
     mediaChangeListener: VoidListener;
-    constructor(document: Document, platformId: any, renderer: Renderer2, el: ElementRef, cd: ChangeDetectorRef, filterService: FilterService);
+    constructor(document: Document, platformId: any, renderer: Renderer2, el: ElementRef, cd: ChangeDetectorRef, filterService: FilterService, config: PrimeNGConfig);
     ngOnInit(): void;
     ngAfterContentInit(): void;
     ngAfterViewChecked(): void;
-    onItemClick(event: Event | any, item: any, selectedItems: any[], callback: EventEmitter<any>): void;
+    onItemClick(event: Event | any, item: any, selectedItems: any[], callback: EventEmitter<any>, itemId?: string): void;
+    onOptionMouseDown(index: any, listType: number): void;
     onSourceItemDblClick(): void;
     onTargetItemDblClick(): void;
     onFilter(event: KeyboardEvent, listType: number): void;
@@ -349,8 +382,32 @@ export declare class PickList implements AfterViewChecked, AfterContentInit {
     moveLeft(): void;
     moveAllLeft(): void;
     isSelected(item: any, selectedItems: any[]): boolean;
-    findIndexInSelection(item: any, selectedItems: any[]): number;
+    itemClass(item: any, id: any, selectedItems: any): {
+        'p-picklist-item': boolean;
+        'p-highlight': boolean;
+        'p-focus': boolean;
+    };
+    findIndexInList(item: any, selectedItems: any[]): number;
     onDrop(event: CdkDragDrop<string[]>, listType: number): void;
+    onListFocus(event: any, listType: any): void;
+    onListBlur(event: any, listType: any): void;
+    getListElement(listType: number): any;
+    getListItems(listType: number): any[];
+    getLatestSelectedVisibleOptionIndex(visibleList: any[], selectedItems: any[]): number;
+    getVisibleList(listType: number): any[];
+    setSelectionList(listType: number, selectedItems: any[]): void;
+    findNextOptionIndex(index: number, listType: number): number;
+    findPrevOptionIndex(index: number, listType: number): number;
+    onItemKeyDown(event: Event | any, selectedItems: any[], callback: EventEmitter<any>, listType: number): void;
+    getFocusedOption(index: number, listType: number): any;
+    changeFocusedOptionIndex(index: any, listType: any): void;
+    scrollInView(id: any, listType: any): void;
+    onArrowDownKey(event: Event | any, selectedItems: any[], callback: EventEmitter<any>, listType: number): void;
+    onArrowUpKey(event: Event | any, selectedItems: any[], callback: EventEmitter<any>, listType: number): void;
+    onEnterKey(event: Event | any, selectedItems: any[], callback: EventEmitter<any>): void;
+    onSpaceKey(event: Event | any, selectedItems: any[], callback: EventEmitter<any>, listType: number): void;
+    onHomeKey(event: Event | any, selectedItems: any[], callback: EventEmitter<any>, listType: number): void;
+    onEndKey(event: Event | any, selectedItems: any[], callback: EventEmitter<any>, listType: number): void;
     getDropIndexes(fromIndex: number, toIndex: number, droppedList: number, isTransfer: boolean, data: any[] | any): {
         previousIndex: any;
         currentIndex: any;
@@ -376,7 +433,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": { "alias": "source"; "required": false; }; "target": { "alias": "target"; "required": false; }; "sourceHeader": { "alias": "sourceHeader"; "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; }; "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; }; "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"; }, ["templates"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PickList, "p-pickList", 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; }; "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; }; "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"; }, ["templates"], never, false, never>;
 }
 export declare class PickListModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PickListModule, never>;

package/resources/components/dropdown/dropdown.css

@@ -41,13 +41,7 @@
     .p-dropdown .p-dropdown-panel {
         min-width: 100%;
     }
-
-    .p-dropdown-panel {
-        position: absolute;
-        top: 0;
-        left: 0;
-    }
-
+    
     .p-dropdown-items-wrapper {
         overflow: auto;
     }

package/resources/components/messages/messages.css

@@ -8,6 +8,7 @@
         display: flex;
         align-items: center;
         justify-content: center;
+        flex: none;
     }
 
     .p-message-close.p-link {

package/resources/components/table/table.css

@@ -45,7 +45,7 @@
     .p-datatable-scrollable-table > .p-datatable-thead {
         position: sticky;
         top: 0;
-        z-index: 1;
+        z-index: 2;
     }
 
     .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
@@ -84,7 +84,7 @@
 
     .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
         position: sticky;
-        z-index: 1;
+        z-index: 2;
     }
 
     /* Resizable */
@@ -163,7 +163,7 @@
         display: flex;
         align-items: center;
         justify-content: center;
-        z-index: 2;
+        z-index: 3;
     }
 
     /* Filter */

package/resources/components/toast/toast.css

@@ -62,6 +62,7 @@
         justify-content: center;
         overflow: hidden;
         position: relative;
+        flex: none;
     }
 
     .p-toast-icon-close.p-link {

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

@@ -455,6 +455,13 @@
     border-color: #ef9a9a;
   }
 
+  .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #93cbf9;
+    border-color: #64B5F6;
+  }
+
   .p-datepicker {
     padding: 0.5rem;
     background: #1e1e1e;
@@ -3219,6 +3226,7 @@
     padding: 0.5rem 0;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
+    outline: 0 none;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item {
     padding: 0.5rem 1rem;
@@ -3228,15 +3236,21 @@
     background: transparent;
     transition: box-shadow 0.2s;
   }
-  .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #93cbf9;
+  .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+    background: rgba(255, 255, 255, 0.03);
+    color: rgba(255, 255, 255, 0.87);
+  }
+  .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
+    color: rgba(255, 255, 255, 0.87);
+    background: rgba(255, 255, 255, 0.09);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(100, 181, 246, 0.16);
   }
+  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
+    background: rgba(100, 181, 246, 0.24);
+  }
   .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
     padding: 0.5rem 1rem;
     color: rgba(255, 255, 255, 0.87);
@@ -3420,6 +3434,7 @@
     padding: 0.5rem 0;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
+    outline: 0 none;
   }
   .p-picklist .p-picklist-list .p-picklist-item {
     padding: 0.5rem 1rem;
@@ -3429,15 +3444,21 @@
     background: transparent;
     transition: box-shadow 0.2s;
   }
-  .p-picklist .p-picklist-list .p-picklist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #93cbf9;
+  .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+    background: rgba(255, 255, 255, 0.03);
+    color: rgba(255, 255, 255, 0.87);
+  }
+  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
+    color: rgba(255, 255, 255, 0.87);
+    background: rgba(255, 255, 255, 0.09);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(100, 181, 246, 0.16);
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: rgba(100, 181, 246, 0.24);
+  }
   .p-picklist .p-picklist-list .p-picklist-empty-message {
     padding: 0.5rem 1rem;
     color: rgba(255, 255, 255, 0.87);
@@ -3496,6 +3517,12 @@
   }
   .p-tree .p-tree-container .p-treenode {
     padding: 0.143rem;
+    outline: 0 none;
+  }
+  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 0.15rem #93cbf9;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content {
     border-radius: 3px;
@@ -3532,11 +3559,6 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #93cbf9;
-  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: rgba(100, 181, 246, 0.16);
     color: rgba(255, 255, 255, 0.87);
@@ -4048,15 +4070,19 @@
     border: 1px solid #383838;
     background: #1e1e1e;
     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 #383838;
     background: #1e1e1e;
     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 {