primeng 17.0.0 → 17.1.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 (157) 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/dialog/dialog.d.ts +7 -1
  10. package/dynamicdialog/dialogservice.d.ts +6 -0
  11. package/dynamicdialog/dynamicdialog-config.d.ts +41 -0
  12. package/dynamicdialog/dynamicdialog.d.ts +13 -0
  13. package/esm2022/autocomplete/autocomplete.mjs +13 -6
  14. package/esm2022/avatar/avatar.mjs +3 -3
  15. package/esm2022/calendar/calendar.interface.mjs +1 -1
  16. package/esm2022/calendar/calendar.mjs +47 -8
  17. package/esm2022/cascadeselect/cascadeselect.mjs +2 -2
  18. package/esm2022/confirmdialog/confirmdialog.interface.mjs +1 -1
  19. package/esm2022/confirmdialog/confirmdialog.mjs +139 -125
  20. package/esm2022/confirmpopup/confirmpopup.interface.mjs +1 -1
  21. package/esm2022/confirmpopup/confirmpopup.mjs +93 -65
  22. package/esm2022/dialog/dialog.mjs +123 -98
  23. package/esm2022/dropdown/dropdown.mjs +3 -2
  24. package/esm2022/dynamicdialog/dialogservice.mjs +9 -1
  25. package/esm2022/dynamicdialog/dynamicdialog-config.mjs +11 -1
  26. package/esm2022/dynamicdialog/dynamicdialog.mjs +109 -30
  27. package/esm2022/fileupload/fileupload.mjs +4 -4
  28. package/esm2022/inputswitch/inputswitch.mjs +2 -2
  29. package/esm2022/listbox/listbox.mjs +5 -5
  30. package/esm2022/menu/menu.mjs +11 -14
  31. package/esm2022/multiselect/multiselect.mjs +15 -22
  32. package/esm2022/overlaypanel/overlaypanel.mjs +28 -8
  33. package/esm2022/panelmenu/panelmenu.mjs +41 -17
  34. package/esm2022/picklist/picklist.mjs +7 -5
  35. package/esm2022/progressbar/progressbar.mjs +29 -6
  36. package/esm2022/scroller/scroller.mjs +3 -3
  37. package/esm2022/sidebar/sidebar.interface.mjs +1 -1
  38. package/esm2022/sidebar/sidebar.mjs +69 -55
  39. package/esm2022/table/table.mjs +6 -6
  40. package/esm2022/tieredmenu/tieredmenu.interface.mjs +1 -1
  41. package/esm2022/tieredmenu/tieredmenu.mjs +3 -3
  42. package/esm2022/toast/toast.interface.mjs +1 -1
  43. package/esm2022/toast/toast.mjs +84 -65
  44. package/esm2022/togglebutton/togglebutton.interface.mjs +1 -1
  45. package/esm2022/togglebutton/togglebutton.mjs +34 -8
  46. package/fesm2022/primeng-autocomplete.mjs +12 -5
  47. package/fesm2022/primeng-autocomplete.mjs.map +1 -1
  48. package/fesm2022/primeng-avatar.mjs +2 -2
  49. package/fesm2022/primeng-avatar.mjs.map +1 -1
  50. package/fesm2022/primeng-calendar.mjs +46 -7
  51. package/fesm2022/primeng-calendar.mjs.map +1 -1
  52. package/fesm2022/primeng-cascadeselect.mjs +1 -1
  53. package/fesm2022/primeng-cascadeselect.mjs.map +1 -1
  54. package/fesm2022/primeng-confirmdialog.mjs +138 -124
  55. package/fesm2022/primeng-confirmdialog.mjs.map +1 -1
  56. package/fesm2022/primeng-confirmpopup.mjs +92 -64
  57. package/fesm2022/primeng-confirmpopup.mjs.map +1 -1
  58. package/fesm2022/primeng-dialog.mjs +122 -97
  59. package/fesm2022/primeng-dialog.mjs.map +1 -1
  60. package/fesm2022/primeng-dropdown.mjs +2 -1
  61. package/fesm2022/primeng-dropdown.mjs.map +1 -1
  62. package/fesm2022/primeng-dynamicdialog.mjs +126 -29
  63. package/fesm2022/primeng-dynamicdialog.mjs.map +1 -1
  64. package/fesm2022/primeng-fileupload.mjs +3 -3
  65. package/fesm2022/primeng-fileupload.mjs.map +1 -1
  66. package/fesm2022/primeng-inputswitch.mjs +2 -2
  67. package/fesm2022/primeng-inputswitch.mjs.map +1 -1
  68. package/fesm2022/primeng-listbox.mjs +4 -4
  69. package/fesm2022/primeng-listbox.mjs.map +1 -1
  70. package/fesm2022/primeng-menu.mjs +10 -13
  71. package/fesm2022/primeng-menu.mjs.map +1 -1
  72. package/fesm2022/primeng-multiselect.mjs +14 -21
  73. package/fesm2022/primeng-multiselect.mjs.map +1 -1
  74. package/fesm2022/primeng-overlaypanel.mjs +27 -7
  75. package/fesm2022/primeng-overlaypanel.mjs.map +1 -1
  76. package/fesm2022/primeng-panelmenu.mjs +40 -16
  77. package/fesm2022/primeng-panelmenu.mjs.map +1 -1
  78. package/fesm2022/primeng-picklist.mjs +6 -4
  79. package/fesm2022/primeng-picklist.mjs.map +1 -1
  80. package/fesm2022/primeng-progressbar.mjs +28 -5
  81. package/fesm2022/primeng-progressbar.mjs.map +1 -1
  82. package/fesm2022/primeng-scroller.mjs +2 -2
  83. package/fesm2022/primeng-scroller.mjs.map +1 -1
  84. package/fesm2022/primeng-sidebar.mjs +68 -54
  85. package/fesm2022/primeng-sidebar.mjs.map +1 -1
  86. package/fesm2022/primeng-table.mjs +5 -5
  87. package/fesm2022/primeng-table.mjs.map +1 -1
  88. package/fesm2022/primeng-tieredmenu.mjs +2 -2
  89. package/fesm2022/primeng-tieredmenu.mjs.map +1 -1
  90. package/fesm2022/primeng-toast.mjs +83 -64
  91. package/fesm2022/primeng-toast.mjs.map +1 -1
  92. package/fesm2022/primeng-togglebutton.mjs +33 -7
  93. package/fesm2022/primeng-togglebutton.mjs.map +1 -1
  94. package/fileupload/fileupload.d.ts +3 -3
  95. package/menu/menu.d.ts +2 -3
  96. package/multiselect/multiselect.d.ts +1 -4
  97. package/overlaypanel/overlaypanel.d.ts +12 -2
  98. package/package.json +256 -256
  99. package/panelmenu/panelmenu.d.ts +11 -6
  100. package/progressbar/progressbar.d.ts +7 -1
  101. package/resources/components/inputswitch/inputswitch.css +1 -0
  102. package/resources/themes/arya-blue/theme.css +9 -1
  103. package/resources/themes/arya-green/theme.css +9 -1
  104. package/resources/themes/arya-orange/theme.css +9 -1
  105. package/resources/themes/arya-purple/theme.css +9 -1
  106. package/resources/themes/bootstrap4-dark-blue/theme.css +9 -1
  107. package/resources/themes/bootstrap4-dark-purple/theme.css +9 -1
  108. package/resources/themes/bootstrap4-light-blue/theme.css +9 -1
  109. package/resources/themes/bootstrap4-light-purple/theme.css +9 -1
  110. package/resources/themes/fluent-light/theme.css +9 -1
  111. package/resources/themes/lara-dark-blue/theme.css +9 -1
  112. package/resources/themes/lara-dark-indigo/theme.css +9 -1
  113. package/resources/themes/lara-dark-purple/theme.css +9 -1
  114. package/resources/themes/lara-dark-teal/theme.css +9 -1
  115. package/resources/themes/lara-light-blue/theme.css +9 -1
  116. package/resources/themes/lara-light-indigo/theme.css +9 -1
  117. package/resources/themes/lara-light-purple/theme.css +9 -1
  118. package/resources/themes/lara-light-teal/theme.css +9 -1
  119. package/resources/themes/luna-amber/theme.css +9 -1
  120. package/resources/themes/luna-blue/theme.css +9 -1
  121. package/resources/themes/luna-green/theme.css +9 -1
  122. package/resources/themes/luna-pink/theme.css +9 -1
  123. package/resources/themes/md-dark-deeppurple/theme.css +9 -1
  124. package/resources/themes/md-dark-indigo/theme.css +9 -1
  125. package/resources/themes/md-light-deeppurple/theme.css +9 -1
  126. package/resources/themes/md-light-indigo/theme.css +9 -1
  127. package/resources/themes/mdc-dark-deeppurple/theme.css +9 -1
  128. package/resources/themes/mdc-dark-indigo/theme.css +9 -1
  129. package/resources/themes/mdc-light-deeppurple/theme.css +9 -1
  130. package/resources/themes/mdc-light-indigo/theme.css +9 -1
  131. package/resources/themes/mira/theme.css +9 -1
  132. package/resources/themes/nano/theme.css +9 -1
  133. package/resources/themes/nova/theme.css +9 -1
  134. package/resources/themes/nova-accent/theme.css +9 -1
  135. package/resources/themes/nova-alt/theme.css +9 -1
  136. package/resources/themes/rhea/theme.css +9 -1
  137. package/resources/themes/saga-blue/theme.css +9 -1
  138. package/resources/themes/saga-green/theme.css +9 -1
  139. package/resources/themes/saga-orange/theme.css +9 -1
  140. package/resources/themes/saga-purple/theme.css +9 -1
  141. package/resources/themes/soho-dark/theme.css +9 -1
  142. package/resources/themes/soho-light/theme.css +9 -1
  143. package/resources/themes/tailwind-light/theme.css +9 -1
  144. package/resources/themes/vela-blue/theme.css +9 -1
  145. package/resources/themes/vela-green/theme.css +9 -1
  146. package/resources/themes/vela-orange/theme.css +9 -1
  147. package/resources/themes/vela-purple/theme.css +9 -1
  148. package/resources/themes/viva-dark/theme.css +9 -1
  149. package/resources/themes/viva-light/theme.css +9 -1
  150. package/sidebar/sidebar.d.ts +1 -0
  151. package/sidebar/sidebar.interface.d.ts +4 -0
  152. package/tieredmenu/tieredmenu.interface.d.ts +16 -0
  153. package/toast/toast.d.ts +3 -1
  154. package/toast/toast.interface.d.ts +11 -0
  155. package/togglebutton/togglebutton.d.ts +9 -3
  156. package/togglebutton/togglebutton.interface.d.ts +19 -0
  157. package/resources/components/tristatecheckbox/tristatecheckbox.css +0 -5
