primereact 10.6.5 → 10.6.6

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 (169) hide show
  1. package/README.md +1 -1
  2. package/api/api.d.ts +8 -0
  3. package/chart/chart.d.ts +1 -13
  4. package/column/column.d.ts +6 -0
  5. package/core/core.js +94 -30
  6. package/core/core.min.js +8 -8
  7. package/datatable/datatable.cjs.js +56 -46
  8. package/datatable/datatable.cjs.min.js +1 -1
  9. package/datatable/datatable.esm.js +56 -46
  10. package/datatable/datatable.esm.min.js +1 -1
  11. package/datatable/datatable.js +56 -46
  12. package/datatable/datatable.min.js +1 -1
  13. package/dialog/dialog.cjs.js +5 -3
  14. package/dialog/dialog.cjs.min.js +1 -1
  15. package/dialog/dialog.esm.js +5 -3
  16. package/dialog/dialog.esm.min.js +1 -1
  17. package/dialog/dialog.js +5 -3
  18. package/dialog/dialog.min.js +1 -1
  19. package/dropdown/dropdown.cjs.js +3 -3
  20. package/dropdown/dropdown.cjs.min.js +1 -1
  21. package/dropdown/dropdown.esm.js +3 -3
  22. package/dropdown/dropdown.esm.min.js +1 -1
  23. package/dropdown/dropdown.js +3 -3
  24. package/dropdown/dropdown.min.js +1 -1
  25. package/galleria/galleria.cjs.js +7 -0
  26. package/galleria/galleria.cjs.min.js +1 -1
  27. package/galleria/galleria.esm.js +8 -1
  28. package/galleria/galleria.esm.min.js +1 -1
  29. package/galleria/galleria.js +7 -0
  30. package/galleria/galleria.min.js +1 -1
  31. package/inputnumber/inputnumber.cjs.js +14 -11
  32. package/inputnumber/inputnumber.cjs.min.js +1 -1
  33. package/inputnumber/inputnumber.esm.js +14 -11
  34. package/inputnumber/inputnumber.esm.min.js +1 -1
  35. package/inputnumber/inputnumber.js +14 -11
  36. package/inputnumber/inputnumber.min.js +1 -1
  37. package/inputotp/inputotp.cjs.js +25 -1
  38. package/inputotp/inputotp.cjs.min.js +1 -1
  39. package/inputotp/inputotp.esm.js +26 -2
  40. package/inputotp/inputotp.esm.min.js +1 -1
  41. package/inputotp/inputotp.js +25 -1
  42. package/inputotp/inputotp.min.js +1 -1
  43. package/keyfilter/keyfilter.cjs.js +1 -1
  44. package/keyfilter/keyfilter.cjs.min.js +1 -1
  45. package/keyfilter/keyfilter.esm.js +1 -1
  46. package/keyfilter/keyfilter.esm.min.js +1 -1
  47. package/keyfilter/keyfilter.js +1 -1
  48. package/keyfilter/keyfilter.min.js +1 -1
  49. package/metergroup/metergroup.cjs.js +2 -1
  50. package/metergroup/metergroup.cjs.min.js +1 -1
  51. package/metergroup/metergroup.esm.js +2 -1
  52. package/metergroup/metergroup.esm.min.js +1 -1
  53. package/metergroup/metergroup.js +2 -1
  54. package/metergroup/metergroup.min.js +1 -1
  55. package/multiselect/multiselect.cjs.js +2 -2
  56. package/multiselect/multiselect.cjs.min.js +1 -1
  57. package/multiselect/multiselect.esm.js +2 -2
  58. package/multiselect/multiselect.esm.min.js +1 -1
  59. package/multiselect/multiselect.js +2 -2
  60. package/multiselect/multiselect.min.js +1 -1
  61. package/package.json +1 -1
  62. package/paginator/paginator.cjs.js +1 -1
  63. package/paginator/paginator.cjs.min.js +1 -1
  64. package/paginator/paginator.esm.js +1 -1
  65. package/paginator/paginator.esm.min.js +1 -1
  66. package/paginator/paginator.js +1 -1
  67. package/paginator/paginator.min.js +1 -1
  68. package/panelmenu/panelmenu.cjs.js +13 -12
  69. package/panelmenu/panelmenu.cjs.min.js +1 -1
  70. package/panelmenu/panelmenu.esm.js +13 -12
  71. package/panelmenu/panelmenu.esm.min.js +1 -1
  72. package/panelmenu/panelmenu.js +13 -12
  73. package/panelmenu/panelmenu.min.js +1 -1
  74. package/password/password.cjs.js +2 -2
  75. package/password/password.cjs.min.js +1 -1
  76. package/password/password.esm.js +2 -2
  77. package/password/password.esm.min.js +1 -1
  78. package/password/password.js +2 -2
  79. package/password/password.min.js +1 -1
  80. package/primereact.all.cjs.js +2859 -1916
  81. package/primereact.all.cjs.min.js +1 -1
  82. package/primereact.all.esm.js +2856 -1917
  83. package/primereact.all.esm.min.js +1 -1
  84. package/primereact.all.js +2859 -1916
  85. package/primereact.all.min.js +1 -1
  86. package/resources/themes/arya-blue/theme.css +62 -0
  87. package/resources/themes/arya-green/theme.css +62 -0
  88. package/resources/themes/arya-orange/theme.css +62 -0
  89. package/resources/themes/bootstrap4-dark-blue/theme.css +62 -0
  90. package/resources/themes/bootstrap4-dark-purple/theme.css +207 -43
  91. package/resources/themes/bootstrap4-light-blue/theme.css +62 -0
  92. package/resources/themes/bootstrap4-light-purple/theme.css +207 -43
  93. package/resources/themes/fluent-light/theme.css +62 -0
  94. package/resources/themes/lara-dark-amber/theme.css +62 -9
  95. package/resources/themes/lara-dark-blue/theme.css +62 -9
  96. package/resources/themes/lara-dark-cyan/theme.css +62 -9
  97. package/resources/themes/lara-dark-green/theme.css +62 -9
  98. package/resources/themes/lara-dark-indigo/theme.css +62 -9
  99. package/resources/themes/lara-dark-pink/theme.css +62 -9
  100. package/resources/themes/lara-dark-teal/theme.css +62 -9
  101. package/resources/themes/lara-light-amber/theme.css +62 -9
  102. package/resources/themes/lara-light-blue/theme.css +62 -9
  103. package/resources/themes/lara-light-cyan/theme.css +62 -9
  104. package/resources/themes/lara-light-green/theme.css +62 -9
  105. package/resources/themes/lara-light-indigo/theme.css +62 -9
  106. package/resources/themes/lara-light-pink/theme.css +62 -9
  107. package/resources/themes/lara-light-teal/theme.css +62 -9
  108. package/resources/themes/luna-amber/theme.css +62 -0
  109. package/resources/themes/luna-blue/theme.css +62 -0
  110. package/resources/themes/luna-green/theme.css +62 -0
  111. package/resources/themes/luna-pink/theme.css +62 -0
  112. package/resources/themes/md-dark-deeppurple/theme.css +225 -43
  113. package/resources/themes/md-dark-indigo/theme.css +213 -151
  114. package/resources/themes/md-light-deeppurple/theme.css +225 -43
  115. package/resources/themes/md-light-indigo/theme.css +62 -0
  116. package/resources/themes/mdc-dark-deeppurple/theme.css +225 -43
  117. package/resources/themes/mdc-dark-indigo/theme.css +213 -151
  118. package/resources/themes/mdc-light-deeppurple/theme.css +225 -43
  119. package/resources/themes/mdc-light-indigo/theme.css +62 -0
  120. package/resources/themes/mira/theme.css +62 -0
  121. package/resources/themes/nano/theme.css +62 -0
  122. package/resources/themes/nova/theme.css +62 -0
  123. package/resources/themes/nova-accent/theme.css +62 -0
  124. package/resources/themes/nova-alt/theme.css +62 -0
  125. package/resources/themes/rhea/theme.css +62 -0
  126. package/resources/themes/saga-blue/theme.css +62 -0
  127. package/resources/themes/saga-green/theme.css +62 -0
  128. package/resources/themes/saga-orange/theme.css +62 -0
  129. package/resources/themes/soho-dark/theme.css +87 -25
  130. package/resources/themes/soho-light/theme.css +62 -0
  131. package/resources/themes/tailwind-light/theme.css +62 -0
  132. package/resources/themes/vela-blue/theme.css +62 -0
  133. package/resources/themes/vela-green/theme.css +62 -0
  134. package/resources/themes/vela-orange/theme.css +62 -0
  135. package/resources/themes/viva-dark/theme.css +62 -0
  136. package/resources/themes/viva-light/theme.css +62 -0
  137. package/tabview/tabview.cjs.js +0 -2
  138. package/tabview/tabview.cjs.min.js +1 -1
  139. package/tabview/tabview.esm.js +0 -2
  140. package/tabview/tabview.esm.min.js +1 -1
  141. package/tabview/tabview.js +0 -2
  142. package/tabview/tabview.min.js +1 -1
  143. package/tooltip/tooltip.cjs.js +2 -2
  144. package/tooltip/tooltip.cjs.min.js +1 -1
  145. package/tooltip/tooltip.esm.js +2 -2
  146. package/tooltip/tooltip.esm.min.js +1 -1
  147. package/tooltip/tooltip.js +2 -2
  148. package/tooltip/tooltip.min.js +1 -1
  149. package/tree/tree.cjs.js +45 -8
  150. package/tree/tree.cjs.min.js +1 -1
  151. package/tree/tree.esm.js +45 -8
  152. package/tree/tree.esm.min.js +1 -1
  153. package/tree/tree.js +45 -8
  154. package/tree/tree.min.js +1 -1
  155. package/treetable/treetable.cjs.js +240 -7
  156. package/treetable/treetable.cjs.min.js +1 -1
  157. package/treetable/treetable.d.ts +29 -0
  158. package/treetable/treetable.esm.js +240 -7
  159. package/treetable/treetable.esm.min.js +1 -1
  160. package/treetable/treetable.js +240 -7
  161. package/treetable/treetable.min.js +1 -1
  162. package/utils/utils.d.ts +7 -4
  163. package/virtualscroller/virtualscroller.cjs.js +23 -1
  164. package/virtualscroller/virtualscroller.cjs.min.js +1 -1
  165. package/virtualscroller/virtualscroller.esm.js +23 -1
  166. package/virtualscroller/virtualscroller.esm.min.js +1 -1
  167. package/virtualscroller/virtualscroller.js +23 -1
  168. package/virtualscroller/virtualscroller.min.js +1 -1
  169. package/web-types.json +66 -28
