primeng 13.1.1 → 13.2.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 (137) hide show
  1. package/button/button.d.ts +2 -1
  2. package/dropdown/dropdown.d.ts +2 -1
  3. package/esm2020/autocomplete/autocomplete.mjs +3 -3
  4. package/esm2020/button/button.mjs +6 -4
  5. package/esm2020/calendar/calendar.mjs +3 -3
  6. package/esm2020/contextmenu/contextmenu.mjs +2 -1
  7. package/esm2020/dropdown/dropdown.mjs +12 -10
  8. package/esm2020/fileupload/fileupload.mjs +1 -1
  9. package/esm2020/image/image.mjs +1 -1
  10. package/esm2020/inputnumber/inputnumber.mjs +3 -3
  11. package/esm2020/inputswitch/inputswitch.mjs +6 -4
  12. package/esm2020/knob/knob.mjs +2 -2
  13. package/esm2020/multiselect/multiselect.mjs +4 -1
  14. package/esm2020/orderlist/orderlist.mjs +6 -4
  15. package/esm2020/paginator/paginator.mjs +1 -1
  16. package/esm2020/panel/panel.mjs +11 -8
  17. package/esm2020/picklist/picklist.mjs +6 -4
  18. package/esm2020/table/table.mjs +2 -2
  19. package/esm2020/tabmenu/tabmenu.mjs +124 -60
  20. package/esm2020/tabview/tabview.mjs +2 -2
  21. package/fesm2015/primeng-autocomplete.mjs +2 -2
  22. package/fesm2015/primeng-autocomplete.mjs.map +1 -1
  23. package/fesm2015/primeng-button.mjs +5 -3
  24. package/fesm2015/primeng-button.mjs.map +1 -1
  25. package/fesm2015/primeng-calendar.mjs +2 -2
  26. package/fesm2015/primeng-calendar.mjs.map +1 -1
  27. package/fesm2015/primeng-contextmenu.mjs +1 -0
  28. package/fesm2015/primeng-contextmenu.mjs.map +1 -1
  29. package/fesm2015/primeng-dropdown.mjs +11 -9
  30. package/fesm2015/primeng-dropdown.mjs.map +1 -1
  31. package/fesm2015/primeng-fileupload.mjs +1 -1
  32. package/fesm2015/primeng-image.mjs.map +1 -1
  33. package/fesm2015/primeng-inputnumber.mjs +2 -2
  34. package/fesm2015/primeng-inputnumber.mjs.map +1 -1
  35. package/fesm2015/primeng-inputswitch.mjs +5 -3
  36. package/fesm2015/primeng-inputswitch.mjs.map +1 -1
  37. package/fesm2015/primeng-knob.mjs +1 -1
  38. package/fesm2015/primeng-knob.mjs.map +1 -1
  39. package/fesm2015/primeng-multiselect.mjs +3 -0
  40. package/fesm2015/primeng-multiselect.mjs.map +1 -1
  41. package/fesm2015/primeng-orderlist.mjs +5 -3
  42. package/fesm2015/primeng-orderlist.mjs.map +1 -1
  43. package/fesm2015/primeng-paginator.mjs +1 -1
  44. package/fesm2015/primeng-panel.mjs +10 -7
  45. package/fesm2015/primeng-panel.mjs.map +1 -1
  46. package/fesm2015/primeng-picklist.mjs +5 -3
  47. package/fesm2015/primeng-picklist.mjs.map +1 -1
  48. package/fesm2015/primeng-table.mjs +1 -1
  49. package/fesm2015/primeng-table.mjs.map +1 -1
  50. package/fesm2015/primeng-tabmenu.mjs +124 -59
  51. package/fesm2015/primeng-tabmenu.mjs.map +1 -1
  52. package/fesm2015/primeng-tabview.mjs +1 -1
  53. package/fesm2015/primeng-tabview.mjs.map +1 -1
  54. package/fesm2020/primeng-autocomplete.mjs +2 -2
  55. package/fesm2020/primeng-autocomplete.mjs.map +1 -1
  56. package/fesm2020/primeng-button.mjs +5 -3
  57. package/fesm2020/primeng-button.mjs.map +1 -1
  58. package/fesm2020/primeng-calendar.mjs +2 -2
  59. package/fesm2020/primeng-calendar.mjs.map +1 -1
  60. package/fesm2020/primeng-contextmenu.mjs +1 -0
  61. package/fesm2020/primeng-contextmenu.mjs.map +1 -1
  62. package/fesm2020/primeng-dropdown.mjs +11 -9
  63. package/fesm2020/primeng-dropdown.mjs.map +1 -1
  64. package/fesm2020/primeng-fileupload.mjs +1 -1
  65. package/fesm2020/primeng-image.mjs.map +1 -1
  66. package/fesm2020/primeng-inputnumber.mjs +2 -2
  67. package/fesm2020/primeng-inputnumber.mjs.map +1 -1
  68. package/fesm2020/primeng-inputswitch.mjs +5 -3
  69. package/fesm2020/primeng-inputswitch.mjs.map +1 -1
  70. package/fesm2020/primeng-knob.mjs +1 -1
  71. package/fesm2020/primeng-knob.mjs.map +1 -1
  72. package/fesm2020/primeng-multiselect.mjs +3 -0
  73. package/fesm2020/primeng-multiselect.mjs.map +1 -1
  74. package/fesm2020/primeng-orderlist.mjs +5 -3
  75. package/fesm2020/primeng-orderlist.mjs.map +1 -1
  76. package/fesm2020/primeng-paginator.mjs +1 -1
  77. package/fesm2020/primeng-panel.mjs +10 -7
  78. package/fesm2020/primeng-panel.mjs.map +1 -1
  79. package/fesm2020/primeng-picklist.mjs +5 -3
  80. package/fesm2020/primeng-picklist.mjs.map +1 -1
  81. package/fesm2020/primeng-table.mjs +1 -1
  82. package/fesm2020/primeng-table.mjs.map +1 -1
  83. package/fesm2020/primeng-tabmenu.mjs +123 -59
  84. package/fesm2020/primeng-tabmenu.mjs.map +1 -1
  85. package/fesm2020/primeng-tabview.mjs +1 -1
  86. package/fesm2020/primeng-tabview.mjs.map +1 -1
  87. package/image/image.d.ts +2 -1
  88. package/inputswitch/inputswitch.d.ts +2 -1
  89. package/orderlist/orderlist.d.ts +2 -1
  90. package/package.json +1 -1
  91. package/panel/panel.d.ts +2 -1
  92. package/picklist/picklist.d.ts +2 -1
  93. package/resources/components/panel/panel.css +1 -1
  94. package/resources/components/tabmenu/tabmenu.css +37 -2
  95. package/resources/themes/arya-blue/theme.css +43 -0
  96. package/resources/themes/arya-green/theme.css +43 -0
  97. package/resources/themes/arya-orange/theme.css +43 -0
  98. package/resources/themes/arya-purple/theme.css +43 -0
  99. package/resources/themes/bootstrap4-dark-blue/theme.css +43 -0
  100. package/resources/themes/bootstrap4-dark-purple/theme.css +43 -0
  101. package/resources/themes/bootstrap4-light-blue/theme.css +43 -0
  102. package/resources/themes/bootstrap4-light-purple/theme.css +43 -0
  103. package/resources/themes/fluent-light/theme.css +43 -0
  104. package/resources/themes/lara-dark-blue/theme.css +43 -0
  105. package/resources/themes/lara-dark-indigo/theme.css +43 -0
  106. package/resources/themes/lara-dark-purple/theme.css +43 -0
  107. package/resources/themes/lara-dark-teal/theme.css +43 -0
  108. package/resources/themes/lara-light-blue/theme.css +43 -0
  109. package/resources/themes/lara-light-indigo/theme.css +43 -0
  110. package/resources/themes/lara-light-purple/theme.css +43 -0
  111. package/resources/themes/lara-light-teal/theme.css +43 -0
  112. package/resources/themes/luna-amber/theme.css +43 -0
  113. package/resources/themes/luna-blue/theme.css +43 -0
  114. package/resources/themes/luna-green/theme.css +43 -0
  115. package/resources/themes/luna-pink/theme.css +43 -0
  116. package/resources/themes/md-dark-deeppurple/theme.css +43 -0
  117. package/resources/themes/md-dark-indigo/theme.css +43 -0
  118. package/resources/themes/md-light-deeppurple/theme.css +43 -0
  119. package/resources/themes/md-light-indigo/theme.css +43 -0
  120. package/resources/themes/mdc-dark-deeppurple/theme.css +43 -0
  121. package/resources/themes/mdc-dark-indigo/theme.css +43 -0
  122. package/resources/themes/mdc-light-deeppurple/theme.css +43 -0
  123. package/resources/themes/mdc-light-indigo/theme.css +43 -0
  124. package/resources/themes/nova/theme.css +43 -0
  125. package/resources/themes/nova-accent/theme.css +43 -0
  126. package/resources/themes/nova-alt/theme.css +43 -0
  127. package/resources/themes/rhea/theme.css +43 -0
  128. package/resources/themes/saga-blue/theme.css +43 -0
  129. package/resources/themes/saga-green/theme.css +43 -0
  130. package/resources/themes/saga-orange/theme.css +43 -0
  131. package/resources/themes/saga-purple/theme.css +43 -0
  132. package/resources/themes/tailwind-light/theme.css +43 -0
  133. package/resources/themes/vela-blue/theme.css +43 -0
  134. package/resources/themes/vela-green/theme.css +43 -0
  135. package/resources/themes/vela-orange/theme.css +43 -0
  136. package/resources/themes/vela-purple/theme.css +43 -0
  137. package/tabmenu/tabmenu.d.ts +13 -1
