@quidgest/ui 0.14.18 → 0.14.19

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 (94) hide show
  1. package/dist/manifest/components.json +3 -0
  2. package/dist/ui.css +66 -10
  3. package/dist/ui.esm.js +5840 -5486
  4. package/dist/ui.js +16 -16
  5. package/dist/ui.min.css +1 -1
  6. package/dist/ui.min.js +670 -646
  7. package/dist/ui.scss +70 -11
  8. package/esm/components/QBadge/QBadge.d.ts.map +1 -1
  9. package/esm/components/QBadge/QBadge.vue.js +42 -48
  10. package/esm/components/QCombobox/QCombobox.d.ts +24 -0
  11. package/esm/components/QCombobox/QCombobox.d.ts.map +1 -1
  12. package/esm/components/QCombobox/QCombobox.vue.js +1 -0
  13. package/esm/components/QCombobox/index.d.ts +45 -3
  14. package/esm/components/QCombobox/index.d.ts.map +1 -1
  15. package/esm/components/QDateTimePicker/QDateTimePicker.d.ts.map +1 -1
  16. package/esm/components/QDateTimePicker/QDateTimePicker.vue.js +12 -10
  17. package/esm/components/QDateTimePicker/index.d.ts +6 -0
  18. package/esm/components/QDateTimePicker/index.d.ts.map +1 -1
  19. package/esm/components/QField/QField.d.ts.map +1 -1
  20. package/esm/components/QField/QField.vue.js +47 -39
  21. package/esm/components/QField/types.d.ts +6 -10
  22. package/esm/components/QField/types.d.ts.map +1 -1
  23. package/esm/components/QFileUpload/QFileUpload.d.ts.map +1 -1
  24. package/esm/components/QFileUpload/QFileUpload.vue.js +15 -13
  25. package/esm/components/QFileUpload/index.d.ts +6 -0
  26. package/esm/components/QFileUpload/index.d.ts.map +1 -1
  27. package/esm/components/QInputGroup/QInputGroup.d.ts +2 -0
  28. package/esm/components/QInputGroup/QInputGroup.d.ts.map +1 -1
  29. package/esm/components/QInputGroup/QInputGroup.vue.js +40 -32
  30. package/esm/components/QInputGroup/index.d.ts +2 -0
  31. package/esm/components/QInputGroup/index.d.ts.map +1 -1
  32. package/esm/components/QLabel/QLabel.d.ts +20 -0
  33. package/esm/components/QLabel/QLabel.d.ts.map +1 -0
  34. package/esm/components/QLabel/QLabel.vue.js +27 -0
  35. package/esm/components/QLabel/QLabel.vue2.js +4 -0
  36. package/esm/components/QLabel/index.d.ts +22 -0
  37. package/esm/components/QLabel/index.d.ts.map +1 -0
  38. package/esm/components/QLabel/index.js +6 -0
  39. package/esm/components/QLabel/types.d.ts +12 -0
  40. package/esm/components/QLabel/types.d.ts.map +1 -0
  41. package/esm/components/QMeter/QMeter.d.ts +14 -0
  42. package/esm/components/QMeter/QMeter.d.ts.map +1 -0
  43. package/esm/components/QMeter/QMeter.vue.js +60 -0
  44. package/esm/components/QMeter/QMeter.vue2.js +4 -0
  45. package/esm/components/QMeter/index.d.ts +29 -0
  46. package/esm/components/QMeter/index.d.ts.map +1 -0
  47. package/esm/components/QMeter/index.js +6 -0
  48. package/esm/components/QMeter/types.d.ts +20 -0
  49. package/esm/components/QMeter/types.d.ts.map +1 -0
  50. package/esm/components/QOverlay/index.d.ts +2 -0
  51. package/esm/components/QOverlay/index.d.ts.map +1 -1
  52. package/esm/components/QPasswordField/QPasswordField.d.ts +413 -0
  53. package/esm/components/QPasswordField/QPasswordField.d.ts.map +1 -0
  54. package/esm/components/QPasswordField/QPasswordField.vue.js +162 -0
  55. package/esm/components/QPasswordField/QPasswordField.vue2.js +4 -0
  56. package/esm/components/QPasswordField/QPasswordFieldMessages.d.ts +4 -0
  57. package/esm/components/QPasswordField/QPasswordFieldMessages.d.ts.map +1 -0
  58. package/esm/components/QPasswordField/QPasswordFieldMessages.vue.js +28 -0
  59. package/esm/components/QPasswordField/QPasswordFieldMessages.vue2.js +4 -0
  60. package/esm/components/QPasswordField/QPasswordFieldMeterOverlay.d.ts +12 -0
  61. package/esm/components/QPasswordField/QPasswordFieldMeterOverlay.d.ts.map +1 -0
  62. package/esm/components/QPasswordField/QPasswordFieldMeterOverlay.vue.js +97 -0
  63. package/esm/components/QPasswordField/QPasswordFieldMeterOverlay.vue2.js +4 -0
  64. package/esm/components/QPasswordField/constants.d.ts +9 -0
  65. package/esm/components/QPasswordField/constants.d.ts.map +1 -0
  66. package/esm/components/QPasswordField/constants.js +11 -0
  67. package/esm/components/QPasswordField/index.d.ts +264 -0
  68. package/esm/components/QPasswordField/index.d.ts.map +1 -0
  69. package/esm/components/QPasswordField/index.js +6 -0
  70. package/esm/components/QPasswordField/types.d.ts +100 -0
  71. package/esm/components/QPasswordField/types.d.ts.map +1 -0
  72. package/esm/components/QSelect/QSelect.d.ts +2 -0
  73. package/esm/components/QSelect/QSelect.d.ts.map +1 -1
  74. package/esm/components/QSelect/QSelect.vue.js +31 -29
  75. package/esm/components/QSelect/index.d.ts +7 -0
  76. package/esm/components/QSelect/index.d.ts.map +1 -1
  77. package/esm/components/QTextArea/QTextArea.vue.js +10 -9
  78. package/esm/components/QTextArea/index.d.ts +6 -0
  79. package/esm/components/QTextArea/index.d.ts.map +1 -1
  80. package/esm/components/QTextField/QTextField.d.ts +2 -0
  81. package/esm/components/QTextField/QTextField.d.ts.map +1 -1
  82. package/esm/components/QTextField/QTextField.vue.js +8 -6
  83. package/esm/components/QTextField/index.d.ts +9 -0
  84. package/esm/components/QTextField/index.d.ts.map +1 -1
  85. package/esm/components/index.d.ts +3 -0
  86. package/esm/components/index.d.ts.map +1 -1
  87. package/esm/components/index.js +51 -45
  88. package/esm/composables/useColorStyle/index.d.ts +11 -0
  89. package/esm/composables/useColorStyle/index.d.ts.map +1 -0
  90. package/esm/composables/useColorStyle/index.js +33 -0
  91. package/esm/composables/useColorStyle/types.d.ts +36 -0
  92. package/esm/composables/useColorStyle/types.d.ts.map +1 -0
  93. package/esm/index.d.ts +3 -0
  94. package/package.json +1 -1