@@ -4700,6 +4700,68 @@
4700
4700
  outline-offset: 0;
4701
4701
  box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2);
4702
4702
  }
4703
+ .p-tabview-nav-container {
4704
+ position: relative;
4705
+ }
4706
+ .p-tabview-scrollable .p-tabview-nav-container {
4707
+ overflow: hidden;
4708
+ }
4709
+ .p-tabview-nav-content {
4710
+ overflow-x: auto;
4711
+ overflow-y: hidden;
4712
+ scroll-behavior: smooth;
4713
+ scrollbar-width: none;
4714
+ overscroll-behavior: contain auto;
4715
+ position: relative;
4716
+ }
4717
+ .p-tabview-nav {
4718
+ display: flex;
4719
+ margin: 0;
4720
+ padding: 0;
4721
+ list-style-type: none;
4722
+ flex: 1 1 auto;
4723
+ }
4724
+ .p-tabview-nav-link {
4725
+ cursor: pointer;
4726
+ user-select: none;
4727
+ display: flex;
4728
+ align-items: center;
4729
+ position: relative;
4730
+ text-decoration: none;
4731
+ overflow: hidden;
4732
+ }
4733
+ .p-tabview-ink-bar {
4734
+ display: none;
4735
+ z-index: 1;
4736
+ }
4737
+ .p-tabview-nav-link:focus {
4738
+ z-index: 1;
4739
+ }
4740
+ .p-tabview-close {
4741
+ z-index: 1;
4742
+ }
4743
+ .p-tabview-title {
4744
+ line-height: 1;
4745
+ white-space: nowrap;
4746
+ }
4747
+ .p-tabview-nav-btn {
4748
+ position: absolute;
4749
+ top: 0;
4750
+ z-index: 2;
4751
+ height: 100%;
4752
+ display: flex;
4753
+ align-items: center;
4754
+ justify-content: center;
4755
+ }
4756
+ .p-tabview-nav-prev {
4757
+ left: 0;
4758
+ }
4759
+ .p-tabview-nav-next {
4760
+ right: 0;
4761
+ }
4762
+ .p-tabview-nav-content::-webkit-scrollbar {
4763
+ display: none;
4764
+ }
4703
4765
  .p-tabview .p-tabview-nav {
4704
4766
  background: transparent;
4705
4767
  border: 1px solid #424b57;
@@ -6936,15 +6998,6 @@
6936
6998
  .p-tabview .p-tabview-nav li .p-tabview-nav-link {
6937
6999
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
6938
7000
  }
6939
- .p-tabview .p-tabview-nav .p-tabview-ink-bar {
6940
- z-index: 1;
6941
- display: block;
6942
- position: absolute;
6943
- bottom: 0;
6944
- height: 2px;
6945
- background-color: #34d399;
6946
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
6947
- }
6948
7001
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
6949
7002
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
6950
7003
  }
