primeng 21.0.0-beta.1 → 21.0.0-rc.1

package/fesm2022/primeng-dock.mjs

@@ -7,6 +7,7 @@ import * as i3 from '@angular/router';
 import { RouterModule, RouterLink, RouterLinkActive } from '@angular/router';
 import { uuid, resolve, find, findSingle } from '@primeuix/utils';
 import { SharedModule, PrimeTemplate } from 'primeng/api';
+import { Badge } from 'primeng/badge';
 import { BaseComponent, PARENT_INSTANCE } from 'primeng/basecomponent';
 import * as i1 from 'primeng/bind';
 import { Bind } from 'primeng/bind';
@@ -41,10 +42,10 @@ class DockStyle extends BaseStyle {
     name = 'dock';
     style = style;
     classes = classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: DockStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: DockStyle });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: DockStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: DockStyle });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: DockStyle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: DockStyle, decorators: [{
             type: Injectable
         }] });
 /**
@@ -154,8 +155,8 @@ class Dock extends BaseComponent {
     $pcDock = inject(DOCK_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
     matchMediaListener;
     query;
-    queryMatches = signal(false, ...(ngDevMode ? [{ debugName: "queryMatches" }] : []));
-    mobileActive = signal(false, ...(ngDevMode ? [{ debugName: "mobileActive" }] : []));
+    queryMatches = signal(false, { ...(ngDevMode ? { debugName: "queryMatches" } : {}) });
+    mobileActive = signal(false, { ...(ngDevMode ? { debugName: "mobileActive" } : {}) });
     get focusedOptionId() {
         return this.focusedOptionIndex !== -1 && this.focusedOptionIndex !== '-1' ? String(this.focusedOptionIndex) : null;
     }
@@ -171,6 +172,11 @@ class Dock extends BaseComponent {
     onDestroy() {
         this.unbindMatchMediaListener();
     }
+    /**
+     * Custom item template.
+     * @param {DockItemTemplateContext} context - item template context.
+     * @group Templates
+     */
     itemTemplate;
     _itemTemplate;
     getItemId(item, index) {
@@ -336,8 +342,8 @@ class Dock extends BaseComponent {
             this.query = null;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: Dock, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0", type: Dock, isStandalone: true, selector: "p-dock", inputs: { id: "id", styleClass: "styleClass", model: "model", position: "position", ariaLabel: "ariaLabel", breakpoint: "breakpoint", ariaLabelledBy: "ariaLabelledBy" }, outputs: { onFocus: "onFocus", onBlur: "onBlur" }, host: { properties: { "class": "cn(cx(\"root\"), styleClass)" } }, providers: [DockStyle, { provide: DOCK_INSTANCE, useExisting: Dock }, { provide: PARENT_INSTANCE, useExisting: Dock }], queries: [{ propertyName: "itemTemplate", first: true, predicate: ["item"], descendants: true }, { propertyName: "templates", predicate: PrimeTemplate }], viewQueries: [{ propertyName: "listViewChild", first: true, predicate: ["list"], descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: Dock, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: Dock, isStandalone: true, selector: "p-dock", inputs: { id: "id", styleClass: "styleClass", model: "model", position: "position", ariaLabel: "ariaLabel", breakpoint: "breakpoint", ariaLabelledBy: "ariaLabelledBy" }, outputs: { onFocus: "onFocus", onBlur: "onBlur" }, host: { properties: { "class": "cn(cx(\"root\"), styleClass)" } }, providers: [DockStyle, { provide: DOCK_INSTANCE, useExisting: Dock }, { provide: PARENT_INSTANCE, useExisting: Dock }], queries: [{ propertyName: "itemTemplate", first: true, predicate: ["item"], descendants: true }, { propertyName: "templates", predicate: PrimeTemplate }], viewQueries: [{ propertyName: "listViewChild", first: true, predicate: ["list"], descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
         <div [class]="cx('listContainer')" [pBind]="ptm('listContainer')">
             <ul
                 #list
@@ -360,6 +366,7 @@ class Dock extends BaseComponent {
                         *ngIf="item.visible !== false"
                         [attr.id]="getItemId(item, i)"
                         [class]="cn(cx('item', { item, id: getItemId(item, i) }), item?.styleClass)"
+                        [ngStyle]="item.style"
                         role="menuitem"
                         [attr.aria-label]="item.label"
                         [attr.aria-disabled]="disabled(item) || false"
@@ -375,10 +382,13 @@ class Dock extends BaseComponent {
                                 pRipple
                                 [routerLink]="item.routerLink"
                                 [queryParams]="item.queryParams"
-                                [class]="cx('itemLink')"
+                                [class]="cn(cx('itemLink'), item?.linkClass)"
+                                [ngStyle]="item?.linkStyle"
                                 routerLinkActive="router-link-active"
                                 [routerLinkActiveOptions]="item.routerLinkActiveOptions || { exact: false }"
                                 [target]="item.target"
+                                [attr.title]="item.title"
+                                [attr.data-automationid]="item.automationId"
                                 [attr.tabindex]="item.disabled ? null : item.tabindex ? item.tabindex : '-1'"
                                 pTooltip
                                 [tooltipOptions]="item.tooltipOptions"
@@ -392,25 +402,30 @@ class Dock extends BaseComponent {
                                 [attr.aria-hidden]="true"
                                 [pBind]="getPTOptions(item, i, 'itemLink')"
                             >
-                                <span [class]="cn(cx('itemIcon'), item.icon)" *ngIf="item.icon && !itemTemplate && !_itemTemplate" [ngStyle]="item.iconStyle" [pBind]="getPTOptions(item, i, 'itemIcon')"></span>
+                                <span [class]="cn(cx('itemIcon'), item.icon, item.iconClass)" *ngIf="item.icon && !itemTemplate && !_itemTemplate" [ngStyle]="item.iconStyle" [pBind]="getPTOptions(item, i, 'itemIcon')"></span>
                                 <ng-container *ngTemplateOutlet="itemTemplate || itemTemplate; context: { $implicit: item }"></ng-container>
+                                <p-badge *ngIf="item.badge" [styleClass]="item.badgeStyleClass" [value]="item.badge" [pt]="getPTOptions(item, i, 'pcBadge')" [unstyled]="unstyled()" />
                             </a>
                             <ng-template #elseBlock>
                                 <a
                                     [tooltipPosition]="item.tooltipPosition"
                                     [attr.href]="item.url || null"
-                                    [class]="cx('itemLink')"
+                                    [class]="cn(cx('itemLink'), item?.linkClass)"
+                                    [ngStyle]="item?.linkStyle"
                                     pRipple
                                     pTooltip
                                     [tooltipOptions]="item.tooltipOptions"
                                     [pTooltipUnstyled]="unstyled()"
                                     [target]="item.target"
+                                    [attr.title]="item.title"
+                                    [attr.data-automationid]="item.automationId"
                                     [attr.tabindex]="item.disabled ? null : item.tabindex ? item.tabindex : '-1'"
                                     [attr.aria-hidden]="true"
                                     [pBind]="getPTOptions(item, i, 'itemLink')"
                                 >
-                                    <span [class]="cn(cx('itemIcon'), item.icon)" *ngIf="item.icon && !itemTemplate && !_itemTemplate" [ngStyle]="item.iconStyle" [pBind]="getPTOptions(item, i, 'itemIcon')"></span>
+                                    <span [class]="cn(cx('itemIcon'), item.icon, item.iconClass)" *ngIf="item.icon && !itemTemplate && !_itemTemplate" [ngStyle]="item.iconStyle" [pBind]="getPTOptions(item, i, 'itemIcon')"></span>
                                     <ng-container *ngTemplateOutlet="itemTemplate || _itemTemplate; context: { $implicit: item }"></ng-container>
+                                    <p-badge *ngIf="item.badge" [styleClass]="item.badgeStyleClass" [value]="item.badge" [pt]="getPTOptions(item, i, 'pcBadge')" [unstyled]="unstyled()" />
                                 </a>
                             </ng-template>
                         </div>
@@ -418,14 +433,14 @@ class Dock extends BaseComponent {
                 }
             </ul>
         </div>
-    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: Ripple, selector: "[pRipple]" }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPt", "pTooltipUnstyled"] }, { kind: "directive", type: i1.Bind, selector: "[pBind]", inputs: ["pBind"] }, { kind: "ngmodule", type: SharedModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: Ripple, selector: "[pRipple]" }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "directive", type: i1.Bind, selector: "[pBind]", inputs: ["pBind"] }, { kind: "ngmodule", type: SharedModule }, { kind: "component", type: Badge, selector: "p-badge", inputs: ["styleClass", "badgeSize", "size", "severity", "value", "badgeDisabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: Dock, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: Dock, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-dock',
                     standalone: true,
-                    imports: [CommonModule, RouterModule, RouterLink, RouterLinkActive, Ripple, TooltipModule, SharedModule, Bind],
+                    imports: [CommonModule, RouterModule, RouterLink, RouterLinkActive, Ripple, TooltipModule, SharedModule, Bind, Badge],
                     template: `
         <div [class]="cx('listContainer')" [pBind]="ptm('listContainer')">
             <ul
@@ -449,6 +464,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImpor
                         *ngIf="item.visible !== false"
                         [attr.id]="getItemId(item, i)"
                         [class]="cn(cx('item', { item, id: getItemId(item, i) }), item?.styleClass)"
+                        [ngStyle]="item.style"
                         role="menuitem"
                         [attr.aria-label]="item.label"
                         [attr.aria-disabled]="disabled(item) || false"
@@ -464,10 +480,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImpor
                                 pRipple
                                 [routerLink]="item.routerLink"
                                 [queryParams]="item.queryParams"
-                                [class]="cx('itemLink')"
+                                [class]="cn(cx('itemLink'), item?.linkClass)"
+                                [ngStyle]="item?.linkStyle"
                                 routerLinkActive="router-link-active"
                                 [routerLinkActiveOptions]="item.routerLinkActiveOptions || { exact: false }"
                                 [target]="item.target"
+                                [attr.title]="item.title"
+                                [attr.data-automationid]="item.automationId"
                                 [attr.tabindex]="item.disabled ? null : item.tabindex ? item.tabindex : '-1'"
                                 pTooltip
                                 [tooltipOptions]="item.tooltipOptions"
@@ -481,25 +500,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImpor
                                 [attr.aria-hidden]="true"
                                 [pBind]="getPTOptions(item, i, 'itemLink')"
                             >
-                                <span [class]="cn(cx('itemIcon'), item.icon)" *ngIf="item.icon && !itemTemplate && !_itemTemplate" [ngStyle]="item.iconStyle" [pBind]="getPTOptions(item, i, 'itemIcon')"></span>
+                                <span [class]="cn(cx('itemIcon'), item.icon, item.iconClass)" *ngIf="item.icon && !itemTemplate && !_itemTemplate" [ngStyle]="item.iconStyle" [pBind]="getPTOptions(item, i, 'itemIcon')"></span>
                                 <ng-container *ngTemplateOutlet="itemTemplate || itemTemplate; context: { $implicit: item }"></ng-container>
+                                <p-badge *ngIf="item.badge" [styleClass]="item.badgeStyleClass" [value]="item.badge" [pt]="getPTOptions(item, i, 'pcBadge')" [unstyled]="unstyled()" />
                             </a>
                             <ng-template #elseBlock>
                                 <a
                                     [tooltipPosition]="item.tooltipPosition"
                                     [attr.href]="item.url || null"
-                                    [class]="cx('itemLink')"
+                                    [class]="cn(cx('itemLink'), item?.linkClass)"
+                                    [ngStyle]="item?.linkStyle"
                                     pRipple
                                     pTooltip
                                     [tooltipOptions]="item.tooltipOptions"
                                     [pTooltipUnstyled]="unstyled()"
                                     [target]="item.target"
+                                    [attr.title]="item.title"
+                                    [attr.data-automationid]="item.automationId"
                                     [attr.tabindex]="item.disabled ? null : item.tabindex ? item.tabindex : '-1'"
                                     [attr.aria-hidden]="true"
                                     [pBind]="getPTOptions(item, i, 'itemLink')"
                                 >
-                                    <span [class]="cn(cx('itemIcon'), item.icon)" *ngIf="item.icon && !itemTemplate && !_itemTemplate" [ngStyle]="item.iconStyle" [pBind]="getPTOptions(item, i, 'itemIcon')"></span>
+                                    <span [class]="cn(cx('itemIcon'), item.icon, item.iconClass)" *ngIf="item.icon && !itemTemplate && !_itemTemplate" [ngStyle]="item.iconStyle" [pBind]="getPTOptions(item, i, 'itemIcon')"></span>
                                     <ng-container *ngTemplateOutlet="itemTemplate || _itemTemplate; context: { $implicit: item }"></ng-container>
+                                    <p-badge *ngIf="item.badge" [styleClass]="item.badgeStyleClass" [value]="item.badge" [pt]="getPTOptions(item, i, 'pcBadge')" [unstyled]="unstyled()" />
                                 </a>
                             </ng-template>
                         </div>
@@ -545,11 +569,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImpor
                 args: [PrimeTemplate]
             }] } });
 class DockModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: DockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0", ngImport: i0, type: DockModule, imports: [Dock, SharedModule], exports: [Dock, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: DockModule, imports: [Dock, SharedModule, SharedModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: DockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.1", ngImport: i0, type: DockModule, imports: [Dock, SharedModule], exports: [Dock, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: DockModule, imports: [Dock, SharedModule, SharedModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: DockModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: DockModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [Dock, SharedModule],

package/fesm2022/primeng-dock.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"primeng-dock.mjs","sources":["../../src/dock/style/dockstyle.ts","../../src/dock/dock.ts","../../src/dock/primeng-dock.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { style } from '@primeuix/styles/dock';\nimport { BaseStyle } from 'primeng/base';\n\nconst classes = {\n    root: ({ instance }) => [\n        'p-dock p-component',\n        `p-dock-${instance.position}`,\n        {\n            'p-dock-mobile': instance.queryMatches()\n        }\n    ],\n    listContainer: 'p-dock-list-container',\n    list: 'p-dock-list',\n    item: ({ instance, item, id }) => [\n        'p-dock-item',\n        {\n            'p-focus': instance.isItemActive(id),\n            'p-disabled': instance.disabled(item)\n        }\n    ],\n    itemContent: 'p-dock-item-content',\n    itemLink: 'p-dock-item-link',\n    itemIcon: 'p-dock-item-icon'\n};\n\n@Injectable()\nexport class DockStyle extends BaseStyle {\n    name = 'dock';\n\n    style = style;\n\n    classes = classes;\n}\n\n/**\n *\n * Dock is a navigation component consisting of menuitems.\n *\n * [Live Demo](https://www.primeng.org/dock/)\n *\n * @module dockstyle\n *\n */\nexport enum DockClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'p-dock',\n    /**\n     * Class name of the list container element\n     */\n    listContainer = 'p-dock-list-container',\n    /**\n     * Class name of the list element\n     */\n    list = 'p-dock-list',\n    /**\n     * Class name of the item element\n     */\n    item = 'p-dock-item',\n    /**\n     * Class name of the item content element\n     */\n    itemContent = 'p-dock-item-content',\n    /**\n     * Class name of the item link element\n     */\n    itemLink = 'p-dock-item-link',\n    /**\n     * Class name of the item icon element\n     */\n    itemIcon = 'p-dock-item-icon'\n}\n\nexport interface DockStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    ContentChildren,\n    ElementRef,\n    EventEmitter,\n    inject,\n    InjectionToken,\n    Input,\n    NgModule,\n    Output,\n    QueryList,\n    signal,\n    TemplateRef,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { RouterLink, RouterLinkActive, RouterModule } from '@angular/router';\nimport { find, findSingle, resolve, uuid } from '@primeuix/utils';\nimport { MenuItem, PrimeTemplate, SharedModule } from 'primeng/api';\nimport { BaseComponent, PARENT_INSTANCE } from 'primeng/basecomponent';\nimport { Bind } from 'primeng/bind';\nimport { Ripple } from 'primeng/ripple';\nimport { TooltipModule } from 'primeng/tooltip';\nimport { Nullable } from 'primeng/ts-helpers';\nimport { DockPassThrough } from 'primeng/types/dock';\nimport { DockStyle } from './style/dockstyle';\n\nconst DOCK_INSTANCE = new InjectionToken<Dock>('DOCK_INSTANCE');\n\n/**\n * Dock is a navigation component consisting of menuitems.\n * @group Components\n */\n@Component({\n    selector: 'p-dock',\n    standalone: true,\n    imports: [CommonModule, RouterModule, RouterLink, RouterLinkActive, Ripple, TooltipModule, SharedModule, Bind],\n    template: `\n        <div [class]=\"cx('listContainer')\" [pBind]=\"ptm('listContainer')\">\n            <ul\n                #list\n                [attr.id]=\"id\"\n                [class]=\"cx('list')\"\n                role=\"menu\"\n                [attr.aria-orientation]=\"position === 'bottom' || position === 'top' ? 'horizontal' : 'vertical'\"\n                [attr.aria-activedescendant]=\"focused ? focusedOptionId : undefined\"\n                [tabindex]=\"tabindex\"\n                [attr.aria-label]=\"ariaLabel\"\n                [attr.aria-labelledby]=\"ariaLabelledBy\"\n                (focus)=\"onListFocus($event)\"\n                (blur)=\"onListBlur($event)\"\n                (keydown)=\"onListKeyDown($event)\"\n                (mouseleave)=\"onListMouseLeave()\"\n                [pBind]=\"ptm('list')\"\n            >\n                @for (item of model; track item.label; let i = $index) {\n                    <li\n                        *ngIf=\"item.visible !== false\"\n                        [attr.id]=\"getItemId(item, i)\"\n                        [class]=\"cn(cx('item', { item, id: getItemId(item, i) }), item?.styleClass)\"\n                        role=\"menuitem\"\n                        [attr.aria-label]=\"item.label\"\n                        [attr.aria-disabled]=\"disabled(item) || false\"\n                        (click)=\"onItemClick($event, item)\"\n                        (mouseenter)=\"onItemMouseEnter(i)\"\n                        [pBind]=\"getPTOptions(item, i, 'item')\"\n                        [attr.data-p-focused]=\"isItemActive(getItemId(item, i))\"\n                        [attr.data-p-disabled]=\"disabled(item) || false\"\n                    >\n                        <div [class]=\"cx('itemContent')\" [pBind]=\"getPTOptions(item, i, 'itemContent')\">\n                            <a\n                                *ngIf=\"isClickableRouterLink(item); else elseBlock\"\n                                pRipple\n                                [routerLink]=\"item.routerLink\"\n                                [queryParams]=\"item.queryParams\"\n                                [class]=\"cx('itemLink')\"\n                                routerLinkActive=\"router-link-active\"\n                                [routerLinkActiveOptions]=\"item.routerLinkActiveOptions || { exact: false }\"\n                                [target]=\"item.target\"\n                                [attr.tabindex]=\"item.disabled ? null : item.tabindex ? item.tabindex : '-1'\"\n                                pTooltip\n                                [tooltipOptions]=\"item.tooltipOptions\"\n                                [pTooltipUnstyled]=\"unstyled()\"\n                                [fragment]=\"item.fragment\"\n                                [queryParamsHandling]=\"item.queryParamsHandling\"\n                                [preserveFragment]=\"item.preserveFragment\"\n                                [skipLocationChange]=\"item.skipLocationChange\"\n                                [replaceUrl]=\"item.replaceUrl\"\n                                [state]=\"item.state\"\n                                [attr.aria-hidden]=\"true\"\n                                [pBind]=\"getPTOptions(item, i, 'itemLink')\"\n                            >\n                                <span [class]=\"cn(cx('itemIcon'), item.icon)\" *ngIf=\"item.icon && !itemTemplate && !_itemTemplate\" [ngStyle]=\"item.iconStyle\" [pBind]=\"getPTOptions(item, i, 'itemIcon')\"></span>\n                                <ng-container *ngTemplateOutlet=\"itemTemplate || itemTemplate; context: { $implicit: item }\"></ng-container>\n                            </a>\n                            <ng-template #elseBlock>\n                                <a\n                                    [tooltipPosition]=\"item.tooltipPosition\"\n                                    [attr.href]=\"item.url || null\"\n                                    [class]=\"cx('itemLink')\"\n                                    pRipple\n                                    pTooltip\n                                    [tooltipOptions]=\"item.tooltipOptions\"\n                                    [pTooltipUnstyled]=\"unstyled()\"\n                                    [target]=\"item.target\"\n                                    [attr.tabindex]=\"item.disabled ? null : item.tabindex ? item.tabindex : '-1'\"\n                                    [attr.aria-hidden]=\"true\"\n                                    [pBind]=\"getPTOptions(item, i, 'itemLink')\"\n                                >\n                                    <span [class]=\"cn(cx('itemIcon'), item.icon)\" *ngIf=\"item.icon && !itemTemplate && !_itemTemplate\" [ngStyle]=\"item.iconStyle\" [pBind]=\"getPTOptions(item, i, 'itemIcon')\"></span>\n                                    <ng-container *ngTemplateOutlet=\"itemTemplate || _itemTemplate; context: { $implicit: item }\"></ng-container>\n                                </a>\n                            </ng-template>\n                        </div>\n                    </li>\n                }\n            </ul>\n        </div>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [DockStyle, { provide: DOCK_INSTANCE, useExisting: Dock }, { provide: PARENT_INSTANCE, useExisting: Dock }],\n    host: {\n        '[class]': 'cn(cx(\"root\"), styleClass)'\n    },\n    hostDirectives: [Bind]\n})\nexport class Dock extends BaseComponent<DockPassThrough> {\n    /**\n     * Current id state as a string.\n     * @group Props\n     */\n    @Input() id: string | undefined;\n    /**\n     * Class of the element.\n     * @deprecated since v20.0.0, use `class` instead.\n     * @group Props\n     */\n    @Input() styleClass: string | undefined;\n    /**\n     * MenuModel instance to define the action items.\n     * @group Props\n     */\n    @Input() model: MenuItem[] | undefined | null = null;\n    /**\n     * Position of element.\n     * @group Props\n     */\n    @Input() position: 'bottom' | 'top' | 'left' | 'right' = 'bottom';\n    /**\n     * Defines a string that labels the input for accessibility.\n     * @group Props\n     */\n    @Input() ariaLabel: string | undefined;\n    /**\n     * The breakpoint to define the maximum width boundary.\n     * @defaultValue 960px\n     * @group Props\n     */\n    @Input() breakpoint: string | undefined = '960px';\n    /**\n     * Defines a string that labels the dropdown button for accessibility.\n     * @group Props\n     */\n    @Input() ariaLabelledBy: string | undefined;\n    /**\n     * Callback to execute when button is focused.\n     * @param {FocusEvent} event - Focus event.\n     * @group Emits\n     */\n    @Output() onFocus: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();\n    /**\n     * Callback to invoke when the component loses focus.\n     * @param {FocusEvent} event - Focus event.\n     * @group Emits\n     */\n    @Output() onBlur: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();\n\n    @ViewChild('list', { static: false }) listViewChild: Nullable<ElementRef>;\n\n    currentIndex: number;\n\n    tabindex: number = 0;\n\n    focused: boolean = false;\n\n    focusedOptionIndex: string | number = -1;\n\n    _componentStyle = inject(DockStyle);\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n\n    $pcDock: Dock | undefined = inject(DOCK_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    matchMediaListener: any;\n\n    query: any;\n\n    queryMatches = signal<boolean>(false);\n\n    mobileActive = signal<boolean>(false);\n\n    get focusedOptionId() {\n        return this.focusedOptionIndex !== -1 && this.focusedOptionIndex !== '-1' ? String(this.focusedOptionIndex) : null;\n    }\n\n    constructor(public cd: ChangeDetectorRef) {\n        super();\n        this.currentIndex = -3;\n    }\n\n    onInit() {\n        this.id = this.id || uuid('pn_id_');\n        this.bindMatchMediaListener();\n    }\n\n    onDestroy() {\n        this.unbindMatchMediaListener();\n    }\n\n    @ContentChild('item') itemTemplate: TemplateRef<any> | undefined;\n\n    _itemTemplate: TemplateRef<any> | undefined;\n\n    getItemId(item, index) {\n        return item && item?.id ? item.id : `${index}`;\n    }\n\n    getItemProp(processedItem, name) {\n        return processedItem && processedItem.item ? resolve(processedItem.item[name]) : undefined;\n    }\n\n    disabled(item) {\n        return typeof item.disabled === 'function' ? item.disabled() : item.disabled || false;\n    }\n\n    isItemActive(id) {\n        return String(id) === String(this.focusedOptionIndex);\n    }\n\n    onListMouseLeave() {\n        this.currentIndex = -3;\n        this.cd.markForCheck();\n    }\n\n    onItemMouseEnter(index: number) {\n        this.currentIndex = index;\n\n        if (index === 1) {\n        }\n\n        this.cd.markForCheck();\n    }\n\n    onItemClick(e: Event, item: MenuItem) {\n        if (item.command) {\n            item.command({ originalEvent: e, item });\n        }\n    }\n\n    onListFocus(event) {\n        this.focused = true;\n        this.changeFocusedOptionIndex(0);\n        this.onFocus.emit(event);\n    }\n\n    onListBlur(event) {\n        this.focused = false;\n        this.focusedOptionIndex = -1;\n        this.onBlur.emit(event);\n    }\n\n    onListKeyDown(event) {\n        switch (event.code) {\n            case 'ArrowDown': {\n                if (this.position === 'left' || this.position === 'right') this.onArrowDownKey();\n                event.preventDefault();\n                break;\n            }\n\n            case 'ArrowUp': {\n                if (this.position === 'left' || this.position === 'right') this.onArrowUpKey();\n                event.preventDefault();\n                break;\n            }\n\n            case 'ArrowRight': {\n                if (this.position === 'top' || this.position === 'bottom') this.onArrowDownKey();\n                event.preventDefault();\n                break;\n            }\n\n            case 'ArrowLeft': {\n                if (this.position === 'top' || this.position === 'bottom') this.onArrowUpKey();\n                event.preventDefault();\n                break;\n            }\n\n            case 'Home': {\n                this.onHomeKey();\n                event.preventDefault();\n                break;\n            }\n\n            case 'End': {\n                this.onEndKey();\n                event.preventDefault();\n                break;\n            }\n\n            case 'Enter':\n\n            case 'Space': {\n                this.onSpaceKey();\n                event.preventDefault();\n                break;\n            }\n\n            default:\n                break;\n        }\n    }\n\n    onArrowDownKey() {\n        const optionIndex = this.findNextOptionIndex(this.focusedOptionIndex);\n\n        this.changeFocusedOptionIndex(optionIndex);\n    }\n\n    onArrowUpKey() {\n        const optionIndex = this.findPrevOptionIndex(this.focusedOptionIndex);\n\n        this.changeFocusedOptionIndex(optionIndex);\n    }\n\n    onHomeKey() {\n        this.changeFocusedOptionIndex(0);\n    }\n\n    onEndKey() {\n        this.changeFocusedOptionIndex(find(this.listViewChild?.nativeElement, 'li[data-pc-section=\"item\"][data-p-disabled=\"false\"]').length - 1);\n    }\n\n    onSpaceKey() {\n        const element = <HTMLElement>findSingle(this.listViewChild?.nativeElement, `li[id=\"${`${this.focusedOptionIndex}`}\"]`);\n        const anchorElement = element && <HTMLElement>findSingle(element, 'a,button');\n\n        anchorElement ? anchorElement.click() : element && element.click();\n    }\n\n    findNextOptionIndex(index) {\n        const menuitems = find(this.listViewChild?.nativeElement, 'li[data-pc-section=\"item\"][data-p-disabled=\"false\"]');\n        const matchedOptionIndex = [...menuitems].findIndex((link) => link.id === index);\n\n        return matchedOptionIndex > -1 ? matchedOptionIndex + 1 : 0;\n    }\n\n    changeFocusedOptionIndex(index) {\n        const menuitems = <any>find(this.listViewChild?.nativeElement, 'li[data-pc-section=\"item\"][data-p-disabled=\"false\"]');\n\n        let order = index >= menuitems.length ? menuitems.length - 1 : index < 0 ? 0 : index;\n\n        this.focusedOptionIndex = menuitems[order]?.getAttribute('id');\n    }\n\n    findPrevOptionIndex(index) {\n        const menuitems = find(this.listViewChild?.nativeElement, 'li[data-pc-section=\"item\"][data-p-disabled=\"false\"]');\n        const matchedOptionIndex = [...menuitems].findIndex((link) => link.id === index);\n\n        return matchedOptionIndex > -1 ? matchedOptionIndex - 1 : 0;\n    }\n\n    isClickableRouterLink(item: any) {\n        return !!item.routerLink && !this.disabled(item);\n    }\n\n    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;\n\n    onAfterContentInit() {\n        this.templates?.forEach((item) => {\n            switch (item.getType()) {\n                case 'item':\n                    this._itemTemplate = item.template;\n                    break;\n\n                default:\n                    this._itemTemplate = item.template;\n                    break;\n            }\n        });\n    }\n\n    onAfterViewChecked(): void {\n        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));\n    }\n\n    getPTOptions(item: MenuItem, index: number, key: string) {\n        return this.ptm(key, {\n            context: {\n                item,\n                index\n            }\n        });\n    }\n\n    bindMatchMediaListener() {\n        if (!this.matchMediaListener) {\n            const query = window.matchMedia(`(max-width: ${this.breakpoint})`);\n            this.query = query;\n            this.queryMatches.set(query.matches);\n\n            this.matchMediaListener = () => {\n                this.queryMatches.set(query.matches);\n                this.mobileActive.set(false);\n            };\n\n            this.renderer.listen(this.query, 'change', this.matchMediaListener.bind(this));\n        }\n    }\n\n    unbindMatchMediaListener() {\n        if (this.matchMediaListener) {\n            this.matchMediaListener();\n            this.matchMediaListener = null;\n            this.query = null;\n        }\n    }\n}\n\n@NgModule({\n    imports: [Dock, SharedModule],\n    exports: [Dock, SharedModule]\n})\nexport class DockModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"primeng-dock.mjs","sources":["../../src/dock/style/dockstyle.ts","../../src/dock/dock.ts","../../src/dock/primeng-dock.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { style } from '@primeuix/styles/dock';\nimport { BaseStyle } from 'primeng/base';\n\nconst classes = {\n    root: ({ instance }) => [\n        'p-dock p-component',\n        `p-dock-${instance.position}`,\n        {\n            'p-dock-mobile': instance.queryMatches()\n        }\n    ],\n    listContainer: 'p-dock-list-container',\n    list: 'p-dock-list',\n    item: ({ instance, item, id }) => [\n        'p-dock-item',\n        {\n            'p-focus': instance.isItemActive(id),\n            'p-disabled': instance.disabled(item)\n        }\n    ],\n    itemContent: 'p-dock-item-content',\n    itemLink: 'p-dock-item-link',\n    itemIcon: 'p-dock-item-icon'\n};\n\n@Injectable()\nexport class DockStyle extends BaseStyle {\n    name = 'dock';\n\n    style = style;\n\n    classes = classes;\n}\n\n/**\n *\n * Dock is a navigation component consisting of menuitems.\n *\n * [Live Demo](https://www.primeng.org/dock/)\n *\n * @module dockstyle\n *\n */\nexport enum DockClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'p-dock',\n    /**\n     * Class name of the list container element\n     */\n    listContainer = 'p-dock-list-container',\n    /**\n     * Class name of the list element\n     */\n    list = 'p-dock-list',\n    /**\n     * Class name of the item element\n     */\n    item = 'p-dock-item',\n    /**\n     * Class name of the item content element\n     */\n    itemContent = 'p-dock-item-content',\n    /**\n     * Class name of the item link element\n     */\n    itemLink = 'p-dock-item-link',\n    /**\n     * Class name of the item icon element\n     */\n    itemIcon = 'p-dock-item-icon'\n}\n\nexport interface DockStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    ContentChildren,\n    ElementRef,\n    EventEmitter,\n    inject,\n    InjectionToken,\n    Input,\n    NgModule,\n    Output,\n    QueryList,\n    signal,\n    TemplateRef,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { RouterLink, RouterLinkActive, RouterModule } from '@angular/router';\nimport { find, findSingle, resolve, uuid } from '@primeuix/utils';\nimport { MenuItem, PrimeTemplate, SharedModule } from 'primeng/api';\nimport { Badge } from 'primeng/badge';\nimport { BaseComponent, PARENT_INSTANCE } from 'primeng/basecomponent';\nimport { Bind } from 'primeng/bind';\nimport { Ripple } from 'primeng/ripple';\nimport { TooltipModule } from 'primeng/tooltip';\nimport { Nullable } from 'primeng/ts-helpers';\nimport { DockItemTemplateContext, DockPassThrough } from 'primeng/types/dock';\nimport { DockStyle } from './style/dockstyle';\n\nconst DOCK_INSTANCE = new InjectionToken<Dock>('DOCK_INSTANCE');\n\n/**\n * Dock is a navigation component consisting of menuitems.\n * @group Components\n */\n@Component({\n    selector: 'p-dock',\n    standalone: true,\n    imports: [CommonModule, RouterModule, RouterLink, RouterLinkActive, Ripple, TooltipModule, SharedModule, Bind, Badge],\n    template: `\n        <div [class]=\"cx('listContainer')\" [pBind]=\"ptm('listContainer')\">\n            <ul\n                #list\n                [attr.id]=\"id\"\n                [class]=\"cx('list')\"\n                role=\"menu\"\n                [attr.aria-orientation]=\"position === 'bottom' || position === 'top' ? 'horizontal' : 'vertical'\"\n                [attr.aria-activedescendant]=\"focused ? focusedOptionId : undefined\"\n                [tabindex]=\"tabindex\"\n                [attr.aria-label]=\"ariaLabel\"\n                [attr.aria-labelledby]=\"ariaLabelledBy\"\n                (focus)=\"onListFocus($event)\"\n                (blur)=\"onListBlur($event)\"\n                (keydown)=\"onListKeyDown($event)\"\n                (mouseleave)=\"onListMouseLeave()\"\n                [pBind]=\"ptm('list')\"\n            >\n                @for (item of model; track item.label; let i = $index) {\n                    <li\n                        *ngIf=\"item.visible !== false\"\n                        [attr.id]=\"getItemId(item, i)\"\n                        [class]=\"cn(cx('item', { item, id: getItemId(item, i) }), item?.styleClass)\"\n                        [ngStyle]=\"item.style\"\n                        role=\"menuitem\"\n                        [attr.aria-label]=\"item.label\"\n                        [attr.aria-disabled]=\"disabled(item) || false\"\n                        (click)=\"onItemClick($event, item)\"\n                        (mouseenter)=\"onItemMouseEnter(i)\"\n                        [pBind]=\"getPTOptions(item, i, 'item')\"\n                        [attr.data-p-focused]=\"isItemActive(getItemId(item, i))\"\n                        [attr.data-p-disabled]=\"disabled(item) || false\"\n                    >\n                        <div [class]=\"cx('itemContent')\" [pBind]=\"getPTOptions(item, i, 'itemContent')\">\n                            <a\n                                *ngIf=\"isClickableRouterLink(item); else elseBlock\"\n                                pRipple\n                                [routerLink]=\"item.routerLink\"\n                                [queryParams]=\"item.queryParams\"\n                                [class]=\"cn(cx('itemLink'), item?.linkClass)\"\n                                [ngStyle]=\"item?.linkStyle\"\n                                routerLinkActive=\"router-link-active\"\n                                [routerLinkActiveOptions]=\"item.routerLinkActiveOptions || { exact: false }\"\n                                [target]=\"item.target\"\n                                [attr.title]=\"item.title\"\n                                [attr.data-automationid]=\"item.automationId\"\n                                [attr.tabindex]=\"item.disabled ? null : item.tabindex ? item.tabindex : '-1'\"\n                                pTooltip\n                                [tooltipOptions]=\"item.tooltipOptions\"\n                                [pTooltipUnstyled]=\"unstyled()\"\n                                [fragment]=\"item.fragment\"\n                                [queryParamsHandling]=\"item.queryParamsHandling\"\n                                [preserveFragment]=\"item.preserveFragment\"\n                                [skipLocationChange]=\"item.skipLocationChange\"\n                                [replaceUrl]=\"item.replaceUrl\"\n                                [state]=\"item.state\"\n                                [attr.aria-hidden]=\"true\"\n                                [pBind]=\"getPTOptions(item, i, 'itemLink')\"\n                            >\n                                <span [class]=\"cn(cx('itemIcon'), item.icon, item.iconClass)\" *ngIf=\"item.icon && !itemTemplate && !_itemTemplate\" [ngStyle]=\"item.iconStyle\" [pBind]=\"getPTOptions(item, i, 'itemIcon')\"></span>\n                                <ng-container *ngTemplateOutlet=\"itemTemplate || itemTemplate; context: { $implicit: item }\"></ng-container>\n                                <p-badge *ngIf=\"item.badge\" [styleClass]=\"item.badgeStyleClass\" [value]=\"item.badge\" [pt]=\"getPTOptions(item, i, 'pcBadge')\" [unstyled]=\"unstyled()\" />\n                            </a>\n                            <ng-template #elseBlock>\n                                <a\n                                    [tooltipPosition]=\"item.tooltipPosition\"\n                                    [attr.href]=\"item.url || null\"\n                                    [class]=\"cn(cx('itemLink'), item?.linkClass)\"\n                                    [ngStyle]=\"item?.linkStyle\"\n                                    pRipple\n                                    pTooltip\n                                    [tooltipOptions]=\"item.tooltipOptions\"\n                                    [pTooltipUnstyled]=\"unstyled()\"\n                                    [target]=\"item.target\"\n                                    [attr.title]=\"item.title\"\n                                    [attr.data-automationid]=\"item.automationId\"\n                                    [attr.tabindex]=\"item.disabled ? null : item.tabindex ? item.tabindex : '-1'\"\n                                    [attr.aria-hidden]=\"true\"\n                                    [pBind]=\"getPTOptions(item, i, 'itemLink')\"\n                                >\n                                    <span [class]=\"cn(cx('itemIcon'), item.icon, item.iconClass)\" *ngIf=\"item.icon && !itemTemplate && !_itemTemplate\" [ngStyle]=\"item.iconStyle\" [pBind]=\"getPTOptions(item, i, 'itemIcon')\"></span>\n                                    <ng-container *ngTemplateOutlet=\"itemTemplate || _itemTemplate; context: { $implicit: item }\"></ng-container>\n                                    <p-badge *ngIf=\"item.badge\" [styleClass]=\"item.badgeStyleClass\" [value]=\"item.badge\" [pt]=\"getPTOptions(item, i, 'pcBadge')\" [unstyled]=\"unstyled()\" />\n                                </a>\n                            </ng-template>\n                        </div>\n                    </li>\n                }\n            </ul>\n        </div>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [DockStyle, { provide: DOCK_INSTANCE, useExisting: Dock }, { provide: PARENT_INSTANCE, useExisting: Dock }],\n    host: {\n        '[class]': 'cn(cx(\"root\"), styleClass)'\n    },\n    hostDirectives: [Bind]\n})\nexport class Dock extends BaseComponent<DockPassThrough> {\n    /**\n     * Current id state as a string.\n     * @group Props\n     */\n    @Input() id: string | undefined;\n    /**\n     * Class of the element.\n     * @deprecated since v20.0.0, use `class` instead.\n     * @group Props\n     */\n    @Input() styleClass: string | undefined;\n    /**\n     * MenuModel instance to define the action items.\n     * @group Props\n     */\n    @Input() model: MenuItem[] | undefined | null = null;\n    /**\n     * Position of element.\n     * @group Props\n     */\n    @Input() position: 'bottom' | 'top' | 'left' | 'right' = 'bottom';\n    /**\n     * Defines a string that labels the input for accessibility.\n     * @group Props\n     */\n    @Input() ariaLabel: string | undefined;\n    /**\n     * The breakpoint to define the maximum width boundary.\n     * @defaultValue 960px\n     * @group Props\n     */\n    @Input() breakpoint: string | undefined = '960px';\n    /**\n     * Defines a string that labels the dropdown button for accessibility.\n     * @group Props\n     */\n    @Input() ariaLabelledBy: string | undefined;\n    /**\n     * Callback to execute when button is focused.\n     * @param {FocusEvent} event - Focus event.\n     * @group Emits\n     */\n    @Output() onFocus: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();\n    /**\n     * Callback to invoke when the component loses focus.\n     * @param {FocusEvent} event - Focus event.\n     * @group Emits\n     */\n    @Output() onBlur: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();\n\n    @ViewChild('list', { static: false }) listViewChild: Nullable<ElementRef>;\n\n    currentIndex: number;\n\n    tabindex: number = 0;\n\n    focused: boolean = false;\n\n    focusedOptionIndex: string | number = -1;\n\n    _componentStyle = inject(DockStyle);\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n\n    $pcDock: Dock | undefined = inject(DOCK_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    matchMediaListener: any;\n\n    query: any;\n\n    queryMatches = signal<boolean>(false);\n\n    mobileActive = signal<boolean>(false);\n\n    get focusedOptionId() {\n        return this.focusedOptionIndex !== -1 && this.focusedOptionIndex !== '-1' ? String(this.focusedOptionIndex) : null;\n    }\n\n    constructor(public cd: ChangeDetectorRef) {\n        super();\n        this.currentIndex = -3;\n    }\n\n    onInit() {\n        this.id = this.id || uuid('pn_id_');\n        this.bindMatchMediaListener();\n    }\n\n    onDestroy() {\n        this.unbindMatchMediaListener();\n    }\n\n    /**\n     * Custom item template.\n     * @param {DockItemTemplateContext} context - item template context.\n     * @group Templates\n     */\n    @ContentChild('item') itemTemplate: TemplateRef<DockItemTemplateContext> | undefined;\n\n    _itemTemplate: TemplateRef<DockItemTemplateContext> | undefined;\n\n    getItemId(item, index) {\n        return item && item?.id ? item.id : `${index}`;\n    }\n\n    getItemProp(processedItem, name) {\n        return processedItem && processedItem.item ? resolve(processedItem.item[name]) : undefined;\n    }\n\n    disabled(item) {\n        return typeof item.disabled === 'function' ? item.disabled() : item.disabled || false;\n    }\n\n    isItemActive(id) {\n        return String(id) === String(this.focusedOptionIndex);\n    }\n\n    onListMouseLeave() {\n        this.currentIndex = -3;\n        this.cd.markForCheck();\n    }\n\n    onItemMouseEnter(index: number) {\n        this.currentIndex = index;\n\n        if (index === 1) {\n        }\n\n        this.cd.markForCheck();\n    }\n\n    onItemClick(e: Event, item: MenuItem) {\n        if (item.command) {\n            item.command({ originalEvent: e, item });\n        }\n    }\n\n    onListFocus(event) {\n        this.focused = true;\n        this.changeFocusedOptionIndex(0);\n        this.onFocus.emit(event);\n    }\n\n    onListBlur(event) {\n        this.focused = false;\n        this.focusedOptionIndex = -1;\n        this.onBlur.emit(event);\n    }\n\n    onListKeyDown(event) {\n        switch (event.code) {\n            case 'ArrowDown': {\n                if (this.position === 'left' || this.position === 'right') this.onArrowDownKey();\n                event.preventDefault();\n                break;\n            }\n\n            case 'ArrowUp': {\n                if (this.position === 'left' || this.position === 'right') this.onArrowUpKey();\n                event.preventDefault();\n                break;\n            }\n\n            case 'ArrowRight': {\n                if (this.position === 'top' || this.position === 'bottom') this.onArrowDownKey();\n                event.preventDefault();\n                break;\n            }\n\n            case 'ArrowLeft': {\n                if (this.position === 'top' || this.position === 'bottom') this.onArrowUpKey();\n                event.preventDefault();\n                break;\n            }\n\n            case 'Home': {\n                this.onHomeKey();\n                event.preventDefault();\n                break;\n            }\n\n            case 'End': {\n                this.onEndKey();\n                event.preventDefault();\n                break;\n            }\n\n            case 'Enter':\n\n            case 'Space': {\n                this.onSpaceKey();\n                event.preventDefault();\n                break;\n            }\n\n            default:\n                break;\n        }\n    }\n\n    onArrowDownKey() {\n        const optionIndex = this.findNextOptionIndex(this.focusedOptionIndex);\n\n        this.changeFocusedOptionIndex(optionIndex);\n    }\n\n    onArrowUpKey() {\n        const optionIndex = this.findPrevOptionIndex(this.focusedOptionIndex);\n\n        this.changeFocusedOptionIndex(optionIndex);\n    }\n\n    onHomeKey() {\n        this.changeFocusedOptionIndex(0);\n    }\n\n    onEndKey() {\n        this.changeFocusedOptionIndex(find(this.listViewChild?.nativeElement, 'li[data-pc-section=\"item\"][data-p-disabled=\"false\"]').length - 1);\n    }\n\n    onSpaceKey() {\n        const element = <HTMLElement>findSingle(this.listViewChild?.nativeElement, `li[id=\"${`${this.focusedOptionIndex}`}\"]`);\n        const anchorElement = element && <HTMLElement>findSingle(element, 'a,button');\n\n        anchorElement ? anchorElement.click() : element && element.click();\n    }\n\n    findNextOptionIndex(index) {\n        const menuitems = find(this.listViewChild?.nativeElement, 'li[data-pc-section=\"item\"][data-p-disabled=\"false\"]');\n        const matchedOptionIndex = [...menuitems].findIndex((link) => link.id === index);\n\n        return matchedOptionIndex > -1 ? matchedOptionIndex + 1 : 0;\n    }\n\n    changeFocusedOptionIndex(index) {\n        const menuitems = <any>find(this.listViewChild?.nativeElement, 'li[data-pc-section=\"item\"][data-p-disabled=\"false\"]');\n\n        let order = index >= menuitems.length ? menuitems.length - 1 : index < 0 ? 0 : index;\n\n        this.focusedOptionIndex = menuitems[order]?.getAttribute('id');\n    }\n\n    findPrevOptionIndex(index) {\n        const menuitems = find(this.listViewChild?.nativeElement, 'li[data-pc-section=\"item\"][data-p-disabled=\"false\"]');\n        const matchedOptionIndex = [...menuitems].findIndex((link) => link.id === index);\n\n        return matchedOptionIndex > -1 ? matchedOptionIndex - 1 : 0;\n    }\n\n    isClickableRouterLink(item: any) {\n        return !!item.routerLink && !this.disabled(item);\n    }\n\n    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;\n\n    onAfterContentInit() {\n        this.templates?.forEach((item) => {\n            switch (item.getType()) {\n                case 'item':\n                    this._itemTemplate = item.template;\n                    break;\n\n                default:\n                    this._itemTemplate = item.template;\n                    break;\n            }\n        });\n    }\n\n    onAfterViewChecked(): void {\n        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));\n    }\n\n    getPTOptions(item: MenuItem, index: number, key: string) {\n        return this.ptm(key, {\n            context: {\n                item,\n                index\n            }\n        });\n    }\n\n    bindMatchMediaListener() {\n        if (!this.matchMediaListener) {\n            const query = window.matchMedia(`(max-width: ${this.breakpoint})`);\n            this.query = query;\n            this.queryMatches.set(query.matches);\n\n            this.matchMediaListener = () => {\n                this.queryMatches.set(query.matches);\n                this.mobileActive.set(false);\n            };\n\n            this.renderer.listen(this.query, 'change', this.matchMediaListener.bind(this));\n        }\n    }\n\n    unbindMatchMediaListener() {\n        if (this.matchMediaListener) {\n            this.matchMediaListener();\n            this.matchMediaListener = null;\n            this.query = null;\n        }\n    }\n}\n\n@NgModule({\n    imports: [Dock, SharedModule],\n    exports: [Dock, SharedModule]\n})\nexport class DockModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/primeng-dragdrop.mjs

@@ -138,10 +138,10 @@ class Draggable {
         this.unbindDragListener();
         this.unbindMouseListeners();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: Draggable, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", type: Draggable, isStandalone: true, selector: "[pDraggable]", inputs: { scope: ["pDraggable", "scope"], dragEffect: "dragEffect", dragHandle: "dragHandle", pDraggableDisabled: "pDraggableDisabled" }, outputs: { onDragStart: "onDragStart", onDragEnd: "onDragEnd", onDrag: "onDrag" }, host: { listeners: { "dragstart": "dragStart($event)", "dragend": "dragEnd($event)" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: Draggable, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.1", type: Draggable, isStandalone: true, selector: "[pDraggable]", inputs: { scope: ["pDraggable", "scope"], dragEffect: "dragEffect", dragHandle: "dragHandle", pDraggableDisabled: "pDraggableDisabled" }, outputs: { onDragStart: "onDragStart", onDragEnd: "onDragEnd", onDrag: "onDrag" }, host: { listeners: { "dragstart": "dragStart($event)", "dragend": "dragEnd($event)" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: Draggable, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: Draggable, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pDraggable]',
@@ -283,10 +283,10 @@ class Droppable {
     ngOnDestroy() {
         this.unbindDragOverListener();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: Droppable, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", type: Droppable, isStandalone: true, selector: "[pDroppable]", inputs: { scope: ["pDroppable", "scope"], pDroppableDisabled: "pDroppableDisabled", dropEffect: "dropEffect" }, outputs: { onDragEnter: "onDragEnter", onDragLeave: "onDragLeave", onDrop: "onDrop" }, host: { listeners: { "drop": "drop($event)", "dragenter": "dragEnter($event)", "dragleave": "dragLeave($event)" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: Droppable, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.1", type: Droppable, isStandalone: true, selector: "[pDroppable]", inputs: { scope: ["pDroppable", "scope"], pDroppableDisabled: "pDroppableDisabled", dropEffect: "dropEffect" }, outputs: { onDragEnter: "onDragEnter", onDragLeave: "onDragLeave", onDrop: "onDrop" }, host: { listeners: { "drop": "drop($event)", "dragenter": "dragEnter($event)", "dragleave": "dragLeave($event)" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: Droppable, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: Droppable, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pDroppable]',
@@ -316,11 +316,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImpor
                 args: ['dragleave', ['$event']]
             }] } });
 class DragDropModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: DragDropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0", ngImport: i0, type: DragDropModule, imports: [Draggable, Droppable], exports: [Draggable, Droppable] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: DragDropModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: DragDropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.1", ngImport: i0, type: DragDropModule, imports: [Draggable, Droppable], exports: [Draggable, Droppable] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: DragDropModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: DragDropModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: DragDropModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [Draggable, Droppable],

package/fesm2022/primeng-drawer.mjs

@@ -110,7 +110,7 @@ ${style$1}
 }
 `;
 const classes = {
-    mask: ({ instance }) => ['p-drawer-mask', { [`p-overlay-mask p-overlay-mask-enter`]: instance.modal }, { 'p-drawer-full': instance.fullScreen() }],
+    mask: ({ instance }) => ['p-drawer-mask', { [`p-overlay-mask p-overlay-mask-enter-active`]: instance.modal }, { 'p-drawer-full': instance.fullScreen() }],
     root: ({ instance }) => [
         'p-drawer p-component',
         {
@@ -129,10 +129,10 @@ class DrawerStyle extends BaseStyle {
     name = 'drawer';
     style = style;
     classes = classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: DrawerStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: DrawerStyle });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: DrawerStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: DrawerStyle });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: DrawerStyle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: DrawerStyle, decorators: [{
             type: Injectable
         }] });
 /**
@@ -188,18 +188,18 @@ class Drawer extends BaseComponent {
      * @defaultValue 'self'
      * @group Props
      */
-    appendTo = input(undefined, ...(ngDevMode ? [{ debugName: "appendTo" }] : []));
+    appendTo = input(undefined, { ...(ngDevMode ? { debugName: "appendTo" } : {}) });
     /**
      * The motion options.
      * @group Props
      */
-    motionOptions = input(undefined, ...(ngDevMode ? [{ debugName: "motionOptions" }] : []));
+    motionOptions = input(undefined, { ...(ngDevMode ? { debugName: "motionOptions" } : {}) });
     computedMotionOptions = computed(() => {
         return {
             ...this.ptm('motion'),
             ...this.motionOptions()
         };
-    }, ...(ngDevMode ? [{ debugName: "computedMotionOptions" }] : []));
+    }, { ...(ngDevMode ? { debugName: "computedMotionOptions" } : {}) });
     /**
      * Whether to block scrolling of the document when drawer is active.
      * @group Props
@@ -281,15 +281,15 @@ class Drawer extends BaseComponent {
      * @defaultValue 'left'
      * @group Props
      */
-    position = input('left', ...(ngDevMode ? [{ debugName: "position" }] : []));
+    position = input('left', { ...(ngDevMode ? { debugName: "position" } : {}) });
     /**
      * Adds a close icon to the header to hide the dialog.
      * @defaultValue false
      * @group Props
      */
-    fullScreen = input(false, ...(ngDevMode ? [{ debugName: "fullScreen" }] : []));
-    $enterAnimation = computed(() => (this.fullScreen() ? 'p-drawer-enter-full' : `p-drawer-enter-${this.position()}`), ...(ngDevMode ? [{ debugName: "$enterAnimation" }] : []));
-    $leaveAnimation = computed(() => (this.fullScreen() ? 'p-drawer-leave-full' : `p-drawer-leave-${this.position()}`), ...(ngDevMode ? [{ debugName: "$leaveAnimation" }] : []));
+    fullScreen = input(false, { ...(ngDevMode ? { debugName: "fullScreen" } : {}) });
+    $enterAnimation = computed(() => (this.fullScreen() ? 'p-drawer-enter-full' : `p-drawer-enter-${this.position()}`), { ...(ngDevMode ? { debugName: "$enterAnimation" } : {}) });
+    $leaveAnimation = computed(() => (this.fullScreen() ? 'p-drawer-leave-full' : `p-drawer-leave-${this.position()}`), { ...(ngDevMode ? { debugName: "$leaveAnimation" } : {}) });
     /**
      * Title content of the dialog.
      * @group Props
@@ -339,31 +339,31 @@ class Drawer extends BaseComponent {
         this.initialized = true;
     }
     /**
-     * Content template for the content of the drawer.
+     * Custom header template.
      * @group Templates
      */
     headerTemplate;
     /**
-     * Header template for the header of the drawer.
+     * Custom footer template.
      * @group Templates
      */
     footerTemplate;
     /**
-     * Content template for the footer of the drawer.
+     * Custom content template.
      * @group Templates
      */
     contentTemplate;
     /**
-     * Close icon template for the close icon of the drawer.
+     * Custom close icon template.
      * @group Templates
      */
     closeIconTemplate;
     /**
-     * Headless template for the headless drawer.
+     * Custom headless template to replace the entire drawer content.
      * @group Templates
      */
     headlessTemplate;
-    $appendTo = computed(() => this.appendTo() || this.config.overlayAppendTo(), ...(ngDevMode ? [{ debugName: "$appendTo" }] : []));
+    $appendTo = computed(() => this.appendTo() || this.config.overlayAppendTo(), { ...(ngDevMode ? { debugName: "$appendTo" } : {}) });
     _headerTemplate;
     _footerTemplate;
     _contentTemplate;
@@ -457,8 +457,8 @@ class Drawer extends BaseComponent {
     }
     disableModality() {
         if (this.mask) {
-            !this.$unstyled() && removeClass(this.mask, 'p-overlay-mask-enter');
-            !this.$unstyled() && addClass(this.mask, 'p-overlay-mask-leave');
+            !this.$unstyled() && removeClass(this.mask, 'p-overlay-mask-enter-active');
+            !this.$unstyled() && addClass(this.mask, 'p-overlay-mask-leave-active');
             this.animationEndListener = this.renderer.listen(this.mask, 'animationend', this.destroyModal.bind(this));
         }
     }
@@ -553,8 +553,8 @@ class Drawer extends BaseComponent {
             modal: this.modal
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: Drawer, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0", type: Drawer, isStandalone: true, selector: "p-drawer", inputs: { appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, motionOptions: { classPropertyName: "motionOptions", publicName: "motionOptions", isSignal: true, isRequired: false, transformFunction: null }, blockScroll: { classPropertyName: "blockScroll", publicName: "blockScroll", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, style: { classPropertyName: "style", publicName: "style", isSignal: false, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: false, isRequired: false, transformFunction: null }, ariaCloseLabel: { classPropertyName: "ariaCloseLabel", publicName: "ariaCloseLabel", isSignal: false, isRequired: false, transformFunction: null }, autoZIndex: { classPropertyName: "autoZIndex", publicName: "autoZIndex", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, baseZIndex: { classPropertyName: "baseZIndex", publicName: "baseZIndex", isSignal: false, isRequired: false, transformFunction: numberAttribute }, modal: { classPropertyName: "modal", publicName: "modal", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, closeButtonProps: { classPropertyName: "closeButtonProps", publicName: "closeButtonProps", isSignal: false, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, showCloseIcon: { classPropertyName: "showCloseIcon", publicName: "showCloseIcon", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, transitionOptions: { classPropertyName: "transitionOptions", publicName: "transitionOptions", isSignal: false, isRequired: false, transformFunction: null }, visible: { classPropertyName: "visible", publicName: "visible", isSignal: false, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, fullScreen: { classPropertyName: "fullScreen", publicName: "fullScreen", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: false, isRequired: false, transformFunction: null }, maskStyle: { classPropertyName: "maskStyle", publicName: "maskStyle", isSignal: false, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: false, isRequired: false, transformFunction: booleanAttribute } }, outputs: { onShow: "onShow", onHide: "onHide", visibleChange: "visibleChange" }, providers: [DrawerStyle, { provide: DRAWER_INSTANCE, useExisting: Drawer }, { provide: PARENT_INSTANCE, useExisting: Drawer }], queries: [{ propertyName: "headerTemplate", first: true, predicate: ["header"] }, { propertyName: "footerTemplate", first: true, predicate: ["footer"] }, { propertyName: "contentTemplate", first: true, predicate: ["content"] }, { propertyName: "closeIconTemplate", first: true, predicate: ["closeicon"] }, { propertyName: "headlessTemplate", first: true, predicate: ["headless"] }, { propertyName: "templates", predicate: PrimeTemplate }], viewQueries: [{ propertyName: "containerViewChild", first: true, predicate: ["container"], descendants: true }, { propertyName: "closeButtonViewChild", first: true, predicate: ["closeButton"], descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: Drawer, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: Drawer, isStandalone: true, selector: "p-drawer", inputs: { appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, motionOptions: { classPropertyName: "motionOptions", publicName: "motionOptions", isSignal: true, isRequired: false, transformFunction: null }, blockScroll: { classPropertyName: "blockScroll", publicName: "blockScroll", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, style: { classPropertyName: "style", publicName: "style", isSignal: false, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: false, isRequired: false, transformFunction: null }, ariaCloseLabel: { classPropertyName: "ariaCloseLabel", publicName: "ariaCloseLabel", isSignal: false, isRequired: false, transformFunction: null }, autoZIndex: { classPropertyName: "autoZIndex", publicName: "autoZIndex", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, baseZIndex: { classPropertyName: "baseZIndex", publicName: "baseZIndex", isSignal: false, isRequired: false, transformFunction: numberAttribute }, modal: { classPropertyName: "modal", publicName: "modal", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, closeButtonProps: { classPropertyName: "closeButtonProps", publicName: "closeButtonProps", isSignal: false, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, showCloseIcon: { classPropertyName: "showCloseIcon", publicName: "showCloseIcon", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, transitionOptions: { classPropertyName: "transitionOptions", publicName: "transitionOptions", isSignal: false, isRequired: false, transformFunction: null }, visible: { classPropertyName: "visible", publicName: "visible", isSignal: false, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, fullScreen: { classPropertyName: "fullScreen", publicName: "fullScreen", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: false, isRequired: false, transformFunction: null }, maskStyle: { classPropertyName: "maskStyle", publicName: "maskStyle", isSignal: false, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: false, isRequired: false, transformFunction: booleanAttribute } }, outputs: { onShow: "onShow", onHide: "onHide", visibleChange: "visibleChange" }, providers: [DrawerStyle, { provide: DRAWER_INSTANCE, useExisting: Drawer }, { provide: PARENT_INSTANCE, useExisting: Drawer }], queries: [{ propertyName: "headerTemplate", first: true, predicate: ["header"] }, { propertyName: "footerTemplate", first: true, predicate: ["footer"] }, { propertyName: "contentTemplate", first: true, predicate: ["content"] }, { propertyName: "closeIconTemplate", first: true, predicate: ["closeicon"] }, { propertyName: "headlessTemplate", first: true, predicate: ["headless"] }, { propertyName: "templates", predicate: PrimeTemplate }], viewQueries: [{ propertyName: "containerViewChild", first: true, predicate: ["container"], descendants: true }, { propertyName: "closeButtonViewChild", first: true, predicate: ["closeButton"], descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
         @if (modalVisible) {
             <div
                 #container
@@ -613,7 +613,7 @@ class Drawer extends BaseComponent {
         }
     `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: TimesIcon, selector: "[data-p-icon=\"times\"]" }, { kind: "ngmodule", type: SharedModule }, { kind: "directive", type: Bind, selector: "[pBind]", inputs: ["pBind"] }, { kind: "ngmodule", type: FocusTrapModule }, { kind: "directive", type: i3.FocusTrap, selector: "[pFocusTrap]", inputs: ["pFocusTrapDisabled"] }, { kind: "ngmodule", type: MotionModule }, { kind: "directive", type: i4.MotionDirective, selector: "[pMotion]", inputs: ["pMotion", "pMotionName", "pMotionType", "pMotionSafe", "pMotionDisabled", "pMotionAppear", "pMotionEnter", "pMotionLeave", "pMotionDuration", "pMotionHideStrategy", "pMotionEnterFromClass", "pMotionEnterToClass", "pMotionEnterActiveClass", "pMotionLeaveFromClass", "pMotionLeaveToClass", "pMotionLeaveActiveClass", "pMotionOptions"], outputs: ["pMotionOnBeforeEnter", "pMotionOnEnter", "pMotionOnAfterEnter", "pMotionOnEnterCancelled", "pMotionOnBeforeLeave", "pMotionOnLeave", "pMotionOnAfterLeave", "pMotionOnLeaveCancelled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: Drawer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: Drawer, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-drawer',
@@ -754,11 +754,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImpor
                 args: [PrimeTemplate]
             }] } });
 class DrawerModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: DrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0", ngImport: i0, type: DrawerModule, imports: [Drawer, SharedModule], exports: [Drawer, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: DrawerModule, imports: [Drawer, SharedModule, SharedModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: DrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.1", ngImport: i0, type: DrawerModule, imports: [Drawer, SharedModule], exports: [Drawer, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: DrawerModule, imports: [Drawer, SharedModule, SharedModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: DrawerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: DrawerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [Drawer, SharedModule],