@quidgest/ui 0.14.5 → 0.14.7

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 (141) hide show
  1. package/dist/manifest/components.json +2 -0
  2. package/dist/ui.css +162 -25
  3. package/dist/ui.esm.js +1363 -1103
  4. package/dist/ui.js +44 -7
  5. package/dist/ui.min.css +1 -1
  6. package/dist/ui.min.js +143 -119
  7. package/dist/ui.scss +175 -26
  8. package/esm/components/QAccordion/QAccordion.d.ts +27 -0
  9. package/esm/components/QAccordion/QAccordion.d.ts.map +1 -0
  10. package/esm/components/QAccordion/QAccordion.vue.js +27 -0
  11. package/esm/components/QAccordion/QAccordion.vue2.js +4 -0
  12. package/esm/components/QAccordion/index.d.ts +4 -0
  13. package/esm/components/QAccordion/index.d.ts.map +1 -0
  14. package/esm/components/QAccordion/index.js +6 -0
  15. package/esm/components/QAccordion/types.d.ts +7 -0
  16. package/esm/components/QAccordion/types.d.ts.map +1 -0
  17. package/esm/components/QBadge/QBadge.d.ts +3 -2
  18. package/esm/components/QBadge/QBadge.d.ts.map +1 -1
  19. package/esm/components/QBadge/QBadge.vue.js +11 -11
  20. package/esm/components/QButton/QButton.d.ts +3 -2
  21. package/esm/components/QButton/QButton.d.ts.map +1 -1
  22. package/esm/components/QButton/QButton.vue.js +14 -14
  23. package/esm/components/QButtonGroup/QButtonGroup.d.ts +3 -2
  24. package/esm/components/QButtonGroup/QButtonGroup.d.ts.map +1 -1
  25. package/esm/components/QButtonGroup/QButtonGroup.vue.js +3 -3
  26. package/esm/components/QButtonToggle/QButtonToggle.d.ts +7 -6
  27. package/esm/components/QButtonToggle/QButtonToggle.d.ts.map +1 -1
  28. package/esm/components/QButtonToggle/QButtonToggle.vue.js +6 -6
  29. package/esm/components/QCard/QCard.d.ts +3 -2
  30. package/esm/components/QCard/QCard.d.ts.map +1 -1
  31. package/esm/components/QCard/QCard.vue.js +30 -30
  32. package/esm/components/QCheckbox/QCheckbox.d.ts +4 -4
  33. package/esm/components/QCheckbox/QCheckbox.d.ts.map +1 -1
  34. package/esm/components/QCheckbox/QCheckbox.vue.js +4 -4
  35. package/esm/components/QCollapsible/QCollapsible.d.ts +36 -0
  36. package/esm/components/QCollapsible/QCollapsible.d.ts.map +1 -0
  37. package/esm/components/QCollapsible/QCollapsible.vue.js +143 -0
  38. package/esm/components/QCollapsible/QCollapsible.vue2.js +4 -0
  39. package/esm/components/QCollapsible/index.d.ts +6 -0
  40. package/esm/components/QCollapsible/index.d.ts.map +1 -0
  41. package/esm/components/QCollapsible/index.js +6 -0
  42. package/esm/components/QCollapsible/types.d.ts +43 -0
  43. package/esm/components/QCollapsible/types.d.ts.map +1 -0
  44. package/esm/components/QCollapsible/types.js +8 -0
  45. package/esm/components/QCombobox/QCombobox.d.ts +40 -39
  46. package/esm/components/QCombobox/QCombobox.d.ts.map +1 -1
  47. package/esm/components/QCombobox/QCombobox.vue.js +80 -80
  48. package/esm/components/QDialog/QDialog.d.ts +6 -5
  49. package/esm/components/QDialog/QDialog.d.ts.map +1 -1
  50. package/esm/components/QDialog/QDialog.vue.js +7 -7
  51. package/esm/components/QField/QField.d.ts +2 -1
  52. package/esm/components/QField/QField.d.ts.map +1 -1
  53. package/esm/components/QField/QField.vue.js +9 -9
  54. package/esm/components/QIcon/InlineSvg.d.ts +1 -1
  55. package/esm/components/QIcon/QIcon.d.ts.map +1 -1
  56. package/esm/components/QIcon/QIcon.vue.js +9 -9
  57. package/esm/components/QIcon/QIconFont.d.ts +2 -2
  58. package/esm/components/QIcon/QIconFont.d.ts.map +1 -1
  59. package/esm/components/QIcon/QIconFont.vue.js +5 -5
  60. package/esm/components/QIcon/QIconImg.d.ts +1 -1
  61. package/esm/components/QIcon/QIconImg.d.ts.map +1 -1
  62. package/esm/components/QIcon/QIconImg.vue.js +5 -5
  63. package/esm/components/QIcon/QIconSvg.d.ts +2 -2
  64. package/esm/components/QIcon/QIconSvg.d.ts.map +1 -1
  65. package/esm/components/QIcon/QIconSvg.vue.js +17 -17
  66. package/esm/components/QInputGroup/QInputGroup.d.ts +2 -1
  67. package/esm/components/QInputGroup/QInputGroup.d.ts.map +1 -1
  68. package/esm/components/QInputGroup/QInputGroup.vue.js +24 -24
  69. package/esm/components/QLineLoader/QLineLoader.d.ts +1 -1
  70. package/esm/components/QLineLoader/QLineLoader.d.ts.map +1 -1
  71. package/esm/components/QLineLoader/QLineLoader.vue.js +4 -4
  72. package/esm/components/QList/QList.d.ts +6 -5
  73. package/esm/components/QList/QList.d.ts.map +1 -1
  74. package/esm/components/QList/QList.vue.js +1 -1
  75. package/esm/components/QList/QListItem.d.ts +3 -2
  76. package/esm/components/QList/QListItem.d.ts.map +1 -1
  77. package/esm/components/QList/QListItem.vue.js +18 -18
  78. package/esm/components/QList/QListItemGroup.d.ts +3 -2
  79. package/esm/components/QList/QListItemGroup.d.ts.map +1 -1
  80. package/esm/components/QOverlay/QOverlay.d.ts +6 -5
  81. package/esm/components/QOverlay/QOverlay.d.ts.map +1 -1
  82. package/esm/components/QOverlay/QOverlay.vue.js +148 -138
  83. package/esm/components/QPopover/QPopover.d.ts +6 -5
  84. package/esm/components/QPopover/QPopover.d.ts.map +1 -1
  85. package/esm/components/QPropertyList/QPropertyList.d.ts +3 -2
  86. package/esm/components/QPropertyList/QPropertyList.d.ts.map +1 -1
  87. package/esm/components/QPropertyList/QPropertyList.vue.js +22 -22
  88. package/esm/components/QPropertyList/QPropertyListGroup.d.ts +1 -1
  89. package/esm/components/QPropertyList/QPropertyListGroup.d.ts.map +1 -1
  90. package/esm/components/QPropertyList/QPropertyListPanel.d.ts +3 -2
  91. package/esm/components/QPropertyList/QPropertyListPanel.d.ts.map +1 -1
  92. package/esm/components/QPropertyList/QPropertyListPanel.vue.js +4 -4
  93. package/esm/components/QPropertyList/QPropertyListRow.d.ts +3 -2
  94. package/esm/components/QPropertyList/QPropertyListRow.d.ts.map +1 -1
  95. package/esm/components/QRemoveScrollBar/QRemoveScrollBar.d.ts +24 -0
  96. package/esm/components/QRemoveScrollBar/QRemoveScrollBar.d.ts.map +1 -0
  97. package/esm/components/QRemoveScrollBar/QRemoveScrollBar.vue.js +72 -0
  98. package/esm/components/QRemoveScrollBar/QRemoveScrollBar.vue2.js +4 -0
  99. package/esm/components/QRemoveScrollBar/constants.d.ts +10 -0
  100. package/esm/components/QRemoveScrollBar/constants.d.ts.map +1 -0
  101. package/esm/components/QRemoveScrollBar/constants.js +8 -0
  102. package/esm/components/QRemoveScrollBar/index.d.ts +4 -0
  103. package/esm/components/QRemoveScrollBar/index.d.ts.map +1 -0
  104. package/esm/components/QRemoveScrollBar/index.js +6 -0
  105. package/esm/components/QRemoveScrollBar/types.d.ts +18 -0
  106. package/esm/components/QRemoveScrollBar/types.d.ts.map +1 -0
  107. package/esm/components/QRemoveScrollBar/utils/gap.d.ts +15 -0
  108. package/esm/components/QRemoveScrollBar/utils/gap.d.ts.map +1 -0
  109. package/esm/components/QRemoveScrollBar/utils/gap.js +23 -0
  110. package/esm/components/QRemoveScrollBar/utils/stylesheet.d.ts +5 -0
  111. package/esm/components/QRemoveScrollBar/utils/stylesheet.d.ts.map +1 -0
  112. package/esm/components/QRemoveScrollBar/utils/stylesheet.js +24 -0
  113. package/esm/components/QSelect/QSelect.d.ts +11 -10
  114. package/esm/components/QSelect/QSelect.d.ts.map +1 -1
  115. package/esm/components/QSelect/QSelect.vue.js +33 -33
  116. package/esm/components/QSkeletonLoader/QSkeletonLoader.d.ts +1 -1
  117. package/esm/components/QSkeletonLoader/QSkeletonLoader.d.ts.map +1 -1
  118. package/esm/components/QSkeletonLoader/QSkeletonLoader.vue.js +11 -11
  119. package/esm/components/QSpinnerLoader/QSpinnerLoader.d.ts +1 -1
  120. package/esm/components/QSpinnerLoader/QSpinnerLoader.d.ts.map +1 -1
  121. package/esm/components/QSpinnerLoader/QSpinnerLoader.vue.js +6 -6
  122. package/esm/components/QTextField/QTextField.d.ts +7 -6
  123. package/esm/components/QTextField/QTextField.d.ts.map +1 -1
  124. package/esm/components/QTextField/QTextField.vue.js +15 -15
  125. package/esm/components/QThemeProvider/QThemeProvider.d.ts +3 -2
  126. package/esm/components/QThemeProvider/QThemeProvider.d.ts.map +1 -1
  127. package/esm/components/QTooltip/QTooltip.d.ts +7 -6
  128. package/esm/components/QTooltip/QTooltip.d.ts.map +1 -1
  129. package/esm/components/QTooltip/QTooltip.vue.js +15 -15
  130. package/esm/components/index.d.ts +2 -0
  131. package/esm/components/index.d.ts.map +1 -1
  132. package/esm/components/index.js +56 -52
  133. package/esm/composables/defaults.js +5 -5
  134. package/esm/composables/group.d.ts +16 -0
  135. package/esm/composables/group.d.ts.map +1 -0
  136. package/esm/composables/group.js +34 -0
  137. package/esm/composables/overlay.js +11 -11
  138. package/esm/framework.js +2 -2
  139. package/esm/index.d.ts +2 -0
  140. package/esm/utils/color.js +6 -6
  141. package/package.json +34 -30