@@ -4700,6 +4700,68 @@
4700
4700
  outline-offset: 0;
4701
4701
  box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2);
4702
4702
  }
4703
+ .p-tabview-nav-container {
4704
+ position: relative;
4705
+ }
4706
+ .p-tabview-scrollable .p-tabview-nav-container {
4707
+ overflow: hidden;
4708
+ }
4709
+ .p-tabview-nav-content {
4710
+ overflow-x: auto;
4711
+ overflow-y: hidden;
4712
+ scroll-behavior: smooth;
4713
+ scrollbar-width: none;
4714
+ overscroll-behavior: contain auto;
4715
+ position: relative;
4716
+ }
4717
+ .p-tabview-nav {
4718
+ display: flex;
4719
+ margin: 0;
4720
+ padding: 0;
4721
+ list-style-type: none;
4722
+ flex: 1 1 auto;
4723
+ }
4724
+ .p-tabview-nav-link {
4725
+ cursor: pointer;
4726
+ user-select: none;
4727
+ display: flex;
4728
+ align-items: center;
4729
+ position: relative;
4730
+ text-decoration: none;
4731
+ overflow: hidden;
4732
+ }
4733
+ .p-tabview-ink-bar {
4734
+ display: none;
4735
+ z-index: 1;
4736
+ }
4737
+ .p-tabview-nav-link:focus {
4738
+ z-index: 1;
4739
+ }
4740
+ .p-tabview-close {
4741
+ z-index: 1;
4742
+ }
4743
+ .p-tabview-title {
4744
+ line-height: 1;
4745
+ white-space: nowrap;
4746
+ }
4747
+ .p-tabview-nav-btn {
4748
+ position: absolute;
4749
+ top: 0;
4750
+ z-index: 2;
4751
+ height: 100%;
4752
+ display: flex;
4753
+ align-items: center;
4754
+ justify-content: center;
4755
+ }
4756
+ .p-tabview-nav-prev {
4757
+ left: 0;
4758
+ }
4759
+ .p-tabview-nav-next {
4760
+ right: 0;
4761
+ }
4762
+ .p-tabview-nav-content::-webkit-scrollbar {
4763
+ display: none;
4764
+ }
4703
4765
  .p-tabview .p-tabview-nav {
4704
4766
  background: transparent;
4705
4767
  border: 1px solid #424b57;
@@ -6936,15 +6998,6 @@
6936
6998
  .p-tabview .p-tabview-nav li .p-tabview-nav-link {
6937
6999
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
6938
7000
  }
6939
- .p-tabview .p-tabview-nav .p-tabview-ink-bar {
6940
- z-index: 1;
6941
- display: block;
6942
- position: absolute;
6943
- bottom: 0;
6944
- height: 2px;
6945
- background-color: #818cf8;
6946
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
6947
- }
6948
7001
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
6949
7002
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
6950
7003
  }
