@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.
- package/dist/manifest/components.json +2 -0
- package/dist/ui.css +162 -25
- package/dist/ui.esm.js +1363 -1103
- package/dist/ui.js +44 -7
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +143 -119
- package/dist/ui.scss +175 -26
- package/esm/components/QAccordion/QAccordion.d.ts +27 -0
- package/esm/components/QAccordion/QAccordion.d.ts.map +1 -0
- package/esm/components/QAccordion/QAccordion.vue.js +27 -0
- package/esm/components/QAccordion/QAccordion.vue2.js +4 -0
- package/esm/components/QAccordion/index.d.ts +4 -0
- package/esm/components/QAccordion/index.d.ts.map +1 -0
- package/esm/components/QAccordion/index.js +6 -0
- package/esm/components/QAccordion/types.d.ts +7 -0
- package/esm/components/QAccordion/types.d.ts.map +1 -0
- package/esm/components/QBadge/QBadge.d.ts +3 -2
- package/esm/components/QBadge/QBadge.d.ts.map +1 -1
- package/esm/components/QBadge/QBadge.vue.js +11 -11
- package/esm/components/QButton/QButton.d.ts +3 -2
- package/esm/components/QButton/QButton.d.ts.map +1 -1
- package/esm/components/QButton/QButton.vue.js +14 -14
- package/esm/components/QButtonGroup/QButtonGroup.d.ts +3 -2
- package/esm/components/QButtonGroup/QButtonGroup.d.ts.map +1 -1
- package/esm/components/QButtonGroup/QButtonGroup.vue.js +3 -3
- package/esm/components/QButtonToggle/QButtonToggle.d.ts +7 -6
- package/esm/components/QButtonToggle/QButtonToggle.d.ts.map +1 -1
- package/esm/components/QButtonToggle/QButtonToggle.vue.js +6 -6
- package/esm/components/QCard/QCard.d.ts +3 -2
- package/esm/components/QCard/QCard.d.ts.map +1 -1
- package/esm/components/QCard/QCard.vue.js +30 -30
- package/esm/components/QCheckbox/QCheckbox.d.ts +4 -4
- package/esm/components/QCheckbox/QCheckbox.d.ts.map +1 -1
- package/esm/components/QCheckbox/QCheckbox.vue.js +4 -4
- package/esm/components/QCollapsible/QCollapsible.d.ts +36 -0
- package/esm/components/QCollapsible/QCollapsible.d.ts.map +1 -0
- package/esm/components/QCollapsible/QCollapsible.vue.js +143 -0
- package/esm/components/QCollapsible/QCollapsible.vue2.js +4 -0
- package/esm/components/QCollapsible/index.d.ts +6 -0
- package/esm/components/QCollapsible/index.d.ts.map +1 -0
- package/esm/components/QCollapsible/index.js +6 -0
- package/esm/components/QCollapsible/types.d.ts +43 -0
- package/esm/components/QCollapsible/types.d.ts.map +1 -0
- package/esm/components/QCollapsible/types.js +8 -0
- package/esm/components/QCombobox/QCombobox.d.ts +40 -39
- package/esm/components/QCombobox/QCombobox.d.ts.map +1 -1
- package/esm/components/QCombobox/QCombobox.vue.js +80 -80
- package/esm/components/QDialog/QDialog.d.ts +6 -5
- package/esm/components/QDialog/QDialog.d.ts.map +1 -1
- package/esm/components/QDialog/QDialog.vue.js +7 -7
- package/esm/components/QField/QField.d.ts +2 -1
- package/esm/components/QField/QField.d.ts.map +1 -1
- package/esm/components/QField/QField.vue.js +9 -9
- package/esm/components/QIcon/InlineSvg.d.ts +1 -1
- package/esm/components/QIcon/QIcon.d.ts.map +1 -1
- package/esm/components/QIcon/QIcon.vue.js +9 -9
- package/esm/components/QIcon/QIconFont.d.ts +2 -2
- package/esm/components/QIcon/QIconFont.d.ts.map +1 -1
- package/esm/components/QIcon/QIconFont.vue.js +5 -5
- package/esm/components/QIcon/QIconImg.d.ts +1 -1
- package/esm/components/QIcon/QIconImg.d.ts.map +1 -1
- package/esm/components/QIcon/QIconImg.vue.js +5 -5
- package/esm/components/QIcon/QIconSvg.d.ts +2 -2
- package/esm/components/QIcon/QIconSvg.d.ts.map +1 -1
- package/esm/components/QIcon/QIconSvg.vue.js +17 -17
- package/esm/components/QInputGroup/QInputGroup.d.ts +2 -1
- package/esm/components/QInputGroup/QInputGroup.d.ts.map +1 -1
- package/esm/components/QInputGroup/QInputGroup.vue.js +24 -24
- package/esm/components/QLineLoader/QLineLoader.d.ts +1 -1
- package/esm/components/QLineLoader/QLineLoader.d.ts.map +1 -1
- package/esm/components/QLineLoader/QLineLoader.vue.js +4 -4
- package/esm/components/QList/QList.d.ts +6 -5
- package/esm/components/QList/QList.d.ts.map +1 -1
- package/esm/components/QList/QList.vue.js +1 -1
- package/esm/components/QList/QListItem.d.ts +3 -2
- package/esm/components/QList/QListItem.d.ts.map +1 -1
- package/esm/components/QList/QListItem.vue.js +18 -18
- package/esm/components/QList/QListItemGroup.d.ts +3 -2
- package/esm/components/QList/QListItemGroup.d.ts.map +1 -1
- package/esm/components/QOverlay/QOverlay.d.ts +6 -5
- package/esm/components/QOverlay/QOverlay.d.ts.map +1 -1
- package/esm/components/QOverlay/QOverlay.vue.js +148 -138
- package/esm/components/QPopover/QPopover.d.ts +6 -5
- package/esm/components/QPopover/QPopover.d.ts.map +1 -1
- package/esm/components/QPropertyList/QPropertyList.d.ts +3 -2
- package/esm/components/QPropertyList/QPropertyList.d.ts.map +1 -1
- package/esm/components/QPropertyList/QPropertyList.vue.js +22 -22
- package/esm/components/QPropertyList/QPropertyListGroup.d.ts +1 -1
- package/esm/components/QPropertyList/QPropertyListGroup.d.ts.map +1 -1
- package/esm/components/QPropertyList/QPropertyListPanel.d.ts +3 -2
- package/esm/components/QPropertyList/QPropertyListPanel.d.ts.map +1 -1
- package/esm/components/QPropertyList/QPropertyListPanel.vue.js +4 -4
- package/esm/components/QPropertyList/QPropertyListRow.d.ts +3 -2
- package/esm/components/QPropertyList/QPropertyListRow.d.ts.map +1 -1
- package/esm/components/QRemoveScrollBar/QRemoveScrollBar.d.ts +24 -0
- package/esm/components/QRemoveScrollBar/QRemoveScrollBar.d.ts.map +1 -0
- package/esm/components/QRemoveScrollBar/QRemoveScrollBar.vue.js +72 -0
- package/esm/components/QRemoveScrollBar/QRemoveScrollBar.vue2.js +4 -0
- package/esm/components/QRemoveScrollBar/constants.d.ts +10 -0
- package/esm/components/QRemoveScrollBar/constants.d.ts.map +1 -0
- package/esm/components/QRemoveScrollBar/constants.js +8 -0
- package/esm/components/QRemoveScrollBar/index.d.ts +4 -0
- package/esm/components/QRemoveScrollBar/index.d.ts.map +1 -0
- package/esm/components/QRemoveScrollBar/index.js +6 -0
- package/esm/components/QRemoveScrollBar/types.d.ts +18 -0
- package/esm/components/QRemoveScrollBar/types.d.ts.map +1 -0
- package/esm/components/QRemoveScrollBar/utils/gap.d.ts +15 -0
- package/esm/components/QRemoveScrollBar/utils/gap.d.ts.map +1 -0
- package/esm/components/QRemoveScrollBar/utils/gap.js +23 -0
- package/esm/components/QRemoveScrollBar/utils/stylesheet.d.ts +5 -0
- package/esm/components/QRemoveScrollBar/utils/stylesheet.d.ts.map +1 -0
- package/esm/components/QRemoveScrollBar/utils/stylesheet.js +24 -0
- package/esm/components/QSelect/QSelect.d.ts +11 -10
- package/esm/components/QSelect/QSelect.d.ts.map +1 -1
- package/esm/components/QSelect/QSelect.vue.js +33 -33
- package/esm/components/QSkeletonLoader/QSkeletonLoader.d.ts +1 -1
- package/esm/components/QSkeletonLoader/QSkeletonLoader.d.ts.map +1 -1
- package/esm/components/QSkeletonLoader/QSkeletonLoader.vue.js +11 -11
- package/esm/components/QSpinnerLoader/QSpinnerLoader.d.ts +1 -1
- package/esm/components/QSpinnerLoader/QSpinnerLoader.d.ts.map +1 -1
- package/esm/components/QSpinnerLoader/QSpinnerLoader.vue.js +6 -6
- package/esm/components/QTextField/QTextField.d.ts +7 -6
- package/esm/components/QTextField/QTextField.d.ts.map +1 -1
- package/esm/components/QTextField/QTextField.vue.js +15 -15
- package/esm/components/QThemeProvider/QThemeProvider.d.ts +3 -2
- package/esm/components/QThemeProvider/QThemeProvider.d.ts.map +1 -1
- package/esm/components/QTooltip/QTooltip.d.ts +7 -6
- package/esm/components/QTooltip/QTooltip.d.ts.map +1 -1
- package/esm/components/QTooltip/QTooltip.vue.js +15 -15
- package/esm/components/index.d.ts +2 -0
- package/esm/components/index.d.ts.map +1 -1
- package/esm/components/index.js +56 -52
- package/esm/composables/defaults.js +5 -5
- package/esm/composables/group.d.ts +16 -0
- package/esm/composables/group.d.ts.map +1 -0
- package/esm/composables/group.js +34 -0
- package/esm/composables/overlay.js +11 -11
- package/esm/framework.js +2 -2
- package/esm/index.d.ts +2 -0
- package/esm/utils/color.js +6 -6
- package/package.json +34 -30
package/dist/ui.scss
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Quidgest UI v0.14.
|
|
3
|
-
* (c)
|
|
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
|
-
|
|
195
|
-
|
|
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:
|
|
219
|
+
border-radius: var(--border-radius);
|
|
222
220
|
}
|
|
223
221
|
&::-webkit-scrollbar-track {
|
|
224
222
|
background-color: $scrollbar-track;
|
|
225
|
-
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
919
|
-
border-bottom-left-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:
|
|
923
|
-
border-bottom-right-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:
|
|
967
|
-
border-bottom-left-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:
|
|
971
|
-
border-bottom-right-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:
|
|
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:
|
|
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:
|
|
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:
|
|
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 @@
|
|
|
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 @@
|
|
|
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
|
-
|
|
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, {},
|
|
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
|
|
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
|
|
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
|
-
}),
|
|
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
|
|
29
|
-
t = h(
|
|
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
|
|
36
|
+
function p() {
|
|
37
37
|
d("click:remove");
|
|
38
38
|
}
|
|
39
|
-
return (o, t) => (
|
|
39
|
+
return (o, t) => (n(), b(
|
|
40
40
|
"span",
|
|
41
41
|
{
|
|
42
42
|
class: C(m.value),
|
|
43
43
|
role: "presentation",
|
|
44
|
-
style: _(
|
|
44
|
+
style: _(u.value)
|
|
45
45
|
},
|
|
46
46
|
[
|
|
47
|
-
t[0] || (t[0] =
|
|
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
|
-
|
|
54
|
+
a("div", w, [
|
|
55
55
|
y(o.$slots, "default"),
|
|
56
|
-
e.removable ? (
|
|
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:
|
|
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
|
-
|
|
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, {},
|
|
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
|
|
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
|
|
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,
|
|
24
|
-
function
|
|
25
|
-
a.value ||
|
|
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) => (
|
|
43
|
+
return (t, S) => (n(), o("button", {
|
|
44
44
|
type: "button",
|
|
45
|
-
class:
|
|
45
|
+
class: y(f.value),
|
|
46
46
|
disabled: a.value,
|
|
47
|
-
onClick:
|
|
47
|
+
onClick: v(p, ["stop", "prevent"])
|
|
48
48
|
}, [
|
|
49
|
-
t.loading ? (
|
|
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 ? (
|
|
53
|
+
t.iconOnRight ? (n(), o(
|
|
54
54
|
i,
|
|
55
55
|
{ key: 0 },
|
|
56
56
|
[
|
|
57
|
-
|
|
58
|
-
|
|
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) : (
|
|
67
|
+
t.iconOnRight ? l("v-if", !0) : (n(), o(
|
|
68
68
|
i,
|
|
69
69
|
{ key: 1 },
|
|
70
70
|
[
|
|
71
|
-
|
|
72
|
-
|
|
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
|
-
|
|
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, {},
|
|
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;
|
|
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
|
|
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,
|
|
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
|
-
|
|
40
|
+
i as default
|
|
41
41
|
};
|