@quidgest/ui 0.12.1 → 0.12.2

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 (69) hide show
  1. package/dist/ui.esm.js +461 -477
  2. package/dist/ui.js +5 -5
  3. package/dist/ui.min.js +95 -106
  4. package/dist/ui.scss +1 -1
  5. package/esm/components/QButton/QButton.vue.js +14 -15
  6. package/esm/components/QButton/index.d.ts +196 -2
  7. package/esm/components/QButton/index.d.ts.map +1 -1
  8. package/esm/components/QButton/index.js +6 -0
  9. package/esm/components/QButtonGroup/index.d.ts +79 -2
  10. package/esm/components/QButtonGroup/index.d.ts.map +1 -1
  11. package/esm/components/QButtonGroup/index.js +6 -0
  12. package/esm/components/QButtonToggle/QButtonToggle.vue.js +17 -17
  13. package/esm/components/QButtonToggle/index.d.ts +115 -2
  14. package/esm/components/QButtonToggle/index.d.ts.map +1 -1
  15. package/esm/components/QButtonToggle/index.js +6 -0
  16. package/esm/components/QCombobox/QCombobox.vue.js +106 -111
  17. package/esm/components/QCombobox/index.d.ts +1083 -2
  18. package/esm/components/QCombobox/index.d.ts.map +1 -1
  19. package/esm/components/QCombobox/index.js +6 -0
  20. package/esm/components/QField/index.d.ts +168 -1
  21. package/esm/components/QField/index.d.ts.map +1 -1
  22. package/esm/components/QField/index.js +2 -2
  23. package/esm/components/QIcon/QIcon.vue.js +9 -12
  24. package/esm/components/QIcon/index.d.ts +156 -4
  25. package/esm/components/QIcon/index.d.ts.map +1 -1
  26. package/esm/components/QIcon/index.js +8 -11
  27. package/esm/components/QInputGroup/QInputGroup.vue.js +25 -27
  28. package/esm/components/QInputGroup/index.d.ts +153 -2
  29. package/esm/components/QInputGroup/index.d.ts.map +1 -1
  30. package/esm/components/QInputGroup/index.js +6 -0
  31. package/esm/components/QLineLoader/index.d.ts +13 -2
  32. package/esm/components/QLineLoader/index.d.ts.map +1 -1
  33. package/esm/components/QLineLoader/index.js +6 -0
  34. package/esm/components/QList/QList.vue.js +43 -45
  35. package/esm/components/QList/QListItem.vue.js +9 -10
  36. package/esm/components/QList/index.d.ts +418 -3
  37. package/esm/components/QList/index.d.ts.map +1 -1
  38. package/esm/components/QList/index.js +8 -10
  39. package/esm/components/QOverlay/index.d.ts +320 -2
  40. package/esm/components/QOverlay/index.d.ts.map +1 -1
  41. package/esm/components/QOverlay/index.js +4 -4
  42. package/esm/components/QPopover/QPopover.vue.js +11 -12
  43. package/esm/components/QPopover/index.d.ts +180 -2
  44. package/esm/components/QPopover/index.d.ts.map +1 -1
  45. package/esm/components/QPopover/index.js +6 -0
  46. package/esm/components/QSelect/QSelect.vue.js +68 -73
  47. package/esm/components/QSelect/index.d.ts +377 -2
  48. package/esm/components/QSelect/index.d.ts.map +1 -1
  49. package/esm/components/QSelect/index.js +6 -0
  50. package/esm/components/QSkeletonLoader/index.d.ts +31 -2
  51. package/esm/components/QSkeletonLoader/index.d.ts.map +1 -1
  52. package/esm/components/QSkeletonLoader/index.js +6 -0
  53. package/esm/components/QSpinnerLoader/index.d.ts +22 -2
  54. package/esm/components/QSpinnerLoader/index.d.ts.map +1 -1
  55. package/esm/components/QSpinnerLoader/index.js +4 -4
  56. package/esm/components/QTextField/QTextField.vue.js +7 -8
  57. package/esm/components/QTextField/index.d.ts +229 -2
  58. package/esm/components/QTextField/index.d.ts.map +1 -1
  59. package/esm/components/QTextField/index.js +2 -2
  60. package/esm/components/QThemeProvider/index.d.ts +37 -2
  61. package/esm/components/QThemeProvider/index.d.ts.map +1 -1
  62. package/esm/components/QThemeProvider/index.js +6 -0
  63. package/esm/components/QTooltip/QTooltip.vue.js +8 -9
  64. package/esm/components/QTooltip/index.d.ts +259 -2
  65. package/esm/components/QTooltip/index.d.ts.map +1 -1
  66. package/esm/components/QTooltip/index.js +6 -0
  67. package/esm/components/index.js +39 -44
  68. package/esm/composables/defaults.js +5 -5
  69. package/package.json +1 -1