@@ -4700,6 +4700,68 @@
4700
4700
  outline-offset: 0;
4701
4701
  box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2);
4702
4702
  }
4703
+ .p-tabview-nav-container {
4704
+ position: relative;
4705
+ }
4706
+ .p-tabview-scrollable .p-tabview-nav-container {
4707
+ overflow: hidden;
4708
+ }
4709
+ .p-tabview-nav-content {
4710
+ overflow-x: auto;
4711
+ overflow-y: hidden;
4712
+ scroll-behavior: smooth;
4713
+ scrollbar-width: none;
4714
+ overscroll-behavior: contain auto;
4715
+ position: relative;
4716
+ }
4717
+ .p-tabview-nav {
4718
+ display: flex;
4719
+ margin: 0;
4720
+ padding: 0;
4721
+ list-style-type: none;
4722
+ flex: 1 1 auto;
4723
+ }
4724
+ .p-tabview-nav-link {
4725
+ cursor: pointer;
4726
+ user-select: none;
4727
+ display: flex;
4728
+ align-items: center;
4729
+ position: relative;
4730
+ text-decoration: none;
4731
+ overflow: hidden;
4732
+ }
4733
+ .p-tabview-ink-bar {
4734
+ display: none;
4735
+ z-index: 1;
4736
+ }
4737
+ .p-tabview-nav-link:focus {
4738
+ z-index: 1;
4739
+ }
4740
+ .p-tabview-close {
4741
+ z-index: 1;
4742
+ }
4743
+ .p-tabview-title {
4744
+ line-height: 1;
4745
+ white-space: nowrap;
4746
+ }
4747
+ .p-tabview-nav-btn {
4748
+ position: absolute;
4749
+ top: 0;
4750
+ z-index: 2;
4751
+ height: 100%;
4752
+ display: flex;
4753
+ align-items: center;
4754
+ justify-content: center;
4755
+ }
4756
+ .p-tabview-nav-prev {
4757
+ left: 0;
4758
+ }
4759
+ .p-tabview-nav-next {
4760
+ right: 0;
4761
+ }
4762
+ .p-tabview-nav-content::-webkit-scrollbar {
4763
+ display: none;
4764
+ }
4703
4765
  .p-tabview .p-tabview-nav {
4704
4766
  background: transparent;
4705
4767
  border: 1px solid #424b57;
@@ -6936,15 +6998,6 @@
6936
6998
  .p-tabview .p-tabview-nav li .p-tabview-nav-link {
6937
6999
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
6938
7000
  }
6939
- .p-tabview .p-tabview-nav .p-tabview-ink-bar {
6940
- z-index: 1;
6941
- display: block;
6942
- position: absolute;
6943
- bottom: 0;
6944
- height: 2px;
6945
- background-color: #f472b6;
6946
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
6947
- }
6948
7001
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
6949
7002
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
6950
7003
  }
