@quidgest/ui 0.17.2 → 0.17.3

package/esm/components/QCarousel/index.js

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

package/esm/components/QCheckbox/QCheckbox.vue.js

@@ -1,144 +1,134 @@
-import { defineComponent as E, mergeModels as g, useModel as _, toRef as w, useTemplateRef as f, computed as $, watch as M, createElementBlock as P, openBlock as n, withModifiers as a, normalizeClass as V, createBlock as c, createCommentVNode as r, createElementVNode as m, unref as l, createSlots as p, withCtx as h, renderSlot as k, mergeProps as y, withKeys as v } from "vue";
-import { DEFAULT_ICONS as R } from "./constants.js";
-import { QIcon as z } from "../QIcon/index.js";
-import { QCheckboxLabel as x } from "./index.js";
-import { useId as F } from "../../composables/uid.js";
-const I = ["checked", "disabled", "readonly", "required", "aria-readonly"], K = ["id", "aria-checked", "disabled", "readonly", "onKeydown"], L = /* @__PURE__ */ E({
-  inheritAttrs: !1,
-  __name: "QCheckbox",
-  props: /* @__PURE__ */ g({
-    id: {},
-    class: {},
-    label: {},
-    required: { type: Boolean },
-    for: {},
-    labelPosition: {},
-    labelPlacement: { default: "right" },
-    color: { default: "primary" },
-    size: { default: "regular" },
-    disabled: { type: Boolean },
-    readonly: { type: Boolean },
-    indeterminate: { type: Boolean },
-    icons: { default: () => R },
-    hasFocusOutline: { type: Boolean, default: !0 },
-    borderless: { type: Boolean }
-  }, {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(i) {
-    const e = i, t = _(i, "modelValue"), d = F(w(e, "id")), u = f("inputEl"), q = f("buttonEl"), B = $(() => [
-      "q-checkbox",
-      `q-checkbox--${e.size}`,
-      `q-checkbox--${e.color}`,
-      {
-        "q-checkbox--readonly": e.readonly,
-        "q-checkbox--disabled": e.disabled,
-        "q-checkbox--checked": t.value,
-        "q-checkbox--indeterminate": e.indeterminate,
-        "q-checkbox--focus-style": e.hasFocusOutline,
-        "q-checkbox--borderless": e.borderless
-      },
-      e.class
-    ]);
-    function s() {
-      !e.disabled && !e.readonly && (t.value = !t.value);
-    }
-    function C() {
-      var o;
-      (o = q.value) == null || o.focus();
-    }
-    return M(t, (o) => {
-      u.value && (u.value.checked = !!o);
-    }), (o, b) => (n(), P(
-      "div",
-      {
-        class: V(B.value),
-        onClick: a(s, ["prevent"]),
-        onMousedown: a(C, ["prevent"])
-      },
-      [
-        e.label && e.labelPlacement !== "right" ? (n(), c(l(x), {
-          key: 0,
-          for: l(d),
-          label: e.label,
-          required: e.required
-        }, p({
-          _: 2
-          /* DYNAMIC */
-        }, [
-          o.$slots.extras ? {
-            name: "extras",
-            fn: h(() => [
-              k(o.$slots, "extras")
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["for", "label", "required"])) : r("v-if", !0),
-        r(" Hidden native input for form submission "),
-        m("input", {
-          ref: "inputEl",
-          type: "checkbox",
-          class: "q-checkbox__native-input",
-          checked: t.value,
-          disabled: e.disabled,
-          readonly: e.readonly,
-          required: e.required,
-          "aria-readonly": e.readonly,
-          tabindex: "-1",
-          "aria-hidden": "true"
-        }, null, 8, I),
-        r(" Custom interactive button "),
-        m("button", y({
-          id: l(d),
-          ref: "buttonEl",
-          role: "checkbox",
-          type: "button",
-          class: "q-checkbox__input",
-          "data-testid": "checkbox-button",
-          "aria-checked": e.indeterminate ? "mixed" : t.value,
-          disabled: e.disabled,
-          readonly: e.readonly
-        }, o.$attrs, {
-          onClick: a(s, ["stop", "prevent"]),
-          onKeydown: [
-            v(a(s, ["prevent"]), ["space"]),
-            b[0] || (b[0] = v(a(() => {
-            }, ["prevent"]), ["enter"]))
-          ]
-        }), [
-          t.value || i.indeterminate ? (n(), c(
-            l(z),
-            y({ key: 0 }, t.value ? e.icons.checked : e.icons.indeterminate, { class: "q-checkbox__input-icon" }),
-            null,
-            16
-            /* FULL_PROPS */
-          )) : r("v-if", !0)
-        ], 16, K),
-        e.label && e.labelPlacement === "right" ? (n(), c(l(x), {
-          key: 1,
-          for: l(d),
-          label: e.label,
-          required: e.required
-        }, p({
-          _: 2
-          /* DYNAMIC */
-        }, [
-          o.$slots.extras ? {
-            name: "extras",
-            fn: h(() => [
-              k(o.$slots, "extras")
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["for", "label", "required"])) : r("v-if", !0)
-      ],
-      34
-      /* CLASS, NEED_HYDRATION */
-    ));
-  }
+import { QIcon as e } from "../QIcon/index.js";
+import { useId as t } from "../../composables/uid.js";
+import { DEFAULT_ICONS as n } from "./constants.js";
+import { QCheckboxLabel as r } from "./index.js";
+import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, defineComponent as u, mergeModels as d, mergeProps as f, normalizeClass as p, openBlock as m, renderSlot as h, toRef as g, unref as _, useModel as v, useTemplateRef as y, watch as b, withCtx as x, withKeys as S, withModifiers as C } from "vue";
+//#region src/components/QCheckbox/QCheckbox.vue?vue&type=script&setup=true&lang.ts
+var w = [
+	"checked",
+	"disabled",
+	"readonly",
+	"required",
+	"aria-readonly"
+], T = [
+	"id",
+	"aria-checked",
+	"disabled",
+	"readonly",
+	"onKeydown"
+], E = /*@__PURE__*/ u({
+	inheritAttrs: !1,
+	__name: "QCheckbox",
+	props: /*@__PURE__*/ d({
+		id: {},
+		class: {},
+		label: {},
+		required: { type: Boolean },
+		for: {},
+		labelPosition: {},
+		labelPlacement: { default: "right" },
+		color: { default: "primary" },
+		size: { default: "regular" },
+		disabled: { type: Boolean },
+		readonly: { type: Boolean },
+		indeterminate: { type: Boolean },
+		icons: { default: () => n },
+		hasFocusOutline: {
+			type: Boolean,
+			default: !0
+		},
+		borderless: { type: Boolean }
+	}, {
+		modelValue: { type: Boolean },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(n) {
+		let u = n, d = v(n, "modelValue"), E = t(g(u, "id")), D = y("inputEl"), O = y("buttonEl"), k = i(() => [
+			"q-checkbox",
+			`q-checkbox--${u.size}`,
+			`q-checkbox--${u.color}`,
+			{
+				"q-checkbox--readonly": u.readonly,
+				"q-checkbox--disabled": u.disabled,
+				"q-checkbox--checked": d.value,
+				"q-checkbox--indeterminate": u.indeterminate,
+				"q-checkbox--focus-style": u.hasFocusOutline,
+				"q-checkbox--borderless": u.borderless
+			},
+			u.class
+		]);
+		function A() {
+			!u.disabled && !u.readonly && (d.value = !d.value);
+		}
+		function j() {
+			O.value?.focus();
+		}
+		return b(d, (e) => {
+			D.value && (D.value.checked = !!e);
+		}), (t, i) => (m(), s("div", {
+			class: p(k.value),
+			onClick: C(A, ["prevent"]),
+			onMousedown: C(j, ["prevent"])
+		}, [
+			u.label && u.labelPlacement !== "right" ? (m(), a(_(r), {
+				key: 0,
+				for: _(E),
+				label: u.label,
+				required: u.required
+			}, l({ _: 2 }, [t.$slots.extras ? {
+				name: "extras",
+				fn: x(() => [h(t.$slots, "extras")]),
+				key: "0"
+			} : void 0]), 1032, [
+				"for",
+				"label",
+				"required"
+			])) : o("v-if", !0),
+			o(" Hidden native input for form submission "),
+			c("input", {
+				ref: "inputEl",
+				type: "checkbox",
+				class: "q-checkbox__native-input",
+				checked: d.value,
+				disabled: u.disabled,
+				readonly: u.readonly,
+				required: u.required,
+				"aria-readonly": u.readonly,
+				tabindex: "-1",
+				"aria-hidden": "true"
+			}, null, 8, w),
+			o(" Custom interactive button "),
+			c("button", f({
+				id: _(E),
+				ref: "buttonEl",
+				role: "checkbox",
+				type: "button",
+				class: "q-checkbox__input",
+				"data-testid": "checkbox-button",
+				"aria-checked": u.indeterminate ? "mixed" : d.value,
+				disabled: u.disabled,
+				readonly: u.readonly
+			}, t.$attrs, {
+				onClick: C(A, ["stop", "prevent"]),
+				onKeydown: [S(C(A, ["prevent"]), ["space"]), i[0] ||= S(C(() => {}, ["prevent"]), ["enter"])]
+			}), [d.value || n.indeterminate ? (m(), a(_(e), f({ key: 0 }, d.value ? u.icons.checked : u.icons.indeterminate, { class: "q-checkbox__input-icon" }), null, 16)) : o("v-if", !0)], 16, T),
+			u.label && u.labelPlacement === "right" ? (m(), a(_(r), {
+				key: 1,
+				for: _(E),
+				label: u.label,
+				required: u.required
+			}, l({ _: 2 }, [t.$slots.extras ? {
+				name: "extras",
+				fn: x(() => [h(t.$slots, "extras")]),
+				key: "0"
+			} : void 0]), 1032, [
+				"for",
+				"label",
+				"required"
+			])) : o("v-if", !0)
+		], 34));
+	}
 });
-export {
-  L as default
-};
+//#endregion
+export { E as default };

package/esm/components/QCheckbox/QCheckbox2.vue.js

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

package/esm/components/QCheckbox/QCheckboxLabel.vue.js

@@ -1,33 +1,32 @@
-import { defineComponent as t, createElementBlock as r, openBlock as l, createVNode as a, createCommentVNode as c, unref as n, renderSlot as i } from "vue";
-import { QLabel as d } from "../QLabel/index.js";
-const _ = { class: "q-checkbox__label-wrapper" }, p = {
-  key: 0,
-  class: "q-field__extras"
-}, m = /* @__PURE__ */ t({
-  __name: "QCheckboxLabel",
-  props: {
-    id: {},
-    class: {},
-    label: {},
-    required: { type: Boolean },
-    for: {},
-    labelPosition: {}
-  },
-  setup(s) {
-    const e = s;
-    return (o, b) => (l(), r("div", _, [
-      a(n(d), {
-        class: "q-checkbox__label",
-        for: e.for,
-        label: e.label,
-        required: e.required
-      }, null, 8, ["for", "label", "required"]),
-      o.$slots.extras ? (l(), r("div", p, [
-        i(o.$slots, "extras")
-      ])) : c("v-if", !0)
-    ]));
-  }
+import { QLabel as e } from "../QLabel/index.js";
+import { createCommentVNode as t, createElementBlock as n, createVNode as r, defineComponent as i, openBlock as a, renderSlot as o, unref as s } from "vue";
+//#region src/components/QCheckbox/QCheckboxLabel.vue?vue&type=script&setup=true&lang.ts
+var c = { class: "q-checkbox__label-wrapper" }, l = {
+	key: 0,
+	class: "q-field__extras"
+}, u = /*@__PURE__*/ i({
+	__name: "QCheckboxLabel",
+	props: {
+		id: {},
+		class: {},
+		label: {},
+		required: { type: Boolean },
+		for: {},
+		labelPosition: {}
+	},
+	setup(i) {
+		let u = i;
+		return (i, d) => (a(), n("div", c, [r(s(e), {
+			class: "q-checkbox__label",
+			for: u.for,
+			label: u.label,
+			required: u.required
+		}, null, 8, [
+			"for",
+			"label",
+			"required"
+		]), i.$slots.extras ? (a(), n("div", l, [o(i.$slots, "extras")])) : t("v-if", !0)]));
+	}
 });
-export {
-  m as default
-};
+//#endregion
+export { u as default };

package/esm/components/QCheckbox/QCheckboxLabel2.vue.js

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

package/esm/components/QCheckbox/constants.js

@@ -1,11 +1,7 @@
-const c = {
-  checked: {
-    icon: "check"
-  },
-  indeterminate: {
-    icon: "minus"
-  }
-};
-export {
-  c as DEFAULT_ICONS
+//#region src/components/QCheckbox/constants.ts
+var e = {
+	checked: { icon: "check" },
+	indeterminate: { icon: "minus" }
 };
+//#endregion
+export { e as DEFAULT_ICONS };

package/esm/components/QCheckbox/index.js

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

package/esm/components/QCollapsible/QCollapsible.vue.js

@@ -1,137 +1,91 @@
-import { defineComponent as k, mergeModels as C, useModel as T, computed as d, createBlock as y, openBlock as n, unref as c, normalizeClass as m, withCtx as r, createElementVNode as a, renderSlot as s, createElementBlock as u, createCommentVNode as t, createVNode as p, toDisplayString as b, createTextVNode as N } from "vue";
-import { DEFAULT_ICONS as $ } from "./constants.js";
-import { QButton as w } from "../QButton/index.js";
-import { QCard as B } from "../QCard/index.js";
-import { QChevron as f } from "../__internal__/QChevron/index.js";
-const E = {
-  key: 0,
-  class: "q-collapsible__header"
-}, V = { class: "q-collapsible__title" }, I = { class: "q-collapsible__title-text" }, O = {
-  key: 1,
-  class: "q-collapsible--required"
-}, R = {
-  key: 0,
-  class: "q-collapsible__subtitle"
-}, L = { class: "q-collapsible__content-inner" }, Q = { class: "q-collapsible__content" }, U = /* @__PURE__ */ k({
-  __name: "QCollapsible",
-  props: /* @__PURE__ */ C({
-    id: {},
-    class: {},
-    title: {},
-    subtitle: {},
-    variant: {},
-    iconRight: { type: Boolean },
-    spacing: {},
-    width: { default: "fit-content" },
-    required: { type: Boolean },
-    icons: { default: () => $ }
-  }, {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(o) {
-    const e = o, i = T(o, "modelValue"), h = d(() => e.width === "block" ? "block" : void 0), _ = d(() => {
-      const l = e.spacing && e.spacing !== "comfortable" ? `q-collapsible--${e.spacing}` : void 0, v = e.variant && e.variant !== "default" ? `q-collapsible--${e.variant}` : void 0;
-      return [
-        "q-collapsible",
-        l,
-        v,
-        {
-          "q-collapsible--icon-right": e.iconRight
-        },
-        e.class
-      ];
-    }), q = d(() => [
-      "q-collapsible__content-wrapper",
-      {
-        "q-collapsible__content-show": i.value
-      }
-    ]);
-    function g() {
-      i.value = !i.value;
-    }
-    return (l, v) => (n(), y(c(B), {
-      id: e.id,
-      class: m(_.value),
-      width: h.value
-    }, {
-      header: r(() => [
-        o.title ? (n(), u("div", E, [
-          p(c(w), {
-            variant: "text",
-            block: "",
-            class: "q-collapsible__btn",
-            "aria-expanded": i.value,
-            onClick: g
-          }, {
-            default: r(() => [
-              t(" TITLE "),
-              a("div", V, [
-                t(" ICON ON THE LEFT "),
-                o.iconRight ? t("v-if", !0) : s(l.$slots, "icon", { key: 0 }, () => [
-                  p(c(f), {
-                    "model-value": i.value,
-                    icons: e.icons
-                  }, null, 8, ["model-value", "icons"])
-                ]),
-                s(l.$slots, "title.prepend"),
-                a(
-                  "h4",
-                  I,
-                  b(o.title),
-                  1
-                  /* TEXT */
-                ),
-                e.required ? (n(), u("span", O, " * ")) : t("v-if", !0),
-                s(l.$slots, "title.append"),
-                t(" ICON ON THE RIGHT "),
-                o.iconRight ? s(l.$slots, "icon", { key: 2 }, () => [
-                  p(c(f), {
-                    "model-value": i.value,
-                    class: "q-collapsible__chevron-right",
-                    icons: e.icons
-                  }, null, 8, ["model-value", "icons"])
-                ]) : t("v-if", !0)
-              ]),
-              t(" SUBTITLE "),
-              l.$slots.subtitle || o.subtitle ? (n(), u("div", R, [
-                s(l.$slots, "subtitle", {}, () => [
-                  N(
-                    b(o.subtitle),
-                    1
-                    /* TEXT */
-                  )
-                ])
-              ])) : t("v-if", !0)
-            ]),
-            _: 3
-            /* FORWARDED */
-          }, 8, ["aria-expanded"])
-        ])) : t("v-if", !0)
-      ]),
-      default: r(() => [
-        a(
-          "div",
-          {
-            class: m(q.value)
-          },
-          [
-            a("div", L, [
-              a("div", Q, [
-                s(l.$slots, "default")
-              ])
-            ])
-          ],
-          2
-          /* CLASS */
-        )
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 8, ["id", "class", "width"]));
-  }
+import { DEFAULT_ICONS as e } from "./constants.js";
+import { QButton as t } from "../QButton/index.js";
+import { QCard as n } from "../QCard/index.js";
+import { QChevron as r } from "../__internal__/QChevron/index.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, mergeModels as f, normalizeClass as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, useModel as v, withCtx as y } from "vue";
+//#region src/components/QCollapsible/QCollapsible.vue?vue&type=script&setup=true&lang.ts
+var b = {
+	key: 0,
+	class: "q-collapsible__header"
+}, x = { class: "q-collapsible__title" }, S = { class: "q-collapsible__title-text" }, C = {
+	key: 1,
+	class: "q-collapsible--required"
+}, w = {
+	key: 0,
+	class: "q-collapsible__subtitle"
+}, T = { class: "q-collapsible__content-inner" }, E = { class: "q-collapsible__content" }, D = /*@__PURE__*/ d({
+	__name: "QCollapsible",
+	props: /*@__PURE__*/ f({
+		id: {},
+		class: {},
+		title: {},
+		subtitle: {},
+		variant: {},
+		iconRight: { type: Boolean },
+		spacing: {},
+		width: { default: "fit-content" },
+		required: { type: Boolean },
+		icons: { default: () => e }
+	}, {
+		modelValue: { type: Boolean },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let d = e, f = v(e, "modelValue"), D = i(() => d.width === "block" ? "block" : void 0), O = i(() => [
+			"q-collapsible",
+			d.spacing && d.spacing !== "comfortable" ? `q-collapsible--${d.spacing}` : void 0,
+			d.variant && d.variant !== "default" ? `q-collapsible--${d.variant}` : void 0,
+			{ "q-collapsible--icon-right": d.iconRight },
+			d.class
+		]), k = i(() => ["q-collapsible__content-wrapper", { "q-collapsible__content-show": f.value }]);
+		function A() {
+			f.value = !f.value;
+		}
+		return (i, v) => (m(), a(_(n), {
+			id: d.id,
+			class: p(O.value),
+			width: D.value
+		}, {
+			header: y(() => [e.title ? (m(), s("div", b, [u(_(t), {
+				variant: "text",
+				block: "",
+				class: "q-collapsible__btn",
+				"aria-expanded": f.value,
+				onClick: A
+			}, {
+				default: y(() => [
+					o(" TITLE "),
+					c("div", x, [
+						o(" ICON ON THE LEFT "),
+						e.iconRight ? o("v-if", !0) : h(i.$slots, "icon", { key: 0 }, () => [u(_(r), {
+							"model-value": f.value,
+							icons: d.icons
+						}, null, 8, ["model-value", "icons"])]),
+						h(i.$slots, "title.prepend"),
+						c("h4", S, g(e.title), 1),
+						d.required ? (m(), s("span", C, " * ")) : o("v-if", !0),
+						h(i.$slots, "title.append"),
+						o(" ICON ON THE RIGHT "),
+						e.iconRight ? h(i.$slots, "icon", { key: 2 }, () => [u(_(r), {
+							"model-value": f.value,
+							class: "q-collapsible__chevron-right",
+							icons: d.icons
+						}, null, 8, ["model-value", "icons"])]) : o("v-if", !0)
+					]),
+					o(" SUBTITLE "),
+					i.$slots.subtitle || e.subtitle ? (m(), s("div", w, [h(i.$slots, "subtitle", {}, () => [l(g(e.subtitle), 1)])])) : o("v-if", !0)
+				]),
+				_: 3
+			}, 8, ["aria-expanded"])])) : o("v-if", !0)]),
+			default: y(() => [c("div", { class: p(k.value) }, [c("div", T, [c("div", E, [h(i.$slots, "default")])])], 2)]),
+			_: 3
+		}, 8, [
+			"id",
+			"class",
+			"width"
+		]));
+	}
 });
-export {
-  U as default
-};
+//#endregion
+export { D as default };