@quidgest/ui 0.17.2 → 0.17.4

package/esm/components/QDialog/QDialog.vue.js

@@ -1,227 +1,176 @@
-import { defineComponent as E, ref as k, computed as g, createBlock as d, openBlock as t, unref as a, normalizeClass as B, withCtx as p, createElementVNode as V, createElementBlock as i, createCommentVNode as s, renderSlot as n, toDisplayString as m, createVNode as _, normalizeProps as b, guardReactiveProps as $, createTextVNode as L, Fragment as U, renderList as w, mergeProps as q } from "vue";
-import { DEFAULT_ICONS as Q, DEFAULT_BUTTONS as M, DEFAULT_ICON as S } from "./constants.js";
-import { QButton as F } from "../QButton/index.js";
-import { QIcon as f } from "../QIcon/index.js";
-import { QOverlay as W } from "../QOverlay/index.js";
-import { QTextField as I } from "../QTextField/index.js";
-const P = {
-  key: 0,
-  class: "q-dialog__header"
-}, H = {
-  key: 0,
-  class: "q-dialog__header-title"
-}, x = {
-  key: 1,
-  class: "q-dialog__body"
-}, R = {
-  key: 0,
-  class: "q-dialog__body-icon"
-}, j = { class: "q-dialog__body-text" }, G = ["innerHTML"], J = { key: 1 }, K = {
-  key: 0,
-  class: "q-dialog__input"
-}, X = {
-  key: 2,
-  class: "q-dialog__footer"
-}, Y = {
-  key: 0,
-  class: "q-dialog__footer-buttons"
-}, ie = /* @__PURE__ */ E({
-  __name: "QDialog",
-  props: {
-    id: {},
-    class: {},
-    modelValue: { type: Boolean },
-    title: {},
-    text: {},
-    icon: { default: () => S },
-    buttons: { default: () => M },
-    backdropBlur: { type: Boolean, default: !0 },
-    size: { default: "small" },
-    centerVertically: { type: Boolean },
-    attach: { default: "body" },
-    inline: { type: Boolean },
-    focusWrap: { type: Boolean, default: !0 },
-    initialFocus: {},
-    focusWithinOnActivate: { type: Boolean, default: !0 },
-    closingFocus: {},
-    returnFocusOnDeactivate: { type: Boolean, default: !0 },
-    dismissible: { type: Boolean },
-    html: { type: Boolean, default: !0 },
-    input: {},
-    icons: { default: () => Q }
-  },
-  emits: ["update:modelValue", "action"],
-  setup(C, { emit: T }) {
-    const e = C, y = T, u = k(""), r = k(""), D = g(() => ["q-dialog", e.class]), O = g(() => `q-overlay--${e.size}`);
-    function N() {
-      v(!0);
-    }
-    function h() {
-      v(!1);
-    }
-    function z(o) {
-      var c, l;
-      if (y("action", o.id), o.action) {
-        if ((c = e.input) != null && c.validator && (r.value = e.input.validator(a(u)), a(r)))
-          return;
-        (l = o.action) == null || l.call(o, a(u));
-      }
-      h();
-    }
-    function v(o) {
-      y("update:modelValue", o);
-    }
-    return (o, c) => (t(), d(a(W), {
-      id: e.id,
-      "model-value": e.modelValue,
-      "backdrop-class": "q-dialog__underlay",
-      "scroll-lock": "",
-      persistent: "",
-      inline: e.inline,
-      attach: e.attach,
-      "backdrop-blur": e.backdropBlur,
-      "center-vertically": e.centerVertically,
-      "focus-wrap": e.focusWrap,
-      "initial-focus": e.initialFocus,
-      "focus-within-on-activate": e.focusWithinOnActivate,
-      "closing-focus": e.closingFocus,
-      "return-focus-on-deactivate": e.returnFocusOnDeactivate,
-      class: B(O.value),
-      onEnter: N,
-      "onUpdate:modelValue": v
-    }, {
-      default: p(() => [
-        V(
-          "div",
-          {
-            class: B(D.value)
-          },
-          [
-            e.title || o.$slots.header || o.$slots["header.prepend"] || o.$slots["header.append"] ? (t(), i("div", P, [
-              n(o.$slots, "header", {}, () => [
-                n(o.$slots, "header.prepend"),
-                e.title ? (t(), i(
-                  "span",
-                  H,
-                  m(e.title),
-                  1
-                  /* TEXT */
-                )) : s("v-if", !0),
-                n(o.$slots, "header.append")
-              ])
-            ])) : s("v-if", !0),
-            e.icon || e.text || o.$slots.body ? (t(), i("div", x, [
-              n(o.$slots, "body", {}, () => {
-                var l;
-                return [
-                  n(o.$slots, "body.icon", {}, () => [
-                    e.icon ? (t(), i("span", R, [
-                      _(
-                        a(f),
-                        b($(e.icon)),
-                        null,
-                        16
-                        /* FULL_PROPS */
-                      )
-                    ])) : s("v-if", !0)
-                  ]),
-                  V("div", j, [
-                    e.html ? (t(), i("div", {
-                      key: 0,
-                      innerHTML: e.text
-                    }, null, 8, G)) : (t(), i(
-                      "div",
-                      J,
-                      m(e.text),
-                      1
-                      /* TEXT */
-                    ))
-                  ]),
-                  e.input ? (t(), i("div", K, [
-                    _(a(I), {
-                      modelValue: u.value,
-                      "onUpdate:modelValue": c[0] || (c[0] = (A) => u.value = A),
-                      invalid: !!r.value,
-                      placeholder: (l = e.input) == null ? void 0 : l.placeholder,
-                      size: "block"
-                    }, {
-                      extras: p(() => [
-                        r.value ? (t(), d(a(f), {
-                          key: 0,
-                          icon: "exclamation-sign"
-                        })) : s("v-if", !0),
-                        L(
-                          " " + m(r.value),
-                          1
-                          /* TEXT */
-                        )
-                      ]),
-                      _: 1
-                      /* STABLE */
-                    }, 8, ["modelValue", "invalid", "placeholder"])
-                  ])) : s("v-if", !0),
-                  n(o.$slots, "body.append")
-                ];
-              })
-            ])) : s("v-if", !0),
-            e.buttons || o.$slots["footer.append"] ? (t(), i("div", X, [
-              e.buttons ? (t(), i("span", Y, [
-                (t(!0), i(
-                  U,
-                  null,
-                  w(e.buttons, (l) => (t(), d(a(F), q({ ref_for: !0 }, l.props, {
-                    key: l.id,
-                    onClick: () => z(l)
-                  }), {
-                    default: p(() => [
-                      l.icon ? (t(), d(
-                        a(f),
-                        q({
-                          key: 0,
-                          ref_for: !0
-                        }, l.icon),
-                        null,
-                        16
-                        /* FULL_PROPS */
-                      )) : s("v-if", !0)
-                    ]),
-                    _: 2
-                    /* DYNAMIC */
-                  }, 1040, ["onClick"]))),
-                  128
-                  /* KEYED_FRAGMENT */
-                ))
-              ])) : s("v-if", !0),
-              n(o.$slots, "footer.append")
-            ])) : s("v-if", !0),
-            e.dismissible ? (t(), d(a(F), {
-              key: 3,
-              class: "q-dialog__close",
-              variant: "text",
-              onClick: h
-            }, {
-              default: p(() => [
-                _(
-                  a(f),
-                  b($(e.icons.close)),
-                  null,
-                  16
-                  /* FULL_PROPS */
-                )
-              ]),
-              _: 1
-              /* STABLE */
-            })) : s("v-if", !0)
-          ],
-          2
-          /* CLASS */
-        )
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 8, ["id", "model-value", "inline", "attach", "backdrop-blur", "center-vertically", "focus-wrap", "initial-focus", "focus-within-on-activate", "closing-focus", "return-focus-on-deactivate", "class"]));
-  }
+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 { QOverlay as r } from "../QOverlay/index.js";
+import { DEFAULT_BUTTONS as i, DEFAULT_ICON as a, DEFAULT_ICONS as o } from "./constants.js";
+import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, guardReactiveProps as g, mergeProps as _, normalizeClass as v, normalizeProps as y, openBlock as b, ref as x, renderList as S, renderSlot as C, toDisplayString as w, unref as T, withCtx as E } from "vue";
+//#region src/components/QDialog/QDialog.vue?vue&type=script&setup=true&lang.ts
+var D = {
+	key: 0,
+	class: "q-dialog__header"
+}, O = {
+	key: 0,
+	class: "q-dialog__header-title"
+}, k = {
+	key: 1,
+	class: "q-dialog__body"
+}, A = {
+	key: 0,
+	class: "q-dialog__body-icon"
+}, j = { class: "q-dialog__body-text" }, M = ["innerHTML"], N = { key: 1 }, P = {
+	key: 0,
+	class: "q-dialog__input"
+}, F = {
+	key: 2,
+	class: "q-dialog__footer"
+}, I = {
+	key: 0,
+	class: "q-dialog__footer-buttons"
+}, L = /*@__PURE__*/ h({
+	__name: "QDialog",
+	props: {
+		id: {},
+		class: {},
+		modelValue: { type: Boolean },
+		title: {},
+		text: {},
+		icon: { default: () => a },
+		buttons: { default: () => i },
+		backdropBlur: {
+			type: Boolean,
+			default: !0
+		},
+		size: { default: "small" },
+		centerVertically: { type: Boolean },
+		attach: { default: "body" },
+		inline: { type: Boolean },
+		focusWrap: {
+			type: Boolean,
+			default: !0
+		},
+		initialFocus: {},
+		focusWithinOnActivate: {
+			type: Boolean,
+			default: !0
+		},
+		closingFocus: {},
+		returnFocusOnDeactivate: {
+			type: Boolean,
+			default: !0
+		},
+		dismissible: { type: Boolean },
+		html: {
+			type: Boolean,
+			default: !0
+		},
+		input: {},
+		icons: { default: () => o }
+	},
+	emits: ["update:modelValue", "action"],
+	setup(i, { emit: a }) {
+		let o = i, h = a, L = x(""), R = x(""), z = c(() => ["q-dialog", o.class]), B = c(() => `q-overlay--${o.size}`);
+		function V() {
+			W(!0);
+		}
+		function H() {
+			W(!1);
+		}
+		function U(e) {
+			if (h("action", e.id), e.action) {
+				if (o.input?.validator && (R.value = o.input.validator(T(L)), T(R))) return;
+				e.action?.(T(L));
+			}
+			H();
+		}
+		function W(e) {
+			h("update:modelValue", e);
+		}
+		return (i, a) => (b(), l(T(r), {
+			id: o.id,
+			"model-value": o.modelValue,
+			"backdrop-class": "q-dialog__underlay",
+			"scroll-lock": "",
+			persistent: "",
+			inline: o.inline,
+			attach: o.attach,
+			"backdrop-blur": o.backdropBlur,
+			"center-vertically": o.centerVertically,
+			"focus-wrap": o.focusWrap,
+			"initial-focus": o.initialFocus,
+			"focus-within-on-activate": o.focusWithinOnActivate,
+			"closing-focus": o.closingFocus,
+			"return-focus-on-deactivate": o.returnFocusOnDeactivate,
+			class: v(B.value),
+			onEnter: V,
+			"onUpdate:modelValue": W
+		}, {
+			default: E(() => [f("div", { class: v(z.value) }, [
+				o.title || i.$slots.header || i.$slots["header.prepend"] || i.$slots["header.append"] ? (b(), d("div", D, [C(i.$slots, "header", {}, () => [
+					C(i.$slots, "header.prepend"),
+					o.title ? (b(), d("span", O, w(o.title), 1)) : u("v-if", !0),
+					C(i.$slots, "header.append")
+				])])) : u("v-if", !0),
+				o.icon || o.text || i.$slots.body ? (b(), d("div", k, [C(i.$slots, "body", {}, () => [
+					C(i.$slots, "body.icon", {}, () => [o.icon ? (b(), d("span", A, [m(T(t), y(g(o.icon)), null, 16)])) : u("v-if", !0)]),
+					f("div", j, [o.html ? (b(), d("div", {
+						key: 0,
+						innerHTML: o.text
+					}, null, 8, M)) : (b(), d("div", N, w(o.text), 1))]),
+					o.input ? (b(), d("div", P, [m(T(n), {
+						modelValue: L.value,
+						"onUpdate:modelValue": a[0] ||= (e) => L.value = e,
+						invalid: !!R.value,
+						placeholder: o.input?.placeholder,
+						size: "block"
+					}, {
+						extras: E(() => [R.value ? (b(), l(T(t), {
+							key: 0,
+							icon: "exclamation-sign"
+						})) : u("v-if", !0), p(" " + w(R.value), 1)]),
+						_: 1
+					}, 8, [
+						"modelValue",
+						"invalid",
+						"placeholder"
+					])])) : u("v-if", !0),
+					C(i.$slots, "body.append")
+				])])) : u("v-if", !0),
+				o.buttons || i.$slots["footer.append"] ? (b(), d("div", F, [o.buttons ? (b(), d("span", I, [(b(!0), d(s, null, S(o.buttons, (n) => (b(), l(T(e), _({ ref_for: !0 }, n.props, {
+					key: n.id,
+					onClick: () => U(n)
+				}), {
+					default: E(() => [n.icon ? (b(), l(T(t), _({
+						key: 0,
+						ref_for: !0
+					}, n.icon), null, 16)) : u("v-if", !0)]),
+					_: 2
+				}, 1040, ["onClick"]))), 128))])) : u("v-if", !0), C(i.$slots, "footer.append")])) : u("v-if", !0),
+				o.dismissible ? (b(), l(T(e), {
+					key: 3,
+					class: "q-dialog__close",
+					variant: "text",
+					onClick: H
+				}, {
+					default: E(() => [m(T(t), y(g(o.icons.close)), null, 16)]),
+					_: 1
+				})) : u("v-if", !0)
+			], 2)]),
+			_: 3
+		}, 8, [
+			"id",
+			"model-value",
+			"inline",
+			"attach",
+			"backdrop-blur",
+			"center-vertically",
+			"focus-wrap",
+			"initial-focus",
+			"focus-within-on-activate",
+			"closing-focus",
+			"return-focus-on-deactivate",
+			"class"
+		]));
+	}
 });
-export {
-  ie as default
-};
+//#endregion
+export { L as default };

package/esm/components/QDialog/QDialog2.vue.js

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

package/esm/components/QDialog/QDialogProvider.vue.js

@@ -1,36 +1,27 @@
-import { defineComponent as d, createElementBlock as _, openBlock as r, Fragment as g, renderList as k, unref as i, createBlock as v, mergeProps as A } from "vue";
-import { QDialog as B } from "./index.js";
-import { useDialog as D } from "../../composables/useDialog/index.js";
-const x = /* @__PURE__ */ d({
-  inheritAttrs: !1,
-  __name: "QDialogProvider",
-  props: {
-    inline: { type: Boolean }
-  },
-  emits: ["leave"],
-  setup(l, { emit: a }) {
-    const m = l, p = a, { dialogs: s, removeDialog: c } = D();
-    function u(n, o) {
-      o || (c(n), p("leave", n));
-    }
-    return (n, o) => (r(!0), _(
-      g,
-      null,
-      k(i(s), (e) => {
-        var t;
-        return r(), v(i(B), A({
-          key: e.id
-        }, { ref_for: !0 }, e.props, {
-          inline: m.inline,
-          onAction: (t = e.handlers) == null ? void 0 : t.onAction,
-          "onUpdate:modelValue": (f) => u(e.id, f)
-        }), null, 16, ["inline", "onAction", "onUpdate:modelValue"]);
-      }),
-      128
-      /* KEYED_FRAGMENT */
-    ));
-  }
+import { useDialog as e } from "../../composables/useDialog/index.js";
+import { QDialog as t } from "./index.js";
+import { Fragment as n, createBlock as r, createElementBlock as i, defineComponent as a, mergeProps as o, openBlock as s, renderList as c, unref as l } from "vue";
+//#region src/components/QDialog/QDialogProvider.vue?vue&type=script&setup=true&lang.ts
+var u = /*@__PURE__*/ a({
+	inheritAttrs: !1,
+	__name: "QDialogProvider",
+	props: { inline: { type: Boolean } },
+	emits: ["leave"],
+	setup(a, { emit: u }) {
+		let d = a, f = u, { dialogs: p, removeDialog: m } = e();
+		function h(e, t) {
+			t || (m(e), f("leave", e));
+		}
+		return (e, a) => (s(!0), i(n, null, c(l(p), (e) => (s(), r(l(t), o({ key: e.id }, { ref_for: !0 }, e.props, {
+			inline: d.inline,
+			onAction: e.handlers?.onAction,
+			"onUpdate:modelValue": (t) => h(e.id, t)
+		}), null, 16, [
+			"inline",
+			"onAction",
+			"onUpdate:modelValue"
+		]))), 128));
+	}
 });
-export {
-  x as default
-};
+//#endregion
+export { u as default };

package/esm/components/QDialog/QDialogProvider2.vue.js

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

package/esm/components/QDialog/constants.js

@@ -1,23 +1,11 @@
-const c = [
-  {
-    id: "button",
-    icon: {
-      icon: "check"
-    },
-    props: {
-      variant: "bold",
-      label: "Ok"
-    }
-  }
-], o = {
-  icon: "check-circle-outline"
-}, n = {
-  close: {
-    icon: "close"
-  }
-};
-export {
-  c as DEFAULT_BUTTONS,
-  o as DEFAULT_ICON,
-  n as DEFAULT_ICONS
-};
+//#region src/components/QDialog/constants.ts
+var e = [{
+	id: "button",
+	icon: { icon: "check" },
+	props: {
+		variant: "bold",
+		label: "Ok"
+	}
+}], t = { icon: "check-circle-outline" }, n = { close: { icon: "close" } };
+//#endregion
+export { e as DEFAULT_BUTTONS, t as DEFAULT_ICON, n as DEFAULT_ICONS };

package/esm/components/QDialog/index.js

@@ -1,8 +1,7 @@
-import r from "./QDialog.vue.js";
-import i from "./QDialogProvider.vue.js";
-import { setupPropsProxy as o } from "../../utils/setupPropsProxy.js";
-const s = o(r), f = o(i);
-export {
-  s as QDialog,
-  f as QDialogProvider
-};
+import { setupPropsProxy as e } from "../../utils/setupPropsProxy.js";
+import t from "./QDialog2.vue.js";
+import n from "./QDialogProvider2.vue.js";
+//#region src/components/QDialog/index.ts
+var r = e(t), i = e(n);
+//#endregion
+export { r as QDialog, i as QDialogProvider };