primeng 17.14.1 → 17.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (86) hide show
  1. package/autocomplete/autocomplete.d.ts +7 -1
  2. package/badge/badge.d.ts +2 -2
  3. package/card/card.d.ts +5 -2
  4. package/checkbox/checkbox.d.ts +3 -2
  5. package/dom/domhandler.d.ts +2 -2
  6. package/dropdown/dropdown.interface.d.ts +1 -1
  7. package/esm2022/api/filterservice.mjs +6 -1
  8. package/esm2022/autocomplete/autocomplete.mjs +16 -5
  9. package/esm2022/badge/badge.mjs +3 -3
  10. package/esm2022/card/card.mjs +11 -5
  11. package/esm2022/checkbox/checkbox.mjs +16 -7
  12. package/esm2022/colorpicker/colorpicker.mjs +2 -1
  13. package/esm2022/confirmpopup/confirmpopup.mjs +2 -2
  14. package/esm2022/dialog/dialog.mjs +2 -2
  15. package/esm2022/divider/divider.mjs +2 -2
  16. package/esm2022/dom/domhandler.mjs +5 -3
  17. package/esm2022/dropdown/dropdown.interface.mjs +1 -1
  18. package/esm2022/dropdown/dropdown.mjs +2 -1
  19. package/esm2022/editor/editor.mjs +2 -4
  20. package/esm2022/fileupload/fileupload.mjs +6 -6
  21. package/esm2022/keyfilter/keyfilter.mjs +14 -13
  22. package/esm2022/menubar/menubar.mjs +1 -4
  23. package/esm2022/multiselect/multiselect.interface.mjs +1 -1
  24. package/esm2022/multiselect/multiselect.mjs +74 -16
  25. package/esm2022/overlaypanel/overlaypanel.mjs +2 -2
  26. package/esm2022/speeddial/speeddial.mjs +6 -8
  27. package/esm2022/stepper/stepper.mjs +1 -9
  28. package/esm2022/table/columnfilter.interface.mjs +1 -1
  29. package/esm2022/table/table.mjs +57 -16
  30. package/esm2022/tree/tree.mjs +105 -103
  31. package/esm2022/treeselect/treeselect.mjs +5 -5
  32. package/fesm2022/primeng-api.mjs +5 -0
  33. package/fesm2022/primeng-api.mjs.map +1 -1
  34. package/fesm2022/primeng-autocomplete.mjs +15 -4
  35. package/fesm2022/primeng-autocomplete.mjs.map +1 -1
  36. package/fesm2022/primeng-badge.mjs +2 -2
  37. package/fesm2022/primeng-badge.mjs.map +1 -1
  38. package/fesm2022/primeng-card.mjs +10 -4
  39. package/fesm2022/primeng-card.mjs.map +1 -1
  40. package/fesm2022/primeng-checkbox.mjs +15 -6
  41. package/fesm2022/primeng-checkbox.mjs.map +1 -1
  42. package/fesm2022/primeng-colorpicker.mjs +1 -0
  43. package/fesm2022/primeng-colorpicker.mjs.map +1 -1
  44. package/fesm2022/primeng-confirmpopup.mjs +1 -1
  45. package/fesm2022/primeng-confirmpopup.mjs.map +1 -1
  46. package/fesm2022/primeng-dialog.mjs +1 -1
  47. package/fesm2022/primeng-dialog.mjs.map +1 -1
  48. package/fesm2022/primeng-divider.mjs +2 -2
  49. package/fesm2022/primeng-divider.mjs.map +1 -1
  50. package/fesm2022/primeng-dom.mjs +4 -2
  51. package/fesm2022/primeng-dom.mjs.map +1 -1
  52. package/fesm2022/primeng-dropdown.mjs +1 -0
  53. package/fesm2022/primeng-dropdown.mjs.map +1 -1
  54. package/fesm2022/primeng-editor.mjs +1 -3
  55. package/fesm2022/primeng-editor.mjs.map +1 -1
  56. package/fesm2022/primeng-fileupload.mjs +5 -5
  57. package/fesm2022/primeng-fileupload.mjs.map +1 -1
  58. package/fesm2022/primeng-keyfilter.mjs +13 -12
  59. package/fesm2022/primeng-keyfilter.mjs.map +1 -1
  60. package/fesm2022/primeng-menubar.mjs +0 -3
  61. package/fesm2022/primeng-menubar.mjs.map +1 -1
  62. package/fesm2022/primeng-multiselect.mjs +73 -15
  63. package/fesm2022/primeng-multiselect.mjs.map +1 -1
  64. package/fesm2022/primeng-overlaypanel.mjs +1 -1
  65. package/fesm2022/primeng-overlaypanel.mjs.map +1 -1
  66. package/fesm2022/primeng-speeddial.mjs +5 -7
  67. package/fesm2022/primeng-speeddial.mjs.map +1 -1
  68. package/fesm2022/primeng-stepper.mjs +0 -8
  69. package/fesm2022/primeng-stepper.mjs.map +1 -1
  70. package/fesm2022/primeng-table.mjs +56 -15
  71. package/fesm2022/primeng-table.mjs.map +1 -1
  72. package/fesm2022/primeng-tree.mjs +104 -102
  73. package/fesm2022/primeng-tree.mjs.map +1 -1
  74. package/fesm2022/primeng-treeselect.mjs +4 -4
  75. package/fesm2022/primeng-treeselect.mjs.map +1 -1
  76. package/fileupload/fileupload.d.ts +9 -10
  77. package/keyfilter/keyfilter.d.ts +1 -1
  78. package/multiselect/multiselect.d.ts +9 -2
  79. package/multiselect/multiselect.interface.d.ts +28 -0
  80. package/package.json +53 -53
  81. package/resources/components/divider/divider.css +1 -1
  82. package/resources/components/speeddial/speeddial.css +8 -0
  83. package/stepper/stepper.d.ts +0 -8
  84. package/table/columnfilter.interface.d.ts +213 -1
  85. package/table/table.d.ts +9 -5
  86. package/treeselect/treeselect.d.ts +2 -2
