@quidgest/ui 0.16.65 → 0.16.67

package/dist/json/api.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.16.65",
+  "version": "0.16.67",
   "components": [
     {
       "name": "QAccordion",
@@ -1342,6 +1342,22 @@
             "required": false,
             "category": "Accessibility"
           },
+          {
+            "name": "labelPosition",
+            "type": {
+              "kind": "enum",
+              "values": [
+                "right",
+                "left",
+                "center",
+                "topleft",
+                "topright"
+              ]
+            },
+            "description": "Position of the label relative to the input field.\n- 'left': Label appears to the left of the input\n- 'center': Label appears above the input, centered\n- 'right': Label appears to the right of the input\n- 'topleft': Label appears above the input, aligned to the left\n- 'topright': Label appears above the input, aligned to the right",
+            "required": false,
+            "category": "Presentation"
+          },
           {
             "name": "labelPlacement",
             "type": {
@@ -1976,6 +1992,22 @@
             "required": false,
             "category": "Accessibility"
           },
+          {
+            "name": "labelPosition",
+            "type": {
+              "kind": "enum",
+              "values": [
+                "right",
+                "left",
+                "center",
+                "topleft",
+                "topright"
+              ]
+            },
+            "description": "Position of the label relative to the input field.\n- 'left': Label appears to the left of the input\n- 'center': Label appears above the input, centered\n- 'right': Label appears to the right of the input\n- 'topleft': Label appears above the input, aligned to the left\n- 'topright': Label appears above the input, aligned to the right",
+            "required": false,
+            "category": "Presentation"
+          },
           {
             "name": "readonly",
             "type": {
@@ -2324,6 +2356,22 @@
             "required": false,
             "category": "Accessibility"
           },
+          {
+            "name": "labelPosition",
+            "type": {
+              "kind": "enum",
+              "values": [
+                "right",
+                "left",
+                "center",
+                "topleft",
+                "topright"
+              ]
+            },
+            "description": "Position of the label relative to the input field.\n- 'left': Label appears to the left of the input\n- 'center': Label appears above the input, centered\n- 'right': Label appears to the right of the input\n- 'topleft': Label appears above the input, aligned to the left\n- 'topright': Label appears above the input, aligned to the right",
+            "required": false,
+            "category": "Presentation"
+          },
           {
             "name": "size",
             "type": {
@@ -3389,6 +3437,23 @@
             "required": false,
             "category": "Accessibility"
           },
+          {
+            "name": "labelPosition",
+            "type": {
+              "kind": "enum",
+              "values": [
+                "right",
+                "left",
+                "center",
+                "topleft",
+                "topright"
+              ]
+            },
+            "description": "Position of the label relative to the input field.\n- 'left': Label appears to the left of the input\n- 'center': Label appears above the input, centered\n- 'right': Label appears to the right of the input\n- 'topleft': Label appears above the input, aligned to the left\n- 'topright': Label appears above the input, aligned to the right",
+            "default": "topleft",
+            "required": false,
+            "category": "Presentation"
+          },
           {
             "name": "size",
             "type": {
@@ -3527,6 +3592,22 @@
             "required": false,
             "category": "Accessibility"
           },
+          {
+            "name": "labelPosition",
+            "type": {
+              "kind": "enum",
+              "values": [
+                "right",
+                "left",
+                "center",
+                "topleft",
+                "topright"
+              ]
+            },
+            "description": "Position of the label relative to the input field.\n- 'left': Label appears to the left of the input\n- 'center': Label appears above the input, centered\n- 'right': Label appears to the right of the input\n- 'topleft': Label appears above the input, aligned to the left\n- 'topright': Label appears above the input, aligned to the right",
+            "required": false,
+            "category": "Presentation"
+          },
           {
             "name": "size",
             "type": {
@@ -4005,6 +4086,22 @@
             "required": false,
             "category": "Accessibility"
           },
+          {
+            "name": "labelPosition",
+            "type": {
+              "kind": "enum",
+              "values": [
+                "right",
+                "left",
+                "center",
+                "topleft",
+                "topright"
+              ]
+            },
+            "description": "Position of the label relative to the input field.\n- 'left': Label appears to the left of the input\n- 'center': Label appears above the input, centered\n- 'right': Label appears to the right of the input\n- 'topleft': Label appears above the input, aligned to the left\n- 'topright': Label appears above the input, aligned to the right",
+            "required": false,
+            "category": "Presentation"
+          },
           {
             "name": "size",
             "type": {
@@ -4200,6 +4297,22 @@
             "description": "The form field associated with the label.",
             "required": false,
             "category": "Accessibility"
+          },
+          {
+            "name": "labelPosition",
+            "type": {
+              "kind": "enum",
+              "values": [
+                "right",
+                "left",
+                "center",
+                "topleft",
+                "topright"
+              ]
+            },
+            "description": "Position of the label relative to the input field.\n- 'left': Label appears to the left of the input\n- 'center': Label appears above the input, centered\n- 'right': Label appears to the right of the input\n- 'topleft': Label appears above the input, aligned to the left\n- 'topright': Label appears above the input, aligned to the right",
+            "required": false,
+            "category": "Presentation"
           }
         ],
         "events": [],
@@ -4552,6 +4665,22 @@
             "required": false,
             "category": "Accessibility"
           },
+          {
+            "name": "labelPosition",
+            "type": {
+              "kind": "enum",
+              "values": [
+                "right",
+                "left",
+                "center",
+                "topleft",
+                "topright"
+              ]
+            },
+            "description": "Position of the label relative to the input field.\n- 'left': Label appears to the left of the input\n- 'center': Label appears above the input, centered\n- 'right': Label appears to the right of the input\n- 'topleft': Label appears above the input, aligned to the left\n- 'topright': Label appears above the input, aligned to the right",
+            "required": false,
+            "category": "Presentation"
+          },
           {
             "name": "valueLabel",
             "type": {
@@ -5085,6 +5214,22 @@
             "required": false,
             "category": "Accessibility"
           },
+          {
+            "name": "labelPosition",
+            "type": {
+              "kind": "enum",
+              "values": [
+                "right",
+                "left",
+                "center",
+                "topleft",
+                "topright"
+              ]
+            },
+            "description": "Position of the label relative to the input field.\n- 'left': Label appears to the left of the input\n- 'center': Label appears above the input, centered\n- 'right': Label appears to the right of the input\n- 'topleft': Label appears above the input, aligned to the left\n- 'topright': Label appears above the input, aligned to the right",
+            "required": false,
+            "category": "Presentation"
+          },
           {
             "name": "readonly",
             "type": {
@@ -5707,6 +5852,22 @@
             "required": false,
             "category": "Accessibility"
           },
+          {
+            "name": "labelPosition",
+            "type": {
+              "kind": "enum",
+              "values": [
+                "right",
+                "left",
+                "center",
+                "topleft",
+                "topright"
+              ]
+            },
+            "description": "Position of the label relative to the input field.\n- 'left': Label appears to the left of the input\n- 'center': Label appears above the input, centered\n- 'right': Label appears to the right of the input\n- 'topleft': Label appears above the input, aligned to the left\n- 'topright': Label appears above the input, aligned to the right",
+            "required": false,
+            "category": "Presentation"
+          },
           {
             "name": "name",
             "type": {
@@ -5995,6 +6156,22 @@
             "required": false,
             "category": "Accessibility"
           },
+          {
+            "name": "labelPosition",
+            "type": {
+              "kind": "enum",
+              "values": [
+                "right",
+                "left",
+                "center",
+                "topleft",
+                "topright"
+              ]
+            },
+            "description": "Position of the label relative to the input field.\n- 'left': Label appears to the left of the input\n- 'center': Label appears above the input, centered\n- 'right': Label appears to the right of the input\n- 'topleft': Label appears above the input, aligned to the left\n- 'topright': Label appears above the input, aligned to the right",
+            "required": false,
+            "category": "Presentation"
+          },
           {
             "name": "size",
             "type": {
@@ -6587,6 +6764,22 @@
             "required": false,
             "category": "State"
           },
+          {
+            "name": "labelPosition",
+            "type": {
+              "kind": "enum",
+              "values": [
+                "right",
+                "left",
+                "center",
+                "topleft",
+                "topright"
+              ]
+            },
+            "description": "Position of the label relative to the input field.\n- 'left': Label appears to the left of the input\n- 'center': Label appears above the input, centered\n- 'right': Label appears to the right of the input\n- 'topleft': Label appears above the input, aligned to the left\n- 'topright': Label appears above the input, aligned to the right",
+            "required": false,
+            "category": "Presentation"
+          },
           {
             "name": "trueLabel",
             "type": {
@@ -6786,6 +6979,22 @@
             "required": false,
             "category": "Accessibility"
           },
+          {
+            "name": "labelPosition",
+            "type": {
+              "kind": "enum",
+              "values": [
+                "right",
+                "left",
+                "center",
+                "topleft",
+                "topright"
+              ]
+            },
+            "description": "Position of the label relative to the input field.\n- 'left': Label appears to the left of the input\n- 'center': Label appears above the input, centered\n- 'right': Label appears to the right of the input\n- 'topleft': Label appears above the input, aligned to the left\n- 'topright': Label appears above the input, aligned to the right",
+            "required": false,
+            "category": "Presentation"
+          },
           {
             "name": "size",
             "type": {
@@ -7059,6 +7268,22 @@
             "required": false,
             "category": "Accessibility"
           },
+          {
+            "name": "labelPosition",
+            "type": {
+              "kind": "enum",
+              "values": [
+                "right",
+                "left",
+                "center",
+                "topleft",
+                "topright"
+              ]
+            },
+            "description": "Position of the label relative to the input field.\n- 'left': Label appears to the left of the input\n- 'center': Label appears above the input, centered\n- 'right': Label appears to the right of the input\n- 'topleft': Label appears above the input, aligned to the left\n- 'topright': Label appears above the input, aligned to the right",
+            "required": false,
+            "category": "Presentation"
+          },
           {
             "name": "size",
             "type": {

package/dist/ui.css

@@ -3176,6 +3176,14 @@ body *::-webkit-scrollbar-track {
 .q-field--invalid .q-field__control:not(:focus-within) {
   border-color: var(--q-theme-danger);
 }
+.q-field--label-left {
+  flex-direction: row;
+  gap: 0.25rem;
+}
+.q-field--label-right {
+  flex-direction: row-reverse;
+  gap: 0.25rem;
+}
 .q-field:not(.q-field--disabled) .q-field__control:focus-within {
   outline: 2px solid rgb(var(--q-theme-info-rgb)/50%);
 }
@@ -3918,6 +3926,12 @@ body *::-webkit-scrollbar-track {
   font-weight: 700;
   color: var(--q-theme-danger);
 }
+.q-label--topright {
+  align-self: flex-end;
+}
+.q-label--center {
+  align-self: center;
+}
 
 .q-line-loader {
   --q-line-loader-height: 4px;

package/dist/ui.esm.js

@@ -3,7 +3,7 @@ var vs = (t, e, a) => e in t ? ms(t, e, { enumerable: !0, configurable: !0, writ
 var _e = (t, e, a) => vs(t, typeof e != "symbol" ? e + "" : e, a);
 import { getCurrentInstance as wn, computed as w, ref as j, toValue as ya, provide as yl, inject as Ga, unref as u, isRef as vn, watch as De, defineComponent as ue, mergeModels as Ve, toRef as Ce, useModel as We, createElementBlock as _, openBlock as p, normalizeClass as oe, renderSlot as D, normalizeStyle as Qe, withModifiers as at, createCommentVNode as S, createElementVNode as Z, createVNode as me, createTextVNode as je, toDisplayString as ke, useAttrs as gl, createBlock as te, resolveDynamicComponent as Nt, withCtx as z, Fragment as ye, h as Jn, mergeProps as $e, normalizeProps as Oe, guardReactiveProps as Ne, useSlots as Zt, onMounted as Je, onUnmounted as Dt, renderList as Re, nextTick as Be, useTemplateRef as Tt, createSlots as He, withKeys as el, withDirectives as Ut, vModelDynamic as hs, vModelText as bl, useId as ys, onBeforeUnmount as _l, reactive as ra, Teleport as Rr, Transition as jt, render as ar, getCurrentScope as Er, onScopeDispose as Vr, onBeforeUpdate as gs, vShow as pn, resolveComponent as bs, vModelCheckbox as _s, readonly as ws, customRef as ks, shallowRef as tl, toHandlers as $s, watchEffect as xs, TransitionGroup as Ts } from "vue";
 /*!
- * Quidgest UI v0.16.65
+ * Quidgest UI v0.16.67
  * (c) 2026 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
@@ -1631,6 +1631,7 @@ const ki = /* @__PURE__ */ ue({
     label: {},
     required: { type: Boolean },
     for: {},
+    labelPosition: {},
     labelPlacement: { default: "right" },
     color: { default: "primary" },
     size: { default: "regular" },
@@ -1741,11 +1742,13 @@ const ki = /* @__PURE__ */ ue({
     class: {},
     label: {},
     required: { type: Boolean },
-    for: {}
+    for: {},
+    labelPosition: {}
   },
   setup(t) {
     const e = t, a = w(() => [
       "q-label",
+      e.labelPosition ? `q-label--${e.labelPosition}` : "",
       {
         "q-label--required": e.required
       },
@@ -1776,7 +1779,8 @@ const ki = /* @__PURE__ */ ue({
     class: {},
     label: {},
     required: { type: Boolean },
-    for: {}
+    for: {},
+    labelPosition: {}
   },
   setup(t) {
     const e = t;
@@ -1816,6 +1820,7 @@ const ki = /* @__PURE__ */ ue({
     label: {},
     required: { type: Boolean },
     for: {},
+    labelPosition: { default: "topleft" },
     size: { default: "medium" },
     readonly: { type: Boolean },
     disabled: { type: Boolean },
@@ -1825,6 +1830,7 @@ const ki = /* @__PURE__ */ ue({
     const a = t, n = Tt("field"), l = w(() => a.required && !a.readonly && !a.disabled), r = w(() => [
       "q-field",
       `q-field--${a.size}`,
+      `q-field--label-${a.labelPosition}`,
       {
         "q-field--readonly": a.readonly,
         "q-field--disabled": a.disabled,
@@ -1843,6 +1849,7 @@ const ki = /* @__PURE__ */ ue({
         key: 0,
         class: "q-field__label",
         label: a.label,
+        "label-position": a.labelPosition,
         for: a.for,
         required: a.required
       }, {
@@ -1853,7 +1860,7 @@ const ki = /* @__PURE__ */ ue({
           D(o.$slots, "label.append")
         ]),
         _: 3
-      }, 8, ["label", "for", "required"])) : S("", !0),
+      }, 8, ["label", "label-position", "for", "required"])) : S("", !0),
       D(o.$slots, "control", {}, () => [
         Z("div", $e({
           ref: "field",
@@ -1918,6 +1925,7 @@ const ki = /* @__PURE__ */ ue({
     label: {},
     required: { type: Boolean },
     for: {},
+    labelPosition: {},
     size: {},
     readonly: { type: Boolean },
     disabled: { type: Boolean },
@@ -1959,6 +1967,7 @@ const ki = /* @__PURE__ */ ue({
       class: oe(["q-text-field", n.class]),
       for: u(s),
       label: n.label,
+      "label-position": n.labelPosition,
       size: n.size,
       readonly: n.readonly,
       disabled: n.disabled,
@@ -2017,7 +2026,7 @@ const ki = /* @__PURE__ */ ue({
         ]),
         key: "2"
       } : void 0
-    ]), 1032, ["class", "for", "label", "size", "readonly", "disabled", "required", "invalid"]));
+    ]), 1032, ["class", "for", "label", "label-position", "size", "readonly", "disabled", "required", "invalid"]));
   }
 }), Tu = {
   ...tn
@@ -3180,6 +3189,7 @@ const vd = ["id"], hd = ["role"], yd = /* @__PURE__ */ ue({
     label: {},
     required: { type: Boolean },
     for: {},
+    labelPosition: {},
     size: {},
     readonly: { type: Boolean },
     disabled: { type: Boolean },
@@ -12264,6 +12274,7 @@ const rv = ["value", "placeholder", "disabled", "readonly", "required", "onInput
     label: {},
     required: { type: Boolean },
     for: {},
+    labelPosition: {},
     size: {},
     readonly: { type: Boolean },
     disabled: { type: Boolean },
@@ -12333,6 +12344,7 @@ const rv = ["value", "placeholder", "disabled", "readonly", "required", "onInput
       id: e.id,
       class: oe(["q-date-time-picker", e.class]),
       label: e.label,
+      "label-position": e.labelPosition,
       readonly: e.readonly,
       disabled: e.disabled,
       required: e.required,
@@ -12407,7 +12419,7 @@ const rv = ["value", "placeholder", "disabled", "readonly", "required", "onInput
         ]),
         key: "0"
       } : void 0
-    ]), 1032, ["id", "class", "label", "readonly", "disabled", "required", "size", "invalid"]));
+    ]), 1032, ["id", "class", "label", "label-position", "readonly", "disabled", "required", "size", "invalid"]));
   }
 }), sv = we(ov), iv = /* @__PURE__ */ ue({
   __name: "QDefaultsProvider",
@@ -13023,6 +13035,7 @@ const Vv = ["id", "accept", "required", "readonly", "disabled"], Fv = {
     label: {},
     required: { type: Boolean },
     for: {},
+    labelPosition: {},
     size: { default: "large" },
     readonly: { type: Boolean },
     disabled: { type: Boolean },
@@ -13081,6 +13094,7 @@ const Vv = ["id", "accept", "required", "readonly", "disabled"], Fv = {
     return (x, F) => (p(), te(u(ba), {
       for: u(n),
       label: e.label,
+      "label-position": e.labelPosition,
       size: e.size,
       readonly: e.readonly,
       disabled: e.disabled,
@@ -13164,7 +13178,7 @@ const Vv = ["id", "accept", "required", "readonly", "disabled"], Fv = {
         ]),
         key: "0"
       } : void 0
-    ]), 1032, ["for", "label", "size", "readonly", "disabled", "required", "invalid"]));
+    ]), 1032, ["for", "label", "label-position", "size", "readonly", "disabled", "required", "invalid"]));
   }
 }), Kv = we(Gv), Zv = /* @__PURE__ */ ue({
   __name: "QCol",
@@ -13297,6 +13311,7 @@ const rh = /* @__PURE__ */ th(ah, [["render", lh]]), Qa = we(Zv), vl = we(Jv), h
     label: {},
     required: { type: Boolean },
     for: {},
+    labelPosition: {},
     size: { default: "large" },
     readonly: { type: Boolean },
     disabled: { type: Boolean },
@@ -13314,6 +13329,7 @@ const rh = /* @__PURE__ */ th(ah, [["render", lh]]), Qa = we(Zv), vl = we(Jv), h
       id: e.id,
       class: oe(["q-input-group", e.class]),
       label: e.label,
+      "label-position": e.labelPosition,
       required: e.required,
       size: e.size,
       invalid: e.invalid
@@ -13348,7 +13364,7 @@ const rh = /* @__PURE__ */ th(ah, [["render", lh]]), Qa = we(Zv), vl = we(Jv), h
         ]),
         key: "0"
       } : void 0
-    ]), 1032, ["id", "class", "label", "required", "size", "invalid"]));
+    ]), 1032, ["id", "class", "label", "label-position", "required", "size", "invalid"]));
   }
 }), yh = we(hh), gh = ["id"], bh = /* @__PURE__ */ ue({
   __name: "QLineLoader",
@@ -13380,6 +13396,7 @@ const rh = /* @__PURE__ */ th(ah, [["render", lh]]), Qa = we(Zv), vl = we(Jv), h
     label: {},
     required: { type: Boolean },
     for: {},
+    labelPosition: {},
     valueLabel: {},
     color: {},
     max: { default: 100 }
@@ -13536,6 +13553,7 @@ const rh = /* @__PURE__ */ th(ah, [["render", lh]]), Qa = we(Zv), vl = we(Jv), h
     label: {},
     required: { type: Boolean },
     for: {},
+    labelPosition: {},
     size: {},
     readonly: { type: Boolean },
     disabled: { type: Boolean },
@@ -14010,6 +14028,7 @@ const rh = /* @__PURE__ */ th(ah, [["render", lh]]), Qa = we(Zv), vl = we(Jv), h
     label: {},
     required: { type: Boolean },
     for: {},
+    labelPosition: {},
     value: {},
     name: {},
     labelPlacement: { default: "end" },
@@ -14100,6 +14119,7 @@ const rh = /* @__PURE__ */ th(ah, [["render", lh]]), Qa = we(Zv), vl = we(Jv), h
     label: {},
     required: { type: Boolean },
     for: {},
+    labelPosition: {},
     name: {},
     orientation: { default: "vertical" },
     size: { default: "regular" },
@@ -14190,6 +14210,7 @@ const rh = /* @__PURE__ */ th(ah, [["render", lh]]), Qa = we(Zv), vl = we(Jv), h
     label: {},
     required: { type: Boolean },
     for: {},
+    labelPosition: {},
     size: {},
     readonly: { type: Boolean },
     disabled: { type: Boolean },
@@ -14310,6 +14331,7 @@ const rh = /* @__PURE__ */ th(ah, [["render", lh]]), Qa = we(Zv), vl = we(Jv), h
           id: u(r),
           ref: "trigger",
           label: a.label,
+          "label-position": a.labelPosition,
           required: a.required,
           class: oe([
             "q-select",
@@ -14472,7 +14494,7 @@ const rh = /* @__PURE__ */ th(ah, [["render", lh]]), Qa = we(Zv), vl = we(Jv), h
             ]),
             key: "1"
           } : void 0
-        ]), 1032, ["id", "label", "required", "class", "readonly", "disabled", "data-loading", "size", "invalid"]),
+        ]), 1032, ["id", "label", "label-position", "required", "class", "readonly", "disabled", "data-loading", "size", "invalid"]),
         me(u(sa), {
           modelValue: s.value,
           "onUpdate:modelValue": K[1] || (K[1] = (B) => s.value = B),
@@ -14860,6 +14882,7 @@ const rh = /* @__PURE__ */ th(ah, [["render", lh]]), Qa = we(Zv), vl = we(Jv), h
     class: {},
     label: {},
     required: { type: Boolean },
+    labelPosition: {},
     trueLabel: { default: "On" },
     falseLabel: { default: "Off" },
     showStateLabels: { type: Boolean },
@@ -15033,6 +15056,7 @@ const Ny = ["id", "required", "placeholder", "readonly", "disabled", "maxlength"
     label: {},
     required: { type: Boolean },
     for: {},
+    labelPosition: {},
     size: {},
     readonly: { type: Boolean },
     disabled: { type: Boolean },
@@ -15068,6 +15092,7 @@ const Ny = ["id", "required", "placeholder", "readonly", "disabled", "maxlength"
       class: oe(["q-text-area", e.class]),
       for: u(l),
       label: e.label,
+      "label-position": e.labelPosition,
       size: e.size,
       readonly: e.readonly,
       disabled: e.disabled,
@@ -15122,7 +15147,7 @@ const Ny = ["id", "required", "placeholder", "readonly", "disabled", "maxlength"
         ]),
         key: "2"
       } : void 0
-    ]), 1032, ["class", "for", "label", "size", "readonly", "disabled", "required"]));
+    ]), 1032, ["class", "for", "label", "label-position", "size", "readonly", "disabled", "required"]));
   }
 }), Wy = we(Qy), Hy = ["id"], Uy = /* @__PURE__ */ ue({
   __name: "QThemeProvider",