@quidgest/ui 0.16.3 → 0.16.4

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 (95) hide show
  1. package/dist/manifest/components.json +6 -0
  2. package/dist/ui.css +809 -31
  3. package/dist/ui.esm.js +5247 -4805
  4. package/dist/ui.js +24 -24
  5. package/dist/ui.min.css +2 -1
  6. package/dist/ui.min.js +959 -933
  7. package/dist/ui.scss +462 -39
  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 +4 -1
  15. package/esm/components/QDialog/QDialog.d.ts.map +1 -1
  16. package/esm/components/QDialog/QDialog.vue.js +115 -95
  17. package/esm/components/QDialog/index.d.ts +12 -1
  18. package/esm/components/QDialog/index.d.ts.map +1 -1
  19. package/esm/components/QDialog/types.d.ts +9 -0
  20. package/esm/components/QDialog/types.d.ts.map +1 -1
  21. package/esm/components/QDivider/QDivider.d.ts +21 -0
  22. package/esm/components/QDivider/QDivider.d.ts.map +1 -0
  23. package/esm/components/QDivider/QDivider.vue.js +57 -0
  24. package/esm/components/QDivider/QDivider.vue2.js +4 -0
  25. package/esm/components/QDivider/index.d.ts +25 -0
  26. package/esm/components/QDivider/index.d.ts.map +1 -0
  27. package/esm/components/QDivider/index.js +6 -0
  28. package/esm/components/QDivider/types.d.ts +11 -0
  29. package/esm/components/QDivider/types.d.ts.map +1 -0
  30. package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts +14 -0
  31. package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts.map +1 -1
  32. package/esm/components/QGrid/QCol.d.ts +19 -0
  33. package/esm/components/QGrid/QCol.d.ts.map +1 -0
  34. package/esm/components/QGrid/QCol.vue.js +46 -0
  35. package/esm/components/QGrid/QCol.vue2.js +4 -0
  36. package/esm/components/QGrid/QContainer.d.ts +19 -0
  37. package/esm/components/QGrid/QContainer.d.ts.map +1 -0
  38. package/esm/components/QGrid/QContainer.vue.js +24 -0
  39. package/esm/components/QGrid/QContainer.vue2.js +4 -0
  40. package/esm/components/QGrid/QRow.d.ts +23 -0
  41. package/esm/components/QGrid/QRow.d.ts.map +1 -0
  42. package/esm/components/QGrid/QRow.vue.js +36 -0
  43. package/esm/components/QGrid/QRow.vue2.js +4 -0
  44. package/esm/components/QGrid/QSpacer.d.ts +3 -0
  45. package/esm/components/QGrid/QSpacer.d.ts.map +1 -0
  46. package/esm/components/QGrid/QSpacer.vue.js +10 -0
  47. package/esm/components/QGrid/index.d.ts +66 -0
  48. package/esm/components/QGrid/index.d.ts.map +1 -0
  49. package/esm/components/QGrid/index.js +12 -0
  50. package/esm/components/QGrid/types.d.ts +47 -0
  51. package/esm/components/QGrid/types.d.ts.map +1 -0
  52. package/esm/components/QList/QList.d.ts +1 -0
  53. package/esm/components/QList/QList.d.ts.map +1 -1
  54. package/esm/components/QList/QList.vue.js +130 -120
  55. package/esm/components/QList/QListItem.d.ts.map +1 -1
  56. package/esm/components/QList/QListItem.vue.js +57 -43
  57. package/esm/components/QList/index.d.ts +7 -0
  58. package/esm/components/QList/index.d.ts.map +1 -1
  59. package/esm/components/QList/types.d.ts +8 -0
  60. package/esm/components/QList/types.d.ts.map +1 -1
  61. package/esm/components/QOverlay/QOverlay.d.ts.map +1 -1
  62. package/esm/components/QOverlay/QOverlay.vue.js +29 -27
  63. package/esm/components/QOverlay/index.d.ts +3 -0
  64. package/esm/components/QOverlay/index.d.ts.map +1 -1
  65. package/esm/components/QOverlay/types.d.ts +4 -0
  66. package/esm/components/QOverlay/types.d.ts.map +1 -1
  67. package/esm/components/QPasswordField/QPasswordFieldMeterOverlay.vue.js +8 -7
  68. package/esm/components/QSelect/QSelect.d.ts +14 -0
  69. package/esm/components/QSelect/QSelect.d.ts.map +1 -1
  70. package/esm/components/QSelect/QSelect.vue.js +1 -0
  71. package/esm/components/QSelect/index.d.ts +7 -0
  72. package/esm/components/QSelect/index.d.ts.map +1 -1
  73. package/esm/components/QSidebar/QSidebar.d.ts +39 -0
  74. package/esm/components/QSidebar/QSidebar.d.ts.map +1 -0
  75. package/esm/components/QSidebar/QSidebar.vue.js +155 -0
  76. package/esm/components/QSidebar/QSidebar.vue2.js +4 -0
  77. package/esm/components/QSidebar/QSidebarAnchor.d.ts +219 -0
  78. package/esm/components/QSidebar/QSidebarAnchor.d.ts.map +1 -0
  79. package/esm/components/QSidebar/QSidebarAnchor.vue.js +110 -0
  80. package/esm/components/QSidebar/QSidebarAnchor.vue2.js +4 -0
  81. package/esm/components/QSidebar/QSidebarPanel.d.ts +41 -0
  82. package/esm/components/QSidebar/QSidebarPanel.d.ts.map +1 -0
  83. package/esm/components/QSidebar/QSidebarPanel.vue.js +90 -0
  84. package/esm/components/QSidebar/QSidebarPanel.vue2.js +4 -0
  85. package/esm/components/QSidebar/index.d.ts +72 -0
  86. package/esm/components/QSidebar/index.d.ts.map +1 -0
  87. package/esm/components/QSidebar/index.js +6 -0
  88. package/esm/components/QSidebar/types.d.ts +63 -0
  89. package/esm/components/QSidebar/types.d.ts.map +1 -0
  90. package/esm/components/QToggleGroup/types.d.ts +1 -1
  91. package/esm/components/index.d.ts +3 -0
  92. package/esm/components/index.d.ts.map +1 -1
  93. package/esm/components/index.js +71 -62
  94. package/esm/index.d.ts +6 -0
  95. 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.4
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,6 +1901,8 @@ $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;
@@ -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":"AA2HA;AA8kBC,OAAO,EAAE,aAAa,EAAiB,MAAM,SAAS,CAAA;AAYtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAG7C,OAAO,EAAY,QAAQ,EAAyB,MAAM,KAAK,CAAA;AAE/D,KAAK,WAAW,GAAG,cAAc,CAAC;AA8cnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,WAAW,CAAC;AAOhB,iBAAS,cAAc;WA+UT,OAAO,IAA6B;;iCAtBZ,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACJ,GAAG;wBACH,GAAG;gCACK,GAAG;;;YACb,GAAG;+BACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAxYlC,GAAD,8CAIM,GAAG,yBAID,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCARhD,GAAD,8CAIM,GAAG,yBAID,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCARhD,GAAD,8CAIM,GAAG,yBAID,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDARhD,GAAD,8CAIM,GAAG,yBAID,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCARhD,GAAD,8CAIM,GAAG,yBAID,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoZpD;AAqCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAlchB,GAAD,8CAIM,GAAG,yBAID,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCARhD,GAAD,8CAIM,GAAG,yBAID,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CARhD,GAAD,8CAIM,GAAG,yBAID,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCARhD,GAAD,8CAIM,GAAG,yBAID,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CARhD,GAAD,8CAIM,GAAG,yBAID,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCARhD,GAAD,8CAIM,GAAG,yBAID,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCARhD,GAAD,8CAIM,GAAG,yBAID,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CARhD,GAAD,8CAIM,GAAG,yBAID,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCARhD,GAAD,8CAIM,GAAG,yBAID,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAocnD,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"QCombobox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCombobox/QCombobox.vue"],"names":[],"mappings":"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"}