@@ -4700,6 +4700,68 @@
4700
4700
  outline-offset: 0;
4701
4701
  box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2);
4702
4702
  }
4703
+ .p-tabview-nav-container {
4704
+ position: relative;
4705
+ }
4706
+ .p-tabview-scrollable .p-tabview-nav-container {
4707
+ overflow: hidden;
4708
+ }
4709
+ .p-tabview-nav-content {
4710
+ overflow-x: auto;
4711
+ overflow-y: hidden;
4712
+ scroll-behavior: smooth;
4713
+ scrollbar-width: none;
4714
+ overscroll-behavior: contain auto;
4715
+ position: relative;
4716
+ }
4717
+ .p-tabview-nav {
4718
+ display: flex;
4719
+ margin: 0;
4720
+ padding: 0;
4721
+ list-style-type: none;
4722
+ flex: 1 1 auto;
4723
+ }
4724
+ .p-tabview-nav-link {
4725
+ cursor: pointer;
4726
+ user-select: none;
4727
+ display: flex;
4728
+ align-items: center;
4729
+ position: relative;
4730
+ text-decoration: none;
4731
+ overflow: hidden;
4732
+ }
4733
+ .p-tabview-ink-bar {
4734
+ display: none;
4735
+ z-index: 1;
4736
+ }
4737
+ .p-tabview-nav-link:focus {
4738
+ z-index: 1;
4739
+ }
4740
+ .p-tabview-close {
4741
+ z-index: 1;
4742
+ }
4743
+ .p-tabview-title {
4744
+ line-height: 1;
4745
+ white-space: nowrap;
4746
+ }
4747
+ .p-tabview-nav-btn {
4748
+ position: absolute;
4749
+ top: 0;
4750
+ z-index: 2;
4751
+ height: 100%;
4752
+ display: flex;
4753
+ align-items: center;
4754
+ justify-content: center;
4755
+ }
4756
+ .p-tabview-nav-prev {
4757
+ left: 0;
4758
+ }
4759
+ .p-tabview-nav-next {
4760
+ right: 0;
4761
+ }
4762
+ .p-tabview-nav-content::-webkit-scrollbar {
4763
+ display: none;
4764
+ }
4703
4765
  .p-tabview .p-tabview-nav {
4704
4766
  background: transparent;
4705
4767
  border: 1px solid #424b57;
@@ -6936,15 +6998,6 @@
6936
6998
  .p-tabview .p-tabview-nav li .p-tabview-nav-link {
6937
6999
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
6938
7000
  }
6939
- .p-tabview .p-tabview-nav .p-tabview-ink-bar {
6940
- z-index: 1;
6941
- display: block;
6942
- position: absolute;
6943
- bottom: 0;
6944
- height: 2px;
6945
- background-color: #2dd4bf;
6946
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
6947
- }
6948
7001
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
6949
7002
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
6950
7003
  }
