primeng 17.0.0 → 17.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 (196) hide show
  1. package/autocomplete/autocomplete.d.ts +3 -2
  2. package/calendar/calendar.d.ts +4 -2
  3. package/calendar/calendar.interface.d.ts +12 -0
  4. package/cascadeselect/cascadeselect.d.ts +1 -1
  5. package/confirmdialog/confirmdialog.d.ts +1 -0
  6. package/confirmdialog/confirmdialog.interface.d.ts +9 -1
  7. package/confirmpopup/confirmpopup.d.ts +2 -0
  8. package/confirmpopup/confirmpopup.interface.d.ts +12 -0
  9. package/contextmenu/contextmenu.d.ts +11 -1
  10. package/dialog/dialog.d.ts +7 -1
  11. package/dynamicdialog/dialogservice.d.ts +6 -0
  12. package/dynamicdialog/dynamicdialog-config.d.ts +41 -0
  13. package/dynamicdialog/dynamicdialog.d.ts +13 -0
  14. package/esm2022/accordion/accordion.mjs +7 -3
  15. package/esm2022/autocomplete/autocomplete.mjs +20 -13
  16. package/esm2022/avatar/avatar.mjs +3 -3
  17. package/esm2022/blockui/blockui.mjs +6 -3
  18. package/esm2022/calendar/calendar.interface.mjs +1 -1
  19. package/esm2022/calendar/calendar.mjs +47 -8
  20. package/esm2022/cascadeselect/cascadeselect.mjs +2 -2
  21. package/esm2022/confirmdialog/confirmdialog.interface.mjs +1 -1
  22. package/esm2022/confirmdialog/confirmdialog.mjs +139 -125
  23. package/esm2022/confirmpopup/confirmpopup.interface.mjs +1 -1
  24. package/esm2022/confirmpopup/confirmpopup.mjs +93 -65
  25. package/esm2022/contextmenu/contextmenu.mjs +46 -10
  26. package/esm2022/dialog/dialog.mjs +123 -98
  27. package/esm2022/dropdown/dropdown.mjs +5 -4
  28. package/esm2022/dynamicdialog/dialogservice.mjs +9 -1
  29. package/esm2022/dynamicdialog/dynamicdialog-config.mjs +11 -1
  30. package/esm2022/dynamicdialog/dynamicdialog.mjs +109 -30
  31. package/esm2022/fileupload/fileupload.mjs +4 -4
  32. package/esm2022/galleria/galleria.mjs +10 -6
  33. package/esm2022/icons/sortamountdown/sortamountdown.mjs +3 -43
  34. package/esm2022/icons/sortamountupalt/sortamountupalt.mjs +3 -43
  35. package/esm2022/inputgroup/inputgroup.mjs +22 -7
  36. package/esm2022/inputgroupaddon/inputgroupaddon.mjs +22 -7
  37. package/esm2022/inputnumber/inputnumber.mjs +4 -1
  38. package/esm2022/inputswitch/inputswitch.mjs +2 -2
  39. package/esm2022/listbox/listbox.mjs +5 -5
  40. package/esm2022/menu/menu.mjs +11 -14
  41. package/esm2022/multiselect/multiselect.mjs +21 -22
  42. package/esm2022/overlaypanel/overlaypanel.mjs +28 -8
  43. package/esm2022/panelmenu/panelmenu.mjs +22 -16
  44. package/esm2022/picklist/picklist.mjs +11 -7
  45. package/esm2022/progressbar/progressbar.mjs +29 -6
  46. package/esm2022/scroller/scroller.mjs +3 -3
  47. package/esm2022/sidebar/sidebar.interface.mjs +1 -1
  48. package/esm2022/sidebar/sidebar.mjs +69 -55
  49. package/esm2022/table/columnfilter.interface.mjs +2 -0
  50. package/esm2022/table/public_api.mjs +2 -1
  51. package/esm2022/table/table.mjs +124 -13
  52. package/esm2022/tieredmenu/tieredmenu.interface.mjs +1 -1
  53. package/esm2022/tieredmenu/tieredmenu.mjs +3 -3
  54. package/esm2022/toast/toast.interface.mjs +1 -1
  55. package/esm2022/toast/toast.mjs +84 -65
  56. package/esm2022/togglebutton/togglebutton.interface.mjs +1 -1
  57. package/esm2022/togglebutton/togglebutton.mjs +34 -8
  58. package/esm2022/tristatecheckbox/tristatecheckbox.mjs +3 -3
  59. package/fesm2022/primeng-accordion.mjs +6 -2
  60. package/fesm2022/primeng-accordion.mjs.map +1 -1
  61. package/fesm2022/primeng-autocomplete.mjs +19 -12
  62. package/fesm2022/primeng-autocomplete.mjs.map +1 -1
  63. package/fesm2022/primeng-avatar.mjs +2 -2
  64. package/fesm2022/primeng-avatar.mjs.map +1 -1
  65. package/fesm2022/primeng-blockui.mjs +5 -2
  66. package/fesm2022/primeng-blockui.mjs.map +1 -1
  67. package/fesm2022/primeng-calendar.mjs +46 -7
  68. package/fesm2022/primeng-calendar.mjs.map +1 -1
  69. package/fesm2022/primeng-cascadeselect.mjs +1 -1
  70. package/fesm2022/primeng-cascadeselect.mjs.map +1 -1
  71. package/fesm2022/primeng-confirmdialog.mjs +138 -124
  72. package/fesm2022/primeng-confirmdialog.mjs.map +1 -1
  73. package/fesm2022/primeng-confirmpopup.mjs +92 -64
  74. package/fesm2022/primeng-confirmpopup.mjs.map +1 -1
  75. package/fesm2022/primeng-contextmenu.mjs +45 -9
  76. package/fesm2022/primeng-contextmenu.mjs.map +1 -1
  77. package/fesm2022/primeng-dialog.mjs +122 -97
  78. package/fesm2022/primeng-dialog.mjs.map +1 -1
  79. package/fesm2022/primeng-dropdown.mjs +4 -3
  80. package/fesm2022/primeng-dropdown.mjs.map +1 -1
  81. package/fesm2022/primeng-dynamicdialog.mjs +126 -29
  82. package/fesm2022/primeng-dynamicdialog.mjs.map +1 -1
  83. package/fesm2022/primeng-fileupload.mjs +3 -3
  84. package/fesm2022/primeng-fileupload.mjs.map +1 -1
  85. package/fesm2022/primeng-galleria.mjs +9 -5
  86. package/fesm2022/primeng-galleria.mjs.map +1 -1
  87. package/fesm2022/primeng-icons-sortamountdown.mjs +2 -42
  88. package/fesm2022/primeng-icons-sortamountdown.mjs.map +1 -1
  89. package/fesm2022/primeng-icons-sortamountupalt.mjs +2 -42
  90. package/fesm2022/primeng-icons-sortamountupalt.mjs.map +1 -1
  91. package/fesm2022/primeng-inputgroup.mjs +21 -6
  92. package/fesm2022/primeng-inputgroup.mjs.map +1 -1
  93. package/fesm2022/primeng-inputgroupaddon.mjs +21 -6
  94. package/fesm2022/primeng-inputgroupaddon.mjs.map +1 -1
  95. package/fesm2022/primeng-inputnumber.mjs +3 -0
  96. package/fesm2022/primeng-inputnumber.mjs.map +1 -1
  97. package/fesm2022/primeng-inputswitch.mjs +2 -2
  98. package/fesm2022/primeng-inputswitch.mjs.map +1 -1
  99. package/fesm2022/primeng-listbox.mjs +4 -4
  100. package/fesm2022/primeng-listbox.mjs.map +1 -1
  101. package/fesm2022/primeng-menu.mjs +10 -13
  102. package/fesm2022/primeng-menu.mjs.map +1 -1
  103. package/fesm2022/primeng-multiselect.mjs +20 -21
  104. package/fesm2022/primeng-multiselect.mjs.map +1 -1
  105. package/fesm2022/primeng-overlaypanel.mjs +27 -7
  106. package/fesm2022/primeng-overlaypanel.mjs.map +1 -1
  107. package/fesm2022/primeng-panelmenu.mjs +21 -15
  108. package/fesm2022/primeng-panelmenu.mjs.map +1 -1
  109. package/fesm2022/primeng-picklist.mjs +10 -6
  110. package/fesm2022/primeng-picklist.mjs.map +1 -1
  111. package/fesm2022/primeng-progressbar.mjs +28 -5
  112. package/fesm2022/primeng-progressbar.mjs.map +1 -1
  113. package/fesm2022/primeng-scroller.mjs +2 -2
  114. package/fesm2022/primeng-scroller.mjs.map +1 -1
  115. package/fesm2022/primeng-sidebar.mjs +68 -54
  116. package/fesm2022/primeng-sidebar.mjs.map +1 -1
  117. package/fesm2022/primeng-table.mjs +123 -12
  118. package/fesm2022/primeng-table.mjs.map +1 -1
  119. package/fesm2022/primeng-tieredmenu.mjs +2 -2
  120. package/fesm2022/primeng-tieredmenu.mjs.map +1 -1
  121. package/fesm2022/primeng-toast.mjs +83 -64
  122. package/fesm2022/primeng-toast.mjs.map +1 -1
  123. package/fesm2022/primeng-togglebutton.mjs +33 -7
  124. package/fesm2022/primeng-togglebutton.mjs.map +1 -1
  125. package/fesm2022/primeng-tristatecheckbox.mjs +2 -2
  126. package/fesm2022/primeng-tristatecheckbox.mjs.map +1 -1
  127. package/fileupload/fileupload.d.ts +3 -3
  128. package/galleria/galleria.d.ts +1 -0
  129. package/inputgroup/inputgroup.d.ts +13 -1
  130. package/inputgroupaddon/inputgroupaddon.d.ts +13 -1
  131. package/menu/menu.d.ts +2 -3
  132. package/multiselect/multiselect.d.ts +1 -4
  133. package/overlaypanel/overlaypanel.d.ts +12 -2
  134. package/package.json +204 -204
  135. package/panelmenu/panelmenu.d.ts +2 -0
  136. package/progressbar/progressbar.d.ts +7 -1
  137. package/resources/components/inputswitch/inputswitch.css +1 -0
  138. package/resources/themes/arya-blue/theme.css +21 -17
  139. package/resources/themes/arya-green/theme.css +21 -17
  140. package/resources/themes/arya-orange/theme.css +21 -17
  141. package/resources/themes/arya-purple/theme.css +21 -17
  142. package/resources/themes/bootstrap4-dark-blue/theme.css +21 -17
  143. package/resources/themes/bootstrap4-dark-purple/theme.css +21 -17
  144. package/resources/themes/bootstrap4-light-blue/theme.css +21 -17
  145. package/resources/themes/bootstrap4-light-purple/theme.css +21 -17
  146. package/resources/themes/fluent-light/theme.css +21 -17
  147. package/resources/themes/lara-dark-blue/theme.css +21 -17
  148. package/resources/themes/lara-dark-indigo/theme.css +21 -17
  149. package/resources/themes/lara-dark-purple/theme.css +21 -17
  150. package/resources/themes/lara-dark-teal/theme.css +21 -17
  151. package/resources/themes/lara-light-blue/theme.css +21 -17
  152. package/resources/themes/lara-light-indigo/theme.css +21 -17
  153. package/resources/themes/lara-light-purple/theme.css +21 -17
  154. package/resources/themes/lara-light-teal/theme.css +64 -60
  155. package/resources/themes/luna-amber/theme.css +21 -17
  156. package/resources/themes/luna-blue/theme.css +21 -17
  157. package/resources/themes/luna-green/theme.css +21 -17
  158. package/resources/themes/luna-pink/theme.css +21 -17
  159. package/resources/themes/md-dark-deeppurple/theme.css +21 -17
  160. package/resources/themes/md-dark-indigo/theme.css +21 -17
  161. package/resources/themes/md-light-deeppurple/theme.css +21 -17
  162. package/resources/themes/md-light-indigo/theme.css +21 -17
  163. package/resources/themes/mdc-dark-deeppurple/theme.css +21 -17
  164. package/resources/themes/mdc-dark-indigo/theme.css +21 -17
  165. package/resources/themes/mdc-light-deeppurple/theme.css +21 -17
  166. package/resources/themes/mdc-light-indigo/theme.css +21 -17
  167. package/resources/themes/mira/theme.css +21 -17
  168. package/resources/themes/nano/theme.css +21 -17
  169. package/resources/themes/nova/theme.css +21 -17
  170. package/resources/themes/nova-accent/theme.css +21 -17
  171. package/resources/themes/nova-alt/theme.css +21 -17
  172. package/resources/themes/rhea/theme.css +21 -17
  173. package/resources/themes/saga-blue/theme.css +21 -17
  174. package/resources/themes/saga-green/theme.css +21 -17
  175. package/resources/themes/saga-orange/theme.css +21 -17
  176. package/resources/themes/saga-purple/theme.css +21 -17
  177. package/resources/themes/soho-dark/theme.css +21 -17
  178. package/resources/themes/soho-light/theme.css +21 -17
  179. package/resources/themes/tailwind-light/theme.css +21 -17
  180. package/resources/themes/vela-blue/theme.css +21 -17
  181. package/resources/themes/vela-green/theme.css +21 -17
  182. package/resources/themes/vela-orange/theme.css +21 -17
  183. package/resources/themes/vela-purple/theme.css +21 -17
  184. package/resources/themes/viva-dark/theme.css +21 -17
  185. package/resources/themes/viva-light/theme.css +21 -17
  186. package/sidebar/sidebar.d.ts +1 -0
  187. package/sidebar/sidebar.interface.d.ts +4 -0
  188. package/table/columnfilter.interface.d.ts +35 -0
  189. package/table/public_api.d.ts +1 -0
  190. package/table/table.d.ts +106 -0
  191. package/tieredmenu/tieredmenu.interface.d.ts +16 -0
  192. package/toast/toast.d.ts +3 -1
  193. package/toast/toast.interface.d.ts +11 -0
  194. package/togglebutton/togglebutton.d.ts +9 -3
  195. package/togglebutton/togglebutton.interface.d.ts +19 -0
  196. package/resources/components/tristatecheckbox/tristatecheckbox.css +0 -5
