@quidgest/ui 0.17.2 → 0.17.4

package/esm/components/QPopover/QPopover.vue.js

@@ -1,96 +1,75 @@
-import { defineComponent as v, mergeModels as f, useModel as y, computed as g, createBlock as s, openBlock as t, unref as _, normalizeClass as k, withCtx as i, createElementVNode as V, createElementBlock as l, createCommentVNode as p, renderSlot as o, Fragment as c, resolveDynamicComponent as B, createTextVNode as L, toDisplayString as m } from "vue";
-import { QOverlay as $ } from "../QOverlay/index.js";
-const b = { class: "q-popover__content" }, w = {
-  key: 0,
-  class: "q-popover__header"
-}, C = ["innerHTML"], M = { key: 1 }, N = /* @__PURE__ */ v({
-  inheritAttrs: !1,
-  __name: "QPopover",
-  props: /* @__PURE__ */ f({
-    id: {},
-    class: {},
-    anchor: {},
-    text: {},
-    title: {},
-    headingLevel: { default: 2 },
-    arrow: { type: Boolean, default: !0 },
-    placement: { default: "right" },
-    attach: { default: "body" },
-    inline: { type: Boolean },
-    html: { type: Boolean, default: !0 },
-    disabled: { type: Boolean }
-  }, {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(n) {
-    const e = n, r = y(n, "modelValue"), u = g(() => e.headingLevel >= 1 && e.headingLevel <= 6 ? "h" + e.headingLevel : "div");
-    return (a, d) => (t(), s(_($), {
-      id: e.id,
-      modelValue: r.value,
-      "onUpdate:modelValue": d[0] || (d[0] = (h) => r.value = h),
-      class: k(["q-popover", e.class]),
-      trigger: "click",
-      anchor: e.anchor,
-      arrow: e.arrow,
-      attach: e.attach,
-      inline: e.inline,
-      disabled: e.disabled,
-      placement: e.placement
-    }, {
-      default: i(() => [
-        V("div", b, [
-          e.title || a.$slots.header ? (t(), l("div", w, [
-            a.$slots.header ? o(a.$slots, "header", { key: 0 }) : (t(), l(
-              c,
-              { key: 1 },
-              [
-                o(a.$slots, "header.prepend"),
-                (t(), s(B(u.value), { class: "q-popover__title" }, {
-                  default: i(() => [
-                    L(
-                      m(e.title),
-                      1
-                      /* TEXT */
-                    )
-                  ]),
-                  _: 1
-                  /* STABLE */
-                })),
-                o(a.$slots, "header.append")
-              ],
-              64
-              /* STABLE_FRAGMENT */
-            ))
-          ])) : p("v-if", !0),
-          o(a.$slots, "default", {}, () => [
-            e.text ? (t(), l(
-              c,
-              { key: 0 },
-              [
-                e.html ? (t(), l("span", {
-                  key: 0,
-                  innerHTML: e.text
-                }, null, 8, C)) : (t(), l(
-                  "span",
-                  M,
-                  m(e.text),
-                  1
-                  /* TEXT */
-                ))
-              ],
-              64
-              /* STABLE_FRAGMENT */
-            )) : p("v-if", !0)
-          ])
-        ])
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 8, ["id", "modelValue", "class", "anchor", "arrow", "attach", "inline", "disabled", "placement"]));
-  }
+import { QOverlay as e } from "../QOverlay/index.js";
+import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, mergeModels as l, normalizeClass as u, openBlock as d, renderSlot as f, resolveDynamicComponent as p, toDisplayString as m, unref as h, useModel as g, withCtx as _ } from "vue";
+//#region src/components/QPopover/QPopover.vue?vue&type=script&setup=true&lang.ts
+var v = { class: "q-popover__content" }, y = {
+	key: 0,
+	class: "q-popover__header"
+}, b = ["innerHTML"], x = { key: 1 }, S = /*@__PURE__*/ c({
+	inheritAttrs: !1,
+	__name: "QPopover",
+	props: /*@__PURE__*/ l({
+		id: {},
+		class: {},
+		anchor: {},
+		text: {},
+		title: {},
+		headingLevel: { default: 2 },
+		arrow: {
+			type: Boolean,
+			default: !0
+		},
+		placement: { default: "right" },
+		attach: { default: "body" },
+		inline: { type: Boolean },
+		html: {
+			type: Boolean,
+			default: !0
+		},
+		disabled: { type: Boolean }
+	}, {
+		modelValue: { type: Boolean },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(c) {
+		let l = c, S = g(c, "modelValue"), C = n(() => l.headingLevel >= 1 && l.headingLevel <= 6 ? "h" + l.headingLevel : "div");
+		return (n, c) => (d(), r(h(e), {
+			id: l.id,
+			modelValue: S.value,
+			"onUpdate:modelValue": c[0] ||= (e) => S.value = e,
+			class: u(["q-popover", l.class]),
+			trigger: "click",
+			anchor: l.anchor,
+			arrow: l.arrow,
+			attach: l.attach,
+			inline: l.inline,
+			disabled: l.disabled,
+			placement: l.placement
+		}, {
+			default: _(() => [o("div", v, [l.title || n.$slots.header ? (d(), a("div", y, [n.$slots.header ? f(n.$slots, "header", { key: 0 }) : (d(), a(t, { key: 1 }, [
+				f(n.$slots, "header.prepend"),
+				(d(), r(p(C.value), { class: "q-popover__title" }, {
+					default: _(() => [s(m(l.title), 1)]),
+					_: 1
+				})),
+				f(n.$slots, "header.append")
+			], 64))])) : i("v-if", !0), f(n.$slots, "default", {}, () => [l.text ? (d(), a(t, { key: 0 }, [l.html ? (d(), a("span", {
+				key: 0,
+				innerHTML: l.text
+			}, null, 8, b)) : (d(), a("span", x, m(l.text), 1))], 64)) : i("v-if", !0)])])]),
+			_: 3
+		}, 8, [
+			"id",
+			"modelValue",
+			"class",
+			"anchor",
+			"arrow",
+			"attach",
+			"inline",
+			"disabled",
+			"placement"
+		]));
+	}
 });
-export {
-  N as default
-};
+//#endregion
+export { S as default };

package/esm/components/QPopover/QPopover2.vue.js

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

package/esm/components/QPopover/index.js

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

package/esm/components/QPropertyList/QPropertyList.vue.js

@@ -1,155 +1,110 @@
-import { defineComponent as A, ref as p, computed as g, watch as G, nextTick as Q, createElementBlock as u, openBlock as s, normalizeClass as h, createElementVNode as a, createBlock as f, createCommentVNode as c, Fragment as y, renderList as k, unref as m, withCtx as _, renderSlot as F } from "vue";
-import { DEFAULT_TEXTS as W, DEFAULT_ICONS as N } from "./constants.js";
-import { QPropertyListGroup as O, QPropertyListRow as V, QPropertyListPanel as $ } from "./index.js";
-const D = ["id"], U = { class: "q-property-list__table" }, j = /* @__PURE__ */ A({
-  __name: "QPropertyList",
-  props: {
-    id: {},
-    class: {},
-    fields: { default: () => [] },
-    groups: { default: () => [] },
-    panelPosition: { default: "bottom" },
-    block: { type: Boolean },
-    noPanel: { type: Boolean },
-    noToggle: { type: Boolean },
-    readonly: { type: Boolean },
-    icons: { default: () => N },
-    texts: { default: () => W }
-  },
-  emits: ["field-change", "select-field"],
-  setup(C, { emit: b }) {
-    const t = C, v = b, d = p(t.groups.map((e) => e.id)), n = p(void 0), r = p(null), x = g(() => t.groups.length ? t.groups.filter(
-      (e) => t.fields.some((o) => o.group === e.id)
-    ) : [{ id: "", title: "" }]), P = g(() => [
-      "q-property-list",
-      {
-        "q-property-list--side-panel": t.panelPosition === "right",
-        "q-property-list--block": t.block
-      },
-      t.class
-    ]);
-    function B() {
-      var e;
-      (e = r.value) != null && e.contains(document.activeElement) || (n.value = void 0);
-    }
-    function L(e) {
-      return e ? t.fields.filter((o) => o.group === e) : t.fields;
-    }
-    function T(e) {
-      const o = d.value.indexOf(e);
-      o === -1 ? d.value.push(e) : d.value.splice(o, 1);
-    }
-    function q(e) {
-      var l;
-      return [
-        {
-          "q-property-list__row--selected": ((l = n.value) == null ? void 0 : l.id) === e.id
-        }
-      ];
-    }
-    function w(e) {
-      n.value = e, v("select-field", n.value.id);
-    }
-    function E(e, o) {
-      t.readonly || (e.props.readonly ?? !1) || v("field-change", e, o);
-    }
-    function R() {
-      if (!r.value) return;
-      const e = r.value.offsetWidth;
-      r.value.style.minWidth = `${e}px`;
-    }
-    return G(
-      () => t.block,
-      async (e) => {
-        var o;
-        await Q(), e ? (o = r.value) == null || o.removeAttribute("style") : R();
-      },
-      { immediate: !0 }
-    ), (e, o) => (s(), u("div", {
-      id: t.id,
-      ref_key: "componentRoot",
-      ref: r,
-      tabindex: "0",
-      class: h(P.value),
-      onFocusout: B
-    }, [
-      a("table", U, [
-        o[0] || (o[0] = a(
-          "thead",
-          { class: "q-property-list__header" },
-          [
-            a("tr", null, [
-              a("th", { colspan: "2" })
-            ])
-          ],
-          -1
-          /* CACHED */
-        )),
-        a("tbody", null, [
-          (s(!0), u(
-            y,
-            null,
-            k(x.value, (l) => (s(), u(
-              y,
-              {
-                key: l.id
-              },
-              [
-                l.title ? (s(), f(m(O), {
-                  key: 0,
-                  "data-key": l.id,
-                  title: l.title,
-                  icons: t.icons,
-                  "no-toggle": t.noToggle,
-                  onClick: () => T(l.id ?? "")
-                }, null, 8, ["data-key", "title", "icons", "no-toggle", "onClick"])) : c("v-if", !0),
-                l.id === "" || d.value.includes(l.id ?? "") ? (s(!0), u(
-                  y,
-                  { key: 1 },
-                  k(L(l.id), (i) => (s(), f(m(V), {
-                    key: i.id,
-                    class: h(q(i)),
-                    field: i,
-                    "model-value": i.props.modelValue,
-                    readonly: t.readonly,
-                    onFocus: w,
-                    onFieldChange: (S) => E(i, S)
-                  }, {
-                    default: _(() => [
-                      F(e.$slots, i.id, { field: i })
-                    ]),
-                    _: 2
-                    /* DYNAMIC */
-                  }, 1032, ["class", "field", "model-value", "readonly", "onFieldChange"]))),
-                  128
-                  /* KEYED_FRAGMENT */
-                )) : c("v-if", !0)
-              ],
-              64
-              /* STABLE_FRAGMENT */
-            ))),
-            128
-            /* KEYED_FRAGMENT */
-          ))
-        ])
-      ]),
-      t.noPanel ? c("v-if", !0) : (s(), f(m($), {
-        key: 0,
-        field: n.value,
-        texts: t.texts
-      }, {
-        default: _(() => [
-          n.value ? F(e.$slots, "panel", {
-            key: 0,
-            field: n.value
-          }) : c("v-if", !0)
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 8, ["field", "texts"]))
-    ], 42, D));
-  }
+import { DEFAULT_ICONS as e, DEFAULT_TEXTS as t } from "./constants.js";
+import { QPropertyListGroup as n, QPropertyListPanel as r, QPropertyListRow as i } from "./index.js";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, defineComponent as d, nextTick as f, normalizeClass as p, openBlock as m, ref as h, renderList as g, renderSlot as _, unref as v, watch as y, withCtx as b } from "vue";
+//#region src/components/QPropertyList/QPropertyList.vue?vue&type=script&setup=true&lang.ts
+var x = ["id"], S = { class: "q-property-list__table" }, C = /*@__PURE__*/ d({
+	__name: "QPropertyList",
+	props: {
+		id: {},
+		class: {},
+		fields: { default: () => [] },
+		groups: { default: () => [] },
+		panelPosition: { default: "bottom" },
+		block: { type: Boolean },
+		noPanel: { type: Boolean },
+		noToggle: { type: Boolean },
+		readonly: { type: Boolean },
+		icons: { default: () => e },
+		texts: { default: () => t }
+	},
+	emits: ["field-change", "select-field"],
+	setup(e, { emit: t }) {
+		let d = e, C = t, w = h(d.groups.map((e) => e.id)), T = h(void 0), E = h(null), D = o(() => d.groups.length ? d.groups.filter((e) => d.fields.some((t) => t.group === e.id)) : [{
+			id: "",
+			title: ""
+		}]), O = o(() => [
+			"q-property-list",
+			{
+				"q-property-list--side-panel": d.panelPosition === "right",
+				"q-property-list--block": d.block
+			},
+			d.class
+		]);
+		function k() {
+			E.value?.contains(document.activeElement) || (T.value = void 0);
+		}
+		function A(e) {
+			return e ? d.fields.filter((t) => t.group === e) : d.fields;
+		}
+		function j(e) {
+			let t = w.value.indexOf(e);
+			t === -1 ? w.value.push(e) : w.value.splice(t, 1);
+		}
+		function M(e) {
+			return [{ "q-property-list__row--selected": T.value?.id === e.id }];
+		}
+		function N(e) {
+			T.value = e, C("select-field", T.value.id);
+		}
+		function P(e, t) {
+			d.readonly || (e.props.readonly ?? !1) || C("field-change", e, t);
+		}
+		function F() {
+			if (!E.value) return;
+			let e = E.value.offsetWidth;
+			E.value.style.minWidth = `${e}px`;
+		}
+		return y(() => d.block, async (e) => {
+			await f(), e ? E.value?.removeAttribute("style") : F();
+		}, { immediate: !0 }), (e, t) => (m(), l("div", {
+			id: d.id,
+			ref_key: "componentRoot",
+			ref: E,
+			tabindex: "0",
+			class: p(O.value),
+			onFocusout: k
+		}, [u("table", S, [t[0] ||= u("thead", { class: "q-property-list__header" }, [u("tr", null, [u("th", { colspan: "2" })])], -1), u("tbody", null, [(m(!0), l(a, null, g(D.value, (t) => (m(), l(a, { key: t.id }, [t.title ? (m(), s(v(n), {
+			key: 0,
+			"data-key": t.id,
+			title: t.title,
+			icons: d.icons,
+			"no-toggle": d.noToggle,
+			onClick: () => j(t.id ?? "")
+		}, null, 8, [
+			"data-key",
+			"title",
+			"icons",
+			"no-toggle",
+			"onClick"
+		])) : c("v-if", !0), t.id === "" || w.value.includes(t.id ?? "") ? (m(!0), l(a, { key: 1 }, g(A(t.id), (t) => (m(), s(v(i), {
+			key: t.id,
+			class: p(M(t)),
+			field: t,
+			"model-value": t.props.modelValue,
+			readonly: d.readonly,
+			onFocus: N,
+			onFieldChange: (e) => P(t, e)
+		}, {
+			default: b(() => [_(e.$slots, t.id, { field: t })]),
+			_: 2
+		}, 1032, [
+			"class",
+			"field",
+			"model-value",
+			"readonly",
+			"onFieldChange"
+		]))), 128)) : c("v-if", !0)], 64))), 128))])]), d.noPanel ? c("v-if", !0) : (m(), s(v(r), {
+			key: 0,
+			field: T.value,
+			texts: d.texts
+		}, {
+			default: b(() => [T.value ? _(e.$slots, "panel", {
+				key: 0,
+				field: T.value
+			}) : c("v-if", !0)]),
+			_: 3
+		}, 8, ["field", "texts"]))], 42, x));
+	}
 });
-export {
-  j as default
-};
+//#endregion
+export { C as default };

package/esm/components/QPropertyList/QPropertyList2.vue.js

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

package/esm/components/QPropertyList/QPropertyListGroup.vue.js

@@ -1,69 +1,47 @@
-import { defineComponent as m, ref as g, computed as i, createElementBlock as _, openBlock as l, unref as o, normalizeClass as f, createElementVNode as s, createBlock as v, createCommentVNode as y, createTextVNode as k, withCtx as x, createVNode as C, normalizeProps as T, guardReactiveProps as h, toDisplayString as B } from "vue";
-import { DEFAULT_ICONS as N } from "./constants.js";
-import { QButton as b } from "../QButton/index.js";
-import { QIcon as V } from "../QIcon/index.js";
-import { useId as q } from "../../composables/uid.js";
-const E = ["id", "aria-labelledby"], I = ["id"], P = { class: "q-property-list-group__content" }, A = /* @__PURE__ */ m({
-  __name: "QPropertyListGroup",
-  props: {
-    id: {},
-    class: {},
-    title: {},
-    noToggle: { type: Boolean },
-    icons: { default: () => N },
-    texts: {}
-  },
-  emits: ["click"],
-  setup(c, { emit: a }) {
-    const e = c, p = a, t = g(!0), r = q(), u = i(() => t.value ? e.icons.open : e.icons.close), d = i(() => [
-      "q-property-list-group",
-      {
-        "q-property-list-group--no-toggle": e.noToggle
-      },
-      e.class
-    ]);
-    function n() {
-      e.noToggle || (t.value = !t.value, p("click"));
-    }
-    return (Q, z) => (l(), _("tr", {
-      id: e.id,
-      class: f(d.value),
-      role: "group",
-      "aria-labelledby": o(r),
-      onClick: n
-    }, [
-      s("td", {
-        id: o(r),
-        colspan: "2"
-      }, [
-        s("div", P, [
-          e.noToggle ? y("v-if", !0) : (l(), v(o(b), {
-            key: 0,
-            variant: "text",
-            onClick: n
-          }, {
-            default: x(() => [
-              C(
-                o(V),
-                T(h(u.value)),
-                null,
-                16
-                /* FULL_PROPS */
-              )
-            ]),
-            _: 1
-            /* STABLE */
-          })),
-          k(
-            " " + B(e.title),
-            1
-            /* TEXT */
-          )
-        ])
-      ], 8, I)
-    ], 10, E));
-  }
+import { QButton as e } from "../QButton/index.js";
+import { QIcon as t } from "../QIcon/index.js";
+import { useId as n } from "../../composables/uid.js";
+import { DEFAULT_ICONS as r } from "./constants.js";
+import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, normalizeClass as p, normalizeProps as m, openBlock as h, ref as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
+//#region src/components/QPropertyList/QPropertyListGroup.vue?vue&type=script&setup=true&lang.ts
+var b = ["id", "aria-labelledby"], x = ["id"], S = { class: "q-property-list-group__content" }, C = /*@__PURE__*/ d({
+	__name: "QPropertyListGroup",
+	props: {
+		id: {},
+		class: {},
+		title: {},
+		noToggle: { type: Boolean },
+		icons: { default: () => r },
+		texts: {}
+	},
+	emits: ["click"],
+	setup(r, { emit: d }) {
+		let C = r, w = d, T = g(!0), E = n(), D = i(() => T.value ? C.icons.open : C.icons.close), O = i(() => [
+			"q-property-list-group",
+			{ "q-property-list-group--no-toggle": C.noToggle },
+			C.class
+		]);
+		function k() {
+			C.noToggle || (T.value = !T.value, w("click"));
+		}
+		return (n, r) => (h(), s("tr", {
+			id: C.id,
+			class: p(O.value),
+			role: "group",
+			"aria-labelledby": v(E),
+			onClick: k
+		}, [c("td", {
+			id: v(E),
+			colspan: "2"
+		}, [c("div", S, [C.noToggle ? o("v-if", !0) : (h(), a(v(e), {
+			key: 0,
+			variant: "text",
+			onClick: k
+		}, {
+			default: y(() => [u(v(t), m(f(D.value)), null, 16)]),
+			_: 1
+		})), l(" " + _(C.title), 1)])], 8, x)], 10, b));
+	}
 });
-export {
-  A as default
-};
+//#endregion
+export { C as default };

package/esm/components/QPropertyList/QPropertyListGroup2.vue.js

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