package/resources/themes/luna-green/theme.css CHANGED
@@ -865,6 +865,10 @@
865
865
  border-color: #212529;
866
866
  }
867
867
 
868
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
869
+ border-color: #e57373;
870
+ }
871
+
868
872
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
869
873
  border-color: #C5E1A5;
870
874
  }
@@ -1056,6 +1060,10 @@
1056
1060
  background-color: transparent;
1057
1061
  }
1058
1062
 
1063
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1064
+ border-color: #e57373;
1065
+ }
1066
+
1059
1067
  .p-inputgroup-addon {
1060
1068
  background: #252525;
1061
1069
  color: #888888;
@@ -1200,7 +1208,7 @@
1200
1208
  background: #AED581;
1201
1209
  }
1202
1210
 
1203
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1211
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1204
1212
  border-color: #e57373;
1205
1213
  }
1206
1214
 
package/resources/themes/luna-pink/theme.css CHANGED
@@ -865,6 +865,10 @@
865
865
  border-color: #212529;
866
866
  }
867
867
 
868
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
869
+ border-color: #e57373;
870
+ }
871
+
868
872
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
869
873
  border-color: #F48FB1;
870
874
  }
@@ -1056,6 +1060,10 @@
1056
1060
  background-color: transparent;
1057
1061
  }
