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
@@ -3020,6 +3020,12 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3020
3020
  background: #eaeaea;
3021
3021
  color: #333333;
3022
3022
  }
3023
+ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
3024
+ background: #f9f9f9;
3025
+ }
3026
+ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
3027
+ background: #eaeaea;
3028
+ }
3023
3029
 
3024
3030
  .p-orderlist-item.cdk-drag-preview {
3025
3031
  padding: 0.429rem 0.857rem;
@@ -3215,6 +3221,12 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3215
3221
  background: #eaeaea;
3216
3222
  color: #333333;
3217
3223
  }
3224
+ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
3225
+ background: #f9f9f9;
3226
+ }
3227
+ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
3228
+ background: #eaeaea;
3229
+ }
3218
3230
 
3219
3231
  .p-picklist-item.cdk-drag-preview {
3220
3232
  padding: 0.429rem 0.857rem;
@@ -3786,6 +3798,19 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3786
3798
  color: #333333;
3787
3799
  border-top: 0 none;
3788
3800
  }
3801
+ .p-panel .p-panel-icons-end {
3802
+ order: 2;
3803
+ margin-left: auto;
3804
+ }
3805
+ .p-panel .p-panel-icons-start {
3806
+ order: 0;
3807
+ margin-right: 0.5rem;
3808
+ }
3809
+ .p-panel .p-panel-icons-center {
3810
+ order: 2;
3811
+ width: 100%;
3812
+ text-align: center;
3813
+ }
3789
3814
 
3790
3815
  .p-scrollpanel .p-scrollpanel-bar {
3791
3816
  background: #f8f8f8;
@@ -5011,6 +5036,24 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
5011
5036
  border-color: #007ad9;
5012
5037
  color: #ffffff;
5013
5038
  }
5039
+ .p-tabmenu .p-tabmenu-left-icon {
5040
+ margin-right: 0.5rem;
5041
+ }
5042
+ .p-tabmenu .p-tabmenu-right-icon {
5043
+ margin-left: 0.5rem;
5044
+ }
5045
+ .p-tabmenu .p-tabmenu-nav-btn.p-link {
5046
+ background: #007ad9;
5047
+ color: #ffffff;
5048
+ width: 2.357rem;
5049
+ 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);
5050
+ border-radius: 0;
5051
+ }
5052
+ .p-tabmenu .p-tabmenu-nav-btn.p-link:focus {
5053
+ outline: 0 none;
5054
+ outline-offset: 0;
5055
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
5056
+ }
5014
5057
 
5015
5058
  .p-tieredmenu {
5016
5059
  padding: 0;
@@ -3008,6 +3008,12 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3008
3008
  background: #eaeaea;
3009
3009
  color: #333333;
3010
3010
  }
3011
+ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
3012
+ background: #f9f9f9;
3013
+ }
3014
+ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
3015
+ background: #eaeaea;
3016
+ }
3011
3017
 
3012
3018
  .p-orderlist-item.cdk-drag-preview {
3013
3019
  padding: 0.429rem 0.857rem;
@@ -3203,6 +3209,12 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3203
3209
  background: #eaeaea;
3204
3210
  color: #333333;
3205
3211
  }
3212
+ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
3213
+ background: #f9f9f9;
3214
+ }
3215
+ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
3216
+ background: #eaeaea;
3217
+ }
3206
3218
 
3207
3219
  .p-picklist-item.cdk-drag-preview {
3208
3220
  padding: 0.429rem 0.857rem;
@@ -3774,6 +3786,19 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3774
3786
  color: #333333;
3775
3787
  border-top: 0 none;
3776
3788
  }
3789
+ .p-panel .p-panel-icons-end {
3790
+ order: 2;
3791
+ margin-left: auto;
3792
+ }
3793
+ .p-panel .p-panel-icons-start {
3794
+ order: 0;
3795
+ margin-right: 0.5rem;
3796
+ }
3797
+ .p-panel .p-panel-icons-center {
3798
+ order: 2;
3799
+ width: 100%;
3800
+ text-align: center;
3801
+ }
3777
3802
 
3778
3803
  .p-scrollpanel .p-scrollpanel-bar {
3779
3804
  background: #f8f8f8;
@@ -4999,6 +5024,24 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4999
5024
  border-color: #007ad9;
5000
5025
  color: #ffffff;
5001
5026
  }
