@quidgest/ui 0.15.2 → 0.15.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (73) hide show
  1. package/dist/manifest/components.json +2 -0
  2. package/dist/ui.css +110 -5
  3. package/dist/ui.esm.js +3449 -3301
  4. package/dist/ui.js +9 -9
  5. package/dist/ui.min.css +1 -1
  6. package/dist/ui.min.js +705 -699
  7. package/dist/ui.scss +118 -8
  8. package/esm/components/QCombobox/QCombobox.d.ts +16 -8
  9. package/esm/components/QCombobox/QCombobox.d.ts.map +1 -1
  10. package/esm/components/QCombobox/QCombobox.vue.js +1 -1
  11. package/esm/components/QCombobox/index.d.ts +28 -14
  12. package/esm/components/QCombobox/index.d.ts.map +1 -1
  13. package/esm/components/QDateTimePicker/QDateTimePicker.vue.js +1 -1
  14. package/esm/components/QDateTimePicker/index.d.ts +3 -0
  15. package/esm/components/QDateTimePicker/index.d.ts.map +1 -1
  16. package/esm/components/QField/QField.d.ts.map +1 -1
  17. package/esm/components/QField/QField.vue.js +11 -10
  18. package/esm/components/QFileUpload/QFileUpload.vue.js +1 -1
  19. package/esm/components/QFileUpload/index.d.ts +3 -0
  20. package/esm/components/QFileUpload/index.d.ts.map +1 -1
  21. package/esm/components/QInputGroup/QInputGroup.vue.js +1 -1
  22. package/esm/components/QLabel/QLabel.d.ts +1 -0
  23. package/esm/components/QLabel/QLabel.d.ts.map +1 -1
  24. package/esm/components/QLabel/QLabel.vue.js +28 -13
  25. package/esm/components/QLabel/index.d.ts +1 -0
  26. package/esm/components/QLabel/index.d.ts.map +1 -1
  27. package/esm/components/QLabel/types.d.ts +5 -0
  28. package/esm/components/QLabel/types.d.ts.map +1 -1
  29. package/esm/components/QMeter/QMeter.vue.js +14 -13
  30. package/esm/components/QMeter/index.d.ts +2 -0
  31. package/esm/components/QMeter/index.d.ts.map +1 -1
  32. package/esm/components/QPasswordField/QPasswordField.d.ts +8 -4
  33. package/esm/components/QPasswordField/QPasswordField.d.ts.map +1 -1
  34. package/esm/components/QPasswordField/QPasswordField.vue.js +1 -1
  35. package/esm/components/QPasswordField/index.d.ts +4 -2
  36. package/esm/components/QPasswordField/index.d.ts.map +1 -1
  37. package/esm/components/QPropertyList/QPropertyList.vue.js +23 -23
  38. package/esm/components/QPropertyList/QPropertyListRow.d.ts +6 -2
  39. package/esm/components/QPropertyList/QPropertyListRow.d.ts.map +1 -1
  40. package/esm/components/QPropertyList/QPropertyListRow.vue.js +20 -20
  41. package/esm/components/QPropertyList/index.d.ts +9 -2
  42. package/esm/components/QPropertyList/index.d.ts.map +1 -1
  43. package/esm/components/QRadioGroup/QRadioButton.d.ts +24 -0
  44. package/esm/components/QRadioGroup/QRadioButton.d.ts.map +1 -0
  45. package/esm/components/QRadioGroup/QRadioButton.vue.js +78 -0
  46. package/esm/components/QRadioGroup/QRadioButton.vue2.js +4 -0
  47. package/esm/components/QRadioGroup/QRadioGroup.d.ts +32 -0
  48. package/esm/components/QRadioGroup/QRadioGroup.d.ts.map +1 -0
  49. package/esm/components/QRadioGroup/QRadioGroup.vue.js +79 -0
  50. package/esm/components/QRadioGroup/QRadioGroup.vue2.js +4 -0
  51. package/esm/components/QRadioGroup/index.d.ts +108 -0
  52. package/esm/components/QRadioGroup/index.d.ts.map +1 -0
  53. package/esm/components/QRadioGroup/index.js +8 -0
  54. package/esm/components/QRadioGroup/types.d.ts +65 -0
  55. package/esm/components/QRadioGroup/types.d.ts.map +1 -0
  56. package/esm/components/QSelect/QSelect.d.ts +2 -2
  57. package/esm/components/QSelect/QSelect.vue.js +1 -1
  58. package/esm/components/QSelect/index.d.ts +4 -1
  59. package/esm/components/QSelect/index.d.ts.map +1 -1
  60. package/esm/components/QTextArea/QTextArea.vue.js +1 -1
  61. package/esm/components/QTextArea/index.d.ts +3 -0
  62. package/esm/components/QTextArea/index.d.ts.map +1 -1
  63. package/esm/components/QTextField/QTextField.d.ts +2 -2
  64. package/esm/components/QTextField/QTextField.vue.js +1 -1
  65. package/esm/components/QTextField/index.d.ts +4 -1
  66. package/esm/components/QTextField/index.d.ts.map +1 -1
  67. package/esm/components/index.d.ts +1 -0
  68. package/esm/components/index.d.ts.map +1 -1
  69. package/esm/components/index.js +34 -31
  70. package/esm/composables/group.d.ts.map +1 -1
  71. package/esm/composables/group.js +1 -1
  72. package/esm/index.d.ts +2 -0
  73. package/package.json +1 -1