1058
1062
 
1063
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1064
+ border-color: #e57373;
1065
+ }
1066
+
1059
1067
  .p-inputgroup-addon {
1060
1068
  background: #252525;
1061
1069
  color: #888888;
@@ -1200,7 +1208,7 @@
1200
1208
  background: #F06292;
1201
1209
  }
1202
1210
 
1203
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1211
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1204
1212
  border-color: #e57373;
1205
1213
  }
1206
1214
 
package/resources/themes/md-dark-deeppurple/theme.css CHANGED
@@ -884,6 +884,10 @@
884
884
  margin-left: 0.5rem;
885
885
  }
886
886
 
887
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
888
+ border-color: #f44435;
889
+ }
890
+
887
891
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
888
892
  border-color: rgba(255, 255, 255, 0.6);
889
893
  }
@@ -1075,6 +1079,10 @@
1075
1079
  background-color: transparent;
1076
1080
  }
1077
1081
 
1082
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1083
+ border-color: #f44435;
1084
+ }
1085
+
1078
1086
  .p-inputgroup-addon {
1079
1087
  background: #1e1e1e;
1080
1088
  color: rgba(255, 255, 255, 0.6);
@@ -1219,7 +1227,7 @@
1219
1227
  background: rgba(206, 147, 216, 0.5);
1220
1228
  }