package/dist/ui.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
- * Quidgest UI v0.14.5
3
- * (c) 2024 Quidgest - Consultores de Gestão, S.A.
2
+ * Quidgest UI v0.14.7
3
+ * (c) 2025 Quidgest - Consultores de Gestão, S.A.
4
4
  * Released under the MIT License.
5
5
  */
6
6
 
@@ -191,10 +191,8 @@ $scrollbar-thumb: var(--q-theme-neutral-light);
191
191
  $scrollbar-track: rgb(var(--q-theme-neutral-light-rgb) / 0.25);
192
192
  $input-padding-y: 0.26rem !default;
193
193
  $input-padding-x: 0.25rem !default;
194
- .no-scroll {
195
- height: 100%;
196
- margin: 0;
197
- overflow: hidden;
194
+ :root {
195
+ --border-radius: #{$border-radius};
198
196
  }
199
197
  *,
200
198
  ::after,
@@ -218,11 +216,11 @@ body {
218
216
  }
219
217
  &::-webkit-scrollbar-thumb {
220
218
  background-color: $scrollbar-thumb;
221
- border-radius: $border-radius;
219
+ border-radius: var(--border-radius);
222
220
  }
223
221
  &::-webkit-scrollbar-track {
224
222
  background-color: $scrollbar-track;
225
- border-radius: $border-radius;
223
+ border-radius: var(--border-radius);
226
224
  }
227
225
  }
