@quidgest/ui 0.17.2 → 0.17.4

package/esm/components/QTextArea/QTextArea.vue.js

@@ -1,111 +1,114 @@
-import { defineComponent as h, mergeModels as z, useModel as x, computed as t, watch as g, toRef as w, ref as q, onBeforeUnmount as $, createBlock as B, openBlock as v, unref as n, normalizeClass as k, createSlots as M, withCtx as a, withDirectives as V, createElementVNode as P, mergeProps as R, toHandlers as A, vModelText as C, renderSlot as r } from "vue";
-import { QField as H } from "../QField/index.js";
-import { useId as L } from "../../composables/uid.js";
-import { useTextareaAutosize as T } from "../../composables/useTextareaAutosize/index.js";
-const I = ["id", "required", "placeholder", "readonly", "disabled", "maxlength", "rows", "cols", "resize", "wrap"], E = /* @__PURE__ */ h({
-  inheritAttrs: !1,
-  __name: "QTextArea",
-  props: /* @__PURE__ */ z({
-    id: {},
-    class: {},
-    label: {},
-    required: { type: Boolean },
-    for: {},
-    labelPosition: {},
-    size: {},
-    readonly: { type: Boolean },
-    disabled: { type: Boolean },
-    invalid: { type: Boolean },
-    placeholder: {},
-    maxLength: {},
-    rows: { default: 3 },
-    cols: {},
-    resize: { default: "vertical" },
-    wrap: { default: "soft" },
-    autosize: { type: Boolean }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(i) {
-    const e = i, s = x(i, "modelValue"), d = t({
-      get: () => s.value,
-      set: (l) => {
-        const o = e.maxLength;
-        s.value = o ? l == null ? void 0 : l.slice(0, o) : l;
-      }
-    });
-    g(s, (l) => d.value = l, { immediate: !0 });
-    const p = L(w(e, "id")), m = t(
-      () => e.readonly || e.disabled ? void 0 : e.placeholder
-    ), f = t(() => ({ input: e.autosize ? c : null })), u = q(), { triggerResize: c, stop: b } = T({
-      element: t(() => e.autosize ? u.value : void 0),
-      styleProp: "minHeight"
-    });
-    return $(b), (l, o) => (v(), B(n(H), {
-      class: k(["q-text-area", e.class]),
-      for: n(p),
-      label: e.label,
-      "label-position": e.labelPosition,
-      size: e.size,
-      readonly: e.readonly,
-      disabled: e.disabled,
-      required: e.required
-    }, M({
-      "label.prepend": a(() => [
-        r(l.$slots, "label.prepend")
-      ]),
-      "label.append": a(() => [
-        r(l.$slots, "label.append")
-      ]),
-      default: a(() => [
-        V(P("textarea", R({
-          id: n(p),
-          ref_key: "textareaRef",
-          ref: u,
-          "onUpdate:modelValue": o[0] || (o[0] = (y) => d.value = y),
-          class: "q-text-area__input",
-          required: e.required,
-          placeholder: m.value,
-          readonly: e.readonly,
-          disabled: e.disabled,
-          maxlength: e.maxLength,
-          rows: e.rows,
-          cols: e.cols,
-          resize: e.resize,
-          wrap: e.wrap
-        }, l.$attrs, A(f.value, !0)), null, 16, I), [
-          [C, d.value]
-        ])
-      ]),
-      _: 2
-      /* DYNAMIC */
-    }, [
-      l.$slots.prepend ? {
-        name: "prepend",
-        fn: a(() => [
-          r(l.$slots, "prepend")
-        ]),
-        key: "0"
-      } : void 0,
-      l.$slots.append ? {
-        name: "append",
-        fn: a(() => [
-          r(l.$slots, "append")
-        ]),
-        key: "1"
-      } : void 0,
-      l.$slots.extras ? {
-        name: "extras",
-        fn: a(() => [
-          r(l.$slots, "extras")
-        ]),
-        key: "2"
-      } : void 0
-    ]), 1032, ["class", "for", "label", "label-position", "size", "readonly", "disabled", "required"]));
-  }
+import { useId as e } from "../../composables/uid.js";
+import { QField as t } from "../QField/index.js";
+import { useTextareaAutosize as n } from "../../composables/useTextareaAutosize/index.js";
+import { computed as r, createBlock as i, createElementVNode as a, createSlots as o, defineComponent as s, mergeModels as c, mergeProps as l, normalizeClass as u, onBeforeUnmount as d, openBlock as f, ref as p, renderSlot as m, toHandlers as h, toRef as g, unref as _, useModel as v, vModelText as y, watch as b, withCtx as x, withDirectives as S } from "vue";
+//#region src/components/QTextArea/QTextArea.vue?vue&type=script&setup=true&lang.ts
+var C = [
+	"id",
+	"required",
+	"placeholder",
+	"readonly",
+	"disabled",
+	"maxlength",
+	"rows",
+	"cols",
+	"resize",
+	"wrap"
+], w = /*@__PURE__*/ s({
+	inheritAttrs: !1,
+	__name: "QTextArea",
+	props: /*@__PURE__*/ c({
+		id: {},
+		class: {},
+		label: {},
+		required: { type: Boolean },
+		for: {},
+		labelPosition: {},
+		size: {},
+		readonly: { type: Boolean },
+		disabled: { type: Boolean },
+		invalid: { type: Boolean },
+		placeholder: {},
+		maxLength: {},
+		rows: { default: 3 },
+		cols: {},
+		resize: { default: "vertical" },
+		wrap: { default: "soft" },
+		autosize: { type: Boolean }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(s) {
+		let c = s, w = v(s, "modelValue"), T = r({
+			get: () => w.value,
+			set: (e) => {
+				let t = c.maxLength;
+				w.value = t ? e?.slice(0, t) : e;
+			}
+		});
+		b(w, (e) => T.value = e, { immediate: !0 });
+		let E = e(g(c, "id")), D = r(() => c.readonly || c.disabled ? void 0 : c.placeholder), O = r(() => ({ input: c.autosize ? A : null })), k = p(), { triggerResize: A, stop: j } = n({
+			element: r(() => c.autosize ? k.value : void 0),
+			styleProp: "minHeight"
+		});
+		return d(j), (e, n) => (f(), i(_(t), {
+			class: u(["q-text-area", c.class]),
+			for: _(E),
+			label: c.label,
+			"label-position": c.labelPosition,
+			size: c.size,
+			readonly: c.readonly,
+			disabled: c.disabled,
+			required: c.required
+		}, o({
+			"label.prepend": x(() => [m(e.$slots, "label.prepend")]),
+			"label.append": x(() => [m(e.$slots, "label.append")]),
+			default: x(() => [S(a("textarea", l({
+				id: _(E),
+				ref_key: "textareaRef",
+				ref: k,
+				"onUpdate:modelValue": n[0] ||= (e) => T.value = e,
+				class: "q-text-area__input",
+				required: c.required,
+				placeholder: D.value,
+				readonly: c.readonly,
+				disabled: c.disabled,
+				maxlength: c.maxLength,
+				rows: c.rows,
+				cols: c.cols,
+				resize: c.resize,
+				wrap: c.wrap
+			}, e.$attrs, h(O.value, !0)), null, 16, C), [[y, T.value]])]),
+			_: 2
+		}, [
+			e.$slots.prepend ? {
+				name: "prepend",
+				fn: x(() => [m(e.$slots, "prepend")]),
+				key: "0"
+			} : void 0,
+			e.$slots.append ? {
+				name: "append",
+				fn: x(() => [m(e.$slots, "append")]),
+				key: "1"
+			} : void 0,
+			e.$slots.extras ? {
+				name: "extras",
+				fn: x(() => [m(e.$slots, "extras")]),
+				key: "2"
+			} : void 0
+		]), 1032, [
+			"class",
+			"for",
+			"label",
+			"label-position",
+			"size",
+			"readonly",
+			"disabled",
+			"required"
+		]));
+	}
 });
-export {
-  E as default
-};
+//#endregion
+export { w as default };

package/esm/components/QTextArea/QTextArea2.vue.js

@@ -0,0 +1,5 @@
+import e from "./QTextArea.vue.js";
+//#region src/components/QTextArea/QTextArea.vue
+var t = e;
+//#endregion
+export { t as default };

package/esm/components/QTextArea/index.js

@@ -1,6 +1,6 @@
-import o from "./QTextArea.vue.js";
-import { setupPropsProxy as r } from "../../utils/setupPropsProxy.js";
-const p = r(o);
-export {
-  p as QTextArea
-};
+import { setupPropsProxy as e } from "../../utils/setupPropsProxy.js";
+import t from "./QTextArea2.vue.js";
+//#region src/components/QTextArea/index.ts
+var n = e(t);
+//#endregion
+export { n as QTextArea };

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

@@ -1,119 +1,116 @@
-import { defineComponent as C, mergeModels as m, useModel as R, computed as o, watch as V, toRef as z, useTemplateRef as c, createBlock as b, openBlock as y, unref as i, normalizeClass as M, createSlots as w, withCtx as t, withDirectives as L, createElementVNode as P, mergeProps as Q, vModelDynamic as D, renderSlot as n, 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 T } from "../../composables/uid.js";
-const A = ["id", "type", "maxlength", "required", "placeholder", "readonly", "disabled"], G = /* @__PURE__ */ C({
-  inheritAttrs: !1,
-  __name: "QTextField",
-  props: /* @__PURE__ */ m({
-    id: {},
-    class: {},
-    label: {},
-    required: { type: Boolean },
-    for: {},
-    labelPosition: {},
-    size: {},
-    readonly: { type: Boolean },
-    disabled: { type: Boolean },
-    invalid: { type: Boolean },
-    placeholder: {},
-    maxLength: {},
-    clearable: { type: Boolean },
-    type: { default: "text" },
-    texts: {}
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ m(["click:clear"], ["update:modelValue"]),
-  setup(r, { expose: h, emit: v }) {
-    const e = r, x = v, a = R(r, "modelValue"), s = o({
-      get: () => a.value,
-      set: (l) => {
-        const d = e.maxLength;
-        a.value = d ? l == null ? void 0 : l.slice(0, d) : l;
-      }
-    });
-    V(a, (l) => s.value = l, { immediate: !0 });
-    const p = T(z(e, "id")), q = c("field"), g = c("input"), k = o(
-      () => e.readonly || e.disabled ? void 0 : e.placeholder
-    ), u = o(() => e.clearable && !e.readonly && !e.disabled), f = o(() => u.value && a.value);
-    function B(l) {
-      u.value && (a.value = "", x("click:clear", l));
-    }
-    return h({
-      fieldRef: o(() => {
-        var l;
-        return (l = q.value) == null ? void 0 : l.fieldRef;
-      }),
-      inputRef: g
-    }), (l, d) => (y(), b(i(N), {
-      ref: "field",
-      class: M(["q-text-field", e.class]),
-      for: i(p),
-      label: e.label,
-      "label-position": e.labelPosition,
-      size: e.size,
-      readonly: e.readonly,
-      disabled: e.disabled,
-      required: e.required,
-      invalid: e.invalid
-    }, w({
-      "label.prepend": t(() => [
-        n(l.$slots, "label.prepend")
-      ]),
-      "label.append": t(() => [
-        n(l.$slots, "label.append")
-      ]),
-      default: t(() => [
-        L(P("input", Q({
-          id: i(p),
-          ref: "input",
-          "onUpdate:modelValue": d[0] || (d[0] = ($) => s.value = $),
-          class: "q-text-field__input",
-          type: e.type,
-          maxlength: e.maxLength,
-          required: e.required,
-          placeholder: k.value,
-          readonly: e.readonly,
-          disabled: e.disabled
-        }, l.$attrs), null, 16, A), [
-          [D, s.value]
-        ])
-      ]),
-      _: 2
-      /* DYNAMIC */
-    }, [
-      l.$slots.prepend ? {
-        name: "prepend",
-        fn: t(() => [
-          n(l.$slots, "prepend")
-        ]),
-        key: "0"
-      } : void 0,
-      l.$slots.append || f.value ? {
-        name: "append",
-        fn: t(() => [
-          n(l.$slots, "append"),
-          f.value ? (y(), b(i(S), {
-            key: 0,
-            "data-testid": "q-text-field__clear-button",
-            texts: e.texts,
-            onClick: B
-          }, null, 8, ["texts"])) : F("v-if", !0)
-        ]),
-        key: "1"
-      } : void 0,
-      l.$slots.extras ? {
-        name: "extras",
-        fn: t(() => [
-          n(l.$slots, "extras")
-        ]),
-        key: "2"
-      } : void 0
-    ]), 1032, ["class", "for", "label", "label-position", "size", "readonly", "disabled", "required", "invalid"]));
-  }
+import { useId as e } from "../../composables/uid.js";
+import { QField as t } from "../QField/index.js";
+import { QClearButton as n } from "../__internal__/QClearButton/index.js";
+import { computed as r, createBlock as i, createCommentVNode as a, createElementVNode as o, createSlots as s, defineComponent as c, mergeModels as l, mergeProps as u, normalizeClass as d, openBlock as f, renderSlot as p, toRef as m, unref as h, useModel as g, useTemplateRef as _, vModelDynamic as v, watch as y, withCtx as b, withDirectives as x } from "vue";
+//#region src/components/QTextField/QTextField.vue?vue&type=script&setup=true&lang.ts
+var S = [
+	"id",
+	"type",
+	"maxlength",
+	"required",
+	"placeholder",
+	"readonly",
+	"disabled"
+], C = /*@__PURE__*/ c({
+	inheritAttrs: !1,
+	__name: "QTextField",
+	props: /*@__PURE__*/ l({
+		id: {},
+		class: {},
+		label: {},
+		required: { type: Boolean },
+		for: {},
+		labelPosition: {},
+		size: {},
+		readonly: { type: Boolean },
+		disabled: { type: Boolean },
+		invalid: { type: Boolean },
+		placeholder: {},
+		maxLength: {},
+		clearable: { type: Boolean },
+		type: { default: "text" },
+		texts: {}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ l(["click:clear"], ["update:modelValue"]),
+	setup(c, { expose: l, emit: C }) {
+		let w = c, T = C, E = g(c, "modelValue"), D = r({
+			get: () => E.value,
+			set: (e) => {
+				let t = w.maxLength;
+				E.value = t ? e?.slice(0, t) : e;
+			}
+		});
+		y(E, (e) => D.value = e, { immediate: !0 });
+		let O = e(m(w, "id")), k = _("field"), A = _("input"), j = r(() => w.readonly || w.disabled ? void 0 : w.placeholder), M = r(() => w.clearable && !w.readonly && !w.disabled), N = r(() => M.value && E.value);
+		function P(e) {
+			M.value && (E.value = "", T("click:clear", e));
+		}
+		return l({
+			fieldRef: r(() => k.value?.fieldRef),
+			inputRef: A
+		}), (e, r) => (f(), i(h(t), {
+			ref: "field",
+			class: d(["q-text-field", w.class]),
+			for: h(O),
+			label: w.label,
+			"label-position": w.labelPosition,
+			size: w.size,
+			readonly: w.readonly,
+			disabled: w.disabled,
+			required: w.required,
+			invalid: w.invalid
+		}, s({
+			"label.prepend": b(() => [p(e.$slots, "label.prepend")]),
+			"label.append": b(() => [p(e.$slots, "label.append")]),
+			default: b(() => [x(o("input", u({
+				id: h(O),
+				ref: "input",
+				"onUpdate:modelValue": r[0] ||= (e) => D.value = e,
+				class: "q-text-field__input",
+				type: w.type,
+				maxlength: w.maxLength,
+				required: w.required,
+				placeholder: j.value,
+				readonly: w.readonly,
+				disabled: w.disabled
+			}, e.$attrs), null, 16, S), [[v, D.value]])]),
+			_: 2
+		}, [
+			e.$slots.prepend ? {
+				name: "prepend",
+				fn: b(() => [p(e.$slots, "prepend")]),
+				key: "0"
+			} : void 0,
+			e.$slots.append || N.value ? {
+				name: "append",
+				fn: b(() => [p(e.$slots, "append"), N.value ? (f(), i(h(n), {
+					key: 0,
+					"data-testid": "q-text-field__clear-button",
+					texts: w.texts,
+					onClick: P
+				}, null, 8, ["texts"])) : a("v-if", !0)]),
+				key: "1"
+			} : void 0,
+			e.$slots.extras ? {
+				name: "extras",
+				fn: b(() => [p(e.$slots, "extras")]),
+				key: "2"
+			} : void 0
+		]), 1032, [
+			"class",
+			"for",
+			"label",
+			"label-position",
+			"size",
+			"readonly",
+			"disabled",
+			"required",
+			"invalid"
+		]));
+	}
 });
-export {
-  G as default
-};
+//#endregion
+export { C as default };

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

@@ -0,0 +1,5 @@
+import e from "./QTextField.vue.js";
+//#region src/components/QTextField/QTextField.vue
+var t = e;
+//#endregion
+export { t as default };

package/esm/components/QTextField/index.js

@@ -1,6 +1,7 @@
-import o from "./QTextField.vue.js";
-import { setupPropsProxy as r } from "../../utils/setupPropsProxy.js";
-const p = r(o);
-export {
-  p as QTextField
-};
+import { setupPropsProxy as e } from "../../utils/setupPropsProxy.js";
+import t from "./QTextField2.vue.js";
+import { DEFAULT_TEXTS as n } from "./types.js";
+//#region src/components/QTextField/index.ts
+var r = e(t);
+//#endregion
+export { n as DEFAULT_TEXTS, r as QTextField };

package/esm/components/QTextField/types.js

@@ -1,7 +1,5 @@
-import { DEFAULT_TEXTS as T } from "../__internal__/QClearButton/constants.js";
-const o = {
-  ...T
-};
-export {
-  o as DEFAULT_TEXTS
-};
+import { DEFAULT_TEXTS as e } from "../__internal__/QClearButton/constants.js";
+//#region src/components/QTextField/types.ts
+var t = { ...e };
+//#endregion
+export { t as DEFAULT_TEXTS };

package/esm/components/QThemeProvider/QThemeProvider.vue.js

@@ -1,34 +1,32 @@
-import { defineComponent as a, toRef as d, watchEffect as i, onBeforeUnmount as u, createElementBlock as p, openBlock as f, normalizeClass as h, unref as m, renderSlot as v } from "vue";
-import { useId as y } from "../../composables/uid.js";
-import { provideTheme as C } from "../../composables/theme.js";
-const _ = ["id"], P = /* @__PURE__ */ a({
-  __name: "QThemeProvider",
-  props: {
-    id: {},
-    class: {},
-    theme: {}
-  },
-  setup(c) {
-    const o = c, { class: r, css: n } = C(d(o, "theme")), l = y(d(o, "id"));
-    let e = null, s = null;
-    return i(() => {
-      if (n.value) {
-        const t = r.value;
-        s = t, e = document.getElementById(t), e || (e = document.createElement("style"), e.id = t, document.head.appendChild(e)), e.textContent = n.value;
-      }
-    }), u(() => {
-      if (!e || !s) return;
-      !Array.from(
-        document.querySelectorAll(`.q-theme-provider.${r.value}:not(#${l.value})`)
-      ).length && e.parentNode && e.parentNode.removeChild(e);
-    }), (t, E) => (f(), p("div", {
-      id: m(l),
-      class: h(["q-theme-provider", m(r), o.class])
-    }, [
-      v(t.$slots, "default")
-    ], 10, _));
-  }
+import { provideTheme as e } from "../../composables/theme.js";
+import { useId as t } from "../../composables/uid.js";
+import { createElementBlock as n, defineComponent as r, normalizeClass as i, onBeforeUnmount as a, openBlock as o, renderSlot as s, toRef as c, unref as l, watchEffect as u } from "vue";
+//#region src/components/QThemeProvider/QThemeProvider.vue?vue&type=script&setup=true&lang.ts
+var d = ["id"], f = /*@__PURE__*/ r({
+	__name: "QThemeProvider",
+	props: {
+		id: {},
+		class: {},
+		theme: {}
+	},
+	setup(r) {
+		let f = r, { class: p, css: m } = e(c(f, "theme")), h = t(c(f, "id")), g = null, _ = null;
+		return u(() => {
+			if (m.value) {
+				let e = p.value;
+				_ = e, g = document.getElementById(e), g || (g = document.createElement("style"), g.id = e, document.head.appendChild(g)), g.textContent = m.value;
+			}
+		}), a(() => {
+			!g || !_ || !Array.from(document.querySelectorAll(`.q-theme-provider.${p.value}:not(#${h.value})`)).length && g.parentNode && g.parentNode.removeChild(g);
+		}), (e, t) => (o(), n("div", {
+			id: l(h),
+			class: i([
+				"q-theme-provider",
+				l(p),
+				f.class
+			])
+		}, [s(e.$slots, "default")], 10, d));
+	}
 });
-export {
-  P as default
-};
+//#endregion
+export { f as default };

package/esm/components/QThemeProvider/QThemeProvider2.vue.js

@@ -0,0 +1,5 @@
+import e from "./QThemeProvider.vue.js";
+//#region src/components/QThemeProvider/QThemeProvider.vue
+var t = e;
+//#endregion
+export { t as default };

package/esm/components/QThemeProvider/index.js

@@ -1,6 +1,6 @@
-import o from "./QThemeProvider.vue.js";
-import { setupPropsProxy as r } from "../../utils/setupPropsProxy.js";
-const p = r(o);
-export {
-  p as QThemeProvider
-};
+import { setupPropsProxy as e } from "../../utils/setupPropsProxy.js";
+import t from "./QThemeProvider2.vue.js";
+//#region src/components/QThemeProvider/index.ts
+var n = e(t);
+//#endregion
+export { n as QThemeProvider };