1221
1229
 
1222
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1230
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1223
1231
  border-color: #f44435;
1224
1232
  }
1225
1233
 
package/resources/themes/md-dark-indigo/theme.css CHANGED
@@ -884,6 +884,10 @@
884
884
  margin-left: 0.5rem;
885
885
  }
886
886
 
887
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
888
+ border-color: #f44435;
889
+ }
890
+
887
891
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
888
892
  border-color: rgba(255, 255, 255, 0.6);
889
893
  }
@@ -1075,6 +1079,10 @@
1075
1079
  background-color: transparent;
1076
1080
  }
1077
1081
 
1082
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1083
+ border-color: #f44435;
1084
+ }
1085
+
1078
1086
  .p-inputgroup-addon {
1079
1087
  background: #1e1e1e;
1080
1088
  color: rgba(255, 255, 255, 0.6);
@@ -1219,7 +1227,7 @@
1219
1227
  background: rgba(159, 168, 218, 0.5);
1220
1228
  }
1221
1229
 
1222
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1230
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1223
1231
  border-color: #f44435;
1224
1232
  }
1225
1233
 
package/resources/themes/md-light-deeppurple/theme.css CHANGED
@@ -884,6 +884,10 @@
884
884
  margin-left: 0.5rem;
885
885
  }
886
886
 
887
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
888
+ border-color: #b00020;
889
+ }
890
+
887
891
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
888
892
  border-color: rgba(0, 0, 0, 0.87);
889
893
  }
@@ -1075,6 +1079,10 @@
1075
1079
  background-color: transparent;
1076
1080
  }
1077
1081
 
1082
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1083
+ border-color: #b00020;
1084
+ }
1085
+
1078
1086
  .p-inputgroup-addon {
1079
1087
  background: #ffffff;
1080
1088
  color: rgba(0, 0, 0, 0.6);
@@ -1219,7 +1227,7 @@
1219
1227
  background: rgba(103, 58, 183, 0.5);
1220
1228
  }
1221
1229
 
1222
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1230
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1223
1231
  border-color: #b00020;
1224
1232
  }
1225
1233
 
package/resources/themes/md-light-indigo/theme.css CHANGED
@@ -884,6 +884,10 @@
884
884
  margin-left: 0.5rem;
885
885
  }
886
886
 
887
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
888
+ border-color: #b00020;
889
+ }
890
+
887
891
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
888
892
  border-color: rgba(0, 0, 0, 0.87);
889
893
  }
@@ -1075,6 +1079,10 @@
1075
1079
  background-color: transparent;
1076
1080
  }
1077
1081
 
1082
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1083
+ border-color: #b00020;
1084
+ }
1085
+
1078
1086
  .p-inputgroup-addon {
1079
1087
  background: #ffffff;
1080
1088
  color: rgba(0, 0, 0, 0.6);
@@ -1219,7 +1227,7 @@
1219
1227
  background: rgba(63, 81, 181, 0.5);
1220
1228
  }
1221
1229
 
1222
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1230
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1223
1231
  border-color: #b00020;
1224
1232
  }
1225
1233
 
package/resources/themes/mdc-dark-deeppurple/theme.css CHANGED
@@ -884,6 +884,10 @@
884
884
  margin-left: 0.5rem;
