@quidgest/ui 0.16.55 → 0.16.57
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/json/api.json +3 -3
- package/dist/ui.css +65 -29
- package/dist/ui.esm.js +2707 -2683
- package/dist/ui.js +24 -24
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +667 -667
- package/dist/ui.scss +71 -30
- 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 +111 -65
- package/esm/components/QBadge/index.d.ts +2 -1
- package/esm/components/QBadge/index.d.ts.map +1 -1
- package/esm/components/QButton/QButton.d.ts.map +1 -1
- package/esm/components/QButton/QButton.vue.js +4 -3
- package/esm/components/QDialog/types.d.ts +1 -1
- package/esm/components/QOverlay/types.d.ts +1 -1
- package/esm/components/QRadioGroup/QRadioGroup.d.ts.map +1 -1
- package/esm/components/QRadioGroup/QRadioGroup.vue.js +21 -21
- package/esm/components/QSelect/QSelect.d.ts +4 -2
- package/esm/components/QSelect/QSelect.d.ts.map +1 -1
- package/esm/components/QSelect/index.d.ts +2 -1
- package/esm/components/QSelect/index.d.ts.map +1 -1
- package/esm/composables/uid.d.ts.map +1 -1
- package/esm/composables/uid.js +5 -6
- package/esm/composables/useDialog/index.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/ui.scss
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Quidgest UI v0.16.
|
|
2
|
+
* Quidgest UI v0.16.57
|
|
3
3
|
* (c) 2026 Quidgest - Consultores de Gestão, S.A.
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
@@ -467,7 +467,6 @@ $transition-duration: 0.2s !default;
|
|
|
467
467
|
border-width: 1px;
|
|
468
468
|
border-color: transparent;
|
|
469
469
|
border-radius: var(--border-radius);
|
|
470
|
-
padding: 0.4em 0.5em;
|
|
471
470
|
font-size: 0.75rem;
|
|
472
471
|
line-height: 1;
|
|
473
472
|
position: relative;
|
|
@@ -483,18 +482,49 @@ $transition-duration: 0.2s !default;
|
|
|
483
482
|
border-radius: inherit;
|
|
484
483
|
opacity: 0.1;
|
|
485
484
|
}
|
|
486
|
-
&__content
|
|
485
|
+
&__content,
|
|
486
|
+
&__content.q-button {
|
|
487
487
|
display: inline-flex;
|
|
488
|
+
border-width: 1px;
|
|
489
|
+
border-radius: var(--border-radius);
|
|
488
490
|
align-items: center;
|
|
489
491
|
gap: 0.25em;
|
|
490
492
|
z-index: 1;
|
|
493
|
+
font-size: 0.75rem;
|
|
491
494
|
}
|
|
492
|
-
&
|
|
493
|
-
|
|
495
|
+
&__content:not(.q-button) {
|
|
496
|
+
border-color: transparent;
|
|
497
|
+
padding: 0.483em 0.5em;
|
|
498
|
+
}
|
|
499
|
+
&__content.q-button {
|
|
500
|
+
padding: calc(0.483em + 1px) calc(0.5em + 1px);
|
|
494
501
|
}
|
|
495
502
|
.q-icon {
|
|
496
503
|
color: currentcolor;
|
|
497
504
|
}
|
|
505
|
+
&__remove.q-button {
|
|
506
|
+
padding: 0.25rem;
|
|
507
|
+
}
|
|
508
|
+
&:not(:has(button.q-badge__content)) {
|
|
509
|
+
|
|
510
|
+
.q-badge__remove.q-button {
|
|
511
|
+
background-color: transparent;
|
|
512
|
+
border-top-left-radius: 0;
|
|
513
|
+
border-bottom-left-radius: 0;
|
|
514
|
+
border-color: transparent;
|
|
515
|
+
.q-button__content {
|
|
516
|
+
padding: 1px;
|
|
517
|
+
border-radius: 9999px;
|
|
518
|
+
}
|
|
519
|
+
&:not(:disabled):hover {
|
|
520
|
+
background-color: transparent;
|
|
521
|
+
border-color: transparent;
|
|
522
|
+
.q-button__content {
|
|
523
|
+
background-color: var(--q-button-hover-color);
|
|
524
|
+
}
|
|
525
|
+
}
|
|
526
|
+
}
|
|
527
|
+
}
|
|
498
528
|
|
|
499
529
|
&--bold {
|
|
500
530
|
background-color: var(--q-badge-main-color);
|
|
@@ -511,47 +541,46 @@ $transition-duration: 0.2s !default;
|
|
|
511
541
|
#{$this}__underlay {
|
|
512
542
|
background-color: var(--q-badge-main-color);
|
|
513
543
|
}
|
|
544
|
+
|
|
545
|
+
&:not(:has(button.q-badge__content)) .q-badge__remove.q-button:not(:hover) {
|
|
546
|
+
background-color: transparent;
|
|
547
|
+
}
|
|
514
548
|
}
|
|
515
549
|
&--pill {
|
|
516
550
|
border-radius: 9999px;
|
|
551
|
+
.q-button {
|
|
552
|
+
border-radius: 9999px;
|
|
553
|
+
}
|
|
517
554
|
}
|
|
518
555
|
&--disabled {
|
|
519
556
|
opacity: 0.6;
|
|
520
557
|
pointer-events: none;
|
|
521
558
|
}
|
|
522
|
-
&--clickable {
|
|
523
|
-
cursor: pointer;
|
|
524
|
-
&:hover {
|
|
525
|
-
color: var(--q-badge-on-hover-color, var(--q-badge-on-main-color));
|
|
526
|
-
background-color: var(--q-badge-hover-color);
|
|
527
|
-
border-color: var(--q-badge-hover-color);
|
|
528
|
-
.q-icon {
|
|
529
|
-
color: var(--q-badge-on-hover-color);
|
|
530
|
-
}
|
|
531
|
-
.q-button:not(:disabled):hover {
|
|
532
|
-
background-color: var(--q-badge-on-hover-color);
|
|
533
|
-
border-color: var(--q-badge-on-hover-color);
|
|
534
|
-
.q-icon {
|
|
535
|
-
color: var(--q-badge-hover-color);
|
|
536
|
-
}
|
|
537
|
-
}
|
|
538
|
-
}
|
|
539
|
-
&:focus {
|
|
540
|
-
outline: $outline;
|
|
541
|
-
&:not(:focus-visible) {
|
|
542
|
-
outline: 0;
|
|
543
|
-
}
|
|
544
|
-
}
|
|
545
|
-
}
|
|
546
559
|
|
|
547
560
|
@each $color, $value in $theme-colors {
|
|
548
561
|
@include color-variant('q-badge', $color);
|
|
549
562
|
}
|
|
550
563
|
|
|
551
564
|
&--large {
|
|
552
|
-
|
|
565
|
+
min-height: 44px;
|
|
566
|
+
&:is(span) {
|
|
567
|
+
padding: 0 0.5rem;
|
|
568
|
+
}
|
|
569
|
+
button.q-button {
|
|
570
|
+
&.q-badge__content,
|
|
571
|
+
&.q-badge__remove {
|
|
572
|
+
min-height: 40px;
|
|
573
|
+
padding: 0 1rem;
|
|
574
|
+
}
|
|
575
|
+
}
|
|
576
|
+
}
|
|
577
|
+
span {
|
|
578
|
+
display: inline-flex;
|
|
553
579
|
}
|
|
554
580
|
}
|
|
581
|
+
.q-button-group > .q-button:not(:first-child).q-badge__remove {
|
|
582
|
+
margin-left: 1px;
|
|
583
|
+
}
|
|
555
584
|
.q-badge-indicator {
|
|
556
585
|
$this: &;
|
|
557
586
|
flex-wrap: wrap;
|
|
@@ -652,6 +681,9 @@ $transition-duration: 0.2s !default;
|
|
|
652
681
|
transition-property: color, background-color, border-color, box-shadow, text-decoration-color,
|
|
653
682
|
fill, stroke;
|
|
654
683
|
transition-duration: 0.15s;
|
|
684
|
+
&#{$this}--labeled {
|
|
685
|
+
padding: 0.4rem 0.8rem;
|
|
686
|
+
}
|
|
655
687
|
&__content {
|
|
656
688
|
display: inline-flex;
|
|
657
689
|
align-items: center;
|
|
@@ -777,6 +809,9 @@ $transition-duration: 0.2s !default;
|
|
|
777
809
|
&--small {
|
|
778
810
|
font-size: 0.8em;
|
|
779
811
|
padding: 0.25rem;
|
|
812
|
+
&#{$this}--labeled {
|
|
813
|
+
padding: 0.25rem 0.5rem;
|
|
814
|
+
}
|
|
780
815
|
}
|
|
781
816
|
|
|
782
817
|
&--borderless {
|
|
@@ -3132,6 +3167,9 @@ $spinner-color: var(--q-theme-primary);
|
|
|
3132
3167
|
cursor: not-allowed;
|
|
3133
3168
|
}
|
|
3134
3169
|
}
|
|
3170
|
+
.q-switch:not(.q-switch--with-labels) {
|
|
3171
|
+
--q-switch-label-padding-h: var(--q-switch-label-padding-v);
|
|
3172
|
+
}
|
|
3135
3173
|
.q-switch__container {
|
|
3136
3174
|
position: relative;
|
|
3137
3175
|
display: inline-flex;
|
|
@@ -3219,6 +3257,9 @@ $spinner-color: var(--q-theme-primary);
|
|
|
3219
3257
|
var(--q-switch-shadow-spread);
|
|
3220
3258
|
padding: var(--q-switch-label-padding-v) var(--q-switch-label-padding-h);
|
|
3221
3259
|
}
|
|
3260
|
+
.q-switch--with-labels.q-switch--checked:not(.q-switch--readonly) .q-switch__label--off {
|
|
3261
|
+
color: var(--q-theme-primary-light);
|
|
3262
|
+
}
|
|
3222
3263
|
.q-switch--readonly {
|
|
3223
3264
|
cursor: default;
|
|
3224
3265
|
pointer-events: none;
|
|
@@ -4,9 +4,10 @@ declare function __VLS_template(): {
|
|
|
4
4
|
attrs: Partial<{}>;
|
|
5
5
|
slots: {
|
|
6
6
|
default?(_: {}): any;
|
|
7
|
+
default?(_: {}): any;
|
|
7
8
|
};
|
|
8
9
|
refs: {};
|
|
9
|
-
rootEl:
|
|
10
|
+
rootEl: any;
|
|
10
11
|
};
|
|
11
12
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
12
13
|
declare const __VLS_component: import('vue').DefineComponent<QBadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
@@ -19,7 +20,7 @@ declare const __VLS_component: import('vue').DefineComponent<QBadgeProps, {}, {}
|
|
|
19
20
|
variant: import('./types').QBadgeVariant;
|
|
20
21
|
icons: typeof DEFAULT_ICONS;
|
|
21
22
|
texts: typeof DEFAULT_TEXTS;
|
|
22
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {},
|
|
23
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
23
24
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
24
25
|
export default _default;
|
|
25
26
|
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":"
|
|
1
|
+
{"version":3,"file":"QBadge.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QBadge/QBadge.vue"],"names":[],"mappings":"AAyCA;AAiJC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAW1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAkG3C,iBAAS,cAAc;WAuIT,OAAO,IAA6B;;yBAXrB,GAAG;yBACF,GAAG;;;;EAehC;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;6EAQnB,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,12 +1,13 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { DEFAULT_TEXTS as
|
|
3
|
-
import { QButton as
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
|
|
1
|
+
import { defineComponent as V, useAttrs as A, computed as a, toRef as D, createElementBlock as k, createBlock as i, openBlock as t, normalizeStyle as L, normalizeClass as g, createCommentVNode as c, createElementVNode as q, renderSlot as y, unref as l, mergeProps as B, withCtx as n, createVNode as d, normalizeProps as h, guardReactiveProps as z, resolveDynamicComponent as R } from "vue";
|
|
2
|
+
import { DEFAULT_TEXTS as U, DEFAULT_ICONS as F } from "./constants.js";
|
|
3
|
+
import { QButton as u } from "../QButton/index.js";
|
|
4
|
+
import { QButtonGroup as I } from "../QButtonGroup/index.js";
|
|
5
|
+
import { QIcon as x } from "../QIcon/index.js";
|
|
6
|
+
import { useColor as w } from "../../composables/useColor/index.js";
|
|
7
|
+
const G = ["id"], H = {
|
|
7
8
|
key: 0,
|
|
8
|
-
class: "q-badge__underlay"
|
|
9
|
-
},
|
|
9
|
+
class: "q-badge__underlay q-button--background"
|
|
10
|
+
}, M = { class: "q-badge__content" }, Y = /* @__PURE__ */ V({
|
|
10
11
|
__name: "QBadge",
|
|
11
12
|
props: {
|
|
12
13
|
id: {},
|
|
@@ -17,80 +18,125 @@ const U = ["id", "role", "tabindex", "onKeydown"], D = {
|
|
|
17
18
|
size: { default: "default" },
|
|
18
19
|
disabled: { type: Boolean },
|
|
19
20
|
removable: { type: Boolean },
|
|
20
|
-
icons: { default: () =>
|
|
21
|
-
texts: { default: () =>
|
|
21
|
+
icons: { default: () => F },
|
|
22
|
+
texts: { default: () => U }
|
|
22
23
|
},
|
|
23
24
|
emits: ["click:remove"],
|
|
24
|
-
setup(
|
|
25
|
-
const e =
|
|
26
|
-
const o =
|
|
25
|
+
setup(T, { emit: E }) {
|
|
26
|
+
const e = T, $ = E, m = A(), N = a(() => !!m.onClick), v = a(() => {
|
|
27
|
+
const o = e.size !== "default" ? `q-badge--${e.size}` : void 0;
|
|
28
|
+
return [
|
|
29
|
+
{
|
|
30
|
+
"q-badge--pill": e.pill
|
|
31
|
+
},
|
|
32
|
+
o,
|
|
33
|
+
e.class
|
|
34
|
+
];
|
|
35
|
+
}), P = a(() => {
|
|
36
|
+
const o = f.value ? `q-badge--${e.color}` : void 0;
|
|
27
37
|
return [
|
|
28
38
|
"q-badge",
|
|
29
39
|
`q-badge--${e.variant}`,
|
|
30
|
-
o,
|
|
31
|
-
t,
|
|
32
40
|
{
|
|
33
|
-
"q-badge--
|
|
34
|
-
"q-badge--disabled": e.disabled,
|
|
35
|
-
"q-badge--clickable": a.value && !e.disabled
|
|
41
|
+
"q-badge--disabled": e.disabled
|
|
36
42
|
},
|
|
37
|
-
|
|
43
|
+
o,
|
|
44
|
+
v.value
|
|
38
45
|
];
|
|
39
|
-
}), { isUtilityColor:
|
|
40
|
-
var o,
|
|
41
|
-
if (!
|
|
46
|
+
}), { isUtilityColor: f, style: r } = w(D(e, "color")), Q = a(() => {
|
|
47
|
+
var o, s, C, _;
|
|
48
|
+
if (!f.value)
|
|
42
49
|
return {
|
|
43
|
-
"--q-badge-main-color": (o =
|
|
44
|
-
"--q-badge-on-main-color": (
|
|
45
|
-
"--q-badge-hover-color": (
|
|
46
|
-
"--q-badge-on-hover-color": (
|
|
50
|
+
"--q-badge-main-color": (o = r.value) == null ? void 0 : o.mainColor,
|
|
51
|
+
"--q-badge-on-main-color": (s = r.value) == null ? void 0 : s.onMainColor,
|
|
52
|
+
"--q-badge-hover-color": (C = r.value) == null ? void 0 : C.hoverColor,
|
|
53
|
+
"--q-badge-on-hover-color": (_ = r.value) == null ? void 0 : _.onHoverColor
|
|
47
54
|
};
|
|
48
|
-
})
|
|
49
|
-
|
|
50
|
-
|
|
55
|
+
}), S = a(() => m.onClick), b = a(() => ({
|
|
56
|
+
class: "q-badge__remove",
|
|
57
|
+
variant: e.variant,
|
|
58
|
+
color: e.color,
|
|
59
|
+
ariaLabel: e.texts.removeText,
|
|
60
|
+
title: e.texts.removeText,
|
|
61
|
+
disabled: e.disabled
|
|
62
|
+
}));
|
|
63
|
+
function p() {
|
|
64
|
+
$("click:remove");
|
|
51
65
|
}
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
tabindex: a.value ? 0 : void 0,
|
|
61
|
-
onKeydown: x(T(g, ["stop", "prevent"]), ["enter"])
|
|
62
|
-
}, [
|
|
63
|
-
e.variant === "tonal" ? (n(), c("div", D)) : u("v-if", !0),
|
|
64
|
-
w("div", F, [
|
|
65
|
-
E(o.$slots, "default"),
|
|
66
|
-
e.removable ? (n(), N(m(P), {
|
|
67
|
-
key: 0,
|
|
68
|
-
class: "q-badge__remove",
|
|
69
|
-
pill: "",
|
|
70
|
-
borderless: "",
|
|
71
|
-
tabindex: "0",
|
|
66
|
+
return (o, s) => N.value ? (t(), i(R(e.removable ? l(I) : "span"), {
|
|
67
|
+
key: 1,
|
|
68
|
+
class: g(v.value)
|
|
69
|
+
}, {
|
|
70
|
+
default: n(() => [
|
|
71
|
+
d(l(u), {
|
|
72
|
+
class: "q-badge__content",
|
|
73
|
+
variant: e.variant,
|
|
72
74
|
color: e.color,
|
|
73
|
-
"aria-label": e.texts.removeText,
|
|
74
|
-
title: e.texts.removeText,
|
|
75
75
|
disabled: e.disabled,
|
|
76
|
-
onClick:
|
|
76
|
+
onClick: S.value
|
|
77
77
|
}, {
|
|
78
|
-
default:
|
|
79
|
-
|
|
80
|
-
m(Q),
|
|
81
|
-
$(A(e.icons.remove)),
|
|
82
|
-
null,
|
|
83
|
-
16
|
|
84
|
-
/* FULL_PROPS */
|
|
85
|
-
)
|
|
78
|
+
default: n(() => [
|
|
79
|
+
y(o.$slots, "default")
|
|
86
80
|
]),
|
|
87
|
-
_:
|
|
88
|
-
/*
|
|
89
|
-
}, 8, ["
|
|
81
|
+
_: 3
|
|
82
|
+
/* FORWARDED */
|
|
83
|
+
}, 8, ["variant", "color", "disabled", "onClick"]),
|
|
84
|
+
e.removable ? (t(), i(
|
|
85
|
+
l(u),
|
|
86
|
+
B({ key: 0 }, b.value, { onClick: p }),
|
|
87
|
+
{
|
|
88
|
+
default: n(() => [
|
|
89
|
+
d(
|
|
90
|
+
l(x),
|
|
91
|
+
h(z(e.icons.remove)),
|
|
92
|
+
null,
|
|
93
|
+
16
|
|
94
|
+
/* FULL_PROPS */
|
|
95
|
+
)
|
|
96
|
+
]),
|
|
97
|
+
_: 1
|
|
98
|
+
/* STABLE */
|
|
99
|
+
},
|
|
100
|
+
16
|
|
101
|
+
/* FULL_PROPS */
|
|
102
|
+
)) : c("v-if", !0)
|
|
103
|
+
]),
|
|
104
|
+
_: 3
|
|
105
|
+
/* FORWARDED */
|
|
106
|
+
}, 8, ["class"])) : (t(), k("span", {
|
|
107
|
+
key: 0,
|
|
108
|
+
id: e.id,
|
|
109
|
+
class: g(P.value),
|
|
110
|
+
style: L(Q.value)
|
|
111
|
+
}, [
|
|
112
|
+
e.variant === "tonal" ? (t(), k("div", H)) : c("v-if", !0),
|
|
113
|
+
q("span", null, [
|
|
114
|
+
q("div", M, [
|
|
115
|
+
y(o.$slots, "default")
|
|
116
|
+
]),
|
|
117
|
+
e.removable ? (t(), i(
|
|
118
|
+
l(u),
|
|
119
|
+
B({ key: 0 }, b.value, { onClick: p }),
|
|
120
|
+
{
|
|
121
|
+
default: n(() => [
|
|
122
|
+
d(
|
|
123
|
+
l(x),
|
|
124
|
+
h(z(e.icons.remove)),
|
|
125
|
+
null,
|
|
126
|
+
16
|
|
127
|
+
/* FULL_PROPS */
|
|
128
|
+
)
|
|
129
|
+
]),
|
|
130
|
+
_: 1
|
|
131
|
+
/* STABLE */
|
|
132
|
+
},
|
|
133
|
+
16
|
|
134
|
+
/* FULL_PROPS */
|
|
135
|
+
)) : c("v-if", !0)
|
|
90
136
|
])
|
|
91
|
-
],
|
|
137
|
+
], 14, G));
|
|
92
138
|
}
|
|
93
139
|
});
|
|
94
140
|
export {
|
|
95
|
-
|
|
141
|
+
Y as default
|
|
96
142
|
};
|
|
@@ -9,7 +9,7 @@ declare const QBadge: {
|
|
|
9
9
|
variant: import('./types').QBadgeVariant;
|
|
10
10
|
icons: typeof import('./constants').DEFAULT_ICONS;
|
|
11
11
|
texts: typeof import('./constants').DEFAULT_TEXTS;
|
|
12
|
-
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {},
|
|
12
|
+
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
13
13
|
P: {};
|
|
14
14
|
B: {};
|
|
15
15
|
D: {};
|
|
@@ -41,6 +41,7 @@ declare const QBadge: {
|
|
|
41
41
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
42
42
|
$slots: {
|
|
43
43
|
default?(_: {}): any;
|
|
44
|
+
default?(_: {}): any;
|
|
44
45
|
};
|
|
45
46
|
});
|
|
46
47
|
export { QBadge };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QBadge/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QBadge/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA2B,CAAA;AAGvC,OAAO,EAAE,MAAM,EAAE,CAAA;AAGjB,cAAc,SAAS,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButton/QButton.vue"],"names":[],"mappings":"AAmBA;
|
|
1
|
+
{"version":3,"file":"QButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButton/QButton.vue"],"names":[],"mappings":"AAmBA;AAyGC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AA8E5C,iBAAS,cAAc;WA6CT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAeD,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;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -36,6 +36,7 @@ const D = ["id", "disabled"], E = {
|
|
|
36
36
|
l,
|
|
37
37
|
n,
|
|
38
38
|
{
|
|
39
|
+
"q-button--labeled": o.label,
|
|
39
40
|
"q-button--borderless": o.borderless,
|
|
40
41
|
"q-button--elevated": o.elevated,
|
|
41
42
|
"q-button--block": o.block,
|
|
@@ -45,15 +46,15 @@ const D = ["id", "disabled"], E = {
|
|
|
45
46
|
o.class
|
|
46
47
|
];
|
|
47
48
|
}), C = a(() => {
|
|
48
|
-
var e, l, n, i,
|
|
49
|
+
var e, l, n, i, u, c;
|
|
49
50
|
if (!s.value)
|
|
50
51
|
return {
|
|
51
52
|
"--q-button-main-color": (e = t.value) == null ? void 0 : e.mainColor,
|
|
52
53
|
"--q-button-main-color-rgb": (l = t.value) == null ? void 0 : l.mainColorRgb,
|
|
53
54
|
"--q-button-on-main-color": (n = t.value) == null ? void 0 : n.onMainColor,
|
|
54
55
|
"--q-button-hover-color": (i = t.value) == null ? void 0 : i.hoverColor,
|
|
55
|
-
"--q-button-hover-color-rgb": (
|
|
56
|
-
"--q-button-on-hover-color": (
|
|
56
|
+
"--q-button-hover-color-rgb": (u = t.value) == null ? void 0 : u.hoverColorRgb,
|
|
57
|
+
"--q-button-on-hover-color": (c = t.value) == null ? void 0 : c.onHoverColor
|
|
57
58
|
};
|
|
58
59
|
});
|
|
59
60
|
return (e, l) => (b(), d("button", {
|
|
@@ -96,7 +96,7 @@ export type QDialogProps = QBaseComponentProps & {
|
|
|
96
96
|
closingFocus?: HTMLElement | string;
|
|
97
97
|
/**
|
|
98
98
|
* Whether to return focus to the element that opened this
|
|
99
|
-
* when the focus
|
|
99
|
+
* when the focus wrap is deactivated.
|
|
100
100
|
*
|
|
101
101
|
* @category Behavior
|
|
102
102
|
*/
|
|
@@ -163,7 +163,7 @@ export type QOverlayProps = QBaseComponentProps & {
|
|
|
163
163
|
closingFocus?: HTMLElement | string;
|
|
164
164
|
/**
|
|
165
165
|
* Whether to return focus to the element that opened this
|
|
166
|
-
* when the focus
|
|
166
|
+
* when the focus wrap is deactivated.
|
|
167
167
|
*
|
|
168
168
|
* @category Behavior
|
|
169
169
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QRadioGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QRadioGroup/QRadioGroup.vue"],"names":[],"mappings":"AAuBA;
|
|
1
|
+
{"version":3,"file":"QRadioGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QRadioGroup/QRadioGroup.vue"],"names":[],"mappings":"AAuBA;AAyGC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAK/C,KAAK,WAAW,GAAG,gBAAgB,CAAC;AAiErC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAsDT,OAAO,IAA6B;;yBAZrB,GAAG;wBACJ,GAAG;;;;EAgB9B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;6EAQnB,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,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as g, mergeModels as q, useModel as b, watch as h, toRef as
|
|
1
|
+
import { defineComponent as g, mergeModels as q, useModel as b, watch as h, toRef as l, computed as r, createElementBlock as u, openBlock as t, normalizeClass as B, createBlock as _, createCommentVNode as n, createElementVNode as z, unref as s, mergeProps as k, renderSlot as c } from "vue";
|
|
2
2
|
import { QLabel as V } from "../QLabel/index.js";
|
|
3
3
|
import { provideDefaults as $ } from "../../composables/defaults.js";
|
|
4
4
|
import { useId as m } from "../../composables/uid.js";
|
|
@@ -28,54 +28,54 @@ const M = ["id"], Q = {
|
|
|
28
28
|
modelModifiers: {}
|
|
29
29
|
}),
|
|
30
30
|
emits: ["update:modelValue"],
|
|
31
|
-
setup(
|
|
32
|
-
const e =
|
|
31
|
+
setup(i) {
|
|
32
|
+
const e = i, d = b(i, "modelValue"), { active: p } = C({ active: d, required: !0 });
|
|
33
33
|
h(p, (o) => {
|
|
34
|
-
|
|
34
|
+
d.value = o;
|
|
35
35
|
});
|
|
36
|
-
const
|
|
36
|
+
const a = m(l(e, "id")), f = r(() => e.name ? m(l(e, "name")).value : a.value), v = r(() => [
|
|
37
37
|
"q-radio-group",
|
|
38
38
|
{
|
|
39
39
|
"q-radio-group--horizontal": e.orientation === "horizontal",
|
|
40
40
|
"q-radio-group--focus-style": e.hasFocusOutline
|
|
41
41
|
},
|
|
42
42
|
e.class
|
|
43
|
-
]), y =
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
43
|
+
]), y = r(
|
|
44
|
+
() => e.columns > 1 ? {
|
|
45
|
+
"--q-radio-group-columns": e.columns
|
|
46
|
+
} : {}
|
|
47
|
+
);
|
|
48
48
|
return $({
|
|
49
49
|
QRadioButton: {
|
|
50
|
-
size:
|
|
51
|
-
disabled:
|
|
52
|
-
readonly:
|
|
53
|
-
invalid:
|
|
50
|
+
size: l(e, "size"),
|
|
51
|
+
disabled: l(e, "disabled"),
|
|
52
|
+
readonly: l(e, "readonly"),
|
|
53
|
+
invalid: l(e, "invalid"),
|
|
54
54
|
name: f
|
|
55
55
|
}
|
|
56
|
-
}), (o, R) => (
|
|
56
|
+
}), (o, R) => (t(), u(
|
|
57
57
|
"div",
|
|
58
58
|
{
|
|
59
59
|
class: B(v.value)
|
|
60
60
|
},
|
|
61
61
|
[
|
|
62
|
-
e.label ? (
|
|
62
|
+
e.label ? (t(), _(s(V), {
|
|
63
63
|
key: 0,
|
|
64
|
-
for: a
|
|
64
|
+
for: s(a),
|
|
65
65
|
label: e.label,
|
|
66
66
|
required: e.required
|
|
67
|
-
}, null, 8, ["for", "label", "required"])) :
|
|
67
|
+
}, null, 8, ["for", "label", "required"])) : n("v-if", !0),
|
|
68
68
|
z("div", k({
|
|
69
|
-
id: a
|
|
69
|
+
id: s(a),
|
|
70
70
|
class: ["q-radio-group__group", { "q-radio-group--grid": e.columns > 1 }],
|
|
71
71
|
role: "radiogroup",
|
|
72
72
|
style: y.value
|
|
73
73
|
}, o.$attrs), [
|
|
74
74
|
c(o.$slots, "default")
|
|
75
75
|
], 16, M),
|
|
76
|
-
o.$slots.extras ? (
|
|
76
|
+
o.$slots.extras ? (t(), u("div", Q, [
|
|
77
77
|
c(o.$slots, "extras")
|
|
78
|
-
])) :
|
|
78
|
+
])) : n("v-if", !0)
|
|
79
79
|
],
|
|
80
80
|
2
|
|
81
81
|
/* CLASS */
|
|
@@ -118,7 +118,7 @@ declare function __VLS_template(): {
|
|
|
118
118
|
$parent: import('vue').ComponentPublicInstance | null;
|
|
119
119
|
$host: Element | null;
|
|
120
120
|
$emit: (event: "click:remove") => void;
|
|
121
|
-
$el:
|
|
121
|
+
$el: any;
|
|
122
122
|
$options: import('vue').ComponentOptionsBase<Readonly<import('..').QBadgeProps> & Readonly<{
|
|
123
123
|
"onClick:remove"?: (() => any) | undefined;
|
|
124
124
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
@@ -160,6 +160,7 @@ declare function __VLS_template(): {
|
|
|
160
160
|
}>, "size" | "color" | "variant" | "icons" | "texts"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
161
161
|
$slots: {
|
|
162
162
|
default?(_: {}): any;
|
|
163
|
+
default?(_: {}): any;
|
|
163
164
|
};
|
|
164
165
|
}) | null)[];
|
|
165
166
|
input: HTMLInputElement;
|
|
@@ -469,7 +470,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
469
470
|
$parent: import('vue').ComponentPublicInstance | null;
|
|
470
471
|
$host: Element | null;
|
|
471
472
|
$emit: (event: "click:remove") => void;
|
|
472
|
-
$el:
|
|
473
|
+
$el: any;
|
|
473
474
|
$options: import('vue').ComponentOptionsBase<Readonly<import('..').QBadgeProps> & Readonly<{
|
|
474
475
|
"onClick:remove"?: (() => any) | undefined;
|
|
475
476
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
@@ -511,6 +512,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
511
512
|
}>, "size" | "color" | "variant" | "icons" | "texts"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
512
513
|
$slots: {
|
|
513
514
|
default?(_: {}): any;
|
|
515
|
+
default?(_: {}): any;
|
|
514
516
|
};
|
|
515
517
|
}) | null)[];
|
|
516
518
|
input: HTMLInputElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/QSelect.vue"],"names":[],"mappings":"AAoMA;AA+hBC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAe1D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C,OAAO,EAAY,QAAQ,EAAgD,MAAM,KAAK,CAAA;AAMtF,KAAK,WAAW,GAAG,YAAY,CAAC;AAwUjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAkeT,OAAO,IAA6B;;yBAtBpB,GAAG;wBACJ,GAAG;wBACH,GAAG;gCACK,GAAG;;;YACZ,GAAG;+BACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCArX5B,GAAG,8CACL,GAAG,yBACG,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAF7C,GAAG,8CACL,GAAG,yBACG,GAAG,6DAAmC,GAAG
|
|
1
|
+
{"version":3,"file":"QSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/QSelect.vue"],"names":[],"mappings":"AAoMA;AA+hBC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAe1D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C,OAAO,EAAY,QAAQ,EAAgD,MAAM,KAAK,CAAA;AAMtF,KAAK,WAAW,GAAG,YAAY,CAAC;AAwUjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAkeT,OAAO,IAA6B;;yBAtBpB,GAAG;wBACJ,GAAG;wBACH,GAAG;gCACK,GAAG;;;YACZ,GAAG;+BACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCArX5B,GAAG,8CACL,GAAG,yBACG,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAF7C,GAAG,8CACL,GAAG,yBACG,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAF7C,GAAG,8CACL,GAAG,yBACG,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAF7C,GAAG,8CACL,GAAG,yBACG,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyYxD;AAoCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAhbT,GAAG,8CACL,GAAG,yBACG,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAF7C,GAAG,8CACL,GAAG,yBACG,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAF7C,GAAG,8CACL,GAAG,yBACG,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAF7C,GAAG,8CACL,GAAG,yBACG,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAubvD,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"}
|
|
@@ -143,7 +143,7 @@ declare const QSelect: {
|
|
|
143
143
|
$parent: import('vue').ComponentPublicInstance | null;
|
|
144
144
|
$host: Element | null;
|
|
145
145
|
$emit: (event: "click:remove") => void;
|
|
146
|
-
$el:
|
|
146
|
+
$el: any;
|
|
147
147
|
$options: import('vue').ComponentOptionsBase<Readonly<import('..').QBadgeProps> & Readonly<{
|
|
148
148
|
"onClick:remove"?: (() => any) | undefined;
|
|
149
149
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
@@ -185,6 +185,7 @@ declare const QSelect: {
|
|
|
185
185
|
}>, "size" | "color" | "variant" | "icons" | "texts"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
186
186
|
$slots: {
|
|
187
187
|
default?(_: {}): any;
|
|
188
|
+
default?(_: {}): any;
|
|
188
189
|
};
|
|
189
190
|
}) | null)[];
|
|
190
191
|
input: HTMLInputElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAO8tzB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAO8tzB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAPxzzB,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,cAAc,SAAS,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"uid.d.ts","sourceRoot":"","sources":["../../src/composables/uid.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;
|
|
1
|
+
{"version":3,"file":"uid.d.ts","sourceRoot":"","sources":["../../src/composables/uid.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAKhD;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,WAAW,CAAC,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAGrF"}
|