package/fesm2022/primeng-tree.mjs CHANGED
@@ -1637,64 +1637,65 @@ class Tree {
1637
1637
  </div>
1638
1638
  <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
1639
1639
  <div *ngIf="filter" class="p-tree-filter-container">
1640
- <input #filter type="text" autocomplete="off" class="p-tree-filter p-inputtext p-component" [attr.placeholder]="filterPlaceholder" (keydown.enter)="$event.preventDefault()" (input)="_filter($event.target.value)" />
1640
+ <input #filter type="search" autocomplete="off" class="p-tree-filter p-inputtext p-component" [attr.placeholder]="filterPlaceholder" (keydown.enter)="$event.preventDefault()" (input)="_filter($event.target.value)" />
1641
1641
  <SearchIcon *ngIf="!filterIconTemplate" [styleClass]="'p-tree-filter-icon'" />
1642
1642
  <span *ngIf="filterIconTemplate" class="p-tree-filter-icon">
1643
1643
  <ng-template *ngTemplateOutlet="filterIconTemplate"></ng-template>
1644
1644
  </span>
1645
1645
  </div>
1646
-
1647
- <p-scroller
1648
- #scroller
1649
- *ngIf="virtualScroll"
1650
- [items]="serializedValue"
1651
- [tabindex]="-1"
1652
- styleClass="p-tree-wrapper"
1653
- [style]="{ height: scrollHeight !== 'flex' ? scrollHeight : undefined }"
1654
- [scrollHeight]="scrollHeight !== 'flex' ? undefined : '100%'"
1655
- [itemSize]="virtualScrollItemSize || _virtualNodeHeight"
1656
- [lazy]="lazy"
1657
- (onScroll)="onScroll.emit($event)"
1658
- (onScrollIndexChange)="onScrollIndexChange.emit($event)"
1659
- (onLazyLoad)="onLazyLoad.emit($event)"
1660
- [options]="virtualScrollOptions"
1661
- >
1662
- <ng-template pTemplate="content" let-items let-scrollerOptions="options">
1663
- <ul *ngIf="items" class="p-tree-container" [ngClass]="scrollerOptions.contentStyleClass" [style]="scrollerOptions.contentStyle" role="tree" [attr.aria-label]="ariaLabel" [attr.aria-labelledby]="ariaLabelledBy">
1664
- <p-treeNode
1665
- #treeNode
1666
- *ngFor="let rowNode of items; let firstChild = first; let lastChild = last; let index = index; trackBy: trackBy"
1667
- [level]="rowNode.level"
1668
- [rowNode]="rowNode"
1669
- [node]="rowNode.node"
1670
- [parentNode]="rowNode.parent"
1671
- [firstChild]="firstChild"
1672
- [lastChild]="lastChild"
1673
- [index]="getIndex(scrollerOptions, index)"
1674
- [itemSize]="scrollerOptions.itemSize"
1675
- [indentation]="indentation"
1676
- ></p-treeNode>
1677
- </ul>
1678
- </ng-template>
1679
- <ng-container *ngIf="loaderTemplate">
1680
- <ng-template pTemplate="loader" let-scrollerOptions="options">
1681
- <ng-container *ngTemplateOutlet="loaderTemplate; context: { options: scrollerOptions }"></ng-container>
1646
+ <ng-container *ngIf="getRootNode()?.length">
1647
+ <p-scroller
1648
+ #scroller
1649
+ *ngIf="virtualScroll"
1650
+ [items]="serializedValue"
1651
+ [tabindex]="-1"
1652
+ styleClass="p-tree-wrapper"
1653
+ [style]="{ height: scrollHeight !== 'flex' ? scrollHeight : undefined }"
1654
+ [scrollHeight]="scrollHeight !== 'flex' ? undefined : '100%'"
1655
+ [itemSize]="virtualScrollItemSize || _virtualNodeHeight"
1656
+ [lazy]="lazy"
1657
+ (onScroll)="onScroll.emit($event)"
1658
+ (onScrollIndexChange)="onScrollIndexChange.emit($event)"
1659
+ (onLazyLoad)="onLazyLoad.emit($event)"
1660
+ [options]="virtualScrollOptions"
1661
+ >
1662
+ <ng-template pTemplate="content" let-items let-scrollerOptions="options">
1663
+ <ul *ngIf="items" class="p-tree-container" [ngClass]="scrollerOptions.contentStyleClass" [style]="scrollerOptions.contentStyle" role="tree" [attr.aria-label]="ariaLabel" [attr.aria-labelledby]="ariaLabelledBy">
1664
+ <p-treeNode
1665
+ #treeNode
1666
+ *ngFor="let rowNode of items; let firstChild = first; let lastChild = last; let index = index; trackBy: trackBy"
1667
+ [level]="rowNode.level"
1668
+ [rowNode]="rowNode"
1669
+ [node]="rowNode.node"
1670
+ [parentNode]="rowNode.parent"
1671
+ [firstChild]="firstChild"
1672
+ [lastChild]="lastChild"
1673
+ [index]="getIndex(scrollerOptions, index)"
1674
+ [itemSize]="scrollerOptions.itemSize"
1675
+ [indentation]="indentation"
1676
+ ></p-treeNode>
1677
+ </ul>
1682
1678
  </ng-template>
1679
+ <ng-container *ngIf="loaderTemplate">
1680
+ <ng-template pTemplate="loader" let-scrollerOptions="options">
1681
+ <ng-container *ngTemplateOutlet="loaderTemplate; context: { options: scrollerOptions }"></ng-container>
1682
+ </ng-template>
1683
+ </ng-container>
1684
+ </p-scroller>
1685
+ <ng-container *ngIf="!virtualScroll">
1686
+ <div #wrapper class="p-tree-wrapper" [style.max-height]="scrollHeight">
1687
+ <ul class="p-tree-container" *ngIf="getRootNode()" role="tree" [attr.aria-label]="ariaLabel" [attr.aria-labelledby]="ariaLabelledBy">
1688
+ <p-treeNode
1689
+ *ngFor="let node of getRootNode(); let firstChild = first; let lastChild = last; let index = index; trackBy: trackBy"
1690
+ [node]="node"
1691
+ [firstChild]="firstChild"
1692
+ [lastChild]="lastChild"
1693
+ [index]="index"
1694
+ [level]="0"
1695
+ ></p-treeNode>
1696
+ </ul>
1697
+ </div>
1683
1698
  </ng-container>
1684
- </p-scroller>
1685
- <ng-container *ngIf="!virtualScroll">
1686
- <div #wrapper class="p-tree-wrapper" [style.max-height]="scrollHeight">
1687
- <ul class="p-tree-container" *ngIf="getRootNode()" role="tree" [attr.aria-label]="ariaLabel" [attr.aria-labelledby]="ariaLabelledBy">
1688
- <p-treeNode
1689
- *ngFor="let node of getRootNode(); let firstChild = first; let lastChild = last; let index = index; trackBy: trackBy"
1690
- [node]="node"
1691
- [firstChild]="firstChild"
1692
- [lastChild]="lastChild"
1693
- [index]="index"
1694
- [level]="0"
1695
- ></p-treeNode>
1696
- </ul>
1697
- </div>
1698
1699
  </ng-container>
1699
1700
 
1700
1701
  <div class="p-tree-empty-message" *ngIf="!loading && (getRootNode() == null || getRootNode().length === 0)">
@@ -1753,64 +1754,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImpor
1753
1754
  </div>
1754
1755
  <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
1755
1756
  <div *ngIf="filter" class="p-tree-filter-container">
1756
- <input #filter type="text" autocomplete="off" class="p-tree-filter p-inputtext p-component" [attr.placeholder]="filterPlaceholder" (keydown.enter)="$event.preventDefault()" (input)="_filter($event.target.value)" />
1757
+ <input #filter type="search" autocomplete="off" class="p-tree-filter p-inputtext p-component" [attr.placeholder]="filterPlaceholder" (keydown.enter)="$event.preventDefault()" (input)="_filter($event.target.value)" />
1757
1758
  <SearchIcon *ngIf="!filterIconTemplate" [styleClass]="'p-tree-filter-icon'" />
1758
1759
  <span *ngIf="filterIconTemplate" class="p-tree-filter-icon">
1759
1760
  <ng-template *ngTemplateOutlet="filterIconTemplate"></ng-template>
1760
1761
  </span>
1761
1762
  </div>
1762
-
1763
- <p-scroller
1764
- #scroller
1765
- *ngIf="virtualScroll"
1766
- [items]="serializedValue"
1767
- [tabindex]="-1"
1768
- styleClass="p-tree-wrapper"
1769
- [style]="{ height: scrollHeight !== 'flex' ? scrollHeight : undefined }"
1770
- [scrollHeight]="scrollHeight !== 'flex' ? undefined : '100%'"
1771
- [itemSize]="virtualScrollItemSize || _virtualNodeHeight"
1772
- [lazy]="lazy"
1773
- (onScroll)="onScroll.emit($event)"
1774
- (onScrollIndexChange)="onScrollIndexChange.emit($event)"
1775
- (onLazyLoad)="onLazyLoad.emit($event)"
1776
- [options]="virtualScrollOptions"
1777
- >
1778
- <ng-template pTemplate="content" let-items let-scrollerOptions="options">
1779
- <ul *ngIf="items" class="p-tree-container" [ngClass]="scrollerOptions.contentStyleClass" [style]="scrollerOptions.contentStyle" role="tree" [attr.aria-label]="ariaLabel" [attr.aria-labelledby]="ariaLabelledBy">
1780
- <p-treeNode
1781
- #treeNode
1782
- *ngFor="let rowNode of items; let firstChild = first; let lastChild = last; let index = index; trackBy: trackBy"
1783
- [level]="rowNode.level"
1784
- [rowNode]="rowNode"
1785
- [node]="rowNode.node"
1786
- [parentNode]="rowNode.parent"
1787
- [firstChild]="firstChild"
1788
- [lastChild]="lastChild"
1789
- [index]="getIndex(scrollerOptions, index)"
1790
- [itemSize]="scrollerOptions.itemSize"
1791
- [indentation]="indentation"
1792
- ></p-treeNode>
1793
- </ul>
1794
- </ng-template>
1795
- <ng-container *ngIf="loaderTemplate">
1796
- <ng-template pTemplate="loader" let-scrollerOptions="options">
1797
- <ng-container *ngTemplateOutlet="loaderTemplate; context: { options: scrollerOptions }"></ng-container>
1763
+ <ng-container *ngIf="getRootNode()?.length">
1764
+ <p-scroller
1765
+ #scroller
1766
+ *ngIf="virtualScroll"
1767
+ [items]="serializedValue"
1768
+ [tabindex]="-1"
1769
+ styleClass="p-tree-wrapper"
1770
+ [style]="{ height: scrollHeight !== 'flex' ? scrollHeight : undefined }"
1771
+ [scrollHeight]="scrollHeight !== 'flex' ? undefined : '100%'"
1772
+ [itemSize]="virtualScrollItemSize || _virtualNodeHeight"
1773
+ [lazy]="lazy"
1774
+ (onScroll)="onScroll.emit($event)"
1775
+ (onScrollIndexChange)="onScrollIndexChange.emit($event)"
1776
+ (onLazyLoad)="onLazyLoad.emit($event)"
1777
+ [options]="virtualScrollOptions"
1778
+ >
1779
+ <ng-template pTemplate="content" let-items let-scrollerOptions="options">
1780
+ <ul *ngIf="items" class="p-tree-container" [ngClass]="scrollerOptions.contentStyleClass" [style]="scrollerOptions.contentStyle" role="tree" [attr.aria-label]="ariaLabel" [attr.aria-labelledby]="ariaLabelledBy">
1781
+ <p-treeNode
1782
+ #treeNode
1783
+ *ngFor="let rowNode of items; let firstChild = first; let lastChild = last; let index = index; trackBy: trackBy"
1784
+ [level]="rowNode.level"
1785
+ [rowNode]="rowNode"
1786
+ [node]="rowNode.node"
1787
+ [parentNode]="rowNode.parent"
1788
+ [firstChild]="firstChild"
1789
+ [lastChild]="lastChild"
1790
+ [index]="getIndex(scrollerOptions, index)"
1791
+ [itemSize]="scrollerOptions.itemSize"
1792
+ [indentation]="indentation"
1793
+ ></p-treeNode>
1794
+ </ul>
1798
1795
  </ng-template>
1796
+ <ng-container *ngIf="loaderTemplate">
1797
+ <ng-template pTemplate="loader" let-scrollerOptions="options">
1798
+ <ng-container *ngTemplateOutlet="loaderTemplate; context: { options: scrollerOptions }"></ng-container>
1799
+ </ng-template>
1800
+ </ng-container>
1801
+ </p-scroller>
1802
+ <ng-container *ngIf="!virtualScroll">
1803
+ <div #wrapper class="p-tree-wrapper" [style.max-height]="scrollHeight">
1804
+ <ul class="p-tree-container" *ngIf="getRootNode()" role="tree" [attr.aria-label]="ariaLabel" [attr.aria-labelledby]="ariaLabelledBy">
1805
+ <p-treeNode
1806
+ *ngFor="let node of getRootNode(); let firstChild = first; let lastChild = last; let index = index; trackBy: trackBy"
1807
+ [node]="node"
1808
+ [firstChild]="firstChild"
1809
+ [lastChild]="lastChild"
1810
+ [index]="index"
1811
+ [level]="0"
1812
+ ></p-treeNode>
1813
+ </ul>
1814
+ </div>
1799
1815
  </ng-container>
1800
- </p-scroller>
1801
- <ng-container *ngIf="!virtualScroll">
1802
- <div #wrapper class="p-tree-wrapper" [style.max-height]="scrollHeight">
1803
- <ul class="p-tree-container" *ngIf="getRootNode()" role="tree" [attr.aria-label]="ariaLabel" [attr.aria-labelledby]="ariaLabelledBy">
1804
- <p-treeNode
1805
- *ngFor="let node of getRootNode(); let firstChild = first; let lastChild = last; let index = index; trackBy: trackBy"
1806
- [node]="node"
1807
- [firstChild]="firstChild"
1808
- [lastChild]="lastChild"
1809
- [index]="index"
1810
- [level]="0"
1811
- ></p-treeNode>
1812
- </ul>
1813
- </div>
1814
1816
  </ng-container>
1815
1817
 
1816
1818
  <div class="p-tree-empty-message" *ngIf="!loading && (getRootNode() == null || getRootNode().length === 0)">