savor-ui 0.3.0 → 0.3.2

package/dist/es/components/src/menu/sub-menu.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -7,11 +7,11 @@ import "../../../icons/index.mjs";
 import i from "../popover/popover.vue.mjs";
 import a from "../_comp/HeightTransition.vue.mjs";
 import { menuContextKey as ee, menuLevelContextKey as o, subMenuContextKey as s } from "./types.mjs";
-import { child as c, computed as l, createComponent as u, createIf as d, createInvoker as f, createSlot as p, createTemplateRefSetter as m, defineVaporComponent as h, delegateEvents as g, inject as _, next as v, onMounted as te, provide as y, ref as b, renderEffect as x, setClass as S, setInsertionState as C, setText as w, template as T, toDisplayString as E, unref as D, useTemplateRef as O, watch as k, withVaporCtx as A } from "vue";
+import { child as c, computed as l, createComponent as u, createIf as d, createInvoker as f, createSlot as p, createTemplateRefSetter as m, defineVaporComponent as h, delegateEvents as g, inject as _, next as v, onMounted as y, provide as b, ref as x, renderEffect as S, setClass as C, setInsertionState as w, setText as T, template as E, toDisplayString as D, unref as O, useTemplateRef as k, watch as A } from "vue";
 //#region ../components/src/menu/sub-menu.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var j = T("<div>"), M = T(" "), N = T("<div><div></div><div></div>"), P = T("<div><div></div>"), F = T("<div><div></div><div>"), I = T("<div><div>"), L = T("<div>", !0);
+var j = E("<div>"), M = E(" "), N = E("<div><div></div><div></div>"), P = E("<div><div></div>"), F = E("<div><div></div><div>"), I = E("<div><div>"), L = E("<div>", 1);
 g("click", "mouseover");