@@ -1,4 +1,4 @@
1
- import { defineComponent as L, mergeModels as N, useModel as O, computed as d, ref as h, watch as T, createBlock as w, openBlock as n, unref as i, createSlots as Z, withCtx as _, createElementVNode as a, normalizeClass as Q, createElementBlock as c, mergeProps as F, createVNode as s, normalizeProps as m, guardReactiveProps as v, toDisplayString as y, createCommentVNode as j, createTextVNode as M, renderSlot as P } from "vue";
1
+ import { defineComponent as L, mergeModels as N, useModel as O, computed as d, ref as h, watch as T, createBlock as w, openBlock as n, unref as i, createSlots as Z, withCtx as _, createElementVNode as a, normalizeClass as Q, createElementBlock as c, mergeProps as F, createVNode as s, normalizeProps as v, guardReactiveProps as m, toDisplayString as y, createCommentVNode as j, createTextVNode as M, renderSlot as P } from "vue";
2
2
  import { DEFAULT_TEXTS as $, DEFAULT_ICONS as H } from "./types.js";
3
3
  import { QButton as b } from "../QButton/index.js";
4
4
  import { QField as W } from "../QField/index.js";
@@ -33,6 +33,7 @@ const K = ["id", "accept", "required", "readonly", "disabled"], Y = {
33
33
  readonly: { type: Boolean },
34
34
  disabled: { type: Boolean },
35
35
  required: { type: Boolean },
36
+ invalid: { type: Boolean },
36
37
  accept: {},
37
38
  icons: { default: () => H },
38
39
  texts: { default: () => $ }
@@ -49,16 +50,16 @@ const K = ["id", "accept", "required", "readonly", "disabled"], Y = {
49
50
  r.value = o ? URL.createObjectURL(l) : null;
50
51
  });
