primeng 13.3.3 → 13.4.0

package/resources/themes/vela-purple/theme.css

@@ -320,6 +320,19 @@ p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
   font-weight: 600;
 }
 
+p-autocomplete.p-autocomplete-clearable .p-inputtext {
+  padding-right: 2rem;
+}
+p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon {
+  color: rgba(255, 255, 255, 0.6);
+  right: 0.5rem;
+}
+
+p-autocomplete.p-autocomplete-clearable.p-autocomplete-dd .p-autocomplete-clear-icon {
+  color: rgba(255, 255, 255, 0.6);
+  right: 2.857rem;
+}
+
 p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
   border-color: #ef9a9a;
 }
@@ -532,6 +545,19 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
   box-shadow: 0 0 0 1px #cf95d9;
 }
 
+p-calendar.p-calendar-clearable .p-inputtext {
+  padding-right: 2rem;
+}
+p-calendar.p-calendar-clearable .p-calendar-clear-icon {
+  color: rgba(255, 255, 255, 0.6);
+  right: 0.5rem;
+}
+
+p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon {
+  color: rgba(255, 255, 255, 0.6);
+  right: 2.857rem;
+}
+
 @media screen and (max-width: 769px) {
   .p-datepicker table th, .p-datepicker table td {
     padding: 0;
@@ -624,6 +650,14 @@ p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
   background-color: #304562;
 }
 
+p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label {
+  padding-right: 0.5rem;
+}
+p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
+  color: rgba(255, 255, 255, 0.6);
+  right: 2.357rem;
+}
+
 .p-checkbox {
   width: 20px;
   height: 20px;
@@ -719,6 +753,14 @@ p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
   border-color: #ef9a9a;
 }
 
+p-chips.p-chips-clearable .p-inputtext {
+  padding-right: 1.5rem;
+}
+p-chips.p-chips-clearable .p-chips-clear-icon {
+  color: rgba(255, 255, 255, 0.6);
+  right: 0.5rem;
+}
+
 .p-colorpicker-preview,
 .p-fluid .p-colorpicker-preview.p-inputtext {
   width: 2rem;
@@ -1033,10 +1075,33 @@ p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
   border-color: #ef9a9a;
 }
 
+p-inputmask.p-inputmask-clearable .p-inputtext {
+  padding-right: 2rem;
+}
+p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon {
+  color: rgba(255, 255, 255, 0.6);
+  right: 0.5rem;
+}
+
 p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
   border-color: #ef9a9a;
 }
 
+p-inputnumber.p-inputnumber-clearable .p-inputnumber-input {
+  padding-right: 2rem;
+}
+p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon {
+  color: rgba(255, 255, 255, 0.6);
+  right: 0.5rem;
+}
+
+p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon {
+  right: 2.857rem;
+}
+p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon {
+  right: 2.857rem;
+}
+
 .p-inputswitch {
   width: 3rem;
   height: 1.75rem;
@@ -1397,6 +1462,14 @@ p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
   background-color: #304562;
 }
 
+p-multiselect.p-multiselect-clearable .p-multiselect-label-container {
+  padding-right: 1.5rem;
+}
+p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon {
+  color: rgba(255, 255, 255, 0.6);
+  right: 2.357rem;
+}
+
 p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
   border-color: #ef9a9a;
 }
@@ -1423,6 +1496,22 @@ p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
   background: #C5E1A5;
 }
 