228
226
  }
@@ -238,12 +236,17 @@ body {
238
236
  .fade-leave-active {
239
237
  transition: opacity 0.2s;
240
238
  }
239
+ .q-accordion {
240
+ display: flex;
241
+ flex-direction: column;
242
+ gap: $space-base;
243
+ }
241
244
  .q-badge {
242
245
  $this: &;
243
246
  display: inline-flex;
244
247
  border-width: 1px;
245
248
  border-color: transparent;
246
- border-radius: $border-radius;
249
+ border-radius: var(--border-radius);
247
250
  padding: 0.25em 0.5em;
248
251
  line-height: 1rem;
249
252
  font-size: 0.75rem;
@@ -334,7 +337,7 @@ $button-text-on-plain: var(--q-theme-on-background);
334
337
  user-select: none;
335
338
  -webkit-user-select: none;
336
339
  -moz-user-select: none;
337
- border-radius: $border-radius;
340
+ border-radius: var(--border-radius);
338
341
  transition-property: color, background-color, border-color, box-shadow, text-decoration-color,
339
342
  fill, stroke;
340
343
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -472,7 +475,7 @@ $button-text-on-plain: var(--q-theme-on-background);
472
475
  --box-shadow-tint: 0 0 0;
473
476
  position: relative;
474
477
  display: inline-flex;
475
- border-radius: $border-radius;
478
+ border-radius: var(--border-radius);
476
479
  &--elevated {
477
480
  --box-shadow-tint: var(--q-theme-primary-rgb);
478
481
  box-shadow:
@@ -509,7 +512,7 @@ $button-text-on-plain: var(--q-theme-on-background);
509
512
  min-height: 5rem;
510
513
  min-width: 7rem;
511
514
  border: var(--card-border);
512
- border-radius: $border-radius;
515
+ border-radius: var(--border-radius);
513
516
  background-color: var(--card-background);
514
517
  width: var(--card-width);
515
518
  overflow: hidden;
@@ -653,7 +656,7 @@ $button-text-on-plain: var(--q-theme-on-background);
653
656
  width: var(--box-size);
654
657
  height: var(--box-size);
655
658
  border: 1px solid $border;
656
- border-radius: $border-radius;
659
+ border-radius: var(--border-radius);
657
660
  padding: 0;
658
661
  transition:
659
662
  background 0.2s,
@@ -732,6 +735,152 @@ $button-text-on-plain: var(--q-theme-on-background);
732
735
  transition: none;
733
736
  }
734
737
  }
738
+ .q-collapsible {
739
+ $btn-padding: 0.2rem;
740
+ $header-padding: 0.75rem - $btn-padding;
741
+ $this: &;
742
+ display: flex;
743
+ flex-direction: column;
744
+ word-wrap: break-word;
745
+ background-color: var(--q-theme-container);
746
+ border-width: 1px;
747
+ border-radius: var(--border-radius);
748
+ position: relative;
749
+ max-width: 100%;
750
+ min-height: 0;
751
+ #{$this}__chevron {
752
+ transition: all 0.2s;
753
+ font-weight: 600;
754
+ &:hover,
755
+ &:focus {
756
+ cursor: pointer;
757
+ opacity: 1;
758
+ }
759
+ }
760
+ &:not(#{$this}--borderless) {
761
+ #{$this}__chevron-right {
762
+ position: absolute;
763
+ right: 0;
764
+ }
765
+ }
766
+ &--expanded {
767
+ #{$this}__chevron {
768
+ transform: rotate(-180deg);
769
+ }
770
+ }
771
+ .q-card__content {
772
+ padding: 0;
773
+ }
774
+ .q-card__header {
775
+ padding-bottom: 0;
776
+ }
777
+ &__header {
778
+ display: flex;
779
+ position: relative;
780
+ width: 100%;
781
+ margin: 0;
782
+ border-bottom: 1px solid $border;
783
+ overflow: hidden;
784
+ gap: 0;
785
+ justify-content: start;
786
+ align-items: flex-start;
787
+ flex-direction: column;
788
+ padding: $header-padding;
789
+ }
790
+ &__btn {
791
+ width: 100%;
792
+ margin: 0;
793
+ padding: 0;
794
+ .q-btn__content {
795
+ width: 100%;
796
+ gap: 0;
797
+ padding: $btn-padding;
798
+ display: flex;
799
+ flex-direction: column;
800
+ align-items: start;
801
+ letter-spacing: 0.02rem;
802
+ color: var(--q-theme-on-background);
803
+ h4 {
804
+ margin: 0;
805
+ }
806
+ }
807
+ }
808
+ &__title {
809
+ display: flex;
810
+ width: 100%;
811
+ gap: 0.2rem;
812
+ position: relative;
813
+ text-align: start;
814
+ align-items: center;
815
+ padding: 0;
816
+ &-text {
817
+ font-weight: 600;
818
+ }
819
+ }
820
+ &__subtitle {
821
+ margin-left: 1.25rem;
822
+ text-align: start;
823
+ line-height: 0.75rem;
824
+ font-size: 0.75rem;
825
+ text-decoration: none;
826
+ white-space: nowrap;
827
+ color: var(--q-theme-neutral);
828
+ padding: 0;
829
+ padding-top: 0.3rem;
830
+ }
831
+ &__content {
832
+ padding: 1rem;
833
+ padding-top: 0.75rem;
834
+ &-wrapper {
835
+ display: grid;
836
+ grid-template-rows: 0fr;
837
+ transition: 0.5s;
838
+ &:not(#{$this}__content-show) {
839
+ pointer-events: none;
840
+ visibility: hidden;
841
+ }
842
+ }
843
+ &-inner {
844
+ overflow: hidden;
845
+ overflow-x: inherit;
846
+ }
847
+ &-show {
848
+ grid-template-rows: 1fr;
849
+ }
850
+ }
851
+
852
+ &--border-bottom {
853
+ border-radius: 0;
854
+ border: 0;
855
+ border-bottom: 1px solid $border;
856
+ .q-collapsible__header {
857
+ border: 0;
858
+ }
859
+ }
860
+
861
+ &--required {
862
+ margin-top: -0.3rem;
863
+ margin-left: 0.1rem;
864
+ font-weight: 700;
865
+ color: var(--q-theme-danger);
866
+ }
867
+ &--icon-right {
868
+ &:not(.q-collapsible--borderless) .q-collapsible__title .q-icon {
869
+ margin: 0 0 0 auto;
870
+ }
871
+ .q-collapsible__subtitle {
872
+ margin-left: 0;
873
+ }
874
+ }
875
+
876
+ @mixin header-spacing($spacing, $increment) {
877
+ &--#{$spacing} .q-collapsible__header {
878
+ padding: calc(#{$header-padding} + #{$increment});
879
+ }
880
+ }
881
+ @include header-spacing(loose, $space-base);
882
+ @include header-spacing(compact, -$space-base);
883
+ }
735
884
  .q-combobox {
736
885
  $this: &;
737
886
  &:not(#{$this}--disabled) {
@@ -811,7 +960,7 @@ $button-text-on-plain: var(--q-theme-on-background);
811
960
  $this: &;
812
961
  display: flex;
813
962
  flex-direction: column;
814
- border-radius: $border-radius;
963
+ border-radius: var(--border-radius);
815
964
  width: fit-content;
816
965
  &__label {
817
966
  display: flex;
@@ -915,12 +1064,12 @@ $input-group-addon-color: var(--q-theme-primary);
915
1064
  $input-group-addon-background: rgb(var(--q-theme-neutral-light-rgb) / 0.25);
916
1065
  .q-input-group {
917
1066
  &__prepend > :first-child {
918
- border-top-left-radius: $border-radius;
919
- border-bottom-left-radius: $border-radius;
1067
+ border-top-left-radius: var(--border-radius);
1068
+ border-bottom-left-radius: var(--border-radius);
920
1069
  }
921
1070
  &__append > :last-child {
922
- border-top-right-radius: $border-radius;
923
- border-bottom-right-radius: $border-radius;
1071
+ border-top-right-radius: var(--border-radius);
1072
+ border-bottom-right-radius: var(--border-radius);
924
1073
  }
925
1074
  &__prepend,
926
1075
  &__append {
@@ -963,12 +1112,12 @@ $input-group-addon-background: rgb(var(--q-theme-neutral-light-rgb) / 0.25);
963
1112
  }
964
1113
  }
965
1114
  > :first-child {
966
- border-top-left-radius: $border-radius;
967
- border-bottom-left-radius: $border-radius;
1115
+ border-top-left-radius: var(--border-radius);
1116
+ border-bottom-left-radius: var(--border-radius);
968
1117
  }
969
1118
  > :last-child {
970
- border-top-right-radius: $border-radius;
971
- border-bottom-right-radius: $border-radius;
1119
+ border-top-right-radius: var(--border-radius);
1120
+ border-bottom-right-radius: var(--border-radius);
972
1121
  }
973
1122
  > * + * {
974
1123
  margin-left: -1px;
@@ -1023,7 +1172,7 @@ $line-color: var(--q-theme-primary);
1023
1172
  padding: 0;
1024
1173
  -webkit-overflow-scrolling: touch;
1025
1174
  width: 100%;
1026
- border-radius: $border-radius;
1175
+ border-radius: var(--border-radius);
1027
1176
  }
1028
1177
  .q-list-item-group {
1029
1178
  display: flex;
@@ -1057,7 +1206,7 @@ $line-color: var(--q-theme-primary);
1057
1206
  word-wrap: break-word;
1058
1207
  -webkit-touch-callout: none;
1059
1208
  width: inherit;
1060
- border-radius: $border-radius;
1209
+ border-radius: var(--border-radius);
1061
1210
  outline: none;
1062
1211
  &:hover {
1063
1212
  cursor: pointer;
@@ -1141,7 +1290,7 @@ $arrow-tip-radius: 0.1rem;
1141
1290
  background-color: var(--q-overlay-bg);
1142
1291
  color: var(--q-overlay-color);
1143
1292
  border: $overlay-border-width solid var(--q-overlay-border-color);
1144
- border-radius: $border-radius;
1293
+ border-radius: var(--border-radius);
1145
1294
  outline: none;
1146
1295
  box-shadow:
1147
1296
  0 0 #0000,
@@ -1404,7 +1553,7 @@ $base-border: 1px solid rgba(0, 0, 0, 0.1);
1404
1553
  overflow: hidden;
1405
1554
  background-color: var(--q-theme-neutral-light);
1406
1555
  animation: fadeIn 1s;
1407
- border-radius: $border-radius;
1556
+ border-radius: var(--border-radius);
1408
1557
  &::after {
1409
1558
  position: absolute;
1410
1559
  top: 0;
@@ -0,0 +1,27 @@
1
+ import { QAccordionProps } from './types';
2
+ type __VLS_Props = QAccordionProps;
3
+ type __VLS_PublicProps = {
4
+ modelValue?: string;
5
+ } & __VLS_Props;
6
+ declare function __VLS_template(): {
7
+ attrs: Partial<{}>;
8
+ slots: {
9
+ default?(_: {}): any;
10
+ };
11
+ refs: {};
12
+ rootEl: HTMLDivElement;
13
+ };
14
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
15
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
16
+ "update:modelValue": (value: string) => any;
17
+ }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
18
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
19
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
20
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
21
+ export default _default;
22
+ type __VLS_WithTemplateSlots<T, S> = T & {
23
+ new (): {
24
+ $slots: S;
25
+ };
26
+ };
27
+ //# sourceMappingURL=QAccordion.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"QAccordion.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QAccordion/QAccordion.vue"],"names":[],"mappings":"AAKA;AAoCC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAO/C,KAAK,WAAW,GAAG,eAAe,CAAC;AAoBnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAmCT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -0,0 +1,27 @@
1
+ import { defineComponent as r, mergeModels as a, toRef as l, useModel as s, openBlock as n, createElementBlock as d, renderSlot as i } from "vue";
2
+ import { provideDefaults as m } from "../../composables/defaults.js";
3
+ import { useGroup as c } from "../../composables/group.js";
4
+ const p = { class: "q-accordion" }, V = /* @__PURE__ */ r({
5
+ __name: "QAccordion",
6
+ props: /* @__PURE__ */ a({
7
+ variant: {}
8
+ }, {
9
+ modelValue: {},
10
+ modelModifiers: {}
11
+ }),
12
+ emits: ["update:modelValue"],
13
+ setup(e) {
14
+ m({
15
+ QCollapsible: {
16
+ variant: l(e, "variant")
17
+ }
18
+ });
19
+ const o = s(e, "modelValue");
20
+ return c({ active: o }), (t, f) => (n(), d("div", p, [
21
+ i(t.$slots, "default")
22
+ ]));
23
+ }
24
+ });
25
+ export {
26
+ V as default
27
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./QAccordion.vue.js";
2
+ export {
3
+ f as default
4
+ };
@@ -0,0 +1,4 @@
1
+ import { default as _QAccordion } from './QAccordion';
2
+ declare const QAccordion: typeof _QAccordion;
3
+ export { QAccordion };
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QAccordion/index.ts"],"names":[],"mappings":"AACA,OAAO,WAAW,MAAM,kBAAkB,CAAA;AAK1C,QAAA,MAAM,UAAU,EAAmC,OAAO,WAAW,CAAA;AAGrE,OAAO,EAAE,UAAU,EAAE,CAAA"}
@@ -0,0 +1,6 @@
1
+ import o from "./QAccordion.vue.js";
2
+ import { setupPropsProxy as r } from "../../utils/setupPropsProxy.js";
3
+ const t = r(o);
4
+ export {
5
+ t as QAccordion
6
+ };
@@ -0,0 +1,7 @@
1
+ export type QAccordionProps = {
2
+ /**
3
+ * The variant of the collapsibles.
4
+ */
5
+ variant?: 'default' | 'border-bottom';
6
+ };
7
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QAccordion/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,eAAe,CAAA;CACrC,CAAA"}
@@ -1,10 +1,11 @@
1
1
  import { QBadgeProps, DEFAULT_ICONS } from './types';
2
2
  declare function __VLS_template(): {
3
+ attrs: Partial<{}>;
3
4
  slots: {
4
5
  default?(_: {}): any;
5
6
  };
6
7
  refs: {};
7
- attrs: Partial<{}>;
8
+ rootEl: HTMLSpanElement;
8
9
  };
9
10
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
10
11
  declare const __VLS_component: import('vue').DefineComponent<QBadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -15,7 +16,7 @@ declare const __VLS_component: import('vue').DefineComponent<QBadgeProps, {}, {}
15
16
  variant: "tonal" | "bold" | "outlined";
16
17
  color: string;
17
18
  icons: typeof DEFAULT_ICONS;
18
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
19
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
19
20
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
20
21
  export default _default;
21
22
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -1 +1 @@
1
- {"version":3,"file":"QBadge.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QBadge/QBadge.vue"],"names":[],"mappings":"AAsFC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAkExC,iBAAS,cAAc;;yBA6DM,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;6EAUnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"QBadge.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QBadge/QBadge.vue"],"names":[],"mappings":"AAmBA;AAsFC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAkExC,iBAAS,cAAc;WAqET,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;yFASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -1,4 +1,4 @@
1
- import { defineComponent as g, computed as l, openBlock as a, createElementBlock as b, normalizeClass as C, normalizeStyle as _, createElementVNode as n, renderSlot as y, createBlock as q, unref as s, withCtx as k, createVNode as B, normalizeProps as x, guardReactiveProps as N, createCommentVNode as z } from "vue";
1
+ import { defineComponent as g, computed as l, openBlock as n, createElementBlock as b, normalizeClass as C, normalizeStyle as _, createElementVNode as a, renderSlot as y, createBlock as q, unref as s, withCtx as k, createVNode as B, normalizeProps as x, guardReactiveProps as N, createCommentVNode as z } from "vue";
2
2
  import { QButton as E } from "../QButton/index.js";
3
3
  import { QIcon as Q } from "../QIcon/index.js";
4
4
  import { DEFAULT_ICONS as S } from "./types.js";
@@ -19,46 +19,46 @@ const w = { class: "q-badge__content" }, A = /* @__PURE__ */ g({
19
19
  ), m = l(() => {
20
20
  const o = r.value ? `q-badge--${e.color}` : void 0;
21
21
  return ["q-badge", `q-badge--${e.variant}`, o, { "q-badge--pill": e.pill }];
22
- }), p = l(() => {
22
+ }), u = l(() => {
23
23
  let o, t;
24
24
  if (!r.value)
25
25
  if (o = e.color, e.variant === "tonal")
26
26
  t = e.color;
27
27
  else {
28
- const v = V(o), f = $(v);
29
- t = h(f.l);
28
+ const f = V(o), v = $(f);
29
+ t = h(v.l);
30
30
  }
31
31
  return {
32
32
  "--q-badge-color": o,
33
33
  "--q-badge-text-color": t
34
34
  };
35
35
  });
36
- function u() {
36
+ function p() {
37
37
  d("click:remove");
38
38
  }
39
- return (o, t) => (a(), b(
39
+ return (o, t) => (n(), b(
40
40
  "span",
41
41
  {
42
42
  class: C(m.value),
43
43
  role: "presentation",
44
- style: _(p.value)
44
+ style: _(u.value)
45
45
  },
46
46
  [
47
- t[0] || (t[0] = n(
47
+ t[0] || (t[0] = a(
48
48
  "div",
49
49
  { class: "q-badge__underlay" },
50
50
  null,
51
51
  -1
52
52
  /* HOISTED */
53
53
  )),
54
- n("div", w, [
54
+ a("div", w, [
55
55
  y(o.$slots, "default"),
56
- e.removable ? (a(), q(s(E), {
56
+ e.removable ? (n(), q(s(E), {
57
57
  key: 0,
58
58
  class: "q-badge__remove",
59
59
  borderless: "",
60
60
  tabindex: "0",
61
- onClick: u
61
+ onClick: p
62
62
  }, {
63
63
  default: k(() => [
64
64
  B(
@@ -1,10 +1,11 @@
1
1
  import { QButtonProps } from './types';
2
2
  declare function __VLS_template(): {
3
+ attrs: Partial<{}>;
3
4
  slots: {
4
5
  default?(_: {}): any;
5
6
  };
6
7
  refs: {};
7
- attrs: Partial<{}>;
8
+ rootEl: HTMLButtonElement;
8
9
  };
9
10
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
10
11
  declare const __VLS_component: import('vue').DefineComponent<QButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -16,7 +17,7 @@ declare const __VLS_component: import('vue').DefineComponent<QButtonProps, {}, {
16
17
  class: string | unknown[];
17
18
  label: string;
18
19
  bStyle: "primary" | "secondary" | "tertiary" | "danger" | "plain";
19
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
20
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
20
21
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
21
22
  export default _default;
22
23
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -1 +1 @@
1
- {"version":3,"file":"QButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButton/QButton.vue"],"names":[],"mappings":"AA4EC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAwD5C,iBAAS,cAAc;;yBA4CM,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;6EAUnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"QButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButton/QButton.vue"],"names":[],"mappings":"AAwBA;AA4EC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAwD5C,iBAAS,cAAc;WAoDT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;2FASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -1,4 +1,4 @@
1
- import { defineComponent as m, computed as s, openBlock as o, createElementBlock as n, normalizeClass as v, withModifiers as y, createVNode as g, unref as k, createCommentVNode as l, createElementVNode as _, Fragment as i, createTextVNode as r, toDisplayString as d, renderSlot as q } from "vue";
1
+ import { defineComponent as m, computed as s, openBlock as n, createElementBlock as o, normalizeClass as y, withModifiers as v, createVNode as g, unref as k, createCommentVNode as l, createElementVNode as _, Fragment as i, createTextVNode as d, toDisplayString as r, renderSlot as q } from "vue";
2
2
  import { QSpinnerLoader as B } from "../QSpinnerLoader/index.js";
3
3
  const h = ["disabled"], z = {
4
4
  key: 0,
@@ -20,9 +20,9 @@ const h = ["disabled"], z = {
20
20
  },
21
21
  emits: ["click"],
22
22
  setup(c, { emit: b }) {
23
- const e = c, p = b, a = s(() => e.disabled || e.loading);
24
- function u(t) {
25
- a.value || p("click", t);
23
+ const e = c, u = b, a = s(() => e.disabled || e.loading);
24
+ function p(t) {
25
+ a.value || u("click", t);
26
26
  }
27
27
  const f = s(() => {
28
28
  const t = e.size !== "regular" ? `q-btn--${e.size}` : void 0;
@@ -40,22 +40,22 @@ const h = ["disabled"], z = {
40
40
  e.class
41
41
  ];
42
42
  });
43
- return (t, S) => (o(), n("button", {
43
+ return (t, S) => (n(), o("button", {
44
44
  type: "button",
45
- class: v(f.value),
45
+ class: y(f.value),
46
46
  disabled: a.value,
47
- onClick: y(u, ["stop", "prevent"])
47
+ onClick: v(p, ["stop", "prevent"])
48
48
  }, [
49
- t.loading ? (o(), n("div", z, [
49
+ t.loading ? (n(), o("div", z, [
50
50
  g(k(B), { size: 20 })
51
51
  ])) : l("v-if", !0),
52
52
  _("span", C, [
53
- t.iconOnRight ? (o(), n(
53
+ t.iconOnRight ? (n(), o(
54
54
  i,
55
55
  { key: 0 },
56
56
  [
57
- r(
58
- d(e.label),
57
+ d(
58
+ r(e.label),
59
59
  1
60
60
  /* TEXT */
61
61
  )
@@ -64,12 +64,12 @@ const h = ["disabled"], z = {
64
64
  /* STABLE_FRAGMENT */
65
65
  )) : l("v-if", !0),
66
66
  q(t.$slots, "default"),
67
- t.iconOnRight ? l("v-if", !0) : (o(), n(
67
+ t.iconOnRight ? l("v-if", !0) : (n(), o(
68
68
  i,
69
69
  { key: 1 },
70
70
  [
71
- r(
72
- d(e.label),
71
+ d(
72
+ r(e.label),
73
73
  1
74
74
  /* TEXT */
75
75
  )
@@ -1,15 +1,16 @@
1
1
  import { QButtonGroupProps } from './types';
2
2
  declare function __VLS_template(): {
3
+ attrs: Partial<{}>;
3
4
  slots: {
4
5
  default?(_: {}): any;
5
6
  };
6
7
  refs: {};
7
- attrs: Partial<{}>;
8
+ rootEl: HTMLDivElement;
8
9
  };
9
10
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
10
11
  declare const __VLS_component: import('vue').DefineComponent<QButtonGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QButtonGroupProps> & Readonly<{}>, {
11
12
  class: string | unknown[];
12
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
13
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
13
14
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
14
15
  export default _default;
15
16
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -1 +1 @@
1
- {"version":3,"file":"QButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonGroup/QButtonGroup.vue"],"names":[],"mappings":"AA0CC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AA4BjD,iBAAS,cAAc;;yBAkCM,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;6EAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"QButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonGroup/QButtonGroup.vue"],"names":[],"mappings":"AAYA;AA0CC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AA6BjD,iBAAS,cAAc;WA0CT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;wFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import { defineComponent as s, toRef as o, openBlock as a, createElementBlock as r, normalizeClass as d, renderSlot as n } from "vue";
2
2
  import { provideDefaults as p } from "../../composables/defaults.js";
3
- const f = /* @__PURE__ */ s({
3
+ const i = /* @__PURE__ */ s({
4
4
  __name: "QButtonGroup",
5
5
  props: {
6
6
  disabled: { type: Boolean },
@@ -17,7 +17,7 @@ const f = /* @__PURE__ */ s({
17
17
  borderless: o(e, "borderless"),
18
18
  elevated: !1
19
19
  }
20
- }), (l, c) => (a(), r(
20
+ }), (l, u) => (a(), r(
21
21
  "div",
22
22
  {
23
23
  class: d([
@@ -37,5 +37,5 @@ const f = /* @__PURE__ */ s({
37
37
  }
38
38
  });
39
39
  export {
40
- f as default
40
+ i as default
41
41
  };