@quidgest/ui 0.17.2 → 0.17.4

package/esm/components/QPasswordField/QPasswordField.vue.js

@@ -1,164 +1,143 @@
-import { defineComponent as L, mergeModels as P, useModel as V, ref as B, computed as v, createElementBlock as S, openBlock as g, Fragment as E, createVNode as y, createBlock as $, createCommentVNode as w, unref as b, mergeProps as Q, createSlots as R, withCtx as n, renderSlot as d, normalizeProps as x, guardReactiveProps as N } from "vue";
-import { DEFAULT_ICONS as O } from "./constants.js";
-import { QButton as U } from "../QButton/index.js";
-import { QIcon as A } from "../QIcon/index.js";
-import { QTextField as I } from "../QTextField/index.js";
-import T from "./QPasswordFieldMessages.vue.js";
-import D from "./QPasswordFieldMeterOverlay.vue.js";
-const Y = /* @__PURE__ */ L({
-  inheritAttrs: !1,
-  __name: "QPasswordField",
-  props: /* @__PURE__ */ P({
-    id: {},
-    class: {},
-    label: {},
-    required: { type: Boolean },
-    for: {},
-    labelPosition: {},
-    size: {},
-    readonly: { type: Boolean },
-    disabled: { type: Boolean },
-    invalid: { type: Boolean },
-    placeholder: {},
-    maxLength: {},
-    toggle: { type: Boolean },
-    meter: { type: Boolean },
-    meterLevels: {},
-    rules: {},
-    icons: { default: () => O }
-  }, {
-    modelValue: {},
-    modelModifiers: {},
-    masked: { type: Boolean, default: !0 },
-    maskedModifiers: {}
-  }),
-  emits: ["update:modelValue", "update:masked"],
-  setup(p) {
-    const e = p, f = V(p, "modelValue"), i = V(p, "masked"), h = B(null), u = B(!1), M = v(() => i.value ? "password" : "text"), k = v(() => {
-      var l;
-      return (l = e.rules) == null ? void 0 : l.reduce((s, a) => s + a.weight, 0);
-    }), t = v(() => q(f.value, e.rules));
-    function q(l, s) {
-      if (!l || !s) return;
-      let a = 0;
-      const r = [];
-      return s.forEach((m) => {
-        const c = m.test instanceof RegExp ? m.test.test(l) : m.test(l);
-        c === !0 ? a += m.weight : typeof c == "string" && r.push(c);
-      }), {
-        score: k.value ? a / k.value : 0,
-        messages: r
-      };
-    }
-    function z() {
-      i.value = !i.value;
-    }
-    function F() {
-      u.value = !0;
-    }
-    function C() {
-      u.value = !1;
-    }
-    return (l, s) => {
-      var a, r;
-      return g(), S(
-        E,
-        null,
-        [
-          y(b(I), Q({
-            id: e.id,
-            ref_key: "fieldRef",
-            ref: h,
-            modelValue: f.value,
-            "onUpdate:modelValue": s[0] || (s[0] = (o) => f.value = o),
-            class: e.class,
-            type: M.value,
-            placeholder: e.placeholder,
-            disabled: e.disabled,
-            readonly: e.readonly,
-            required: e.required,
-            label: e.label,
-            size: e.size,
-            invalid: e.invalid || !!((a = t.value) != null && a.messages.length)
-          }, l.$attrs, {
-            onFocusin: F,
-            onFocusout: C
-          }), R({
-            "label.prepend": n(() => [
-              d(l.$slots, "label.prepend")
-            ]),
-            "label.append": n(() => [
-              d(l.$slots, "label.append")
-            ]),
-            _: 2
-            /* DYNAMIC */
-          }, [
-            l.$slots.prepend ? {
-              name: "prepend",
-              fn: n(() => [
-                d(l.$slots, "prepend")
-              ]),
-              key: "0"
-            } : void 0,
-            e.toggle ? {
-              name: "append",
-              fn: n(() => [
-                d(l.$slots, "append"),
-                y(b(U), {
-                  size: "small",
-                  borderless: "",
-                  "data-testid": "q-password-toggle",
-                  disabled: e.disabled,
-                  onClick: z
-                }, {
-                  default: n(() => [
-                    y(
-                      b(A),
-                      x(N(i.value ? e.icons.show : e.icons.hide)),
-                      null,
-                      16
-                      /* FULL_PROPS */
-                    )
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }, 8, ["disabled"])
-              ]),
-              key: "1"
-            } : void 0,
-            l.$slots.extras || e.rules && !e.meter ? {
-              name: "extras",
-              fn: n(() => [
-                d(l.$slots, "extras", {}, () => {
-                  var o;
-                  return [
-                    (o = t.value) != null && o.messages.length ? (g(), $(T, {
-                      key: 0,
-                      class: "q-password-field__inline-messages",
-                      messages: t.value.messages
-                    }, null, 8, ["messages"])) : w("v-if", !0)
-                  ];
-                })
-              ]),
-              key: "2"
-            } : void 0
-          ]), 1040, ["id", "modelValue", "class", "type", "placeholder", "disabled", "readonly", "required", "label", "size", "invalid"]),
-          e.meter && e.meterLevels && t.value ? (g(), $(D, {
-            key: 0,
-            modelValue: u.value,
-            "onUpdate:modelValue": s[1] || (s[1] = (o) => u.value = o),
-            score: t.value.score,
-            levels: e.meterLevels,
-            messages: t.value.messages,
-            anchor: (r = h.value) == null ? void 0 : r.$el
-          }, null, 8, ["modelValue", "score", "levels", "messages", "anchor"])) : w("v-if", !0)
-        ],
-        64
-        /* STABLE_FRAGMENT */
-      );
-    };
-  }
+import { QButton as e } from "../QButton/index.js";
+import { QIcon as t } from "../QIcon/index.js";
+import { QTextField as n } from "../QTextField/index.js";
+import { DEFAULT_ICONS as r } from "./constants.js";
+import i from "./QPasswordFieldMessages2.vue.js";
+import a from "./QPasswordFieldMeterOverlay2.vue.js";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createSlots as d, createVNode as f, defineComponent as p, guardReactiveProps as m, mergeModels as h, mergeProps as g, normalizeProps as _, openBlock as v, ref as y, renderSlot as b, unref as x, useModel as S, withCtx as C } from "vue";
+//#region src/components/QPasswordField/QPasswordField.vue?vue&type=script&setup=true&lang.ts
+var w = /*@__PURE__*/ p({
+	inheritAttrs: !1,
+	__name: "QPasswordField",
+	props: /*@__PURE__*/ h({
+		id: {},
+		class: {},
+		label: {},
+		required: { type: Boolean },
+		for: {},
+		labelPosition: {},
+		size: {},
+		readonly: { type: Boolean },
+		disabled: { type: Boolean },
+		invalid: { type: Boolean },
+		placeholder: {},
+		maxLength: {},
+		toggle: { type: Boolean },
+		meter: { type: Boolean },
+		meterLevels: {},
+		rules: {},
+		icons: { default: () => r }
+	}, {
+		modelValue: {},
+		modelModifiers: {},
+		masked: {
+			type: Boolean,
+			default: !0
+		},
+		maskedModifiers: {}
+	}),
+	emits: ["update:modelValue", "update:masked"],
+	setup(r) {
+		let p = r, h = S(r, "modelValue"), w = S(r, "masked"), T = y(null), E = y(!1), D = s(() => w.value ? "password" : "text"), O = s(() => p.rules?.reduce((e, t) => e + t.weight, 0)), k = s(() => A(h.value, p.rules));
+		function A(e, t) {
+			if (!e || !t) return;
+			let n = 0, r = [];
+			return t.forEach((t) => {
+				let i = t.test instanceof RegExp ? t.test.test(e) : t.test(e);
+				i === !0 ? n += t.weight : typeof i == "string" && r.push(i);
+			}), {
+				score: O.value ? n / O.value : 0,
+				messages: r
+			};
+		}
+		function j() {
+			w.value = !w.value;
+		}
+		function M() {
+			E.value = !0;
+		}
+		function N() {
+			E.value = !1;
+		}
+		return (r, s) => (v(), u(o, null, [f(x(n), g({
+			id: p.id,
+			ref_key: "fieldRef",
+			ref: T,
+			modelValue: h.value,
+			"onUpdate:modelValue": s[0] ||= (e) => h.value = e,
+			class: p.class,
+			type: D.value,
+			placeholder: p.placeholder,
+			disabled: p.disabled,
+			readonly: p.readonly,
+			required: p.required,
+			label: p.label,
+			size: p.size,
+			invalid: p.invalid || !!k.value?.messages.length
+		}, r.$attrs, {
+			onFocusin: M,
+			onFocusout: N
+		}), d({
+			"label.prepend": C(() => [b(r.$slots, "label.prepend")]),
+			"label.append": C(() => [b(r.$slots, "label.append")]),
+			_: 2
+		}, [
+			r.$slots.prepend ? {
+				name: "prepend",
+				fn: C(() => [b(r.$slots, "prepend")]),
+				key: "0"
+			} : void 0,
+			p.toggle ? {
+				name: "append",
+				fn: C(() => [b(r.$slots, "append"), f(x(e), {
+					size: "small",
+					borderless: "",
+					"data-testid": "q-password-toggle",
+					disabled: p.disabled,
+					onClick: j
+				}, {
+					default: C(() => [f(x(t), _(m(w.value ? p.icons.show : p.icons.hide)), null, 16)]),
+					_: 1
+				}, 8, ["disabled"])]),
+				key: "1"
+			} : void 0,
+			r.$slots.extras || p.rules && !p.meter ? {
+				name: "extras",
+				fn: C(() => [b(r.$slots, "extras", {}, () => [k.value?.messages.length ? (v(), c(i, {
+					key: 0,
+					class: "q-password-field__inline-messages",
+					messages: k.value.messages
+				}, null, 8, ["messages"])) : l("v-if", !0)])]),
+				key: "2"
+			} : void 0
+		]), 1040, [
+			"id",
+			"modelValue",
+			"class",
+			"type",
+			"placeholder",
+			"disabled",
+			"readonly",
+			"required",
+			"label",
+			"size",
+			"invalid"
+		]), p.meter && p.meterLevels && k.value ? (v(), c(a, {
+			key: 0,
+			modelValue: E.value,
+			"onUpdate:modelValue": s[1] ||= (e) => E.value = e,
+			score: k.value.score,
+			levels: p.meterLevels,
+			messages: k.value.messages,
+			anchor: T.value?.$el
+		}, null, 8, [
+			"modelValue",
+			"score",
+			"levels",
+			"messages",
+			"anchor"
+		])) : l("v-if", !0)], 64));
+	}
 });
-export {
-  Y as default
-};
+//#endregion
+export { w as default };

package/esm/components/QPasswordField/QPasswordField2.vue.js

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

package/esm/components/QPasswordField/QPasswordFieldMessages.vue.js

@@ -1,28 +1,12 @@
-import { defineComponent as o, createElementBlock as e, openBlock as s, Fragment as a, renderList as l, toDisplayString as c } from "vue";
-const p = { class: "q-password-field__messages" }, d = /* @__PURE__ */ o({
-  __name: "QPasswordFieldMessages",
-  props: {
-    messages: {}
-  },
-  setup(r) {
-    const n = r;
-    return (i, _) => (s(), e("ul", p, [
-      (s(!0), e(
-        a,
-        null,
-        l(n.messages, (t) => (s(), e(
-          "li",
-          { key: t },
-          c(t),
-          1
-          /* TEXT */
-        ))),
-        128
-        /* KEYED_FRAGMENT */
-      ))
-    ]));
-  }
+import { Fragment as e, createElementBlock as t, defineComponent as n, openBlock as r, renderList as i, toDisplayString as a } from "vue";
+//#region src/components/QPasswordField/QPasswordFieldMessages.vue?vue&type=script&setup=true&lang.ts
+var o = { class: "q-password-field__messages" }, s = /*@__PURE__*/ n({
+	__name: "QPasswordFieldMessages",
+	props: { messages: {} },
+	setup(n) {
+		let s = n;
+		return (n, c) => (r(), t("ul", o, [(r(!0), t(e, null, i(s.messages, (e) => (r(), t("li", { key: e }, a(e), 1))), 128))]));
+	}
 });
-export {
-  d as default
-};
+//#endregion
+export { s as default };

package/esm/components/QPasswordField/QPasswordFieldMessages2.vue.js

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

package/esm/components/QPasswordField/QPasswordFieldMeterOverlay.vue.js

@@ -1,104 +1,83 @@
-import { defineComponent as u, mergeModels as p, useModel as f, computed as y, createBlock as c, openBlock as s, unref as i, withCtx as h, createElementVNode as d, createElementBlock as v, createCommentVNode as m, createVNode as B, toDisplayString as g } from "vue";
-import { QMeter as V } from "../QMeter/index.js";
-import { QOverlay as _ } from "../QOverlay/index.js";
-import k from "./QPasswordFieldMessages.vue.js";
-const w = { class: "q-password-field__meter" }, M = {
-  key: 0,
-  class: "q-password-field__meter-score"
-}, F = /* @__PURE__ */ u({
-  inheritAttrs: !1,
-  __name: "QPasswordFieldMeterOverlay",
-  props: /* @__PURE__ */ p({
-    id: {},
-    class: {},
-    modelValue: { type: Boolean },
-    anchor: {},
-    appearance: {},
-    arrow: { type: Boolean },
-    backdropBlur: { type: Boolean },
-    backdropClass: {},
-    offset: {},
-    crossOffset: {},
-    placement: {},
-    transition: {},
-    width: {},
-    centerVertically: { type: Boolean },
-    attach: {},
-    inline: { type: Boolean },
-    delay: {},
-    nonModal: { type: Boolean },
-    scrollLock: { type: Boolean },
-    persistent: { type: Boolean },
-    spy: { type: Boolean },
-    trigger: {},
-    focusWrap: { type: Boolean },
-    initialFocus: {},
-    focusWithinOnActivate: { type: Boolean },
-    closingFocus: {},
-    returnFocusOnDeactivate: { type: Boolean },
-    messages: {},
-    score: {},
-    levels: {}
-  }, {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(t) {
-    const o = t, n = f(t, "modelValue"), a = y(() => {
-      if (!o.levels.length) {
-        console.warn("Levels array is empty.");
-        return;
-      }
-      const r = [...o.levels].sort(
-        (l, e) => (l.threshold ?? 1 / 0) - (e.threshold ?? 1 / 0)
-      );
-      for (const l of r) {
-        const e = l.threshold ?? 1 / 0;
-        if (o.score < e)
-          return l;
-      }
-      return o.levels[o.levels.length - 1];
-    });
-    return (r, l) => (s(), c(i(_), {
-      modelValue: n.value,
-      "onUpdate:modelValue": l[0] || (l[0] = (e) => n.value = e),
-      trigger: "manual",
-      anchor: o.anchor,
-      width: "anchor",
-      "non-modal": "",
-      placement: "bottom"
-    }, {
-      default: h(() => {
-        var e;
-        return [
-          d("div", w, [
-            a.value ? (s(), v("div", M, [
-              B(i(V), {
-                "model-value": o.score,
-                max: 1,
-                color: a.value.color
-              }, null, 8, ["model-value", "color"]),
-              d(
-                "span",
-                null,
-                g(a.value.label),
-                1
-                /* TEXT */
-              )
-            ])) : m("v-if", !0),
-            (e = t.messages) != null && e.length ? (s(), c(k, {
-              key: 1,
-              messages: t.messages
-            }, null, 8, ["messages"])) : m("v-if", !0)
-          ])
-        ];
-      }),
-      _: 1
-      /* STABLE */
-    }, 8, ["modelValue", "anchor"]));
-  }
+import { QOverlay as e } from "../QOverlay/index.js";
+import { QMeter as t } from "../QMeter/index.js";
+import n from "./QPasswordFieldMessages2.vue.js";
+import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeModels as u, openBlock as d, toDisplayString as f, unref as p, useModel as m, withCtx as h } from "vue";
+//#region src/components/QPasswordField/QPasswordFieldMeterOverlay.vue?vue&type=script&setup=true&lang.ts
+var g = { class: "q-password-field__meter" }, _ = {
+	key: 0,
+	class: "q-password-field__meter-score"
+}, v = /*@__PURE__*/ l({
+	inheritAttrs: !1,
+	__name: "QPasswordFieldMeterOverlay",
+	props: /*@__PURE__*/ u({
+		id: {},
+		class: {},
+		modelValue: { type: Boolean },
+		anchor: {},
+		appearance: {},
+		arrow: { type: Boolean },
+		backdropBlur: { type: Boolean },
+		backdropClass: {},
+		offset: {},
+		crossOffset: {},
+		placement: {},
+		transition: {},
+		width: {},
+		centerVertically: { type: Boolean },
+		attach: {},
+		inline: { type: Boolean },
+		delay: {},
+		nonModal: { type: Boolean },
+		scrollLock: { type: Boolean },
+		persistent: { type: Boolean },
+		spy: { type: Boolean },
+		trigger: {},
+		focusWrap: { type: Boolean },
+		initialFocus: {},
+		focusWithinOnActivate: { type: Boolean },
+		closingFocus: {},
+		returnFocusOnDeactivate: { type: Boolean },
+		messages: {},
+		score: {},
+		levels: {}
+	}, {
+		modelValue: { type: Boolean },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(l) {
+		let u = l, v = m(l, "modelValue"), y = r(() => {
+			if (!u.levels.length) {
+				console.warn("Levels array is empty.");
+				return;
+			}
+			let e = [...u.levels].sort((e, t) => (e.threshold ?? Infinity) - (t.threshold ?? Infinity));
+			for (let t of e) {
+				let e = t.threshold ?? Infinity;
+				if (u.score < e) return t;
+			}
+			return u.levels[u.levels.length - 1];
+		});
+		return (r, m) => (d(), i(p(e), {
+			modelValue: v.value,
+			"onUpdate:modelValue": m[0] ||= (e) => v.value = e,
+			trigger: "manual",
+			anchor: u.anchor,
+			width: "anchor",
+			"non-modal": "",
+			placement: "bottom"
+		}, {
+			default: h(() => [s("div", g, [y.value ? (d(), o("div", _, [c(p(t), {
+				"model-value": u.score,
+				max: 1,
+				color: y.value.color
+			}, null, 8, ["model-value", "color"]), s("span", null, f(y.value.label), 1)])) : a("v-if", !0), l.messages?.length ? (d(), i(n, {
+				key: 1,
+				messages: l.messages
+			}, null, 8, ["messages"])) : a("v-if", !0)])]),
+			_: 1
+		}, 8, ["modelValue", "anchor"]));
+	}
 });
-export {
-  F as default
-};
+//#endregion
+export { v as default };

package/esm/components/QPasswordField/QPasswordFieldMeterOverlay2.vue.js

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

package/esm/components/QPasswordField/constants.js

@@ -1,11 +1,7 @@
-const e = {
-  show: {
-    icon: "eye"
-  },
-  hide: {
-    icon: "eye-off"
-  }
-};
-export {
-  e as DEFAULT_ICONS
+//#region src/components/QPasswordField/constants.ts
+var e = {
+	show: { icon: "eye" },
+	hide: { icon: "eye-off" }
 };
+//#endregion
+export { e as DEFAULT_ICONS };

package/esm/components/QPasswordField/index.js

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