@quidgest/ui 0.14.21 → 0.14.23

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

@@ -0,0 +1,79 @@
+import { defineComponent as b, mergeModels as y, useModel as g, watch as B, computed as d, toRef as r, createElementBlock as n, openBlock as a, normalizeClass as q, createBlock as _, createCommentVNode as u, createElementVNode as h, unref as l, mergeProps as z, renderSlot as m } from "vue";
+import { QLabel as k } from "../QLabel/index.js";
+import { provideDefaults as V } from "../../composables/defaults.js";
+import { useGroup as $ } from "../../composables/group.js";
+import { useId as c } from "../../composables/uid.js";
+const C = ["id"], M = {
+  key: 1,
+  class: "q-field__extras"
+}, w = /* @__PURE__ */ b({
+  inheritAttrs: !1,
+  __name: "QRadioGroup",
+  props: /* @__PURE__ */ y({
+    id: {},
+    class: {},
+    label: {},
+    for: {},
+    required: { type: Boolean },
+    orientation: { default: "vertical" },
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    size: { default: "regular" },
+    invalid: { type: Boolean },
+    name: {}
+  }, {
+    modelValue: { type: [String, Number, Boolean, Symbol] },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const e = t, i = g(t, "modelValue"), { active: p } = $({ active: i });
+    B(p, (o) => {
+      i.value = o;
+    });
+    const s = c(e.id), f = d(() => c(e.name)), v = d(() => [
+      "q-radio-group",
+      {
+        "q-radio-group--horizontal": e.orientation === "horizontal"
+      },
+      e.class
+    ]);
+    return V({
+      QRadioButton: {
+        size: r(e, "size"),
+        disabled: r(e, "disabled"),
+        readonly: r(e, "readonly"),
+        invalid: r(e, "invalid"),
+        name: f
+      }
+    }), (o, N) => (a(), n(
+      "div",
+      {
+        class: q(v.value)
+      },
+      [
+        e.label ? (a(), _(l(k), {
+          key: 0,
+          for: l(s),
+          label: e.label,
+          required: e.required
+        }, null, 8, ["for", "label", "required"])) : u("v-if", !0),
+        h("div", z({
+          id: l(s),
+          class: "q-radio-group__group",
+          role: "radiogroup"
+        }, o.$attrs), [
+          m(o.$slots, "default")
+        ], 16, C),
+        o.$slots.extras ? (a(), n("div", M, [
+          m(o.$slots, "extras")
+        ])) : u("v-if", !0)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+});
+export {
+  w as default
+};

package/esm/components/QRadioGroup/QRadioGroup.vue2.js

@@ -0,0 +1,4 @@
+import f from "./QRadioGroup.vue.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,108 @@
+declare const QRadioButton: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').QRadioButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        size: import('./types').QRadioButtonSize;
+        color: string;
+        labelPlacement: import('./types').QRadioButtonLabelPlacement;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./types').QRadioButtonProps> & Readonly<{}>, {}, {}, {}, {}, {
+        size: import('./types').QRadioButtonSize;
+        color: string;
+        labelPlacement: import('./types').QRadioButtonLabelPlacement;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').QRadioButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    size: import('./types').QRadioButtonSize;
+    color: string;
+    labelPlacement: import('./types').QRadioButtonLabelPlacement;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+        default?(_: {}): any;
+    };
+});
+declare const QRadioGroup: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: import('../../types/primitive').Primitive;
+    } & import('../../types/component').QBaseComponentProps & {
+        label?: string;
+        for?: string;
+        required?: boolean;
+    } & {
+        orientation?: import('./types').QRadioButtonOrientation;
+        disabled?: boolean;
+        readonly?: boolean;
+        size?: import('./types').QRadioButtonSize;
+        invalid?: boolean;
+        name?: string;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: import('../../types/primitive').Primitive) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: import('../../types/primitive').Primitive) => any;
+    }, import('vue').PublicProps, {
+        size: import('./types').QRadioButtonSize;
+        orientation: import('./types').QRadioButtonOrientation;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue?: import('../../types/primitive').Primitive;
+    } & import('../../types/component').QBaseComponentProps & {
+        label?: string;
+        for?: string;
+        required?: boolean;
+    } & {
+        orientation?: import('./types').QRadioButtonOrientation;
+        disabled?: boolean;
+        readonly?: boolean;
+        size?: import('./types').QRadioButtonSize;
+        invalid?: boolean;
+        name?: string;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: import('../../types/primitive').Primitive) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        size: import('./types').QRadioButtonSize;
+        orientation: import('./types').QRadioButtonOrientation;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{
+    modelValue?: import('../../types/primitive').Primitive;
+} & import('../../types/component').QBaseComponentProps & {
+    label?: string;
+    for?: string;
+    required?: boolean;
+} & {
+    orientation?: import('./types').QRadioButtonOrientation;
+    disabled?: boolean;
+    readonly?: boolean;
+    size?: import('./types').QRadioButtonSize;
+    invalid?: boolean;
+    name?: string;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: import('../../types/primitive').Primitive) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: import('../../types/primitive').Primitive) => any;
+}, string, {
+    size: import('./types').QRadioButtonSize;
+    orientation: import('./types').QRadioButtonOrientation;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+        extras?(_: {}): any;
+    };
+});
+export { QRadioButton, QRadioGroup };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QRadioGroup/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAiC,CAAA;AACnD,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAgC,CAAA;AAGjD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,CAAA"}

