@quidgest/ui 0.17.2 → 0.17.4

package/esm/components/QRadioGroup/QRadioGroup.vue.js

@@ -1,88 +1,80 @@
-import { defineComponent as g, mergeModels as q, useModel as b, watch as h, toRef as l, computed as r, createElementBlock as n, openBlock as t, normalizeClass as B, createBlock as _, createCommentVNode as u, createElementVNode as z, unref as s, mergeProps as k, renderSlot as c } from "vue";
-import { QLabel as V } from "../QLabel/index.js";
-import { provideDefaults as $ } from "../../composables/defaults.js";
-import { useId as m } from "../../composables/uid.js";
-import { useGroup as C } from "../../composables/useGroup/index.js";
-const M = ["id"], Q = {
-  key: 1,
-  class: "q-field__extras"
-}, P = /* @__PURE__ */ g({
-  inheritAttrs: !1,
-  __name: "QRadioGroup",
-  props: /* @__PURE__ */ q({
-    id: {},
-    class: {},
-    label: {},
-    required: { type: Boolean },
-    for: {},
-    labelPosition: {},
-    name: {},
-    orientation: { default: "vertical" },
-    size: { default: "regular" },
-    columns: { default: 1 },
-    disabled: { type: Boolean },
-    readonly: { type: Boolean },
-    invalid: { type: Boolean },
-    hasFocusOutline: { type: Boolean, default: !0 }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(i) {
-    const e = i, d = b(i, "modelValue"), { active: p } = C({ active: d, required: !0 });
-    h(p, (o) => {
-      d.value = o;
-    });
-    const a = m(l(e, "id")), f = r(() => e.name ? m(l(e, "name")).value : a.value), v = r(() => [
-      "q-radio-group",
-      {
-        "q-radio-group--horizontal": e.orientation === "horizontal",
-        "q-radio-group--focus-style": e.hasFocusOutline
-      },
-      e.class
-    ]), y = r(
-      () => e.columns > 1 ? {
-        "--q-radio-group-columns": e.columns
-      } : {}
-    );
-    return $({
-      QRadioButton: {
-        size: l(e, "size"),
-        disabled: l(e, "disabled"),
-        readonly: l(e, "readonly"),
-        invalid: l(e, "invalid"),
-        name: f
-      }
-    }), (o, R) => (t(), n(
-      "div",
-      {
-        class: B(v.value)
-      },
-      [
-        e.label ? (t(), _(s(V), {
-          key: 0,
-          for: s(a),
-          label: e.label,
-          required: e.required
-        }, null, 8, ["for", "label", "required"])) : u("v-if", !0),
-        z("div", k({
-          id: s(a),
-          class: ["q-radio-group__group", { "q-radio-group--grid": e.columns > 1 }],
-          role: "radiogroup",
-          style: y.value
-        }, o.$attrs), [
-          c(o.$slots, "default")
-        ], 16, M),
-        o.$slots.extras ? (t(), n("div", Q, [
-          c(o.$slots, "extras")
-        ])) : u("v-if", !0)
-      ],
-      2
-      /* CLASS */
-    ));
-  }
+import { provideDefaults as e } from "../../composables/defaults.js";
+import { useGroup as t } from "../../composables/useGroup/index.js";
+import { useId as n } from "../../composables/uid.js";
+import { QLabel as r } from "../QLabel/index.js";
+import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, mergeModels as u, mergeProps as d, normalizeClass as f, openBlock as p, renderSlot as m, toRef as h, unref as g, useModel as _, watch as v } from "vue";
+//#region src/components/QRadioGroup/QRadioGroup.vue?vue&type=script&setup=true&lang.ts
+var y = ["id"], b = {
+	key: 1,
+	class: "q-field__extras"
+}, x = /*@__PURE__*/ l({
+	inheritAttrs: !1,
+	__name: "QRadioGroup",
+	props: /*@__PURE__*/ u({
+		id: {},
+		class: {},
+		label: {},
+		required: { type: Boolean },
+		for: {},
+		labelPosition: {},
+		name: {},
+		orientation: { default: "vertical" },
+		size: { default: "regular" },
+		columns: { default: 1 },
+		disabled: { type: Boolean },
+		readonly: { type: Boolean },
+		invalid: { type: Boolean },
+		hasFocusOutline: {
+			type: Boolean,
+			default: !0
+		}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(l) {
+		let u = l, x = _(l, "modelValue"), { active: S } = t({
+			active: x,
+			required: !0
+		});
+		v(S, (e) => {
+			x.value = e;
+		});
+		let C = n(h(u, "id")), w = i(() => u.name ? n(h(u, "name")).value : C.value), T = i(() => [
+			"q-radio-group",
+			{
+				"q-radio-group--horizontal": u.orientation === "horizontal",
+				"q-radio-group--focus-style": u.hasFocusOutline
+			},
+			u.class
+		]), E = i(() => u.columns > 1 ? { "--q-radio-group-columns": u.columns } : {});
+		return e({ QRadioButton: {
+			size: h(u, "size"),
+			disabled: h(u, "disabled"),
+			readonly: h(u, "readonly"),
+			invalid: h(u, "invalid"),
+			name: w
+		} }), (e, t) => (p(), s("div", { class: f(T.value) }, [
+			u.label ? (p(), a(g(r), {
+				key: 0,
+				for: g(C),
+				label: u.label,
+				required: u.required
+			}, null, 8, [
+				"for",
+				"label",
+				"required"
+			])) : o("v-if", !0),
+			c("div", d({
+				id: g(C),
+				class: ["q-radio-group__group", { "q-radio-group--grid": u.columns > 1 }],
+				role: "radiogroup",
+				style: E.value
+			}, e.$attrs), [m(e.$slots, "default")], 16, y),
+			e.$slots.extras ? (p(), s("div", b, [m(e.$slots, "extras")])) : o("v-if", !0)
+		], 2));
+	}
 });
-export {
-  P as default
-};
+//#endregion
+export { x as default };

package/esm/components/QRadioGroup/QRadioGroup2.vue.js

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

package/esm/components/QRadioGroup/index.js

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

package/esm/components/QRemoveScrollBar/QRemoveScrollBar.vue.js

@@ -1,72 +1,70 @@
-import { defineComponent as c, onMounted as f, onUnmounted as h, renderSlot as b } from "vue";
-import { lockAttribute as r, noScrollbarsClassName as v, zeroRightClassName as i, fullWidthClassName as d, removedBarSizeVariable as y } from "./constants.js";
-import { getGapWidth as x } from "./utils/gap.js";
-import { useStylesheet as S } from "./utils/stylesheet.js";
-const R = /* @__PURE__ */ c({
-  __name: "QRemoveScrollBar",
-  props: {
-    gapMode: { default: "margin" },
-    noRelative: { type: Boolean },
-    noImportant: { type: Boolean }
-  },
-  setup(g) {
-    const n = g, a = S(), s = () => {
-      const e = parseInt(document.body.getAttribute(r) || "0", 10);
-      return isFinite(e) ? e : 0;
-    }, m = ({ left: e, top: l, right: p, gap: o }, u, $ = "margin", t) => `
-  .${v} {
-    overflow: hidden ${t};
-    padding-right: ${o}px ${t};
+import { fullWidthClassName as e, lockAttribute as t, noScrollbarsClassName as n, removedBarSizeVariable as r, zeroRightClassName as i } from "./constants.js";
+import { getGapWidth as a } from "./utils/gap.js";
+import { useStylesheet as o } from "./utils/stylesheet.js";
+import { defineComponent as s, onMounted as c, onUnmounted as l, renderSlot as u } from "vue";
+//#region src/components/QRemoveScrollBar/QRemoveScrollBar.vue?vue&type=script&setup=true&lang.ts
+var d = /*@__PURE__*/ s({
+	__name: "QRemoveScrollBar",
+	props: {
+		gapMode: { default: "margin" },
+		noRelative: { type: Boolean },
+		noImportant: { type: Boolean }
+	},
+	setup(s) {
+		let d = s, f = o(), p = () => {
+			let e = parseInt(document.body.getAttribute("data-scroll-locked") || "0", 10);
+			return isFinite(e) ? e : 0;
+		}, m = ({ left: a, top: o, right: s, gap: c }, l, u = "margin", d) => `
+  .${n} {
+    overflow: hidden ${d};
+    padding-right: ${c}px ${d};
   }
-  body[${r}] {
-    overflow: hidden ${t};
+  body[${t}] {
+    overflow: hidden ${d};
     overscroll-behavior: contain;
     ${[
-      u && `position: relative ${t};`,
-      $ === "margin" && `
-    padding-left: ${e}px;
-    padding-top: ${l}px;
-    padding-right: ${p}px;
+			l && `position: relative ${d};`,
+			u === "margin" && `
+    padding-left: ${a}px;
+    padding-top: ${o}px;
+    padding-right: ${s}px;
     margin-left:0;
     margin-top:0;
-    margin-right: ${o}px ${t};
+    margin-right: ${c}px ${d};
     `,
-      $ === "padding" && `padding-right: ${o}px ${t};`
-    ].filter(Boolean).join("")}
+			u === "padding" && `padding-right: ${c}px ${d};`
+		].filter(Boolean).join("")}
   }
 
   .${i} {
-    right: ${o}px ${t};
+    right: ${c}px ${d};
   }
 
-  .${d} {
-    margin-right: ${o}px ${t};
+  .${e} {
+    margin-right: ${c}px ${d};
   }
 
   .${i} .${i} {
-    right: 0 ${t};
+    right: 0 ${d};
   }
 
-  .${d} .${d} {
-    margin-right: 0 ${t};
+  .${e} .${e} {
+    margin-right: 0 ${d};
   }
 
-  body[${r}] {
-    ${y}: ${o}px;
+  body[${t}] {
+    ${r}: ${c}px;
   }
 `;
-    return f(() => {
-      document.body.setAttribute(r, (s() + 1).toString());
-      const e = x(n.gapMode);
-      a.add(
-        m(e, !n.noRelative, n.gapMode, n.noImportant ? "" : "!important")
-      );
-    }), h(() => {
-      const e = s() - 1;
-      e <= 0 ? document.body.removeAttribute(r) : document.body.setAttribute(r, e.toString()), a.remove();
-    }), (e, l) => b(e.$slots, "default");
-  }
+		return c(() => {
+			document.body.setAttribute(t, (p() + 1).toString());
+			let e = a(d.gapMode);
+			f.add(m(e, !d.noRelative, d.gapMode, d.noImportant ? "" : "!important"));
+		}), l(() => {
+			let e = p() - 1;
+			e <= 0 ? document.body.removeAttribute(t) : document.body.setAttribute(t, e.toString()), f.remove();
+		}), (e, t) => u(e.$slots, "default");
+	}
 });
-export {
-  R as default
-};
+//#endregion
+export { d as default };

package/esm/components/QRemoveScrollBar/QRemoveScrollBar2.vue.js

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

package/esm/components/QRemoveScrollBar/constants.js

@@ -1,8 +1,4 @@
-const o = "data-scroll-locked", l = "right-scroll-bar-position", r = "width-before-scroll-bar", s = "with-scroll-bars-hidden", e = "--removed-body-scroll-bar-size";
-export {
-  r as fullWidthClassName,
-  o as lockAttribute,
-  s as noScrollbarsClassName,
-  e as removedBarSizeVariable,
-  l as zeroRightClassName
-};
+//#region src/components/QRemoveScrollBar/constants.ts
+var e = "data-scroll-locked", t = "right-scroll-bar-position", n = "width-before-scroll-bar", r = "with-scroll-bars-hidden", i = "--removed-body-scroll-bar-size";
+//#endregion
+export { n as fullWidthClassName, e as lockAttribute, r as noScrollbarsClassName, i as removedBarSizeVariable, t as zeroRightClassName };

package/esm/components/QRemoveScrollBar/index.js

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

package/esm/components/QRemoveScrollBar/utils/gap.js

@@ -1,23 +1,25 @@
-const g = {
-  left: 0,
-  top: 0,
-  right: 0,
-  gap: 0
-}, o = (n) => parseInt(n || "", 10) || 0, p = (n) => {
-  const t = window.getComputedStyle(document.body), e = t[n === "padding" ? "paddingLeft" : "marginLeft"], i = t[n === "padding" ? "paddingTop" : "marginTop"], d = t[n === "padding" ? "paddingRight" : "marginRight"];
-  return [o(e), o(i), o(d)];
-}, r = (n = "margin") => {
-  if (typeof window > "u")
-    return g;
-  const t = p(n), e = document.documentElement.clientWidth, i = window.innerWidth;
-  return {
-    left: t[0],
-    top: t[1],
-    right: t[2],
-    gap: Math.max(0, i - e + t[2] - t[0])
-  };
-};
-export {
-  r as getGapWidth,
-  g as zeroGap
+//#region src/components/QRemoveScrollBar/utils/gap.ts
+var e = {
+	left: 0,
+	top: 0,
+	right: 0,
+	gap: 0
+}, t = (e) => parseInt(e || "", 10) || 0, n = (e) => {
+	let n = window.getComputedStyle(document.body), r = n[e === "padding" ? "paddingLeft" : "marginLeft"], i = n[e === "padding" ? "paddingTop" : "marginTop"], a = n[e === "padding" ? "paddingRight" : "marginRight"];
+	return [
+		t(r),
+		t(i),
+		t(a)
+	];
+}, r = (t = "margin") => {
+	if (typeof window > "u") return e;
+	let r = n(t), i = document.documentElement.clientWidth, a = window.innerWidth;
+	return {
+		left: r[0],
+		top: r[1],
+		right: r[2],
+		gap: Math.max(0, a - i + r[2] - r[0])
+	};
 };
+//#endregion
+export { r as getGapWidth, e as zeroGap };

package/esm/components/QRemoveScrollBar/utils/stylesheet.js

@@ -1,24 +1,23 @@
-function l() {
-  return document ? document.createElement("style") : null;
+//#region src/components/QRemoveScrollBar/utils/stylesheet.ts
+function e() {
+	return document ? document.createElement("style") : null;
 }
-function d(t, e) {
-  t.appendChild(document.createTextNode(e));
+function t(e, t) {
+	e.appendChild(document.createTextNode(t));
 }
-function a(t) {
-  (document.head || document.getElementsByTagName("head")[0]).appendChild(t);
+function n(e) {
+	(document.head || document.getElementsByTagName("head")[0]).appendChild(e);
 }
-const o = () => {
-  let t = 0, e = null;
-  return {
-    add: (n) => {
-      t === 0 && (e = l()) && (d(e, n), a(e)), t++;
-    },
-    remove: () => {
-      var n;
-      t--, !t && e && ((n = e.parentNode) == null || n.removeChild(e), e = null);
-    }
-  };
-};
-export {
-  o as useStylesheet
+var r = () => {
+	let r = 0, i = null;
+	return {
+		add: (a) => {
+			r === 0 && (i = e()) && (t(i, a), n(i)), r++;
+		},
+		remove: () => {
+			r--, !r && i && (i.parentNode?.removeChild(i), i = null);
+		}
+	};
 };
+//#endregion
+export { r as useStylesheet };