package/resources/themes/vela-green/theme.css CHANGED
@@ -370,9 +370,9 @@
370
370
  padding: 0.25rem 0;
371
371
  }
372
372
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
373
- font-family: inherit;
374
- font-feature-settings: inherit;
375
- font-size: inherit;
373
+ font-family: var(--font-family);
374
+ font-feature-settings: var(--font-feature-settings, normal);
375
+ font-size: 1rem;
376
376
  color: rgba(255, 255, 255, 0.87);
377
377
  padding: 0;
378
378
  margin: 0;
@@ -861,6 +861,10 @@
861
861
  margin-left: 0.5rem;
862
862
  }
863
863
 
864
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
865
+ border-color: #ef9a9a;
866
+ }
867
+
864
868
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
865
869
  border-color: #81C784;
866
870
  }
@@ -892,9 +896,9 @@
892
896
  padding: 0.25rem 0;
893
897
  }
894
898
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
895
- font-family: inherit;
896
- font-feature-settings: inherit;
897
- font-size: inherit;
899
+ font-family: var(--font-family);
900
+ font-feature-settings: var(--font-feature-settings, normal);
901
+ font-size: 1rem;
898
902
  color: rgba(255, 255, 255, 0.87);
899
903
  padding: 0;
900
904
  margin: 0;