+p-password.p-password-clearable .p-password-input {
+  padding-right: 2rem;
+}
+p-password.p-password-clearable .p-password-clear-icon {
+  color: rgba(255, 255, 255, 0.6);
+  right: 0.5rem;
+}
+
+p-password.p-password-clearable.p-password-mask .p-password-input {
+  padding-right: 3.5rem;
+}
+p-password.p-password-clearable.p-password-mask .p-password-clear-icon {
+  color: rgba(255, 255, 255, 0.6);
+  right: 2rem;
+}
+
 .p-radiobutton {
   width: 20px;
   height: 20px;
@@ -1697,6 +1786,50 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
   border-radius: 3px;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
+.p-treeselect-panel .p-treeselect-header {
+  padding: 0.5rem 1rem;
+  border-bottom: 0 none;
+  color: rgba(255, 255, 255, 0.87);
+  background: #1f2d40;
+  margin: 0;
+  border-top-right-radius: 3px;
+  border-top-left-radius: 3px;
+}
+.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
+  margin-right: 0.5rem;
+}
+.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
+  padding-right: 1.5rem;
+}
+.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
+  right: 0.5rem;
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
+  padding-right: 3rem;
+}
+.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
+  right: 2rem;
+}
+.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
+  width: 2rem;
+  height: 2rem;
+  color: rgba(255, 255, 255, 0.6);
+  border: 0 none;
+  background: transparent;
+  border-radius: 50%;
+  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {
+  color: rgba(255, 255, 255, 0.87);
+  border-color: transparent;
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 1px #cf95d9;
+}
 .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
   border: 0 none;
 }
@@ -1716,6 +1849,14 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
   background-color: #304562;
 }
 
