@quidgest/ui 0.17.2 → 0.17.3

package/esm/components/QSelect/QSelect2.vue.js

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

package/esm/components/QSelect/constants.js

@@ -1,16 +1,15 @@
-import { DEFAULT_ICONS as T } from "../__internal__/QChevron/constants.js";
-import { DEFAULT_TEXTS as o, DEFAULT_ICONS as E } from "../__internal__/QClearButton/constants.js";
-import { DEFAULT_TEXTS as S } from "../QBadge/constants.js";
-const F = {
-  ...o,
-  ...S,
-  placeholder: "Choose...",
-  showOptions: "Show options"
-}, L = {
-  ...T,
-  ...E
-};
-export {
-  L as DEFAULT_ICONS,
-  F as DEFAULT_TEXTS
+import { DEFAULT_ICONS as e } from "../__internal__/QChevron/constants.js";
+import { DEFAULT_TEXTS as t } from "../QBadge/constants.js";
+import { DEFAULT_ICONS as n, DEFAULT_TEXTS as r } from "../__internal__/QClearButton/constants.js";
+//#region src/components/QSelect/constants.ts
+var i = {
+	...r,
+	...t,
+	placeholder: "Choose...",
+	showOptions: "Show options"
+}, a = {
+	...e,
+	...n
 };
+//#endregion
+export { a as DEFAULT_ICONS, i as DEFAULT_TEXTS };

package/esm/components/QSelect/index.js

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

package/esm/components/QSidebar/QSidebar.vue.js

@@ -1,158 +1,134 @@
-import { defineComponent as M, mergeModels as z, useModel as P, ref as b, watch as W, computed as r, createElementBlock as A, openBlock as w, normalizeStyle as N, normalizeClass as I, createVNode as k, createSlots as y, renderList as Q, withCtx as o, renderSlot as s, Transition as T, createBlock as U, createCommentVNode as j } from "vue";
-import D from "./QSidebarAnchor.vue.js";
-import F from "./QSidebarPanel.vue.js";
-const K = /* @__PURE__ */ M({
-  __name: "QSidebar",
-  props: /* @__PURE__ */ z({
-    panels: {},
-    anchorWidth: { default: 50 },
-    showLabels: { type: Boolean },
-    position: { default: "left" }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ z(["click:item", "resize", "resize:start", "resize:end"], ["update:modelValue"]),
-  setup(m, { emit: V }) {
-    const a = m, u = V, n = P(m, "modelValue"), f = b();
-    W(
-      n,
-      (e) => {
-        e && (f.value = e);
-      },
-      { immediate: !0 }
-    );
-    const i = r(() => {
-      var e;
-      return (e = a.panels) == null ? void 0 : e.find((t) => t.id === f.value);
-    }), h = r(() => !!i.value), l = b(), q = r(() => {
-      if (l.value !== void 0)
-        return h.value ? typeof l.value == "number" ? `${a.anchorWidth + l.value}px` : `calc(${a.anchorWidth}px + ${l.value})` : `${a.anchorWidth}px`;
-    }), C = r(() => {
-      var e, t, d, v, p, c, $;
-      return [
-        "q-sidebar",
-        `q-sidebar--${((e = i.value) == null ? void 0 : e.initialWidth) ?? "small"}`,
-        `q-sidebar--${a.position}`,
-        {
-          "q-sidebar--expanded": h.value,
-          [`q-sidebar--min-${(t = i.value) == null ? void 0 : t.minWidth}`]: ((d = i.value) == null ? void 0 : d.resizable) && ((v = i.value) == null ? void 0 : v.minWidth) !== void 0,
-          [`q-sidebar--max-${(p = i.value) == null ? void 0 : p.maxWidth}`]: ((c = i.value) == null ? void 0 : c.resizable) && (($ = i.value) == null ? void 0 : $.maxWidth) !== void 0
-        }
-      ];
-    }), R = r(() => a.position === "left" ? "right" : "left");
-    function S() {
-      u("resize:start");
-    }
-    function g(e) {
-      l.value = e, u("resize", e);
-    }
-    function B() {
-      u("resize:end", l.value);
-    }
-    function L(e) {
-      u("click:item", e);
-    }
-    function x() {
-      n.value || (f.value = void 0);
-    }
-    function E() {
-      var t;
-      const e = (t = i.value) == null ? void 0 : t.initialWidth;
-      typeof e == "number" ? l.value = e : l.value = void 0;
-    }
-    return W([() => a.anchorWidth, i], E, { immediate: !0, deep: !0 }), (e, t) => (w(), A(
-      "div",
-      {
-        class: I(C.value),
-        style: N({ width: q.value })
-      },
-      [
-        k(D, {
-          modelValue: n.value,
-          "onUpdate:modelValue": t[0] || (t[0] = (d) => n.value = d),
-          panels: a.panels,
-          "anchor-width": a.anchorWidth,
-          "show-labels": a.showLabels,
-          "onClick:item": L
-        }, y({
-          _: 2
-          /* DYNAMIC */
-        }, [
-          Q(a.panels, (d) => ({
-            name: d.id,
-            fn: o(() => [
-              s(e.$slots, `anchor:${d.id}`, { item: d })
-            ])
-          }))
-        ]), 1032, ["modelValue", "panels", "anchor-width", "show-labels"]),
-        k(T, {
-          name: m.position === "left" ? "slide-right" : "slide-left",
-          onAfterLeave: x
-        }, {
-          default: o(() => [
-            n.value && i.value ? (w(), U(F, {
-              key: 0,
-              "show-grip": "",
-              title: i.value.title,
-              "initial-width": i.value.initialWidth,
-              "min-width": i.value.minWidth,
-              "max-width": i.value.maxWidth,
-              resizable: i.value.resizable,
-              "resize-position": R.value,
-              "onResize:start": S,
-              onResize: g,
-              "onResize:end": B
-            }, y({
-              _: 2
-              /* DYNAMIC */
-            }, [
-              e.$slots[`header.prepend:${n.value}`] ? {
-                name: "header.prepend",
-                fn: o(() => [
-                  s(e.$slots, `header.prepend:${n.value}`)
-                ]),
-                key: "0"
-              } : void 0,
-              e.$slots[`header:${n.value}`] ? {
-                name: "header",
-                fn: o(() => [
-                  s(e.$slots, `header:${n.value}`)
-                ]),
-                key: "1"
-              } : void 0,
-              e.$slots[`header.append:${n.value}`] ? {
-                name: "header.append",
-                fn: o(() => [
-                  s(e.$slots, `header.append:${n.value}`)
-                ]),
-                key: "2"
-              } : void 0,
-              e.$slots[`content:${n.value}`] ? {
-                name: "content",
-                fn: o(() => [
-                  s(e.$slots, `content:${n.value}`)
-                ]),
-                key: "3"
-              } : void 0,
-              e.$slots[`footer:${n.value}`] ? {
-                name: "footer",
-                fn: o(() => [
-                  s(e.$slots, `footer:${n.value}`)
-                ]),
-                key: "4"
-              } : void 0
-            ]), 1032, ["title", "initial-width", "min-width", "max-width", "resizable", "resize-position"])) : j("v-if", !0)
-          ]),
-          _: 3
-          /* FORWARDED */
-        }, 8, ["name"])
-      ],
-      6
-      /* CLASS, STYLE */
-    ));
-  }
+import e from "./QSidebarAnchor2.vue.js";
+import t from "./QSidebarPanel2.vue.js";
+import { Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createSlots as s, createVNode as c, defineComponent as l, mergeModels as u, normalizeClass as d, normalizeStyle as f, openBlock as p, ref as m, renderList as h, renderSlot as g, useModel as _, watch as v, withCtx as y } from "vue";
+//#region src/components/QSidebar/QSidebar.vue?vue&type=script&setup=true&lang.ts
+var b = /*@__PURE__*/ l({
+	__name: "QSidebar",
+	props: /*@__PURE__*/ u({
+		panels: {},
+		anchorWidth: { default: 50 },
+		showLabels: { type: Boolean },
+		position: { default: "left" }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ u([
+		"click:item",
+		"resize",
+		"resize:start",
+		"resize:end"
+	], ["update:modelValue"]),
+	setup(l, { emit: u }) {
+		let b = l, x = u, S = _(l, "modelValue"), C = m();
+		v(S, (e) => {
+			e && (C.value = e);
+		}, { immediate: !0 });
+		let w = r(() => b.panels?.find((e) => e.id === C.value)), T = r(() => !!w.value), E = m(), D = r(() => {
+			if (E.value !== void 0) return T.value ? typeof E.value == "number" ? `${b.anchorWidth + E.value}px` : `calc(${b.anchorWidth}px + ${E.value})` : `${b.anchorWidth}px`;
+		}), O = r(() => [
+			"q-sidebar",
+			`q-sidebar--${w.value?.initialWidth ?? "small"}`,
+			`q-sidebar--${b.position}`,
+			{
+				"q-sidebar--expanded": T.value,
+				[`q-sidebar--min-${w.value?.minWidth}`]: w.value?.resizable && w.value?.minWidth !== void 0,
+				[`q-sidebar--max-${w.value?.maxWidth}`]: w.value?.resizable && w.value?.maxWidth !== void 0
+			}
+		]), k = r(() => b.position === "left" ? "right" : "left");
+		function A() {
+			x("resize:start");
+		}
+		function j(e) {
+			E.value = e, x("resize", e);
+		}
+		function M() {
+			x("resize:end", E.value);
+		}
+		function N(e) {
+			x("click:item", e);
+		}
+		function P() {
+			S.value || (C.value = void 0);
+		}
+		function F() {
+			let e = w.value?.initialWidth;
+			typeof e == "number" ? E.value = e : E.value = void 0;
+		}
+		return v([() => b.anchorWidth, w], F, {
+			immediate: !0,
+			deep: !0
+		}), (r, u) => (p(), o("div", {
+			class: d(O.value),
+			style: f({ width: D.value })
+		}, [c(e, {
+			modelValue: S.value,
+			"onUpdate:modelValue": u[0] ||= (e) => S.value = e,
+			panels: b.panels,
+			"anchor-width": b.anchorWidth,
+			"show-labels": b.showLabels,
+			"onClick:item": N
+		}, s({ _: 2 }, [h(b.panels, (e) => ({
+			name: e.id,
+			fn: y(() => [g(r.$slots, `anchor:${e.id}`, { item: e })])
+		}))]), 1032, [
+			"modelValue",
+			"panels",
+			"anchor-width",
+			"show-labels"
+		]), c(n, {
+			name: l.position === "left" ? "slide-right" : "slide-left",
+			onAfterLeave: P
+		}, {
+			default: y(() => [S.value && w.value ? (p(), i(t, {
+				key: 0,
+				"show-grip": "",
+				title: w.value.title,
+				"initial-width": w.value.initialWidth,
+				"min-width": w.value.minWidth,
+				"max-width": w.value.maxWidth,
+				resizable: w.value.resizable,
+				"resize-position": k.value,
+				"onResize:start": A,
+				onResize: j,
+				"onResize:end": M
+			}, s({ _: 2 }, [
+				r.$slots[`header.prepend:${S.value}`] ? {
+					name: "header.prepend",
+					fn: y(() => [g(r.$slots, `header.prepend:${S.value}`)]),
+					key: "0"
+				} : void 0,
+				r.$slots[`header:${S.value}`] ? {
+					name: "header",
+					fn: y(() => [g(r.$slots, `header:${S.value}`)]),
+					key: "1"
+				} : void 0,
+				r.$slots[`header.append:${S.value}`] ? {
+					name: "header.append",
+					fn: y(() => [g(r.$slots, `header.append:${S.value}`)]),
+					key: "2"
+				} : void 0,
+				r.$slots[`content:${S.value}`] ? {
+					name: "content",
+					fn: y(() => [g(r.$slots, `content:${S.value}`)]),
+					key: "3"
+				} : void 0,
+				r.$slots[`footer:${S.value}`] ? {
+					name: "footer",
+					fn: y(() => [g(r.$slots, `footer:${S.value}`)]),
+					key: "4"
+				} : void 0
+			]), 1032, [
+				"title",
+				"initial-width",
+				"min-width",
+				"max-width",
+				"resizable",
+				"resize-position"
+			])) : a("v-if", !0)]),
+			_: 3
+		}, 8, ["name"])], 6));
+	}
 });
-export {
-  K as default
-};
+//#endregion
+export { b as default };

package/esm/components/QSidebar/QSidebar2.vue.js

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

package/esm/components/QSidebar/QSidebarAnchor.vue.js

@@ -1,111 +1,80 @@
-import { defineComponent as C, mergeModels as d, useModel as L, ref as u, watch as q, nextTick as I, createElementBlock as f, openBlock as s, normalizeStyle as m, createElementVNode as h, Fragment as V, renderList as B, createBlock as p, unref as v, withCtx as S, renderSlot as $, createCommentVNode as E, mergeProps as M } from "vue";
-import { QIcon as Q } from "../QIcon/index.js";
-import { QToggle as T } from "../QToggle/index.js";
-const H = { class: "q-sidebar__items" }, Y = /* @__PURE__ */ C({
-  __name: "QSidebarAnchor",
-  props: /* @__PURE__ */ d({
-    panels: {},
-    anchorWidth: {},
-    showLabels: { type: Boolean }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ d(["click:item"], ["update:modelValue"]),
-  setup(r, { emit: g }) {
-    const i = r, _ = g, o = L(r, "modelValue"), a = u({
-      height: "0",
-      transform: "translateY(0)",
-      opacity: "0",
-      transition: "transform 0.3s ease, height 0.3s ease, opacity 0.2s ease"
-    }), l = u([]);
-    function b(e) {
-      o.value = o.value === e ? void 0 : e, _("click:item", e);
-    }
-    function k() {
-      var c;
-      if (!o.value) {
-        a.value = {
-          ...a.value,
-          opacity: "0",
-          height: "0"
-        };
-        return;
-      }
-      const e = ((c = i.panels) == null ? void 0 : c.findIndex((w) => w.id === o.value)) ?? -1;
-      if (e === -1 || !l.value[e])
-        return;
-      const n = l.value[e].$el || l.value[e];
-      if (!n) return;
-      const y = e === l.value.length - 1 ? n.offsetHeight : n.offsetHeight - 1, x = n.offsetTop;
-      a.value = {
-        ...a.value,
-        height: `${y}px`,
-        transform: `translateY(${x}px)`,
-        opacity: "1"
-      };
-    }
-    return q(o, () => I(k), { immediate: !0 }), (e, n) => (s(), f(
-      "div",
-      {
-        class: "q-sidebar-anchor",
-        style: m({ width: i.anchorWidth + "px" })
-      },
-      [
-        h("div", H, [
-          h(
-            "div",
-            {
-              class: "q-sidebar__indicator",
-              style: m(a.value)
-            },
-            null,
-            4
-            /* STYLE */
-          ),
-          (s(!0), f(
-            V,
-            null,
-            B(r.panels, (t) => (s(), p(v(T), {
-              key: t.id,
-              ref_for: !0,
-              ref_key: "itemRefs",
-              ref: l,
-              "data-testid": "q-sidebar-panel-button",
-              "model-value": o.value === t.id,
-              label: i.showLabels ? t.title : void 0,
-              title: i.showLabels ? void 0 : t.title,
-              "icon-pos": "top",
-              class: "q-sidebar__item",
-              onClick: () => b(t.id)
-            }, {
-              default: S(() => [
-                $(e.$slots, t.id, { item: t }, () => [
-                  t.icon ? (s(), p(
-                    v(Q),
-                    M({
-                      key: 0,
-                      ref_for: !0
-                    }, t.icon),
-                    null,
-                    16
-                    /* FULL_PROPS */
-                  )) : E("v-if", !0)
-                ])
-              ]),
-              _: 2
-              /* DYNAMIC */
-            }, 1032, ["model-value", "label", "title", "onClick"]))),
-            128
-            /* KEYED_FRAGMENT */
-          ))
-        ])
-      ],
-      4
-      /* STYLE */
-    ));
-  }
+import { QIcon as e } from "../QIcon/index.js";
+import { QToggle as t } from "../QToggle/index.js";
+import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, mergeModels as c, mergeProps as l, nextTick as u, normalizeStyle as d, openBlock as f, ref as p, renderList as m, renderSlot as h, unref as g, useModel as _, watch as v, withCtx as y } from "vue";
+//#region src/components/QSidebar/QSidebarAnchor.vue?vue&type=script&setup=true&lang.ts
+var b = { class: "q-sidebar__items" }, x = /*@__PURE__*/ s({
+	__name: "QSidebarAnchor",
+	props: /*@__PURE__*/ c({
+		panels: {},
+		anchorWidth: {},
+		showLabels: { type: Boolean }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ c(["click:item"], ["update:modelValue"]),
+	setup(s, { emit: c }) {
+		let x = s, S = c, C = _(s, "modelValue"), w = p({
+			height: "0",
+			transform: "translateY(0)",
+			opacity: "0",
+			transition: "transform 0.3s ease, height 0.3s ease, opacity 0.2s ease"
+		}), T = p([]);
+		function E(e) {
+			C.value = C.value === e ? void 0 : e, S("click:item", e);
+		}
+		function D() {
+			if (!C.value) {
+				w.value = {
+					...w.value,
+					opacity: "0",
+					height: "0"
+				};
+				return;
+			}
+			let e = x.panels?.findIndex((e) => e.id === C.value) ?? -1;
+			if (e === -1 || !T.value[e]) return;
+			let t = T.value[e].$el || T.value[e];
+			if (!t) return;
+			let n = e === T.value.length - 1 ? t.offsetHeight : t.offsetHeight - 1, r = t.offsetTop;
+			w.value = {
+				...w.value,
+				height: `${n}px`,
+				transform: `translateY(${r}px)`,
+				opacity: "1"
+			};
+		}
+		return v(C, () => u(D), { immediate: !0 }), (c, u) => (f(), a("div", {
+			class: "q-sidebar-anchor",
+			style: d({ width: x.anchorWidth + "px" })
+		}, [o("div", b, [o("div", {
+			class: "q-sidebar__indicator",
+			style: d(w.value)
+		}, null, 4), (f(!0), a(n, null, m(s.panels, (n) => (f(), r(g(t), {
+			key: n.id,
+			ref_for: !0,
+			ref_key: "itemRefs",
+			ref: T,
+			"data-testid": "q-sidebar-panel-button",
+			"model-value": C.value === n.id,
+			label: x.showLabels ? n.title : void 0,
+			title: x.showLabels ? void 0 : n.title,
+			"icon-pos": "top",
+			class: "q-sidebar__item",
+			onClick: () => E(n.id)
+		}, {
+			default: y(() => [h(c.$slots, n.id, { item: n }, () => [n.icon ? (f(), r(g(e), l({
+				key: 0,
+				ref_for: !0
+			}, n.icon), null, 16)) : i("v-if", !0)])]),
+			_: 2
+		}, 1032, [
+			"model-value",
+			"label",
+			"title",
+			"onClick"
+		]))), 128))])], 4));
+	}
 });
-export {
-  Y as default
-};
+//#endregion
+export { x as default };

package/esm/components/QSidebar/QSidebarAnchor2.vue.js

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