@@ -1052,6 +1056,10 @@
1052
1056
  background-color: transparent;
1053
1057
  }
1054
1058
 
1059
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1060
+ border-color: #ef9a9a;
1061
+ }
1062
+
1055
1063
  .p-inputgroup-addon {
1056
1064
  background: #1f2d40;
1057
1065
  color: rgba(255, 255, 255, 0.6);
@@ -1066,27 +1074,23 @@
1066
1074
  }
1067
1075
 
1068
1076
  .p-inputgroup > .p-component,
1069
- .p-inputgroup > .p-element,
1070
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1077
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1071
1078
  .p-inputgroup > .p-float-label > .p-component {
1072
1079
  border-radius: 0;
1073
1080
  margin: 0;
1074
1081
  }
1075
1082
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1076
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1077
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1083
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1078
1084
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1079
1085
  border-left: 0 none;
1080
1086
  }
1081
1087
  .p-inputgroup > .p-component:focus,
1082
- .p-inputgroup > .p-element:focus,
1083
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1088
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1084
1089
  .p-inputgroup > .p-float-label > .p-component:focus {
1085
1090
  z-index: 1;
1086
1091
  }
1087
1092
  .p-inputgroup > .p-component:focus ~ label,
1088
- .p-inputgroup > .p-element:focus ~ label,
1089
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1093
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1090
1094
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1091
1095
  z-index: 1;