package/resources/themes/vela-green/theme.css CHANGED
@@ -3008,6 +3008,12 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3008
3008
  background: rgba(255, 255, 255, 0.03);
3009
3009
  color: rgba(255, 255, 255, 0.87);
3010
3010
  }
3011
+ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
3012
+ background: rgba(255, 255, 255, 0.01);
3013
+ }
3014
+ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
3015
+ background: rgba(255, 255, 255, 0.03);
3016
+ }
3011
3017
 
3012
3018
  .p-orderlist-item.cdk-drag-preview {
3013
3019
  padding: 0.5rem 1rem;
@@ -3203,6 +3209,12 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3203
3209
  background: rgba(255, 255, 255, 0.03);
3204
3210
  color: rgba(255, 255, 255, 0.87);
3205
3211
  }
3212
+ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
3213
+ background: rgba(255, 255, 255, 0.01);
3214
+ }
3215
+ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
3216
+ background: rgba(255, 255, 255, 0.03);
3217
+ }
3206
3218
 
3207
3219
  .p-picklist-item.cdk-drag-preview {
3208
3220
  padding: 0.5rem 1rem;
@@ -3798,6 +3810,19 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3798
3810
  color: rgba(255, 255, 255, 0.87);
3799
3811
  border-top: 0 none;
3800
3812
  }