@@ -1,4 +1,155 @@
1
- import { default as QInputGroup } from './QInputGroup';
2
-
1
+ declare const QInputGroup: {
2
+ new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
3
+ size: {
4
+ type: import('vue').PropType<import('..').QFieldSize>;
5
+ default: string;
6
+ };
7
+ class: {
8
+ type: import('vue').PropType<string | unknown[]>;
9
+ default: undefined;
10
+ };
11
+ label: {
12
+ type: import('vue').PropType<string>;
13
+ default: string;
14
+ };
15
+ required: {
16
+ type: import('vue').PropType<boolean>;
17
+ };
18
+ id: {
19
+ type: import('vue').PropType<string>;
20
+ default: undefined;
21
+ };
22
+ prependIcon: {
23
+ type: import('vue').PropType<import('..').Icon>;
24
+ default: undefined;
25
+ };
26
+ appendIcon: {
27
+ type: import('vue').PropType<import('..').Icon>;
28
+ default: undefined;
29
+ };
30
+ }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
31
+ size: {
32
+ type: import('vue').PropType<import('..').QFieldSize>;
33
+ default: string;
34
+ };
35
+ class: {
36
+ type: import('vue').PropType<string | unknown[]>;
37
+ default: undefined;
38
+ };
39
+ label: {
40
+ type: import('vue').PropType<string>;
41
+ default: string;
42
+ };
43
+ required: {
44
+ type: import('vue').PropType<boolean>;
45
+ };
46
+ id: {
47
+ type: import('vue').PropType<string>;
48
+ default: undefined;
49
+ };
50
+ prependIcon: {
51
+ type: import('vue').PropType<import('..').Icon>;
52
+ default: undefined;
53
+ };
54
+ appendIcon: {
55
+ type: import('vue').PropType<import('..').Icon>;
56
+ default: undefined;
57
+ };
58
+ }>>, {
59
+ size: import('..').QFieldSize;
60
+ class: string | unknown[];
61
+ label: string;
62
+ id: string;
63
+ prependIcon: import('..').Icon;
64
+ appendIcon: import('..').Icon;
65
+ }, true, {}, {}, {
66
+ P: {};
67
+ B: {};
68
+ D: {};
69
+ C: {};
70
+ M: {};
71
+ Defaults: {};
72
+ }, Readonly<import('vue').ExtractPropTypes<{
73
+ size: {
74
+ type: import('vue').PropType<import('..').QFieldSize>;
75
+ default: string;
76
+ };
77
+ class: {
78
+ type: import('vue').PropType<string | unknown[]>;
79
+ default: undefined;
80
+ };
81
+ label: {
82
+ type: import('vue').PropType<string>;
83
+ default: string;
84
+ };
85
+ required: {
86
+ type: import('vue').PropType<boolean>;
87
+ };
88
+ id: {
89
+ type: import('vue').PropType<string>;
90
+ default: undefined;
91
+ };
92
+ prependIcon: {
93
+ type: import('vue').PropType<import('..').Icon>;
94
+ default: undefined;
95
+ };
96
+ appendIcon: {
97
+ type: import('vue').PropType<import('..').Icon>;
98
+ default: undefined;
99
+ };
100
+ }>>, {}, {}, {}, {}, {
101
+ size: import('..').QFieldSize;
102
+ class: string | unknown[];
103
+ label: string;
104
+ id: string;
105
+ prependIcon: import('..').Icon;
106
+ appendIcon: import('..').Icon;
107
+ }>;
108
+ __isFragment?: undefined;
109
+ __isTeleport?: undefined;
110
+ __isSuspense?: undefined;
111
+ } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
112
+ size: {
113
+ type: import('vue').PropType<import('..').QFieldSize>;
114
+ default: string;
115
+ };
116
+ class: {
117
+ type: import('vue').PropType<string | unknown[]>;
118
+ default: undefined;
119
+ };
120
+ label: {
121
+ type: import('vue').PropType<string>;
122
+ default: string;
123
+ };
124
+ required: {
125
+ type: import('vue').PropType<boolean>;
126
+ };
127
+ id: {
128
+ type: import('vue').PropType<string>;
129
+ default: undefined;
130
+ };
131
+ prependIcon: {
132
+ type: import('vue').PropType<import('..').Icon>;
133
+ default: undefined;
134
+ };
135
+ appendIcon: {
136
+ type: import('vue').PropType<import('..').Icon>;
137
+ default: undefined;
138
+ };
139
+ }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
140
+ size: import('..').QFieldSize;
141
+ class: string | unknown[];
142
+ label: string;
143
+ id: string;
144
+ prependIcon: import('..').Icon;
145
+ appendIcon: import('..').Icon;
146
+ }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
147
+ $slots: {
148
+ prepend?(_: {}): any;
149
+ default?(_: {}): any;
150
+ append?(_: {}): any;
151
+ extras?(_: {}): any;
152
+ };
153
+ });
3
154
  export { QInputGroup };
