@quandis/qbo4.ui 4.0.1-CI-20241021-180407 → 4.0.1-CI-20241022-165449

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 (29) hide show
  1. package/package.json +1 -1
  2. package/scss/qboui.scss +14 -0
  3. package/src/qbo/RestApiService.js +9 -2
  4. package/src/qbo/RestApiService.ts +9 -3
  5. package/src/qbo/qbo-fetch.js +23 -10
  6. package/src/qbo/qbo-fetch.ts +22 -13
  7. package/src/qbo/qbo-paginate.d.ts +3 -0
  8. package/src/qbo/qbo-paginate.js +28 -7
  9. package/src/qbo/qbo-paginate.ts +28 -7
  10. package/src/qbo/styles.js +2 -2
  11. package/src/qbo/styles.ts +2 -2
  12. package/wwwroot/css/qboui.css +140 -61
  13. package/wwwroot/css/qboui.css.map +1 -1
  14. package/wwwroot/css/qboui.min.css +2 -2
  15. package/wwwroot/js/esm/qbo4.ui.js +64 -22
  16. package/wwwroot/js/esm/qbo4.ui.min.js +23 -19
  17. package/wwwroot/js/esm/qbo4.ui.min.js.map +1 -1
  18. package/wwwroot/js/qbo4.ui.js +64 -22
  19. package/wwwroot/js/qbo4.ui.min.js +24 -20
  20. package/wwwroot/js/qbo4.ui.min.js.map +1 -1
  21. package/wwwroot/css/qbo-card.css +0 -11987
  22. package/wwwroot/css/qbo-card.css.map +0 -1
  23. package/wwwroot/css/qbo-card.min.css +0 -5
  24. package/wwwroot/css/qbo-modal.css +0 -11997
  25. package/wwwroot/css/qbo-modal.css.map +0 -1
  26. package/wwwroot/css/qbo-modal.min.css +0 -5
  27. package/wwwroot/css/qbo-paginate.css +0 -11970
  28. package/wwwroot/css/qbo-paginate.css.map +0 -1
  29. package/wwwroot/css/qbo-paginate.min.css +0 -5
package/wwwroot/css/qboui.css CHANGED
@@ -2111,7 +2111,7 @@ div.qbo-container-layout,
2111
2111
  }
2112
2112
 
2113
2113
  .form-control, div.qbo-form form > * > slot div > input.qbo-sm,