3813
+ .p-panel .p-panel-icons-end {
3814
+ order: 2;
3815
+ margin-left: auto;
3816
+ }
3817
+ .p-panel .p-panel-icons-start {
3818
+ order: 0;
3819
+ margin-right: 0.5rem;
3820
+ }
3821
+ .p-panel .p-panel-icons-center {
3822
+ order: 2;
3823
+ width: 100%;
3824
+ text-align: center;
3825
+ }
3801
3826
 
3802
3827
  .p-scrollpanel .p-scrollpanel-bar {
3803
3828
  background: #304562;
@@ -5047,6 +5072,24 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
5047
5072
  border-color: #81C784;
5048
5073
  color: #81C784;
5049
5074
  }
5075
+ .p-tabmenu .p-tabmenu-left-icon {
5076
+ margin-right: 0.5rem;
5077
+ }
5078
+ .p-tabmenu .p-tabmenu-right-icon {
5079
+ margin-left: 0.5rem;
5080
+ }
5081
+ .p-tabmenu .p-tabmenu-nav-btn.p-link {
5082
+ background: #1f2d40;
5083
+ color: #81C784;
5084
+ width: 2.357rem;
5085
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
5086
+ border-radius: 0;
5087
+ }
5088
+ .p-tabmenu .p-tabmenu-nav-btn.p-link:focus {
5089
+ outline: 0 none;
5090
+ outline-offset: 0;
5091
+ box-shadow: inset 0 0 0 1px #a7d8a9;
5092
+ }
5050
5093
 
