@quidgest/ui 0.16.55 → 0.16.56

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/ui.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Quidgest UI v0.16.55
2
+ * Quidgest UI v0.16.56
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
- &__remove.q-button {
493
- padding: 0;
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
- font-size: 0.9rem;
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;
@@ -641,7 +670,7 @@ $transition-duration: 0.2s !default;
641
670
  overflow: hidden;
642
671
  position: relative;
643
672
  border-width: 1px;
644
- padding: 0.4rem;
673
+ padding: 0.4rem 0.8rem;
645
674
  line-height: 1;
646
675
  gap: $space-base;
647
676
  border-radius: var(--border-radius);
@@ -776,7 +805,7 @@ $transition-duration: 0.2s !default;
776
805
 
777
806
  &--small {
778
807
  font-size: 0.8em;
779
- padding: 0.25rem;
808
+ padding: 0.25rem 0.5rem;
780
809
  }
781
810
 
782
811
  &--borderless {
@@ -3132,6 +3161,9 @@ $spinner-color: var(--q-theme-primary);
3132
3161
  cursor: not-allowed;
3133
3162
  }
3134
3163
  }
3164
+ .q-switch:not(.q-switch--with-labels) {
3165
+ --q-switch-label-padding-h: var(--q-switch-label-padding-v);
3166
+ }
3135
3167
  .q-switch__container {
3136
3168
  position: relative;
3137
3169
  display: inline-flex;
@@ -3219,6 +3251,9 @@ $spinner-color: var(--q-theme-primary);
3219
3251
  var(--q-switch-shadow-spread);
3220
3252
  padding: var(--q-switch-label-padding-v) var(--q-switch-label-padding-h);
3221
3253
  }
3254
+ .q-switch--with-labels.q-switch--checked:not(.q-switch--readonly) .q-switch__label--off {
3255
+ color: var(--q-theme-primary-light);
3256
+ }
3222
3257
  .q-switch--readonly {
3223
3258
  cursor: default;
3224
3259
  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: HTMLSpanElement;
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, {}, HTMLSpanElement>;
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":"AA6BA;AAmHC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAU1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAiF3C,iBAAS,cAAc;WAgFT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAiBD,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;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"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 y, useAttrs as k, computed as r, toRef as h, createElementBlock as c, openBlock as n, withKeys as x, normalizeStyle as B, normalizeClass as z, withModifiers as T, createCommentVNode as u, createElementVNode as w, renderSlot as E, createBlock as N, unref as m, withCtx as S, createVNode as V, normalizeProps as $, guardReactiveProps as A } from "vue";
2
- import { DEFAULT_TEXTS as I, DEFAULT_ICONS as K } from "./constants.js";
3
- import { QButton as P } from "../QButton/index.js";
4
- import { QIcon as Q } from "../QIcon/index.js";
5
- import { useColor as R } from "../../composables/useColor/index.js";
6
- const U = ["id", "role", "tabindex", "onKeydown"], D = {
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
- }, F = { class: "q-badge__content" }, j = /* @__PURE__ */ y({
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: () => K },
21
- texts: { default: () => I }
21
+ icons: { default: () => F },
22
+ texts: { default: () => U }
22
23
  },
23
24
  emits: ["click:remove"],
24
- setup(b, { emit: v }) {
25
- const e = b, p = v, f = k(), a = r(() => !!f.onClick), _ = r(() => {
26
- const o = i.value ? `q-badge--${e.color}` : void 0, t = e.size !== "default" ? `q-badge--${e.size}` : void 0;
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--pill": e.pill,
34
- "q-badge--disabled": e.disabled,
35
- "q-badge--clickable": a.value && !e.disabled
41
+ "q-badge--disabled": e.disabled
36
42
  },
37
- e.class
43
+ o,
44
+ v.value
38
45
  ];
39
- }), { isUtilityColor: i, style: l } = R(h(e, "color")), C = r(() => {
40
- var o, t, s, d;
41
- if (!i.value)
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 = l.value) == null ? void 0 : o.mainColor,
44
- "--q-badge-on-main-color": (t = l.value) == null ? void 0 : t.onMainColor,
45
- "--q-badge-hover-color": (s = l.value) == null ? void 0 : s.hoverColor,
46
- "--q-badge-on-hover-color": (d = l.value) == null ? void 0 : d.onHoverColor
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
- function g(o) {
50
- o.stopImmediatePropagation();
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
- function q() {
53
- p("click:remove");
54
- }
55
- return (o, t) => (n(), c("span", {
56
- id: e.id,
57
- class: z(_.value),
58
- role: a.value ? "button" : "presentation",
59
- style: B(C.value),
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: q
76
+ onClick: S.value
77
77
  }, {
78
- default: S(() => [
79
- V(
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
- _: 1
88
- /* STABLE */
89
- }, 8, ["color", "aria-label", "title", "disabled"])) : u("v-if", !0)
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
- ], 46, U));
137
+ ], 14, G));
92
138
  }