@@ -1,10 +1,10 @@
1
- import { defineComponent as g, mergeModels as d, useModel as k, computed as o, createElementBlock as p, openBlock as r, normalizeClass as c, createElementVNode as n, withModifiers as u, toDisplayString as B, renderSlot as M, createCommentVNode as b, createBlock as h, resolveDynamicComponent as w, mergeProps as P } from "vue";
1
+ import { defineComponent as V, mergeModels as p, useModel as k, computed as o, createElementBlock as c, openBlock as r, normalizeClass as u, createElementVNode as n, withModifiers as m, toDisplayString as h, renderSlot as B, createCommentVNode as M, createBlock as b, resolveDynamicComponent as P, mergeProps as w } from "vue";
2
2
  const D = ["id", "data-group"], E = {
3
3
  key: 0,
4
4
  class: "q-property-list-field__container"
5
- }, N = /* @__PURE__ */ g({
5
+ }, N = /* @__PURE__ */ V({
6
6
  __name: "QPropertyListRow",
7
- props: /* @__PURE__ */ d({
7
+ props: /* @__PURE__ */ p({
8
8
  id: {},
9
9
  class: {},
10
10
  field: {},
@@ -13,9 +13,9 @@ const D = ["id", "data-group"], E = {
13
13
  modelValue: {},
14
14
  modelModifiers: {}
15
15
  }),
16
- emits: /* @__PURE__ */ d(["focus"], ["update:modelValue"]),
17
- setup(a, { emit: m }) {
18
- const e = a, f = m, t = k(a, "modelValue"), _ = o(() => ["q-property-list__row", e.class]), y = o(() => {
16
+ emits: /* @__PURE__ */ p(["focus", "field-change"], ["update:modelValue"]),
17
+ setup(i, { emit: f }) {
18
+ const e = i, a = f, t = k(i, "modelValue"), _ = o(() => ["q-property-list__row", e.class]), y = o(() => {
19
19
  var l;
20
20
  return [
21
21
  "q-property-list__cell",
@@ -24,33 +24,33 @@ const D = ["id", "data-group"], E = {
24
24
  "q-property-list__cell--required": (l = e.field.props) == null ? void 0 : l.required
25
25
  }
26
26
  ];
27
- }), v = o(() => e.readonly || (e.field.props.readonly ?? !1)), V = o(() => ({
27
+ }), v = o(() => e.readonly || (e.field.props.readonly ?? !1)), g = o(() => ({
28
28
  ...e.field.props,
29
29
  readonly: v.value
30
30
  }));
31
31
  function s() {
32
- f("focus", e.field);
32
+ a("focus", e.field);
33
33
  }
34
34
  function q(l) {
35
- t.value = l;
35
+ t.value = l, a("field-change", l);
36
36
  }
37
- return (l, i) => (r(), p("tr", {
37
+ return (l, d) => (r(), c("tr", {
38
38
  id: e.id,
39
- class: c(_.value),
39
+ class: u(_.value),
40
40
  "data-group": e.field.group,
41
41
  onFocusin: s
42
42
  }, [
43
43
  n(
44
44
  "td",
45
45
  {
46
- class: c(y.value),
47
- onClick: u(s, ["prevent", "stop"])
46
+ class: u(y.value),
47
+ onClick: m(s, ["prevent", "stop"])
48
48
  },
49
49
  [
50
50
  n(
51
51
  "div",
52
52
  null,
53
- B(e.field.label),
53
+ h(e.field.label),
54
54
  1
55
55
  /* TEXT */
56
56
  )
@@ -60,18 +60,18 @@ const D = ["id", "data-group"], E = {
60
60
  ),
61
61
  n("td", {
62
62
  class: "q-property-list__cell",
63
- onClick: u(s, ["prevent", "stop"])
63
+ onClick: m(s, ["prevent", "stop"])
64
64
  }, [
65
- M(l.$slots, "default", {}, () => [
66
- e.field.component ? (r(), p("div", E, [
67
- (r(), h(w(e.field.component), P(V.value, {
65
+ B(l.$slots, "default", {}, () => [
66
+ e.field.component ? (r(), c("div", E, [
67
+ (r(), b(P(e.field.component), w(g.value, {
68
68
  modelValue: t.value,
69
69
  "onUpdate:modelValue": [
70
- i[0] || (i[0] = (C) => t.value = C),
70
+ d[0] || (d[0] = (C) => t.value = C),
71
71
  q
72
72
  ]
73
73
  }), null, 16, ["modelValue"]))
74
- ])) : b("v-if", !0)
74
+ ])) : M("v-if", !0)
75
75
  ])
76
76
  ])
77
77
  ], 42, D));
@@ -67,11 +67,15 @@ declare const QPropertyListRow: <T>(__VLS_props: NonNullable<Awaited<typeof __VL
67
67
  default?(_: {}): any;
68
68
  };
69
69
  attrs: any;
70
- emit: ((e: "focus", field: import('./types').QPropertyListField) => void) & ((evt: "update:modelValue", value: T) => void);
70
+ emit: {
71
+ (e: "focus", field: import('./types').QPropertyListField): void;
72
+ (e: "field-change", value: unknown): void;
73
+ } & ((evt: "update:modelValue", value: T) => void);
71
74
  }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
72
75
  props: {
73
76
  readonly onFocus?: ((field: import('./types').QPropertyListField) => any) | undefined;
74
77
  readonly "onUpdate:modelValue"?: ((value: T) => any) | undefined;
78
+ readonly "onField-change"?: ((value: unknown) => any) | undefined;
75
79
  modelValue?: T | undefined;
76
80
  id?: string | undefined;
77
81
  class?: string | unknown[] | undefined;
@@ -83,7 +87,10 @@ declare const QPropertyListRow: <T>(__VLS_props: NonNullable<Awaited<typeof __VL
83
87
  slots: {
84
88
  default?(_: {}): any;
85
89
  };
86
- emit: ((e: "focus", field: import('./types').QPropertyListField) => void) & ((evt: "update:modelValue", value: T) => void);
90
+ emit: {
91
+ (e: "focus", field: import('./types').QPropertyListField): void;
92
+ (e: "field-change", value: unknown): void;
93
+ } & ((evt: "update:modelValue", value: T) => void);
87
94
  }>) => import('vue').VNode & {
88
95
  __ctx?: Awaited<typeof __VLS_setup>;
89
96
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QPropertyList/index.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACX,kBAAkB,EAClB,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,EACvB,MAAM,SAAS,CAAA;AAKhB,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAkC,CAAA;AACrD,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;2BAc2iN,KAAK;;;;;;cAA4J,KAAK;SAAiB,CAAC;CAd9rN,CAAA;AAC3D,QAAA,MAAM,kBAAkB;;;;;;6FAAuC,CAAA;AAC/D,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;EAAuC,CAAA;AAG/D,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAA;AAGlF,YAAY,EACX,kBAAkB,EAClB,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,EACvB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QPropertyList/index.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACX,kBAAkB,EAClB,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,EACvB,MAAM,SAAS,CAAA;AAKhB,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAkC,CAAA;AACrD,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;2BAcisN,KAAK;;;;;;;;;cAA4J,KAAK;SAAiB,CAAC;CAdp1N,CAAA;AAC3D,QAAA,MAAM,kBAAkB;;;;;;6FAAuC,CAAA;AAC/D,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;EAAuC,CAAA;AAG/D,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAA;AAGlF,YAAY,EACX,kBAAkB,EAClB,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,EACvB,CAAA"}
@@ -0,0 +1,24 @@
1
+ import { QRadioButtonProps } from './types';
2
+ declare function __VLS_template(): {
3
+ attrs: Partial<{}>;
4
+ slots: {
5
+ default?(_: {}): any;
6
+ default?(_: {}): any;
7
+ };
8
+ refs: {};
9
+ rootEl: any;
10
+ };
11
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
12
+ declare const __VLS_component: import('vue').DefineComponent<QRadioButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QRadioButtonProps> & Readonly<{}>, {
13
+ size: import('./types').QRadioButtonSize;
14
+ color: string;
15
+ labelPlacement: import('./types').QRadioButtonLabelPlacement;
16
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
17
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
18
+ export default _default;
19
+ type __VLS_WithTemplateSlots<T, S> = T & {
20
+ new (): {
21
+ $slots: S;
22
+ };
23
+ };
24
+ //# sourceMappingURL=QRadioButton.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"QRadioButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QRadioGroup/QRadioButton.vue"],"names":[],"mappings":"AA2BA;AA0FC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAmDjD,iBAAS,cAAc;WAiET,OAAO,IAA6B;;yBAZrB,GAAG;yBACH,GAAG;;;;EAgB/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6EAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -0,0 +1,78 @@
1
+ import { defineComponent as m, computed as r, createBlock as b, openBlock as f, unref as o, normalizeClass as v, createSlots as y, withCtx as d, createElementVNode as g, renderSlot as i, createCommentVNode as q, mergeProps as B } from "vue";
2
+ import { QLabel as h } from "../QLabel/index.js";
3
+ import { useGroupItem as C } from "../../composables/group.js";
4
+ import { useId as k } from "../../composables/uid.js";
5
+ const z = ["id", "checked", "name", "value", "disabled"], w = /* @__PURE__ */ m({
6
+ inheritAttrs: !1,
7
+ __name: "QRadioButton",
8
+ props: {
9
+ id: {},
10
+ class: {},
11
+ label: {},
12
+ for: {},
13
+ required: { type: Boolean },
14
+ labelPlacement: { default: "end" },
15
+ disabled: { type: Boolean },
16
+ readonly: { type: Boolean },
17
+ color: { default: "primary" },
18
+ value: {},
19
+ size: { default: "regular" },
20
+ invalid: { type: Boolean },
21
+ name: {}
22
+ },
23
+ setup(s) {
24
+ const e = s, n = k(e.id), t = C(e.value);
25
+ if (!t)
26
+ throw new Error("QRadioButton must be used inside a QRadioGroup");
27
+ const u = r(() => e.labelPlacement === "start" ? "append" : "prepend"), p = r(() => {
28
+ const a = e.size !== "regular" ? `q-radio-button--${e.size}` : void 0, l = e.color !== "primary" ? `q-radio-button--${e.color}` : void 0;
29
+ return [
30
+ "q-radio-button",
31
+ a,
32
+ l,
33
+ {
34
+ "q-radio-button--readonly": e.readonly,
35
+ "q-radio-button--disabled": e.disabled,
36
+ "q-radio-button--invalid": e.invalid
37
+ },
38
+ e.class
39
+ ];
40
+ });
41
+ return (a, l) => (f(), b(o(h), {
42
+ for: o(n),
43
+ class: v(p.value),
44
+ label: e.label
45
+ }, y({
46
+ [u.value]: d(() => [
47
+ g("input", B({
48
+ id: o(n),
49
+ checked: o(t).isActive.value,
50
+ tabindex: "0",
51
+ type: "radio",
52
+ "aria-hidden": "true",
53
+ class: "q-radio-button__input",
54
+ name: e.name,
55
+ value: a.value,
56
+ disabled: e.readonly || e.disabled
57
+ }, a.$attrs, {
58
+ onChange: l[0] || (l[0] = //@ts-ignore
59
+ (...c) => o(t).toggle && o(t).toggle(...c))
60
+ }), null, 16, z),
61
+ e.labelPlacement === "end" ? i(a.$slots, "default", { key: 0 }) : q("v-if", !0)
62
+ ]),
63
+ _: 2
64
+ /* DYNAMIC */
65
+ }, [
66
+ e.labelPlacement === "start" ? {
67
+ name: "prepend",
68
+ fn: d(() => [
69
+ i(a.$slots, "default")
70
+ ]),
71
+ key: "0"
72
+ } : void 0
73
+ ]), 1032, ["for", "class", "label"]));
74
+ }
75
+ });
76
+ export {
77
+ w as default
78
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./QRadioButton.vue.js";
2
+ export {
3
+ f as default
4
+ };
@@ -0,0 +1,32 @@
1
+ import { Primitive } from '../../types/primitive';
2
+ import { QRadioGroupProps } from './types';
3
+ type __VLS_Props = QRadioGroupProps;
4
+ type __VLS_PublicProps = {
5
+ modelValue?: Primitive;
6
+ } & __VLS_Props;
7
+ declare function __VLS_template(): {
8
+ attrs: Partial<{}>;
9
+ slots: {
10
+ default?(_: {}): any;
11
+ extras?(_: {}): any;
12
+ };
13
+ refs: {};
14
+ rootEl: any;
15
+ };
16
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
17
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
18
+ "update:modelValue": (value: Primitive) => any;
19
+ }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
20
+ "onUpdate:modelValue"?: ((value: Primitive) => any) | undefined;
21
+ }>, {
22
+ size: import('./types').QRadioButtonSize;
23
+ orientation: import('./types').QRadioButtonOrientation;
24
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
25
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
26
+ export default _default;
27
+ type __VLS_WithTemplateSlots<T, S> = T & {
28
+ new (): {
29
+ $slots: S;
30
+ };
31
+ };
32
+ //# sourceMappingURL=QRadioGroup.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"QRadioGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QRadioGroup/QRadioGroup.vue"],"names":[],"mappings":"AAsBA;AA8FC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAK/C,KAAK,WAAW,GAAG,gBAAgB,CAAC;AAoDrC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAqDT,OAAO,IAA6B;;yBAZrB,GAAG;wBACJ,GAAG;;;;EAgB9B;AAaD,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"}
@@ -0,0 +1,79 @@
1
+ import { defineComponent as b, mergeModels as y, useModel as g, watch as B, computed as d, toRef as r, createElementBlock as n, openBlock as a, normalizeClass as q, createBlock as _, createCommentVNode as u, createElementVNode as h, unref as l, mergeProps as z, renderSlot as m } from "vue";
2
+ import { QLabel as k } from "../QLabel/index.js";
3
+ import { provideDefaults as V } from "../../composables/defaults.js";
4
+ import { useGroup as $ } from "../../composables/group.js";
5
+ import { useId as c } from "../../composables/uid.js";
6
+ const C = ["id"], M = {
7
+ key: 1,
8
+ class: "q-field__extras"
9
+ }, w = /* @__PURE__ */ b({
10
+ inheritAttrs: !1,
11
+ __name: "QRadioGroup",
12
+ props: /* @__PURE__ */ y({
13
+ id: {},
14
+ class: {},
15
+ label: {},
16
+ for: {},
17
+ required: { type: Boolean },
18
+ orientation: { default: "vertical" },
19
+ disabled: { type: Boolean },
20
+ readonly: { type: Boolean },
21
+ size: { default: "regular" },
22
+ invalid: { type: Boolean },
23
+ name: {}
24
+ }, {
25
+ modelValue: { type: [String, Number, Boolean, Symbol] },
26
+ modelModifiers: {}
27
+ }),
28
+ emits: ["update:modelValue"],
29
+ setup(t) {
30
+ const e = t, i = g(t, "modelValue"), { active: p } = $({ active: i });
31
+ B(p, (o) => {
32
+ i.value = o;
33
+ });
34
+ const s = c(e.id), f = d(() => c(e.name)), v = d(() => [
35
+ "q-radio-group",
36
+ {
37
+ "q-radio-group--horizontal": e.orientation === "horizontal"
38
+ },
39
+ e.class
40
+ ]);
41
+ return V({
42
+ QRadioButton: {
43
+ size: r(e, "size"),
44
+ disabled: r(e, "disabled"),
45
+ readonly: r(e, "readonly"),
46
+ invalid: r(e, "invalid"),
47
+ name: f
48
+ }
49
+ }), (o, N) => (a(), n(
50
+ "div",
51
+ {
52
+ class: q(v.value)
53
+ },
54
+ [
55
+ e.label ? (a(), _(l(k), {
56
+ key: 0,
57
+ for: l(s),
58
+ label: e.label,
59
+ required: e.required
60
+ }, null, 8, ["for", "label", "required"])) : u("v-if", !0),
61
+ h("div", z({
62
+ id: l(s),
63
+ class: "q-radio-group__group",
64
+ role: "radiogroup"
65
+ }, o.$attrs), [
66
+ m(o.$slots, "default")
67
+ ], 16, C),
68
+ o.$slots.extras ? (a(), n("div", M, [
69
+ m(o.$slots, "extras")
70
+ ])) : u("v-if", !0)
71
+ ],
72
+ 2
73
+ /* CLASS */
74
+ ));
75
+ }
76
+ });
77
+ export {
78
+ w as default
79
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./QRadioGroup.vue.js";
2
+ export {
3
+ f as default
4
+ };
@@ -0,0 +1,108 @@
1
+ declare const QRadioButton: {
2
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').QRadioButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
3
+ size: import('./types').QRadioButtonSize;
4
+ color: string;
5
+ labelPlacement: import('./types').QRadioButtonLabelPlacement;
6
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
7
+ P: {};
8
+ B: {};
9
+ D: {};
10
+ C: {};
11
+ M: {};
12
+ Defaults: {};
13
+ }, Readonly<import('./types').QRadioButtonProps> & Readonly<{}>, {}, {}, {}, {}, {
14
+ size: import('./types').QRadioButtonSize;
15
+ color: string;
16
+ labelPlacement: import('./types').QRadioButtonLabelPlacement;
17
+ }>;
18
+ __isFragment?: never;
19
+ __isTeleport?: never;
20
+ __isSuspense?: never;
21
+ } & import('vue').ComponentOptionsBase<Readonly<import('./types').QRadioButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
22
+ size: import('./types').QRadioButtonSize;
23
+ color: string;
24
+ labelPlacement: import('./types').QRadioButtonLabelPlacement;
25
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
26
+ $slots: {
27
+ default?(_: {}): any;
28
+ default?(_: {}): any;
29
+ };
30
+ });
31
+ declare const QRadioGroup: {
32
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
33
+ modelValue?: import('../../types/primitive').Primitive;
34
+ } & import('../../types/component').QBaseComponentProps & {
35
+ label?: string;
36
+ for?: string;
37
+ required?: boolean;
38
+ } & {
39
+ orientation?: import('./types').QRadioButtonOrientation;
40
+ disabled?: boolean;
41
+ readonly?: boolean;
42
+ size?: import('./types').QRadioButtonSize;
43
+ invalid?: boolean;
44
+ name?: string;
45
+ }> & Readonly<{
46
+ "onUpdate:modelValue"?: ((value: import('../../types/primitive').Primitive) => any) | undefined;
47
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
48
+ "update:modelValue": (value: import('../../types/primitive').Primitive) => any;
49
+ }, import('vue').PublicProps, {
50
+ size: import('./types').QRadioButtonSize;
51
+ orientation: import('./types').QRadioButtonOrientation;
52
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
53
+ P: {};
54
+ B: {};
55
+ D: {};
56
+ C: {};
57
+ M: {};
58
+ Defaults: {};
59
+ }, Readonly<{
60
+ modelValue?: import('../../types/primitive').Primitive;
61
+ } & import('../../types/component').QBaseComponentProps & {
62
+ label?: string;
63
+ for?: string;
64
+ required?: boolean;
65
+ } & {
66
+ orientation?: import('./types').QRadioButtonOrientation;
67
+ disabled?: boolean;
68
+ readonly?: boolean;
69
+ size?: import('./types').QRadioButtonSize;
70
+ invalid?: boolean;
71
+ name?: string;
72
+ }> & Readonly<{
73
+ "onUpdate:modelValue"?: ((value: import('../../types/primitive').Primitive) => any) | undefined;
74
+ }>, {}, {}, {}, {}, {
75
+ size: import('./types').QRadioButtonSize;
76
+ orientation: import('./types').QRadioButtonOrientation;
77
+ }>;
78
+ __isFragment?: never;
79
+ __isTeleport?: never;
80
+ __isSuspense?: never;
81
+ } & import('vue').ComponentOptionsBase<Readonly<{
82
+ modelValue?: import('../../types/primitive').Primitive;
83
+ } & import('../../types/component').QBaseComponentProps & {
84
+ label?: string;
85
+ for?: string;
86
+ required?: boolean;
87
+ } & {
88
+ orientation?: import('./types').QRadioButtonOrientation;
89
+ disabled?: boolean;
90
+ readonly?: boolean;
91
+ size?: import('./types').QRadioButtonSize;
92
+ invalid?: boolean;
93
+ name?: string;
94
+ }> & Readonly<{
95
+ "onUpdate:modelValue"?: ((value: import('../../types/primitive').Primitive) => any) | undefined;
96
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
97
+ "update:modelValue": (value: import('../../types/primitive').Primitive) => any;
98
+ }, string, {
99
+ size: import('./types').QRadioButtonSize;
100
+ orientation: import('./types').QRadioButtonOrientation;
101
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
102
+ $slots: {
103
+ default?(_: {}): any;
104
+ extras?(_: {}): any;
105
+ };
106
+ });
107
+ export { QRadioButton, QRadioGroup };
108
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QRadioGroup/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAiC,CAAA;AACnD,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAgC,CAAA;AAGjD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,CAAA"}
@@ -0,0 +1,8 @@
1
+ import r from "./QRadioButton.vue.js";
2
+ import t from "./QRadioGroup.vue.js";
3
+ import { setupPropsProxy as o } from "../../utils/setupPropsProxy.js";
4
+ const s = o(r), f = o(t);
5
+ export {
6
+ s as QRadioButton,
7
+ f as QRadioGroup
8
+ };
@@ -0,0 +1,65 @@
1
+ import { QLabelProps } from '../QLabel';
2
+ export type QRadioButtonOrientation = 'vertical' | 'horizontal';
3
+ export type QRadioButtonSize = 'small' | 'regular' | 'large';
4
+ export type QRadioGroupProps = QLabelProps & {
5
+ /**
6
+ * The orientation of the radio button group shown.
7
+ */
8
+ orientation?: QRadioButtonOrientation;
9
+ /**
10
+ * If true, the radio button is disabled and cannot be interacted with.
11
+ */
12
+ disabled?: boolean;
13
+ /**
14
+ * If set to true, the radio button is read-only.
15
+ */
16
+ readonly?: boolean;
17
+ /**
18
+ * The size of the checkbox, either 'regular', 'small' or 'large'.
19
+ */
20
+ size?: QRadioButtonSize;
21
+ /**
22
+ * Indicates whether the provided value fails the validation criteria.
23
+ */
24
+ invalid?: boolean;
25
+ /**
26
+ * The name for each radio buttons in radio group.
27
+ */
28
+ name?: string;
29
+ };
30
+ export type QRadioButtonLabelPlacement = 'start' | 'end';
31
+ export type QRadioButtonProps = QLabelProps & {
32
+ /**
33
+ * The placement of the label shown.
34
+ */
35
+ labelPlacement?: QRadioButtonLabelPlacement;
36
+ /**
37
+ * If true, the radio button is disabled and cannot be interacted with.
38
+ */
39
+ disabled?: boolean;
40
+ /**
41
+ * If set to true, the radio button is read-only.
42
+ */
43
+ readonly?: boolean;
44
+ /**
45
+ * Applies specified color to the control
46
+ */
47
+ color?: string;
48
+ /**
49
+ * Defined the value for the radio button.
50
+ */
51
+ value: string;
52
+ /**
53
+ * The size of the checkbox, either 'regular', 'small' or 'large'.
54
+ */
55
+ size?: QRadioButtonSize;
56
+ /**
57
+ * Indicates whether the provided value fails the validation criteria.
58
+ */
59
+ invalid?: boolean;
60
+ /**
61
+ * The name for each radio buttons in radio group.
62
+ */
63
+ name?: string;
64
+ };
65
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QRadioGroup/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAE5C,MAAM,MAAM,uBAAuB,GAAG,UAAU,GAAG,YAAY,CAAA;AAE/D,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;AAE5D,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAC5C;;OAEG;IACH,WAAW,CAAC,EAAE,uBAAuB,CAAA;IAErC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAA;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG,OAAO,GAAG,KAAK,CAAA;AAExD,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG;IAC7C;;OAEG;IACH,cAAc,CAAC,EAAE,0BAA0B,CAAA;IAE3C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAA;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACb,CAAA"}
@@ -26,10 +26,10 @@ declare function __VLS_template(): {
26
26
  readonly class?: string | unknown[] | undefined;
27
27
  readonly label?: string | undefined;
28
28
  readonly for?: string | undefined;
29
+ readonly required?: boolean | undefined;
29
30
  readonly size?: import('../QField').QFieldSize | undefined;
30
31
  readonly readonly?: boolean | undefined;
31
32
  readonly disabled?: boolean | undefined;
32
- readonly required?: boolean | undefined;
33
33
  readonly invalid?: boolean | undefined;
34
34
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
35
35
  $attrs: {
@@ -298,10 +298,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
298
298
  readonly class?: string | unknown[] | undefined;
299
299
  readonly label?: string | undefined;
300
300
  readonly for?: string | undefined;
301
+ readonly required?: boolean | undefined;
301
302
  readonly size?: import('../QField').QFieldSize | undefined;
302
303
  readonly readonly?: boolean | undefined;
303
304
  readonly disabled?: boolean | undefined;
304
- readonly required?: boolean | undefined;
305
305
  readonly invalid?: boolean | undefined;
306
306
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
307
307
  $attrs: {
@@ -25,10 +25,10 @@ const fe = {
25
25
  class: {},
26
26
  label: {},
27
27
  for: {},
28
+ required: { type: Boolean },
28
29
  size: {},
29
30
  readonly: { type: Boolean },
30
31
  disabled: { type: Boolean },
31
- required: { type: Boolean },
32
32
  invalid: { type: Boolean },
33
33
  items: {},
34
34
  groups: { default: () => [] },
@@ -4,6 +4,7 @@ declare const QSelect: {
4
4
  } & import('../../types/component').QBaseComponentProps & {
5
5
  label?: string;
6
6
  for?: string;
7
+ required?: boolean;
7
8
  } & {
8
9
  size?: import('..').QFieldSize;
9
10
  readonly?: boolean;
@@ -54,10 +55,10 @@ declare const QSelect: {
54
55
  readonly class?: string | unknown[] | undefined;
55
56
  readonly label?: string | undefined;
56
57
  readonly for?: string | undefined;
58
+ readonly required?: boolean | undefined;
57
59
  readonly size?: import('..').QFieldSize | undefined;
58
60
  readonly readonly?: boolean | undefined;
59
61
  readonly disabled?: boolean | undefined;
60
- readonly required?: boolean | undefined;
61
62
  readonly invalid?: boolean | undefined;
62
63
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
63
64
  $attrs: {
@@ -304,6 +305,7 @@ declare const QSelect: {
304
305
  } & import('../../types/component').QBaseComponentProps & {
305
306
  label?: string;
306
307
  for?: string;
308
+ required?: boolean;
307
309
  } & {
308
310
  size?: import('..').QFieldSize;
309
311
  readonly?: boolean;
@@ -347,6 +349,7 @@ declare const QSelect: {
347
349
  } & import('../../types/component').QBaseComponentProps & {
348
350
  label?: string;
349
351
  for?: string;
352
+ required?: boolean;
350
353
  } & {
351
354
  size?: import('..').QFieldSize;
352
355
  readonly?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAI2wzB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAJr2zB,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAI2wzB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAJr2zB,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA"}
@@ -10,10 +10,10 @@ const H = ["id", "required", "placeholder", "readonly", "disabled", "maxlength",
10
10
  class: {},
11
11
  label: {},
12
12
  for: {},
13
+ required: { type: Boolean },
13
14
  size: {},
14
15
  readonly: { type: Boolean },
15
16
  disabled: { type: Boolean },
16
- required: { type: Boolean },
17
17
  invalid: { type: Boolean },
18
18
  placeholder: {},
19
19
  maxLength: {},