885
885
  }
886
886
 
887
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
888
+ border-color: #f44435;
889
+ }
890
+
887
891
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
888
892
  border-color: rgba(255, 255, 255, 0.6);
889
893
  }
@@ -1075,6 +1079,10 @@
1075
1079
  background-color: transparent;
1076
1080
  }
1077
1081
 
1082
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1083
+ border-color: #f44435;
1084
+ }
1085
+
1078
1086
  .p-inputgroup-addon {
1079
1087
  background: #1e1e1e;
1080
1088
  color: rgba(255, 255, 255, 0.6);
@@ -1219,7 +1227,7 @@
1219
1227
  background: rgba(206, 147, 216, 0.5);
1220
1228
  }
1221
1229
 
1222
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1230
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1223
1231
  border-color: #f44435;
1224
1232
  }
1225
1233
 
package/resources/themes/mdc-dark-indigo/theme.css CHANGED
@@ -884,6 +884,10 @@
884
884
  margin-left: 0.5rem;
885
885
  }
886
886
 
887
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
888
+ border-color: #f44435;
889
+ }
890
+
887
891
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
888
892
  border-color: rgba(255, 255, 255, 0.6);
889
893
  }
@@ -1075,6 +1079,10 @@
1075
1079
  background-color: transparent;
1076
1080
  }
1077
1081
 
1082
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1083
+ border-color: #f44435;
1084
+ }
1085
+
1078
1086
  .p-inputgroup-addon {
1079
1087
  background: #1e1e1e;
1080
1088
  color: rgba(255, 255, 255, 0.6);
@@ -1219,7 +1227,7 @@
1219
1227
  background: rgba(159, 168, 218, 0.5);
1220
1228
  }
1221
1229
 
1222
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1230
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1223
1231
  border-color: #f44435;
1224
1232
  }
1225
1233
 
package/resources/themes/mdc-light-deeppurple/theme.css CHANGED
@@ -884,6 +884,10 @@
884
884
  margin-left: 0.5rem;
885
885
  }
886
886
 
887
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
888
+ border-color: #b00020;
889
+ }
890
+
887
891
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
888
892
  border-color: rgba(0, 0, 0, 0.87);
889
893
  }
@@ -1075,6 +1079,10 @@
1075
1079
  background-color: transparent;
1076
1080
  }
1077
1081
 
1082
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1083
+ border-color: #b00020;
1084
+ }
1085
+
1078
1086
  .p-inputgroup-addon {
1079
1087
  background: #ffffff;
1080
1088
  color: rgba(0, 0, 0, 0.6);
@@ -1219,7 +1227,7 @@
1219
1227
  background: rgba(103, 58, 183, 0.5);
1220
1228
  }
1221
1229
 
1222
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1230
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1223
1231
  border-color: #b00020;
1224
1232
  }
1225
1233
 
package/resources/themes/mdc-light-indigo/theme.css CHANGED
@@ -884,6 +884,10 @@
884
884
  margin-left: 0.5rem;
885
885
  }
886
886
 
887
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
888
+ border-color: #b00020;
889
+ }
890
+
887
891
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
888
892
  border-color: rgba(0, 0, 0, 0.87);
889
893
  }
@@ -1075,6 +1079,10 @@
1075
1079
  background-color: transparent;
1076
1080
  }
1077
1081
 
1082
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1083
+ border-color: #b00020;
1084
+ }
1085
+
1078
1086
  .p-inputgroup-addon {
1079
1087
  background: #ffffff;
1080
1088
  color: rgba(0, 0, 0, 0.6);
@@ -1219,7 +1227,7 @@
1219
1227
  background: rgba(63, 81, 181, 0.5);
1220
1228
  }
1221
1229
 
1222
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1230
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1223
1231
  border-color: #b00020;
1224
1232
  }
1225
1233
 
package/resources/themes/mira/theme.css CHANGED
@@ -887,6 +887,10 @@
887
887
  margin-left: 0.5rem;
888
888
  }
889
889
 
890
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
891
+ border-color: #bf616a;
892
+ }
893
+
890
894
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
891
895
  border-color: #81a1c1;
892
896
  }
@@ -1078,6 +1082,10 @@
1078
1082
  background-color: transparent;