5027
+ .p-tabmenu .p-tabmenu-left-icon {
5028
+ margin-right: 0.5rem;
5029
+ }
5030
+ .p-tabmenu .p-tabmenu-right-icon {
5031
+ margin-left: 0.5rem;
5032
+ }
5033
+ .p-tabmenu .p-tabmenu-nav-btn.p-link {
5034
+ background: #007ad9;
5035
+ color: #ffffff;
5036
+ width: 2.357rem;
5037
+ 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);
5038
+ border-radius: 0;
5039
+ }
5040
+ .p-tabmenu .p-tabmenu-nav-btn.p-link:focus {
5041
+ outline: 0 none;
5042
+ outline-offset: 0;
5043
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
5044
+ }
5002
5045
 
5003
5046
  .p-tieredmenu {
5004
5047
  padding: 0;
@@ -3020,6 +3020,12 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3020
3020
  background: #eaeaea;
3021
3021
  color: #333333;
3022
3022
  }
3023
+ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
3024
+ background: #f9f9f9;
3025
+ }
3026
+ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
3027
+ background: #eaeaea;
3028
+ }
3023
3029
 
3024
3030
  .p-orderlist-item.cdk-drag-preview {
3025
3031
  padding: 0.429rem 0.857rem;
@@ -3215,6 +3221,12 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3215
3221
  background: #eaeaea;
3216
3222
  color: #333333;
3217
3223
  }
3224
+ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
3225
+ background: #f9f9f9;
3226
+ }
3227
+ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
3228
+ background: #eaeaea;
3229
+ }
3218
3230
 
3219
3231
  .p-picklist-item.cdk-drag-preview {
3220
3232
  padding: 0.429rem 0.857rem;
@@ -3786,6 +3798,19 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3786
3798
  color: #333333;
3787
3799
  border-top: 0 none;
3788
3800
  }
3801
+ .p-panel .p-panel-icons-end {
3802
+ order: 2;
3803
+ margin-left: auto;
3804
+ }
3805
+ .p-panel .p-panel-icons-start {
3806
+ order: 0;
3807
+ margin-right: 0.5rem;
3808
+ }
3809
+ .p-panel .p-panel-icons-center {
3810
+ order: 2;
3811
+ width: 100%;
3812
+ text-align: center;
3813
+ }
3789
3814
 
3790
3815
  .p-scrollpanel .p-scrollpanel-bar {
3791
3816
  background: #f8f8f8;
@@ -5011,6 +5036,24 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
5011
5036
  border-color: #007ad9;
5012
5037
  color: #ffffff;
5013
5038
  }
5039
+ .p-tabmenu .p-tabmenu-left-icon {
5040
+ margin-right: 0.5rem;
5041
+ }
5042
+ .p-tabmenu .p-tabmenu-right-icon {
5043
+ margin-left: 0.5rem;
5044
+ }
5045
+ .p-tabmenu .p-tabmenu-nav-btn.p-link {
5046
+ background: #007ad9;
5047
+ color: #ffffff;
5048
+ width: 2.357rem;
5049
+ 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);
5050
+ border-radius: 0;
5051
+ }
5052
+ .p-tabmenu .p-tabmenu-nav-btn.p-link:focus {
5053
+ outline: 0 none;
5054
+ outline-offset: 0;
5055
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
5056
+ }
5014
5057
 
5015
5058
  .p-tieredmenu {
5016
5059
  padding: 0;
@@ -3008,6 +3008,12 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3008
3008
  background: #f4f4f4;
3009
3009
  color: #666666;
3010
3010
  }
3011
+ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
3012
+ background: #f8f8f8;
3013
+ }
3014
+ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
3015
+ background: #f4f4f4;
3016
+ }
3011
3017
 
3012
3018
  .p-orderlist-item.cdk-drag-preview {
3013
3019
  padding: 0.429rem 0.857rem;
@@ -3203,6 +3209,12 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3203
3209
  background: #f4f4f4;
3204
3210
  color: #666666;
3205
3211
  }
3212
+ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
3213
+ background: #f8f8f8;
3214
+ }
3215
+ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
3216
+ background: #f4f4f4;
3217
+ }
3206
3218
 