2114
- div.qbo-form form > * > slot div > textarea.qbo-sm {
2114
+ div.qbo-form form > * > slot div > textarea.qbo-sm, .qbo-paginate li.pageSize input {
2115
2115
  display: block;
2116
2116
  width: 100%;
2117
2117
  padding: 0.375rem 0.75rem;
@@ -2130,20 +2130,20 @@ div.qbo-form form > * > slot div > textarea.qbo-sm {
2130
2130
  }
2131
2131
  @media (prefers-reduced-motion: reduce) {
2132
2132
  .form-control, div.qbo-form form > * > slot div > input.qbo-sm,
2133
- div.qbo-form form > * > slot div > textarea.qbo-sm {
2133
+ div.qbo-form form > * > slot div > textarea.qbo-sm, .qbo-paginate li.pageSize input {
2134
2134
  transition: none;
2135
2135
  }
2136
2136
  }
2137
2137
  .form-control[type=file], div.qbo-form form > * > slot div > input[type=file].qbo-sm,
2138
- div.qbo-form form > * > slot div > textarea[type=file].qbo-sm {
2138
+ div.qbo-form form > * > slot div > textarea[type=file].qbo-sm, .qbo-paginate li.pageSize input[type=file] {
2139
2139
  overflow: hidden;
2140
2140
  }
2141
2141
  .form-control[type=file]:not(:disabled):not([readonly]), div.qbo-form form > * > slot div > input[type=file].qbo-sm:not(:disabled):not([readonly]),
2142
- div.qbo-form form > * > slot div > textarea[type=file].qbo-sm:not(:disabled):not([readonly]) {
2142
+ div.qbo-form form > * > slot div > textarea[type=file].qbo-sm:not(:disabled):not([readonly]), .qbo-paginate li.pageSize input[type=file]:not(:disabled):not([readonly]) {
2143
2143
  cursor: pointer;
2144
2144
  }
2145
2145
  .form-control:focus, div.qbo-form form > * > slot div > input.qbo-sm:focus,
2146
- div.qbo-form form > * > slot div > textarea.qbo-sm:focus {
2146
+ div.qbo-form form > * > slot div > textarea.qbo-sm:focus, .qbo-paginate li.pageSize input:focus {
2147
2147
  color: var(--bs-body-color);
2148
2148
  background-color: var(--bs-body-bg);
2149
2149
  border-color: rgb(134, 182.5, 254);
@@ -2151,32 +2151,32 @@ div.qbo-form form > * > slot div > textarea.qbo-sm:focus {
2151
2151
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
2152
2152
  }
2153
2153
  .form-control::-webkit-date-and-time-value, div.qbo-form form > * > slot div > input.qbo-sm::-webkit-date-and-time-value,
2154
- div.qbo-form form > * > slot div > textarea.qbo-sm::-webkit-date-and-time-value {
2154
+ div.qbo-form form > * > slot div > textarea.qbo-sm::-webkit-date-and-time-value, .qbo-paginate li.pageSize input::-webkit-date-and-time-value {
2155
2155
  min-width: 85px;
2156
2156
  height: 1.5em;
2157
2157
  margin: 0;
2158
2158
  }
2159
2159
  .form-control::-webkit-datetime-edit, div.qbo-form form > * > slot div > input.qbo-sm::-webkit-datetime-edit,
2160
- div.qbo-form form > * > slot div > textarea.qbo-sm::-webkit-datetime-edit {
2160
+ div.qbo-form form > * > slot div > textarea.qbo-sm::-webkit-datetime-edit, .qbo-paginate li.pageSize input::-webkit-datetime-edit {
2161
2161
  display: block;
2162
2162
  padding: 0;
2163
2163
  }
2164
- .form-control::-moz-placeholder, div.qbo-form form > * > slot div > input.qbo-sm::-moz-placeholder, div.qbo-form form > * > slot div > textarea.qbo-sm::-moz-placeholder {
2164
+ .form-control::-moz-placeholder, div.qbo-form form > * > slot div > input.qbo-sm::-moz-placeholder, div.qbo-form form > * > slot div > textarea.qbo-sm::-moz-placeholder, .qbo-paginate li.pageSize input::-moz-placeholder {
2165
2165
  color: var(--bs-secondary-color);
2166
2166
  opacity: 1;
2167
2167
  }
2168
2168
  .form-control::placeholder, div.qbo-form form > * > slot div > input.qbo-sm::placeholder,
2169
- div.qbo-form form > * > slot div > textarea.qbo-sm::placeholder {
2169
+ div.qbo-form form > * > slot div > textarea.qbo-sm::placeholder, .qbo-paginate li.pageSize input::placeholder {
2170
2170
  color: var(--bs-secondary-color);
2171
2171
  opacity: 1;
2172
2172
  }
2173
2173
  .form-control:disabled, div.qbo-form form > * > slot div > input.qbo-sm:disabled,
2174
- div.qbo-form form > * > slot div > textarea.qbo-sm:disabled {
2174
+ div.qbo-form form > * > slot div > textarea.qbo-sm:disabled, .qbo-paginate li.pageSize input:disabled {
2175
2175
  background-color: var(--bs-secondary-bg);
2176
2176
  opacity: 1;
2177
2177
  }
2178
2178
  .form-control::file-selector-button, div.qbo-form form > * > slot div > input.qbo-sm::file-selector-button,
2179
- div.qbo-form form > * > slot div > textarea.qbo-sm::file-selector-button {
2179
+ div.qbo-form form > * > slot div > textarea.qbo-sm::file-selector-button, .qbo-paginate li.pageSize input::file-selector-button {
2180
2180
  padding: 0.375rem 0.75rem;
2181
2181
  margin: -0.375rem -0.75rem;
2182
2182
  margin-inline-end: 0.75rem;
@@ -2192,12 +2192,12 @@ div.qbo-form form > * > slot div > textarea.qbo-sm::file-selector-button {
2192
2192
  }
2193
2193
  @media (prefers-reduced-motion: reduce) {
2194
2194
  .form-control::file-selector-button, div.qbo-form form > * > slot div > input.qbo-sm::file-selector-button,
2195
- div.qbo-form form > * > slot div > textarea.qbo-sm::file-selector-button {
2195
+ div.qbo-form form > * > slot div > textarea.qbo-sm::file-selector-button, .qbo-paginate li.pageSize input::file-selector-button {
2196
2196
  transition: none;
2197
2197
  }
2198
2198
  }
2199
2199
  .form-control:hover:not(:disabled):not([readonly])::file-selector-button, div.qbo-form form > * > slot div > input.qbo-sm:hover:not(:disabled):not([readonly])::file-selector-button,
2200
- div.qbo-form form > * > slot div > textarea.qbo-sm:hover:not(:disabled):not([readonly])::file-selector-button {
2200
+ div.qbo-form form > * > slot div > textarea.qbo-sm:hover:not(:disabled):not([readonly])::file-selector-button, .qbo-paginate li.pageSize input:hover:not(:disabled):not([readonly])::file-selector-button {
2201
2201
  background-color: var(--bs-secondary-bg);
2202
2202
  }
2203
2203
 
@@ -2583,7 +2583,7 @@ div.qbo-form form > * > slot [data-bs-theme=dark] div > select.qbo-sm {
2583
2583
  position: relative;
2584
2584
  }
2585
2585
  .form-floating > .form-control, div.qbo-form form > * > slot div.form-floating > input.qbo-sm,
2586
- div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm,
2586
+ div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm, .qbo-paginate li.pageSize .form-floating > input,
2587
2587
  .form-floating > .form-control-plaintext,
2588
2588
  .form-floating > .form-select,
2589
2589
  div.qbo-form form > * > slot div > .form-floating > select.qbo-sm,
@@ -2614,32 +2614,32 @@ div.qbo-form form > * > slot div.form-floating > select.qbo-sm {
2614
2614
  }
2615
2615
  }
2616
2616
  .form-floating > .form-control, div.qbo-form form > * > slot div.form-floating > input.qbo-sm,
2617
- div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm,
2617
+ div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm, .qbo-paginate li.pageSize .form-floating > input,
2618
2618
  .form-floating > .form-control-plaintext {
2619
2619
  padding: 1rem 0.75rem;
2620
2620
  }
2621
- .form-floating > .form-control::-moz-placeholder, div.qbo-form form > * > slot div.form-floating > input.qbo-sm::-moz-placeholder, div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
2621
+ .form-floating > .form-control::-moz-placeholder, div.qbo-form form > * > slot div.form-floating > input.qbo-sm::-moz-placeholder, div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm::-moz-placeholder, .qbo-paginate li.pageSize .form-floating > input::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
2622
2622
  color: transparent;
2623
2623
  }
2624
2624
  .form-floating > .form-control::placeholder, div.qbo-form form > * > slot div.form-floating > input.qbo-sm::placeholder,
2625
- div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm::placeholder,
2625
+ div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm::placeholder, .qbo-paginate li.pageSize .form-floating > input::placeholder,
2626
2626
  .form-floating > .form-control-plaintext::placeholder {
2627
2627
  color: transparent;
2628
2628
  }
2629
- .form-floating > .form-control:not(:-moz-placeholder-shown), div.qbo-form form > * > slot div.form-floating > input.qbo-sm:not(:-moz-placeholder-shown), div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
2629
+ .form-floating > .form-control:not(:-moz-placeholder-shown), div.qbo-form form > * > slot div.form-floating > input.qbo-sm:not(:-moz-placeholder-shown), div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:not(:-moz-placeholder-shown), .qbo-paginate li.pageSize .form-floating > input:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
2630
2630
  padding-top: 1.625rem;
2631
2631
  padding-bottom: 0.625rem;
2632
2632
  }
2633
2633
  .form-floating > .form-control:focus, div.qbo-form form > * > slot div.form-floating > input.qbo-sm:focus,
2634
- div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:focus, .form-floating > .form-control:not(:placeholder-shown), div.qbo-form form > * > slot div.form-floating > input.qbo-sm:not(:placeholder-shown),
2635
- div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:not(:placeholder-shown),
2634
+ div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:focus, .qbo-paginate li.pageSize .form-floating > input:focus, .form-floating > .form-control:not(:placeholder-shown), div.qbo-form form > * > slot div.form-floating > input.qbo-sm:not(:placeholder-shown),
2635
+ div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:not(:placeholder-shown), .qbo-paginate li.pageSize .form-floating > input:not(:placeholder-shown),
2636
2636
  .form-floating > .form-control-plaintext:focus,
2637
2637
  .form-floating > .form-control-plaintext:not(:placeholder-shown) {
2638
2638
  padding-top: 1.625rem;
2639
2639
  padding-bottom: 0.625rem;
2640
2640
  }
2641
2641
  .form-floating > .form-control:-webkit-autofill, div.qbo-form form > * > slot div.form-floating > input.qbo-sm:-webkit-autofill,
2642
- div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:-webkit-autofill,
2642
+ div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:-webkit-autofill, .qbo-paginate li.pageSize .form-floating > input:-webkit-autofill,
2643
2643
  .form-floating > .form-control-plaintext:-webkit-autofill {
2644
2644
  padding-top: 1.625rem;
2645
2645
  padding-bottom: 0.625rem;
@@ -2649,15 +2649,16 @@ div.qbo-form form > * > slot div.form-floating > select.qbo-sm {
2649
2649
  padding-top: 1.625rem;
2650
2650
  padding-bottom: 0.625rem;
2651
2651
  }
2652
- .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label, div.qbo-form form > * > slot div.form-floating > input.qbo-sm:not(:-moz-placeholder-shown) ~ label, div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:not(:-moz-placeholder-shown) ~ label {
2652
+ .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label, div.qbo-form form > * > slot div.form-floating > input.qbo-sm:not(:-moz-placeholder-shown) ~ label, div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:not(:-moz-placeholder-shown) ~ label, .qbo-paginate li.pageSize .form-floating > input:not(:-moz-placeholder-shown) ~ label {
2653
2653
  color: rgba(var(--bs-body-color-rgb), 0.65);
2654
2654
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
2655
2655
  }
2656
2656
  .form-floating > .form-control:focus ~ label, div.qbo-form form > * > slot div.form-floating > input.qbo-sm:focus ~ label,
2657
- div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:focus ~ label,
2657
+ div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:focus ~ label, .qbo-paginate li.pageSize .form-floating > input:focus ~ label,
2658
2658
  .form-floating > .form-control:not(:placeholder-shown) ~ label,
2659
2659
  div.qbo-form form > * > slot div.form-floating > input.qbo-sm:not(:placeholder-shown) ~ label,
2660
2660
  div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:not(:placeholder-shown) ~ label,
2661
+ .qbo-paginate li.pageSize .form-floating > input:not(:placeholder-shown) ~ label,
2661
2662
  .form-floating > .form-control-plaintext ~ label,
2662
2663
  .form-floating > .form-select ~ label,
2663
2664
  div.qbo-form form > * > slot div > .form-floating > select.qbo-sm ~ label,
@@ -2665,7 +2666,7 @@ div.qbo-form form > * > slot div.form-floating > select.qbo-sm ~ label {
2665
2666
  color: rgba(var(--bs-body-color-rgb), 0.65);
2666
2667
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
2667
2668
  }
2668
- .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after, div.qbo-form form > * > slot div.form-floating > input.qbo-sm:not(:-moz-placeholder-shown) ~ label::after, div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:not(:-moz-placeholder-shown) ~ label::after {
2669
+ .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after, div.qbo-form form > * > slot div.form-floating > input.qbo-sm:not(:-moz-placeholder-shown) ~ label::after, div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:not(:-moz-placeholder-shown) ~ label::after, .qbo-paginate li.pageSize .form-floating > input:not(:-moz-placeholder-shown) ~ label::after {
2669
2670
  position: absolute;
2670
2671
  inset: 1rem 0.375rem;
2671
2672
  z-index: -1;
@@ -2675,10 +2676,11 @@ div.qbo-form form > * > slot div.form-floating > select.qbo-sm ~ label {
2675
2676
  border-radius: var(--bs-border-radius);
2676
2677
  }
2677
2678
  .form-floating > .form-control:focus ~ label::after, div.qbo-form form > * > slot div.form-floating > input.qbo-sm:focus ~ label::after,
2678
- div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:focus ~ label::after,
2679
+ div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:focus ~ label::after, .qbo-paginate li.pageSize .form-floating > input:focus ~ label::after,
2679
2680
  .form-floating > .form-control:not(:placeholder-shown) ~ label::after,
2680
2681
  div.qbo-form form > * > slot div.form-floating > input.qbo-sm:not(:placeholder-shown) ~ label::after,
2681
2682
  div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:not(:placeholder-shown) ~ label::after,
2683
+ .qbo-paginate li.pageSize .form-floating > input:not(:placeholder-shown) ~ label::after,
2682
2684
  .form-floating > .form-control-plaintext ~ label::after,
2683
2685
  .form-floating > .form-select ~ label::after,
2684
2686
  div.qbo-form form > * > slot div > .form-floating > select.qbo-sm ~ label::after,
@@ -2692,7 +2694,7 @@ div.qbo-form form > * > slot div.form-floating > select.qbo-sm ~ label::after {
2692
2694
  border-radius: var(--bs-border-radius);
2693
2695
  }
2694
2696
  .form-floating > .form-control:-webkit-autofill ~ label, div.qbo-form form > * > slot div.form-floating > input.qbo-sm:-webkit-autofill ~ label,
2695
- div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:-webkit-autofill ~ label {
2697
+ div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:-webkit-autofill ~ label, .qbo-paginate li.pageSize .form-floating > input:-webkit-autofill ~ label {
2696
2698
  color: rgba(var(--bs-body-color-rgb), 0.65);
2697
2699
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
2698
2700
  }
@@ -2702,7 +2704,8 @@ div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:-webkit-autofil
2702
2704
  .form-floating > :disabled ~ label,
2703
2705
  .form-floating > .form-control:disabled ~ label,
2704
2706
  div.qbo-form form > * > slot div.form-floating > input.qbo-sm:disabled ~ label,
2705
- div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:disabled ~ label {
2707
+ div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:disabled ~ label,
2708
+ .qbo-paginate li.pageSize .form-floating > input:disabled ~ label {
2706
2709
  color: #6c757d;
2707
2710
  }
2708
2711
  .form-floating > :disabled ~ label::after,
@@ -2712,7 +2715,7 @@ div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:disabled ~ labe
2712
2715
  background-color: var(--bs-secondary-bg);
2713
2716
  }
2714
2717
 
2715
- .input-group, div.qbo-input-group {
2718
+ .input-group, div.qbo-input-group, .qbo-paginate li.pageSize {
2716
2719
  position: relative;
2717
2720
  display: flex;
2718
2721
  flex-wrap: wrap;
@@ -2721,14 +2724,18 @@ div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:disabled ~ labe
2721
2724
  }
2722
2725
  .input-group > .form-control, div.qbo-input-group > .form-control, div.qbo-form form > * > slot div.input-group > input.qbo-sm, div.qbo-form form > * > slot div.qbo-input-group > input.qbo-sm,
2723
2726
  div.qbo-form form > * > slot div.input-group > textarea.qbo-sm,
2724
- div.qbo-form form > * > slot div.qbo-input-group > textarea.qbo-sm,
2727
+ div.qbo-form form > * > slot div.qbo-input-group > textarea.qbo-sm, .qbo-paginate li.pageSize .input-group > input, .qbo-paginate li.pageSize div.qbo-input-group > input, .qbo-paginate li.pageSize > .form-control, .qbo-paginate li.pageSize > input,
2725
2728
  .input-group > .form-select,
2726
2729
  div.qbo-input-group > .form-select,
2727
2730
  div.qbo-form form > * > slot div > .input-group > select.qbo-sm,
2728
2731
  div.qbo-form form > * > slot div.input-group > select.qbo-sm,
2729
2732
  div.qbo-form form > * > slot div.qbo-input-group > select.qbo-sm,
2733
+ .qbo-paginate li.pageSize > .form-select,
2734
+ .qbo-paginate div.qbo-form form > * > slot div > li.pageSize > select.qbo-sm,
2735
+ div.qbo-form form > * > slot .qbo-paginate div > li.pageSize > select.qbo-sm,
2730
2736
  .input-group > .form-floating,
2731
- div.qbo-input-group > .form-floating {
2737
+ div.qbo-input-group > .form-floating,
2738
+ .qbo-paginate li.pageSize > .form-floating {
2732
2739
  position: relative;
2733
2740
  flex: 1 1 auto;
2734
2741
  width: 1%;
@@ -2736,25 +2743,29 @@ div.qbo-input-group > .form-floating {
2736
2743
  }
2737
2744
  .input-group > .form-control:focus, div.qbo-input-group > .form-control:focus, div.qbo-form form > * > slot div.input-group > input.qbo-sm:focus, div.qbo-form form > * > slot div.qbo-input-group > input.qbo-sm:focus,
2738
2745
  div.qbo-form form > * > slot div.input-group > textarea.qbo-sm:focus,
2739
- div.qbo-form form > * > slot div.qbo-input-group > textarea.qbo-sm:focus,
2746
+ div.qbo-form form > * > slot div.qbo-input-group > textarea.qbo-sm:focus, .qbo-paginate li.pageSize .input-group > input:focus, .qbo-paginate li.pageSize div.qbo-input-group > input:focus, .qbo-paginate li.pageSize > .form-control:focus, .qbo-paginate li.pageSize > input:focus,
2740
2747
  .input-group > .form-select:focus,
2741
2748
  div.qbo-input-group > .form-select:focus,
2742
2749
  div.qbo-form form > * > slot div > .input-group > select.qbo-sm:focus,
2743
2750
  div.qbo-form form > * > slot div.input-group > select.qbo-sm:focus,
2744
2751
  div.qbo-form form > * > slot div.qbo-input-group > select.qbo-sm:focus,
2752
+ .qbo-paginate li.pageSize > .form-select:focus,
2753
+ .qbo-paginate div.qbo-form form > * > slot div > li.pageSize > select.qbo-sm:focus,
2754
+ div.qbo-form form > * > slot .qbo-paginate div > li.pageSize > select.qbo-sm:focus,
2745
2755
  .input-group > .form-floating:focus-within,
2746
- div.qbo-input-group > .form-floating:focus-within {
2756
+ div.qbo-input-group > .form-floating:focus-within,
2757
+ .qbo-paginate li.pageSize > .form-floating:focus-within {
2747
2758
  z-index: 5;
2748
2759
  }
2749
- .input-group .btn, div.qbo-input-group .btn, .input-group button.qbo-primary-dropdown, div.qbo-input-group button.qbo-primary-dropdown, .input-group button.qbo-secondary, div.qbo-input-group button.qbo-secondary, .input-group button.qbo-primary, div.qbo-input-group button.qbo-primary, .input-group button.qbo-btn, div.qbo-input-group button.qbo-btn, .input-group .qbo-btn-light, div.qbo-input-group .qbo-btn-light, .input-group aside.qbo-sidebar > nav > ul > li > button, div.qbo-input-group aside.qbo-sidebar > nav > ul > li > button {
2760
+ .input-group .btn, div.qbo-input-group .btn, .input-group button.qbo-primary-dropdown, div.qbo-input-group button.qbo-primary-dropdown, .input-group button.qbo-secondary, div.qbo-input-group button.qbo-secondary, .input-group button.qbo-primary, div.qbo-input-group button.qbo-primary, .input-group button.qbo-btn, div.qbo-input-group button.qbo-btn, .input-group .qbo-btn-light, div.qbo-input-group .qbo-btn-light, .input-group aside.qbo-sidebar > nav > ul > li > button, div.qbo-input-group aside.qbo-sidebar > nav > ul > li > button, .qbo-paginate li.pageSize .btn, .qbo-paginate li.pageSize button.qbo-primary-dropdown, .qbo-paginate li.pageSize button.qbo-secondary, .qbo-paginate li.pageSize button.qbo-primary, .qbo-paginate li.pageSize button.qbo-btn, .qbo-paginate li.pageSize .qbo-btn-light, .qbo-paginate li.pageSize aside.qbo-sidebar > nav > ul > li > button {
2750
2761
  position: relative;
2751
2762
  z-index: 2;
2752
2763
  }
2753
- .input-group .btn:focus, div.qbo-input-group .btn:focus, .input-group button.qbo-primary-dropdown:focus, div.qbo-input-group button.qbo-primary-dropdown:focus, .input-group button.qbo-secondary:focus, div.qbo-input-group button.qbo-secondary:focus, .input-group button.qbo-primary:focus, div.qbo-input-group button.qbo-primary:focus, .input-group button.qbo-btn:focus, div.qbo-input-group button.qbo-btn:focus, .input-group .qbo-btn-light:focus, div.qbo-input-group .qbo-btn-light:focus, .input-group aside.qbo-sidebar > nav > ul > li > button:focus, div.qbo-input-group aside.qbo-sidebar > nav > ul > li > button:focus {
2764
+ .input-group .btn:focus, div.qbo-input-group .btn:focus, .input-group button.qbo-primary-dropdown:focus, div.qbo-input-group button.qbo-primary-dropdown:focus, .input-group button.qbo-secondary:focus, div.qbo-input-group button.qbo-secondary:focus, .input-group button.qbo-primary:focus, div.qbo-input-group button.qbo-primary:focus, .input-group button.qbo-btn:focus, div.qbo-input-group button.qbo-btn:focus, .input-group .qbo-btn-light:focus, div.qbo-input-group .qbo-btn-light:focus, .input-group aside.qbo-sidebar > nav > ul > li > button:focus, div.qbo-input-group aside.qbo-sidebar > nav > ul > li > button:focus, .qbo-paginate li.pageSize .btn:focus, .qbo-paginate li.pageSize button.qbo-primary-dropdown:focus, .qbo-paginate li.pageSize button.qbo-secondary:focus, .qbo-paginate li.pageSize button.qbo-primary:focus, .qbo-paginate li.pageSize button.qbo-btn:focus, .qbo-paginate li.pageSize .qbo-btn-light:focus, .qbo-paginate li.pageSize aside.qbo-sidebar > nav > ul > li > button:focus {
2754
2765
  z-index: 5;
2755
2766
  }
2756
2767
 
2757
- .input-group-text, span.qbo-input-group-text {
2768
+ .input-group-text, span.qbo-input-group-text, .qbo-paginate li.pageSize span {
2758
2769
  display: flex;
2759
2770
  align-items: center;
2760
2771
  padding: 0.375rem 0.75rem;
@@ -2770,12 +2781,13 @@ div.qbo-input-group > .form-floating:focus-within {
2770
2781
  }
2771
2782
 
2772
2783
  .input-group-lg > .form-control, div.qbo-form form > * > slot div.input-group-lg > input.qbo-sm,
2773
- div.qbo-form form > * > slot div.input-group-lg > textarea.qbo-sm,
2784
+ div.qbo-form form > * > slot div.input-group-lg > textarea.qbo-sm, .qbo-paginate li.pageSize .input-group-lg > input,
2774
2785
  .input-group-lg > .form-select,
2775
2786
  div.qbo-form form > * > slot div > .input-group-lg > select.qbo-sm,
2776
2787
  div.qbo-form form > * > slot div.input-group-lg > select.qbo-sm,
2777
2788
  .input-group-lg > .input-group-text,
2778
2789
  .input-group-lg > span.qbo-input-group-text,
2790
+ .qbo-paginate li.pageSize .input-group-lg > span,
2779
2791
  .input-group-lg > .btn,
2780
2792
  .input-group-lg > button.qbo-primary-dropdown,
2781
2793
  .input-group-lg > button.qbo-secondary,
@@ -2789,12 +2801,13 @@ aside.qbo-sidebar > nav > ul > li.input-group-lg > button {
2789
2801
  }
2790
2802
 
2791
2803
  .input-group-sm > .form-control, div.qbo-form form > * > slot div.input-group-sm > input.qbo-sm,
2792
- div.qbo-form form > * > slot div.input-group-sm > textarea.qbo-sm,
2804
+ div.qbo-form form > * > slot div.input-group-sm > textarea.qbo-sm, .qbo-paginate li.pageSize .input-group-sm > input,
2793
2805
  .input-group-sm > .form-select,
2794
2806
  div.qbo-form form > * > slot div > .input-group-sm > select.qbo-sm,
2795
2807
  div.qbo-form form > * > slot div.input-group-sm > select.qbo-sm,
2796
2808
  .input-group-sm > .input-group-text,
2797
2809
  .input-group-sm > span.qbo-input-group-text,
2810
+ .qbo-paginate li.pageSize .input-group-sm > span,
2798
2811
  .input-group-sm > .btn,
2799
2812
  .input-group-sm > button.qbo-primary-dropdown,
2800
2813
  .input-group-sm > button.qbo-secondary,
@@ -2815,59 +2828,90 @@ div.qbo-form form > * > slot div.input-group-sm > select.qbo-sm {
2815
2828
  padding-right: 3rem;
2816
2829
  }
2817
2830
 
2818
- .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown):not(.dropdown-menu):not(.form-floating), div.qbo-input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown):not(.dropdown-menu):not(.form-floating),
2831
+ .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown):not(.dropdown-menu):not(.form-floating), div.qbo-input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown):not(.dropdown-menu):not(.form-floating), .qbo-paginate li.pageSize:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown):not(.dropdown-menu):not(.form-floating),
2819
2832
  .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
2820
2833
  div.qbo-input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
2821
2834
  .input-group:not(.has-validation) > button.qbo-primary-dropdown:nth-last-child(n+3),
2822
2835
  div.qbo-input-group:not(.has-validation) > button.qbo-primary-dropdown:nth-last-child(n+3),
2823
2836
  nav.qbo-mainmenu > div > div > ul li.input-group.qbo-dropdown:not(.has-validation) > a:nth-last-child(n+3),
2837
+ .qbo-paginate li.pageSize:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
2838
+ .qbo-paginate li.pageSize:not(.has-validation) > button.qbo-primary-dropdown:nth-last-child(n+3),
2839
+ .qbo-paginate nav.qbo-mainmenu > div > div > ul li.pageSize.qbo-dropdown:not(.has-validation) > a:nth-last-child(n+3),
2840
+ nav.qbo-mainmenu > div > div > ul .qbo-paginate li.pageSize.qbo-dropdown:not(.has-validation) > a:nth-last-child(n+3),
2824
2841
  .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
2825
2842
  div.qbo-input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
2826
2843
  div.qbo-form form > * > slot .input-group:not(.has-validation) > div.form-floating:not(:last-child) > input.qbo-sm,
2827
2844
  div.qbo-form form > * > slot div.qbo-input-group:not(.has-validation) > div.form-floating:not(:last-child) > input.qbo-sm,
2828
2845
  div.qbo-form form > * > slot .input-group:not(.has-validation) > div.form-floating:not(:last-child) > textarea.qbo-sm,
2829
2846
  div.qbo-form form > * > slot div.qbo-input-group:not(.has-validation) > div.form-floating:not(:last-child) > textarea.qbo-sm,
2847
+ .qbo-paginate li.pageSize .input-group:not(.has-validation) > .form-floating:not(:last-child) > input,
2848
+ .qbo-paginate li.pageSize div.qbo-input-group:not(.has-validation) > .form-floating:not(:last-child) > input,
2849
+ .qbo-paginate li.pageSize:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
2850
+ .qbo-paginate div.qbo-form form > * > slot li.pageSize:not(.has-validation) > div.form-floating:not(:last-child) > textarea.qbo-sm,
2851
+ div.qbo-form form > * > slot .qbo-paginate li.pageSize:not(.has-validation) > div.form-floating:not(:last-child) > textarea.qbo-sm,
2852
+ .qbo-paginate li.pageSize:not(.has-validation) > .form-floating:not(:last-child) > input,
2830
2853
  .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select,
2831
2854
  div.qbo-input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select,
2832
2855
  div.qbo-form form > * > slot div.input-group:not(.has-validation) > .form-floating:not(:last-child) > select.qbo-sm,
2833
2856
  div.qbo-form form > * > slot div.qbo-input-group:not(.has-validation) > .form-floating:not(:last-child) > select.qbo-sm,
2834
- div.qbo-form form > * > slot .input-group:not(.has-validation) > div.form-floating:not(:last-child) > select.qbo-sm {
2857
+ div.qbo-form form > * > slot .input-group:not(.has-validation) > div.form-floating:not(:last-child) > select.qbo-sm,
2858
+ .qbo-paginate li.pageSize:not(.has-validation) > .form-floating:not(:last-child) > .form-select,
2859
+ .qbo-paginate div.qbo-form form > * > slot li.pageSize:not(.has-validation) > div.form-floating:not(:last-child) > select.qbo-sm,
2860
+ div.qbo-form form > * > slot .qbo-paginate li.pageSize:not(.has-validation) > div.form-floating:not(:last-child) > select.qbo-sm {
2835
2861
  border-top-right-radius: 0;
2836
2862
  border-bottom-right-radius: 0;
2837
2863
  }
2838
- .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(button.qbo-primary-dropdown):not(.dropdown-menu):not(.form-floating), div.has-validation.qbo-input-group > :nth-last-child(n+3):not(.dropdown-toggle):not(button.qbo-primary-dropdown):not(.dropdown-menu):not(.form-floating),
2864
+ .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(button.qbo-primary-dropdown):not(.dropdown-menu):not(.form-floating), div.has-validation.qbo-input-group > :nth-last-child(n+3):not(.dropdown-toggle):not(button.qbo-primary-dropdown):not(.dropdown-menu):not(.form-floating), .qbo-paginate li.has-validation.pageSize > :nth-last-child(n+3):not(.dropdown-toggle):not(button.qbo-primary-dropdown):not(.dropdown-menu):not(.form-floating),
2839
2865
  .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
2840
2866
  div.has-validation.qbo-input-group > .dropdown-toggle:nth-last-child(n+4),
2841
2867
  .input-group.has-validation > button.qbo-primary-dropdown:nth-last-child(n+4),
2842
2868
  div.has-validation.qbo-input-group > button.qbo-primary-dropdown:nth-last-child(n+4),
2843
2869
  nav.qbo-mainmenu > div > div > ul li.input-group.has-validation.qbo-dropdown > a:nth-last-child(n+4),
2870
+ .qbo-paginate li.has-validation.pageSize > .dropdown-toggle:nth-last-child(n+4),
2871
+ .qbo-paginate li.has-validation.pageSize > button.qbo-primary-dropdown:nth-last-child(n+4),
2872
+ .qbo-paginate nav.qbo-mainmenu > div > div > ul li.has-validation.pageSize.qbo-dropdown > a:nth-last-child(n+4),
2873
+ nav.qbo-mainmenu > div > div > ul .qbo-paginate li.has-validation.pageSize.qbo-dropdown > a:nth-last-child(n+4),
2844
2874
  .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
2845
2875
  div.has-validation.qbo-input-group > .form-floating:nth-last-child(n+3) > .form-control,
2846
2876
  div.qbo-form form > * > slot .input-group.has-validation > div.form-floating:nth-last-child(n+3) > input.qbo-sm,
2847
2877
  div.qbo-form form > * > slot div.has-validation.qbo-input-group > div.form-floating:nth-last-child(n+3) > input.qbo-sm,
2848
2878
  div.qbo-form form > * > slot .input-group.has-validation > div.form-floating:nth-last-child(n+3) > textarea.qbo-sm,
2849
2879
  div.qbo-form form > * > slot div.has-validation.qbo-input-group > div.form-floating:nth-last-child(n+3) > textarea.qbo-sm,
2880
+ .qbo-paginate li.pageSize .input-group.has-validation > .form-floating:nth-last-child(n+3) > input,
2881
+ .qbo-paginate li.pageSize div.has-validation.qbo-input-group > .form-floating:nth-last-child(n+3) > input,
2882
+ .qbo-paginate li.has-validation.pageSize > .form-floating:nth-last-child(n+3) > .form-control,
2883
+ .qbo-paginate div.qbo-form form > * > slot li.has-validation.pageSize > div.form-floating:nth-last-child(n+3) > textarea.qbo-sm,
2884
+ div.qbo-form form > * > slot .qbo-paginate li.has-validation.pageSize > div.form-floating:nth-last-child(n+3) > textarea.qbo-sm,
2885
+ .qbo-paginate li.has-validation.pageSize > .form-floating:nth-last-child(n+3) > input,
2850
2886
  .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select,
2851
2887
  div.has-validation.qbo-input-group > .form-floating:nth-last-child(n+3) > .form-select,
2852
2888
  div.qbo-form form > * > slot div.input-group.has-validation > .form-floating:nth-last-child(n+3) > select.qbo-sm,
2853
2889
  div.qbo-form form > * > slot div.has-validation.qbo-input-group > .form-floating:nth-last-child(n+3) > select.qbo-sm,
2854
- div.qbo-form form > * > slot .input-group.has-validation > div.form-floating:nth-last-child(n+3) > select.qbo-sm {
2890
+ div.qbo-form form > * > slot .input-group.has-validation > div.form-floating:nth-last-child(n+3) > select.qbo-sm,
2891
+ .qbo-paginate li.has-validation.pageSize > .form-floating:nth-last-child(n+3) > .form-select,
2892
+ .qbo-paginate div.qbo-form form > * > slot li.has-validation.pageSize > div.form-floating:nth-last-child(n+3) > select.qbo-sm,
2893
+ div.qbo-form form > * > slot .qbo-paginate li.has-validation.pageSize > div.form-floating:nth-last-child(n+3) > select.qbo-sm {
2855
2894
  border-top-right-radius: 0;
2856
2895
  border-bottom-right-radius: 0;
2857
2896
  }
2858
- .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback), div.qbo-input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
2897
+ .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback), div.qbo-input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback), .qbo-paginate li.pageSize > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
2859
2898
  margin-left: calc(var(--bs-border-width) * -1);
2860
2899
  border-top-left-radius: 0;
2861
2900
  border-bottom-left-radius: 0;
2862
2901
  }
2863
2902
  .input-group > .form-floating:not(:first-child) > .form-control, div.qbo-input-group > .form-floating:not(:first-child) > .form-control, div.qbo-form form > * > slot .input-group > div.form-floating:not(:first-child) > input.qbo-sm, div.qbo-form form > * > slot div.qbo-input-group > div.form-floating:not(:first-child) > input.qbo-sm,
2864
2903
  div.qbo-form form > * > slot .input-group > div.form-floating:not(:first-child) > textarea.qbo-sm,
2865
- div.qbo-form form > * > slot div.qbo-input-group > div.form-floating:not(:first-child) > textarea.qbo-sm,
2904
+ div.qbo-form form > * > slot div.qbo-input-group > div.form-floating:not(:first-child) > textarea.qbo-sm, .qbo-paginate li.pageSize .input-group > .form-floating:not(:first-child) > input, .qbo-paginate li.pageSize div.qbo-input-group > .form-floating:not(:first-child) > input, .qbo-paginate li.pageSize > .form-floating:not(:first-child) > .form-control,
2905
+ .qbo-paginate div.qbo-form form > * > slot li.pageSize > div.form-floating:not(:first-child) > textarea.qbo-sm,
2906
+ div.qbo-form form > * > slot .qbo-paginate li.pageSize > div.form-floating:not(:first-child) > textarea.qbo-sm, .qbo-paginate li.pageSize > .form-floating:not(:first-child) > input,
2866
2907
  .input-group > .form-floating:not(:first-child) > .form-select,
2867
2908
  div.qbo-input-group > .form-floating:not(:first-child) > .form-select,
2868
2909
  div.qbo-form form > * > slot div.input-group > .form-floating:not(:first-child) > select.qbo-sm,
2869
2910
  div.qbo-form form > * > slot div.qbo-input-group > .form-floating:not(:first-child) > select.qbo-sm,
2870
- div.qbo-form form > * > slot .input-group > div.form-floating:not(:first-child) > select.qbo-sm {
2911
+ div.qbo-form form > * > slot .input-group > div.form-floating:not(:first-child) > select.qbo-sm,
2912
+ .qbo-paginate li.pageSize > .form-floating:not(:first-child) > .form-select,
2913
+ .qbo-paginate div.qbo-form form > * > slot li.pageSize > div.form-floating:not(:first-child) > select.qbo-sm,
2914
+ div.qbo-form form > * > slot .qbo-paginate li.pageSize > div.form-floating:not(:first-child) > select.qbo-sm {
2871
2915
  border-top-left-radius: 0;
2872
2916
  border-bottom-left-radius: 0;
2873
2917
  }
@@ -2903,8 +2947,8 @@ div.qbo-form form > * > slot .input-group > div.form-floating:not(:first-child)
2903
2947
 
2904
2948
  .was-validated .form-control:valid, .was-validated div.qbo-form form > * > slot div > input.qbo-sm:valid, div.qbo-form form > * > slot .was-validated div > input.qbo-sm:valid,
2905
2949
  .was-validated div.qbo-form form > * > slot div > textarea.qbo-sm:valid,
2906
- div.qbo-form form > * > slot .was-validated div > textarea.qbo-sm:valid, .form-control.is-valid, div.qbo-form form > * > slot div > input.is-valid.qbo-sm,
2907
- div.qbo-form form > * > slot div > textarea.is-valid.qbo-sm {
2950
+ div.qbo-form form > * > slot .was-validated div > textarea.qbo-sm:valid, .was-validated .qbo-paginate li.pageSize input:valid, .qbo-paginate li.pageSize .was-validated input:valid, .form-control.is-valid, div.qbo-form form > * > slot div > input.is-valid.qbo-sm,
2951
+ div.qbo-form form > * > slot div > textarea.is-valid.qbo-sm, .qbo-paginate li.pageSize input.is-valid {
2908
2952
  border-color: var(--bs-form-valid-border-color);
2909
2953
  padding-right: calc(1.5em + 0.75rem);
2910
2954
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
@@ -2914,8 +2958,8 @@ div.qbo-form form > * > slot div > textarea.is-valid.qbo-sm {
2914
2958
  }
2915
2959
  .was-validated .form-control:valid:focus, .was-validated div.qbo-form form > * > slot div > input.qbo-sm:valid:focus, div.qbo-form form > * > slot .was-validated div > input.qbo-sm:valid:focus,
2916
2960
  .was-validated div.qbo-form form > * > slot div > textarea.qbo-sm:valid:focus,
2917
- div.qbo-form form > * > slot .was-validated div > textarea.qbo-sm:valid:focus, .form-control.is-valid:focus, div.qbo-form form > * > slot div > input.is-valid.qbo-sm:focus,
2918
- div.qbo-form form > * > slot div > textarea.is-valid.qbo-sm:focus {
2961
+ div.qbo-form form > * > slot .was-validated div > textarea.qbo-sm:valid:focus, .was-validated .qbo-paginate li.pageSize input:valid:focus, .qbo-paginate li.pageSize .was-validated input:valid:focus, .form-control.is-valid:focus, div.qbo-form form > * > slot div > input.is-valid.qbo-sm:focus,
2962
+ div.qbo-form form > * > slot div > textarea.is-valid.qbo-sm:focus, .qbo-paginate li.pageSize input.is-valid:focus {
2919
2963
  border-color: var(--bs-form-valid-border-color);
2920
2964
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
2921
2965
  }
@@ -2979,9 +3023,9 @@ div.qbo-form form > * > slot div > select.is-valid.qbo-sm:focus {
2979
3023
  .was-validated div.qbo-form form > * > slot div.input-group > textarea.qbo-sm:not(:focus):valid,
2980
3024
  .was-validated div.qbo-form form > * > slot div.qbo-input-group > textarea.qbo-sm:not(:focus):valid,
2981
3025
  div.qbo-form form > * > slot .was-validated div.input-group > textarea.qbo-sm:not(:focus):valid,
2982
- div.qbo-form form > * > slot .was-validated div.qbo-input-group > textarea.qbo-sm:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, div.qbo-input-group > .form-control:not(:focus).is-valid, div.qbo-form form > * > slot div.input-group > input.qbo-sm:not(:focus).is-valid, div.qbo-form form > * > slot div.qbo-input-group > input.qbo-sm:not(:focus).is-valid,
3026
+ div.qbo-form form > * > slot .was-validated div.qbo-input-group > textarea.qbo-sm:not(:focus):valid, .was-validated .qbo-paginate li.pageSize .input-group > input:not(:focus):valid, .was-validated .qbo-paginate li.pageSize div.qbo-input-group > input:not(:focus):valid, .qbo-paginate li.pageSize .was-validated .input-group > input:not(:focus):valid, .qbo-paginate li.pageSize .was-validated div.qbo-input-group > input:not(:focus):valid, .was-validated .qbo-paginate li.pageSize > .form-control:not(:focus):valid, .was-validated .qbo-paginate li.pageSize > input:not(:focus):valid, .qbo-paginate .was-validated li.pageSize > .form-control:not(:focus):valid, .qbo-paginate .was-validated li.pageSize > input:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, div.qbo-input-group > .form-control:not(:focus).is-valid, div.qbo-form form > * > slot div.input-group > input.qbo-sm:not(:focus).is-valid, div.qbo-form form > * > slot div.qbo-input-group > input.qbo-sm:not(:focus).is-valid,
2983
3027
  div.qbo-form form > * > slot div.input-group > textarea.qbo-sm:not(:focus).is-valid,
2984
- div.qbo-form form > * > slot div.qbo-input-group > textarea.qbo-sm:not(:focus).is-valid,
3028
+ div.qbo-form form > * > slot div.qbo-input-group > textarea.qbo-sm:not(:focus).is-valid, .qbo-paginate li.pageSize .input-group > input:not(:focus).is-valid, .qbo-paginate li.pageSize div.qbo-input-group > input:not(:focus).is-valid, .qbo-paginate li.pageSize > .form-control:not(:focus).is-valid, .qbo-paginate li.pageSize > input:not(:focus).is-valid,
2985
3029
  .was-validated .input-group > .form-select:not(:focus):valid,
2986
3030
  .was-validated div.qbo-input-group > .form-select:not(:focus):valid,
2987
3031
  .was-validated div.qbo-form form > * > slot div > .input-group > select.qbo-sm:not(:focus):valid,
@@ -2990,15 +3034,27 @@ div.qbo-form form > * > slot .was-validated div > .input-group > select.qbo-sm:n
2990
3034
  .was-validated div.qbo-form form > * > slot div.qbo-input-group > select.qbo-sm:not(:focus):valid,
2991
3035
  div.qbo-form form > * > slot .was-validated div.input-group > select.qbo-sm:not(:focus):valid,
2992
3036
  div.qbo-form form > * > slot .was-validated div.qbo-input-group > select.qbo-sm:not(:focus):valid,
3037
+ .was-validated .qbo-paginate li.pageSize > .form-select:not(:focus):valid,
3038
+ .was-validated .qbo-paginate div.qbo-form form > * > slot div > li.pageSize > select.qbo-sm:not(:focus):valid,
3039
+ div.qbo-form form > * > slot .was-validated .qbo-paginate div > li.pageSize > select.qbo-sm:not(:focus):valid,
3040
+ .qbo-paginate .was-validated li.pageSize > .form-select:not(:focus):valid,
3041
+ .qbo-paginate .was-validated div.qbo-form form > * > slot div > li.pageSize > select.qbo-sm:not(:focus):valid,
3042
+ div.qbo-form form > * > slot .qbo-paginate .was-validated div > li.pageSize > select.qbo-sm:not(:focus):valid,
2993
3043
  .input-group > .form-select:not(:focus).is-valid,
2994
3044
  div.qbo-input-group > .form-select:not(:focus).is-valid,
2995
3045
  div.qbo-form form > * > slot div > .input-group > select.qbo-sm:not(:focus).is-valid,
2996
3046
  div.qbo-form form > * > slot div.input-group > select.qbo-sm:not(:focus).is-valid,
2997
3047
  div.qbo-form form > * > slot div.qbo-input-group > select.qbo-sm:not(:focus).is-valid,
3048
+ .qbo-paginate li.pageSize > .form-select:not(:focus).is-valid,
3049
+ .qbo-paginate div.qbo-form form > * > slot div > li.pageSize > select.qbo-sm:not(:focus).is-valid,
3050
+ div.qbo-form form > * > slot .qbo-paginate div > li.pageSize > select.qbo-sm:not(:focus).is-valid,
2998
3051
  .was-validated .input-group > .form-floating:not(:focus-within):valid,
2999
3052
  .was-validated div.qbo-input-group > .form-floating:not(:focus-within):valid,
3053
+ .was-validated .qbo-paginate li.pageSize > .form-floating:not(:focus-within):valid,
3054
+ .qbo-paginate .was-validated li.pageSize > .form-floating:not(:focus-within):valid,
3000
3055
  .input-group > .form-floating:not(:focus-within).is-valid,
3001
- div.qbo-input-group > .form-floating:not(:focus-within).is-valid {
3056
+ div.qbo-input-group > .form-floating:not(:focus-within).is-valid,
3057
+ .qbo-paginate li.pageSize > .form-floating:not(:focus-within).is-valid {
3002
3058
  z-index: 3;
3003
3059
  }
3004
3060
 
@@ -3033,8 +3089,8 @@ div.qbo-input-group > .form-floating:not(:focus-within).is-valid {
3033
3089
 
3034
3090
  .was-validated .form-control:invalid, .was-validated div.qbo-form form > * > slot div > input.qbo-sm:invalid, div.qbo-form form > * > slot .was-validated div > input.qbo-sm:invalid,
3035
3091
  .was-validated div.qbo-form form > * > slot div > textarea.qbo-sm:invalid,
3036
- div.qbo-form form > * > slot .was-validated div > textarea.qbo-sm:invalid, .form-control.is-invalid, div.qbo-form form > * > slot div > input.is-invalid.qbo-sm,
3037
- div.qbo-form form > * > slot div > textarea.is-invalid.qbo-sm {
3092
+ div.qbo-form form > * > slot .was-validated div > textarea.qbo-sm:invalid, .was-validated .qbo-paginate li.pageSize input:invalid, .qbo-paginate li.pageSize .was-validated input:invalid, .form-control.is-invalid, div.qbo-form form > * > slot div > input.is-invalid.qbo-sm,
3093
+ div.qbo-form form > * > slot div > textarea.is-invalid.qbo-sm, .qbo-paginate li.pageSize input.is-invalid {
3038
3094
  border-color: var(--bs-form-invalid-border-color);
3039
3095
  padding-right: calc(1.5em + 0.75rem);
3040
3096
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
@@ -3044,8 +3100,8 @@ div.qbo-form form > * > slot div > textarea.is-invalid.qbo-sm {
3044
3100
  }
3045
3101
  .was-validated .form-control:invalid:focus, .was-validated div.qbo-form form > * > slot div > input.qbo-sm:invalid:focus, div.qbo-form form > * > slot .was-validated div > input.qbo-sm:invalid:focus,
3046
3102
  .was-validated div.qbo-form form > * > slot div > textarea.qbo-sm:invalid:focus,
3047
- div.qbo-form form > * > slot .was-validated div > textarea.qbo-sm:invalid:focus, .form-control.is-invalid:focus, div.qbo-form form > * > slot div > input.is-invalid.qbo-sm:focus,
3048
- div.qbo-form form > * > slot div > textarea.is-invalid.qbo-sm:focus {
3103
+ div.qbo-form form > * > slot .was-validated div > textarea.qbo-sm:invalid:focus, .was-validated .qbo-paginate li.pageSize input:invalid:focus, .qbo-paginate li.pageSize .was-validated input:invalid:focus, .form-control.is-invalid:focus, div.qbo-form form > * > slot div > input.is-invalid.qbo-sm:focus,
3104
+ div.qbo-form form > * > slot div > textarea.is-invalid.qbo-sm:focus, .qbo-paginate li.pageSize input.is-invalid:focus {
3049
3105
  border-color: var(--bs-form-invalid-border-color);
3050
3106
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
3051
3107
  }
@@ -3109,9 +3165,9 @@ div.qbo-form form > * > slot div > select.is-invalid.qbo-sm:focus {
3109
3165
  .was-validated div.qbo-form form > * > slot div.input-group > textarea.qbo-sm:not(:focus):invalid,
3110
3166
  .was-validated div.qbo-form form > * > slot div.qbo-input-group > textarea.qbo-sm:not(:focus):invalid,
3111
3167
  div.qbo-form form > * > slot .was-validated div.input-group > textarea.qbo-sm:not(:focus):invalid,
3112
- div.qbo-form form > * > slot .was-validated div.qbo-input-group > textarea.qbo-sm:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, div.qbo-input-group > .form-control:not(:focus).is-invalid, div.qbo-form form > * > slot div.input-group > input.qbo-sm:not(:focus).is-invalid, div.qbo-form form > * > slot div.qbo-input-group > input.qbo-sm:not(:focus).is-invalid,
3168
+ div.qbo-form form > * > slot .was-validated div.qbo-input-group > textarea.qbo-sm:not(:focus):invalid, .was-validated .qbo-paginate li.pageSize .input-group > input:not(:focus):invalid, .was-validated .qbo-paginate li.pageSize div.qbo-input-group > input:not(:focus):invalid, .qbo-paginate li.pageSize .was-validated .input-group > input:not(:focus):invalid, .qbo-paginate li.pageSize .was-validated div.qbo-input-group > input:not(:focus):invalid, .was-validated .qbo-paginate li.pageSize > .form-control:not(:focus):invalid, .was-validated .qbo-paginate li.pageSize > input:not(:focus):invalid, .qbo-paginate .was-validated li.pageSize > .form-control:not(:focus):invalid, .qbo-paginate .was-validated li.pageSize > input:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, div.qbo-input-group > .form-control:not(:focus).is-invalid, div.qbo-form form > * > slot div.input-group > input.qbo-sm:not(:focus).is-invalid, div.qbo-form form > * > slot div.qbo-input-group > input.qbo-sm:not(:focus).is-invalid,
3113
3169
  div.qbo-form form > * > slot div.input-group > textarea.qbo-sm:not(:focus).is-invalid,
3114
- div.qbo-form form > * > slot div.qbo-input-group > textarea.qbo-sm:not(:focus).is-invalid,
3170
+ div.qbo-form form > * > slot div.qbo-input-group > textarea.qbo-sm:not(:focus).is-invalid, .qbo-paginate li.pageSize .input-group > input:not(:focus).is-invalid, .qbo-paginate li.pageSize div.qbo-input-group > input:not(:focus).is-invalid, .qbo-paginate li.pageSize > .form-control:not(:focus).is-invalid, .qbo-paginate li.pageSize > input:not(:focus).is-invalid,
3115
3171
  .was-validated .input-group > .form-select:not(:focus):invalid,
3116
3172
  .was-validated div.qbo-input-group > .form-select:not(:focus):invalid,
3117
3173
  .was-validated div.qbo-form form > * > slot div > .input-group > select.qbo-sm:not(:focus):invalid,
@@ -3120,15 +3176,27 @@ div.qbo-form form > * > slot .was-validated div > .input-group > select.qbo-sm:n
3120
3176
  .was-validated div.qbo-form form > * > slot div.qbo-input-group > select.qbo-sm:not(:focus):invalid,
3121
3177
  div.qbo-form form > * > slot .was-validated div.input-group > select.qbo-sm:not(:focus):invalid,
3122
3178
  div.qbo-form form > * > slot .was-validated div.qbo-input-group > select.qbo-sm:not(:focus):invalid,
3179
+ .was-validated .qbo-paginate li.pageSize > .form-select:not(:focus):invalid,
3180
+ .was-validated .qbo-paginate div.qbo-form form > * > slot div > li.pageSize > select.qbo-sm:not(:focus):invalid,
3181
+ div.qbo-form form > * > slot .was-validated .qbo-paginate div > li.pageSize > select.qbo-sm:not(:focus):invalid,
3182
+ .qbo-paginate .was-validated li.pageSize > .form-select:not(:focus):invalid,
3183
+ .qbo-paginate .was-validated div.qbo-form form > * > slot div > li.pageSize > select.qbo-sm:not(:focus):invalid,
3184
+ div.qbo-form form > * > slot .qbo-paginate .was-validated div > li.pageSize > select.qbo-sm:not(:focus):invalid,
3123
3185
  .input-group > .form-select:not(:focus).is-invalid,
3124
3186
  div.qbo-input-group > .form-select:not(:focus).is-invalid,
3125
3187
  div.qbo-form form > * > slot div > .input-group > select.qbo-sm:not(:focus).is-invalid,
3126
3188
  div.qbo-form form > * > slot div.input-group > select.qbo-sm:not(:focus).is-invalid,
3127
3189
  div.qbo-form form > * > slot div.qbo-input-group > select.qbo-sm:not(:focus).is-invalid,
3190
+ .qbo-paginate li.pageSize > .form-select:not(:focus).is-invalid,
3191
+ .qbo-paginate div.qbo-form form > * > slot div > li.pageSize > select.qbo-sm:not(:focus).is-invalid,
3192
+ div.qbo-form form > * > slot .qbo-paginate div > li.pageSize > select.qbo-sm:not(:focus).is-invalid,
3128
3193
  .was-validated .input-group > .form-floating:not(:focus-within):invalid,
3129
3194
  .was-validated div.qbo-input-group > .form-floating:not(:focus-within):invalid,
3195
+ .was-validated .qbo-paginate li.pageSize > .form-floating:not(:focus-within):invalid,
3196
+ .qbo-paginate .was-validated li.pageSize > .form-floating:not(:focus-within):invalid,
3130
3197
  .input-group > .form-floating:not(:focus-within).is-invalid,
3131
- div.qbo-input-group > .form-floating:not(:focus-within).is-invalid {
3198
+ div.qbo-input-group > .form-floating:not(:focus-within).is-invalid,
3199
+ .qbo-paginate li.pageSize > .form-floating:not(:focus-within).is-invalid {
3132
3200
  z-index: 4;
3133
3201
  }
3134
3202
 
@@ -4013,7 +4081,7 @@ aside.qbo-sidebar > nav > ul > li.btn-group-vertical > button.active {
4013
4081
  flex-wrap: wrap;
4014
4082
  justify-content: flex-start;
4015
4083
  }
4016
- .btn-toolbar .input-group, .btn-toolbar div.qbo-input-group {
4084
+ .btn-toolbar .input-group, .btn-toolbar div.qbo-input-group, .btn-toolbar .qbo-paginate li.pageSize, .qbo-paginate .btn-toolbar li.pageSize {
4017
4085
  width: auto;
4018
4086
  }
4019
4087
 
@@ -8095,7 +8163,7 @@ nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-start:last-child,
8095
8163
  width: 100% !important;
8096
8164
  }
8097
8165
 
8098
- .w-auto {
8166
+ .w-auto, .qbo-paginate li.pageSize {
8099
8167
  width: auto !important;
8100
8168
  }
8101
8169
 
@@ -20976,7 +21044,15 @@ div.qbo-form form > * > slot div.qbo-form > textarea.qbo-sm + .form-control, div
20976
21044
  div.qbo-form form > * > slot div.qbo-form > textarea.qbo-sm + input.qbo-sm,
20977
21045
  div.qbo-form form > * > slot div.qbo-form > .form-control + textarea.qbo-sm,
20978
21046
  div.qbo-form form > * > slot div.qbo-form > input.qbo-sm + textarea.qbo-sm,
20979
- div.qbo-form form > * > slot div.qbo-form > textarea.qbo-sm + textarea.qbo-sm {
21047
+ div.qbo-form form > * > slot div.qbo-form > textarea.qbo-sm + textarea.qbo-sm, .qbo-paginate li.pageSize .bd-example > input + .form-control,
21048
+ .qbo-paginate li.pageSize div.qbo-form form > * > slot div.bd-example > input + textarea.qbo-sm,
21049
+ div.qbo-form form > * > slot .qbo-paginate li.pageSize div.bd-example > input + textarea.qbo-sm, .qbo-paginate li.pageSize div.qbo-form > input + .form-control, .qbo-paginate li.pageSize div.qbo-form form > * > slot div.qbo-form > input + input.qbo-sm,
21050
+ .qbo-paginate li.pageSize div.qbo-form form > * > slot div.qbo-form > input + textarea.qbo-sm,
21051
+ div.qbo-form form > * > slot .qbo-paginate li.pageSize div.qbo-form > input + textarea.qbo-sm, .qbo-paginate li.pageSize .bd-example > .form-control + input,
21052
+ .qbo-paginate li.pageSize div.qbo-form form > * > slot div.bd-example > textarea.qbo-sm + input,
21053
+ div.qbo-form form > * > slot .qbo-paginate li.pageSize div.bd-example > textarea.qbo-sm + input, .qbo-paginate li.pageSize div.qbo-form > .form-control + input, .qbo-paginate li.pageSize div.qbo-form form > * > slot div.qbo-form > input.qbo-sm + input,
21054
+ .qbo-paginate li.pageSize div.qbo-form form > * > slot div.qbo-form > textarea.qbo-sm + input,
21055
+ div.qbo-form form > * > slot .qbo-paginate li.pageSize div.qbo-form > textarea.qbo-sm + input, .qbo-paginate li.pageSize .bd-example > input + input, .qbo-paginate li.pageSize div.qbo-form > input + input {
20980
21056
  margin-top: 0.5rem;
20981
21057
  }
20982
21058
 
@@ -21090,6 +21166,9 @@ div.qbo-form form > * > slot div.qbo-form > textarea.qbo-sm + textarea.qbo-sm {
21090
21166
  .qbo-modal {
21091
21167
  display: block;
21092
21168
  }
21169
+ .qbo-paginate li.pageSize input {
21170
+ width: 5em;
21171
+ }
21093
21172
  /* Sidebar - Start */
21094
21173
  /* Sidebar - Start */
21095
21174
  /* Container - Start */