@quidgest/ui 0.16.3 → 0.16.5

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 (121) hide show
  1. package/dist/manifest/components.json +7 -0
  2. package/dist/ui.css +810 -32
  3. package/dist/ui.esm.js +5731 -5219
  4. package/dist/ui.js +18 -18
  5. package/dist/ui.min.css +2 -1
  6. package/dist/ui.min.js +1042 -1006
  7. package/dist/ui.scss +463 -40
  8. package/esm/_virtual/_plugin-vue_export-helper.js +9 -0
  9. package/esm/components/QCombobox/QCombobox.d.ts +14 -0
  10. package/esm/components/QCombobox/QCombobox.d.ts.map +1 -1
  11. package/esm/components/QCombobox/QCombobox.vue.js +9 -8
  12. package/esm/components/QCombobox/index.d.ts +7 -0
  13. package/esm/components/QCombobox/index.d.ts.map +1 -1
  14. package/esm/components/QDialog/QDialog.d.ts +9 -1
  15. package/esm/components/QDialog/QDialog.d.ts.map +1 -1
  16. package/esm/components/QDialog/QDialog.vue.js +125 -97
  17. package/esm/components/QDialog/QDialogProvider.d.ts +3 -0
  18. package/esm/components/QDialog/QDialogProvider.d.ts.map +1 -0
  19. package/esm/components/QDialog/QDialogProvider.vue.js +26 -0
  20. package/esm/components/QDialog/QDialogProvider.vue2.js +4 -0
  21. package/esm/components/QDialog/index.d.ts +26 -2
  22. package/esm/components/QDialog/index.d.ts.map +1 -1
  23. package/esm/components/QDialog/index.js +6 -4
  24. package/esm/components/QDialog/types.d.ts +9 -0
  25. package/esm/components/QDialog/types.d.ts.map +1 -1
  26. package/esm/components/QDismissibleLayer/QDismissibleLayer.d.ts.map +1 -1
  27. package/esm/components/QDismissibleLayer/QDismissibleLayer.vue.js +26 -24
  28. package/esm/components/QDivider/QDivider.d.ts +21 -0
  29. package/esm/components/QDivider/QDivider.d.ts.map +1 -0
  30. package/esm/components/QDivider/QDivider.vue.js +57 -0
  31. package/esm/components/QDivider/QDivider.vue2.js +4 -0
  32. package/esm/components/QDivider/index.d.ts +25 -0
  33. package/esm/components/QDivider/index.d.ts.map +1 -0
  34. package/esm/components/QDivider/index.js +6 -0
  35. package/esm/components/QDivider/types.d.ts +11 -0
  36. package/esm/components/QDivider/types.d.ts.map +1 -0
  37. package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts +14 -0
  38. package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts.map +1 -1
  39. package/esm/components/QGrid/QCol.d.ts +19 -0
  40. package/esm/components/QGrid/QCol.d.ts.map +1 -0
  41. package/esm/components/QGrid/QCol.vue.js +46 -0
  42. package/esm/components/QGrid/QCol.vue2.js +4 -0
  43. package/esm/components/QGrid/QContainer.d.ts +19 -0
  44. package/esm/components/QGrid/QContainer.d.ts.map +1 -0
  45. package/esm/components/QGrid/QContainer.vue.js +24 -0
  46. package/esm/components/QGrid/QContainer.vue2.js +4 -0
  47. package/esm/components/QGrid/QRow.d.ts +23 -0
  48. package/esm/components/QGrid/QRow.d.ts.map +1 -0
  49. package/esm/components/QGrid/QRow.vue.js +36 -0
  50. package/esm/components/QGrid/QRow.vue2.js +4 -0
  51. package/esm/components/QGrid/QSpacer.d.ts +3 -0
  52. package/esm/components/QGrid/QSpacer.d.ts.map +1 -0
  53. package/esm/components/QGrid/QSpacer.vue.js +10 -0
  54. package/esm/components/QGrid/index.d.ts +66 -0
  55. package/esm/components/QGrid/index.d.ts.map +1 -0
  56. package/esm/components/QGrid/index.js +12 -0
  57. package/esm/components/QGrid/types.d.ts +47 -0
  58. package/esm/components/QGrid/types.d.ts.map +1 -0
  59. package/esm/components/QList/QList.d.ts +1 -0
  60. package/esm/components/QList/QList.d.ts.map +1 -1
  61. package/esm/components/QList/QList.vue.js +130 -120
  62. package/esm/components/QList/QListItem.d.ts.map +1 -1
  63. package/esm/components/QList/QListItem.vue.js +57 -43
  64. package/esm/components/QList/index.d.ts +7 -0
  65. package/esm/components/QList/index.d.ts.map +1 -1
  66. package/esm/components/QList/types.d.ts +8 -0
  67. package/esm/components/QList/types.d.ts.map +1 -1
  68. package/esm/components/QOverlay/QOverlay.d.ts.map +1 -1
  69. package/esm/components/QOverlay/QOverlay.vue.js +29 -27
  70. package/esm/components/QOverlay/index.d.ts +3 -0
  71. package/esm/components/QOverlay/index.d.ts.map +1 -1
  72. package/esm/components/QOverlay/types.d.ts +4 -0
  73. package/esm/components/QOverlay/types.d.ts.map +1 -1
  74. package/esm/components/QPasswordField/QPasswordFieldMeterOverlay.vue.js +8 -7
  75. package/esm/components/QSelect/QSelect.d.ts +14 -0
  76. package/esm/components/QSelect/QSelect.d.ts.map +1 -1
  77. package/esm/components/QSelect/QSelect.vue.js +1 -0
  78. package/esm/components/QSelect/index.d.ts +7 -0
  79. package/esm/components/QSelect/index.d.ts.map +1 -1
  80. package/esm/components/QSidebar/QSidebar.d.ts +39 -0
  81. package/esm/components/QSidebar/QSidebar.d.ts.map +1 -0
  82. package/esm/components/QSidebar/QSidebar.vue.js +155 -0
  83. package/esm/components/QSidebar/QSidebar.vue2.js +4 -0
  84. package/esm/components/QSidebar/QSidebarAnchor.d.ts +219 -0
  85. package/esm/components/QSidebar/QSidebarAnchor.d.ts.map +1 -0
  86. package/esm/components/QSidebar/QSidebarAnchor.vue.js +110 -0
  87. package/esm/components/QSidebar/QSidebarAnchor.vue2.js +4 -0
  88. package/esm/components/QSidebar/QSidebarPanel.d.ts +41 -0
  89. package/esm/components/QSidebar/QSidebarPanel.d.ts.map +1 -0
  90. package/esm/components/QSidebar/QSidebarPanel.vue.js +90 -0
  91. package/esm/components/QSidebar/QSidebarPanel.vue2.js +4 -0
  92. package/esm/components/QSidebar/index.d.ts +72 -0
  93. package/esm/components/QSidebar/index.d.ts.map +1 -0
  94. package/esm/components/QSidebar/index.js +6 -0
  95. package/esm/components/QSidebar/types.d.ts +63 -0
  96. package/esm/components/QSidebar/types.d.ts.map +1 -0
  97. package/esm/components/QToggleGroup/types.d.ts +1 -1
  98. package/esm/components/QTooltip/QTooltip.d.ts.map +1 -1
  99. package/esm/components/QTooltip/QTooltip.vue.js +47 -46
  100. package/esm/components/index.d.ts +3 -0
  101. package/esm/components/index.d.ts.map +1 -1
  102. package/esm/components/index.js +78 -68
  103. package/esm/composables/index.d.ts +2 -1
  104. package/esm/composables/index.d.ts.map +1 -1
  105. package/esm/composables/theme.js +3 -3
  106. package/esm/composables/useDialog/index.d.ts +69 -0
  107. package/esm/composables/useDialog/index.d.ts.map +1 -0
  108. package/esm/composables/useDialog/index.js +21 -0
  109. package/esm/composables/useDialog/types.d.ts +25 -0
  110. package/esm/composables/useDialog/types.d.ts.map +1 -0
  111. package/esm/composables/useDismissibleLayerStack/index.d.ts +14 -0
  112. package/esm/composables/useDismissibleLayerStack/index.d.ts.map +1 -0
  113. package/esm/composables/useDismissibleLayerStack/index.js +32 -0
  114. package/esm/framework.d.ts.map +1 -1
  115. package/esm/framework.js +35 -31
  116. package/esm/index.d.ts +7 -0
  117. package/esm/index.js +4 -2
  118. package/esm/symbols/dismissibleLayer.d.ts +4 -0
  119. package/esm/symbols/dismissibleLayer.d.ts.map +1 -0
  120. package/esm/symbols/dismissibleLayer.js +4 -0
  121. package/package.json +1 -1