5051
5094
  .p-tieredmenu {
5052
5095
  padding: 0.25rem 0;
package/resources/themes/vela-orange/theme.css CHANGED
@@ -3008,6 +3008,12 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3008
3008
  background: rgba(255, 255, 255, 0.03);
3009
3009
  color: rgba(255, 255, 255, 0.87);
3010
3010
  }
3011
+ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
3012
+ background: rgba(255, 255, 255, 0.01);
3013
+ }
3014
+ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
3015
+ background: rgba(255, 255, 255, 0.03);
3016
+ }
3011
3017
 
3012
3018
  .p-orderlist-item.cdk-drag-preview {
3013
3019
  padding: 0.5rem 1rem;
@@ -3203,6 +3209,12 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3203
3209
  background: rgba(255, 255, 255, 0.03);
3204
3210
  color: rgba(255, 255, 255, 0.87);
3205
3211
  }
3212
+ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
3213
+ background: rgba(255, 255, 255, 0.01);
3214
+ }
3215
+ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
3216
+ background: rgba(255, 255, 255, 0.03);
3217
+ }
3206
3218
 
3207
3219
  .p-picklist-item.cdk-drag-preview {
3208
3220
  padding: 0.5rem 1rem;
@@ -3798,6 +3810,19 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3798
3810
  color: rgba(255, 255, 255, 0.87);
3799
3811
  border-top: 0 none;
3800
3812
  }
3813
+ .p-panel .p-panel-icons-end {
3814
+ order: 2;
3815
+ margin-left: auto;
3816
+ }
3817
+ .p-panel .p-panel-icons-start {
3818
+ order: 0;
3819
+ margin-right: 0.5rem;
3820
+ }
3821
+ .p-panel .p-panel-icons-center {
3822
+ order: 2;
3823
+ width: 100%;
3824
+ text-align: center;
3825
+ }
3801
3826
 
3802
3827
  .p-scrollpanel .p-scrollpanel-bar {
3803
3828
  background: #304562;
@@ -5047,6 +5072,24 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
5047
5072
  border-color: #FFD54F;
5048
5073
  color: #FFD54F;
5049
5074
  }
5075
+ .p-tabmenu .p-tabmenu-left-icon {
5076
+ margin-right: 0.5rem;
5077
+ }
5078
+ .p-tabmenu .p-tabmenu-right-icon {
5079
+ margin-left: 0.5rem;
5080
+ }
5081
+ .p-tabmenu .p-tabmenu-nav-btn.p-link {
5082
+ background: #1f2d40;
5083
+ color: #FFD54F;
5084
+ width: 2.357rem;
5085
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
5086
+ border-radius: 0;
5087
+ }
5088
+ .p-tabmenu .p-tabmenu-nav-btn.p-link:focus {
5089
+ outline: 0 none;
5090
+ outline-offset: 0;
5091
+ box-shadow: inset 0 0 0 1px #ffe284;
5092
+ }
5050
5093
 
5051
5094
  .p-tieredmenu {
5052
5095
  padding: 0.25rem 0;
package/resources/themes/vela-purple/theme.css CHANGED
@@ -3008,6 +3008,12 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3008
3008
  background: rgba(255, 255, 255, 0.03);
3009
3009
  color: rgba(255, 255, 255, 0.87);
3010
3010
  }
3011
+ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
3012
+ background: rgba(255, 255, 255, 0.01);
3013
+ }
3014
+ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
3015
+ background: rgba(255, 255, 255, 0.03);
3016
+ }
3011
3017
 
3012
3018
  .p-orderlist-item.cdk-drag-preview {
3013
3019
  padding: 0.5rem 1rem;
@@ -3203,6 +3209,12 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3203
3209
  background: rgba(255, 255, 255, 0.03);
3204
3210
  color: rgba(255, 255, 255, 0.87);
3205
3211
  }
3212
+ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
3213
+ background: rgba(255, 255, 255, 0.01);
3214
+ }
3215
+ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
3216
+ background: rgba(255, 255, 255, 0.03);
3217
+ }
3206
3218
 
