primeng 16.0.2 → 16.1.0

package/panelmenu/panelmenu.d.ts

@@ -1,4 +1,4 @@
-import { AfterContentInit, ChangeDetectorRef, QueryList, TemplateRef } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
 import { MenuItem, PrimeTemplate } from 'primeng/api';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
@@ -9,35 +9,109 @@ import * as i5 from "primeng/icons/angledown";
 import * as i6 from "primeng/icons/angleright";
 import * as i7 from "primeng/icons/chevrondown";
 import * as i8 from "primeng/icons/chevronright";
-export declare class BasePanelMenuItem {
-    private ref;
-    constructor(ref: ChangeDetectorRef);
-    handleClick(event: Event, item: MenuItem): void;
-}
-export declare class PanelMenuSub extends BasePanelMenuItem {
+export declare class PanelMenuSub {
     panelMenu: PanelMenu;
-    item: MenuItem | undefined;
-    expanded: boolean | undefined;
-    parentExpanded: boolean | undefined;
-    transitionOptions: string | undefined;
+    el: ElementRef;
+    panelId: string | undefined;
+    focusedItemId: string | undefined;
+    items: any[];
+    level: number;
+    activeItemPath: any[];
     root: boolean | undefined;
-    constructor(ref: ChangeDetectorRef, panelMenu: PanelMenu);
-    onItemKeyDown(event: KeyboardEvent): void;
-    getAnimation(): {
+    tabindex: number | undefined;
+    transitionOptions: string | undefined;
+    itemToggle: EventEmitter<any>;
+    menuFocus: EventEmitter<any>;
+    menuBlur: EventEmitter<any>;
+    menuKeyDown: EventEmitter<any>;
+    listViewChild: ElementRef;
+    constructor(panelMenu: PanelMenu, el: ElementRef);
+    getItemId(processedItem: any): string;
+    getItemKey(processedItem: any): string;
+    getItemProp(processedItem: any, name?: any, params?: any): any;
+    getItemLabel(processedItem: any): any;
+    isItemActive(processedItem: any): any;
+    isItemVisible(processedItem: any): boolean;
+    isItemDisabled(processedItem: any): any;
+    isItemFocused(processedItem: any): boolean;
+    isItemGroup(processedItem: any): boolean;
+    getAnimation(processedItem: any): {
         value: string;
         params: {
             transitionParams: string;
             height: string;
         };
     };
+    getAriaSetSize(): number;
+    getAriaPosInset(index: any): number;
+    onItemClick(event: any, processedItem: any): void;
+    onItemToggle(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PanelMenuSub, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PanelMenuSub, "p-panelMenuSub", never, { "item": { "alias": "item"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "parentExpanded": { "alias": "parentExpanded"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "root": { "alias": "root"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PanelMenuSub, "p-panelMenuSub", never, { "panelId": { "alias": "panelId"; "required": false; }; "focusedItemId": { "alias": "focusedItemId"; "required": false; }; "items": { "alias": "items"; "required": false; }; "level": { "alias": "level"; "required": false; }; "activeItemPath": { "alias": "activeItemPath"; "required": false; }; "root": { "alias": "root"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; }, { "itemToggle": "itemToggle"; "menuFocus": "menuFocus"; "menuBlur": "menuBlur"; "menuKeyDown": "menuKeyDown"; }, never, never, false, never>;
+}
+export declare class PanelMenuList implements OnChanges {
+    panelId: string | undefined;
+    id: string | undefined;
+    items: any[];
+    parentExpanded: boolean | undefined;
+    expanded: boolean | undefined;
+    transitionOptions: string | undefined;
+    root: boolean | undefined;
+    tabindex: number | undefined;
+    activeItem: any;
+    itemToggle: EventEmitter<any>;
+    headerFocus: EventEmitter<any>;
+    subMenuViewChild: PanelMenuSub;
+    searchTimeout: any;
+    searchValue: any;
+    focused: boolean | undefined;
+    focusedItem: import("@angular/core").WritableSignal<any>;
+    activeItemPath: import("@angular/core").WritableSignal<any[]>;
+    processedItems: import("@angular/core").WritableSignal<any[]>;
+    visibleItems: import("@angular/core").Signal<any[]>;
+    get focusedItemId(): string;
+    ngOnChanges(changes: SimpleChanges): void;
+    getItemProp(processedItem: any, name: any): any;
+    getItemLabel(processedItem: any): any;
+    isItemVisible(processedItem: any): boolean;
+    isItemDisabled(processedItem: any): any;
+    isItemActive(processedItem: any): boolean;
+    isItemGroup(processedItem: any): boolean;
+    isElementInPanel(event: any, element: any): any;
+    isItemMatched(processedItem: any): any;
+    isVisibleItem(processedItem: any): boolean;
+    isValidItem(processedItem: any): boolean;
+    findFirstItem(): any;
+    findLastItem(): any;
+    createProcessedItems(items: any, level?: number, parent?: {}, parentKey?: string): any[];
+    findProcessedItemByItemKey(key: any, processedItems?: any, level?: number): any;
+    flatItems(processedItems: any, processedFlattenItems?: any[]): any[];
+    changeFocusedItem(event: any): void;
+    scrollInView(): void;
+    onFocus(event: any): void;
+    onBlur(event: any): void;
+    onItemToggle(event: any): void;
+    onKeyDown(event: any): void;
+    onArrowDownKey(event: any): void;
+    onArrowUpKey(event: any): void;
+    onArrowLeftKey(event: any): void;
+    onArrowRightKey(event: any): void;
+    onHomeKey(event: any): void;
+    onEndKey(event: any): void;
+    onEnterKey(event: any): void;
+    onSpaceKey(event: any): void;
+    findNextItem(processedItem: any): any;
+    findPrevItem(processedItem: any): any;
+    searchItems(event: any, char: any): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PanelMenuList, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PanelMenuList, "p-panelMenuList", never, { "panelId": { "alias": "panelId"; "required": false; }; "id": { "alias": "id"; "required": false; }; "items": { "alias": "items"; "required": false; }; "parentExpanded": { "alias": "parentExpanded"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "root": { "alias": "root"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; }, { "itemToggle": "itemToggle"; "headerFocus": "headerFocus"; }, never, never, false, never>;
 }
 /**
  * PanelMenu is a hybrid of Accordion and Tree components.
  * @group Components
  */
-export declare class PanelMenu extends BasePanelMenuItem implements AfterContentInit {
+export declare class PanelMenu implements AfterContentInit {
+    private cd;
     /**
      * An array of menuitems.
      * @group Props
@@ -65,16 +139,31 @@ export declare class PanelMenu extends BasePanelMenuItem implements AfterContent
      * @group Props
      */
     transitionOptions: string;
+    /**
+     * Current id state as a string.
+     * @group Props
+     */
+    id: string | undefined;
+    /**
+     * Index of the element in tabbing order.
+     * @group Props
+     */
+    tabindex: number | undefined;
     templates: QueryList<PrimeTemplate> | undefined;
+    containerViewChild: ElementRef | undefined;
     submenuIconTemplate: TemplateRef<any> | undefined;
     animating: boolean | undefined;
-    constructor(ref: ChangeDetectorRef);
+    activeItem: import("@angular/core").WritableSignal<any>;
+    ngOnInit(): void;
     ngAfterContentInit(): void;
+    constructor(cd: ChangeDetectorRef);
+    /**
+     * Collapses open panels.
+     * @group Method
+     */
     collapseAll(): void;
-    handleClick(event: MouseEvent, item: MenuItem): void;
     onToggleDone(): void;
-    onItemKeyDown(event: KeyboardEvent): void;
-    visible(item: MenuItem): boolean;
+    changeActiveItem(event: any, item: any, index?: number, selfActive?: boolean): void;
     getAnimation(item: MenuItem): {
         value: string;
         params: {
@@ -82,11 +171,34 @@ export declare class PanelMenu extends BasePanelMenuItem implements AfterContent
             height: string;
         };
     };
+    getItemProp(item: any, name: any): any;
+    getItemLabel(item: any): any;
+    isItemActive(item: any): any;
+    isItemVisible(item: any): boolean;
+    isItemDisabled(item: any): any;
+    isItemGroup(item: any): boolean;
+    getPanelId(index: any): string;
+    getPanelKey(index: any): string;
+    getHeaderId(index: any): string;
+    getContentId(index: any): string;
+    updateFocusedHeader(event: any): void;
+    changeFocusedHeader(event: any, element: any): void;
+    findNextHeader(panelElement: any, selfCheck?: boolean): any;
+    findPrevHeader(panelElement: any, selfCheck?: boolean): any;
+    findFirstHeader(): any;
+    findLastHeader(): any;
+    onHeaderClick(event: any, item: any, index: any): void;
+    onHeaderKeyDown(event: any, item: any, index: any): void;
+    onHeaderArrowDownKey(event: any): void;
+    onHeaderArrowUpKey(event: any): void;
+    onHeaderHomeKey(event: any): void;
+    onHeaderEndKey(event: any): void;
+    onHeaderEnterKey(event: any, item: any, index: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PanelMenu, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PanelMenu, "p-panelMenu", never, { "model": { "alias": "model"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; }, {}, ["templates"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PanelMenu, "p-panelMenu", never, { "model": { "alias": "model"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "id": { "alias": "id"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, {}, ["templates"], never, false, never>;
 }
 export declare class PanelMenuModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PanelMenuModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PanelMenuModule, [typeof PanelMenu, typeof PanelMenuSub], [typeof i1.CommonModule, typeof i2.RouterModule, typeof i3.TooltipModule, typeof i4.SharedModule, typeof i5.AngleDownIcon, typeof i6.AngleRightIcon, typeof i7.ChevronDownIcon, typeof i8.ChevronRightIcon], [typeof PanelMenu, typeof i2.RouterModule, typeof i3.TooltipModule, typeof i4.SharedModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PanelMenuModule, [typeof PanelMenu, typeof PanelMenuSub, typeof PanelMenuList], [typeof i1.CommonModule, typeof i2.RouterModule, typeof i3.TooltipModule, typeof i4.SharedModule, typeof i5.AngleDownIcon, typeof i6.AngleRightIcon, typeof i7.ChevronDownIcon, typeof i8.ChevronRightIcon], [typeof PanelMenu, typeof i2.RouterModule, typeof i3.TooltipModule, typeof i4.SharedModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PanelMenuModule>;
 }

package/resources/components/autocomplete/autocomplete.css

@@ -6,7 +6,7 @@
 .p-autocomplete-loader {
     position: absolute;
     top: 50%;
-    margin-top: -.5rem;
+    margin-top: -0.5rem;
 }
 
 .p-autocomplete-dd .p-autocomplete-input {
@@ -16,13 +16,13 @@
 
 .p-autocomplete-dd .p-autocomplete-input,
 .p-autocomplete-dd .p-autocomplete-multiple-container {
-     border-top-right-radius: 0;
-     border-bottom-right-radius: 0;
- }
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+}
 
 .p-autocomplete-dd .p-autocomplete-dropdown {
-     border-top-left-radius: 0;
-     border-bottom-left-radius: 0px;
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0px;
 }
 
 .p-autocomplete-panel {
@@ -54,6 +54,7 @@
 }
 
 .p-autocomplete-token {
+    width: fit-content;
     cursor: default;
     display: inline-flex;
     align-items: center;
@@ -91,10 +92,10 @@
 .p-autocomplete-clear-icon {
     position: absolute;
     top: 50%;
-    margin-top: -.5rem;
+    margin-top: -0.5rem;
     cursor: pointer;
 }
 
 .p-autocomplete-clearable {
     position: relative;
-}
+}

package/resources/components/breadcrumb/breadcrumb.css

@@ -2,7 +2,7 @@
     overflow-x: auto;
 }
 
-.p-breadcrumb ul {
+.p-breadcrumb .p-breadcrumb-list {
     margin: 0;
     padding: 0;
     list-style-type: none;
@@ -17,9 +17,15 @@
 
 .p-breadcrumb .p-menuitem-link {
     text-decoration: none;
-    cursor: pointer;
+    display: flex;
+    align-items: center;
+}
+
+.p-breadcrumb .p-menuitem-separator {
+    display: flex;
+    align-items: center;
 }
 
 .p-breadcrumb::-webkit-scrollbar {
     display: none;
-}
+}

package/resources/components/common/common.css

@@ -132,7 +132,7 @@ button {
 }
 
 .p-icon-wrapper {
-    display: flex;
+    display: inline-flex;
 }
 
 .p-icon {

package/resources/components/contextmenu/contextmenu.css

@@ -1,6 +1,5 @@
 .p-contextmenu {
     position: absolute;
-    display: none;
 }
 
 .p-contextmenu ul {
@@ -13,7 +12,6 @@
     position: absolute;
     min-width: 100%;
     z-index: 1;
-    display: none;
 }
 
 .p-contextmenu .p-menuitem-link {
@@ -39,8 +37,4 @@
 
 .p-contextmenu .p-menuitem-link .p-icon-wrapper {
     margin-left: auto;
-}
-
-.p-contextmenu .p-menuitem-active > p-contextmenusub > .p-submenu-list.p-submenu-list-active {
-    display: block !important;
-}
+}

package/resources/components/dock/dock.css

@@ -26,7 +26,7 @@
     will-change: transform;
 }
 
-.p-dock-action {
+.p-dock-link {
     display: flex;
     flex-direction: column;
     align-items: center;

package/resources/components/megamenu/megamenu.css

@@ -38,18 +38,22 @@
     list-style: none;
 }
 
-.p-megamenu-submenu-header {
-    display: flex;
+/* Horizontal */
+.p-megamenu-horizontal {
     align-items: center;
 }
 
-/* Horizontal */
 .p-megamenu-horizontal .p-megamenu-root-list {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
 }
 
+.p-megamenu-horizontal .p-megamenu-end {
+    margin-left: auto;
+    align-self: center;
+}
+
 /* Vertical */
 .p-megamenu-vertical .p-megamenu-root-list {
     flex-direction: column;
@@ -60,11 +64,11 @@
     top: 0;
 }
 
-.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon:not(svg) {
+.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon:not(svg) {
     margin-left: auto;
 }
 
-.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-icon-wrapper {
+.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-icon-wrapper {
     margin-left: auto;
 }
 
@@ -99,9 +103,4 @@
 
 .p-megamenu-col-12 {
     width: 100%;
-}
-
-.p-megamenu-horizontal .p-megamenu-end {
-    margin-left: auto;
-    align-self: center;
 }

package/resources/components/panelmenu/panelmenu.css

@@ -1,4 +1,4 @@
-.p-panelmenu .p-panelmenu-header-link {
+.p-panelmenu .p-panelmenu-header-action {
     display: flex;
     align-items: center;
     user-select: none;
@@ -7,7 +7,7 @@
     text-decoration: none;
 }
 
-.p-panelmenu .p-panelmenu-header-link:focus {
+.p-panelmenu .p-panelmenu-header-action:focus {
     z-index: 1;
 }
 
@@ -23,6 +23,8 @@
     user-select: none;
     cursor: pointer;
     text-decoration: none;
+    position: relative;
+    overflow: hidden;
 }
 
 .p-panelmenu .p-menuitem-text {

package/resources/components/slidemenu/slidemenu.css

@@ -1,45 +1,53 @@
-.p-slidemenu {
-    width: 12.5rem;
+.p-slidemenu .p-slidemenu-root-list {
+    position: relative;
+    top: 0;
 }
 
-.p-slidemenu.p-slidemenu-overlay {
+.p-slidemenu-overlay {
     position: absolute;
     top: 0;
     left: 0;
 }
 
+.p-slidemenu .p-menuitem-active {
+    position: static;
+}
+
+.p-slidemenu .p-slidemenu-wrapper {
+    position: relative;
+}
+
 .p-slidemenu ul {
-    list-style: none;
     margin: 0;
     padding: 0;
+    list-style: none;
 }
 
-.p-slidemenu .p-slidemenu-rootlist {
+.p-slidemenu .p-submenu-list {
     position: absolute;
-    top: 0;
+    min-width: 100%;
+    z-index: 1;
+    display: none;
 }
 
-.p-slidemenu .p-submenu-list {
-    display: none;
-    position: absolute;
-    top: 0;
-    width: 12.5rem;
+.p-slidemenu .p-slidemenu-content {
+    overflow-x: hidden;
+    overflow-y: auto;
+    position: relative;
+    height: 100%;
 }
 
-.p-slidemenu .p-menuitem-link {
+.p-slidemenu .p-menuitem-link:not(.p-slidemenu-backward) {
     cursor: pointer;
     display: flex;
     align-items: center;
     text-decoration: none;
     overflow: hidden;
-}
-
-.p-slidemenu .p-menuitem-icon {
-    vertical-align: middle;
+    position: relative;
 }
 
 .p-slidemenu .p-menuitem-text {
-    vertical-align: middle;
+    line-height: 1;
 }
 
 .p-slidemenu .p-menuitem {
@@ -52,17 +60,25 @@
 
 .p-slidemenu .p-menuitem-link .p-icon-wrapper {
     margin-left: auto;
-    vertical-align: middle;
 }
 
-.p-slidemenu .p-slidemenu-wrapper {
-    position: relative;
+.p-slidemenu .p-menuitem-active > p-slidemenusub > .p-submenu-list {
+    display: block;
+    left: 100%;
+    top: 0;
 }
 
-.p-slidemenu .p-slidemenu-content {
-    overflow-x: hidden;
-    overflow-y: auto;
-    position: relative;
+.p-slidemenu .p-menuitem-active > .p-menuitem-content > .p-submenu > .p-submenu-list {
+    display: block;
+}
+
+.p-slidemenu ul:not(.p-active-submenu) > .p-menuitem:not(.p-menuitem-active),
+.p-slidemenu .p-active-submenu > .p-menuitem-active > .p-menuitem-content > .p-submenu > .p-submenu-list {
+    display: none;
+}
+
+.p-slidemenu .p-active-submenu > .p-menuitem-active ~ .p-menuitem {
+    display: block;
 }
 
 .p-slidemenu-backward {
@@ -80,20 +96,3 @@
 .p-slidemenu-backward span {
     vertical-align: middle;
 }
-
-.p-slidemenu .p-menuitem-active {
-    position: static;
-}
-
-.p-slidemenu .p-menuitem-active > .p-submenu > .p-submenu-list {
-    display: block;
-}
-
-.p-slidemenu ul:not(.p-active-submenu) > .p-menuitem:not(.p-menuitem-active),
-.p-slidemenu .p-active-submenu > .p-menuitem-active > .p-submenu > .p-submenu-list {
-    display: none;
-}
-
-.p-slidemenu .p-active-submenu > .p-menuitem-active ~ .p-menuitem {
-    display: block;
-}

package/resources/primeng.css

@@ -132,7 +132,7 @@ button {
 }
 
 .p-icon-wrapper {
-    display: flex;
+    display: inline-flex;
 }
 
 .p-icon {

package/resources/primeng.min.css

@@ -1 +1 @@
-.p-component,.p-component *{box-sizing:border-box}.p-hidden{display:none}.p-hidden-space{visibility:hidden}.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}.p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.p-disabled,.p-disabled *{cursor:default !important;pointer-events:none}.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.p-overflow-hidden{overflow:hidden}.p-unselectable-text{user-select:none}.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}@-webkit-keyframes p-fadein{0%{opacity:0}100%{opacity:1}}@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]::-webkit-file-upload-button,button{border-radius:0}.p-link{text-align:left;background-color:transparent;margin:0;padding:0;border:0;cursor:pointer;user-select:none}.p-link:disabled{cursor:default}.p-sr-only{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}.p-connected-overlay-visible{opacity:1;transform:scaleY(1)}.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}.p-toggleable-content.ng-animating{overflow:hidden}.p-icon-wrapper{display:flex}.p-icon{display:inline-block}.p-icon-spin{-webkit-animation:p-icon-spin 2s infinite linear;animation:p-icon-spin 2s infinite linear}@-webkit-keyframes p-icon-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes p-icon-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.p-badge{display:inline-block;border-radius:10px;text-align:center;padding:0 .5rem}.p-overlay-badge{position:relative}.p-overlay-badge .p-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0;margin:0}.p-badge-dot{width:.5rem;min-width:.5rem;height:.5rem;border-radius:50%;padding:0}.p-badge-no-gutter{padding:0;border-radius:50%}.p-button{margin:0;display:inline-flex;cursor:pointer;user-select:none;align-items:center;vertical-align:bottom;text-align:center;overflow:hidden;position:relative}.p-button-label{flex:1 1 auto}.p-button-icon-right{order:1}.p-button:disabled{cursor:default;pointer-events:none}.p-button-icon-only{justify-content:center}.p-button-icon-only:after{content:'p';visibility:hidden;clip:rect(0 0 0 0);width:0}.p-button-vertical{flex-direction:column}.p-button-icon-bottom{order:2}.p-buttonset .p-button{margin:0}.p-buttonset .p-button:not(:last-child){border-right:0 none}.p-buttonset .p-button:not(:first-of-type):not(:last-of-type){border-radius:0}.p-buttonset .p-button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.p-buttonset .p-button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}.p-buttonset .p-button:focus{position:relative;z-index:1}.p-checkbox{display:inline-flex;cursor:pointer;user-select:none;vertical-align:bottom;position:relative}.p-checkbox-disabled{cursor:default !important;pointer-events:none}.p-checkbox-box{display:flex;justify-content:center;align-items:center}p-checkbox{display:inline-flex;vertical-align:bottom;align-items:center}.p-checkbox-label{line-height:1}.p-colorpicker-panel .p-colorpicker-color{background:transparent url("./images/color.png") no-repeat left top}.p-colorpicker-panel .p-colorpicker-hue{background:transparent url("./images/hue.png") no-repeat left top}.p-inputtext{margin:0}.p-fluid .p-inputtext{width:100%}.p-inputgroup{display:flex;align-items:stretch;width:100%}.p-inputgroup-addon{display:flex;align-items:center;justify-content:center}.p-inputgroup .p-float-label{display:flex;align-items:stretch;width:100%}.p-inputgroup .p-inputtext,.p-fluid .p-inputgroup .p-inputtext,.p-inputgroup .p-inputwrapper,.p-inputgroup .p-inputwrapper>.p-component{flex:1 1 auto;width:1%}.p-float-label{display:block;position:relative}.p-float-label label{position:absolute;pointer-events:none;top:50%;margin-top:-.5rem;transition-property:all;transition-timing-function:ease;line-height:1}.p-float-label textarea ~ label{top:1rem}.p-float-label input:focus ~ label,.p-float-label input.p-filled ~ label,.p-float-label textarea:focus ~ label,.p-float-label textarea.p-filled ~ label,.p-float-label .p-inputwrapper-focus ~ label,.p-float-label .p-inputwrapper-filled ~ label{top:-.75rem;font-size:12px}.p-float-label .input:-webkit-autofill ~ label{top:-20px;font-size:12px}.p-float-label .p-placeholder,.p-float-label input::placeholder,.p-float-label .p-inputtext::placeholder{opacity:0;transition-property:all;transition-timing-function:ease}.p-float-label .p-focus .p-placeholder,.p-float-label input:focus::placeholder,.p-float-label .p-inputtext:focus::placeholder{opacity:1;transition-property:all;transition-timing-function:ease}.p-input-icon-left,.p-input-icon-right{position:relative;display:inline-block}.p-input-icon-left>i,.p-input-icon-left>.p-icon-wrapper,.p-input-icon-right>i,.p-input-icon-right>.p-icon-wrapper{position:absolute;top:50%;margin-top:-.5rem}.p-fluid .p-input-icon-left,.p-fluid .p-input-icon-right{display:block;width:100%}.p-inputtextarea-resizable{overflow:hidden;resize:none}.p-fluid .p-inputtextarea{width:100%}.p-password{position:relative;display:inline-flex}.p-password-panel{position:absolute;top:0;left:0}.p-password .p-password-panel{min-width:100%}.p-password-meter{height:10px}.p-password-strength{height:100%;width:0;transition:width 1s ease-in-out}.p-fluid .p-password{display:flex}.p-password-input::-ms-reveal,.p-password-input::-ms-clear{display:none}.p-password-clear-icon{position:absolute;top:50%;margin-top:-.5rem;cursor:pointer}.p-password-clearable{position:relative}.p-radiobutton{display:inline-flex;cursor:pointer;user-select:none;vertical-align:bottom;position:relative}.p-radiobutton-box{display:flex;justify-content:center;align-items:center}.p-radiobutton-icon{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0) scale(.1);border-radius:50%;visibility:hidden}.p-radiobutton-box.p-highlight .p-radiobutton-icon{transform:translateZ(0) scale(1.0,1.0);visibility:visible}p-radiobutton{display:inline-flex;vertical-align:bottom;align-items:center}.p-radiobutton-label{line-height:1}.p-ripple{overflow:hidden;position:relative}.p-ink{display:block;position:absolute;background:rgba(255,255,255,0.5);border-radius:100%;transform:scale(0)}.p-ink-active{animation:ripple .4s linear}.p-ripple-disabled .p-ink{display:none !important}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}.p-tooltip{position:absolute;display:none;padding:.25em .5rem;max-width:12.5rem}.p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-left{padding:0 .25rem}.p-tooltip.p-tooltip-top,.p-tooltip.p-tooltip-bottom{padding:.25em 0}.p-tooltip .p-tooltip-text{white-space:pre-line;word-break:break-word}.p-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.p-tooltip-right .p-tooltip-arrow{top:50%;left:0;margin-top:-.25rem;border-width:.25em .25em .25em 0}.p-tooltip-left .p-tooltip-arrow{top:50%;right:0;margin-top:-.25rem;border-width:.25em 0 .25em .25rem}.p-tooltip.p-tooltip-top{padding:.25em 0}.p-tooltip-top .p-tooltip-arrow{bottom:0;left:50%;margin-left:-.25rem;border-width:.25em .25em 0}.p-tooltip-bottom .p-tooltip-arrow{top:0;left:50%;margin-left:-.25rem;border-width:0 .25em .25rem}
+.p-component,.p-component *{box-sizing:border-box}.p-hidden{display:none}.p-hidden-space{visibility:hidden}.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}.p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.p-disabled,.p-disabled *{cursor:default !important;pointer-events:none}.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.p-overflow-hidden{overflow:hidden}.p-unselectable-text{user-select:none}.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}@-webkit-keyframes p-fadein{0%{opacity:0}100%{opacity:1}}@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]::-webkit-file-upload-button,button{border-radius:0}.p-link{text-align:left;background-color:transparent;margin:0;padding:0;border:0;cursor:pointer;user-select:none}.p-link:disabled{cursor:default}.p-sr-only{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}.p-connected-overlay-visible{opacity:1;transform:scaleY(1)}.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}.p-toggleable-content.ng-animating{overflow:hidden}.p-icon-wrapper{display:inline-flex}.p-icon{display:inline-block}.p-icon-spin{-webkit-animation:p-icon-spin 2s infinite linear;animation:p-icon-spin 2s infinite linear}@-webkit-keyframes p-icon-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes p-icon-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.p-badge{display:inline-block;border-radius:10px;text-align:center;padding:0 .5rem}.p-overlay-badge{position:relative}.p-overlay-badge .p-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0;margin:0}.p-badge-dot{width:.5rem;min-width:.5rem;height:.5rem;border-radius:50%;padding:0}.p-badge-no-gutter{padding:0;border-radius:50%}.p-button{margin:0;display:inline-flex;cursor:pointer;user-select:none;align-items:center;vertical-align:bottom;text-align:center;overflow:hidden;position:relative}.p-button-label{flex:1 1 auto}.p-button-icon-right{order:1}.p-button:disabled{cursor:default;pointer-events:none}.p-button-icon-only{justify-content:center}.p-button-icon-only:after{content:'p';visibility:hidden;clip:rect(0 0 0 0);width:0}.p-button-vertical{flex-direction:column}.p-button-icon-bottom{order:2}.p-buttonset .p-button{margin:0}.p-buttonset .p-button:not(:last-child){border-right:0 none}.p-buttonset .p-button:not(:first-of-type):not(:last-of-type){border-radius:0}.p-buttonset .p-button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.p-buttonset .p-button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}.p-buttonset .p-button:focus{position:relative;z-index:1}.p-checkbox{display:inline-flex;cursor:pointer;user-select:none;vertical-align:bottom;position:relative}.p-checkbox-disabled{cursor:default !important;pointer-events:none}.p-checkbox-box{display:flex;justify-content:center;align-items:center}p-checkbox{display:inline-flex;vertical-align:bottom;align-items:center}.p-checkbox-label{line-height:1}.p-colorpicker-panel .p-colorpicker-color{background:transparent url("./images/color.png") no-repeat left top}.p-colorpicker-panel .p-colorpicker-hue{background:transparent url("./images/hue.png") no-repeat left top}.p-inputtext{margin:0}.p-fluid .p-inputtext{width:100%}.p-inputgroup{display:flex;align-items:stretch;width:100%}.p-inputgroup-addon{display:flex;align-items:center;justify-content:center}.p-inputgroup .p-float-label{display:flex;align-items:stretch;width:100%}.p-inputgroup .p-inputtext,.p-fluid .p-inputgroup .p-inputtext,.p-inputgroup .p-inputwrapper,.p-inputgroup .p-inputwrapper>.p-component{flex:1 1 auto;width:1%}.p-float-label{display:block;position:relative}.p-float-label label{position:absolute;pointer-events:none;top:50%;margin-top:-.5rem;transition-property:all;transition-timing-function:ease;line-height:1}.p-float-label textarea ~ label{top:1rem}.p-float-label input:focus ~ label,.p-float-label input.p-filled ~ label,.p-float-label textarea:focus ~ label,.p-float-label textarea.p-filled ~ label,.p-float-label .p-inputwrapper-focus ~ label,.p-float-label .p-inputwrapper-filled ~ label{top:-.75rem;font-size:12px}.p-float-label .input:-webkit-autofill ~ label{top:-20px;font-size:12px}.p-float-label .p-placeholder,.p-float-label input::placeholder,.p-float-label .p-inputtext::placeholder{opacity:0;transition-property:all;transition-timing-function:ease}.p-float-label .p-focus .p-placeholder,.p-float-label input:focus::placeholder,.p-float-label .p-inputtext:focus::placeholder{opacity:1;transition-property:all;transition-timing-function:ease}.p-input-icon-left,.p-input-icon-right{position:relative;display:inline-block}.p-input-icon-left>i,.p-input-icon-left>.p-icon-wrapper,.p-input-icon-right>i,.p-input-icon-right>.p-icon-wrapper{position:absolute;top:50%;margin-top:-.5rem}.p-fluid .p-input-icon-left,.p-fluid .p-input-icon-right{display:block;width:100%}.p-inputtextarea-resizable{overflow:hidden;resize:none}.p-fluid .p-inputtextarea{width:100%}.p-password{position:relative;display:inline-flex}.p-password-panel{position:absolute;top:0;left:0}.p-password .p-password-panel{min-width:100%}.p-password-meter{height:10px}.p-password-strength{height:100%;width:0;transition:width 1s ease-in-out}.p-fluid .p-password{display:flex}.p-password-input::-ms-reveal,.p-password-input::-ms-clear{display:none}.p-password-clear-icon{position:absolute;top:50%;margin-top:-.5rem;cursor:pointer}.p-password-clearable{position:relative}.p-radiobutton{display:inline-flex;cursor:pointer;user-select:none;vertical-align:bottom;position:relative}.p-radiobutton-box{display:flex;justify-content:center;align-items:center}.p-radiobutton-icon{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0) scale(.1);border-radius:50%;visibility:hidden}.p-radiobutton-box.p-highlight .p-radiobutton-icon{transform:translateZ(0) scale(1.0,1.0);visibility:visible}p-radiobutton{display:inline-flex;vertical-align:bottom;align-items:center}.p-radiobutton-label{line-height:1}.p-ripple{overflow:hidden;position:relative}.p-ink{display:block;position:absolute;background:rgba(255,255,255,0.5);border-radius:100%;transform:scale(0)}.p-ink-active{animation:ripple .4s linear}.p-ripple-disabled .p-ink{display:none !important}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}.p-tooltip{position:absolute;display:none;padding:.25em .5rem;max-width:12.5rem}.p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-left{padding:0 .25rem}.p-tooltip.p-tooltip-top,.p-tooltip.p-tooltip-bottom{padding:.25em 0}.p-tooltip .p-tooltip-text{white-space:pre-line;word-break:break-word}.p-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.p-tooltip-right .p-tooltip-arrow{top:50%;left:0;margin-top:-.25rem;border-width:.25em .25em .25em 0}.p-tooltip-left .p-tooltip-arrow{top:50%;right:0;margin-top:-.25rem;border-width:.25em 0 .25em .25rem}.p-tooltip.p-tooltip-top{padding:.25em 0}.p-tooltip-top .p-tooltip-arrow{bottom:0;left:50%;margin-left:-.25rem;border-width:.25em .25em 0}.p-tooltip-bottom .p-tooltip-arrow{top:0;left:50%;margin-left:-.25rem;border-width:0 .25em .25rem}