1092
1096
  }
@@ -1196,7 +1200,7 @@
1196
1200
  background: #6abd6e;
1197
1201
  }
1198
1202
 
1199
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1203
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1200
1204
  border-color: #ef9a9a;
1201
1205
  }
1202
1206
 
@@ -5747,7 +5751,7 @@
5747
5751
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5748
5752
  }
5749
5753
  .p-message .p-message-close:hover {
5750
- background: rgba(255, 255, 255, 0.3);
5754
+ background: rgba(255, 255, 255, 0.5);
5751
5755
  }
5752
5756
  .p-message .p-message-close:focus-visible {
5753
5757
  outline: 0 none;
@@ -5857,7 +5861,7 @@
5857
5861
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5858
5862
  }
5859
5863
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5860
- background: rgba(255, 255, 255, 0.3);
5864
+ background: rgba(255, 255, 255, 0.5);
5861
5865
  }
5862
5866
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5863
5867
  outline: 0 none;
package/resources/themes/vela-orange/theme.css CHANGED
@@ -370,9 +370,9 @@
370
370
  padding: 0.25rem 0;
371
371
  }
372
372
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
373
- font-family: inherit;
374
- font-feature-settings: inherit;
375
- font-size: inherit;
373
+ font-family: var(--font-family);
374
+ font-feature-settings: var(--font-feature-settings, normal);
375
+ font-size: 1rem;
376
376
  color: rgba(255, 255, 255, 0.87);
