@quidgest/ui 0.16.65 → 0.16.67

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

@@ -1,5 +1,5 @@
-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";
+import { defineComponent as c, useTemplateRef as b, computed as a, createElementBlock as i, openBlock as o, normalizeClass as q, createBlock as m, createCommentVNode as d, renderSlot as s, unref as v, withCtx as t, createElementVNode as _, mergeProps as $ } from "vue";
+import { QLabel as y } from "../QLabel/index.js";
 const h = ["id"], k = {
   key: 0,
   class: "q-field__prepend"
@@ -9,7 +9,7 @@ const h = ["id"], k = {
 }, C = {
   key: 1,
   class: "q-field__extras"
-}, N = /* @__PURE__ */ c({
+}, E = /* @__PURE__ */ c({
   inheritAttrs: !1,
   __name: "QField",
   props: {
@@ -18,15 +18,17 @@ const h = ["id"], k = {
     label: {},
     required: { type: Boolean },
     for: {},
+    labelPosition: { default: "topleft" },
     size: { default: "medium" },
     readonly: { type: Boolean },
     disabled: { type: Boolean },
     invalid: { type: Boolean }
   },
-  setup(t, { expose: n }) {
-    const e = t, p = q("field"), f = r(() => e.required && !e.readonly && !e.disabled), u = r(() => [
+  setup(r, { expose: n }) {
+    const e = r, p = b("field"), f = a(() => e.required && !e.readonly && !e.disabled), u = a(() => [
       "q-field",
       `q-field--${e.size}`,
+      `q-field--label-${e.labelPosition}`,
       {
         "q-field--readonly": e.readonly,
         "q-field--disabled": e.disabled,
@@ -37,52 +39,53 @@ const h = ["id"], k = {
     ]);
     return n({
       fieldRef: p
-    }), (l, z) => (d(), o("div", {
+    }), (l, P) => (o(), i("div", {
       id: e.id,
-      class: m(u.value)
+      class: q(u.value)
     }, [
-      e.label ? (d(), v(_($), {
+      e.label ? (o(), m(v(y), {
         key: 0,
         class: "q-field__label",
         label: e.label,
+        "label-position": e.labelPosition,
         for: e.for,
         required: e.required
       }, {
-        prepend: a(() => [
+        prepend: t(() => [
           s(l.$slots, "label.prepend")
         ]),
-        append: a(() => [
+        append: t(() => [
           s(l.$slots, "label.append")
         ]),
         _: 3
         /* FORWARDED */
-      }, 8, ["label", "for", "required"])) : i("v-if", !0),
+      }, 8, ["label", "label-position", "for", "required"])) : d("v-if", !0),
       s(l.$slots, "control", {}, () => [
-        b(
+        _(
           "div",
-          y({
+          $({
             ref: "field",
             class: "q-field__control"
           }, l.$attrs),
           [
-            l.$slots.prepend ? (d(), o("div", k, [
+            l.$slots.prepend ? (o(), i("div", k, [
               s(l.$slots, "prepend")
-            ])) : i("v-if", !0),
+            ])) : d("v-if", !0),
             s(l.$slots, "default"),
-            l.$slots.append ? (d(), o("div", B, [
+            l.$slots.append ? (o(), i("div", B, [
               s(l.$slots, "append")
-            ])) : i("v-if", !0)
+            ])) : d("v-if", !0)
           ],
           16
           /* FULL_PROPS */
         )
       ]),
-      l.$slots.extras ? (d(), o("div", C, [
+      l.$slots.extras ? (o(), i("div", C, [
         s(l.$slots, "extras")
-      ])) : i("v-if", !0)
+      ])) : d("v-if", !0)
     ], 10, h));
   }
 });
 export {
-  N as default
+  E as default
 };

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

@@ -3,6 +3,7 @@ declare const QField: {
         fieldRef: Readonly<import('vue').ShallowRef<HTMLDivElement | null>>;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
         size: import('./types').QFieldSize;
+        labelPosition: import('..').QLabelPosition;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         field: HTMLDivElement;
     }, any, import('vue').ComponentProvideOptions, {
@@ -16,6 +17,7 @@ declare const QField: {
         fieldRef: Readonly<import('vue').ShallowRef<HTMLDivElement | null>>;
     }, {}, {}, {}, {
         size: import('./types').QFieldSize;
+        labelPosition: import('..').QLabelPosition;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -24,6 +26,7 @@ declare const QField: {
     fieldRef: Readonly<import('vue').ShallowRef<HTMLDivElement | null>>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
     size: import('./types').QFieldSize;
+    labelPosition: import('..').QLabelPosition;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         'label.prepend'?(_: {}): any;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QField/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA2B,CAAA;AAGvC,OAAO,EAAE,MAAM,EAAE,CAAA;AAGjB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QField/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA2B,CAAA;AAGvC,OAAO,EAAE,MAAM,EAAE,CAAA;AAGjB,cAAc,SAAS,CAAA"}

package/esm/components/QFileUpload/QFileUpload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QFileUpload.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QFileUpload/QFileUpload.vue"],"names":[],"mappings":"AAyFA;AAmOC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAY1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAM/C,KAAK,WAAW,GAAG,gBAAgB,CAAC;AA2HrC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,IAAI,CAAC;CACjB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAsOT,OAAO,IAA6B;;wBAbrB,GAAG;;;;;;;EAkB/B;AAyBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;OASnB,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":"QFileUpload.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QFileUpload/QFileUpload.vue"],"names":[],"mappings":"AA0FA;AAoOC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAY1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAM/C,KAAK,WAAW,GAAG,gBAAgB,CAAC;AA2HrC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,IAAI,CAAC;CACjB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAwOT,OAAO,IAA6B;;wBAbrB,GAAG;;;;;;;EAkB/B;AAyBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;OASnB,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/QFileUpload/QFileUpload.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as L, mergeModels as N, useModel as O, toRef as T, computed as d, ref as h, watch as Z, createBlock as w, openBlock as n, unref as i, createSlots as Q, withCtx as _, createElementVNode as a, normalizeClass as j, createElementBlock as c, mergeProps as F, createVNode as s, normalizeProps as v, guardReactiveProps as m, toDisplayString as y, createCommentVNode as M, createTextVNode as P, renderSlot as $ } from "vue";
+import { defineComponent as L, mergeModels as N, useModel as O, toRef as P, computed as d, ref as b, watch as T, createBlock as w, openBlock as n, unref as i, createSlots as Z, withCtx as _, createElementVNode as a, normalizeClass as Q, createElementBlock as c, mergeProps as F, createVNode as s, normalizeProps as v, guardReactiveProps as m, toDisplayString as y, createCommentVNode as j, createTextVNode as M, renderSlot as $ } from "vue";
 import { DEFAULT_TEXTS as H, DEFAULT_ICONS as W } from "./constants.js";
-import { QButton as b } from "../QButton/index.js";
+import { QButton as h } from "../QButton/index.js";
 import { QField as X } from "../QField/index.js";
 import { QIcon as u } from "../QIcon/index.js";
 import { useId as G } from "../../composables/uid.js";
@@ -21,7 +21,7 @@ const Y = ["id", "accept", "required", "readonly", "disabled"], ee = {
 }, de = {
   key: 2,
   class: "q-file-input__empty-container"
-}, he = /* @__PURE__ */ L({
+}, be = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "QFileUpload",
   props: /* @__PURE__ */ N({
@@ -30,6 +30,7 @@ const Y = ["id", "accept", "required", "readonly", "disabled"], ee = {
     label: {},
     required: { type: Boolean },
     for: {},
+    labelPosition: {},
     size: { default: "large" },
     readonly: { type: Boolean },
     disabled: { type: Boolean },
@@ -43,13 +44,13 @@ const Y = ["id", "accept", "required", "readonly", "disabled"], ee = {
   }),
   emits: ["update:modelValue"],
   setup(q) {
-    const e = q, t = O(q, "modelValue"), k = G(T(e, "id")), p = d(() => !e.readonly && !e.disabled), r = h(null);
-    Z(t, (l) => {
+    const e = q, t = O(q, "modelValue"), k = G(P(e, "id")), p = d(() => !e.readonly && !e.disabled), r = b(null);
+    T(t, (l) => {
       r.value && URL.revokeObjectURL(r.value);
       const o = l && l.type.startsWith("image/");
       r.value = o ? URL.createObjectURL(l) : null;
     });
-    const f = h(null);
+    const f = b(null);
     function B() {
       var l;
       (l = f.value) == null || l.click();
@@ -70,7 +71,7 @@ const Y = ["id", "accept", "required", "readonly", "disabled"], ee = {
       const o = l == null ? void 0 : l[0];
       o && (t.value = o);
     }
-    const g = h(null), x = d(() => Array.isArray(e.accept) ? e.accept : e.accept ? e.accept.split(",").map((l) => l.trim()) : []), I = d(() => {
+    const g = b(null), x = d(() => Array.isArray(e.accept) ? e.accept : e.accept ? e.accept.split(",").map((l) => l.trim()) : []), I = d(() => {
       var l;
       return (l = x.value) == null ? void 0 : l.join(",");
     }), S = d(() => p.value && !t.value), { isOverDropZone: z, isValid: A } = J(g, {
@@ -88,19 +89,20 @@ const Y = ["id", "accept", "required", "readonly", "disabled"], ee = {
     return (l, o) => (n(), w(i(X), {
       for: i(k),
       label: e.label,
+      "label-position": e.labelPosition,
       size: e.size,
       readonly: e.readonly,
       disabled: e.disabled,
       required: e.required,
       invalid: e.invalid
-    }, Q({
+    }, Z({
       control: _(() => [
         a(
           "div",
           {
             ref_key: "dropZoneRef",
             ref: g,
-            class: j(E.value)
+            class: Q(E.value)
           },
           [
             a("input", F({
@@ -129,7 +131,7 @@ const Y = ["id", "accept", "required", "readonly", "disabled"], ee = {
                 1
                 /* TEXT */
               ),
-              s(i(b), {
+              s(i(h), {
                 label: e.texts.chooseFile,
                 onClick: B
               }, null, 8, ["label"])
@@ -168,7 +170,7 @@ const Y = ["id", "accept", "required", "readonly", "disabled"], ee = {
                 ])
               ]),
               p.value ? (n(), c("div", re, [
-                s(i(b), {
+                s(i(h), {
                   title: e.texts.download,
                   borderless: "",
                   onClick: U
@@ -185,7 +187,7 @@ const Y = ["id", "accept", "required", "readonly", "disabled"], ee = {
                   _: 1
                   /* STABLE */
                 }, 8, ["title"]),
-                s(i(b), {
+                s(i(h), {
                   title: e.texts.remove,
                   borderless: "",
                   onClick: V
@@ -202,7 +204,7 @@ const Y = ["id", "accept", "required", "readonly", "disabled"], ee = {
                   _: 1
                   /* STABLE */
                 }, 8, ["title"])
-              ])) : M("v-if", !0)
+              ])) : j("v-if", !0)
             ])) : (n(), c("div", de, [
               s(
                 i(u),
@@ -211,7 +213,7 @@ const Y = ["id", "accept", "required", "readonly", "disabled"], ee = {
                 16
                 /* FULL_PROPS */
               ),
-              P(
+              M(
                 " " + y(e.texts.empty),
                 1
                 /* TEXT */
@@ -232,9 +234,9 @@ const Y = ["id", "accept", "required", "readonly", "disabled"], ee = {
         ]),
         key: "0"
       } : void 0
-    ]), 1032, ["for", "label", "size", "readonly", "disabled", "required", "invalid"]));
+    ]), 1032, ["for", "label", "label-position", "size", "readonly", "disabled", "required", "invalid"]));
   }
 });
 export {
-  he as default
+  be as default
 };

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

@@ -5,6 +5,7 @@ declare const QFileUpload: {
         label?: string;
         required?: boolean;
         for?: string;
+        labelPosition?: import('..').QLabelPosition;
     } & {
         size?: import('..').QFieldSize;
         readonly?: boolean;
@@ -39,6 +40,7 @@ declare const QFileUpload: {
         label?: string;
         required?: boolean;
         for?: string;
+        labelPosition?: import('..').QLabelPosition;
     } & {
         size?: import('..').QFieldSize;
         readonly?: boolean;
@@ -65,6 +67,7 @@ declare const QFileUpload: {
     label?: string;
     required?: boolean;
     for?: string;
+    labelPosition?: import('..').QLabelPosition;
 } & {
     size?: import('..').QFieldSize;
     readonly?: boolean;

package/esm/components/QFileUpload/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QFileUpload/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAgC,CAAA;AAGjD,OAAO,EAAE,WAAW,EAAE,CAAA;AAGtB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QFileUpload/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAgC,CAAA;AAGjD,OAAO,EAAE,WAAW,EAAE,CAAA;AAGtB,cAAc,SAAS,CAAA"}

package/esm/components/QInputGroup/QInputGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QInputGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QInputGroup/QInputGroup.vue"],"names":[],"mappings":"AAsCA;AAmEC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAqBhD,iBAAS,cAAc;WA8GT,OAAO,IAA6B;;iCAfb,GAAG;gCACJ,GAAG;yBACT,GAAG;yBACH,GAAG;wBACJ,GAAG;wBACH,GAAG;;;;EAe/B;AAWD,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"}
+{"version":3,"file":"QInputGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QInputGroup/QInputGroup.vue"],"names":[],"mappings":"AAuCA;AAoEC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAqBhD,iBAAS,cAAc;WAgHT,OAAO,IAA6B;;iCAfb,GAAG;gCACJ,GAAG;yBACT,GAAG;yBACH,GAAG;wBACJ,GAAG;wBACH,GAAG;;;;EAe/B;AAWD,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"}

package/esm/components/QInputGroup/QInputGroup.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as f, createBlock as m, openBlock as p, unref as a, normalizeClass as v, createSlots as b, withCtx as l, createElementBlock as s, createCommentVNode as r, renderSlot as n, createVNode as d, normalizeProps as t, guardReactiveProps as i } from "vue";
+import { defineComponent as f, createBlock as m, openBlock as l, unref as r, normalizeClass as b, createSlots as v, withCtx as p, createElementBlock as s, createCommentVNode as a, renderSlot as n, createVNode as i, normalizeProps as t, guardReactiveProps as d } from "vue";
 import { QField as y } from "../QField/index.js";
 import { QIcon as u } from "../QIcon/index.js";
 import { provideDefaults as I } from "../../composables/defaults.js";
@@ -8,7 +8,7 @@ const _ = {
 }, k = { key: 0 }, $ = {
   key: 1,
   class: "q-input-group__append"
-}, q = { key: 0 }, Q = /* @__PURE__ */ f({
+}, q = { key: 0 }, P = /* @__PURE__ */ f({
   __name: "QInputGroup",
   props: {
     id: {},
@@ -16,6 +16,7 @@ const _ = {
     label: {},
     required: { type: Boolean },
     for: {},
+    labelPosition: {},
     size: { default: "large" },
     readonly: { type: Boolean },
     disabled: { type: Boolean },
@@ -29,60 +30,61 @@ const _ = {
       QField: {
         size: "block"
       }
-    }), (o, z) => (p(), m(a(y), {
+    }), (o, z) => (l(), m(r(y), {
       id: e.id,
-      class: v(["q-input-group", e.class]),
+      class: b(["q-input-group", e.class]),
       label: e.label,
+      "label-position": e.labelPosition,
       required: e.required,
       size: e.size,
       invalid: e.invalid
-    }, b({
-      "label.prepend": l(() => [
+    }, v({
+      "label.prepend": p(() => [
         n(o.$slots, "label.prepend")
       ]),
-      "label.append": l(() => [
+      "label.append": p(() => [
         n(o.$slots, "label.append")
       ]),
-      default: l(() => [
-        o.$slots.prepend || e.prependIcon ? (p(), s("div", _, [
-          e.prependIcon ? (p(), s("span", k, [
-            d(
-              a(u),
-              t(i(e.prependIcon)),
+      default: p(() => [
+        o.$slots.prepend || e.prependIcon ? (l(), s("div", _, [
+          e.prependIcon ? (l(), s("span", k, [
+            i(
+              r(u),
+              t(d(e.prependIcon)),
               null,
               16
               /* FULL_PROPS */
             )
-          ])) : r("v-if", !0),
+          ])) : a("v-if", !0),
           n(o.$slots, "prepend")
-        ])) : r("v-if", !0),
+        ])) : a("v-if", !0),
         n(o.$slots, "default"),
-        o.$slots.append || e.appendIcon ? (p(), s("div", $, [
-          e.appendIcon ? (p(), s("span", q, [
-            d(
-              a(u),
-              t(i(e.appendIcon)),
+        o.$slots.append || e.appendIcon ? (l(), s("div", $, [
+          e.appendIcon ? (l(), s("span", q, [
+            i(
+              r(u),
+              t(d(e.appendIcon)),
               null,
               16
               /* FULL_PROPS */
             )
-          ])) : r("v-if", !0),
+          ])) : a("v-if", !0),
           n(o.$slots, "append")
-        ])) : r("v-if", !0)
+        ])) : a("v-if", !0)
       ]),
       _: 2
       /* DYNAMIC */
     }, [
       o.$slots.extras ? {
         name: "extras",
-        fn: l(() => [
+        fn: p(() => [
           n(o.$slots, "extras")
         ]),
         key: "0"
       } : void 0
-    ]), 1032, ["id", "class", "label", "required", "size", "invalid"]));
+    ]), 1032, ["id", "class", "label", "label-position", "required", "size", "invalid"]));
   }
 });
 export {
-  Q as default
+  P as default
 };

package/esm/components/QLabel/QLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QLabel.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QLabel/QLabel.vue"],"names":[],"mappings":"AAaA;AAoCC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAoB3C,iBAAS,cAAc;WAkCT,OAAO,IAA6B;;yBAZrB,GAAG;yBACH,GAAG;wBACJ,GAAG;;;;EAe9B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,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":"QLabel.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QLabel/QLabel.vue"],"names":[],"mappings":"AAaA;AAmCC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAmB3C,iBAAS,cAAc;WAkCT,OAAO,IAA6B;;yBAZrB,GAAG;yBACH,GAAG;wBACJ,GAAG;;;;EAe9B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,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/QLabel/QLabel.vue.js

@@ -1,39 +1,41 @@
-import { defineComponent as t, computed as a, createElementBlock as n, openBlock as d, normalizeClass as c, renderSlot as l, createElementVNode as i, createTextVNode as p, toDisplayString as u } from "vue";
-const f = ["id"], m = ["for"], q = /* @__PURE__ */ t({
+import { defineComponent as a, computed as r, createElementBlock as n, openBlock as i, normalizeClass as d, renderSlot as o, createElementVNode as c, createTextVNode as p, toDisplayString as b } from "vue";
+const u = ["id"], f = ["for"], q = /* @__PURE__ */ a({
   __name: "QLabel",
   props: {
     id: {},
     class: {},
     label: {},
     required: { type: Boolean },
-    for: {}
+    for: {},
+    labelPosition: {}
   },
   setup(s) {
-    const e = s, r = a(() => [
+    const e = s, t = r(() => [
       "q-label",
+      e.labelPosition ? `q-label--${e.labelPosition}` : "",
       {
         "q-label--required": e.required
       },
       e.class
     ]);
-    return (o, _) => (d(), n("div", {
+    return (l, m) => (i(), n("div", {
       id: e.id,
-      class: c(r.value)
+      class: d(t.value)
     }, [
-      l(o.$slots, "prepend"),
-      i("label", {
+      o(l.$slots, "prepend"),
+      c("label", {
         for: e.for
       }, [
-        l(o.$slots, "default", {}, () => [
+        o(l.$slots, "default", {}, () => [
           p(
-            u(e.label),
+            b(e.label),
             1
             /* TEXT */
           )
         ])
-      ], 8, m),
-      l(o.$slots, "append")
-    ], 10, f));
+      ], 8, f),
+      o(l.$slots, "append")
+    ], 10, u));
   }
 });
 export {

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

@@ -1,4 +1,5 @@
 import { QBaseComponentProps } from '../../types/component';
+export type QLabelPosition = 'left' | 'center' | 'right' | 'topleft' | 'topright';
 export type QLabelProps = QBaseComponentProps & {
     /**
      * The label of the input.
@@ -19,5 +20,16 @@ export type QLabelProps = QBaseComponentProps & {
      * @category Accessibility
      */
     for?: string;
+    /**
+     * Position of the label relative to the input field.
+     * - 'left': Label appears to the left of the input
+     * - 'center': Label appears above the input, centered
+     * - 'right': Label appears to the right of the input
+     * - 'topleft': Label appears above the input, aligned to the left
+     * - 'topright': Label appears above the input, aligned to the right
+     *
+     * @category Presentation
+     */
+    labelPosition?: QLabelPosition;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QLabel/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG;IAC/C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QLabel/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAA;AAEjF,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG;IAC/C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ;;;;;;;;;OASG;IACH,aAAa,CAAC,EAAE,cAAc,CAAA;CAC9B,CAAA"}

package/esm/components/QMeter/QMeter.vue.js

@@ -1,14 +1,15 @@
-import { defineComponent as v, mergeModels as b, useModel as f, computed as t, toRef as p, createElementBlock as h, openBlock as q, normalizeClass as x, createElementVNode as o, createVNode as n, unref as u, normalizeStyle as y } from "vue";
+import { defineComponent as b, mergeModels as v, useModel as f, computed as t, toRef as p, createElementBlock as h, openBlock as q, normalizeClass as x, createElementVNode as o, createVNode as n, unref as u, normalizeStyle as y } from "vue";
 import { QLabel as c } from "../QLabel/index.js";
 import { useColor as L } from "../../composables/useColor/index.js";
-const M = ["id"], C = { class: "q-meter__labels" }, V = { class: "q-meter__track" }, B = /* @__PURE__ */ v({
+const M = ["id"], C = { class: "q-meter__labels" }, V = { class: "q-meter__track" }, B = /* @__PURE__ */ b({
   __name: "QMeter",
-  props: /* @__PURE__ */ b({
+  props: /* @__PURE__ */ v({
     id: {},
     class: {},
     label: {},
     required: { type: Boolean },
     for: {},
+    labelPosition: {},
     valueLabel: {},
     color: {},
     max: { default: 100 }
@@ -18,11 +19,11 @@ const M = ["id"], C = { class: "q-meter__labels" }, V = { class: "q-meter__track
   }),
   emits: ["update:modelValue"],
   setup(r) {
-    const e = r, s = f(r, "modelValue"), m = t(() => s.value / e.max * 100), { style: d } = L(p(e, "color")), i = t(() => {
+    const e = r, s = f(r, "modelValue"), i = t(() => s.value / e.max * 100), { style: m } = L(p(e, "color")), d = t(() => {
       var a;
       return {
-        width: `${Math.max(0, Math.min(m.value, 100))}%`,
-        backgroundColor: (a = d.value) == null ? void 0 : a.mainColor
+        width: `${Math.max(0, Math.min(i.value, 100))}%`,
+        backgroundColor: (a = m.value) == null ? void 0 : a.mainColor
       };
     }), _ = t(() => {
       var l;
@@ -46,7 +47,7 @@ const M = ["id"], C = { class: "q-meter__labels" }, V = { class: "q-meter__track
           "div",
           {
             class: "q-meter__fill",
-            style: y(i.value)
+            style: y(d.value)
           },
           null,
           4

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

@@ -4,6 +4,7 @@ declare const QMeter: import('vue').DefineComponent<{
     label?: string;
     required?: boolean;
     for?: string;
+    labelPosition?: import('..').QLabelPosition;
 } & {
     valueLabel?: string | ((value: number, max: number) => string);
     color?: string;
@@ -16,6 +17,7 @@ declare const QMeter: import('vue').DefineComponent<{
     label?: string;
     required?: boolean;
     for?: string;
+    labelPosition?: import('..').QLabelPosition;
 } & {
     valueLabel?: string | ((value: number, max: number) => string);
     color?: string;

package/esm/components/QMeter/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QMeter/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;wFAA2B,CAAA;AAGvC,OAAO,EAAE,MAAM,EAAE,CAAA;AAGjB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QMeter/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;wFAA2B,CAAA;AAGvC,OAAO,EAAE,MAAM,EAAE,CAAA;AAGjB,cAAc,SAAS,CAAA"}