@quidgest/ui 0.16.8 → 0.16.10

package/esm/components/QSelect/QSelect.vue.js

@@ -1,4 +1,4 @@
-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";
+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 R, createVNode as g, unref as n, mergeProps as z, createSlots as j, withCtx as i, toDisplayString as A, createCommentVNode as h, createTextVNode as G, renderSlot as d, createBlock as _, normalizeProps as J, createElementVNode as W, withModifiers as Y } from "vue";
 import { DEFAULT_TEXTS as Z, DEFAULT_ICONS as ee } from "./types.js";
 import { QButton as le } from "../QButton/index.js";
 import { QField as oe } from "../QField/index.js";
@@ -45,8 +45,8 @@ const de = {
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ D(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
-  setup(q, { emit: O }) {
-    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(
+  setup(q, { emit: F }) {
+    const e = q, m = F, p = K(q, "modelValue"), o = b(!1), v = b(null), x = b(null), w = b(null), O = k(() => s.value === void 0), s = k(
       () => {
         var l;
         return (l = e.items) == null ? void 0 : l.find((a) => a[e.itemValue] === p.value);
@@ -72,10 +72,10 @@ const de = {
     function y() {
       o.value && (m("before-hide"), o.value = !1);
     }
-    function $() {
+    function C() {
       e.readonly || e.disabled || (o.value ? y() : L());
     }
-    function C(l) {
+    function $(l) {
       !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());
     }
     function U() {
@@ -101,10 +101,10 @@ const de = {
     ), (l, a) => {
       var u, c;
       return t(), f(
-        z,
+        R,
         null,
         [
-          g(n(oe), A({
+          g(n(oe), z({
             id: e.id,
             ref_key: "triggerEl",
             ref: v,
@@ -128,8 +128,8 @@ const de = {
             size: e.size,
             invalid: e.invalid
           }, l.$attrs, {
-            onClick: $,
-            onKeydown: C
+            onClick: C,
+            onKeydown: $
           }), j({
             append: i(() => [
               d(l.$slots, "append"),
@@ -148,7 +148,7 @@ const de = {
                 borderless: "",
                 tabindex: "-1",
                 disabled: e.disabled,
-                onClick: $
+                onClick: C
               }, {
                 default: i(() => [
                   g(n(se), {
@@ -161,13 +161,13 @@ const de = {
               }, 8, ["aria-label", "disabled"]))
             ]),
             default: i(() => [
-              R.value ? (t(), f("span", ue, [
+              O.value ? (t(), f("span", ue, [
                 !e.readonly && !e.disabled ? (t(), f(
-                  z,
+                  R,
                   { key: 0 },
                   [
                     G(
-                      F(e.texts.placeholder),
+                      A(e.texts.placeholder),
                       1
                       /* TEXT */
                     )
@@ -178,7 +178,7 @@ const de = {
               ])) : (t(), f(
                 "span",
                 de,
-                F(M.value),
+                A(M.value),
                 1
                 /* TEXT */
               ))
@@ -194,7 +194,7 @@ const de = {
                   d(l.$slots, "prepend"),
                   (r = s.value) != null && r.icon ? (t(), _(
                     n(ae),
-                    J(A({ key: 0 }, (S = s.value) == null ? void 0 : S.icon)),
+                    J(z({ key: 0 }, (S = s.value) == null ? void 0 : S.icon)),
                     null,
                     16
                     /* FULL_PROPS */
@@ -220,7 +220,7 @@ const de = {
             width: "anchor",
             "scroll-lock": "",
             inline: e.inline,
-            anchor: (c = v.value) == null ? void 0 : c.$el,
+            anchor: (c = v.value) == null ? void 0 : c.fieldRef,
             offset: 2,
             onEnter: U,
             onLeave: I
@@ -234,7 +234,7 @@ const de = {
                 class: "q-select__body",
                 tabindex: "-1",
                 onFocusout: N,
-                onKeydown: Y(C, ["stop"])
+                onKeydown: Y($, ["stop"])
               }, [
                 d(l.$slots, "body.prepend"),
                 e.loading ? (t(), f("div", fe, [

package/esm/components/QSelect/index.d.ts

@@ -62,7 +62,7 @@ declare const QSelect: {
             $refs: {
                 [x: string]: unknown;
             } & {
-                fieldRef: HTMLDivElement;
+                field: HTMLDivElement;
             };
             $slots: Readonly<{
                 [name: string]: import('vue').Slot<any> | undefined;
@@ -73,7 +73,7 @@ declare const QSelect: {
             $emit: (event: string, ...args: any[]) => void;
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<import('..').QFieldProps> & Readonly<{}>, {
-                fieldRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+                fieldRef: Readonly<import('vue').ShallowRef<HTMLDivElement | null>>;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
                 size: import('..').QFieldSize;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -99,7 +99,7 @@ declare const QSelect: {
         } & Readonly<{
             size: import('..').QFieldSize;
         }> & Omit<Readonly<import('..').QFieldProps> & Readonly<{}>, "size" | "fieldRef"> & import('vue').ShallowUnwrapRef<{
-            fieldRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+            fieldRef: Readonly<import('vue').ShallowRef<HTMLDivElement | null>>;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 'label.prepend'?(_: {}): any;

package/esm/components/QSidebar/QSidebar.vue.js

@@ -4,9 +4,9 @@ import F from "./QSidebarPanel.vue.js";
 const K = /* @__PURE__ */ P({
   __name: "QSidebar",
   props: /* @__PURE__ */ z({
+    panels: {},
     anchorWidth: { default: 50 },
     showLabels: { type: Boolean },
-    panels: {},
     position: { default: "left" }
   }, {
     modelValue: {},
@@ -22,18 +22,21 @@ const K = /* @__PURE__ */ P({
       },
       { immediate: !0 }
     );
-    const i = r(() => a.panels.find((e) => e.id === m.value)), h = r(() => !!i.value), t = b(), q = r(() => {
-      if (t.value !== void 0)
-        return h.value ? typeof t.value == "number" ? `${a.anchorWidth + t.value}px` : `calc(${a.anchorWidth}px + ${t.value})` : `${a.anchorWidth}px`;
+    const i = r(() => {
+      var e;
+      return (e = a.panels) == null ? void 0 : e.find((t) => t.id === m.value);
+    }), h = r(() => !!i.value), l = b(), q = r(() => {
+      if (l.value !== void 0)
+        return h.value ? typeof l.value == "number" ? `${a.anchorWidth + l.value}px` : `calc(${a.anchorWidth}px + ${l.value})` : `${a.anchorWidth}px`;
     }), C = r(() => {
-      var e, l, d, v, p, c, $;
+      var e, t, d, v, p, c, $;
       return [
         "q-sidebar",
         `q-sidebar--${((e = i.value) == null ? void 0 : e.initialWidth) ?? "small"}`,
         `q-sidebar--${a.position}`,
         {
           "q-sidebar--expanded": h.value,
-          [`q-sidebar--min-${(l = i.value) == null ? void 0 : l.minWidth}`]: ((d = i.value) == null ? void 0 : d.resizable) && ((v = i.value) == null ? void 0 : v.minWidth) !== void 0,
+          [`q-sidebar--min-${(t = i.value) == null ? void 0 : t.minWidth}`]: ((d = i.value) == null ? void 0 : d.resizable) && ((v = i.value) == null ? void 0 : v.minWidth) !== void 0,
           [`q-sidebar--max-${(p = i.value) == null ? void 0 : p.maxWidth}`]: ((c = i.value) == null ? void 0 : c.resizable) && (($ = i.value) == null ? void 0 : $.maxWidth) !== void 0
         }
       ];
@@ -42,10 +45,10 @@ const K = /* @__PURE__ */ P({
       u("resize:start");
     }
     function g(e) {
-      t.value = e, u("resize", e);
+      l.value = e, u("resize", e);
     }
     function B() {
-      u("resize:end", t.value);
+      u("resize:end", l.value);
     }
     function L(e) {
       u("click:item", e);
@@ -54,11 +57,11 @@ const K = /* @__PURE__ */ P({
       n.value || (m.value = void 0);
     }
     function M() {
-      var l;
-      const e = (l = i.value) == null ? void 0 : l.initialWidth;
-      typeof e == "number" ? t.value = e : t.value = void 0;
+      var t;
+      const e = (t = i.value) == null ? void 0 : t.initialWidth;
+      typeof e == "number" ? l.value = e : l.value = void 0;
     }
-    return W([() => a.anchorWidth, i], M, { immediate: !0, deep: !0 }), (e, l) => (w(), A(
+    return W([() => a.anchorWidth, i], M, { immediate: !0, deep: !0 }), (e, t) => (w(), A(
       "div",
       {
         class: I(C.value),
@@ -67,7 +70,7 @@ const K = /* @__PURE__ */ P({
       [
         k(D, {
           modelValue: n.value,
-          "onUpdate:modelValue": l[0] || (l[0] = (d) => n.value = d),
+          "onUpdate:modelValue": t[0] || (t[0] = (d) => n.value = d),
           panels: a.panels,
           "anchor-width": a.anchorWidth,
           "show-labels": a.showLabels,

package/esm/components/QSidebar/QSidebarAnchor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QSidebarAnchor.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/QSidebarAnchor.vue"],"names":[],"mappings":"AA8BA;AA+HC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAGlD,OAAO,EAAE,QAAQ,EAAc,MAAM,KAAK,CAAA;AAE1C,KAAK,WAAW,GAAG,mBAAmB,CAAC;AAmFxC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAoFT,OAAO,IAA6B;;;UAZoC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAyD09e,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;EAxCxqf;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAwB8hf,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;kBAfvqf,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"}
+{"version":3,"file":"QSidebarAnchor.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/QSidebarAnchor.vue"],"names":[],"mappings":"AA8BA;AA+HC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAGlD,OAAO,EAAE,QAAQ,EAAc,MAAM,KAAK,CAAA;AAE1C,KAAK,WAAW,GAAG,mBAAmB,CAAC;AAmFxC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAoFT,OAAO,IAA6B;;;UAZoC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAyD48e,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;EAxC1pf;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAwBghf,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;kBAfzpf,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"}

package/esm/components/QSidebar/QSidebarAnchor.vue.js

@@ -1,28 +1,29 @@
-import { defineComponent as w, mergeModels as c, useModel as C, ref as d, watch as L, nextTick as q, createElementBlock as u, openBlock as s, normalizeStyle as f, createElementVNode as m, Fragment as I, renderList as V, createBlock as p, unref as h, withCtx as B, renderSlot as S, createCommentVNode as $, mergeProps as E } from "vue";
-import { QIcon as M } from "../QIcon/index.js";
-import { QToggle as Q } from "../QToggle/index.js";
-const T = { class: "q-sidebar__items" }, W = /* @__PURE__ */ w({
+import { defineComponent as C, mergeModels as d, useModel as L, ref as u, watch as q, nextTick as I, createElementBlock as f, openBlock as s, normalizeStyle as m, createElementVNode as p, Fragment as V, renderList as B, createBlock as h, unref as v, withCtx as S, renderSlot as $, createCommentVNode as E, mergeProps as M } from "vue";
+import { QIcon as Q } from "../QIcon/index.js";
+import { QToggle as T } from "../QToggle/index.js";
+const H = { class: "q-sidebar__items" }, Y = /* @__PURE__ */ C({
   __name: "QSidebarAnchor",
-  props: /* @__PURE__ */ c({
+  props: /* @__PURE__ */ d({
+    panels: {},
     anchorWidth: {},
-    showLabels: { type: Boolean },
-    panels: {}
+    showLabels: { type: Boolean }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ c(["click:item"], ["update:modelValue"]),
-  setup(r, { emit: v }) {
-    const i = r, _ = v, o = C(r, "modelValue"), a = d({
+  emits: /* @__PURE__ */ d(["click:item"], ["update:modelValue"]),
+  setup(r, { emit: _ }) {
+    const i = r, g = _, o = L(r, "modelValue"), a = u({
       height: "0",
       transform: "translateY(0)",
       opacity: "0",
       transition: "transform 0.3s ease, height 0.3s ease, opacity 0.2s ease"
-    }), l = d([]);
-    function g(e) {
-      o.value = o.value === e ? void 0 : e, _("click:item", e);
+    }), l = u([]);
+    function b(e) {
+      o.value = o.value === e ? void 0 : e, g("click:item", e);
     }
-    function b() {
+    function k() {
+      var c;
       if (!o.value) {
         a.value = {
           ...a.value,
@@ -31,41 +32,41 @@ const T = { class: "q-sidebar__items" }, W = /* @__PURE__ */ w({
         };
         return;
       }
-      const e = i.panels.findIndex((x) => x.id === o.value);
+      const e = ((c = i.panels) == null ? void 0 : c.findIndex((w) => w.id === o.value)) ?? -1;
       if (e === -1 || !l.value[e])
         return;
       const n = l.value[e].$el || l.value[e];
       if (!n) return;
-      const k = e === l.value.length - 1 ? n.offsetHeight : n.offsetHeight - 1, y = n.offsetTop;
+      const y = e === l.value.length - 1 ? n.offsetHeight : n.offsetHeight - 1, x = n.offsetTop;
       a.value = {
         ...a.value,
-        height: `${k}px`,
-        transform: `translateY(${y}px)`,
+        height: `${y}px`,
+        transform: `translateY(${x}px)`,
         opacity: "1"
       };
     }
-    return L(o, () => q(b), { immediate: !0 }), (e, n) => (s(), u(
+    return q(o, () => I(k), { immediate: !0 }), (e, n) => (s(), f(
       "div",
       {
         class: "q-sidebar-anchor",
-        style: f({ width: i.anchorWidth + "px" })
+        style: m({ width: i.anchorWidth + "px" })
       },
       [
-        m("div", T, [
-          m(
+        p("div", H, [
+          p(
             "div",
             {
               class: "q-sidebar__indicator",
-              style: f(a.value)
+              style: m(a.value)
             },
             null,
             4
             /* STYLE */
           ),
-          (s(!0), u(
-            I,
+          (s(!0), f(
+            V,
             null,
-            V(e.panels, (t) => (s(), p(h(Q), {
+            B(e.panels, (t) => (s(), h(v(T), {
               key: t.id,
               ref_for: !0,
               ref_key: "itemRefs",
@@ -76,20 +77,20 @@ const T = { class: "q-sidebar__items" }, W = /* @__PURE__ */ w({
               title: i.showLabels ? void 0 : t.title,
               "icon-pos": "top",
               class: "q-sidebar__item",
-              onClick: () => g(t.id)
+              onClick: () => b(t.id)
             }, {
-              default: B(() => [
-                S(e.$slots, t.id, { item: t }, () => [
-                  t.icon ? (s(), p(
-                    h(M),
-                    E({
+              default: S(() => [
+                $(e.$slots, t.id, { item: t }, () => [
+                  t.icon ? (s(), h(
+                    v(Q),
+                    M({
                       key: 0,
                       ref_for: !0
                     }, t.icon),
                     null,
                     16
                     /* FULL_PROPS */
-                  )) : $("v-if", !0)
+                  )) : E("v-if", !0)
                 ])
               ]),
               _: 2
@@ -106,5 +107,5 @@ const T = { class: "q-sidebar__items" }, W = /* @__PURE__ */ w({
   }
 });
 export {
-  W as default
+  Y as default
 };

package/esm/components/QSidebar/types.d.ts

@@ -44,12 +44,12 @@ export type QSidebarPanelProps = Omit<QSidebarAnchorItemProps, 'id'> & {
  * Includes the width of the anchor section and panel configurations.
  */
 export type QSidebarAnchorProps = {
+    /** List of panels that can be anchored in the sidebar. */
+    panels?: QSidebarAnchorItemProps[];
     /** Width of the anchor section (in pixels). */
     anchorWidth?: number;
     /** Whether to display labels alongside icons in anchor items. */
     showLabels?: boolean;
-    /** List of panels that can be anchored in the sidebar. */
-    panels: QSidebarAnchorItemProps[];
 };
 /**
  * Complete set of props for the `QSidebar` component, combining anchor section props

package/esm/components/QSidebar/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAEpC;;GAEG;AACH,KAAK,2BAA2B,GAAG;IAClC,8CAA8C;IAC9C,EAAE,EAAE,MAAM,CAAA;IACV,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAA;IACb,yDAAyD;IACzD,IAAI,CAAC,EAAE,IAAI,CAAA;CACX,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAE5D;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAAG,2BAA2B,GAAG;IACnE,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yDAAyD;IACzD,YAAY,CAAC,EAAE,iBAAiB,CAAA;IAChC,gEAAgE;IAChE,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAC5B,gEAAgE;IAChE,QAAQ,CAAC,EAAE,iBAAiB,CAAA;CAC5B,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,uBAAuB,EAAE,IAAI,CAAC,GAAG;IACtE,yDAAyD;IACzD,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CACjC,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG;IACjC,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iEAAiE;IACjE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,0DAA0D;IAC1D,MAAM,EAAE,uBAAuB,EAAE,CAAA;CACjC,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAC3B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAEpC;;GAEG;AACH,KAAK,2BAA2B,GAAG;IAClC,8CAA8C;IAC9C,EAAE,EAAE,MAAM,CAAA;IACV,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAA;IACb,yDAAyD;IACzD,IAAI,CAAC,EAAE,IAAI,CAAA;CACX,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAE5D;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAAG,2BAA2B,GAAG;IACnE,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yDAAyD;IACzD,YAAY,CAAC,EAAE,iBAAiB,CAAA;IAChC,gEAAgE;IAChE,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAC5B,gEAAgE;IAChE,QAAQ,CAAC,EAAE,iBAAiB,CAAA;CAC5B,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,uBAAuB,EAAE,IAAI,CAAC,GAAG;IACtE,yDAAyD;IACzD,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CACjC,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG;IACjC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,uBAAuB,EAAE,CAAA;IAClC,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iEAAiE;IACjE,UAAU,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAC3B,CAAA"}

package/esm/components/QTextField/QTextField.d.ts

@@ -33,7 +33,7 @@ declare function __VLS_template(): {
             $refs: {
                 [x: string]: unknown;
             } & {
-                fieldRef: HTMLDivElement;
+                field: HTMLDivElement;
             };
             $slots: Readonly<{
                 [name: string]: import('vue').Slot<any> | undefined;
@@ -44,7 +44,7 @@ declare function __VLS_template(): {
             $emit: (event: string, ...args: any[]) => void;
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<import('..').QFieldProps> & Readonly<{}>, {
-                fieldRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+                fieldRef: Readonly<import('vue').ShallowRef<HTMLDivElement | null>>;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
                 size: import('..').QFieldSize;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -70,7 +70,7 @@ declare function __VLS_template(): {
         } & Readonly<{
             size: import('..').QFieldSize;
         }> & Omit<Readonly<import('..').QFieldProps> & Readonly<{}>, "size" | "fieldRef"> & import('vue').ShallowUnwrapRef<{
-            fieldRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+            fieldRef: Readonly<import('vue').ShallowRef<HTMLDivElement | null>>;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 'label.prepend'?(_: {}): any;
@@ -88,7 +88,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
-    fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
+    fieldRef: import('vue').ComputedRef<HTMLDivElement | null | undefined>;
     inputRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
@@ -120,7 +120,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $refs: {
             [x: string]: unknown;
         } & {
-            fieldRef: HTMLDivElement;
+            field: HTMLDivElement;
         };
         $slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
@@ -131,7 +131,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<import('..').QFieldProps> & Readonly<{}>, {
-            fieldRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+            fieldRef: Readonly<import('vue').ShallowRef<HTMLDivElement | null>>;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
             size: import('..').QFieldSize;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -157,7 +157,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     } & Readonly<{
         size: import('..').QFieldSize;
     }> & Omit<Readonly<import('..').QFieldProps> & Readonly<{}>, "size" | "fieldRef"> & import('vue').ShallowUnwrapRef<{
-        fieldRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+        fieldRef: Readonly<import('vue').ShallowRef<HTMLDivElement | null>>;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             'label.prepend'?(_: {}): any;

package/esm/components/QTextField/index.d.ts

@@ -22,7 +22,7 @@ declare const QTextField: {
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         "onClick:clear"?: ((event: Event) => any) | undefined;
     }>, {
-        fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
+        fieldRef: import('vue').ComputedRef<HTMLDivElement | null | undefined>;
         inputRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "update:modelValue": (value: string) => any;
@@ -51,7 +51,7 @@ declare const QTextField: {
             $refs: {
                 [x: string]: unknown;
             } & {
-                fieldRef: HTMLDivElement;
+                field: HTMLDivElement;
             };
             $slots: Readonly<{
                 [name: string]: import('vue').Slot<any> | undefined;
@@ -62,7 +62,7 @@ declare const QTextField: {
             $emit: (event: string, ...args: any[]) => void;
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<import('..').QFieldProps> & Readonly<{}>, {
-                fieldRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+                fieldRef: Readonly<import('vue').ShallowRef<HTMLDivElement | null>>;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
                 size: import('..').QFieldSize;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -88,7 +88,7 @@ declare const QTextField: {
         } & Readonly<{
             size: import('..').QFieldSize;
         }> & Omit<Readonly<import('..').QFieldProps> & Readonly<{}>, "size" | "fieldRef"> & import('vue').ShallowUnwrapRef<{
-            fieldRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+            fieldRef: Readonly<import('vue').ShallowRef<HTMLDivElement | null>>;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 'label.prepend'?(_: {}): any;
@@ -130,7 +130,7 @@ declare const QTextField: {
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         "onClick:clear"?: ((event: Event) => any) | undefined;
     }>, {
-        fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
+        fieldRef: import('vue').ComputedRef<HTMLDivElement | null | undefined>;
         inputRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
     }, {}, {}, {}, {
         type: string;
@@ -160,7 +160,7 @@ declare const QTextField: {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onClick:clear"?: ((event: Event) => any) | undefined;
 }>, {
-    fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
+    fieldRef: import('vue').ComputedRef<HTMLDivElement | null | undefined>;
     inputRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quidgest/ui",
   "description": "Quidgest's UI framework",
-  "version": "0.16.8",
+  "version": "0.16.10",
   "private": false,
   "type": "module",
   "author": "Quidgest",