@@ -4700,6 +4700,68 @@
4700
4700
  outline-offset: 0;
4701
4701
  box-shadow: 0 0 0 0.2rem #fef08a;
4702
4702
  }
4703
+ .p-tabview-nav-container {
4704
+ position: relative;
4705
+ }
4706
+ .p-tabview-scrollable .p-tabview-nav-container {
4707
+ overflow: hidden;
4708
+ }
4709
+ .p-tabview-nav-content {
4710
+ overflow-x: auto;
4711
+ overflow-y: hidden;
4712
+ scroll-behavior: smooth;
4713
+ scrollbar-width: none;
4714
+ overscroll-behavior: contain auto;
4715
+ position: relative;
4716
+ }
4717
+ .p-tabview-nav {
4718
+ display: flex;
4719
+ margin: 0;
4720
+ padding: 0;
4721
+ list-style-type: none;
4722
+ flex: 1 1 auto;
4723
+ }
4724
+ .p-tabview-nav-link {
4725
+ cursor: pointer;
4726
+ user-select: none;
4727
+ display: flex;
4728
+ align-items: center;
4729
+ position: relative;
4730
+ text-decoration: none;
4731
+ overflow: hidden;
4732
+ }
4733
+ .p-tabview-ink-bar {
4734
+ display: none;
4735
+ z-index: 1;
4736
+ }
4737
+ .p-tabview-nav-link:focus {
4738
+ z-index: 1;
4739
+ }
4740
+ .p-tabview-close {
4741
+ z-index: 1;
4742
+ }
4743
+ .p-tabview-title {
4744
+ line-height: 1;
4745
+ white-space: nowrap;
4746
+ }
4747
+ .p-tabview-nav-btn {
4748
+ position: absolute;
4749
+ top: 0;
4750
+ z-index: 2;
4751
+ height: 100%;
4752
+ display: flex;
4753
+ align-items: center;
4754
+ justify-content: center;
4755
+ }
4756
+ .p-tabview-nav-prev {
4757
+ left: 0;
4758
+ }
4759
+ .p-tabview-nav-next {
4760
+ right: 0;
4761
+ }
4762
+ .p-tabview-nav-content::-webkit-scrollbar {
4763
+ display: none;
4764
+ }
4703
4765
  .p-tabview .p-tabview-nav {
4704
4766
  background: #ffffff;
4705
4767
  border: 1px solid #e5e7eb;
@@ -6936,15 +6998,6 @@
6936
6998
  .p-tabview .p-tabview-nav li .p-tabview-nav-link {
6937
6999
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
6938
7000
  }
6939
- .p-tabview .p-tabview-nav .p-tabview-ink-bar {
6940
- z-index: 1;
6941
- display: block;
6942
- position: absolute;
6943
- bottom: 0;
6944
- height: 2px;
6945
- background-color: #f59e0b;
6946
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
6947
- }
6948
7001
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
6949
7002
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
6950
7003
  }
@@ -4700,6 +4700,68 @@
4700
4700
  outline-offset: 0;
4701
4701
  box-shadow: 0 0 0 0.2rem #bfdbfe;
4702
4702
  }