3207
3219
  .p-picklist-item.cdk-drag-preview {
3208
3220
  padding: 0.429rem 0.857rem;
@@ -3774,6 +3786,19 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3774
3786
  color: #666666;
3775
3787
  border-top: 0 none;
3776
3788
  }
3789
+ .p-panel .p-panel-icons-end {
3790
+ order: 2;
3791
+ margin-left: auto;
3792
+ }
3793
+ .p-panel .p-panel-icons-start {
3794
+ order: 0;
3795
+ margin-right: 0.5rem;
3796
+ }
3797
+ .p-panel .p-panel-icons-center {
3798
+ order: 2;
3799
+ width: 100%;
3800
+ text-align: center;
3801
+ }
3777
3802
 
3778
3803
  .p-scrollpanel .p-scrollpanel-bar {
3779
3804
  background: #f8f8f8;
@@ -4999,6 +5024,24 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4999
5024
  border-color: #dadada;
5000
5025
  color: #385048;
5001
5026
  }
5027
+ .p-tabmenu .p-tabmenu-left-icon {
5028
+ margin-right: 0.5rem;
5029
+ }
5030
+ .p-tabmenu .p-tabmenu-right-icon {
5031
+ margin-left: 0.5rem;
5032
+ }
5033
+ .p-tabmenu .p-tabmenu-nav-btn.p-link {
5034
+ background: #AFD3C8;
5035
+ color: #385048;
5036
+ width: 2.357rem;
5037
+ 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);
5038
+ border-radius: 0;
5039
+ }
5040
+ .p-tabmenu .p-tabmenu-nav-btn.p-link:focus {
5041
+ outline: 0 none;
5042
+ outline-offset: 0;
5043
+ box-shadow: inset 0 0 0 0.2rem #e4e9ec;
5044
+ }
5002
5045
 
5003
5046
  .p-tieredmenu {
5004
5047
  padding: 0;
@@ -3008,6 +3008,12 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3008
3008
  background: #e9ecef;
3009
3009
  color: #495057;
3010
3010
  }
3011
+ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
3012
+ background: #e9ecef;
3013
+ }
3014
+ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
3015
+ background: #e9ecef;
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: #e9ecef;
3204
3210
  color: #495057;
3205
3211
  }
3212
+ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
3213
+ background: #e9ecef;
3214
+ }
3215
+ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
3216
+ background: #e9ecef;
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: #495057;
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: #f8f9fa;
@@ -5047,6 +5072,24 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
5047
5072
  border-color: #2196F3;
5048
5073
  color: #2196F3;
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: #ffffff;
5083
+ color: #2196F3;
5084
+ width: 2.357rem;
5085
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 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 0.2rem #a6d5fa;
5092
+ }
5050
5093
 
5051
5094
  .p-tieredmenu {
5052
5095
  padding: 0.25rem 0;
@@ -3008,6 +3008,12 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3008
3008
  background: #e9ecef;
3009
3009
  color: #495057;
3010
3010
  }
3011
+ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
3012
+ background: #e9ecef;
3013
+ }
3014
+ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
3015
+ background: #e9ecef;
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: #e9ecef;
3204
3210
  color: #495057;
3205
3211
  }
3212
+ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
3213
+ background: #e9ecef;
3214
+ }
3215
+ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
3216
+ background: #e9ecef;
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: #495057;
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: #f8f9fa;
@@ -5047,6 +5072,24 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
5047
5072
  border-color: #4CAF50;
5048
5073
  color: #4CAF50;
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: #ffffff;
5083
+ color: #4CAF50;
5084
+ width: 2.357rem;
5085
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 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 0.2rem #b7e0b8;
5092
+ }
5050
5093
 
5051
5094
  .p-tieredmenu {
5052
5095
  padding: 0.25rem 0;
@@ -3008,6 +3008,12 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3008
3008
  background: #e9ecef;
3009
3009
  color: #495057;
3010
3010
  }
3011
+ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
3012
+ background: #e9ecef;
3013
+ }
3014
+ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
3015
+ background: #e9ecef;
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: #e9ecef;
3204
3210
  color: #495057;
3205
3211
  }
3212
+ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
3213
+ background: #e9ecef;
3214
+ }
3215
+ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
3216
+ background: #e9ecef;
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: #495057;
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: #f8f9fa;
@@ -5047,6 +5072,24 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
5047
5072
  border-color: #FFC107;