-var R = /* @__PURE__ */ h({
+var R = /*@__PURE__*/ h({
 	name: "SSubMenu",
 	__name: "sub-menu",
 	props: {
@@ -19,34 +19,33 @@ var R = /* @__PURE__ */ h({
 		title: {},
 		disabled: { type: Boolean }
 	},
-	__multiRoot: !1,
 	setup(h, { slots: g }) {
-		let T = h, R = e("menu"), z = O("subMenuRef"), B = _(ee, void 0), V = _(s, void 0), H = _(o, void 0), U = H ? H.level + 1 : 1, W = b(!1), G = b(/* @__PURE__ */ new Set()), K = () => {
-			B?.collapsed.value || (W.value = !W.value, W.value ? B?.setOpenKey(T.name) : B?.removeOpenKey(T.name));
+		let E = h, R = e("menu"), z = k("subMenuRef"), B = _(ee, void 0), V = _(s, void 0), H = _(o, void 0), U = H ? H.level + 1 : 1, W = x(!1), G = x(/* @__PURE__ */ new Set()), K = () => {
+			B?.collapsed.value || (W.value = !W.value, W.value ? B?.setOpenKey(E.name) : B?.removeOpenKey(E.name));
 		}, q = l(() => {
 			let e = B?.activeKey.value;
 			return e != null && G.value.has(e);
-		}), J = O("popoverRef"), Y = (e) => {
+		}), J = k("popoverRef"), Y = (e) => {
 			e ? J.value?.show() : J.value?.hide();
 		}, X = () => {
 			Y(!1);
-		}, ne = () => {
-			(B?.isCollapsed.value || B?.mode.value === "horizontal") && (Y(!0), V ? V.setActiveChildPopoverKey(T.name) : B?.setActivePopoverKey(T.name));
+		}, te = () => {
+			(B?.isCollapsed.value || B?.mode.value === "horizontal") && (Y(!0), V ? V.setActiveChildPopoverKey(E.name) : B?.setActivePopoverKey(E.name));
 		};
-		k(q, (e) => {
-			e && !W.value && (W.value = !0, B?.setOpenKey(T.name));
-		}), k(l(() => V ? V.activeChildPopoverKey.value : B?.activePopoverKey.value), (e) => {
-			(B?.isCollapsed.value || B?.mode.value === "horizontal") && e !== void 0 && e !== T.name && Y(!1);
-		}), k(() => B?.openKeys.value || [], (e) => {
-			e && e.length > 0 && (W.value = e.includes(T.name));
-		}, { immediate: !0 }), te(() => {
-			z.value?.style.setProperty("--s-menu-level", `${U}`), V?.registerDescendant(T.name);
+		A(q, (e) => {
+			e && !W.value && (W.value = !0, B?.setOpenKey(E.name));
+		}), A(l(() => V ? V.activeChildPopoverKey.value : B?.activePopoverKey.value), (e) => {
+			(B?.isCollapsed.value || B?.mode.value === "horizontal") && e !== void 0 && e !== E.name && Y(!1);
+		}), A(() => B?.openKeys.value || [], (e) => {
+			e && e.length > 0 && (W.value = e.includes(E.name));
+		}, { immediate: !0 }), y(() => {
+			z.value?.style.setProperty("--s-menu-level", `${U}`), V?.registerDescendant(E.name);
 		});
-		let re = (e) => {
+		let ne = (e) => {
 			G.value.add(e), V?.registerDescendant(e);
-		}, Z = b(void 0);
-		y(o, { level: U }), y(s, {
-			registerDescendant: re,
+		}, Z = x(void 0);
+		b(o, { level: U }), b(s, {
+			registerDescendant: ne,
 			outsideClick: X,
 			activeChildPopoverKey: Z,
 			setActiveChildPopoverKey: (e) => {
@@ -54,77 +53,77 @@ var R = /* @__PURE__ */ h({
 			}
 		});
 		let Q = m(), $ = L();
-		return x(() => {
-			let e = D(R);
-			S($, [
+		return S(() => {
+			let e = O(R);
+			C($, [
 				e.e("sub-menu"),
 				e.is("disabled", h.disabled),
-				e.is("collapse", D(B)?.isCollapsed.value)
+				e.is("collapse", O(B)?.isCollapsed.value)
 			]);
-		}), C($, null, 0), d(() => D(B)?.isCollapsed.value || D(B)?.mode.value === "horizontal", () => {
+		}), w($, null, 0), d(() => O(B)?.isCollapsed.value || O(B)?.mode.value === "horizontal", () => {
 			let e = u(i, {
-				manual: () => "",
-				placement: () => D(B)?.mode.value === "horizontal" ? "bottom-start" : "right-start",
-				offset: () => [0, 4],
+				manual: "",
+				placement: () => O(B)?.mode.value === "horizontal" ? "bottom-start" : "right-start",
+				offset: [0, 4],
 				onClickOutside: () => X
 			}, {
-				content: A(() => d(() => D(B)?.mode.value === "horizontal" && g.subContent, () => p("subContent", null), () => {
+				content: () => d(() => O(B)?.mode.value === "horizontal" && g.subContent, () => p("subContent", null, null, 4), () => {
 					let e = j();
-					return x(() => S(e, [D(R).e("pop-content")])), C(e, null, 0), p("default", null), e;
-				}, 5, null, 5)),
-				default: A(() => d(() => D(U) === 1 && D(B)?.mode.value === "horizontal", () => {
+					return S(() => C(e, [O(R).e("pop-content")])), w(e, null, 0), p(), e;
+				}, 1669),
+				default: () => d(() => O(U) === 1 && O(B)?.mode.value === "horizontal", () => {
 					let e = N(), n = c(e, 1), i = v(n, 2);
-					return x(() => {
-						let t = D(R);
-						S(e, [
+					return S(() => {
+						let t = O(R);
+						C(e, [
 							t.e("sub-title"),
 							t.is("active", q.value),
-							{ [t.e("horizontal-sub-title")]: D(B)?.mode.value === "horizontal" }
+							{ [t.e("horizontal-sub-title")]: O(B)?.mode.value === "horizontal" }
 						]);
-					}), C(e, 0, 0), d(() => g.icon, () => {
+					}), w(e, 0, 0), d(() => g.icon, () => {
 						let e = j();
-						return x(() => S(e, [D(R).e("sub-icon")])), C(e, null, 0), p("icon", null), e;
-					}, null, 1), x(() => S(n, [D(R).e("sub-label")])), C(n, null, 0), p("title", null, () => {
+						return S(() => C(e, [O(R).e("sub-icon")])), w(e, null, 0), p("icon"), e;
+					}), S(() => C(n, [O(R).e("sub-label")])), w(n, null, 0), p("title", null, () => {
 						let e = M();
-						return x(() => w(e, E(h.title))), e;
-					}), x(() => S(i, [D(R).e("sub-arrow")])), C(i, null, 0), d(() => W.value, () => u(D(r)), () => u(D(t)), 5, null, 1), e;
-				}, () => d(() => D(U) === 1, () => {
+						return S(() => T(e, D(h.title))), e;
+					}), S(() => C(i, [O(R).e("sub-arrow")])), w(i, null, 0), d(() => W.value, () => u(O(r)), () => u(O(t)), 517), e;
+				}, () => d(() => O(U) === 1, () => {
 					let e = P(), t = c(e);
-					return x(() => {
-						let n = D(R);
-						S(e, [n.e("sub-title"), n.is("active", q.value)]), S(t, [n.e("sub-icon")]);
-					}), C(t, null, 0), p("icon", null), e;
+					return S(() => {
+						let n = O(R);
+						C(e, [n.e("sub-title"), n.is("active", q.value)]), C(t, [n.e("sub-icon")]);
+					}), w(t, null, 0), p("icon"), e;
 				}, () => {
 					let e = N(), t = c(e, 1), r = v(t, 2);
-					return x(() => {
-						let t = D(R);
-						S(e, [t.e("sub-title"), t.is("active", q.value)]);
-					}), C(e, 0, 0), d(() => g.icon, () => {
+					return S(() => {
+						let t = O(R);
+						C(e, [t.e("sub-title"), t.is("active", q.value)]);
+					}), w(e, 0, 0), d(() => g.icon, () => {
 						let e = j();
-						return x(() => S(e, [D(R).e("sub-icon")])), C(e, null, 0), p("icon", null), e;
-					}, null, 1), x(() => S(t, [D(R).e("sub-label")])), C(t, null, 0), p("title", null, () => {
+						return S(() => C(e, [O(R).e("sub-icon")])), w(e, null, 0), p("icon"), e;
+					}), S(() => C(t, [O(R).e("sub-label")])), w(t, null, 0), p("title", null, () => {
 						let e = M();
-						return x(() => w(e, E(h.title))), e;
-					}), x(() => S(r, [D(R).e("sub-arrow")])), C(r, null, 0), u(D(n)), e;
-				}, 5, null, 3), 5, null, 2))
+						return S(() => T(e, D(h.title))), e;
+					}), S(() => C(r, [O(R).e("sub-arrow")])), w(r, null, 0), u(O(n)), e;
+				}, 1157), 901)
 			});
 			return Q(e, J, null, "popoverRef"), e;
 		}, () => {
 			let e = F(), n = c(e, 1), i = v(n, 2);
-			return x(() => {
-				let t = D(R);
-				S(e, [t.e("sub-title"), t.is("active", q.value)]);
-			}), C(e, 0, 0), d(() => g.icon, () => {
+			return S(() => {
+				let t = O(R);
+				C(e, [t.e("sub-title"), t.is("active", q.value)]);
+			}), w(e, 0, 0), d(() => g.icon, () => {
 				let e = j();
-				return x(() => S(e, [D(R).e("sub-icon")])), C(e, null, 0), p("icon", null), e;
-			}, null, 1), x(() => S(n, [D(R).e("sub-label")])), C(n, null, 0), p("title", null, () => {
+				return S(() => C(e, [O(R).e("sub-icon")])), w(e, null, 0), p("icon"), e;
+			}), S(() => C(n, [O(R).e("sub-label")])), w(n, null, 0), p("title", null, () => {
 				let e = M();
-				return x(() => w(e, E(h.title))), e;
-			}), x(() => S(i, [D(R).e("sub-arrow")])), C(i, null, 0), d(() => W.value, () => u(D(r)), () => u(D(t)), 5, null, 8), e.$evtclick = f(K), [e, u(a, null, { default: A(() => d(() => W.value, () => {
+				return S(() => T(e, D(h.title))), e;
+			}), S(() => C(i, [O(R).e("sub-arrow")])), w(i, null, 0), d(() => W.value, () => u(O(r)), () => u(O(t)), 2309), e.$evtclick = f(K), [e, u(a, null, () => d(() => W.value, () => {
 				let e = I(), t = c(e);
-				return x(() => S(t, [D(R).e("sub-content")])), C(t, null, 0), p("default", null), e;
-			}, null, 1)) })];
-		}, 9, null, 6), $.$evtmouseover = f(ne), Q($, z, null, "subMenuRef"), $;
+				return S(() => C(t, [O(R).e("sub-content")])), w(t, null, 0), p(), e;
+			}, null, 129))];
+		}, 1801), $.$evtmouseover = f(te), Q($, z, null, "subMenuRef"), $;
 	}
 });
 //#endregion

package/dist/es/components/src/message/message-container.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -2,69 +2,68 @@ import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import { useZIndex as t } from "../../../hooks/src/use-zIndex.mjs";
 import "../../../hooks/index.mjs";
 import n from "./message.vue.mjs";
-import { VaporTransitionGroup as r, computed as i, createComponent as a, createFor as o, defineVaporComponent as s, ref as c, renderEffect as l, setClass as u, setInsertionState as d, template as f, unref as p, withVaporCtx as m } from "vue";
+import { VaporTransitionGroup as r, computed as i, createComponent as a, createFor as o, defineVaporComponent as s, ref as c, renderEffect as l, setClass as u, setInsertionState as d, template as f, unref as p } from "vue";
 //#region ../components/src/message/message-container.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var h = f("<div>"), g = /* @__PURE__ */ s({
+var m = f("<div>"), h = /*@__PURE__*/ s({
 	__name: "message-container",
 	props: {
 		placement: {},
 		offset: {},
 		onEmpty: {}
 	},
-	__multiRoot: !1,
 	setup(s, { expose: f }) {
-		let g = e("message"), _ = s, { nextZIndex: v } = t(), y = c(0), b = 0, x = i(() => {
-			let e = { zIndex: y.value };
-			return _.placement === "top" ? e.top = `${_.offset}px` : _.placement === "bottom" && (e.bottom = `${_.offset}px`), e;
-		}), S = c([]), C = (e) => {
-			y.value = v(), S.value.push(e);
+		let h = e("message"), g = s, { nextZIndex: _ } = t(), v = c(0), y = 0, b = i(() => {
+			let e = { zIndex: v.value };
+			return g.placement === "top" ? e.top = `${g.offset}px` : g.placement === "bottom" && (e.bottom = `${g.offset}px`), e;
+		}), x = c([]), S = (e) => {
+			v.value = _(), x.value.push(e);
+		}, C = (e) => {
+			let t = x.value.findIndex((t) => t.id === e);
+			t > -1 && x.value.splice(t, 1);
 		}, w = (e) => {
-			let t = S.value.findIndex((t) => t.id === e);
-			t > -1 && S.value.splice(t, 1);
+			x.value.find((t) => t.id === e)?.destroy();
 		}, T = (e) => {
-			S.value.find((t) => t.id === e)?.destroy();
-		}, E = (e) => {
-			b++;
+			y++;
 			let t = e;
 			t.style.maxHeight = `${t.offsetHeight}px`, t.offsetWidth;
-		}, D = (e) => {
+		}, E = (e) => {
 			let t = e;
 			t.style.maxHeight = "0", t.offsetWidth;
-		}, O = (e) => {
-			b--;
+		}, D = (e) => {
+			y--;
 			let t = e;
-			t.style.maxHeight = "", t.style.overflow = "", S.value.length === 0 && b === 0 && _.onEmpty?.();
-		}, k = (e) => {
+			t.style.maxHeight = "", t.style.overflow = "", x.value.length === 0 && y === 0 && g.onEmpty?.();
+		}, O = (e) => {
 			let t = e;
 			t.style.transition = "none";
 			let n = t.offsetHeight;
 			t.style.maxHeight = "0", t.offsetWidth, t.style.transition = "", t.style.maxHeight = `${n}px`;
-		}, A = (e) => {
+		}, k = (e) => {
 			let t = e;
 			t.style.maxHeight = "";
 		};
 		return f({
-			addMessage: C,
-			removeMessage: w,
-			getMessages: () => S.value
+			addMessage: S,
+			removeMessage: C,
+			getMessages: () => x.value
 		}), a(r, {
-			class: () => [p(g).e("container"), p(g).m(`container-${s.placement}`)],
-			name: () => "message-fade",
-			style: () => x.value,
-			tag: () => "div",
-			onEnter: () => k,
-			onLeave: () => D,
-			onBeforeLeave: () => E,
-			onAfterLeave: () => O,
-			onAfterEnter: () => A
-		}, { default: m(() => o(() => S.value, (e) => {
-			let t = h();
+			class: () => [p(h).e("container"), p(h).m(`container-${s.placement}`)],
+			name: "message-fade",
+			style: () => b.value,
+			tag: "div",
+			onEnter: () => O,
+			onLeave: () => E,
+			onBeforeLeave: () => T,
+			onAfterLeave: () => D,
+			onAfterEnter: () => k
+		}, () => o(() => x.value, (e) => {
+			let t = m();
 			return l(() => {
-				let e = p(g);
+				let e = p(h);
 				u(t, [e.e("wrapper"), e.m(`wrapper-${s.placement}`)]);
-			}), d(t, null, 0), a(n, { $: [() => e.value, { onClose: () => () => T(e.value.id) }] }), t;
-		}, (e) => e.id)) }, !0);
+			}), d(t, null, 0), a(n, { $: [() => e.value, { onClose: () => () => w(e.value.id) }] }), t;
+		}, (e) => e.id, 40), !0);
 	}
 });
 //#endregion
-export { g as default };
+export { h as default };

package/dist/es/components/src/message/message.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -8,9 +8,9 @@ import a from "../../../icons/src/warning-circle-fill.vue.mjs";
 import "../../../icons/index.mjs";
 import { child as o, createComponent as s, createIf as c, createInvoker as l, defineVaporComponent as u, delegateEvents as d, on as f, onMounted as p, onUnmounted as m, ref as h, renderEffect as g, setClass as _, setInsertionState as v, setText as y, template as b, toDisplayString as x, txt as S, unref as C, watch as w } from "vue";
 //#region ../components/src/message/message.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var T = b("<div>"), E = b("<div><span> "), D = b("<div><div> </div>", !0);
+var T = b("<div>"), E = b("<div><span> "), D = b("<div><div> </div>", 1);
 d("click");
-var O = /* @__PURE__ */ u({
+var O = /*@__PURE__*/ u({
 	__name: "message",
 	props: {
 		destroy: {},
@@ -33,7 +33,6 @@ var O = /* @__PURE__ */ u({
 		id: {}
 	},
 	emits: ["close"],
-	__multiRoot: !1,
 	setup(u, { emit: d }) {
 		let b = u, O = e("message"), k = d, A = h(null), j = h(!1), M = () => {
 			k("close", b.id);
@@ -61,20 +60,20 @@ var O = /* @__PURE__ */ u({
 			_(L, [e.b(), e.m(u.type)]);
 		}), v(L, 0, 0), c(() => u.showIcon, () => {
 			let e = T();
-			return g(() => _(e, [C(O).e("icon")])), v(e, null, 0), c(() => u.type === "warning", () => s(C(a)), () => c(() => u.type === "primary", () => s(C(i)), () => c(() => u.type === "info", () => s(C(i)), () => c(() => u.type === "success", () => s(C(t)), () => c(() => u.type === "danger", () => s(C(n)), null, 1), 5, null, 3), 5, null, 2), 5, null, 1), 5, null, 0), e;
-		}, null, 1);
+			return g(() => _(e, [C(O).e("icon")])), v(e, null, 0), c(() => u.type === "warning", () => s(C(a)), () => c(() => u.type === "primary", () => s(C(i)), () => c(() => u.type === "info", () => s(C(i)), () => c(() => u.type === "success", () => s(C(t)), () => c(() => u.type === "danger", () => s(C(n))), 1029), 773), 517), 261), e;
+		});
 		let z = S(R);
 		return g(() => {
 			_(R, [C(O).e("content")]), y(z, x(u.message));
 		}), v(L, null, 2), c(() => u.showClose, () => {
 			let e = T();
 			return g(() => _(e, [C(O).e("close")])), v(e, null, 0), s(C(r)), e.$evtclick = l(M), e;
-		}, null, 1), v(L, null, 3), c(() => u.grouping && u.count, () => {
+		}), v(L, null, 3), c(() => u.grouping && u.count, () => {
 			let e = E(), t = S(o(e));
 			return g(() => {
 				_(e, [C(O).e("grouping")]), y(t, x(u.count));
 			}), e;
-		}, null, 1), f(L, "mouseenter", l(F)), f(L, "mouseleave", l(I)), L;
+		}), f(L, "mouseenter", F), f(L, "mouseleave", I), L;
 	}
 });
 //#endregion

package/dist/es/components/src/meter-group/meter-group.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -4,7 +4,7 @@ import { useNamespace as t } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
 import { child as n, createDynamicComponent as r, createFor as i, createIf as a, createSlot as o, defineVaporComponent as s, next as c, renderEffect as l, setClass as u, setInsertionState as d, setStyle as f, setText as p, template as m, toDisplayString as h, txt as g, unref as _ } from "vue";
 //#region ../components/src/meter-group/meter-group.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var v = m("<div>"), y = m("<span>"), b = m("<span> "), x = m("<div><div><div></div><div>", !0), S = /* @__PURE__ */ s({
+var v = m("<div>"), y = m("<span>"), b = m("<span> "), x = m("<div><div><div></div><div>", 1), S = /*@__PURE__*/ s({
 	name: "SMeterGroup",
 	__name: "meter-group",
 	props: {
@@ -16,7 +16,6 @@ var v = m("<div>"), y = m("<span>"), b = m("<span> "), x = m("<div><div><div></d
 		labelPosition: { default: "bottom" },
 		labelAlign: { default: "start" }
 	},
-	__multiRoot: !1,
 	setup(s) {
 		let m = t("meter-group"), S = x(), C = n(S), w = n(C), T = c(w, 1);
 		return l(() => {
@@ -35,7 +34,7 @@ var v = m("<div>"), y = m("<span>"), b = m("<span> "), x = m("<div><div><div></d
 					backgroundColor: r.color
 				});
 			}), n;
-		}, (e, t) => t, 1), l(() => {
+		}, (e, t) => t, 9), l(() => {
 			let e = _(m), t = s.labelAlign;
 			u(T, [e.e("item"), { [e.m(`align-${t}`)]: t }]);
 		}), d(T, null, 0), i(() => s.data, (e, t) => {
@@ -51,13 +50,13 @@ var v = m("<div>"), y = m("<span>"), b = m("<span> "), x = m("<div><div><div></d
 					return l(() => {
 						u(t, [_(m).e("dot")]), f(t, { backgroundColor: e.value.color });
 					}), t;
-				}, 5, null, 0), n = b(), i = g(n);
+				}, 389), n = b(), i = g(n);
 				return l(() => {
 					let t = e.value;
 					p(i, h(t.label) + " (" + h(t.value) + ")%");
 				}), [t, n];
 			}), n;
-		}, (e, t) => t, 1), S;
+		}, (e, t) => t, 9), S;
 	}
 });
 //#endregion