@quidgest/ui 0.16.0 → 0.16.1

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.
@@ -1,11 +1,11 @@
1
- import { defineComponent as p, mergeModels as u, useModel as f, computed as h, createBlock as d, openBlock as r, unref as c, withCtx as v, createElementVNode as i, createElementBlock as y, createCommentVNode as m, createVNode as g, toDisplayString as B } from "vue";
1
+ import { defineComponent as p, mergeModels as u, useModel as f, computed as h, createBlock as d, openBlock as r, unref as i, withCtx as v, createElementVNode as c, createElementBlock as y, createCommentVNode as m, createVNode as g, toDisplayString as B } from "vue";
2
2
  import { QMeter as _ } from "../QMeter/index.js";
3
- import { QOverlay as k } from "../QOverlay/index.js";
4
- import V from "./QPasswordFieldMessages.vue.js";
5
- const w = { class: "q-password-field__meter" }, C = {
3
+ import { QOverlay as V } from "../QOverlay/index.js";
4
+ import k from "./QPasswordFieldMessages.vue.js";
5
+ const w = { class: "q-password-field__meter" }, M = {
6
6
  key: 0,
7
7
  class: "q-password-field__meter-score"
8
- }, I = /* @__PURE__ */ p({
8
+ }, N = /* @__PURE__ */ p({
9
9
  inheritAttrs: !1,
10
10
  __name: "QPasswordFieldMeterOverlay",
11
11
  props: /* @__PURE__ */ u({
@@ -28,7 +28,6 @@ const w = { class: "q-password-field__meter" }, C = {
28
28
  spy: { type: Boolean },
29
29
  transition: {},
30
30
  trigger: {},
31
- closeOnContentClick: { type: Boolean },
32
31
  width: {},
33
32
  focusTrap: { type: Boolean },
34
33
  messages: {},
@@ -55,7 +54,7 @@ const w = { class: "q-password-field__meter" }, C = {
55
54
  }
56
55
  return o.levels[o.levels.length - 1];
57
56
  });
58
- return (t, l) => (r(), d(c(k), {
57
+ return (t, l) => (r(), d(i(V), {
59
58
  modelValue: n.value,
60
59
  "onUpdate:modelValue": l[0] || (l[0] = (e) => n.value = e),
61
60
  trigger: "manual",
@@ -67,14 +66,14 @@ const w = { class: "q-password-field__meter" }, C = {
67
66
  default: v(() => {
68
67
  var e;
69
68
  return [
70
- i("div", w, [
71
- s.value ? (r(), y("div", C, [
72
- g(c(_), {
69
+ c("div", w, [
70
+ s.value ? (r(), y("div", M, [
71
+ g(i(_), {
73
72
  "model-value": o.score,
74
73
  max: 1,
75
74
  color: s.value.color
76
75
  }, null, 8, ["model-value", "color"]),
77
- i(
76
+ c(
78
77
  "span",
79
78
  null,
80
79
  B(s.value.label),
@@ -82,7 +81,7 @@ const w = { class: "q-password-field__meter" }, C = {
82
81
  /* TEXT */
83
82
  )
84
83
  ])) : m("v-if", !0),
85
- (e = t.messages) != null && e.length ? (r(), d(V, {
84
+ (e = t.messages) != null && e.length ? (r(), d(k, {
86
85
  key: 1,
87
86
  messages: t.messages
88
87
  }, null, 8, ["messages"])) : m("v-if", !0)
@@ -95,5 +94,5 @@ const w = { class: "q-password-field__meter" }, C = {
95
94
  }
96
95
  });
97
96
  export {
98
- I as default
97
+ N as default
99
98
  };
@@ -1 +1 @@
1
- {"version":3,"file":"QPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/QPopover.vue"],"names":[],"mappings":"AAoCA;AA+DC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C,KAAK,WAAW,GAAG,aAAa,CAAC;AAuBlC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAwFT,OAAO,IAA6B;;wBAbtB,GAAG;kCACO,GAAG;iCACJ,GAAG;yBACX,GAAG;;;;EAe/B;AAYD,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":"QPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/QPopover.vue"],"names":[],"mappings":"AAkCA;AA6DC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C,KAAK,WAAW,GAAG,aAAa,CAAC;AAuBlC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAsFT,OAAO,IAA6B;;wBAbtB,GAAG;kCACO,GAAG;iCACJ,GAAG;yBACX,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;6EAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -1,12 +1,9 @@
1
- import { defineComponent as c, mergeModels as m, useModel as u, createBlock as h, openBlock as o, unref as f, normalizeClass as y, withCtx as v, createElementBlock as l, createCommentVNode as d, renderSlot as a, Fragment as _, createElementVNode as k, toDisplayString as i } from "vue";
1
+ import { defineComponent as c, mergeModels as m, useModel as u, createBlock as h, openBlock as o, unref as f, normalizeClass as y, withCtx as _, createElementVNode as d, createElementBlock as l, createCommentVNode as v, renderSlot as a, Fragment as k, toDisplayString as i } from "vue";
2
2
  import { QOverlay as B } from "../QOverlay/index.js";
3
- const V = {
3
+ const V = { class: "q-popover__content" }, g = {
4
4
  key: 0,
5
5
  class: "q-popover__header"
6
- }, $ = { class: "q-popover__title" }, b = {
7
- key: 1,
8
- class: "q-popover__body"
9
- }, g = ["innerHTML"], w = { key: 1 }, C = /* @__PURE__ */ c({
6
+ }, $ = { class: "q-popover__title" }, b = ["innerHTML"], w = { key: 1 }, C = /* @__PURE__ */ c({
10
7
  inheritAttrs: !1,
11
8
  __name: "QPopover",
12
9
  props: /* @__PURE__ */ m({
@@ -26,12 +23,12 @@ const V = {
26
23
  modelModifiers: {}
27
24
  }),
28
25
  emits: ["update:modelValue"],
29
- setup(s) {
30
- const e = s, r = u(s, "modelValue");
31
- return (t, n) => (o(), h(f(B), {
26
+ setup(n) {
27
+ const e = n, s = u(n, "modelValue");
28
+ return (t, r) => (o(), h(f(B), {
32
29
  id: e.id,
33
- modelValue: r.value,
34
- "onUpdate:modelValue": n[0] || (n[0] = (p) => r.value = p),
30
+ modelValue: s.value,
31
+ "onUpdate:modelValue": r[0] || (r[0] = (p) => s.value = p),
35
32
  class: y(["q-popover", e.class]),
36
33
  trigger: "click",
37
34
  anchor: e.anchor,
@@ -41,32 +38,32 @@ const V = {
41
38
  disabled: e.disabled,
42
39
  placement: e.placement
43
40
  }, {
44
- default: v(() => [
45
- e.title || t.$slots.header ? (o(), l("div", V, [
46
- t.$slots.header ? a(t.$slots, "header", { key: 0 }) : (o(), l(
47
- _,
48
- { key: 1 },
49
- [
50
- a(t.$slots, "header.prepend"),
51
- k(
52
- "h4",
53
- $,
54
- i(e.title),
55
- 1
56
- /* TEXT */
57
- ),
58
- a(t.$slots, "header.append")
59
- ],
60
- 64
61
- /* STABLE_FRAGMENT */
62
- ))
63
- ])) : d("v-if", !0),
64
- e.text || t.$slots.default ? (o(), l("div", b, [
41
+ default: _(() => [
42
+ d("div", V, [
43
+ e.title || t.$slots.header ? (o(), l("div", g, [
44
+ t.$slots.header ? a(t.$slots, "header", { key: 0 }) : (o(), l(
45
+ k,
46
+ { key: 1 },
47
+ [
48
+ a(t.$slots, "header.prepend"),
49
+ d(
50
+ "h4",
51
+ $,
52
+ i(e.title),
53
+ 1
54
+ /* TEXT */
55
+ ),
56
+ a(t.$slots, "header.append")
57
+ ],
58
+ 64
59
+ /* STABLE_FRAGMENT */
60
+ ))
61
+ ])) : v("v-if", !0),
65
62
  a(t.$slots, "default", {}, () => [
66
63
  e.html ? (o(), l("span", {
67
64
  key: 0,
68
65
  innerHTML: e.text
69
- }, null, 8, g)) : (o(), l(
66
+ }, null, 8, b)) : (o(), l(
70
67
  "span",
71
68
  w,
72
69
  i(e.text),
@@ -74,7 +71,7 @@ const V = {
74
71
  /* TEXT */
75
72
  ))
76
73
  ])
77
- ])) : d("v-if", !0)
74
+ ])
78
75
  ]),
79
76
  _: 3
80
77
  /* FORWARDED */
@@ -1 +1 @@
1
- {"version":3,"file":"QSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/QSelect.vue"],"names":[],"mappings":"AAyHA;AAuSC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAatD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C,OAAO,EAAY,QAAQ,EAAc,MAAM,KAAK,CAAA;AAEpD,KAAK,WAAW,GAAG,YAAY,CAAC;AAkKjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA4TT,OAAO,IAA6B;;yBAnBpB,GAAG;wBACJ,GAAG;wBACH,GAAG;gCACK,GAAG;;;YACb,GAAG;+BACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAoFmvB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAjE/4B;AAkCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA8BqwB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OArB94B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"QSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/QSelect.vue"],"names":[],"mappings":"AA0HA;AAwSC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAatD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C,OAAO,EAAY,QAAQ,EAAc,MAAM,KAAK,CAAA;AAEpD,KAAK,WAAW,GAAG,YAAY,CAAC;AAkKjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA8TT,OAAO,IAA6B;;yBAnBpB,GAAG;wBACJ,GAAG;wBACH,GAAG;gCACK,GAAG;;;YACb,GAAG;+BACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAoFmsB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAjE/1B;AAkCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA8BqtB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OArB91B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -1,4 +1,4 @@
1
- import { defineComponent as P, mergeModels as D, useModel as H, ref as y, computed as b, watch as X, nextTick as j, createElementBlock as f, openBlock as t, Fragment as z, createVNode as k, unref as n, mergeProps as A, withModifiers as F, createSlots as G, withCtx as i, toDisplayString as O, createCommentVNode as g, createTextVNode as J, renderSlot as r, createBlock as h, normalizeProps as W, createElementVNode as Y } from "vue";
1
+ import { defineComponent as P, mergeModels as D, useModel as K, ref as b, computed as k, watch as H, nextTick as X, createElementBlock as f, openBlock as t, Fragment as z, createVNode as g, unref as n, mergeProps as A, createSlots as j, withCtx as i, toDisplayString as F, createCommentVNode as h, createTextVNode as G, renderSlot as d, createBlock as _, normalizeProps as J, createElementVNode as W, withModifiers as Y } from "vue";
2
2
  import { DEFAULT_TEXTS as Z, DEFAULT_ICONS as ee } from "./types.js";
3
3
  import { QButton as le } from "../QButton/index.js";
4
4
  import { QField as oe } from "../QField/index.js";
@@ -7,8 +7,8 @@ import { QList as te } from "../QList/index.js";
7
7
  import { QOverlay as ne } from "../QOverlay/index.js";
8
8
  import { QSpinnerLoader as ie } from "../QSpinnerLoader/index.js";
9
9
  import { QChevron as se } from "../__internal__/QChevron/index.js";
10
- import { QClearButton as de } from "../__internal__/QClearButton/index.js";
11
- const re = {
10
+ import { QClearButton as re } from "../__internal__/QClearButton/index.js";
11
+ const de = {
12
12
  key: 0,
13
13
  class: "q-select__value"
14
14
  }, ue = {
@@ -37,6 +37,7 @@ const re = {
37
37
  clearable: { type: Boolean },
38
38
  loading: { type: Boolean },
39
39
  emptyValue: {},
40
+ inline: { type: Boolean },
40
41
  icons: { default: () => ee },
41
42
  texts: { default: () => Z }
42
43
  }, {
@@ -44,44 +45,44 @@ const re = {
44
45
  modelModifiers: {}
45
46
  }),
46
47
  emits: /* @__PURE__ */ D(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
47
- setup(q, { emit: R }) {
48
- const e = q, m = R, p = H(q, "modelValue"), o = y(!1), v = y(null), x = y(null), _ = y(null), M = b(() => s.value === void 0), s = b(
48
+ setup(q, { emit: O }) {
49
+ const e = q, m = O, p = K(q, "modelValue"), o = b(!1), v = b(null), x = b(null), w = b(null), R = k(() => s.value === void 0), s = k(
49
50
  () => {
50
51
  var l;
51
52
  return (l = e.items) == null ? void 0 : l.find((a) => a[e.itemValue] === p.value);
52
53
  }
53
- ), N = b(
54
+ ), M = k(
54
55
  () => s.value ? s.value[e.itemLabel] : ""
55
- ), w = b(
56
+ ), V = k(
56
57
  () => e.clearable && !e.readonly && !e.disabled && !e.loading
57
58
  );
58
59
  function B(l) {
59
- p.value = l, E();
60
+ p.value = l, y();
60
61
  }
61
- function V() {
62
- w.value && (B(e.emptyValue), Q());
62
+ function E() {
63
+ V.value && (B(e.emptyValue), Q());
63
64
  }
64
- function U(l) {
65
+ function N(l) {
65
66
  var a, u, c;
66
- !((a = _.value) != null && a.contains(l.relatedTarget)) && !((c = (u = v.value) == null ? void 0 : u.fieldRef) != null && c.contains(l.relatedTarget)) && E();
67
+ !((a = w.value) != null && a.contains(l.relatedTarget)) && !((c = (u = v.value) == null ? void 0 : u.fieldRef) != null && c.contains(l.relatedTarget)) && y();
67
68
  }
68
69
  function L() {
69
70
  o.value || (m("before-show"), o.value = !0);
70
71
  }
71
- function E() {
72
+ function y() {
72
73
  o.value && (m("before-hide"), o.value = !1);
73
74
  }
74
75
  function $() {
75
- e.readonly || e.disabled || (o.value ? E() : L());
76
+ e.readonly || e.disabled || (o.value ? y() : L());
76
77
  }
77
78
  function C(l) {
78
- !l.key || e.readonly || e.disabled || (["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(l.key) && (l.preventDefault(), l.stopPropagation()), ["Enter", " ", "ArrowDown"].includes(l.key) && L(), ["Escape", "Tab"].includes(l.key) && (o.value ? o.value = !1 : w.value && l.key === "Escape" && V()), l.key === "Delete" && e.clearable && V());
79
+ !l.key || e.readonly || e.disabled || (["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(l.key) && (l.preventDefault(), l.stopPropagation()), ["Enter", " ", "ArrowDown"].includes(l.key) && L(), ["Escape", "Tab"].includes(l.key) && (o.value ? y() : V.value && l.key === "Escape" && E()), l.key === "Delete" && e.clearable && E());
79
80
  }
80
- function I() {
81
+ function U() {
81
82
  var l;
82
- e.loading ? (l = _.value) == null || l.focus() : T(), m("show");
83
+ e.loading ? (l = w.value) == null || l.focus() : T(), m("show");
83
84
  }
84
- function K() {
85
+ function I() {
85
86
  Q(), m("hide");
86
87
  }
87
88
  function Q() {
@@ -92,10 +93,10 @@ const re = {
92
93
  var l;
93
94
  (l = x.value) == null || l.$el.focus();
94
95
  }
95
- return X(
96
+ return H(
96
97
  () => e.loading,
97
98
  (l) => {
98
- !l && o.value && j(T);
99
+ !l && o.value && X(T);
99
100
  }
100
101
  ), (l, a) => {
101
102
  var u, c;
@@ -103,7 +104,7 @@ const re = {
103
104
  z,
104
105
  null,
105
106
  [
106
- k(n(oe), A({
107
+ g(n(oe), A({
107
108
  id: e.id,
108
109
  ref_key: "triggerEl",
109
110
  ref: v,
@@ -128,17 +129,17 @@ const re = {
128
129
  invalid: e.invalid
129
130
  }, l.$attrs, {
130
131
  onClick: $,
131
- onKeydown: F(C, ["stop"])
132
- }), G({
132
+ onKeydown: C
133
+ }), j({
133
134
  append: i(() => [
134
- r(l.$slots, "append"),
135
- w.value && p.value ? (t(), h(n(de), {
135
+ d(l.$slots, "append"),
136
+ V.value && p.value ? (t(), _(n(re), {
136
137
  key: 0,
137
138
  icons: e.icons,
138
139
  texts: e.texts,
139
- onClick: V
140
- }, null, 8, ["icons", "texts"])) : g("v-if", !0),
141
- e.readonly ? g("v-if", !0) : (t(), h(n(le), {
140
+ onClick: E
141
+ }, null, 8, ["icons", "texts"])) : h("v-if", !0),
142
+ e.readonly ? h("v-if", !0) : (t(), _(n(le), {
142
143
  key: 1,
143
144
  class: "q-select__chevron",
144
145
  "aria-label": e.texts.showOptions,
@@ -150,7 +151,7 @@ const re = {
150
151
  onClick: $
151
152
  }, {
152
153
  default: i(() => [
153
- k(n(se), {
154
+ g(n(se), {
154
155
  "model-value": o.value,
155
156
  icons: e.icons
156
157
  }, null, 8, ["model-value", "icons"])
@@ -160,24 +161,24 @@ const re = {
160
161
  }, 8, ["aria-label", "disabled"]))
161
162
  ]),
162
163
  default: i(() => [
163
- M.value ? (t(), f("span", ue, [
164
+ R.value ? (t(), f("span", ue, [
164
165
  !e.readonly && !e.disabled ? (t(), f(
165
166
  z,
166
167
  { key: 0 },
167
168
  [
168
- J(
169
- O(e.texts.placeholder),
169
+ G(
170
+ F(e.texts.placeholder),
170
171
  1
171
172
  /* TEXT */
172
173
  )
173
174
  ],
174
175
  64
175
176
  /* STABLE_FRAGMENT */
176
- )) : g("v-if", !0)
177
+ )) : h("v-if", !0)
177
178
  ])) : (t(), f(
178
179
  "span",
179
- re,
180
- O(N.value),
180
+ de,
181
+ F(M.value),
181
182
  1
182
183
  /* TEXT */
183
184
  ))
@@ -188,16 +189,16 @@ const re = {
188
189
  (u = s.value) != null && u.icon || l.$slots.prepend ? {
189
190
  name: "prepend",
190
191
  fn: i(() => {
191
- var d, S;
192
+ var r, S;
192
193
  return [
193
- r(l.$slots, "prepend"),
194
- (d = s.value) != null && d.icon ? (t(), h(
194
+ d(l.$slots, "prepend"),
195
+ (r = s.value) != null && r.icon ? (t(), _(
195
196
  n(ae),
196
- W(A({ key: 0 }, (S = s.value) == null ? void 0 : S.icon)),
197
+ J(A({ key: 0 }, (S = s.value) == null ? void 0 : S.icon)),
197
198
  null,
198
199
  16
199
200
  /* FULL_PROPS */
200
- )) : g("v-if", !0)
201
+ )) : h("v-if", !0)
201
202
  ];
202
203
  }),
203
204
  key: "0"
@@ -205,39 +206,40 @@ const re = {
205
206
  l.$slots.extras ? {
206
207
  name: "extras",
207
208
  fn: i(() => [
208
- r(l.$slots, "extras")
209
+ d(l.$slots, "extras")
209
210
  ]),
210
211
  key: "1"
211
212
  } : void 0
212
213
  ]), 1040, ["id", "label", "required", "tabindex", "class", "readonly", "disabled", "data-loading", "aria-expanded", "size", "invalid"]),
213
- k(n(ne), {
214
+ g(n(ne), {
214
215
  modelValue: o.value,
215
- "onUpdate:modelValue": a[0] || (a[0] = (d) => o.value = d),
216
+ "onUpdate:modelValue": a[0] || (a[0] = (r) => o.value = r),
216
217
  spy: "",
217
218
  trigger: "manual",
218
219
  placement: "bottom-start",
219
220
  width: "anchor",
220
221
  "scroll-lock": "",
222
+ inline: e.inline,
221
223
  anchor: (c = v.value) == null ? void 0 : c.$el,
222
224
  offset: 2,
223
- onEnter: I,
224
- onLeave: K
225
+ onEnter: U,
226
+ onLeave: I
225
227
  }, {
226
228
  default: i(() => [
227
- Y("div", {
229
+ W("div", {
228
230
  ref_key: "contentRef",
229
- ref: _,
231
+ ref: w,
230
232
  "data-testid": "combobox-dropdown",
231
233
  "data-key": e.id,
232
234
  class: "q-select__body",
233
235
  tabindex: "-1",
234
- onFocusout: U,
235
- onKeydown: F(C, ["stop"])
236
+ onFocusout: N,
237
+ onKeydown: Y(C, ["stop"])
236
238
  }, [
237
- r(l.$slots, "body.prepend"),
239
+ d(l.$slots, "body.prepend"),
238
240
  e.loading ? (t(), f("div", fe, [
239
- k(n(ie), { size: 24 })
240
- ])) : (t(), h(n(te), {
241
+ g(n(ie), { size: 24 })
242
+ ])) : (t(), _(n(te), {
241
243
  key: 1,
242
244
  ref_key: "listRef",
243
245
  ref: x,
@@ -250,18 +252,18 @@ const re = {
250
252
  "item-value": e.itemValue,
251
253
  "onUpdate:modelValue": B
252
254
  }, {
253
- item: i(({ item: d }) => [
254
- r(l.$slots, "item", { item: d })
255
+ item: i(({ item: r }) => [
256
+ d(l.$slots, "item", { item: r })
255
257
  ]),
256
258
  _: 3
257
259
  /* FORWARDED */
258
260
  }, 8, ["model-value", "items", "groups", "item-label", "item-value"])),
259
- r(l.$slots, "body.append")
261
+ d(l.$slots, "body.append")
260
262
  ], 40, ce)
261
263
  ]),
262
264
  _: 3
263
265
  /* FORWARDED */
264
- }, 8, ["modelValue", "anchor"])
266
+ }, 8, ["modelValue", "inline", "anchor"])
265
267
  ],
266
268
  64
267
269
  /* STABLE_FRAGMENT */
@@ -19,6 +19,7 @@ declare const QSelect: {
19
19
  clearable?: boolean;
20
20
  loading?: boolean;
21
21
  emptyValue?: any;
22
+ inline?: boolean;
22
23
  icons?: typeof import('./types').DEFAULT_ICONS;
23
24
  texts?: typeof import('./types').DEFAULT_TEXTS;
24
25
  }> & Readonly<{
@@ -326,6 +327,7 @@ declare const QSelect: {
326
327
  clearable?: boolean;
327
328
  loading?: boolean;
328
329
  emptyValue?: any;
330
+ inline?: boolean;
329
331
  icons?: typeof import('./types').DEFAULT_ICONS;
330
332
  texts?: typeof import('./types').DEFAULT_TEXTS;
331
333
  }> & Readonly<{
@@ -364,6 +366,7 @@ declare const QSelect: {
364
366
  clearable?: boolean;
365
367
  loading?: boolean;
366
368
  emptyValue?: any;
369
+ inline?: boolean;
367
370
  icons?: typeof import('./types').DEFAULT_ICONS;
368
371
  texts?: typeof import('./types').DEFAULT_TEXTS;
369
372
  }> & Readonly<{
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAIuwzB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAJj2zB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAIuwzB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAJj2zB,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA"}
@@ -30,6 +30,10 @@ export type QSelectProps = QFieldProps & {
30
30
  * used to check if the field has a selected item.
31
31
  */
32
32
  emptyValue?: any;
33
+ /**
34
+ * Whether to disable the teleport of the select overlay.
35
+ */
36
+ inline?: boolean;
33
37
  /**
34
38
  * Custom icon configurations.
35
39
  */
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/types.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAE5C,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAEjD,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG;IACxC;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;IAEd;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,EAAE,CAAA;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;OAGG;IAEH,UAAU,CAAC,EAAE,GAAG,CAAA;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAGD,eAAO,MAAM,aAAa;;;;CAIQ,CAAA;AAGlC,eAAO,MAAM,aAAa;;;;;;;CAGM,CAAA"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/types.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAE5C,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAEjD,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG;IACxC;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;IAEd;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,EAAE,CAAA;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;OAGG;IAEH,UAAU,CAAC,EAAE,GAAG,CAAA;IAEhB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAGD,eAAO,MAAM,aAAa;;;;CAIQ,CAAA;AAGlC,eAAO,MAAM,aAAa;;;;;;;CAGM,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"QTooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTooltip/QTooltip.vue"],"names":[],"mappings":"AAkCA;AAyHC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAO5C,KAAK,WAAW,GAAG,aAAa,CAAC;AA6ElC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAkFT,OAAO,IAA6B;;;;;;YAXtB,GAAG;yBACF,GAAG;;;;EAe/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;6EAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"QTooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTooltip/QTooltip.vue"],"names":[],"mappings":"AAoCA;AA2HC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAO5C,KAAK,WAAW,GAAG,aAAa,CAAC;AA6ElC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAqFT,OAAO,IAA6B;;;;;;YAXtB,GAAG;yBACF,GAAG;;;;EAe/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;6EAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -1,9 +1,9 @@
1
- import { defineComponent as g, mergeModels as V, useModel as v, onMounted as B, onUnmounted as k, watch as M, createElementBlock as l, openBlock as a, Fragment as m, renderSlot as u, createVNode as w, unref as r, normalizeClass as x, withCtx as C, createBlock as T, createCommentVNode as A, normalizeProps as D, mergeProps as N, createTextVNode as Q, toDisplayString as _ } from "vue";
1
+ import { defineComponent as g, mergeModels as V, useModel as v, onMounted as B, onUnmounted as _, watch as k, createElementBlock as l, openBlock as a, Fragment as m, renderSlot as p, createVNode as M, unref as n, normalizeClass as w, withCtx as x, createElementVNode as C, createBlock as N, createCommentVNode as T, normalizeProps as A, mergeProps as D, createTextVNode as Q, toDisplayString as q } from "vue";
2
2
  import { QIcon as z } from "../QIcon/index.js";
3
3
  import { QOverlay as H } from "../QOverlay/index.js";
4
4
  import { useId as I } from "../../composables/uid.js";
5
- import { getElement as p } from "../../utils/getElement.js";
6
- const L = ["innerHTML"], F = /* @__PURE__ */ g({
5
+ import { getElement as u } from "../../utils/getElement.js";
6
+ const L = { class: "q-tooltip__content" }, P = ["innerHTML"], O = /* @__PURE__ */ g({
7
7
  __name: "QTooltip",
8
8
  props: /* @__PURE__ */ V({
9
9
  id: {},
@@ -26,35 +26,35 @@ const L = ["innerHTML"], F = /* @__PURE__ */ g({
26
26
  }),
27
27
  emits: ["update:modelValue"],
28
28
  setup(i) {
29
- const e = i, d = v(i, "modelValue"), n = I(e.id);
29
+ const e = i, d = v(i, "modelValue"), r = I(e.id);
30
30
  function c(o) {
31
- const t = p(o);
32
- t == null || t.setAttribute("aria-describedby", n);
31
+ const t = u(o);
32
+ t == null || t.setAttribute("aria-describedby", r);
33
33
  }
34
34
  function f() {
35
35
  e.anchor && c(e.anchor);
36
36
  }
37
37
  B(f);
38
38
  function s(o) {
39
- const t = p(o);
39
+ const t = u(o);
40
40
  t == null || t.removeAttribute("aria-describedby");
41
41
  }
42
42
  function y() {
43
43
  e.anchor && s(e.anchor);
44
44
  }
45
- k(y);
45
+ _(y);
46
46
  function h(o, t) {
47
47
  t && s(t), o && c(o);
48
48
  }
49
- return M(() => e.anchor, h), (o, t) => (a(), l(
49
+ return k(() => e.anchor, h), (o, t) => (a(), l(
50
50
  m,
51
51
  null,
52
52
  [
53
- u(o.$slots, "anchor", {
54
- props: { "aria-describedby": r(n) }
53
+ p(o.$slots, "anchor", {
54
+ props: { "aria-describedby": n(r) }
55
55
  }),
56
- w(r(H), {
57
- id: r(n),
56
+ M(n(H), {
57
+ id: n(r),
58
58
  modelValue: d.value,
59
59
  "onUpdate:modelValue": t[0] || (t[0] = (b) => d.value = b),
60
60
  anchor: e.anchor,
@@ -64,37 +64,39 @@ const L = ["innerHTML"], F = /* @__PURE__ */ g({
64
64
  arrow: e.arrow,
65
65
  attach: e.attach,
66
66
  inline: e.inline,
67
- class: x(["q-tooltip", e.class]),
67
+ class: w(["q-tooltip", e.class]),
68
68
  delay: e.delay,
69
69
  disabled: e.disabled,
70
70
  placement: e.placement,
71
71
  trigger: e.trigger
72
72
  }, {
73
- default: C(() => [
74
- u(o.$slots, "default", {}, () => [
75
- e.icon ? (a(), T(
76
- r(z),
77
- D(N({ key: 0 }, e.icon)),
78
- null,
79
- 16
80
- /* FULL_PROPS */
81
- )) : A("v-if", !0),
82
- e.html ? (a(), l("span", {
83
- key: 1,
84
- innerHTML: e.text
85
- }, null, 8, L)) : (a(), l(
86
- m,
87
- { key: 2 },
88
- [
89
- Q(
90
- _(e.text),
91
- 1
92
- /* TEXT */
93
- )
94
- ],
95
- 64
96
- /* STABLE_FRAGMENT */
97
- ))
73
+ default: x(() => [
74
+ C("div", L, [
75
+ p(o.$slots, "default", {}, () => [
76
+ e.icon ? (a(), N(
77
+ n(z),
78
+ A(D({ key: 0 }, e.icon)),
79
+ null,
80
+ 16
81
+ /* FULL_PROPS */
82
+ )) : T("v-if", !0),
83
+ e.html ? (a(), l("span", {
84
+ key: 1,
85
+ innerHTML: e.text
86
+ }, null, 8, P)) : (a(), l(
87
+ m,
88
+ { key: 2 },
89
+ [
90
+ Q(
91
+ q(e.text),
92
+ 1
93
+ /* TEXT */
94
+ )
95
+ ],
96
+ 64
97
+ /* STABLE_FRAGMENT */
98
+ ))
99
+ ])
98
100
  ])
99
101
  ]),
100
102
  _: 3
@@ -107,5 +109,5 @@ const L = ["innerHTML"], F = /* @__PURE__ */ g({
107
109
  }
108
110
  });
109
111
  export {
110
- F as default
112
+ O as default
111
113
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@quidgest/ui",
3
3
  "description": "Quidgest's UI framework",
4
- "version": "0.16.0",
4
+ "version": "0.16.1",
5
5
  "private": false,
6
6
  "type": "module",
7
7
  "author": "Quidgest",