377
377
  padding: 0;
378
378
  margin: 0;
@@ -861,6 +861,10 @@
861
861
  margin-left: 0.5rem;
862
862
  }
863
863
 
864
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
865
+ border-color: #ef9a9a;
866
+ }
867
+
864
868
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
865
869
  border-color: #FFD54F;
866
870
  }
@@ -892,9 +896,9 @@
892
896
  padding: 0.25rem 0;
893
897
  }
894
898
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
895
- font-family: inherit;
896
- font-feature-settings: inherit;
897
- font-size: inherit;
899
+ font-family: var(--font-family);
900
+ font-feature-settings: var(--font-feature-settings, normal);
901
+ font-size: 1rem;
898
902
  color: rgba(255, 255, 255, 0.87);
899
903
  padding: 0;
900
904
  margin: 0;
@@ -1052,6 +1056,10 @@
1052
1056
  background-color: transparent;
1053
1057
  }
1054
1058
 
1059
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1060
+ border-color: #ef9a9a;
1061
+ }
1062
+
1055
1063
  .p-inputgroup-addon {
1056
1064
  background: #1f2d40;
1057
1065
  color: rgba(255, 255, 255, 0.6);
@@ -1066,27 +1074,23 @@
1066
1074
  }
1067
1075
 
1068
1076
  .p-inputgroup > .p-component,
1069
- .p-inputgroup > .p-element,
1070
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1077
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1071
1078
  .p-inputgroup > .p-float-label > .p-component {
1072
1079
  border-radius: 0;
1073
1080
  margin: 0;
1074
1081
  }
1075
1082
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1076
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1077
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1083
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1078
1084
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1079
1085
  border-left: 0 none;
1080
1086
  }
1081
1087
  .p-inputgroup > .p-component:focus,
1082
- .p-inputgroup > .p-element:focus,
1083
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1088
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1084
1089
  .p-inputgroup > .p-float-label > .p-component:focus {
1085
1090
  z-index: 1;
1086
1091
  }
1087
1092
  .p-inputgroup > .p-component:focus ~ label,
1088
- .p-inputgroup > .p-element:focus ~ label,
1089
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1093
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1090
1094
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1091
1095
  z-index: 1;
1092
1096
  }
@@ -1196,7 +1200,7 @@
1196
1200
  background: #ffcd2e;
1197
1201
  }
1198
1202
 
1199
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1203
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1200
1204
  border-color: #ef9a9a;
1201
1205
  }
1202
1206
 
@@ -5747,7 +5751,7 @@
5747
5751
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5748
5752
  }
5749
5753
  .p-message .p-message-close:hover {
5750
- background: rgba(255, 255, 255, 0.3);
5754
+ background: rgba(255, 255, 255, 0.5);
5751
5755
  }
5752
5756
  .p-message .p-message-close:focus-visible {
5753
5757
  outline: 0 none;
@@ -5857,7 +5861,7 @@
5857
5861
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5858
5862
  }
5859
5863
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5860
- background: rgba(255, 255, 255, 0.3);
5864
+ background: rgba(255, 255, 255, 0.5);
5861
5865
  }
5862
5866
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5863
5867
  outline: 0 none;
package/resources/themes/vela-purple/theme.css CHANGED
@@ -370,9 +370,9 @@
370
370
  padding: 0.25rem 0;