3207
3219
  .p-picklist-item.cdk-drag-preview {
3208
3220
  padding: 0.5rem 1rem;
@@ -3798,6 +3810,19 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3798
3810
  color: rgba(255, 255, 255, 0.87);
3799
3811
  border-top: 0 none;
3800
3812
  }
3813
+ .p-panel .p-panel-icons-end {
3814
+ order: 2;
3815
+ margin-left: auto;
3816
+ }
3817
+ .p-panel .p-panel-icons-start {
3818
+ order: 0;
3819
+ margin-right: 0.5rem;
3820
+ }
3821
+ .p-panel .p-panel-icons-center {
3822
+ order: 2;
3823
+ width: 100%;
3824
+ text-align: center;
3825
+ }
3801
3826
 
3802
3827
  .p-scrollpanel .p-scrollpanel-bar {
3803
3828
  background: #304562;
@@ -5047,6 +5072,24 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
5047
5072
  border-color: #BA68C8;
5048
5073
  color: #BA68C8;
5049
5074
  }
5075
+ .p-tabmenu .p-tabmenu-left-icon {
5076
+ margin-right: 0.5rem;
5077
+ }
5078
+ .p-tabmenu .p-tabmenu-right-icon {
5079
+ margin-left: 0.5rem;
5080
+ }
5081
+ .p-tabmenu .p-tabmenu-nav-btn.p-link {
5082
+ background: #1f2d40;
5083
+ color: #BA68C8;
5084
+ width: 2.357rem;
5085
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
5086
+ border-radius: 0;
5087
+ }
5088
+ .p-tabmenu .p-tabmenu-nav-btn.p-link:focus {
5089
+ outline: 0 none;
5090
+ outline-offset: 0;
5091
+ box-shadow: inset 0 0 0 1px #cf95d9;
5092
+ }
5050
5093
 
5051
5094
  .p-tieredmenu {
5052
5095
  padding: 0.25rem 0;
package/tabmenu/tabmenu.d.ts CHANGED
@@ -13,14 +13,20 @@ export declare class TabMenu implements AfterContentInit, AfterViewInit, AfterVi
13
13
  private cd;
14
14
  model: MenuItem[];
15
15
  activeItem: MenuItem;
16
+ scrollable: boolean;
16
17
  popup: boolean;
17
18
  style: any;
18
19
  styleClass: string;
20
+ content: ElementRef;
19
21
  navbar: ElementRef;
20
22
  inkbar: ElementRef;
23
+ prevBtn: ElementRef;
24
+ nextBtn: ElementRef;
21
25
  templates: QueryList<any>;
22
26
  itemTemplate: TemplateRef<any>;
23
27
  tabChanged: boolean;
28
+ backwardIsDisabled: boolean;
29
+ forwardIsDisabled: boolean;
24
30
  constructor(router: Router, route: ActivatedRoute, cd: ChangeDetectorRef);
25
31
  ngAfterContentInit(): void;
26
32
  ngAfterViewInit(): void;
@@ -28,8 +34,14 @@ export declare class TabMenu implements AfterContentInit, AfterViewInit, AfterVi
28
34
  isActive(item: MenuItem): boolean;
29
35
  itemClick(event: Event, item: MenuItem): void;
30
36
  updateInkBar(): void;
37
+ getVisibleButtonWidths(): any;
38
+ updateButtonState(): void;
39
+ updateScrollBar(index: any): void;
40
+ onScroll(event: any): void;
41
+ navBackward(): void;
42
+ navForward(): void;
31
43
  static ɵfac: i0.ɵɵFactoryDeclaration<TabMenu, never>;
32
- static ɵcmp: i0.ɵɵComponentDeclaration<TabMenu, "p-tabMenu", never, { "model": "model"; "activeItem": "activeItem"; "popup": "popup"; "style": "style"; "styleClass": "styleClass"; }, {}, ["templates"], never>;
44
+ static ɵcmp: i0.ɵɵComponentDeclaration<TabMenu, "p-tabMenu", never, { "model": "model"; "activeItem": "activeItem"; "scrollable": "scrollable"; "popup": "popup"; "style": "style"; "styleClass": "styleClass"; }, {}, ["templates"], never>;
33
45
  }
34
46
  export declare class TabMenuModule {
35
47
  static ɵfac: i0.ɵɵFactoryDeclaration<TabMenuModule, never>;