51
52
  const f = h(null);
52
- function U() {
53
+ function B() {
53
54
  var l;
54
55
  (l = f.value) == null || l.click();
55
56
  }
56
- function V(l) {
57
+ function U(l) {
57
58
  var C;
58
59
  const o = l.target;
59
60
  (C = o == null ? void 0 : o.files) != null && C[0] && (t.value = o.files[0]);
60
61
  }
61
- function B() {
62
+ function V() {
62
63
  t.value && J(t.value);
63
64
  }
64
65
  function D() {
@@ -90,7 +91,8 @@ const K = ["id", "accept", "required", "readonly", "disabled"], Y = {
90
91
  size: e.size,
91
92
  readonly: e.readonly,
92
93
  disabled: e.disabled,
93
- required: e.required
94
+ required: e.required,
95
+ invalid: e.invalid
94
96
  }, Z({
95
97
  control: _(() => [
96
98
  a(
@@ -111,11 +113,11 @@ const K = ["id", "accept", "required", "readonly", "disabled"], Y = {
111
113
  required: e.required,
112
114
  readonly: e.readonly,
113
115
  disabled: e.disabled
114
- }, l.$attrs, { onChange: V }), null, 16, K),
116
+ }, l.$attrs, { onChange: U }), null, 16, K),
115
117
  !t.value && p.value ? (n(), c("div", Y, [
116
118
  s(
117
119
  i(u),
118
- m(v(e.icons.upload)),
120
+ v(m(e.icons.upload)),
119
121
  null,
120
122
  16
121
123
  /* FULL_PROPS */
@@ -129,7 +131,7 @@ const K = ["id", "accept", "required", "readonly", "disabled"], Y = {
129
131
  ),
130
132
  s(i(b), {
131
133
  label: e.texts.chooseFile,
132
- onClick: U
134
+ onClick: B
133
135
  }, null, 8, ["label"])
134
136
  ])) : t.value ? (n(), c("div", ee, [
135
137
  a("div", le, [
@@ -169,12 +171,12 @@ const K = ["id", "accept", "required", "readonly", "disabled"], Y = {
169
171
  s(i(b), {
170
172
  title: e.texts.download,
171
173
  borderless: "",
172
- onClick: B
174
+ onClick: V
173
175
  }, {
174
176
  default: _(() => [
175
177
  s(
176
178
  i(u),
177
- m(v(e.icons.download)),
179
+ v(m(e.icons.download)),
178
180
  null,
179
181
  16
180
182
  /* FULL_PROPS */
@@ -191,7 +193,7 @@ const K = ["id", "accept", "required", "readonly", "disabled"], Y = {
191
193
  default: _(() => [
192
194
  s(
193
195
  i(u),
194
- m(v(e.icons.remove)),
196
+ v(m(e.icons.remove)),
195
197
  null,
196
198
  16
197
199
  /* FULL_PROPS */
@@ -204,7 +206,7 @@ const K = ["id", "accept", "required", "readonly", "disabled"], Y = {
204
206
  ])) : (n(), c("div", re, [
205
207
  s(
206
208
  i(u),
207
- m(v(e.icons.empty)),
209
+ v(m(e.icons.empty)),
208
210
  null,
209
211
  16
210
212
  /* FULL_PROPS */
@@ -230,7 +232,7 @@ const K = ["id", "accept", "required", "readonly", "disabled"], Y = {
230
232
  ]),
231
233
  key: "0"
232
234
  } : void 0
233
- ]), 1032, ["for", "label", "size", "readonly", "disabled", "required"]));
235
+ ]), 1032, ["for", "label", "size", "readonly", "disabled", "required", "invalid"]));
234
236
  }
235
237
  });
236
238
  export {
@@ -5,10 +5,12 @@ declare const QFileUpload: {
5
5
  } & import('../../types/component').QBaseComponentProps & {
6
6
  label?: string;
7
7
  for?: string;
8
+ } & {
8
9
  size?: import('..').QFieldSize;
9
10
  readonly?: boolean;
10
11
  disabled?: boolean;
11
12
  required?: boolean;
13
+ invalid?: boolean;
12
14
  } & {
13
15
  accept?: string | string[];
14
16
  icons?: typeof import('./types').DEFAULT_ICONS;
@@ -36,10 +38,12 @@ declare const QFileUpload: {
36
38
  } & import('../../types/component').QBaseComponentProps & {
37
39
  label?: string;
38
40
  for?: string;
41
+ } & {
39
42
  size?: import('..').QFieldSize;
40
43
  readonly?: boolean;
41
44
  disabled?: boolean;
42
45
  required?: boolean;
46
+ invalid?: boolean;
43
47
  } & {
44
48
  accept?: string | string[];
45
49
  icons?: typeof import('./types').DEFAULT_ICONS;
@@ -59,10 +63,12 @@ declare const QFileUpload: {
59
63
  } & import('../../types/component').QBaseComponentProps & {
60
64
  label?: string;
61
65
  for?: string;
66
+ } & {
62
67
  size?: import('..').QFieldSize;
63
68
  readonly?: boolean;
64
69
  disabled?: boolean;
65
70
  required?: boolean;
71
+ invalid?: boolean;
66
72
  } & {
67
73
  accept?: string | string[];
68
74
  icons?: typeof import('./types').DEFAULT_ICONS;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QFileUpload/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAK/C,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAgC,CAAA;AAGjD,OAAO,EAAE,WAAW,EAAE,CAAA;AAGtB,YAAY,EAAE,gBAAgB,EAAE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QFileUpload/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAK/C,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAgC,CAAA;AAGjD,OAAO,EAAE,WAAW,EAAE,CAAA;AAGtB,YAAY,EAAE,gBAAgB,EAAE,CAAA"}
@@ -2,6 +2,8 @@ import { QInputGroupProps } from './types';
2
2
  declare function __VLS_template(): {
3
3
  attrs: Partial<{}>;
4
4
  slots: {
5
+ 'label.prepend'?(_: {}): any;
6
+ 'label.append'?(_: {}): any;
5
7
  prepend?(_: {}): any;
6
8
  default?(_: {}): any;
7
9
  append?(_: {}): any;
@@ -1 +1 @@
1
- {"version":3,"file":"QInputGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QInputGroup/QInputGroup.vue"],"names":[],"mappings":"AA+BA;AA4DC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAqBhD,iBAAS,cAAc;WA4FT,OAAO,IAA6B;;yBAbpB,GAAG;yBACH,GAAG;wBACJ,GAAG;wBACH,GAAG;;;;EAe/B;AAWD,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":"QInputGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QInputGroup/QInputGroup.vue"],"names":[],"mappings":"AAsCA;AAmEC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAqBhD,iBAAS,cAAc;WA8GT,OAAO,IAA6B;;iCAfb,GAAG;gCACJ,GAAG;yBACT,GAAG;yBACH,GAAG;wBACJ,GAAG;wBACH,GAAG;;;;EAe/B;AAWD,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,14 +1,14 @@
1
- import { defineComponent as f, createBlock as m, openBlock as n, unref as t, normalizeClass as _, createSlots as I, withCtx as a, createElementBlock as r, createCommentVNode as s, renderSlot as p, createVNode as l, normalizeProps as d, guardReactiveProps as i } from "vue";
2
- import { QField as k } from "../QField/index.js";
1
+ import { defineComponent as f, createBlock as m, openBlock as p, unref as a, normalizeClass as v, createSlots as b, withCtx as l, createElementBlock as s, createCommentVNode as r, renderSlot as n, createVNode as d, normalizeProps as t, guardReactiveProps as i } from "vue";
2
+ import { QField as y } from "../QField/index.js";
3
3
  import { QIcon as u } from "../QIcon/index.js";
4
- import { provideDefaults as y } from "../../composables/defaults.js";
5
- const v = {
4
+ import { provideDefaults as I } from "../../composables/defaults.js";
5
+ const _ = {
6
6
  key: 0,
7
7
  class: "q-input-group__prepend"
8
- }, q = { key: 0 }, z = {
8
+ }, k = { key: 0 }, $ = {
9
9
  key: 1,
10
10
  class: "q-input-group__append"
11
- }, $ = { key: 0 }, Q = /* @__PURE__ */ f({
11
+ }, q = { key: 0 }, Q = /* @__PURE__ */ f({
12
12
  __name: "QInputGroup",
13
13
  props: {
14
14
  id: {},
@@ -19,60 +19,68 @@ const v = {
19
19
  readonly: { type: Boolean },
20
20
  disabled: { type: Boolean },
21
21
  required: { type: Boolean },
22
+ invalid: { type: Boolean },
22
23
  prependIcon: {},
23
24
  appendIcon: {}
24
25
  },
25
26
  setup(c) {
26
27
  const e = c;
27
- return y({
28
+ return I({
28
29
  QField: {
29
30
  size: "block"
30
31
  }
31
- }), (o, b) => (n(), m(t(k), {
32
+ }), (o, z) => (p(), m(a(y), {
32
33
  id: e.id,
33
- class: _(["q-input-group", e.class]),
34
+ class: v(["q-input-group", e.class]),
34
35
  label: e.label,
35
36
  required: e.required,
36
- size: e.size
37
- }, I({
38
- default: a(() => [
39
- o.$slots.prepend || e.prependIcon ? (n(), r("div", v, [
40
- e.prependIcon ? (n(), r("span", q, [
41
- l(
42
- t(u),
43
- d(i(e.prependIcon)),
37
+ size: e.size,
38
+ invalid: e.invalid
39
+ }, b({
40
+ "label.prepend": l(() => [
41
+ n(o.$slots, "label.prepend")
42
+ ]),
43
+ "label.append": l(() => [
44
+ n(o.$slots, "label.append")
45
+ ]),
46
+ default: l(() => [
47
+ o.$slots.prepend || e.prependIcon ? (p(), s("div", _, [
48
+ e.prependIcon ? (p(), s("span", k, [
49
+ d(
50
+ a(u),
51
+ t(i(e.prependIcon)),
44
52
  null,
45
53
  16
46
54
  /* FULL_PROPS */
47
55
  )
48
- ])) : s("v-if", !0),
49
- p(o.$slots, "prepend")
50
- ])) : s("v-if", !0),
51
- p(o.$slots, "default"),
52
- o.$slots.append || e.appendIcon ? (n(), r("div", z, [
53
- e.appendIcon ? (n(), r("span", $, [
54
- l(
55
- t(u),
56
- d(i(e.appendIcon)),
56
+ ])) : r("v-if", !0),
57
+ n(o.$slots, "prepend")
58
+ ])) : r("v-if", !0),
59
+ n(o.$slots, "default"),
60
+ o.$slots.append || e.appendIcon ? (p(), s("div", $, [
61
+ e.appendIcon ? (p(), s("span", q, [
62
+ d(
63
+ a(u),
64
+ t(i(e.appendIcon)),
57
65
  null,
58
66
  16
59
67
  /* FULL_PROPS */
60
68
  )
61
- ])) : s("v-if", !0),
62
- p(o.$slots, "append")
63
- ])) : s("v-if", !0)
69
+ ])) : r("v-if", !0),
70
+ n(o.$slots, "append")
71
+ ])) : r("v-if", !0)
64
72
  ]),
65
73
  _: 2
66
74
  /* DYNAMIC */
67
75
  }, [
68
76
  o.$slots.extras ? {
69
77
  name: "extras",
70
- fn: a(() => [
71
- p(o.$slots, "extras")
78
+ fn: l(() => [
79
+ n(o.$slots, "extras")
72
80
  ]),
73
81
  key: "0"
74
82
  } : void 0
75
- ]), 1032, ["id", "class", "label", "required", "size"]));
83
+ ]), 1032, ["id", "class", "label", "required", "size", "invalid"]));
76
84
  }
77
85
  });
78
86
  export {
@@ -18,6 +18,8 @@ declare const QInputGroup: {
18
18
  size: import('..').QFieldSize;
19
19
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
20
20
  $slots: {
21
+ 'label.prepend'?(_: {}): any;
22
+ 'label.append'?(_: {}): any;
21
23
  prepend?(_: {}): any;
22
24
  default?(_: {}): any;
23
25
  append?(_: {}): any;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QInputGroup/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;EAAgC,CAAA;AAGjD,OAAO,EAAE,WAAW,EAAE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QInputGroup/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAgC,CAAA;AAGjD,OAAO,EAAE,WAAW,EAAE,CAAA"}
@@ -0,0 +1,20 @@
1
+ import { QLabelProps } from './types';
2
+ declare function __VLS_template(): {
3
+ attrs: Partial<{}>;
4
+ slots: {
5
+ prepend?(_: {}): any;
6
+ append?(_: {}): any;
7
+ };
8
+ refs: {};
9
+ rootEl: any;
10
+ };
11
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
12
+ declare const __VLS_component: import('vue').DefineComponent<QLabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
13
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
14
+ export default _default;
15
+ type __VLS_WithTemplateSlots<T, S> = T & {
16
+ new (): {
17
+ $slots: S;
18
+ };
19
+ };
20
+ //# sourceMappingURL=QLabel.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"QLabel.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QLabel/QLabel.vue"],"names":[],"mappings":"AAaA;AA2BC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAW3C,iBAAS,cAAc;WAiCT,OAAO,IAA6B;;yBAZrB,GAAG;wBACJ,GAAG;;;;EAgB9B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -0,0 +1,27 @@
1
+ import { defineComponent as t, createElementBlock as l, openBlock as a, normalizeClass as n, renderSlot as o, createElementVNode as i, mergeProps as p, toDisplayString as d } from "vue";
2
+ const c = ["id"], f = ["for"], b = /* @__PURE__ */ t({
3
+ inheritAttrs: !1,
4
+ __name: "QLabel",
5
+ props: {
6
+ id: {},
7
+ class: {},
8
+ label: {},
9
+ for: {}
10
+ },
11
+ setup(r) {
12
+ const e = r;
13
+ return (s, m) => (a(), l("div", {
14
+ id: e.id,
15
+ class: n(["q-label", e.class])
16
+ }, [
17
+ o(s.$slots, "prepend"),
18
+ i("label", p({
19
+ for: e.for
20
+ }, s.$attrs), d(e.label), 17, f),
21
+ o(s.$slots, "append")
22
+ ], 10, c));
23
+ }
24
+ });
25
+ export {
26
+ b as default
27
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./QLabel.vue.js";
2
+ export {
3
+ f as default
4
+ };
@@ -0,0 +1,22 @@
1
+ import { QLabelProps } from './types';
2
+ declare const QLabel: {
3
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<QLabelProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
4
+ P: {};
5
+ B: {};
6
+ D: {};
7
+ C: {};
8
+ M: {};
9
+ Defaults: {};
10
+ }, Readonly<QLabelProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
11
+ __isFragment?: never;
12
+ __isTeleport?: never;
13
+ __isSuspense?: never;
14
+ } & import('vue').ComponentOptionsBase<Readonly<QLabelProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
15
+ $slots: {
16
+ prepend?(_: {}): any;
17
+ append?(_: {}): any;
18
+ };
19
+ });
20
+ export { QLabel };
21
+ export type { QLabelProps };
22
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QLabel/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAK1C,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;EAA2B,CAAA;AAGvC,OAAO,EAAE,MAAM,EAAE,CAAA;AAGjB,YAAY,EAAE,WAAW,EAAE,CAAA"}
@@ -0,0 +1,6 @@
1
+ import o from "./QLabel.vue.js";
2
+ import { setupPropsProxy as r } from "../../utils/setupPropsProxy.js";
3
+ const t = r(o);
4
+ export {
5
+ t as QLabel
6
+ };
@@ -0,0 +1,12 @@
1
+ import { QBaseComponentProps } from '../../types/component';
2
+ export type QLabelProps = QBaseComponentProps & {
3
+ /**
4
+ * The label of the input.
5
+ */
6
+ label?: string;
7
+ /**
8
+ * The form field associated with the label.
9
+ */
10
+ for?: string;
11
+ };
12
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QLabel/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE5D,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA"}
@@ -0,0 +1,14 @@
1
+ import { QMeterProps } from './types';
2
+ type __VLS_Props = QMeterProps;
3
+ type __VLS_PublicProps = {
4
+ modelValue?: number;
5
+ } & __VLS_Props;
6
+ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
7
+ "update:modelValue": (value: number) => any;
8
+ }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
9
+ "onUpdate:modelValue"?: ((value: number) => any) | undefined;
10
+ }>, {
11
+ max: number;
12
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
13
+ export default _default;
14
+ //# sourceMappingURL=QMeter.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"QMeter.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QMeter/QMeter.vue"],"names":[],"mappings":"AAiBA;AAoEC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAK1C,KAAK,WAAW,GAAG,WAAW,CAAC;AAoChC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;;;;;;;;AA4EhB,wBASG"}
@@ -0,0 +1,60 @@
1
+ import { defineComponent as b, mergeModels as v, useModel as f, computed as a, toRef as h, createElementBlock as p, openBlock as y, normalizeClass as x, createElementVNode as o, createVNode as n, unref as c, normalizeStyle as C } from "vue";
2
+ import { QLabel as u } from "../QLabel/index.js";
3
+ import { useColorStyle as L } from "../../composables/useColorStyle/index.js";
4
+ const M = ["id"], g = { class: "q-meter__labels" }, k = { class: "q-meter__track" }, w = /* @__PURE__ */ b({
5
+ __name: "QMeter",
6
+ props: /* @__PURE__ */ v({
7
+ id: {},
8
+ class: {},
9
+ label: {},
10
+ for: {},
11
+ max: { default: 100 },
12
+ valueLabel: {},
13
+ color: {}
14
+ }, {
15
+ modelValue: { default: 0 },
16
+ modelModifiers: {}
17
+ }),
18
+ emits: ["update:modelValue"],
19
+ setup(r) {
20
+ const e = r, s = f(r, "modelValue"), d = a(() => s.value / e.max * 100), m = L(h(e, "color"), "bold"), i = a(() => {
21
+ var t;
22
+ return {
23
+ width: `${Math.max(0, Math.min(d.value, 100))}%`,
24
+ backgroundColor: (t = m.style.value) == null ? void 0 : t.backgroundColor
25
+ };
26
+ }), _ = a(() => {
27
+ var l;
28
+ return typeof e.valueLabel == "string" ? e.valueLabel : (l = e.valueLabel) == null ? void 0 : l.call(e, s.value, e.max);
29
+ });
30
+ return (l, t) => (y(), p("div", {
31
+ id: e.id,
32
+ class: x(["q-meter", e.class])
33
+ }, [
34
+ o("div", g, [
35
+ n(c(u), {
36
+ label: e.label
37
+ }, null, 8, ["label"]),
38
+ n(c(u), {
39
+ label: _.value,
40
+ class: "q-meter__value-label"
41
+ }, null, 8, ["label"])
42
+ ]),
43
+ o("div", k, [
44
+ o(
45
+ "div",
46
+ {
47
+ class: "q-meter__fill",
48
+ style: C(i.value)
49
+ },
50
+ null,
51
+ 4
52
+ /* STYLE */
53
+ )
54
+ ])
55
+ ], 10, M));
56
+ }
57
+ });
58
+ export {
59
+ w as default
60
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./QMeter.vue.js";
2
+ export {
3
+ f as default
4
+ };
@@ -0,0 +1,29 @@
1
+ import { QMeterProps } from './types';
2
+ declare const QMeter: import('vue').DefineComponent<{
3
+ modelValue?: number;
4
+ } & import('../../types/component').QBaseComponentProps & {
5
+ label?: string;
6
+ for?: string;
7
+ } & {
8
+ max?: number;
9
+ valueLabel?: string | ((value: number, max: number) => string);
10
+ color?: string;
11
+ }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
12
+ "update:modelValue": (value: number) => any;
13
+ }, string, import('vue').PublicProps, Readonly<{
14
+ modelValue?: number;
15
+ } & import('../../types/component').QBaseComponentProps & {
16
+ label?: string;
17
+ for?: string;
18
+ } & {
19
+ max?: number;
20
+ valueLabel?: string | ((value: number, max: number) => string);
21
+ color?: string;
22
+ }> & Readonly<{
23
+ "onUpdate:modelValue"?: ((value: number) => any) | undefined;
24
+ }>, {
25
+ max: number;
26
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
27
+ export { QMeter };
28
+ export type { QMeterProps };
29
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QMeter/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAK1C,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;wFAA2B,CAAA;AAGvC,OAAO,EAAE,MAAM,EAAE,CAAA;AAGjB,YAAY,EAAE,WAAW,EAAE,CAAA"}
@@ -0,0 +1,6 @@
1
+ import o from "./QMeter.vue.js";
2
+ import { setupPropsProxy as r } from "../../utils/setupPropsProxy.js";
3
+ const p = r(o);
4
+ export {
5
+ p as QMeter
6
+ };
@@ -0,0 +1,20 @@
1
+ import { QLabelProps } from '../QLabel';
2
+ /**
3
+ * Props interface for QMeter component.
4
+ * @extends {QLabelProps}
5
+ */
6
+ export type QMeterProps = QLabelProps & {
7
+ /**
8
+ * Maximum value for the meter.
9
+ */
10
+ max?: number;
11
+ /**
12
+ * Label to display next to the meter value.
13
+ */
14
+ valueLabel?: string | ((value: number, max: number) => string);
15
+ /**
16
+ * Color value to control the meter's fill color.
17
+ */
18
+ color?: string;
19
+ };
20
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QMeter/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEtD;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG;IACvC;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC,CAAA;IAE9D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA"}
@@ -1,3 +1,4 @@
1
+ import { QOverlayProps } from './types';
1
2
  declare const QOverlay: {
2
3
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
3
4
  modelValue?: boolean;
@@ -134,4 +135,5 @@ declare const QOverlay: {
134
135
  };
135
136
  });
136
137
  export { QOverlay };
138
+ export type { QOverlayProps };
137
139
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA6B,CAAA;AAG3C,OAAO,EAAE,QAAQ,EAAE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAK5C,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA6B,CAAA;AAG3C,OAAO,EAAE,QAAQ,EAAE,CAAA;AAGnB,YAAY,EAAE,aAAa,EAAE,CAAA"}