371
371
  }
372
372
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
373
- font-family: inherit;
374
- font-feature-settings: inherit;
375
- font-size: inherit;
373
+ font-family: var(--font-family);
374
+ font-feature-settings: var(--font-feature-settings, normal);
375
+ font-size: 1rem;
376
376
  color: rgba(255, 255, 255, 0.87);
377
377
  padding: 0;
378
378
  margin: 0;
@@ -861,6 +861,10 @@
861
861
  margin-left: 0.5rem;
862
862
  }
863
863
 
864
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
865
+ border-color: #ef9a9a;
866
+ }
867
+
864
868
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
865
869
  border-color: #BA68C8;
866
870
  }
@@ -892,9 +896,9 @@
892
896
  padding: 0.25rem 0;
893
897
  }
894
898
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
895
- font-family: inherit;
896
- font-feature-settings: inherit;
897
- font-size: inherit;
899
+ font-family: var(--font-family);
900
+ font-feature-settings: var(--font-feature-settings, normal);
901
+ font-size: 1rem;
898
902
  color: rgba(255, 255, 255, 0.87);
899
903
  padding: 0;
900
904
  margin: 0;
@@ -1052,6 +1056,10 @@
1052
1056
  background-color: transparent;
1053
1057
  }
1054
1058
 
1059
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1060
+ border-color: #ef9a9a;
1061
+ }
1062
+
1055
1063
  .p-inputgroup-addon {
1056
1064
  background: #1f2d40;
1057
1065
  color: rgba(255, 255, 255, 0.6);
@@ -1066,27 +1074,23 @@
1066
1074
  }
1067
1075
 
1068
1076
  .p-inputgroup > .p-component,
1069
- .p-inputgroup > .p-element,
1070
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1077
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1071
1078
  .p-inputgroup > .p-float-label > .p-component {
1072
1079
  border-radius: 0;
1073
1080
  margin: 0;
1074
1081
  }
1075
1082
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1076
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1077
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1083
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1078
1084
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1079
1085
  border-left: 0 none;
1080
1086
  }
1081
1087
  .p-inputgroup > .p-component:focus,
1082
- .p-inputgroup > .p-element:focus,
1083
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1088
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1084
1089
  .p-inputgroup > .p-float-label > .p-component:focus {
1085
1090
  z-index: 1;
1086
1091
  }
1087
1092
  .p-inputgroup > .p-component:focus ~ label,
1088
- .p-inputgroup > .p-element:focus ~ label,
1089
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1093
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1090
1094
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1091
1095
  z-index: 1;
1092
1096
  }
@@ -1196,7 +1200,7 @@
1196
1200
  background: #b052c0;
1197
1201
  }
1198
1202
 
1199
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1203
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1200
1204
  border-color: #ef9a9a;
1201
1205
  }
1202
1206
 
@@ -5747,7 +5751,7 @@
5747
5751
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5748
5752
  }
5749
5753
  .p-message .p-message-close:hover {
5750
- background: rgba(255, 255, 255, 0.3);
5754
+ background: rgba(255, 255, 255, 0.5);
5751
5755
  }
5752
5756
  .p-message .p-message-close:focus-visible {
5753
5757
  outline: 0 none;
@@ -5857,7 +5861,7 @@
5857
5861
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5858
5862
  }
5859
5863
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5860
- background: rgba(255, 255, 255, 0.3);
5864
+ background: rgba(255, 255, 255, 0.5);
5861
5865
  }
5862
5866
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5863
5867
  outline: 0 none;
package/resources/themes/viva-dark/theme.css CHANGED
@@ -400,9 +400,9 @@
400
400
  padding: 0.25rem 0;
401
401
  }
402
402
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
403
- font-family: inherit;
404
- font-feature-settings: inherit;
405
- font-size: inherit;
403
+ font-family: var(--font-family);
404
+ font-feature-settings: var(--font-feature-settings, normal);
405
+ font-size: 1rem;
406
406
  color: rgba(255, 255, 255, 0.87);
407
407
  padding: 0;
408
408
  margin: 0;
@@ -891,6 +891,10 @@
891
891
  margin-left: 0.5rem;
892
892
  }
893
893
 
894
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
895
+ border-color: #f78c79;
896
+ }
897
+
894
898
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
895
899
  border-color: #2d3e44;
896
900
  }
@@ -922,9 +926,9 @@
922
926
  padding: 0.25rem 0;