5048
5073
  color: #FFC107;
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: #ffffff;
5083
+ color: #FFC107;
5084
+ width: 2.357rem;
5085
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 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 0.2rem #ffe69c;
5092
+ }
5050
5093
 
5051
5094
  .p-tieredmenu {
5052
5095
  padding: 0.25rem 0;
@@ -3008,6 +3008,12 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3008
3008
  background: #e9ecef;
3009
3009
  color: #495057;
3010
3010
  }
3011
+ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
3012
+ background: #e9ecef;
3013
+ }
3014
+ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
3015
+ background: #e9ecef;
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: #e9ecef;
3204
3210
  color: #495057;
3205
3211
  }
3212
+ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
3213
+ background: #e9ecef;
3214
+ }
3215
+ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
3216
+ background: #e9ecef;
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: #495057;
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: #f8f9fa;
@@ -5047,6 +5072,24 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
5047
5072
  border-color: #9C27B0;
5048
5073
  color: #9C27B0;
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: #ffffff;
5083
+ color: #9C27B0;
5084
+ width: 2.357rem;
5085
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 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 0.2rem #df9eea;
5092
+ }
5050
5093
 
5051
5094
  .p-tieredmenu {
5052
5095
  padding: 0.25rem 0;
@@ -3043,6 +3043,12 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3043
3043
  background: #f4f4f5;
3044
3044
  color: #18181B;
3045
3045
  }
3046
+ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
3047
+ background: #fcfcfc;
3048
+ }
3049
+ .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
3050
+ background: #f4f4f5;
3051
+ }
3046
3052
 
3047
3053
  .p-orderlist-item.cdk-drag-preview {
3048
3054
  padding: 0.75rem 1rem;
@@ -3238,6 +3244,12 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3238
3244
  background: #f4f4f5;
3239
3245
  color: #18181B;
3240
3246
  }
3247
+ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
3248
+ background: #fcfcfc;
3249
+ }
3250
+ .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
3251
+ background: #f4f4f5;
3252
+ }
3241
3253
 
3242
3254
  .p-picklist-item.cdk-drag-preview {
3243
3255
  padding: 0.75rem 1rem;
@@ -3833,6 +3845,19 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3833
3845
  color: #3f3f46;
3834
3846
  border-top: 0 none;
3835
3847
  }
3848
+ .p-panel .p-panel-icons-end {
3849
+ order: 2;
3850
+ margin-left: auto;
3851
+ }
3852
+ .p-panel .p-panel-icons-start {
3853
+ order: 0;
3854
+ margin-right: 0.5rem;
3855
+ }
3856
+ .p-panel .p-panel-icons-center {
3857
+ order: 2;
3858
+ width: 100%;
3859
+ text-align: center;
3860
+ }
3836
3861
 
3837
3862
  .p-scrollpanel .p-scrollpanel-bar {
3838
3863
  background: #fafafa;
@@ -5082,6 +5107,24 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
5082
5107
  border-color: #4F46E5;
5083
5108
  color: #4F46E5;
5084
5109
  }
5110
+ .p-tabmenu .p-tabmenu-left-icon {
5111
+ margin-right: 0.5rem;
5112
+ }
5113
+ .p-tabmenu .p-tabmenu-right-icon {
5114
+ margin-left: 0.5rem;
5115
+ }
5116
+ .p-tabmenu .p-tabmenu-nav-btn.p-link {
5117
+ background: #ffffff;
5118
+ color: #4F46E5;
5119
+ width: 3rem;
5120
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
5121
+ border-radius: 0;
5122
+ }
5123
+ .p-tabmenu .p-tabmenu-nav-btn.p-link:focus {
5124
+ outline: 0 none;
5125
+ outline-offset: 0;
5126
+ box-shadow: inset 0 0 0 1px #6366F1;
5127
+ }
5085
5128
 
5086
5129
  .p-tieredmenu {
5087
5130
  padding: 0.25rem 0;
@@ -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: #64B5F6;
5048
5073
  color: #64B5F6;
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: #64B5F6;
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 #93cbf9;
5092
+ }
5050
5093
 
5051
5094
  .p-tieredmenu {
5052
5095
  padding: 0.25rem 0;