package/dist/ui.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Quidgest UI v0.16.3
2
+ * Quidgest UI v0.16.5
3
3
  * (c) 2025 Quidgest - Consultores de Gestão, S.A.
4
4
  * Released under the MIT License.
5
5
  */
@@ -288,6 +288,7 @@ body {
288
288
  }
289
289
  }
290
290
  }
291
+ $transition-duration: 0.2s !default;
291
292
  .fade-enter-from,
292
293
  .fade-leave-to {
293
294
  opacity: 0;
@@ -298,7 +299,87 @@ body {
298
299
  }
299
300
  .fade-enter-active,
300
301
  .fade-leave-active {
301
- transition: opacity 0.2s;
302
+ transition: opacity $transition-duration;
303
+ }
304
+ .scale-enter-from,
305
+ .scale-leave-to {
306
+ transform: scale(0);
307
+ opacity: 0;
308
+ }
309
+ .scale-enter-to,
310
+ .scale-leave-from {
311
+ transform: scale(1);
312
+ opacity: 1;
313
+ }
314
+ .scale-enter-active,
315
+ .scale-leave-active {
316
+ transition:
317
+ transform $transition-duration ease,
318
+ opacity $transition-duration ease;
319
+ }
320
+ .slide-up-enter-from,
321
+ .slide-up-leave-to {
322
+ transform: translateY(100%);
323
+ opacity: 0;
324
+ }
325
+ .slide-up-enter-to,
326
+ .slide-up-leave-from {
327
+ transform: translateY(0);
328
+ opacity: 1;
329
+ }
330
+ .slide-up-enter-active,
331
+ .slide-up-leave-active {
332
+ transition:
333
+ transform $transition-duration ease,
334
+ opacity $transition-duration ease;
335
+ }
336
+ .slide-down-enter-from,
337
+ .slide-down-leave-to {
338
+ transform: translateY(-100%);
339
+ opacity: 0;
340
+ }
341
+ .slide-down-enter-to,
342
+ .slide-down-leave-from {
343
+ transform: translateY(0);
344
+ opacity: 1;
345
+ }
346
+ .slide-down-enter-active,
347
+ .slide-down-leave-active {
348
+ transition:
349
+ transform $transition-duration ease,
350
+ opacity $transition-duration ease;
351
+ }
352
+ .slide-left-enter-from,
353
+ .slide-left-leave-to {
354
+ transform: translateX(100%);
355
+ opacity: 0;
356
+ }
357
+ .slide-left-enter-to,
358
+ .slide-left-leave-from {
359
+ transform: translateX(0);
360
+ opacity: 1;
361
+ }
362
+ .slide-left-enter-active,
363
+ .slide-left-leave-active {
364
+ transition:
365
+ transform $transition-duration ease,
366
+ opacity $transition-duration ease;
367
+ }
368
+ .slide-right-enter-from,
369
+ .slide-right-leave-to {
370
+ transform: translateX(-100%);
371
+ opacity: 0;
372
+ }
373
+ .slide-right-enter-to,
374
+ .slide-right-leave-from {
375
+ transform: translateX(0);
376
+ opacity: 1;
377
+ }
378
+ .slide-right-enter-active,
379
+ .slide-right-leave-active {
380
+ transition:
381
+ transform $transition-duration ease,
382
+ opacity $transition-duration ease;
302
383
  }
303
384
  @mixin color-variant($prefix, $color) {
304
385
  &--#{$color} {
@@ -696,8 +777,9 @@ body {
696
777
  --card-scale: 1;
697
778
  --card-shadow: none;
698
779
  --card-background: var(--q-theme-container);
699
- min-height: 5rem;
700
780
  min-width: 7rem;
781
+ min-height: 5rem;
782
+ height: 100%;
701
783
  border: var(--card-border);
702
784
  border-radius: var(--border-radius);
703
785
  background-color: var(--card-background);
@@ -744,10 +826,11 @@ body {
744
826
  padding-top: 0.3rem;
745
827
  }
746
828
  &__content {
829
+ display: flex;
830
+ flex-direction: column;
747
831
  padding: var(--card-padding);
748
832
  padding-top: 0;
749
833
  padding-bottom: var(--card-base-padding);
750
- display: flex;
751
834
  }
752
835
 
753
836
  &--elevation-low {
@@ -1133,48 +1216,114 @@ body {
1133
1216
  .q-dialog {
1134
1217
  display: flex;
1135
1218
  flex-direction: column;
1219
+ width: 100%;
1220
+ max-height: calc(100vh - 2rem);
1221
+ &__header {
1222
+ padding: 1rem;
1223
+ padding-bottom: 0;
1224
+ &-title {
1225
+ display: flex;
1226
+ font-weight: $font-weight-bold;
1227
+ font-size: 1rem;
1228
+ }
1229
+ }
1230
+ &__body {
1231
+ padding: 1rem 0;
1232
+ overflow: auto;
1233
+ &-icon {
1234
+ display: flex;
1235
+ justify-content: center;
1236
+ padding: $space-base 1rem;
1237
+ svg {
1238
+ height: 5em;
1239
+ width: 5em;
1240
+ }
1241
+ }
1242
+ &-text {
1243
+ display: flex;
1244
+ justify-content: center;
1245
+ padding: $space-base 1rem;
1246
+ }
1247
+ }
1248
+ &__footer {
1249
+ padding: 1rem;
1250
+ padding-top: 0;
1251
+ &-buttons {
1252
+ display: flex;
1253
+ width: 100%;
1254
+ justify-content: center;
1255
+ flex-wrap: wrap;
1256
+ gap: 0.5rem;
1257
+ }
1258
+ }
1259
+ &__close {
1260
+ position: absolute;
1261
+ top: 0.5rem;
1262
+ right: 0.5rem;
1263
+ }
1264
+ &__underlay {
1265
+ background-color: rgb(var(--q-theme-on-background-rgb) / 30%);
1266
+ }
1267
+ }
1268
+ .q-divider {
1269
+ display: flex;
1136
1270
  align-items: center;
1137
1271
  justify-content: center;
1138
- max-width: 50rem;
1139
- min-width: 20rem;
1140
- padding: $space-base;
1141
- }
1142
- .q-dialog__underlay {
1143
- background-color: rgb(var(--q-theme-on-background-rgb) / 30%);
1272
+ position: relative;
1273
+ color: #999;
1274
+ font-size: 0.875rem;
1144
1275
  }
1145
- .q-dialog__header {
1146
- display: flex;
1276
+ .q-divider--horizontal {
1147
1277
  width: 100%;
1148
- justify-content: space-between;
1149
- padding: 0.4rem $space-base;
1150
- &-title {
1151
- align-self: flex-start;
1152
- font-weight: $font-weight-bold;
1153
- padding: 0.4rem;
1154
- font-size: 1rem;
1155
- }
1278
+ flex-direction: row;
1279
+ margin: 8px 0;
1156
1280
  }
1157
- .q-dialog__header .q-button {
1158
- align-items: center;
1281
+ .q-divider--horizontal:not(.q-divider--labeled)::before {
1282
+ content: '';
1283
+ flex: 1;
1284
+ border-top: 1px solid #e0e0e0;
1159
1285
  }
1160
- .q-dialog__body {
1286
+ .q-divider--horizontal.q-divider--labeled .q-divider__line {
1287
+ flex: 1;
1288
+ border-top: 1px solid #e0e0e0;
1289
+ }
1290
+ .q-divider--horizontal.q-divider--labeled .q-divider__label {
1291
+ padding: 0 12px;
1292
+ background: white;
1293
+ white-space: nowrap;
1294
+ }
1295
+ .q-divider--horizontal.q-divider--inset {
1296
+ max-width: calc(100% - 72px);
1297
+ margin-inline-start: 72px;
1298
+ }
1299
+ .q-divider--vertical {
1161
1300
  display: flex;
1162
1301
  flex-direction: column;
1163
1302
  align-items: center;
1164
- padding: $space-base 0.65rem;
1165
- gap: 0.4rem;
1166
- &-icon svg {
1167
- height: 5em;
1168
- width: 5em;
1169
- }
1170
- &-actions {
1171
- display: flex;
1172
- justify-content: center;
1173
- flex-wrap: wrap;
1174
- gap: 0.5rem;
1175
- padding: 0.65rem;
1176
- padding-bottom: 0.5rem;
1177
- }
1303
+ height: 100%;
1304
+ min-height: 100%;
1305
+ margin: 0 8px;
1306
+ }
1307
+ .q-divider--vertical:not(.q-divider--labeled)::before {
1308
+ content: '';
1309
+ flex: 1;
1310
+ border-left: 1px solid #e0e0e0;
1311
+ }
1312
+ .q-divider--vertical.q-divider--labeled .q-divider__line {
1313
+ border-left: 1px solid #e0e0e0;
1314
+ height: 100%;
1315
+ }
1316
+ .q-divider--vertical.q-divider--labeled .q-divider__label {
1317
+ writing-mode: vertical-rl;
1318
+ text-orientation: mixed;
1319
+ padding: 12px 0;
1320
+ background: white;
1321
+ white-space: nowrap;
1322
+ }
1323
+ .q-divider--vertical.q-divider--inset {
1324
+ margin-bottom: 8px;
1325
+ margin-top: 8px;
1326
+ max-height: calc(100% - 16px);
1178
1327
  }
1179
1328
  .q-dropdown-menu {
1180
1329
  &__body {
@@ -1373,6 +1522,125 @@ body {
1373
1522
  }
1374
1523
  }
1375
1524
  }
1525
+ @use 'sass:math';
1526
+ .q-container {
1527
+ width: 100%;
1528
+ margin-left: auto;
1529
+ margin-right: auto;
1530
+ padding-left: 16px;
1531
+ padding-right: 16px;
1532
+ }
1533
+ .q-container--fluid {
1534
+ max-width: 100%;
1535
+ }
1536
+ @media (width >= 576px) {
1537
+ .q-container:not(.q-container--fluid) {
1538
+ max-width: 540px;
1539
+ }
1540
+ }
1541
+ @media (width >= 768px) {
1542
+ .q-container:not(.q-container--fluid) {
1543
+ max-width: 720px;
1544
+ }
1545
+ }
1546
+ @media (width >= 992px) {
1547
+ .q-container:not(.q-container--fluid) {
1548
+ max-width: 960px;
1549
+ }
1550
+ }
1551
+ @media (width >= 1200px) {
1552
+ .q-container:not(.q-container--fluid) {
1553
+ max-width: 1140px;
1554
+ }
1555
+ }
1556
+ @media (width >= 1400px) {
1557
+ .q-container:not(.q-container--fluid) {
1558
+ max-width: 1320px;
1559
+ }
1560
+ }
1561
+ .q-row {
1562
+ --q-row-gutter: #{$space-base * 2};
1563
+ display: flex;
1564
+ flex-wrap: wrap;
1565
+ justify-content: flex-start;
1566
+ align-items: stretch;
1567
+ margin-left: calc(-1 * var(--q-row-gutter));
1568
+ margin-right: calc(-1 * var(--q-row-gutter));
1569
+ }
1570
+ .q-row > * {
1571
+ padding: var(--q-row-gutter);
1572
+ }
1573
+ .q-row--justify-start {
1574
+ justify-content: flex-start;
1575
+ }
1576
+ .q-row--justify-center {
1577
+ justify-content: center;
1578
+ }
1579
+ .q-row--justify-end {
1580
+ justify-content: flex-end;
1581
+ }
1582
+ .q-row--justify-between {
1583
+ justify-content: space-between;
1584
+ }
1585
+ .q-row--justify-around {
1586
+ justify-content: space-around;
1587
+ }
1588
+ .q-row--justify-evenly {
1589
+ justify-content: space-evenly;
1590
+ }
1591
+ .q-row--align-start {
1592
+ align-items: flex-start;
1593
+ }
1594
+ .q-row--align-center {
1595
+ align-items: center;
1596
+ }
1597
+ .q-row--align-end {
1598
+ align-items: flex-end;
1599
+ }
1600
+ .q-row--align-baseline {
1601
+ align-items: baseline;
1602
+ }
1603
+ .q-row--align-stretch {
1604
+ align-items: stretch;
1605
+ }
1606
+ .q-col {
1607
+ flex-basis: 0;
1608
+ flex-grow: 1;
1609
+ max-width: 100%;
1610
+ }
1611
+ .q-col-auto {
1612
+ flex: 0 0 auto;
1613
+ width: auto;
1614
+ max-width: none;
1615
+ }
1616
+ @mixin generate-cols($infix: '') {
1617
+ @for $i from 1 through 12 {
1618
+ $width: math.div($i, 12) * 100%;
1619
+ .q-col#{$infix}-#{$i} {
1620
+ flex: 0 0 #{$width};
1621
+ max-width: #{$width};
1622
+ }
1623
+ }
1624
+ }
1625
+ @include generate-cols;
1626
+ @media (width >= 600px) {
1627
+ @include generate-cols('-sm');
1628
+ }
1629
+ @media (width >= 960px) {
1630
+ @include generate-cols('-md');
1631
+ }
1632
+ @media (width >= 1280px) {
1633
+ @include generate-cols('-lg');
1634
+ }
1635
+ @media (width >= 1920px) {
1636
+ @include generate-cols('-xl');
1637
+ }
1638
+ @media (width >= 2560px) {
1639
+ @include generate-cols('-xxl');
1640
+ }
1641
+ .q-spacer {
1642
+ flex: 1 1 0;
1643
+ }
1376
1644
  .q-icon {
1377
1645
  display: inline-block;
1378
1646
  color: var(--q-theme-primary);
@@ -1537,8 +1805,10 @@ $q-line-loader-color: var(--q-line-loader-color);
1537
1805
  width: inherit;
1538
1806
  border-radius: var(--border-radius);
1539
1807
  outline: none;
1540
- &:hover {
1541
- cursor: pointer;
1808
+ &--selectable {
1809
+ &:hover {
1810
+ cursor: pointer;
1811
+ }
1542
1812
  }
1543
1813
  &:hover,
1544
1814
  &:focus-visible,
@@ -1631,10 +1901,12 @@ $arrow-tip-radius: 0.1rem;
1631
1901
  --q-overlay-border-color: var(--q-theme-neutral-light);
1632
1902
  position: fixed;
1633
1903
  z-index: $overlay-z-index;
1904
+ max-width: calc(100vw - 1rem);
1905
+ max-height: calc(100vh - 2rem);
1634
1906
  &__underlay {
1635
1907
  position: fixed;
1636
1908
  inset: 0;
1637
- z-index: $overlay-z-index - 1;
1909
+ z-index: $overlay-z-index;
1638
1910
  &--blur {
1639
1911
  backdrop-filter: blur(2px);
1640
1912
  }
@@ -1699,6 +1971,12 @@ $arrow-tip-radius: 0.1rem;
1699
1971
  }
1700
1972
 
1701
1973
  &--independent {
1974
+ inset: 0;
1975
+ margin: 1rem auto;
1976
+ width: max-content;
1977
+ height: max-content;
1978
+ }
1979
+ &--center {
1702
1980
  inset: 0;
1703
1981
  margin: auto;
1704
1982
  width: max-content;
@@ -1710,6 +1988,18 @@ $arrow-tip-radius: 0.1rem;
1710
1988
  --q-overlay-color: var(--q-theme-background);
1711
1989
  --q-overlay-border-color: var(--q-theme-neutral-dark);
1712
1990
  }
1991
+ &--small {
1992
+ width: 20rem;
1993
+ }
1994
+ &--medium {
1995
+ width: 32rem;
1996
+ }
1997
+ &--large {
1998
+ width: 50rem;
1999
+ }
2000
+ &--xlarge {
2001
+ width: 72rem;
2002
+ }
1713
2003
  }
1714
2004
  .q-password-field {
1715
2005
  &__meter {
@@ -2022,6 +2312,139 @@ $base-border: 1px solid rgb(0 0 0 / 10%);
2022
2312
  .q-select__empty {
2023
2313
  margin: calc(4 * $space-base) 0;
2024
2314
  }
2315
+ $sidebar-size-small: 19rem;
2316
+ $sidebar-size-medium: 27rem;
2317
+ $sidebar-size-large: 35rem;
2318
+ $sidebar-border-color: rgb(var(--q-theme-neutral-rgb) / 25%);
2319
+ $sidebar-sizes: (
2320
+ small: $sidebar-size-small,
2321
+ medium: $sidebar-size-medium,
2322
+ large: $sidebar-size-large
2323
+ );
2324
+ @mixin sidebar-size-modifiers($prefix, $property) {
2325
+ @each $size, $value in $sidebar-sizes {
2326
+ $suffix: if($prefix == '', $size, '#{$prefix}-#{$size}');
2327
+ .q-sidebar--#{$suffix} {
2328
+ #{$property}: $value;
2329
+ }
2330
+ }
2331
+ }
2332
+ .q-sidebar {
2333
+ height: 100%;
2334
+ display: flex;
2335
+ overflow: hidden;
2336
+ flex-direction: row;
2337
+ min-width: $sidebar-size-small;
2338
+ max-width: $sidebar-size-large;
2339
+ }
2340
+ .q-sidebar-anchor {
2341
+ display: flex;
2342
+ flex-direction: column;
2343
+ flex-shrink: 0;
2344
+ background-color: var(--q-theme-container);
2345
+ z-index: 10;
2346
+ }
2347
+ .q-sidebar__items {
2348
+ display: flex;
2349
+ flex-direction: column;
2350
+ position: relative;
2351
+ }
2352
+ .q-sidebar__item {
2353
+ width: 100%;
2354
+ height: 100%;
2355
+ aspect-ratio: 1;
2356
+ border-radius: 0;
2357
+ border-width: 0;
2358
+ border-bottom-width: 1px;
2359
+ border-bottom-color: $sidebar-border-color !important;
2360
+ font-size: 0.6rem;
2361
+ .q-icon {
2362
+ font-size: 20px;
2363
+ }
2364
+ }
2365
+ .q-sidebar__indicator {
2366
+ position: absolute;
2367
+ width: 2px;
2368
+ background-color: var(--q-theme-primary-dark);
2369
+ opacity: 0;
2370
+ z-index: 10;
2371
+ transition:
2372
+ transform 0.3s ease-in-out,
2373
+ height 0.3s ease-in-out,
2374
+ opacity 0.2s ease-in-out;
2375
+ }
2376
+ .q-sidebar-panel {
2377
+ display: flex;
2378
+ flex-direction: column;
2379
+ position: relative;
2380
+ width: 100%;
2381
+ overflow: hidden;
2382
+ box-sizing: border-box;
2383
+ }
2384
+ .q-sidebar-panel__header,
2385
+ .q-sidebar-panel__footer {
2386
+ display: flex;
2387
+ align-items: center;
2388
+ gap: 0.5rem;
2389
+ padding: 1rem;
2390
+ }
2391
+ .q-sidebar-panel__title {
2392
+ margin: 0;
2393
+ }
2394
+ .q-sidebar-panel__content {
2395
+ flex: 1 1 0%;
2396
+ overflow: auto;
2397
+ }
2398
+ .q-sidebar-panel__handle {
2399
+ position: absolute;
2400
+ top: 0;
2401
+ width: 10px;
2402
+ height: 100%;
2403
+ cursor: ew-resize;
2404
+ display: flex;
2405
+ align-items: center;
2406
+ justify-content: center;
2407
+ }
2408
+ .q-sidebar-panel__handle--left {
2409
+ left: 0;
2410
+ }
2411
+ .q-sidebar-panel__handle--right {
2412
+ right: 0;
2413
+ }
2414
+ .q-sidebar-panel__grip {
2415
+ width: 4px;
2416
+ height: 24px;
2417
+ background-color: var(--q-theme-neutral);
2418
+ border-radius: 2px;
2419
+ }
2420
+ @include sidebar-size-modifiers('', width);
2421
+ @include sidebar-size-modifiers('min', min-width);
2422
+ @include sidebar-size-modifiers('max', max-width);
2423
+ .q-sidebar--right {
2424
+ right: 0;
2425
+ flex-direction: row-reverse;
2426
+ }
2427
+ .q-sidebar--left .q-sidebar__indicator {
2428
+ left: 0;
2429
+ }
2430
+ .q-sidebar--right .q-sidebar__indicator {
2431
+ right: 0;
2432
+ }
2433
+ .q-sidebar--left .q-sidebar-panel,
2434
+ .q-sidebar--left .q-sidebar-anchor {
2435
+ border-right-width: 1px;
2436
+ border-right-color: $sidebar-border-color;
2437
+ }
2438
+ .q-sidebar--right .q-sidebar-panel,
2439
+ .q-sidebar--right .q-sidebar-anchor {
2440
+ border-left-width: 1px;
2441
+ border-left-color: $sidebar-border-color;
2442
+ }
2443
+ @media (prefers-reduced-motion: reduce) {
2444
+ .q-sidebar__indicator {
2445
+ transition: opacity 0.2s ease-in-out;
2446
+ }
2447
+ }
2025
2448
  .q-skeleton-loader {
2026
2449
  $this: &;
2027
2450
  &__bone {
@@ -0,0 +1,9 @@
1
+ const s = (t, e) => {
2
+ const o = t.__vccOpts || t;
3
+ for (const [r, c] of e)
4
+ o[r] = c;
5
+ return o;
6
+ };
7
+ export {
8
+ s as default
9
+ };
@@ -302,6 +302,8 @@ declare function __VLS_template(): {
302
302
  readonly itemLabel?: string | undefined;
303
303
  readonly disabled?: boolean | undefined;
304
304
  readonly selectable?: boolean | undefined;
305
+ readonly multiple?: boolean | undefined;
306
+ readonly required?: boolean | undefined;
305
307
  readonly onClick?: ((key: any) => any) | undefined;
306
308
  readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
307
309
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
@@ -406,6 +408,8 @@ declare function __VLS_template(): {
406
408
  itemLabel?: string;
407
409
  disabled?: boolean;
408
410
  selectable?: boolean;
411
+ multiple?: boolean;
412
+ required?: boolean;
409
413
  }> & Readonly<{
410
414
  onClick?: ((key: any) => any) | undefined;
411
415
  "onUpdate:modelValue"?: ((value: any) => any) | undefined;
@@ -456,6 +460,8 @@ declare function __VLS_template(): {
456
460
  itemLabel?: string;
457
461
  disabled?: boolean;
458
462
  selectable?: boolean;
463
+ multiple?: boolean;
464
+ required?: boolean;
459
465
  }> & Readonly<{
460
466
  onClick?: ((key: any) => any) | undefined;
461
467
  "onUpdate:modelValue"?: ((value: any) => any) | undefined;
@@ -466,6 +472,7 @@ declare function __VLS_template(): {
466
472
  getLastFocusableItemIndex: () => number;
467
473
  }> & {} & import('vue').ComponentCustomProperties & {} & {
468
474
  $slots: {
475
+ default?(_: {}): any;
469
476
  item?(_: {
470
477
  item: import('../QList/types').Item;
471
478
  element: HTMLLIElement | undefined;
@@ -1177,6 +1184,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
1177
1184
  readonly itemLabel?: string | undefined;
1178
1185
  readonly disabled?: boolean | undefined;
1179
1186
  readonly selectable?: boolean | undefined;
1187
+ readonly multiple?: boolean | undefined;
1188
+ readonly required?: boolean | undefined;
1180
1189
  readonly onClick?: ((key: any) => any) | undefined;
1181
1190
  readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
1182
1191
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
@@ -1281,6 +1290,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
1281
1290
  itemLabel?: string;
1282
1291
  disabled?: boolean;
1283
1292
  selectable?: boolean;
1293
+ multiple?: boolean;
1294
+ required?: boolean;
1284
1295
  }> & Readonly<{
1285
1296
  onClick?: ((key: any) => any) | undefined;
1286
1297
  "onUpdate:modelValue"?: ((value: any) => any) | undefined;
@@ -1331,6 +1342,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
1331
1342
  itemLabel?: string;
1332
1343
  disabled?: boolean;
1333
1344
  selectable?: boolean;
1345
+ multiple?: boolean;
1346
+ required?: boolean;
1334
1347
  }> & Readonly<{
1335
1348
  onClick?: ((key: any) => any) | undefined;
1336
1349
  "onUpdate:modelValue"?: ((value: any) => any) | undefined;
@@ -1341,6 +1354,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
1341
1354
  getLastFocusableItemIndex: () => number;
1342
1355
  }> & {} & import('vue').ComponentCustomProperties & {} & {
1343
1356
  $slots: {
1357
+ default?(_: {}): any;
1344
1358
  item?(_: {
1345
1359
  item: import('../QList/types').Item;
1346
1360
  element: HTMLLIElement | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"QCombobox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCombobox/QCombobox.vue"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"QCombobox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCombobox/QCombobox.vue"],"names":[],"mappings":"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"}