923
927
  }
924
928
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
925
- font-family: inherit;
926
- font-feature-settings: inherit;
927
- font-size: inherit;
929
+ font-family: var(--font-family);
930
+ font-feature-settings: var(--font-feature-settings, normal);
931
+ font-size: 1rem;
928
932
  color: rgba(255, 255, 255, 0.87);
929
933
  padding: 0;
930
934
  margin: 0;
@@ -1082,6 +1086,10 @@
1082
1086
  background-color: transparent;
1083
1087
  }
1084
1088
 
1089
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1090
+ border-color: #f78c79;
1091
+ }
1092
+
1085
1093
  .p-inputgroup-addon {
1086
1094
  background: #161d21;
1087
1095
  color: rgba(255, 255, 255, 0.6);
@@ -1096,27 +1104,23 @@
1096
1104
  }
1097
1105
 
1098
1106
  .p-inputgroup > .p-component,
1099
- .p-inputgroup > .p-element,
1100
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1107
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1101
1108
  .p-inputgroup > .p-float-label > .p-component {
1102
1109
  border-radius: 0;
1103
1110
  margin: 0;
1104
1111
  }
1105
1112
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1106
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1107
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1113
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1108
1114
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1109
1115
  border-left: 0 none;
1110
1116
  }
1111
1117
  .p-inputgroup > .p-component:focus,
1112
- .p-inputgroup > .p-element:focus,
1113
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1118
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1114
1119
  .p-inputgroup > .p-float-label > .p-component:focus {
1115
1120
  z-index: 1;
1116
1121
  }
1117
1122
  .p-inputgroup > .p-component:focus ~ label,
1118
- .p-inputgroup > .p-element:focus ~ label,
1119
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1123
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1120
1124
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1121
1125
  z-index: 1;
1122
1126
  }
@@ -1226,7 +1230,7 @@
1226
1230
  background: #8fa0e2;
1227
1231
  }
1228
1232
 
1229
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1233
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1230
1234
  border-color: #f78c79;
1231
1235
  }
1232
1236
 
@@ -5777,7 +5781,7 @@
5777
5781
  transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
5778
5782
  }
5779
5783
  .p-message .p-message-close:hover {
5780
- background: rgba(255, 255, 255, 0.3);
5784
+ background: rgba(255, 255, 255, 0.5);
5781
5785
  }
5782
5786
  .p-message .p-message-close:focus-visible {
5783
5787
  outline: 0 none;
@@ -5887,7 +5891,7 @@
5887
5891
  transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
5888
5892
  }
5889
5893
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5890
- background: rgba(255, 255, 255, 0.3);
5894
+ background: rgba(255, 255, 255, 0.5);
5891
5895
  }
5892
5896
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5893
5897
  outline: 0 none;
package/resources/themes/viva-light/theme.css CHANGED
@@ -401,9 +401,9 @@
401
401
  padding: 0.25rem 0;
402
402
  }
403
403
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
404
- font-family: inherit;
405
- font-feature-settings: inherit;
406
- font-size: inherit;
404
+ font-family: var(--font-family);
405
+ font-feature-settings: var(--font-feature-settings, normal);
406
+ font-size: 1rem;
407
407
  color: #6c6c6c;
408
408
  padding: 0;
409
409
  margin: 0;
@@ -892,6 +892,10 @@
892
892
  margin-left: 0.5rem;
893
893
  }
894
894
 
895
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
896
+ border-color: #f88c79;
897
+ }
898
+
895
899
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
896
900
  border-color: #cecece;
897
901
  }
@@ -923,9 +927,9 @@
923
927
  padding: 0.25rem 0;
924
928
  }
925
929
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
926
- font-family: inherit;
927
- font-feature-settings: inherit;
928
- font-size: inherit;
930
+ font-family: var(--font-family);
931
+ font-feature-settings: var(--font-feature-settings, normal);
932
+ font-size: 1rem;
929
933
  color: #6c6c6c;
930
934
  padding: 0;
931
935
  margin: 0;
@@ -1083,6 +1087,10 @@
1083
1087
  background-color: transparent;
1084
1088
  }
1085
1089
 
1090
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1091
+ border-color: #f88c79;
1092
+ }
1093
+
1086
1094
  .p-inputgroup-addon {
1087
1095
  background: #f5f5f5;
1088
1096
  color: #898989;
@@ -1097,27 +1105,23 @@
1097
1105
  }