4
155
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QInputGroup/index.ts"],"names":[],"mappings":"AACA,OAAO,WAAW,MAAM,mBAAmB,CAAA;AAQ3C,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAuD,CAAA;AAGxE,OAAO,EAAE,WAAW,EAAE,CAAA"}
@@ -0,0 +1,6 @@
1
+ import o from "./QInputGroup.vue.js";
2
+ import { setupPropsProxy as r } from "../../utils/setupPropsProxy.js";
3
+ const m = r(o);
4
+ export {
5
+ m as QInputGroup
6
+ };
@@ -1,4 +1,15 @@
1
- import { default as QLineLoader } from './QLineLoader';
2
-
1
+ declare const QLineLoader: import('vue').DefineComponent<{
2
+ class: {
3
+ type: import('vue').PropType<string | unknown[]>;
4
+ default: undefined;
5
+ };
6
+ }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
7
+ class: {
8
+ type: import('vue').PropType<string | unknown[]>;
9
+ default: undefined;
10
+ };
11
+ }>>, {
12
+ class: string | unknown[];
13
+ }, {}>;
3
14
  export { QLineLoader };
4
15
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QLineLoader/index.ts"],"names":[],"mappings":"AACA,OAAO,WAAW,MAAM,mBAAmB,CAAA;AAQ3C,OAAO,EAAE,WAAW,EAAE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QLineLoader/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,WAAW;;;;;;;;;;;;MAAuD,CAAA;AAGxE,OAAO,EAAE,WAAW,EAAE,CAAA"}
@@ -0,0 +1,6 @@
1
+ import o from "./QLineLoader.vue.js";
2
+ import { setupPropsProxy as r } from "../../utils/setupPropsProxy.js";
3
+ const t = r(o);
4
+ export {
5
+ t as QLineLoader
6
+ };
@@ -1,10 +1,8 @@
1
- import { defineComponent as U, mergeModels as $, useModel as H, ref as k, computed as y, openBlock as r, createBlock as p, resolveDynamicComponent as K, normalizeClass as N, withCtx as g, createElementBlock as w, Fragment as _, renderList as A, unref as S, renderSlot as R } from "vue";
2
- import "./index.js";
3
- import z from "./QListItemGroup.vue.js";
4
- import G from "./QListItem.vue.js";
5
- const X = /* @__PURE__ */ U({
1
+ import { defineComponent as T, mergeModels as U, useModel as G, ref as k, computed as y, openBlock as r, createBlock as g, resolveDynamicComponent as H, normalizeClass as K, withCtx as p, createElementBlock as w, Fragment as A, renderList as S, unref as V, renderSlot as N } from "vue";
2
+ import { QListItemGroup as R, QListItem as z } from "./index.js";
3
+ const P = /* @__PURE__ */ T({
6
4
  __name: "QList",
7
- props: /* @__PURE__ */ $({
5
+ props: /* @__PURE__ */ U({
8
6
  highlighted: { type: [String, Number, Boolean, Symbol], default: void 0 },
9
7
  items: {},
10
8
  groups: { default: () => [] },
@@ -19,29 +17,29 @@ const X = /* @__PURE__ */ U({
19
17
  modelModifiers: {}
20
18
  }),
21
19
  emits: ["update:modelValue"],
22
- setup(v, { expose: V }) {
23
- const o = v, a = H(v, "modelValue"), c = k(!1), F = y(() => d.value.length > 1 ? "div" : "ul"), d = y(() => o.groups.length ? o.groups.filter(
24
- (e) => o.items.some((t) => t.group === e.id)
20
+ setup(v, { expose: F }) {
21
+ const s = v, a = G(v, "modelValue"), c = k(!1), L = y(() => d.value.length > 1 ? "div" : "ul"), d = y(() => s.groups.length ? s.groups.filter(
22
+ (e) => s.items.some((t) => t.group === e.id)
25
23
  ) : [{ id: "", title: "" }]), f = k(null);
26
24
  function M(e) {
27
25
  a.value = e;
28
26
  }
29
- function B() {
27
+ function _() {
30
28
  c.value = !0;
31
29
  }
32
- function D() {
30
+ function B() {
33
31
  c.value = !1;
34
32
  }
35
- function E(e) {
33
+ function D(e) {
36
34
  var n;
37
35
  if ((n = f.value) != null && n.contains(e.relatedTarget))
38
36
  return;
39
37
  let t;
40
- a.value ? t = o.items.findIndex((T) => T[o.itemValue] === a.value) : t = m();
38
+ a.value ? t = s.items.findIndex((Q) => Q[s.itemValue] === a.value) : t = m();
41
39
  const l = c.value;
42
40
  i(t, l);
43
41
  }
44
- function L(e) {
42
+ function E(e) {
45
43
  switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key) && e.preventDefault(), e.key) {
46
44
  case "ArrowDown":
47
45
  u("next");
@@ -73,25 +71,25 @@ const X = /* @__PURE__ */ U({
73
71
  }
74
72
  function i(e, t = !1) {
75
73
  var n;
76
- (n = s()[e]) == null || n.focus({ preventScroll: t });
74
+ (n = o()[e]) == null || n.focus({ preventScroll: t });
77
75
  }
78
- function s() {
76
+ function o() {
79
77
  var t;
80
78
  const e = (t = f.value) == null ? void 0 : t.querySelectorAll("li");
81
79
  return e ? Array.from(e) : [];
82
80
  }
83
81
  function C(e) {
84
- return s()[e];
82
+ return o()[e];
85
83
  }
86
84
  function j() {
87
- return s().indexOf(document.activeElement);
85
+ return o().indexOf(document.activeElement);
88
86
  }
89
87
  function m() {
90
- const e = s(), t = e.find((l) => b(l));
88
+ const e = o(), t = e.find((l) => b(l));
91
89
  return t ? e.indexOf(t) : -1;
92
90
  }
93
91
  function h() {
94
- const e = s(), t = [...e].reverse().find((l) => b(l));
92
+ const e = o(), t = [...e].reverse().find((l) => b(l));
95
93
  return t ? e.indexOf(t) : -1;
96
94
  }
97
95
  function I(e, t, l) {
@@ -102,7 +100,7 @@ const X = /* @__PURE__ */ U({
102
100
  return x(t, e);
103
101
  }
104
102
  function x(e, t) {
105
- const l = s();
103
+ const l = o();
106
104
  if (I(e, t, l))
107
105
  return e;
108
106
  let n = e + (t === "next" ? 1 : -1);
@@ -117,51 +115,51 @@ const X = /* @__PURE__ */ U({
117
115
  return e.tabIndex === -2;
118
116
  }
119
117
  function O(e) {
120
- return e ? o.items.filter((t) => t.group === e) : o.items;
118
+ return e ? s.items.filter((t) => t.group === e) : s.items;
121
119
  }
122
- return V({
120
+ return F({
123
121
  focusItem: i,
124
122
  getItem: C,
125
123
  getAdjacentItemIndex: x,
126
124
  getFirstFocusableItemIndex: m,
127
125
  getLastFocusableItemIndex: h
128
- }), (e, t) => (r(), p(K(F.value), {
126
+ }), (e, t) => (r(), g(H(L.value), {
129
127
  ref_key: "listRef",
130
128
  ref: f,
131
- class: N(["q-list", { "q-list--disabled": o.disabled }, o.class]),
129
+ class: K(["q-list", { "q-list--disabled": s.disabled }, s.class]),
132
130
  role: "listbox",
133
- tabindex: o.disabled ? -1 : 0,
134
- onFocus: E,
135
- onMousedown: B,
136
- onMouseup: D,
137
- onKeydown: L
131
+ tabindex: s.disabled ? -1 : 0,
132
+ onFocus: D,
133
+ onMousedown: _,
134
+ onMouseup: B,
135
+ onKeydown: E
138
136
  }, {
139
- default: g(() => [
137
+ default: p(() => [
140
138
  (r(!0), w(
141
- _,
139
+ A,
142
140
  null,
143
- A(d.value, (l) => (r(), p(S(z), {
141
+ S(d.value, (l) => (r(), g(V(R), {
144
142
  key: l.id,
145
143
  id: l.id,
146
144
  title: d.value.length === 1 ? void 0 : l.title
147
145
  }, {
148
- default: g(() => [
146
+ default: p(() => [
149
147
  (r(!0), w(
150
- _,
148
+ A,
151
149
  null,
152
- A(O(l.id), (n) => (r(), p(S(G), {
153
- key: n[o.itemValue],
154
- value: n[o.itemValue],
155
- label: n[o.itemLabel],
150
+ S(O(l.id), (n) => (r(), g(V(z), {
151
+ key: n[s.itemValue],
152
+ value: n[s.itemValue],
153
+ label: n[s.itemLabel],
156
154
  description: n.description,
157
155
  icon: n.icon,
158
- disabled: o.disabled || l.disabled || n.disabled,
159
- highlighted: o.highlighted === n[o.itemValue],
160
- selected: a.value === n[o.itemValue],
156
+ disabled: s.disabled || l.disabled || n.disabled,
157
+ highlighted: s.highlighted === n[s.itemValue],
158
+ selected: a.value === n[s.itemValue],
161
159
  onSelect: M
162
160
  }, {
163
- default: g(() => [
164
- R(e.$slots, "item", { item: n })
161
+ default: p(() => [
162
+ N(e.$slots, "item", { item: n })
165
163
  ]),
166
164
  _: 2
167
165
  /* DYNAMIC */
@@ -183,5 +181,5 @@ const X = /* @__PURE__ */ U({
183
181
  }
184
182
  });
185
183
  export {
186
- X as default
184
+ P as default
187
185
  };
@@ -1,18 +1,17 @@
1
1
  import { defineComponent as v, openBlock as i, createElementBlock as a, unref as o, normalizeClass as b, withModifiers as y, createElementVNode as l, renderSlot as g, createBlock as d, normalizeProps as r, mergeProps as m, createCommentVNode as n, createTextVNode as q, toDisplayString as p, createVNode as B, guardReactiveProps as N } from "vue";
2
- import "../QIcon/index.js";
2
+ import { QIcon as c } from "../QIcon/index.js";
3
3
  import { useId as S } from "../../composables/uid.js";
4
- import c from "../QIcon/QIcon.vue.js";
5
4
  const C = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], x = { class: "q-list-item__container" }, D = { class: "q-list-item__content" }, E = {
6
5
  key: 0,
7
6
  class: "q-list-item__description"
8
- }, P = { class: "q-list-item__check-container" }, V = {
7
+ }, I = { class: "q-list-item__check-container" }, P = {
9
8
  check: {
10
9
  icon: "check"
11
10
  },
12
11
  description: {
13
12
  icon: "information-outline"
14
13
  }
15
- }, L = /* @__PURE__ */ v({
14
+ }, K = /* @__PURE__ */ v({
16
15
  __name: "QListItem",
17
16
  props: {
18
17
  value: { type: [String, Number, Boolean, Symbol] },
@@ -20,20 +19,20 @@ const C = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], x = { c
20
19
  icon: { default: void 0 },
21
20
  selected: { type: Boolean },
22
21
  highlighted: { type: Boolean },
23
- icons: { default: () => V },
22
+ icons: { default: () => P },
24
23
  disabled: { type: Boolean },
25
24
  description: { default: void 0 }
26
25
  },
27
26
  emits: ["select"],
28
- setup(_, { emit: u }) {
29
- const e = _, f = u, h = S();
27
+ setup(u, { emit: _ }) {
28
+ const e = u, f = _, h = S();
30
29
  function s() {
31
30
  e.disabled || f("select", e.value);
32
31
  }
33
32
  function k(t) {
34
33
  t.key === "Tab" && s(), (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopPropagation(), s());
35
34
  }
36
- return (t, w) => (i(), a("li", {
35
+ return (t, V) => (i(), a("li", {
37
36
  id: o(h),
38
37
  "data-key": e.value,
39
38
  role: "option",
@@ -85,7 +84,7 @@ const C = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], x = { c
85
84
  )
86
85
  ])) : n("v-if", !0)
87
86
  ]),
88
- l("div", P, [
87
+ l("div", I, [
89
88
  e.selected ? (i(), d(
90
89
  o(c),
91
90
  m({ key: 0 }, e.icons.check, { class: "q-list-item__check" }),
@@ -98,5 +97,5 @@ const C = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], x = { c
98
97
  }
99
98
  });
100
99
  export {
101
- L as default
100
+ K as default
102
101
  };