1079
1083
  }
1080
1084
 
1085
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1086
+ border-color: #bf616a;
1087
+ }
1088
+
1081
1089
  .p-inputgroup-addon {
1082
1090
  background: #ffffff;
1083
1091
  color: #81a1c1;
@@ -1222,7 +1230,7 @@
1222
1230
  background: #81a1c1;
1223
1231
  }
1224
1232
 
1225
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1233
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1226
1234
  border-color: #bf616a;
1227
1235
  }
1228
1236
 
package/resources/themes/nano/theme.css CHANGED
@@ -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: #d8222f;
866
+ }
867
+
864
868
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
865
869
  border-color: #1174c0;
866
870
  }
@@ -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: #d8222f;
1061
+ }
1062
+
1055
1063
  .p-inputgroup-addon {
1056
1064
  background: #dde1e6;
1057
1065
  color: #697077;
@@ -1196,7 +1204,7 @@
1196
1204
  background: #0f68ad;
1197
1205
  }
1198
1206
 
1199
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1207
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1200
1208
  border-color: #d8222f;
1201
1209
  }
1202
1210
 
package/resources/themes/nova/theme.css CHANGED
@@ -865,6 +865,10 @@
865
865
  border-color: #ffffff;
866
866
  }
867
867
 
868
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
869
+ border-color: #a80000;
870
+ }
871
+
868
872
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
869
873
  border-color: #212121;
870
874
  }
@@ -1056,6 +1060,10 @@
1056
1060
  background-color: transparent;
1057
1061
  }
1058
1062
 
1063
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1064
+ border-color: #a80000;
1065
+ }
1066
+
1059
1067
  .p-inputgroup-addon {
1060
1068
  background: #eaeaea;
1061
1069
  color: #848484;
@@ -1200,7 +1208,7 @@
1200
1208
  background: #116fbf;
1201
1209
  }
1202
1210
 
1203
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1211
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1204
1212
  border-color: #a80000;
1205
1213
  }
1206
1214
 
package/resources/themes/nova-accent/theme.css CHANGED
@@ -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: #a80000;
866
+ }
867
+
864
868
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
865
869
  border-color: #212121;
866
870
  }
@@ -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: #a80000;
1061
+ }
1062
+
1055
1063
  .p-inputgroup-addon {
1056
1064
  background: #eaeaea;
1057
1065
  color: #848484;
@@ -1196,7 +1204,7 @@
1196
1204
  background: #116fbf;
1197
1205
  }
1198
1206
 
1199
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1207
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1200
1208
  border-color: #a80000;
1201
1209
  }
1202
1210
 
package/resources/themes/nova-alt/theme.css CHANGED
@@ -865,6 +865,10 @@
865
865
  border-color: #ffffff;
866
866
  }
867
867
 
868
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
869
+ border-color: #a80000;
870
+ }
871
+
868
872
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
869
873
  border-color: #212121;
870
874
  }
@@ -1056,6 +1060,10 @@
1056
1060
  background-color: transparent;
1057
1061
  }
1058
1062
 
1063
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1064
+ border-color: #a80000;
1065
+ }
1066
+
1059
1067
  .p-inputgroup-addon {
1060
1068
  background: #eaeaea;
1061
1069
  color: #848484;
@@ -1200,7 +1208,7 @@
1200
1208
  background: #116fbf;
1201
1209
  }
1202
1210
 
1203
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1211
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1204
1212
  border-color: #a80000;
1205
1213
  }
1206
1214
 
package/resources/themes/rhea/theme.css CHANGED
@@ -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: #e7a3a3;
866
+ }
867
+
864
868
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
865
869
  border-color: #a6a6a6;
866
870
  }
@@ -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: #e7a3a3;
1061
+ }
1062
+
1055
1063
  .p-inputgroup-addon {
1056
1064
  background: #dbdbdb;
1057
1065
  color: #666666;
@@ -1196,7 +1204,7 @@
1196
1204
  background: #afd3c8;
1197
1205
  }
1198
1206
 
1199
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1207
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1200
1208
  border-color: #e7a3a3;
1201
1209
  }
1202
1210
 
package/resources/themes/saga-blue/theme.css CHANGED
@@ -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: #f44336;
866
+ }
867
+
864
868
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
865
869
  border-color: #2196F3;