4703
+ .p-tabview-nav-container {
4704
+ position: relative;
4705
+ }
4706
+ .p-tabview-scrollable .p-tabview-nav-container {
4707
+ overflow: hidden;
4708
+ }
4709
+ .p-tabview-nav-content {
4710
+ overflow-x: auto;
4711
+ overflow-y: hidden;
4712
+ scroll-behavior: smooth;
4713
+ scrollbar-width: none;
4714
+ overscroll-behavior: contain auto;
4715
+ position: relative;
4716
+ }
4717
+ .p-tabview-nav {
4718
+ display: flex;
4719
+ margin: 0;
4720
+ padding: 0;
4721
+ list-style-type: none;
4722
+ flex: 1 1 auto;
4723
+ }
4724
+ .p-tabview-nav-link {
4725
+ cursor: pointer;
4726
+ user-select: none;
4727
+ display: flex;
4728
+ align-items: center;
4729
+ position: relative;
4730
+ text-decoration: none;
4731
+ overflow: hidden;
4732
+ }
4733
+ .p-tabview-ink-bar {
4734
+ display: none;
4735
+ z-index: 1;
4736
+ }
4737
+ .p-tabview-nav-link:focus {
4738
+ z-index: 1;
4739
+ }
4740
+ .p-tabview-close {
4741
+ z-index: 1;
4742
+ }
4743
+ .p-tabview-title {
4744
+ line-height: 1;
4745
+ white-space: nowrap;
4746
+ }
4747
+ .p-tabview-nav-btn {
4748
+ position: absolute;
4749
+ top: 0;
4750
+ z-index: 2;
4751
+ height: 100%;
4752
+ display: flex;
4753
+ align-items: center;
4754
+ justify-content: center;
4755
+ }
4756
+ .p-tabview-nav-prev {
4757
+ left: 0;
4758
+ }
4759
+ .p-tabview-nav-next {
4760
+ right: 0;
4761
+ }
4762
+ .p-tabview-nav-content::-webkit-scrollbar {
4763
+ display: none;
4764
+ }
4703
4765
  .p-tabview .p-tabview-nav {
4704
4766
  background: #ffffff;
4705
4767
  border: 1px solid #e5e7eb;
@@ -6936,15 +6998,6 @@
6936
6998
  .p-tabview .p-tabview-nav li .p-tabview-nav-link {
6937
6999
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
6938
7000
  }
6939
- .p-tabview .p-tabview-nav .p-tabview-ink-bar {
6940
- z-index: 1;
6941
- display: block;
6942
- position: absolute;
6943
- bottom: 0;
6944
- height: 2px;
6945
- background-color: #3b82f6;
6946
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
6947
- }
6948
7001
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
6949
7002
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
6950
7003
  }
@@ -4700,6 +4700,68 @@
4700
4700
  outline-offset: 0;
4701
4701
  box-shadow: 0 0 0 0.2rem #a5f3fc;
4702
4702
  }
4703
+ .p-tabview-nav-container {
4704
+ position: relative;
4705
+ }
4706
+ .p-tabview-scrollable .p-tabview-nav-container {
4707
+ overflow: hidden;
4708
+ }
4709
+ .p-tabview-nav-content {
4710
+ overflow-x: auto;
4711
+ overflow-y: hidden;
4712
+ scroll-behavior: smooth;
4713
+ scrollbar-width: none;
4714
+ overscroll-behavior: contain auto;
4715
+ position: relative;
4716
+ }
4717
+ .p-tabview-nav {
4718
+ display: flex;
4719
+ margin: 0;
4720
+ padding: 0;
4721
+ list-style-type: none;
4722
+ flex: 1 1 auto;
4723
+ }
4724
+ .p-tabview-nav-link {
4725
+ cursor: pointer;
4726
+ user-select: none;
4727
+ display: flex;
4728
+ align-items: center;
4729
+ position: relative;
4730
+ text-decoration: none;
4731
+ overflow: hidden;
4732
+ }
4733
+ .p-tabview-ink-bar {
4734
+ display: none;
4735
+ z-index: 1;
4736
+ }
4737
+ .p-tabview-nav-link:focus {
4738
+ z-index: 1;
4739
+ }
4740
+ .p-tabview-close {
4741
+ z-index: 1;
4742
+ }
4743
+ .p-tabview-title {
4744
+ line-height: 1;
4745
+ white-space: nowrap;
4746
+ }
4747
+ .p-tabview-nav-btn {
4748
+ position: absolute;
4749
+ top: 0;
4750
+ z-index: 2;
4751
+ height: 100%;
4752
+ display: flex;
4753
+ align-items: center;
4754
+ justify-content: center;
4755
+ }
4756
+ .p-tabview-nav-prev {
4757
+ left: 0;
4758
+ }
4759
+ .p-tabview-nav-next {
4760
+ right: 0;
4761
+ }
4762
+ .p-tabview-nav-content::-webkit-scrollbar {
4763
+ display: none;
4764
+ }
4703
4765
  .p-tabview .p-tabview-nav {
4704
4766
  background: #ffffff;
4705
4767
  border: 1px solid #e5e7eb;
@@ -6936,15 +6998,6 @@
6936
6998
  .p-tabview .p-tabview-nav li .p-tabview-nav-link {
6937
6999
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
6938
7000
  }
6939
- .p-tabview .p-tabview-nav .p-tabview-ink-bar {
6940
- z-index: 1;
6941
- display: block;
6942
- position: absolute;
6943
- bottom: 0;
6944
- height: 2px;
6945
- background-color: #06b6d4;
6946
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
6947
- }
6948
7001
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
6949
7002
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
6950
7003
  }