package/esm/components/QRadioGroup/index.js

@@ -0,0 +1,8 @@
+import r from "./QRadioButton.vue.js";
+import t from "./QRadioGroup.vue.js";
+import { setupPropsProxy as o } from "../../utils/setupPropsProxy.js";
+const s = o(r), f = o(t);
+export {
+  s as QRadioButton,
+  f as QRadioGroup
+};

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

@@ -0,0 +1,65 @@
+import { QLabelProps } from '../QLabel';
+export type QRadioButtonOrientation = 'vertical' | 'horizontal';
+export type QRadioButtonSize = 'small' | 'regular' | 'large';
+export type QRadioGroupProps = QLabelProps & {
+    /**
+     * The orientation of the radio button group shown.
+     */
+    orientation?: QRadioButtonOrientation;
+    /**
+     * If true, the radio button is disabled and cannot be interacted with.
+     */
+    disabled?: boolean;
+    /**
+     * If set to true, the radio button is read-only.
+     */
+    readonly?: boolean;
+    /**
+     * The size of the checkbox, either 'regular', 'small' or 'large'.
+     */
+    size?: QRadioButtonSize;
+    /**
+     * Indicates whether the provided value fails the validation criteria.
+     */
+    invalid?: boolean;
+    /**
+     * The name for each radio buttons in radio group.
+     */
+    name?: string;
+};
+export type QRadioButtonLabelPlacement = 'start' | 'end';
+export type QRadioButtonProps = QLabelProps & {
+    /**
+     * The placement of the label shown.
+     */
+    labelPlacement?: QRadioButtonLabelPlacement;
+    /**
+     * If true, the radio button is disabled and cannot be interacted with.
+     */
+    disabled?: boolean;
+    /**
+     * If set to true, the radio button is read-only.
+     */
+    readonly?: boolean;
+    /**
+     * Applies specified color to the control
+     */
+    color?: string;
+    /**
+     * Defined the value for the radio button.
+     */
+    value: string;
+    /**
+     * The size of the checkbox, either 'regular', 'small' or 'large'.
+     */
+    size?: QRadioButtonSize;
+    /**
+     * Indicates whether the provided value fails the validation criteria.
+     */
+    invalid?: boolean;
+    /**
+     * The name for each radio buttons in radio group.
+     */
+    name?: string;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QRadioGroup/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAE5C,MAAM,MAAM,uBAAuB,GAAG,UAAU,GAAG,YAAY,CAAA;AAE/D,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;AAE5D,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAC5C;;OAEG;IACH,WAAW,CAAC,EAAE,uBAAuB,CAAA;IAErC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAA;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG,OAAO,GAAG,KAAK,CAAA;AAExD,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG;IAC7C;;OAEG;IACH,cAAc,CAAC,EAAE,0BAA0B,CAAA;IAE3C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAA;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACb,CAAA"}

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

@@ -26,10 +26,10 @@ declare function __VLS_template(): {
                 readonly class?: string | unknown[] | undefined;
                 readonly label?: string | undefined;
                 readonly for?: string | undefined;
+                readonly required?: boolean | undefined;
                 readonly size?: import('../QField').QFieldSize | undefined;
                 readonly readonly?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
-                readonly required?: boolean | undefined;
                 readonly invalid?: boolean | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
@@ -298,10 +298,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             readonly class?: string | unknown[] | undefined;
             readonly label?: string | undefined;
             readonly for?: string | undefined;
+            readonly required?: boolean | undefined;
             readonly size?: import('../QField').QFieldSize | undefined;
             readonly readonly?: boolean | undefined;
             readonly disabled?: boolean | undefined;
-            readonly required?: boolean | undefined;
             readonly invalid?: boolean | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {

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

@@ -25,10 +25,10 @@ const fe = {
     class: {},
     label: {},
     for: {},
+    required: { type: Boolean },
     size: {},
     readonly: { type: Boolean },
     disabled: { type: Boolean },
-    required: { type: Boolean },
     invalid: { type: Boolean },
     items: {},
     groups: { default: () => [] },

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

@@ -4,6 +4,7 @@ declare const QSelect: {
     } & import('../../types/component').QBaseComponentProps & {
         label?: string;
         for?: string;
+        required?: boolean;
     } & {
         size?: import('..').QFieldSize;
         readonly?: boolean;
@@ -54,10 +55,10 @@ declare const QSelect: {
                 readonly class?: string | unknown[] | undefined;
                 readonly label?: string | undefined;
                 readonly for?: string | undefined;
+                readonly required?: boolean | undefined;
                 readonly size?: import('..').QFieldSize | undefined;
                 readonly readonly?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
-                readonly required?: boolean | undefined;
                 readonly invalid?: boolean | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
@@ -304,6 +305,7 @@ declare const QSelect: {
     } & import('../../types/component').QBaseComponentProps & {
         label?: string;
         for?: string;
+        required?: boolean;
     } & {
         size?: import('..').QFieldSize;
         readonly?: boolean;
@@ -347,6 +349,7 @@ declare const QSelect: {
 } & import('../../types/component').QBaseComponentProps & {
     label?: string;
     for?: string;
+    required?: boolean;
 } & {
     size?: import('..').QFieldSize;
     readonly?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAI2wzB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAJr2zB,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAI2wzB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAJr2zB,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"QTextArea.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextArea/QTextArea.vue"],"names":[],"mappings":"AAgDA;AA8GC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAO7C,KAAK,WAAW,GAAG,cAAc,CAAC;AAoDnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA0GT,OAAO,IAA6B;;iCAhBb,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACJ,GAAG;wBACF,GAAG;;;;;;EAiB/B;AAgBD,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":"QTextArea.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextArea/QTextArea.vue"],"names":[],"mappings":"AAgDA;AAkHC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAO7C,KAAK,WAAW,GAAG,cAAc,CAAC;AAwDnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA0GT,OAAO,IAA6B;;iCAhBb,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACJ,GAAG;wBACF,GAAG;;;;;;EAiB/B;AAgBD,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/QTextArea/QTextArea.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as b, mergeModels as h, useModel as z, computed as o, ref as g, createBlock as x, openBlock as w, unref as s, normalizeClass as q, createSlots as $, withCtx as a, withDirectives as v, createElementVNode as B, mergeProps as k, toHandlers as M, vModelText as V, renderSlot as r } from "vue";
-import { QField as L } from "../QField/index.js";
-import { useId as A } from "../../composables/uid.js";
-import { useTextareaAutosize as C } from "../../vendors/@vueuse/core/index.js";
-const H = ["id", "required", "placeholder", "readonly", "disabled", "maxlength", "rows", "cols", "resize", "wrap"], Q = /* @__PURE__ */ b({
+import { defineComponent as b, mergeModels as h, useModel as z, computed as t, watch as x, ref as g, createBlock as w, openBlock as q, unref as n, normalizeClass as $, createSlots as v, withCtx as a, withDirectives as B, createElementVNode as k, mergeProps as M, toHandlers as V, vModelText as A, renderSlot as o } from "vue";
+import { QField as C } from "../QField/index.js";
+import { useId as H } from "../../composables/uid.js";
+import { useTextareaAutosize as L } from "../../vendors/@vueuse/core/index.js";
+const R = ["id", "required", "placeholder", "readonly", "disabled", "maxlength", "rows", "cols", "resize", "wrap"], S = /* @__PURE__ */ b({
   inheritAttrs: !1,
   __name: "QTextArea",
   props: /* @__PURE__ */ h({
@@ -10,10 +10,10 @@ const H = ["id", "required", "placeholder", "readonly", "disabled", "maxlength",
     class: {},
     label: {},
     for: {},
+    required: { type: Boolean },
     size: {},
     readonly: { type: Boolean },
     disabled: { type: Boolean },
-    required: { type: Boolean },
     invalid: { type: Boolean },
     placeholder: {},
     maxLength: {},
@@ -27,39 +27,42 @@ const H = ["id", "required", "placeholder", "readonly", "disabled", "maxlength",
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t) {
-    const e = t, d = z(t, "modelValue"), n = A(e.id), m = o(
-      () => e.readonly || e.disabled ? void 0 : e.placeholder
-    ), f = o(() => ({ input: e.autosize ? c : null })), i = g(), { triggerResize: c } = C({
-      element: o(() => e.autosize ? i.value : void 0),
-      styleProp: "minHeight"
-    }), p = o({
-      get: () => d.value,
+  setup(i) {
+    const e = i, s = z(i, "modelValue"), d = t({
+      get: () => s.value,
       set: (l) => {
-        d.value = e.maxLength ? l == null ? void 0 : l.slice(0, e.maxLength) : l;
+        const r = e.maxLength;
+        s.value = r ? l == null ? void 0 : l.slice(0, r) : l;
       }
     });
-    return (l, u) => (w(), x(s(L), {
-      class: q(["q-text-area", e.class]),
-      for: s(n),
+    x(s, (l) => d.value = l, { immediate: !0 });
+    const p = H(e.id), m = t(
+      () => e.readonly || e.disabled ? void 0 : e.placeholder
+    ), f = t(() => ({ input: e.autosize ? c : null })), u = g(), { triggerResize: c } = L({
+      element: t(() => e.autosize ? u.value : void 0),
+      styleProp: "minHeight"
+    });
+    return (l, r) => (q(), w(n(C), {
+      class: $(["q-text-area", e.class]),
+      for: n(p),
       label: e.label,
       size: e.size,
       readonly: e.readonly,
       disabled: e.disabled,
       required: e.required
-    }, $({
+    }, v({
       "label.prepend": a(() => [
-        r(l.$slots, "label.prepend")
+        o(l.$slots, "label.prepend")
       ]),
       "label.append": a(() => [
-        r(l.$slots, "label.append")
+        o(l.$slots, "label.append")
       ]),
       default: a(() => [
-        v(B("textarea", k({
-          id: s(n),
+        B(k("textarea", M({
+          id: n(p),
           ref_key: "textareaRef",
-          ref: i,
-          "onUpdate:modelValue": u[0] || (u[0] = (y) => p.value = y),
+          ref: u,
+          "onUpdate:modelValue": r[0] || (r[0] = (y) => d.value = y),
           class: "q-text-area__input",
           required: e.required,
           placeholder: m.value,
@@ -70,8 +73,8 @@ const H = ["id", "required", "placeholder", "readonly", "disabled", "maxlength",
           cols: e.cols,
           resize: e.resize,
           wrap: e.wrap
-        }, l.$attrs, M(f.value, !0)), null, 16, H), [
-          [V, p.value]
+        }, l.$attrs, V(f.value, !0)), null, 16, R), [
+          [A, d.value]
         ])
       ]),
       _: 2
@@ -80,21 +83,21 @@ const H = ["id", "required", "placeholder", "readonly", "disabled", "maxlength",
       l.$slots.prepend ? {
         name: "prepend",
         fn: a(() => [
-          r(l.$slots, "prepend")
+          o(l.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
       l.$slots.append ? {
         name: "append",
         fn: a(() => [
-          r(l.$slots, "append")
+          o(l.$slots, "append")
         ]),
         key: "1"
       } : void 0,
       l.$slots.extras ? {
         name: "extras",
         fn: a(() => [
-          r(l.$slots, "extras")
+          o(l.$slots, "extras")
         ]),
         key: "2"
       } : void 0
@@ -102,5 +105,5 @@ const H = ["id", "required", "placeholder", "readonly", "disabled", "maxlength",
   }
 });
 export {
-  Q as default
+  S as default
 };

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

@@ -4,6 +4,7 @@ declare const QTextArea: {
     } & import('../../types/component').QBaseComponentProps & {
         label?: string;
         for?: string;
+        required?: boolean;
     } & {
         size?: import('..').QFieldSize;
         readonly?: boolean;
@@ -40,6 +41,7 @@ declare const QTextArea: {
     } & import('../../types/component').QBaseComponentProps & {
         label?: string;
         for?: string;
+        required?: boolean;
     } & {
         size?: import('..').QFieldSize;
         readonly?: boolean;
@@ -69,6 +71,7 @@ declare const QTextArea: {
 } & import('../../types/component').QBaseComponentProps & {
     label?: string;
     for?: string;
+    required?: boolean;
 } & {
     size?: import('..').QFieldSize;
     readonly?: boolean;

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

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

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

@@ -21,10 +21,10 @@ declare function __VLS_template(): {
                 readonly class?: string | unknown[] | undefined;
                 readonly label?: string | undefined;
                 readonly for?: string | undefined;
+                readonly required?: boolean | undefined;
                 readonly size?: import('../QField').QFieldSize | undefined;
                 readonly readonly?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
-                readonly required?: boolean | undefined;
                 readonly invalid?: boolean | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
@@ -108,10 +108,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             readonly class?: string | unknown[] | undefined;
             readonly label?: string | undefined;
             readonly for?: string | undefined;
+            readonly required?: boolean | undefined;
             readonly size?: import('../QField').QFieldSize | undefined;
             readonly readonly?: boolean | undefined;
             readonly disabled?: boolean | undefined;
-            readonly required?: boolean | undefined;
             readonly invalid?: boolean | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {

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

@@ -1 +1 @@
-{"version":3,"file":"QTextField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/QTextField.vue"],"names":[],"mappings":"AAmDA;AAmHC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAM9C,KAAK,WAAW,GAAG,eAAe,CAAC;AAwDpC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAkIT,OAAO,IAA6B;;iCAjBb,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACH,GAAG;wBACH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAqEole,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;EAnDzue;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA+B+le,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;OArBxue,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":"QTextField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/QTextField.vue"],"names":[],"mappings":"AAoDA;AAgIC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAM9C,KAAK,WAAW,GAAG,eAAe,CAAC;AAoEpC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAmIT,OAAO,IAA6B;;iCAjBb,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACH,GAAG;wBACH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAqEyrc,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;EAnD90c;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA+Bosc,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;OArB70c,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"}