1098
1106
 
1099
1107
  .p-inputgroup > .p-component,
1100
- .p-inputgroup > .p-element,
1101
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1108
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1102
1109
  .p-inputgroup > .p-float-label > .p-component {
1103
1110
  border-radius: 0;
1104
1111
  margin: 0;
1105
1112
  }
1106
1113
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1107
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1108
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1114
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1109
1115
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1110
1116
  border-left: 0 none;
1111
1117
  }
1112
1118
  .p-inputgroup > .p-component:focus,
1113
- .p-inputgroup > .p-element:focus,
1114
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1119
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1115
1120
  .p-inputgroup > .p-float-label > .p-component:focus {
1116
1121
  z-index: 1;
1117
1122
  }
1118
1123
  .p-inputgroup > .p-component:focus ~ label,
1119
- .p-inputgroup > .p-element:focus ~ label,
1120
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1124
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1121
1125
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1122
1126
  z-index: 1;
1123
1127
  }
@@ -1227,7 +1231,7 @@
1227
1231
  background: #4868d1;
1228
1232
  }
1229
1233
 
1230
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1234
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1231
1235
  border-color: #f88c79;
1232
1236
  }
1233
1237
 
@@ -5778,7 +5782,7 @@
5778
5782
  transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
5779
5783
  }
5780
5784
  .p-message .p-message-close:hover {
5781
- background: rgba(255, 255, 255, 0.3);
5785
+ background: rgba(255, 255, 255, 0.5);
5782
5786
  }
5783
5787
  .p-message .p-message-close:focus-visible {
5784
5788
  outline: 0 none;
@@ -5888,7 +5892,7 @@
5888
5892
  transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
5889
5893
  }
5890
5894
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5891
- background: rgba(255, 255, 255, 0.3);
5895
+ background: rgba(255, 255, 255, 0.5);
5892
5896
  }
5893
5897
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5894
5898
  outline: 0 none;
package/sidebar/sidebar.d.ts CHANGED
@@ -127,6 +127,7 @@ export declare class Sidebar implements AfterViewInit, AfterContentInit, OnDestr
127
127
  headerTemplate: Nullable<TemplateRef<any>>;
128
128
  footerTemplate: Nullable<TemplateRef<any>>;
129
129
  closeIconTemplate: Nullable<TemplateRef<any>>;
130
+ headlessTemplate: Nullable<TemplateRef<any>>;
130
131
  constructor(document: Document, el: ElementRef, renderer: Renderer2, cd: ChangeDetectorRef, config: PrimeNGConfig);
131
132
  ngAfterViewInit(): void;
132
133
  ngAfterContentInit(): void;
package/sidebar/sidebar.interface.d.ts CHANGED
@@ -20,4 +20,8 @@ export interface SidebarTemplates {
20
20
  * Custom template of closeicon.
21
21
  */
22
22
  closeicon(): TemplateRef<any>;
23
+ /**
24
+ * Headless template.
25
+ */
26
+ headless(): TemplateRef<any>;
23
27
  }
package/table/columnfilter.interface.d.ts ADDED
@@ -0,0 +1,35 @@
1
+ import { TemplateRef } from '@angular/core';
2
+ /**
3
+ * Defines valid templates in Column Filter.
4
+ * @group Templates
5
+ */
6
+ export interface TableColumnFilterTemplates {
7
+ /**
8
+ * Custom filter template.
9
+ */
10
+ filterTemplate(): TemplateRef<any>;
11
+ /**
12
+ * Custom header template.
13
+ */
14
+ headerTemplate(): TemplateRef<any>;
15
+ /**
16
+ * Custom footer template.
17
+ */
18
+ footerTemplate(): TemplateRef<any>;
19
+ /**
20
+ * Custom filter icon template.
21
+ */
22
+ filterIconTemplate(): TemplateRef<any>;
23
+ /**
24
+ * Custom remove rule icon template.
25
+ */
26
+ removeRuleIconTemplate(): TemplateRef<any>;
27
+ /**
28
+ * Custom add rule icon template.
29
+ */
30
+ addRuleIconTemplate(): TemplateRef<any>;
31
+ /**
32
+ * Custom clear filter icon template.
33
+ */
34
+ clearFilterIconTemplate(): TemplateRef<any>;
35
+ }
package/table/public_api.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  export * from './table';
2
2
  export * from './table.interface';
3
+ export * from './columnfilter.interface';