@quidgest/ui 0.12.1 → 0.13.0

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 +2 -0
  2. package/dist/ui.css +161 -0
  3. package/dist/ui.esm.js +1066 -873
  4. package/dist/ui.js +6 -6
  5. package/dist/ui.min.css +1 -1
  6. package/dist/ui.min.js +134 -127
  7. package/dist/ui.scss +117 -1
  8. package/esm/components/QBadge/QBadge.d.ts +72 -0
  9. package/esm/components/QBadge/QBadge.d.ts.map +1 -0
  10. package/esm/components/QBadge/QBadge.vue.js +87 -0
  11. package/esm/components/QBadge/QBadge.vue2.js +4 -0
  12. package/esm/components/QBadge/index.d.ts +119 -0
  13. package/esm/components/QBadge/index.d.ts.map +1 -0
  14. package/esm/components/QBadge/index.js +6 -0
  15. package/esm/components/QButton/QButton.vue.js +14 -15
  16. package/esm/components/QButton/index.d.ts +198 -1
  17. package/esm/components/QButton/index.d.ts.map +1 -1
  18. package/esm/components/QButton/index.js +6 -0
  19. package/esm/components/QButtonGroup/index.d.ts +79 -2
  20. package/esm/components/QButtonGroup/index.d.ts.map +1 -1
  21. package/esm/components/QButtonGroup/index.js +6 -0
  22. package/esm/components/QButtonToggle/QButtonToggle.vue.js +17 -17
  23. package/esm/components/QButtonToggle/index.d.ts +115 -2
  24. package/esm/components/QButtonToggle/index.d.ts.map +1 -1
  25. package/esm/components/QButtonToggle/index.js +6 -0
  26. package/esm/components/QCombobox/QCombobox.d.ts +10 -10
  27. package/esm/components/QCombobox/QCombobox.vue.js +106 -111
  28. package/esm/components/QCombobox/index.d.ts +1083 -2
  29. package/esm/components/QCombobox/index.d.ts.map +1 -1
  30. package/esm/components/QCombobox/index.js +6 -0
  31. package/esm/components/QDialog/QDialog.d.ts +180 -0
  32. package/esm/components/QDialog/QDialog.d.ts.map +1 -0
  33. package/esm/components/QDialog/QDialog.vue.js +146 -0
  34. package/esm/components/QDialog/QDialog.vue2.js +4 -0
  35. package/esm/components/QDialog/index.d.ts +237 -0
  36. package/esm/components/QDialog/index.d.ts.map +1 -0
  37. package/esm/components/QDialog/index.js +6 -0
  38. package/esm/components/QField/index.d.ts +168 -1
  39. package/esm/components/QField/index.d.ts.map +1 -1
  40. package/esm/components/QField/index.js +2 -2
  41. package/esm/components/QIcon/QIcon.vue.js +9 -12
  42. package/esm/components/QIcon/index.d.ts +156 -4
  43. package/esm/components/QIcon/index.d.ts.map +1 -1
  44. package/esm/components/QIcon/index.js +8 -11
  45. package/esm/components/QInputGroup/QInputGroup.vue.js +25 -27
  46. package/esm/components/QInputGroup/index.d.ts +153 -2
  47. package/esm/components/QInputGroup/index.d.ts.map +1 -1
  48. package/esm/components/QInputGroup/index.js +6 -0
  49. package/esm/components/QLineLoader/index.d.ts +13 -2
  50. package/esm/components/QLineLoader/index.d.ts.map +1 -1
  51. package/esm/components/QLineLoader/index.js +6 -0
  52. package/esm/components/QList/QList.vue.js +43 -45
  53. package/esm/components/QList/QListItem.vue.js +9 -10
  54. package/esm/components/QList/index.d.ts +418 -3
  55. package/esm/components/QList/index.d.ts.map +1 -1
  56. package/esm/components/QList/index.js +8 -10
  57. package/esm/components/QOverlay/index.d.ts +320 -2
  58. package/esm/components/QOverlay/index.d.ts.map +1 -1
  59. package/esm/components/QOverlay/index.js +4 -4
  60. package/esm/components/QPopover/QPopover.vue.js +11 -12
  61. package/esm/components/QPopover/index.d.ts +180 -2
  62. package/esm/components/QPopover/index.d.ts.map +1 -1
  63. package/esm/components/QPopover/index.js +6 -0
  64. package/esm/components/QSelect/QSelect.vue.js +68 -73
  65. package/esm/components/QSelect/index.d.ts +377 -2
  66. package/esm/components/QSelect/index.d.ts.map +1 -1
  67. package/esm/components/QSelect/index.js +6 -0
  68. package/esm/components/QSkeletonLoader/index.d.ts +31 -2
  69. package/esm/components/QSkeletonLoader/index.d.ts.map +1 -1
  70. package/esm/components/QSkeletonLoader/index.js +6 -0
  71. package/esm/components/QSpinnerLoader/index.d.ts +22 -2
  72. package/esm/components/QSpinnerLoader/index.d.ts.map +1 -1
  73. package/esm/components/QSpinnerLoader/index.js +4 -4
  74. package/esm/components/QTextField/QTextField.d.ts +5 -5
  75. package/esm/components/QTextField/QTextField.vue.js +7 -8
  76. package/esm/components/QTextField/index.d.ts +229 -2
  77. package/esm/components/QTextField/index.d.ts.map +1 -1
  78. package/esm/components/QTextField/index.js +2 -2
  79. package/esm/components/QThemeProvider/index.d.ts +37 -2
  80. package/esm/components/QThemeProvider/index.d.ts.map +1 -1
  81. package/esm/components/QThemeProvider/index.js +6 -0
  82. package/esm/components/QTooltip/QTooltip.vue.js +8 -9
  83. package/esm/components/QTooltip/index.d.ts +259 -2
  84. package/esm/components/QTooltip/index.d.ts.map +1 -1
  85. package/esm/components/QTooltip/index.js +6 -0
  86. package/esm/components/index.d.ts +2 -0
  87. package/esm/components/index.d.ts.map +1 -1
  88. package/esm/components/index.js +43 -44
  89. package/esm/composables/defaults.js +5 -5
  90. package/esm/index.d.ts +2 -0
  91. package/esm/utils/color.d.ts +7 -1
  92. package/esm/utils/color.d.ts.map +1 -1
  93. package/esm/utils/color.js +54 -9
  94. package/package.json +1 -1
@@ -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
  };