866
870
  }
@@ -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: #f44336;
1061
+ }
1062
+
1055
1063
  .p-inputgroup-addon {
1056
1064
  background: #e9ecef;
1057
1065
  color: #6c757d;
@@ -1196,7 +1204,7 @@
1196
1204
  background: #0d89ec;
1197
1205
  }
1198
1206
 
1199
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1207
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1200
1208
  border-color: #f44336;
1201
1209
  }
1202
1210
 
package/resources/themes/saga-green/theme.css CHANGED
@@ -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: #f44336;
866
+ }
867
+
864
868
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
865
869
  border-color: #4CAF50;
866
870
  }
@@ -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: #f44336;
1061
+ }
1062
+
1055
1063
  .p-inputgroup-addon {
1056
1064
  background: #e9ecef;
1057
1065
  color: #6c757d;
@@ -1196,7 +1204,7 @@
1196
1204
  background: #449e48;
1197
1205
  }
1198
1206
 
1199
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1207
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1200
1208
  border-color: #f44336;
1201
1209
  }
1202
1210
 
package/resources/themes/saga-orange/theme.css CHANGED
@@ -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: #f44336;
866
+ }
867
+
864
868
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
865
869
  border-color: #FFC107;
866
870
  }
@@ -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: #f44336;
1061
+ }
1062
+
1055
1063
  .p-inputgroup-addon {
1056
1064
  background: #e9ecef;
1057
1065
  color: #6c757d;
@@ -1196,7 +1204,7 @@
1196
1204
  background: #ecb100;
1197
1205
  }
1198
1206
 
1199
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1207
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1200
1208
  border-color: #f44336;
1201
1209
  }
1202
1210
 
package/resources/themes/saga-purple/theme.css CHANGED
@@ -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: #f44336;
866
+ }
867
+
864
868
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
865
869
  border-color: #9C27B0;
866
870
  }
@@ -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: #f44336;
1061
+ }
1062
+
1055
1063
  .p-inputgroup-addon {
1056
1064
  background: #e9ecef;
1057
1065
  color: #6c757d;
@@ -1196,7 +1204,7 @@
1196
1204
  background: #8c239e;
1197
1205
  }
1198
1206
 
1199
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1207
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1200
1208
  border-color: #f44336;
1201
1209
  }
1202
1210
 
package/resources/themes/soho-dark/theme.css CHANGED
@@ -883,6 +883,10 @@
883
883
  margin-left: 0.5rem;
884
884
  }
885
885
 
886
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
887
+ border-color: #ff9a9a;
888
+ }
889
+
886
890
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
887
891
  border-color: #b19df7;
888
892
  }
@@ -1074,6 +1078,10 @@
1074
1078
  background-color: transparent;
1075
1079
  }
1076
1080
 
1081
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1082
+ border-color: #ff9a9a;
1083
+ }
1084
+
1077
1085
  .p-inputgroup-addon {
1078
1086
  background: #282936;
1079
1087
  color: rgba(255, 255, 255, 0.6);
@@ -1218,7 +1226,7 @@
1218
1226
  background: #a28af5;
1219
1227
  }
1220
1228
 
1221
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1229
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1222
1230
  border-color: #ff9a9a;
1223
1231
  }
1224
1232
 
package/resources/themes/soho-light/theme.css CHANGED
@@ -883,6 +883,10 @@
883
883
  margin-left: 0.5rem;
884
884
  }
885
885
 
886
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
887
+ border-color: #ff6767;
888
+ }
889
+
886
890
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
887
891
  border-color: #7254f3;
888
892
  }
@@ -1074,6 +1078,10 @@
1074
1078
  background-color: transparent;
1075
1079
  }
1076
1080
 
1081
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1082
+ border-color: #ff6767;
1083
+ }
1084
+
1077
1085
  .p-inputgroup-addon {
1078
1086
  background: #f6f9fc;
1079
1087
  color: #708da9;
@@ -1218,7 +1226,7 @@
1218
1226
  background: #6545f2;
1219
1227
  }
1220
1228
 
1221
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1229
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1222
1230
  border-color: #ff6767;
1223
1231
  }
1224
1232