+p-treeselect.p-treeselect-clearable .p-treeselect-label-container {
+  padding-right: 1.5rem;
+}
+p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
+  color: rgba(255, 255, 255, 0.6);
+  right: 2.357rem;
+}
+
 .p-button {
   color: #ffffff;
   background: #BA68C8;

package/slider/slider.d.ts

@@ -28,6 +28,9 @@ export declare class Slider implements OnDestroy, ControlValueAccessor {
     values: number[];
     handleValue: number;
     handleValues: number[];
+    diff: number;
+    offset: number;
+    bottom: number;
     onModelChange: Function;
     onModelTouched: Function;
     dragging: boolean;
@@ -72,6 +75,8 @@ export declare class Slider implements OnDestroy, ControlValueAccessor {
     getDecimalsCount(value: number): number;
     getNormalizedValue(val: number): number;
     ngOnDestroy(): void;
+    get minVal(): number;
+    get maxVal(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<Slider, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<Slider, "p-slider", never, { "animate": "animate"; "disabled": "disabled"; "min": "min"; "max": "max"; "orientation": "orientation"; "step": "step"; "range": "range"; "style": "style"; "styleClass": "styleClass"; "ariaLabelledBy": "ariaLabelledBy"; "tabindex": "tabindex"; }, { "onChange": "onChange"; "onSlideEnd": "onSlideEnd"; }, never, never>;
 }

package/tree/tree.d.ts

@@ -106,6 +106,7 @@ export declare class Tree implements OnInit, AfterContentInit, OnChanges, OnDest
     filterBy: string;
     filterMode: string;
     filterPlaceholder: string;
+    filteredNodes: TreeNode[];
     filterLocale: string;
     scrollHeight: string;
     virtualScroll: boolean;
@@ -132,7 +133,6 @@ export declare class Tree implements OnInit, AfterContentInit, OnChanges, OnDest
     dragHover: boolean;
     dragStartSubscription: Subscription;
     dragStopSubscription: Subscription;
-    filteredNodes: TreeNode[];
     constructor(el: ElementRef, dragDropService: TreeDragDropService, config: PrimeNGConfig);
     ngOnInit(): void;
     ngOnChanges(simpleChange: SimpleChanges): void;
@@ -175,7 +175,7 @@ export declare class Tree implements OnInit, AfterContentInit, OnChanges, OnDest
     getBlockableElement(): HTMLElement;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Tree, [null, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Tree, "p-tree", never, { "value": "value"; "selectionMode": "selectionMode"; "selection": "selection"; "style": "style"; "styleClass": "styleClass"; "contextMenu": "contextMenu"; "layout": "layout"; "draggableScope": "draggableScope"; "droppableScope": "droppableScope"; "draggableNodes": "draggableNodes"; "droppableNodes": "droppableNodes"; "metaKeySelection": "metaKeySelection"; "propagateSelectionUp": "propagateSelectionUp"; "propagateSelectionDown": "propagateSelectionDown"; "loading": "loading"; "loadingIcon": "loadingIcon"; "emptyMessage": "emptyMessage"; "ariaLabel": "ariaLabel"; "togglerAriaLabel": "togglerAriaLabel"; "ariaLabelledBy": "ariaLabelledBy"; "validateDrop": "validateDrop"; "filter": "filter"; "filterBy": "filterBy"; "filterMode": "filterMode"; "filterPlaceholder": "filterPlaceholder"; "filterLocale": "filterLocale"; "scrollHeight": "scrollHeight"; "virtualScroll": "virtualScroll"; "virtualNodeHeight": "virtualNodeHeight"; "minBufferPx": "minBufferPx"; "maxBufferPx": "maxBufferPx"; "indentation": "indentation"; "trackBy": "trackBy"; }, { "selectionChange": "selectionChange"; "onNodeSelect": "onNodeSelect"; "onNodeUnselect": "onNodeUnselect"; "onNodeExpand": "onNodeExpand"; "onNodeCollapse": "onNodeCollapse"; "onNodeContextMenuSelect": "onNodeContextMenuSelect"; "onNodeDrop": "onNodeDrop"; "onFilter": "onFilter"; }, ["templates"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Tree, "p-tree", never, { "value": "value"; "selectionMode": "selectionMode"; "selection": "selection"; "style": "style"; "styleClass": "styleClass"; "contextMenu": "contextMenu"; "layout": "layout"; "draggableScope": "draggableScope"; "droppableScope": "droppableScope"; "draggableNodes": "draggableNodes"; "droppableNodes": "droppableNodes"; "metaKeySelection": "metaKeySelection"; "propagateSelectionUp": "propagateSelectionUp"; "propagateSelectionDown": "propagateSelectionDown"; "loading": "loading"; "loadingIcon": "loadingIcon"; "emptyMessage": "emptyMessage"; "ariaLabel": "ariaLabel"; "togglerAriaLabel": "togglerAriaLabel"; "ariaLabelledBy": "ariaLabelledBy"; "validateDrop": "validateDrop"; "filter": "filter"; "filterBy": "filterBy"; "filterMode": "filterMode"; "filterPlaceholder": "filterPlaceholder"; "filteredNodes": "filteredNodes"; "filterLocale": "filterLocale"; "scrollHeight": "scrollHeight"; "virtualScroll": "virtualScroll"; "virtualNodeHeight": "virtualNodeHeight"; "minBufferPx": "minBufferPx"; "maxBufferPx": "maxBufferPx"; "indentation": "indentation"; "trackBy": "trackBy"; }, { "selectionChange": "selectionChange"; "onNodeSelect": "onNodeSelect"; "onNodeUnselect": "onNodeUnselect"; "onNodeExpand": "onNodeExpand"; "onNodeCollapse": "onNodeCollapse"; "onNodeContextMenuSelect": "onNodeContextMenuSelect"; "onNodeDrop": "onNodeDrop"; "onFilter": "onFilter"; }, ["templates"], never>;
 }
 export declare class TreeModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TreeModule, never>;

package/treeselect/treeselect.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter, AfterContentInit, TemplateRef, QueryList, ChangeDetectorRef, ElementRef } from '@angular/core';
 import { OverlayService, PrimeNGConfig, TreeNode } from 'primeng/api';
 import { AnimationEvent } from '@angular/animations';
+import { Tree } from 'primeng/tree';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "primeng/ripple";
@@ -25,8 +26,16 @@ export declare class TreeSelect implements AfterContentInit {
     panelClass: string;
     emptyMessage: string;
     appendTo: any;
+    filter: boolean;
+    filterBy: string;
+    filterMode: string;
+    filterPlaceholder: string;
+    filterLocale: string;
+    filterInputAutoFocus: boolean;
     propagateSelectionDown: boolean;
     propagateSelectionUp: boolean;
+    showClear: boolean;
+    resetFilterOnHide: boolean;
     get options(): any[];
     set options(options: any[]);
     showTransitionOptions: string;
@@ -34,12 +43,19 @@ export declare class TreeSelect implements AfterContentInit {
     templates: QueryList<any>;
     containerEl: ElementRef;
     focusInput: ElementRef;
+    filterViewChild: ElementRef;
+    treeViewChild: Tree;
     onNodeExpand: EventEmitter<any>;
     onNodeCollapse: EventEmitter<any>;
     onShow: EventEmitter<any>;
     onHide: EventEmitter<any>;
+    onClear: EventEmitter<any>;
+    onFilter: EventEmitter<any>;
     onNodeUnselect: EventEmitter<any>;
     onNodeSelect: EventEmitter<any>;
+    filteredNodes: TreeNode[];
+    filterValue: string;
+    serializedValue: any[];
     valueTemplate: TemplateRef<any>;
     headerTemplate: TemplateRef<any>;
     emptyTemplate: TemplateRef<any>;
@@ -64,8 +80,12 @@ export declare class TreeSelect implements AfterContentInit {
     onSelectionChange(event: any): void;
     onClick(event: any): void;
     onKeyDown(event: any): void;
+    onFilterInput(event: any): void;
     show(): void;
     hide(): void;
+    clear(event: any): void;
+    checkValue(): boolean;
+    resetFilter(): void;
     onOverlayClick(event: any): void;
     updateTreeState(): void;
     updateTreeBranchState(node: any, path: any, selectedNodes: any): void;
@@ -107,12 +127,11 @@ export declare class TreeSelect implements AfterContentInit {
         'p-placeholder': boolean;
         'p-treeselect-label-empty': boolean;
     };
-    get emptyMessageText(): any;
     get emptyValue(): boolean;
     get emptyOptions(): boolean;
     get label(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<TreeSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TreeSelect, "p-treeSelect", never, { "type": "type"; "inputId": "inputId"; "scrollHeight": "scrollHeight"; "disabled": "disabled"; "metaKeySelection": "metaKeySelection"; "display": "display"; "selectionMode": "selectionMode"; "tabindex": "tabindex"; "ariaLabelledBy": "ariaLabelledBy"; "placeholder": "placeholder"; "panelClass": "panelClass"; "emptyMessage": "emptyMessage"; "appendTo": "appendTo"; "propagateSelectionDown": "propagateSelectionDown"; "propagateSelectionUp": "propagateSelectionUp"; "options": "options"; "showTransitionOptions": "showTransitionOptions"; "hideTransitionOptions": "hideTransitionOptions"; }, { "onNodeExpand": "onNodeExpand"; "onNodeCollapse": "onNodeCollapse"; "onShow": "onShow"; "onHide": "onHide"; "onNodeUnselect": "onNodeUnselect"; "onNodeSelect": "onNodeSelect"; }, ["templates"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreeSelect, "p-treeSelect", never, { "type": "type"; "inputId": "inputId"; "scrollHeight": "scrollHeight"; "disabled": "disabled"; "metaKeySelection": "metaKeySelection"; "display": "display"; "selectionMode": "selectionMode"; "tabindex": "tabindex"; "ariaLabelledBy": "ariaLabelledBy"; "placeholder": "placeholder"; "panelClass": "panelClass"; "emptyMessage": "emptyMessage"; "appendTo": "appendTo"; "filter": "filter"; "filterBy": "filterBy"; "filterMode": "filterMode"; "filterPlaceholder": "filterPlaceholder"; "filterLocale": "filterLocale"; "filterInputAutoFocus": "filterInputAutoFocus"; "propagateSelectionDown": "propagateSelectionDown"; "propagateSelectionUp": "propagateSelectionUp"; "showClear": "showClear"; "resetFilterOnHide": "resetFilterOnHide"; "options": "options"; "showTransitionOptions": "showTransitionOptions"; "hideTransitionOptions": "hideTransitionOptions"; }, { "onNodeExpand": "onNodeExpand"; "onNodeCollapse": "onNodeCollapse"; "onShow": "onShow"; "onHide": "onHide"; "onClear": "onClear"; "onFilter": "onFilter"; "onNodeUnselect": "onNodeUnselect"; "onNodeSelect": "onNodeSelect"; }, ["templates"], never>;
 }
 export declare class TreeSelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TreeSelectModule, never>;