primeng 15.2.1 → 15.4.0

package/password/password.d.ts

@@ -1,11 +1,18 @@
-import { AfterContentInit, ChangeDetectorRef, DoCheck, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, PipeTransform, QueryList, TemplateRef } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, DoCheck, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, PipeTransform, QueryList, Renderer2, TemplateRef } from '@angular/core';
 import { OverlayService, PrimeNGConfig } from 'primeng/api';
+import { ConnectedOverlayScrollHandler } from 'primeng/dom';
 import { Subscription } from 'rxjs';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "primeng/inputtext";
-import * as i3 from "primeng/api";
+import * as i3 from "primeng/icons/times";
+import * as i4 from "primeng/icons/eyeslash";
+import * as i5 from "primeng/icons/eye";
+import * as i6 from "primeng/api";
 export declare class PasswordDirective implements OnDestroy, DoCheck {
+    private document;
+    private platformId;
+    private renderer;
     el: ElementRef;
     zone: NgZone;
     promptLabel: string;
@@ -18,9 +25,9 @@ export declare class PasswordDirective implements OnDestroy, DoCheck {
     meter: any;
     info: any;
     filled: boolean;
-    scrollHandler: any;
-    documentResizeListener: any;
-    constructor(el: ElementRef, zone: NgZone);
+    scrollHandler: ConnectedOverlayScrollHandler;
+    documentResizeListener: () => void | null;
+    constructor(document: Document, platformId: any, renderer: Renderer2, el: ElementRef, zone: NgZone);
     ngDoCheck(): void;
     onInput(e: any): void;
     updateFilledState(): void;
@@ -50,6 +57,9 @@ export declare class MapperPipe implements PipeTransform {
 }
 export declare const Password_VALUE_ACCESSOR: any;
 export declare class Password implements AfterContentInit, OnInit {
+    private document;
+    private platformId;
+    private renderer;
     private cd;
     private config;
     el: ElementRef;
@@ -86,6 +96,9 @@ export declare class Password implements AfterContentInit, OnInit {
     contentTemplate: TemplateRef<any>;
     footerTemplate: TemplateRef<any>;
     headerTemplate: TemplateRef<any>;
+    clearIconTemplate: TemplateRef<any>;
+    hideIconTemplate: TemplateRef<any>;
+    showIconTemplate: TemplateRef<any>;
     templates: QueryList<any>;
     overlayVisible: boolean;
     meter: any;
@@ -94,15 +107,14 @@ export declare class Password implements AfterContentInit, OnInit {
     unmasked: boolean;
     mediumCheckRegExp: any;
     strongCheckRegExp: any;
-    resizeListener: any;
-    outsideClickListener: any;
-    scrollHandler: any;
+    resizeListener: VoidFunction | null;
+    scrollHandler: ConnectedOverlayScrollHandler | null;
     overlay: any;
     value: string;
     onModelChange: Function;
     onModelTouched: Function;
     translationSubscription: Subscription;
-    constructor(cd: ChangeDetectorRef, config: PrimeNGConfig, el: ElementRef, overlayService: OverlayService);
+    constructor(document: Document, platformId: any, renderer: Renderer2, cd: ChangeDetectorRef, config: PrimeNGConfig, el: ElementRef, overlayService: OverlayService);
     ngAfterContentInit(): void;
     ngOnInit(): void;
     onAnimationStart(event: any): void;
@@ -126,7 +138,6 @@ export declare class Password implements AfterContentInit, OnInit {
     bindResizeListener(): void;
     unbindScrollListener(): void;
     unbindResizeListener(): void;
-    unbindOutsideClickListener(): void;
     containerClass(toggleMask: boolean): {
         'p-password p-component p-inputwrapper': boolean;
         'p-input-icon-right': boolean;
@@ -135,7 +146,6 @@ export declare class Password implements AfterContentInit, OnInit {
         'p-password-input': boolean;
         'p-disabled': boolean;
     };
-    toggleIconClass(unmasked: boolean): "pi pi-eye-slash" | "pi pi-eye";
     strengthClass(meter: any): string;
     filled(): boolean;
     promptText(): any;
@@ -152,7 +162,7 @@ export declare class Password implements AfterContentInit, OnInit {
 }
 export declare class PasswordModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PasswordModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PasswordModule, [typeof PasswordDirective, typeof Password, typeof MapperPipe], [typeof i1.CommonModule, typeof i2.InputTextModule], [typeof PasswordDirective, typeof Password, typeof i3.SharedModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PasswordModule, [typeof PasswordDirective, typeof Password, typeof MapperPipe], [typeof i1.CommonModule, typeof i2.InputTextModule, typeof i3.TimesIcon, typeof i4.EyeSlashIcon, typeof i5.EyeIcon], [typeof PasswordDirective, typeof Password, typeof i6.SharedModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PasswordModule>;
 }
 export {};

package/picklist/picklist.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, AfterContentInit, AfterViewChecked, QueryList, TemplateRef, EventEmitter, ChangeDetectorRef } from '@angular/core';
+import { ElementRef, AfterContentInit, AfterViewChecked, QueryList, TemplateRef, EventEmitter, ChangeDetectorRef, Renderer2 } from '@angular/core';
 import { FilterService } from 'primeng/api';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import * as i0 from "@angular/core";
@@ -7,11 +7,24 @@ import * as i2 from "primeng/button";
 import * as i3 from "primeng/api";
 import * as i4 from "primeng/ripple";
 import * as i5 from "@angular/cdk/drag-drop";
+import * as i6 from "primeng/icons/angledoubledown";
+import * as i7 from "primeng/icons/angledoubleleft";
+import * as i8 from "primeng/icons/angledoubleright";
+import * as i9 from "primeng/icons/angledoubleup";
+import * as i10 from "primeng/icons/angledown";
+import * as i11 from "primeng/icons/angleleft";
+import * as i12 from "primeng/icons/angleright";
+import * as i13 from "primeng/icons/angleup";
+import * as i14 from "primeng/icons/search";
+import * as i15 from "primeng/icons/home";
 export interface PickListFilterOptions {
     filter?: (value?: any) => void;
     reset?: () => void;
 }
 export declare class PickList implements AfterViewChecked, AfterContentInit {
+    private document;
+    private platformId;
+    private renderer;
     el: ElementRef;
     cd: ChangeDetectorRef;
     filterService: FilterService;
@@ -49,7 +62,8 @@ export declare class PickList implements AfterViewChecked, AfterContentInit {
     ariaSourceFilterLabel: string;
     ariaTargetFilterLabel: string;
     filterMatchMode: string;
-    breakpoint: string;
+    get breakpoint(): string;
+    set breakpoint(value: string);
     stripedRows: boolean;
     keepSelection: boolean;
     onMoveToSource: EventEmitter<any>;
@@ -67,7 +81,18 @@ export declare class PickList implements AfterViewChecked, AfterContentInit {
     sourceFilterViewChild: ElementRef;
     targetFilterViewChild: ElementRef;
     templates: QueryList<any>;
+    _breakpoint: string;
     itemTemplate: TemplateRef<any>;
+    moveTopIconTemplate: TemplateRef<any>;
+    moveUpIconTemplate: TemplateRef<any>;
+    moveDownIconTemplate: TemplateRef<any>;
+    moveBottomIconTemplate: TemplateRef<any>;
+    moveToTargetIconTemplate: TemplateRef<any>;
+    moveAllToTargetIconTemplate: TemplateRef<any>;
+    moveToSourceIconTemplate: TemplateRef<any>;
+    moveAllToSourceIconTemplate: TemplateRef<any>;
+    targetFilterIconTemplate: TemplateRef<any>;
+    sourceFilterIconTemplate: TemplateRef<any>;
     visibleOptionsSource: any[];
     visibleOptionsTarget: any[];
     selectedItemsSource: any[];
@@ -93,7 +118,11 @@ export declare class PickList implements AfterViewChecked, AfterContentInit {
     targetFilterOptions: PickListFilterOptions;
     readonly SOURCE_LIST = -1;
     readonly TARGET_LIST = 1;
-    constructor(el: ElementRef, cd: ChangeDetectorRef, filterService: FilterService);
+    window: Window;
+    media: MediaQueryList | null;
+    viewChanged: boolean;
+    mediaChangeListener: VoidFunction | null;
+    constructor(document: Document, platformId: any, renderer: Renderer2, el: ElementRef, cd: ChangeDetectorRef, filterService: FilterService);
     ngOnInit(): void;
     ngAfterContentInit(): void;
     ngAfterViewChecked(): void;
@@ -131,6 +160,10 @@ export declare class PickList implements AfterViewChecked, AfterContentInit {
     onItemKeydown(event: KeyboardEvent, item: any, selectedItems: any[], callback: EventEmitter<any>): void;
     findNextItem(item: any): any;
     findPrevItem(item: any): any;
+    initMedia(): void;
+    destroyMedia(): void;
+    bindMediaChangeListener(): void;
+    unbindMediaChangeListener(): void;
     createStyle(): void;
     sourceMoveDisabled(): boolean;
     targetMoveDisabled(): boolean;
@@ -145,6 +178,6 @@ export declare class PickList implements AfterViewChecked, AfterContentInit {
 }
 export declare class PickListModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PickListModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PickListModule, [typeof PickList], [typeof i1.CommonModule, typeof i2.ButtonModule, typeof i3.SharedModule, typeof i4.RippleModule, typeof i5.DragDropModule], [typeof PickList, typeof i3.SharedModule, typeof i5.DragDropModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PickListModule, [typeof PickList], [typeof i1.CommonModule, typeof i2.ButtonModule, typeof i3.SharedModule, typeof i4.RippleModule, typeof i5.DragDropModule, typeof i6.AngleDoubleDownIcon, typeof i7.AngleDoubleLeftIcon, typeof i8.AngleDoubleRightIcon, typeof i9.AngleDoubleUpIcon, typeof i10.AngleDownIcon, typeof i11.AngleLeftIcon, typeof i12.AngleRightIcon, typeof i13.AngleUpIcon, typeof i14.SearchIcon, typeof i15.HomeIcon], [typeof PickList, typeof i3.SharedModule, typeof i5.DragDropModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PickListModule>;
 }

package/rating/rating.d.ts

@@ -2,7 +2,10 @@ import { ChangeDetectorRef, EventEmitter, OnInit, QueryList, TemplateRef } from
 import { ControlValueAccessor } from '@angular/forms';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-import * as i2 from "primeng/api";
+import * as i2 from "primeng/icons/starfill";
+import * as i3 from "primeng/icons/star";
+import * as i4 from "primeng/icons/ban";
+import * as i5 from "primeng/api";
 export declare const RATING_VALUE_ACCESSOR: any;
 export declare class Rating implements OnInit, ControlValueAccessor {
     private cd;
@@ -44,6 +47,6 @@ export declare class Rating implements OnInit, ControlValueAccessor {
 }
 export declare class RatingModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<RatingModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<RatingModule, [typeof Rating], [typeof i1.CommonModule], [typeof Rating, typeof i2.SharedModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RatingModule, [typeof Rating], [typeof i1.CommonModule, typeof i2.StarFillIcon, typeof i3.StarIcon, typeof i4.BanIcon], [typeof Rating, typeof i5.SharedModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<RatingModule>;
 }

package/resources/components/autocomplete/autocomplete.css

@@ -97,4 +97,4 @@
 
 .p-autocomplete-clearable {
     position: relative;
-} 
+}

package/resources/components/chip/chip.css

@@ -11,8 +11,11 @@
     line-height: 1.5;
 }
 
-.pi-chip-remove-icon {
+.pi-chip-remove-icon.pi {
     line-height: 1.5;
+}
+
+.pi-chip-remove-icon {
     cursor: pointer;
 }
 

package/resources/components/common/common.css

@@ -131,3 +131,37 @@ button {
     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(0deg);
+        transform: rotate(0deg);
+    }
+    100% {
+        -webkit-transform: rotate(359deg);
+        transform: rotate(359deg);
+    }
+}
+
+@keyframes p-icon-spin {
+    0% {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+    100% {
+        -webkit-transform: rotate(359deg);
+        transform: rotate(359deg);
+    }
+}

package/resources/components/contextmenu/contextmenu.css

@@ -33,7 +33,11 @@
     position: relative;
 }
 
-.p-contextmenu .p-menuitem-link .p-submenu-icon {
+.p-contextmenu .p-menuitem-link .p-submenu-icon:not(svg) {
+    margin-left: auto;
+}
+
+.p-contextmenu .p-menuitem-link .p-icon-wrapper {
     margin-left: auto;
 }
 

package/resources/components/image/image.css

@@ -22,10 +22,14 @@
     transition: opacity .3s;
 }
 
-.p-image-preview-icon {
+.p-image-preview-icon.pi {
     font-size: 1.5rem;
 }
 
+.p-image-preview-icon.p-icon {
+    scale: 1.5;
+}
+
 .p-image-preview-container:hover > .p-image-preview-indicator {
     opacity: 1;
     cursor: pointer;

package/resources/components/inputtext/inputtext.css

@@ -90,7 +90,9 @@
 }
 
 .p-input-icon-left > i,
-.p-input-icon-right > 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;

package/resources/components/megamenu/megamenu.css

@@ -60,10 +60,13 @@
     top: 0;
 }
 
-.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .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 {
+    margin-left: auto;
+}
 
 .p-megamenu-grid {
     display: flex;

package/resources/components/menubar/menubar.css

@@ -53,7 +53,11 @@
     top: 0;
 }
 
-.p-menubar .p-submenu-list .p-menuitem-link .p-submenu-icon {
+.p-menubar .p-submenu-list .p-menuitem-link .p-submenu-icon:not(svg) {
+    margin-left: auto;
+}
+
+.p-menubar .p-submenu-list .p-menuitem-link .p-icon-wrapper {
     margin-left: auto;
 }
 

package/resources/components/multiselect/multiselect.css

@@ -26,10 +26,6 @@
     text-overflow: ellipsis;
 }
 
-.p-multiselect-chip .p-multiselect-label {
-    display: flex;
-}
-
 .p-multiselect-label-empty {
     overflow: hidden;
     visibility: hidden;

package/resources/components/rating/rating.css

@@ -1,6 +1,9 @@
+.p-rating {
+    display: inline-flex;
+}
+
 .p-rating-icon {
     cursor: pointer;
-    display: inline-flex;
 }
 
 .p-rating.p-rating-readonly .p-rating-icon {

package/resources/components/scroller/scroller.css

@@ -47,7 +47,7 @@ p-scroller {
 }
 
 .p-scroller-loading-icon {
-    font-size: 2rem;
+    scale: 2;
 }
 
 /* Inline */

package/resources/components/sidebar/sidebar.css

@@ -8,6 +8,7 @@
 .p-sidebar-content {
     position: relative;
     overflow-y: auto;
+    flex-grow: 1;
 }
 
 .p-sidebar-header {

package/resources/components/slidemenu/slidemenu.css

@@ -46,10 +46,15 @@
     position: relative;
 }
 
-.p-slidemenu .p-menuitem-link .p-submenu-icon {
+.p-slidemenu .p-menuitem-link .p-submenu-icon:not(svg) {
     margin-left: auto;
 }
 
+.p-slidemenu .p-menuitem-link .p-icon-wrapper {
+    margin-left: auto;
+    vertical-align: middle;
+}
+
 .p-slidemenu .p-slidemenu-wrapper {
     position: relative;
 }

package/resources/components/tabmenu/tabmenu.css

@@ -73,6 +73,6 @@
     display: none;
 }
 
-.p-tabmenuitem {
+.p-tabmenuitem:not(.p-hidden) {
     display: flex;
 }

package/resources/primeng.css

@@ -131,7 +131,40 @@ button {
     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(0deg);
+        transform: rotate(0deg);
+    }
+    100% {
+        -webkit-transform: rotate(359deg);
+        transform: rotate(359deg);
+    }
+}
 
+@keyframes p-icon-spin {
+    0% {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+    100% {
+        -webkit-transform: rotate(359deg);
+        transform: rotate(359deg);
+    }
+}
 .p-badge {
     display: inline-block;
     border-radius: 10px;
@@ -362,7 +395,9 @@ p-checkbox {
 }
 
 .p-input-icon-left > i,
-.p-input-icon-right > 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;

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-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}.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-right>i{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}.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}