@@ -4700,6 +4700,68 @@
4700
4700
  outline-offset: 0;
4701
4701
  box-shadow: 0 0 0 0.2rem #a7f3d0;
4702
4702
  }
4703
+ .p-tabview-nav-container {
4704
+ position: relative;
4705
+ }
4706
+ .p-tabview-scrollable .p-tabview-nav-container {
4707
+ overflow: hidden;
4708
+ }
4709
+ .p-tabview-nav-content {
4710
+ overflow-x: auto;
4711
+ overflow-y: hidden;
4712
+ scroll-behavior: smooth;
4713
+ scrollbar-width: none;
4714
+ overscroll-behavior: contain auto;
4715
+ position: relative;
4716
+ }
4717
+ .p-tabview-nav {
4718
+ display: flex;
4719
+ margin: 0;
4720
+ padding: 0;
4721
+ list-style-type: none;
4722
+ flex: 1 1 auto;
4723
+ }
4724
+ .p-tabview-nav-link {
4725
+ cursor: pointer;
4726
+ user-select: none;
4727
+ display: flex;
4728
+ align-items: center;
4729
+ position: relative;
4730
+ text-decoration: none;
4731
+ overflow: hidden;
4732
+ }
4733
+ .p-tabview-ink-bar {
4734
+ display: none;
4735
+ z-index: 1;
4736
+ }
4737
+ .p-tabview-nav-link:focus {
4738
+ z-index: 1;
4739
+ }
4740
+ .p-tabview-close {
4741
+ z-index: 1;
4742
+ }
4743
+ .p-tabview-title {
4744
+ line-height: 1;
4745
+ white-space: nowrap;
4746
+ }
4747
+ .p-tabview-nav-btn {
4748
+ position: absolute;
4749
+ top: 0;
4750
+ z-index: 2;
4751
+ height: 100%;
4752
+ display: flex;
4753
+ align-items: center;
4754
+ justify-content: center;
4755
+ }
4756
+ .p-tabview-nav-prev {
4757
+ left: 0;
4758
+ }
4759
+ .p-tabview-nav-next {
4760
+ right: 0;
4761
+ }
4762
+ .p-tabview-nav-content::-webkit-scrollbar {
4763
+ display: none;
4764
+ }
4703
4765
  .p-tabview .p-tabview-nav {
4704
4766
  background: #ffffff;
4705
4767
  border: 1px solid #e5e7eb;
@@ -6936,15 +6998,6 @@
6936
6998
  .p-tabview .p-tabview-nav li .p-tabview-nav-link {
6937
6999
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
6938
7000
  }
6939
- .p-tabview .p-tabview-nav .p-tabview-ink-bar {
6940
- z-index: 1;
6941
- display: block;
6942
- position: absolute;
6943
- bottom: 0;
6944
- height: 2px;
6945
- background-color: #10b981;
6946
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
6947
- }
6948
7001
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
6949
7002
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
6950
7003
  }