@quidgest/ui 0.16.9 → 0.16.11

package/esm/components/QField/QField.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as c, ref as q, computed as a, createElementBlock as o, openBlock as d, normalizeClass as m, createBlock as _, createCommentVNode as r, renderSlot as s, unref as v, withCtx as t, createElementVNode as b, mergeProps as y } from "vue";
+import { defineComponent as c, useTemplateRef as q, computed as r, createElementBlock as o, openBlock as d, normalizeClass as m, createBlock as v, createCommentVNode as i, renderSlot as s, unref as _, withCtx as a, createElementVNode as b, mergeProps as y } from "vue";
 import { QLabel as $ } from "../QLabel/index.js";
-const k = ["id"], h = {
+const h = ["id"], k = {
   key: 0,
   class: "q-field__prepend"
 }, B = {
@@ -23,8 +23,8 @@ const k = ["id"], h = {
     disabled: { type: Boolean },
     invalid: { type: Boolean }
   },
-  setup(n, { expose: p }) {
-    const e = n, i = q(null), f = a(() => e.required && !e.readonly && !e.disabled), u = a(() => [
+  setup(t, { expose: n }) {
+    const e = t, p = q("field"), f = r(() => e.required && !e.readonly && !e.disabled), u = r(() => [
       "q-field",
       `q-field--${e.size}`,
       {
@@ -35,44 +35,43 @@ const k = ["id"], h = {
       },
       e.class
     ]);
-    return p({
-      fieldRef: i
+    return n({
+      fieldRef: p
     }), (l, z) => (d(), o("div", {
       id: e.id,
       class: m(u.value)
     }, [
-      e.label ? (d(), _(v($), {
+      e.label ? (d(), v(_($), {
         key: 0,
         class: "q-field__label",
         label: e.label,
         for: e.for,
         required: e.required
       }, {
-        prepend: t(() => [
+        prepend: a(() => [
           s(l.$slots, "label.prepend")
         ]),
-        append: t(() => [
+        append: a(() => [
           s(l.$slots, "label.append")
         ]),
         _: 3
         /* FORWARDED */
-      }, 8, ["label", "for", "required"])) : r("v-if", !0),
+      }, 8, ["label", "for", "required"])) : i("v-if", !0),
       s(l.$slots, "control", {}, () => [
         b(
           "div",
           y({
-            ref_key: "fieldRef",
-            ref: i,
+            ref: "field",
             class: "q-field__control"
           }, l.$attrs),
           [
-            l.$slots.prepend ? (d(), o("div", h, [
+            l.$slots.prepend ? (d(), o("div", k, [
               s(l.$slots, "prepend")
-            ])) : r("v-if", !0),
+            ])) : i("v-if", !0),
             s(l.$slots, "default"),
             l.$slots.append ? (d(), o("div", B, [
               s(l.$slots, "append")
-            ])) : r("v-if", !0)
+            ])) : i("v-if", !0)
           ],
           16
           /* FULL_PROPS */
@@ -80,8 +79,8 @@ const k = ["id"], h = {
       ]),
       l.$slots.extras ? (d(), o("div", C, [
         s(l.$slots, "extras")
-      ])) : r("v-if", !0)
-    ], 10, k));
+      ])) : i("v-if", !0)
+    ], 10, h));
   }
 });
 export {

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

@@ -1,11 +1,11 @@
 import { QFieldProps, QFieldSize } from './types';
 declare const QField: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<QFieldProps> & Readonly<{}>, {
-        fieldRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+        fieldRef: Readonly<import('vue').ShallowRef<HTMLDivElement | null>>;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
         size: QFieldSize;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-        fieldRef: HTMLDivElement;
+        field: HTMLDivElement;
     }, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -14,7 +14,7 @@ declare const QField: {
         M: {};
         Defaults: {};
     }, Readonly<QFieldProps> & Readonly<{}>, {
-        fieldRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+        fieldRef: Readonly<import('vue').ShallowRef<HTMLDivElement | null>>;
     }, {}, {}, {}, {
         size: QFieldSize;
     }>;
@@ -22,7 +22,7 @@ declare const QField: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<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: QFieldSize;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {

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

@@ -3,7 +3,7 @@ declare const QOverlay: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         modelValue?: boolean;
     } & import('../../types/component').QBaseComponentProps & {
-        anchor?: import('../../utils/getElement').Selector;
+        anchor?: import('../../utils/getElement').Selector | null;
         appearance?: import('../../composables/overlay').Appearance;
         arrow?: boolean;
         attach?: string;
@@ -56,7 +56,7 @@ declare const QOverlay: {
     }, Readonly<{
         modelValue?: boolean;
     } & import('../../types/component').QBaseComponentProps & {
-        anchor?: import('../../utils/getElement').Selector;
+        anchor?: import('../../utils/getElement').Selector | null;
         appearance?: import('../../composables/overlay').Appearance;
         arrow?: boolean;
         attach?: string;
@@ -97,7 +97,7 @@ declare const QOverlay: {
 } & import('vue').ComponentOptionsBase<Readonly<{
     modelValue?: boolean;
 } & import('../../types/component').QBaseComponentProps & {
-    anchor?: import('../../utils/getElement').Selector;
+    anchor?: import('../../utils/getElement').Selector | null;
     appearance?: import('../../composables/overlay').Appearance;
     arrow?: boolean;
     attach?: string;

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

@@ -5,7 +5,7 @@ export type QOverlayProps = QBaseComponentProps & {
     /**
      * The DOM element the overlay should be anchored to.
      */
-    anchor?: Selector;
+    anchor?: Selector | null;
     /**
      * The appearance of the overlay.
      * 'regular' uses body text color for background and body background color for text.

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAC/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAEtD,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAA;IAEjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAElC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;OAGG;IACH,GAAG,CAAC,EAAE,OAAO,CAAA;IAEb;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IAEzB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAC/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAEtD,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAA;IAExB;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAElC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;OAGG;IACH,GAAG,CAAC,EAAE,OAAO,CAAA;IAEb;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IAEzB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA"}

package/esm/components/QPasswordField/QPasswordField.d.ts

@@ -62,7 +62,7 @@ declare function __VLS_template(): {
                     $refs: {
                         [x: string]: unknown;
                     } & {
-                        fieldRef: HTMLDivElement;
+                        field: HTMLDivElement;
                     };
                     $slots: Readonly<{
                         [name: string]: import('vue').Slot<any> | undefined;
@@ -73,7 +73,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> & {
@@ -99,7 +99,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;
@@ -143,7 +143,7 @@ declare function __VLS_template(): {
                 "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;
@@ -195,7 +195,7 @@ declare function __VLS_template(): {
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             "onClick:clear"?: ((event: Event) => any) | undefined;
         }>, "type" | "fieldRef" | "inputRef"> & import('vue').ShallowUnwrapRef<{
-            fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
+            fieldRef: import('vue').ComputedRef<HTMLDivElement | null | undefined>;
             inputRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
@@ -268,7 +268,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;
@@ -279,7 +279,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> & {
@@ -305,7 +305,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;
@@ -349,7 +349,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             "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;
@@ -401,7 +401,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         "onClick:clear"?: ((event: Event) => any) | undefined;
     }>, "type" | "fieldRef" | "inputRef"> & import('vue').ShallowUnwrapRef<{
-        fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
+        fieldRef: import('vue').ComputedRef<HTMLDivElement | null | undefined>;
         inputRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {

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

@@ -67,7 +67,7 @@ declare const QPasswordField: {
                     $refs: {
                         [x: string]: unknown;
                     } & {
-                        fieldRef: HTMLDivElement;
+                        field: HTMLDivElement;
                     };
                     $slots: Readonly<{
                         [name: string]: import('vue').Slot<any> | undefined;
@@ -78,7 +78,7 @@ declare const QPasswordField: {
                     $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> & {
@@ -104,7 +104,7 @@ declare const QPasswordField: {
                 } & 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;
@@ -148,7 +148,7 @@ declare const QPasswordField: {
                 "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;
@@ -200,7 +200,7 @@ declare const QPasswordField: {
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             "onClick:clear"?: ((event: Event) => any) | undefined;
         }>, "type" | "fieldRef" | "inputRef"> & import('vue').ShallowUnwrapRef<{
-            fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
+            fieldRef: import('vue').ComputedRef<HTMLDivElement | null | undefined>;
             inputRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {

package/esm/components/QRadioGroup/QRadioButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QRadioButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QRadioGroup/QRadioButton.vue"],"names":[],"mappings":"AA4BA;AA2FC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAmDjD,iBAAS,cAAc;WAiET,OAAO,IAA6B;;yBAZrB,GAAG;yBACH,GAAG;;;;EAgB/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6EAOnB,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"}
+{"version":3,"file":"QRadioButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QRadioGroup/QRadioButton.vue"],"names":[],"mappings":"AA2BA;AA0FC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAmDjD,iBAAS,cAAc;WAgET,OAAO,IAA6B;;yBAZrB,GAAG;yBACH,GAAG;;;;EAgB/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6EAOnB,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"}

package/esm/components/QRadioGroup/QRadioButton.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as m, computed as r, createBlock as b, openBlock as f, unref as o, normalizeClass as v, createSlots as y, withCtx as d, createElementVNode as g, renderSlot as i, createCommentVNode as q, mergeProps as B } from "vue";
-import { QLabel as h } from "../QLabel/index.js";
-import { useId as C } from "../../composables/uid.js";
+import { defineComponent as m, computed as r, createBlock as b, openBlock as f, unref as o, normalizeClass as v, createSlots as y, withCtx as d, createElementVNode as g, renderSlot as s, createCommentVNode as q, mergeProps as B } from "vue";
+import { QLabel as C } from "../QLabel/index.js";
+import { useId as h } from "../../composables/uid.js";
 import { useGroupItem as k } from "../../composables/useGroup/index.js";
 const z = ["id", "checked", "name", "value", "disabled"], w = /* @__PURE__ */ m({
   inheritAttrs: !1,
@@ -20,8 +20,8 @@ const z = ["id", "checked", "name", "value", "disabled"], w = /* @__PURE__ */ m(
     invalid: { type: Boolean },
     name: {}
   },
-  setup(s) {
-    const e = s, n = C(e.id), t = k(e.value);
+  setup(i) {
+    const e = i, n = h(e.id), t = k(e.value);
     if (!t)
       throw new Error("QRadioButton must be used inside a QRadioGroup");
     const u = r(() => e.labelPlacement === "start" ? "append" : "prepend"), p = r(() => {
@@ -38,7 +38,7 @@ const z = ["id", "checked", "name", "value", "disabled"], w = /* @__PURE__ */ m(
         e.class
       ];
     });
-    return (a, l) => (f(), b(o(h), {
+    return (a, l) => (f(), b(o(C), {
       for: o(n),
       class: v(p.value),
       label: e.label
@@ -49,7 +49,6 @@ const z = ["id", "checked", "name", "value", "disabled"], w = /* @__PURE__ */ m(
           checked: o(t).isActive.value,
           tabindex: "0",
           type: "radio",
-          "aria-hidden": "true",
           class: "q-radio-button__input",
           name: e.name,
           value: a.value,
@@ -58,7 +57,7 @@ const z = ["id", "checked", "name", "value", "disabled"], w = /* @__PURE__ */ m(
           onChange: l[0] || (l[0] = //@ts-ignore
           (...c) => o(t).toggle && o(t).toggle(...c))
         }), null, 16, z),
-        e.labelPlacement === "end" ? i(a.$slots, "default", { key: 0 }) : q("v-if", !0)
+        e.labelPlacement === "end" ? s(a.$slots, "default", { key: 0 }) : q("v-if", !0)
       ]),
       _: 2
       /* DYNAMIC */
@@ -66,7 +65,7 @@ const z = ["id", "checked", "name", "value", "disabled"], w = /* @__PURE__ */ m(
       e.labelPlacement === "start" ? {
         name: "prepend",
         fn: d(() => [
-          i(a.$slots, "default")
+          s(a.$slots, "default")
         ]),
         key: "0"
       } : void 0

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

@@ -37,7 +37,7 @@ declare function __VLS_template(): {
             $refs: {
                 [x: string]: unknown;
             } & {
-                fieldRef: HTMLDivElement;
+                field: HTMLDivElement;
             };
             $slots: Readonly<{
                 [name: string]: import('vue').Slot<any> | undefined;
@@ -48,7 +48,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> & {
@@ -74,7 +74,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;
@@ -326,7 +326,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;
@@ -337,7 +337,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> & {
@@ -363,7 +363,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/QSelect/QSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/QSelect.vue"],"names":[],"mappings":"AA2HA;AAySC,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;WAgUT,OAAO,IAA6B;;yBAnBpB,GAAG;wBACJ,GAAG;wBACH,GAAG;gCACK,GAAG;;;YACb,GAAG;+BACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAoFkpB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAjE9yB;AAkCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA8BoqB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OArB7yB,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"}
+{"version":3,"file":"QSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/QSelect.vue"],"names":[],"mappings":"AA2HA;AAySC,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;WAgUT,OAAO,IAA6B;;yBAnBpB,GAAG;wBACJ,GAAG;wBACH,GAAG;gCACK,GAAG;;;YACb,GAAG;+BACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAoFmoB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAjE/xB;AAkCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA8BqpB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OArB9xB,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"}

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/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;