@quidgest/ui 0.14.21 → 0.14.23

package/esm/components/QTextField/QTextField.vue.js

@@ -1,21 +1,22 @@
-import { defineComponent as x, mergeModels as m, useModel as R, ref as y, computed as o, createBlock as b, openBlock as v, unref as r, normalizeClass as V, createSlots as z, withCtx as a, withDirectives as M, createElementVNode as w, mergeProps as Q, vModelDynamic as g, renderSlot as d, createCommentVNode as D } from "vue";
-import { QField as F } from "../QField/index.js";
-import { QClearButton as N } from "../__internal__/QClearButton/index.js";
-import { useId as S } from "../../composables/uid.js";
-const _ = ["id", "type", "required", "placeholder", "readonly", "disabled"], T = /* @__PURE__ */ x({
+import { defineComponent as C, mergeModels as y, useModel as R, computed as n, watch as V, ref as b, createBlock as h, openBlock as v, unref as r, normalizeClass as z, createSlots as M, withCtx as a, withDirectives as w, createElementVNode as L, mergeProps as Q, vModelDynamic as D, renderSlot as o, createCommentVNode as F } from "vue";
+import { QField as N } from "../QField/index.js";
+import { QClearButton as S } from "../__internal__/QClearButton/index.js";
+import { useId as _ } from "../../composables/uid.js";
+const A = ["id", "type", "maxlength", "required", "placeholder", "readonly", "disabled"], U = /* @__PURE__ */ C({
   inheritAttrs: !1,
   __name: "QTextField",
-  props: /* @__PURE__ */ m({
+  props: /* @__PURE__ */ y({
     id: {},
     class: {},
     label: {},
     for: {},
+    required: { type: Boolean },
     size: {},
     readonly: { type: Boolean },
     disabled: { type: Boolean },
-    required: { type: Boolean },
     invalid: { type: Boolean },
     placeholder: {},
+    maxLength: {},
     clearable: { type: Boolean },
     type: { default: "text" },
     texts: {}
@@ -23,52 +24,61 @@ const _ = ["id", "type", "required", "placeholder", "readonly", "disabled"], T =
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ m(["click:clear"], ["update:modelValue"]),
-  setup(n, { expose: k, emit: q }) {
-    const e = n, h = q, t = R(n, "modelValue"), s = S(e.id), i = y(null), p = y(null), B = o(
+  emits: /* @__PURE__ */ y(["click:clear"], ["update:modelValue"]),
+  setup(i, { expose: x, emit: k }) {
+    const e = i, q = k, t = R(i, "modelValue"), s = n({
+      get: () => t.value,
+      set: (l) => {
+        const d = e.maxLength;
+        t.value = d ? l == null ? void 0 : l.slice(0, d) : l;
+      }
+    });
+    V(t, (l) => s.value = l, { immediate: !0 });
+    const p = _(e.id), u = b(null), f = b(null), g = n(
       () => e.readonly || e.disabled ? void 0 : e.placeholder
-    ), u = o(() => e.clearable && !e.readonly && !e.disabled), f = o(() => u.value && t.value);
-    function $(l) {
-      u.value && (t.value = "", h("click:clear", l));
+    ), m = n(() => e.clearable && !e.readonly && !e.disabled), c = n(() => m.value && t.value);
+    function B(l) {
+      m.value && (t.value = "", q("click:clear", l));
     }
-    return k({
-      fieldRef: o(() => {
+    return x({
+      fieldRef: n(() => {
         var l;
-        return (l = i.value) == null ? void 0 : l.fieldRef;
+        return (l = u.value) == null ? void 0 : l.fieldRef;
       }),
-      inputRef: p
-    }), (l, c) => (v(), b(r(F), {
+      inputRef: f
+    }), (l, d) => (v(), h(r(N), {
       ref_key: "fieldRef",
-      ref: i,
-      class: V(["q-text-field", e.class]),
-      for: r(s),
+      ref: u,
+      class: z(["q-text-field", e.class]),
+      for: r(p),
       label: e.label,
       size: e.size,
       readonly: e.readonly,
       disabled: e.disabled,
       required: e.required,
       invalid: e.invalid
-    }, z({
+    }, M({
       "label.prepend": a(() => [
-        d(l.$slots, "label.prepend")
+        o(l.$slots, "label.prepend")
       ]),
       "label.append": a(() => [
-        d(l.$slots, "label.append")
+        o(l.$slots, "label.append")
       ]),
       default: a(() => [
-        M(w("input", Q({
-          id: r(s),
+        w(L("input", Q({
+          id: r(p),
           ref_key: "inputRef",
-          ref: p,
-          "onUpdate:modelValue": c[0] || (c[0] = (C) => t.value = C),
+          ref: f,
+          "onUpdate:modelValue": d[0] || (d[0] = ($) => s.value = $),
           class: "q-text-field__input",
           type: e.type,
+          maxlength: e.maxLength,
           required: e.required,
-          placeholder: B.value,
+          placeholder: g.value,
           readonly: e.readonly,
           disabled: e.disabled
-        }, l.$attrs), null, 16, _), [
-          [g, t.value]
+        }, l.$attrs), null, 16, A), [
+          [D, s.value]
         ])
       ]),
       _: 2
@@ -77,27 +87,27 @@ const _ = ["id", "type", "required", "placeholder", "readonly", "disabled"], T =
       l.$slots.prepend ? {
         name: "prepend",
         fn: a(() => [
-          d(l.$slots, "prepend")
+          o(l.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
-      l.$slots.append || f.value ? {
+      l.$slots.append || c.value ? {
         name: "append",
         fn: a(() => [
-          d(l.$slots, "append"),
-          f.value ? (v(), b(r(N), {
+          o(l.$slots, "append"),
+          c.value ? (v(), h(r(S), {
             key: 0,
             "data-testid": "q-text-field__clear-button",
             texts: e.texts,
-            onClick: $
-          }, null, 8, ["texts"])) : D("v-if", !0)
+            onClick: B
+          }, null, 8, ["texts"])) : F("v-if", !0)
         ]),
         key: "1"
       } : void 0,
       l.$slots.extras ? {
         name: "extras",
         fn: a(() => [
-          d(l.$slots, "extras")
+          o(l.$slots, "extras")
         ]),
         key: "2"
       } : void 0
@@ -105,5 +115,5 @@ const _ = ["id", "type", "required", "placeholder", "readonly", "disabled"], T =
   }
 });
 export {
-  T as default
+  U as default
 };

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

@@ -5,6 +5,7 @@ declare const QTextField: {
     } & import('../../types/component').QBaseComponentProps & {
         label?: string;
         for?: string;
+        required?: boolean;
     } & {
         size?: import('..').QFieldSize;
         readonly?: boolean;
@@ -13,6 +14,7 @@ declare const QTextField: {
         invalid?: boolean;
     } & {
         placeholder?: string;
+        maxLength?: number;
         clearable?: boolean;
         type?: string;
         texts?: typeof import('./types').DEFAULT_TEXTS;
@@ -37,10 +39,10 @@ declare const QTextField: {
                 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: {
@@ -111,6 +113,7 @@ declare const QTextField: {
     } & import('../../types/component').QBaseComponentProps & {
         label?: string;
         for?: string;
+        required?: boolean;
     } & {
         size?: import('..').QFieldSize;
         readonly?: boolean;
@@ -119,6 +122,7 @@ declare const QTextField: {
         invalid?: boolean;
     } & {
         placeholder?: string;
+        maxLength?: number;
         clearable?: boolean;
         type?: string;
         texts?: typeof import('./types').DEFAULT_TEXTS;
@@ -139,6 +143,7 @@ declare const QTextField: {
 } & import('../../types/component').QBaseComponentProps & {
     label?: string;
     for?: string;
+    required?: boolean;
 } & {
     size?: import('..').QFieldSize;
     readonly?: boolean;
@@ -147,6 +152,7 @@ declare const QTextField: {
     invalid?: boolean;
 } & {
     placeholder?: string;
+    maxLength?: number;
     clearable?: boolean;
     type?: string;
     texts?: typeof import('./types').DEFAULT_TEXTS;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAK9C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAO+ozB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAPtuzB,CAAA;AAG/C,OAAO,EAAE,UAAU,EAAE,CAAA;AAGrB,YAAY,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAK9C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAO+ozB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAPtuzB,CAAA;AAG/C,OAAO,EAAE,UAAU,EAAE,CAAA;AAGrB,YAAY,EAAE,eAAe,EAAE,CAAA"}

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

@@ -4,6 +4,11 @@ export type QTextFieldProps = QFieldProps & {
      * The placeholder text for the text field.
      */
     placeholder?: string;
+    /**
+     * If set, defines the maximum string length
+     * that the user can enter into the text area field.
+     */
+    maxLength?: number;
     /**
      * Whether the value of the field can be cleared.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/types.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEtD,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC3C;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAGD,eAAO,MAAM,aAAa;;CAEQ,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/types.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEtD,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC3C;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAGD,eAAO,MAAM,aAAa;;CAEQ,CAAA"}

package/esm/components/index.d.ts

@@ -24,6 +24,7 @@ export * from './QOverlay';
 export * from './QPasswordField';
 export * from './QPopover';
 export * from './QPropertyList';
+export * from './QRadioGroup';
 export * from './QSelect';
 export * from './QSkeletonLoader';
 export * from './QSpinnerLoader';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA"}

package/esm/components/index.js

@@ -3,18 +3,18 @@ import { QBadge as p } from "./QBadge/index.js";
 import { QBadgeIndicator as m } from "./QBadgeIndicator/index.js";
 import { QButton as f } from "./QButton/index.js";
 import { QButtonGroup as n } from "./QButtonGroup/index.js";
-import { QButtonToggle as a } from "./QButtonToggle/index.js";
+import { QButtonToggle as d } from "./QButtonToggle/index.js";
 import { QCard as L } from "./QCard/index.js";
-import { QCheckbox as s } from "./QCheckbox/index.js";
-import { QCollapsible as u } from "./QCollapsible/index.js";
+import { QCheckbox as u } from "./QCheckbox/index.js";
+import { QCollapsible as P } from "./QCollapsible/index.js";
 import { QColorPicker as g } from "./QColorPicker/index.js";
-import { QCombobox as b } from "./QCombobox/index.js";
-import { QDateTimePicker as B } from "./QDateTimePicker/index.js";
+import { QCombobox as T } from "./QCombobox/index.js";
+import { QDateTimePicker as y } from "./QDateTimePicker/index.js";
 import { QDialog as F } from "./QDialog/index.js";
-import { QDropdownMenu as v } from "./QDropdownMenu/index.js";
+import { QDropdownMenu as k } from "./QDropdownMenu/index.js";
 import { QField as S } from "./QField/index.js";
 import { QFileUpload as D } from "./QFileUpload/index.js";
-import { QIcon as A, QIconFont as M, QIconImg as O, QIconSvg as R } from "./QIcon/index.js";
+import { QIcon as h, QIconFont as A, QIconImg as M, QIconSvg as O } from "./QIcon/index.js";
 import { QInputGroup as j } from "./QInputGroup/index.js";
 import { QLabel as z } from "./QLabel/index.js";
 import { QLineLoader as H } from "./QLineLoader/index.js";
@@ -24,34 +24,35 @@ import { QOverlay as Z } from "./QOverlay/index.js";
 import { QPasswordField as $ } from "./QPasswordField/index.js";
 import { QPopover as ro } from "./QPopover/index.js";
 import { QPropertyList as to, QPropertyListGroup as po, QPropertyListPanel as Qo, QPropertyListRow as mo } from "./QPropertyList/index.js";
-import { QSelect as fo } from "./QSelect/index.js";
-import { QSkeletonLoader as no } from "./QSkeletonLoader/index.js";
-import { QSpinnerLoader as ao } from "./QSpinnerLoader/index.js";
-import { QTextArea as co } from "./QTextArea/index.js";
-import { QTextField as Po } from "./QTextField/index.js";
-import { QThemeProvider as Io } from "./QThemeProvider/index.js";
-import { QTooltip as To } from "./QTooltip/index.js";
+import { QRadioButton as fo, QRadioGroup as io } from "./QRadioGroup/index.js";
+import { QSelect as ao } from "./QSelect/index.js";
+import { QSkeletonLoader as Lo } from "./QSkeletonLoader/index.js";
+import { QSpinnerLoader as uo } from "./QSpinnerLoader/index.js";
+import { QTextArea as Po } from "./QTextArea/index.js";
+import { QTextField as go } from "./QTextField/index.js";
+import { QThemeProvider as To } from "./QThemeProvider/index.js";
+import { QTooltip as yo } from "./QTooltip/index.js";
 export {
   e as QAccordion,
   p as QBadge,
   m as QBadgeIndicator,
   f as QButton,
   n as QButtonGroup,
-  a as QButtonToggle,
+  d as QButtonToggle,
   L as QCard,
-  s as QCheckbox,
-  u as QCollapsible,
+  u as QCheckbox,
+  P as QCollapsible,
   g as QColorPicker,
-  b as QCombobox,
-  B as QDateTimePicker,
+  T as QCombobox,
+  y as QDateTimePicker,
   F as QDialog,
-  v as QDropdownMenu,
+  k as QDropdownMenu,
   S as QField,
   D as QFileUpload,
-  A as QIcon,
-  M as QIconFont,
-  O as QIconImg,
-  R as QIconSvg,
+  h as QIcon,
+  A as QIconFont,
+  M as QIconImg,
+  O as QIconSvg,
   j as QInputGroup,
   z as QLabel,
   H as QLineLoader,
@@ -66,11 +67,13 @@ export {
   po as QPropertyListGroup,
   Qo as QPropertyListPanel,
   mo as QPropertyListRow,
-  fo as QSelect,
-  no as QSkeletonLoader,
-  ao as QSpinnerLoader,
-  co as QTextArea,
-  Po as QTextField,
-  Io as QThemeProvider,
-  To as QTooltip
+  fo as QRadioButton,
+  io as QRadioGroup,
+  ao as QSelect,
+  Lo as QSkeletonLoader,
+  uo as QSpinnerLoader,
+  Po as QTextArea,
+  go as QTextField,
+  To as QThemeProvider,
+  yo as QTooltip
 };

package/esm/index.d.ts

@@ -41,6 +41,8 @@ declare module '@vue/runtime-core' {
 		QPropertyListRow: typeof import('@quidgest/ui/components')['QPropertyListRow']
 		QPropertyListGroup: typeof import('@quidgest/ui/components')['QPropertyListGroup']
 		QPropertyListPanel: typeof import('@quidgest/ui/components')['QPropertyListPanel']
+		QRadioButton: typeof import('@quidgest/ui/components')['QRadioButton']
+		QRadioGroup: typeof import('@quidgest/ui/components')['QRadioGroup']
 		QSelect: typeof import('@quidgest/ui/components')['QSelect']
 		QSkeletonLoader: typeof import('@quidgest/ui/components')['QSkeletonLoader']
 		QSpinnerLoader: typeof import('@quidgest/ui/components')['QSpinnerLoader']

package/package.json

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