93
139
  });
94
140
  export {
95
- j as default
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, {}, HTMLSpanElement, import('vue').ComponentProvideOptions, {
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA2B,CAAA;AAGvC,OAAO,EAAE,MAAM,EAAE,CAAA;AAGjB,cAAc,SAAS,CAAA"}
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"}
@@ -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 trap is deactivaed.
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 trap is deactivaed.
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;AA8GC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAK/C,KAAK,WAAW,GAAG,gBAAgB,CAAC;AAsErC,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
+ {"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 r, computed as d, createElementBlock as n, openBlock as l, normalizeClass as B, createBlock as _, createCommentVNode as u, createElementVNode as z, unref as a, mergeProps as k, renderSlot as c } from "vue";
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(t) {
32
- const e = t, s = b(t, "modelValue"), { active: p } = C({ active: s, required: !0 });
31
+ setup(i) {
32
+ const e = i, d = b(i, "modelValue"), { active: p } = C({ active: d, required: !0 });
33
33
  h(p, (o) => {
34
- s.value = o;
34
+ d.value = o;
35
35
  });
36
- const i = m(r(e, "id")), f = m(r(e, "name")), v = d(() => [
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 = d(() => e.columns > 1 ? {
44
- "--q-radio-group-columns": e.columns
45
- } : {
46
- undefined: void 0
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: r(e, "size"),
51
- disabled: r(e, "disabled"),
52
- readonly: r(e, "readonly"),
53
- invalid: r(e, "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) => (l(), n(
56
+ }), (o, R) => (t(), u(
57
57
  "div",
58
58
  {
59
59
  class: B(v.value)
60
60
  },
61
61
  [
62
- e.label ? (l(), _(a(V), {
62
+ e.label ? (t(), _(s(V), {
63
63
  key: 0,
64
- for: a(i),
64
+ for: s(a),
65
65
  label: e.label,
66
66
  required: e.required
67
- }, null, 8, ["for", "label", "required"])) : u("v-if", !0),
67
+ }, null, 8, ["for", "label", "required"])) : n("v-if", !0),
68
68
  z("div", k({
69
- id: a(i),
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 ? (l(), n("div", Q, [
76
+ o.$slots.extras ? (t(), u("div", Q, [
77
77
  c(o.$slots, "extras")
78
- ])) : u("v-if", !0)
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: HTMLSpanElement;
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: HTMLSpanElement;
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"}
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: HTMLSpanElement;
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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
+ {"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;AAQhD;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,WAAW,CAAC,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAGrF"}
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"}
@@ -1,9 +1,8 @@
1
- import { toValue as r, ref as t } from "vue";
2
- let u = 0;
3
- function d(e) {
4
- const o = r(e);
5
- return t(o || `uid-${++u}`);
1
+ import { toValue as e, ref as t } from "vue";
2
+ function n(o) {
3
+ const r = e(o);
4
+ return t(r ?? `uid-${crypto.randomUUID()}`);
6
5
  }
7
6
  export {
8
- d as useId
7
+ n as useId
9
8
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useDialog/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AASrF;;;;GAIG;AACH,wBAAgB,SAAS;uBASE,YAAY,OAAO,MAAM,YAAY,cAAc;uBAgBnD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAaq4C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EADt6C"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useDialog/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AASrF;;;;GAIG;AACH,wBAAgB,SAAS;uBASE,YAAY,OAAO,MAAM,YAAY,cAAc;uBAgBnD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAas4C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EADv6C"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@quidgest/ui",
3
3
  "description": "Quidgest's UI framework",
4
- "version": "0.16.55",
4
+ "version": "0.16.56",
5
5
  "private": false,
6
6
  "type": "module",
7
7
  "author": "Quidgest",