@pgcorp/ui-kit 0.12.0 → 0.14.0

package/dist/src/components/shared/containers/SPopover.vue_vue_type_script_setup_true_lang.js

@@ -1,20 +1,23 @@
 import { lastItem as e } from "../../../internal/es2020.js";
 import { findRelativeTabTarget as t, getFocusableElements as n } from "../../../internal/focusNavigation.js";
 import { registerLayer as r } from "../../../internal/layerStack.js";
-import { useFloatingPosition as i } from "../../../composables/useFloatingPosition.js";
-import { useUiKitLocale as a } from "../../../composables/useUiKitLocale.js";
-import { useOwnedAttrs as o } from "../../../internal/ownedAttrs.js";
-import { useInteractiveLeafRegistration as s } from "../../../internal/passiveContentContract.js";
-import c from "../controls/SButton.vue.js";
-import { resolveInteractiveElement as l } from "../../../internal/interactiveElement.js";
-import { Teleport as u, Transition as d, computed as f, createBlock as p, createCommentVNode as ee, createElementBlock as m, createElementVNode as h, createVNode as te, defineComponent as g, mergeProps as _, nextTick as v, normalizeStyle as ne, onBeforeUnmount as re, onMounted as ie, onUpdated as ae, openBlock as y, ref as b, renderSlot as x, unref as S, useId as oe, useSlots as se, watch as ce, withCtx as C, withKeys as le } from "vue";
+import { useOverlayAdmission as i } from "../../../internal/overlayHost.js";
+import { useFloatingPosition as a } from "../../../composables/useFloatingPosition.js";
+import { useUiKitLocale as o } from "../../../composables/useUiKitLocale.js";
+import { useOwnedAttrs as s } from "../../../internal/ownedAttrs.js";
+import { useInteractiveLeafRegistration as c } from "../../../internal/passiveContentContract.js";
+import l from "../controls/SButton.vue.js";
+import { resolveInteractiveElement as ee } from "../../../internal/interactiveElement.js";
+import { Teleport as u, Transition as te, computed as d, createBlock as ne, createCommentVNode as re, createElementBlock as ie, createElementVNode as ae, createVNode as oe, defineComponent as f, mergeProps as se, nextTick as p, normalizeStyle as ce, onBeforeUnmount as le, onMounted as ue, onUpdated as de, openBlock as m, ref as h, renderSlot as g, shallowRef as fe, unref as _, useId as pe, useSlots as me, watch as v, withCtx as y, withKeys as he } from "vue";
 //#region src/components/shared/containers/SPopover.vue?vue&type=script&setup=true&lang.ts
-var ue = { class: "s-popover relative block w-full" }, de = [
+var ge = { class: "s-popover relative block w-full" }, _e = [
+	"hidden",
+	"^inert",
 	"data-placement",
 	"data-surface",
 	"data-width",
 	"aria-label"
-], fe = { class: "s-popover-content" }, pe = "built-in", w = /*@__PURE__*/ g({
+], ve = { class: "s-popover-content" }, ye = "built-in", b = /*@__PURE__*/ f({
 	inheritAttrs: !1,
 	__name: "SPopover",
 	props: {
@@ -49,233 +52,296 @@ var ue = { class: "s-popover relative block w-full" }, de = [
 		}
 	},
 	emits: ["update:open"],
-	setup(g, { expose: w, emit: me }) {
-		let T = g, { t: he } = a(), E = f(() => T.ariaLabel ?? he("dialog.moreActions")), D = me, O = se(), ge = o({
+	setup(f, { expose: b, emit: be }) {
+		let x = f, { t: xe } = o(), S = d(() => x.ariaLabel ?? xe("dialog.moreActions")), C = be, w = me(), Se = s({
 			component: "SPopover",
 			owner: "root wrapper"
 		});
-		if (O.trigger && O.default) throw Error("SPopover: default slot is reserved for built-in SButton content and cannot be combined with #trigger; move popover content to #panel");
-		if (!O.panel) throw Error("SPopover: #panel slot is required");
-		let k = T.open !== void 0, A = b(!1), j = f(() => T.open ?? A.value);
-		s({
+		if (w.trigger && w.default) throw Error("SPopover: default slot is reserved for built-in SButton content and cannot be combined with #trigger; move popover content to #panel");
+		if (!w.panel) throw Error("SPopover: #panel slot is required");
+		let T = x.open !== void 0, E = i(), D = h(!1), O = h(!1), k = fe(null), A = d(() => E.value && !O.value && (x.open ?? D.value));
+		c({
 			owner: "SPopover",
-			active: () => j.value
+			active: () => A.value
 		});
-		let M = `s-popover-panel-${oe()}`, N = b(null), P = b("var(--s-layer-root-floating)"), _e = f(() => T.triggerAriaLabel ?? (T.triggerIconOnly || !T.triggerLabel && !O.default ? E.value : void 0)), F = null, I = null, ve = f(() => T.align === "left" ? "bottom-start" : T.align === "center" ? "bottom-center" : "bottom-end"), { anchorRef: L, panelRef: R, floatingStyle: ye, resolvedPlacement: be, updatePosition: z } = i({
-			active: j,
-			placement: () => ve.value,
+		let j = `s-popover-panel-${pe()}`, M = h(null), N = h("var(--s-layer-root-floating)"), Ce = d(() => x.triggerAriaLabel ?? (x.triggerIconOnly || !x.triggerLabel && !w.default ? S.value : void 0)), P = null, F = null, I = null, L = null, R = 0, z = null, we = d(() => x.align === "left" ? "bottom-start" : x.align === "center" ? "bottom-center" : "bottom-end"), { anchorRef: B, panelRef: V, floatingStyle: Te, resolvedPlacement: Ee, updatePosition: De } = a({
+			active: A,
+			placement: () => we.value,
 			offset: () => 6,
 			boundaryPadding: () => 8,
 			flip: () => !0,
 			shift: () => !0,
 			constrainMainAxis: () => !0,
-			widthMatch: () => T.width === "trigger" ? "min" : "none",
-			zIndex: () => P.value,
+			widthMatch: () => x.width === "trigger" ? "min" : "none",
+			zIndex: () => N.value,
 			scrollStrategy: "reposition"
-		});
-		class xe {
+		}), Oe = d(() => !E.value || k.value !== null && k.value === V.value);
+		function ke() {
+			let e = V.value;
+			if (!e) return;
+			k.value = e, e.hidden = !0, e.setAttribute("inert", "");
+			let t = e.ownerDocument.activeElement;
+			t instanceof HTMLElement && e.contains(t) && t.blur();
+		}
+		class Ae {
 			constructor(e, t) {
 				this.id = e, this.activation = t, this.target = null, this.binding = {
-					ref: (e) => Ce(this, e),
+					ref: (e) => Ne(this, e),
 					get "aria-expanded"() {
-						return j.value && N.value === e;
+						return A.value && M.value === e;
 					},
 					get disclosure() {
 						return {
-							expanded: j.value && N.value === e,
-							controls: M,
+							expanded: A.value && M.value === e,
+							controls: j,
 							iconPlacement: "none"
 						};
 					},
 					"aria-haspopup": "dialog",
-					"aria-controls": M,
-					onClick: (e) => ke(this, e)
+					"aria-controls": j,
+					onClick: (e) => He(this, e)
 				};
 			}
 			element() {
-				return Se(this.target, this.id);
+				return Me(this.target, this.id);
 			}
 		}
-		let B = /* @__PURE__ */ new Map();
-		function V(e) {
+		let H = /* @__PURE__ */ new Map();
+		function je(e) {
 			if (e.length === 0 || e.trim() !== e) throw Error("SPopover: trigger id must be a non-empty string without surrounding whitespace");
 		}
-		function Se(e, t) {
-			return l(`SPopover: trigger "${t}"`, e);
+		function Me(e, t) {
+			return ee(`SPopover: trigger "${t}"`, e);
 		}
-		function Ce(e, t) {
+		function Ne(e, t) {
 			if (t === null) {
 				e.target = null;
 				return;
 			}
 			if (e.target && e.target !== t) throw Error(`SPopover: trigger id "${e.id}" is bound to multiple elements`);
-			for (let n of B.values()) if (n !== e && n.target === t) throw Error(`SPopover: one trigger element cannot use both "${n.id}" and "${e.id}" ids`);
+			for (let n of H.values()) if (n !== e && n.target === t) throw Error(`SPopover: one trigger element cannot use both "${n.id}" and "${e.id}" ids`);
 			e.target = t;
 		}
-		function H(e, t = "toggle") {
-			V(e);
-			let n = B.get(e);
+		function Pe(e, t = "toggle") {
+			je(e);
+			let n = H.get(e);
 			if (n) {
 				if (n.activation !== t) throw Error(`SPopover: trigger "${e}" activation cannot change from "${n.activation}" to "${t}"`);
 				return n.binding;
 			}
-			let r = new xe(e, t);
-			return B.set(e, r), r.binding;
+			let r = new Ae(e, t);
+			return H.set(e, r), r.binding;
 		}
-		let we = O.trigger ? void 0 : H(pe);
-		function U(e) {
+		let Fe = w.trigger ? void 0 : Pe(ye);
+		function Ie(e) {
 			return /* @__PURE__ */ Error(`SPopover: custom trigger "${e}" must apply the complete object returned by bindTrigger()`);
 		}
-		function W(e) {
+		function U(e) {
 			let t = e.element();
-			if (!t) throw U(e.id);
-			if (O.trigger && !(t instanceof HTMLButtonElement)) throw Error(`SPopover: custom trigger "${e.id}" must bind directly to a button element, not to a wrapper`);
-			if (t.getAttribute("aria-haspopup") !== "dialog" || t.getAttribute("aria-controls") !== M || t.getAttribute("aria-expanded") !== String(j.value && N.value === e.id)) throw U(e.id);
+			if (!t) throw Ie(e.id);
+			if (w.trigger && !(t instanceof HTMLButtonElement)) throw Error(`SPopover: custom trigger "${e.id}" must bind directly to a button element, not to a wrapper`);
+			if (t.getAttribute("aria-haspopup") !== "dialog" || t.getAttribute("aria-controls") !== j || t.getAttribute("aria-expanded") !== String(A.value && M.value === e.id)) throw Ie(e.id);
 			return t;
 		}
-		function Te() {
-			if (B.size === 0) throw Error("SPopover: #trigger must apply a binding returned by bindTrigger()");
-			for (let e of B.values()) W(e);
+		function Le() {
+			if (H.size === 0) throw Error("SPopover: #trigger must apply a binding returned by bindTrigger()");
+			for (let e of H.values()) U(e);
 		}
-		function Ee() {
-			return [...B.values()].filter((e) => e.element()?.isConnected).map((e) => e.id).sort((e, t) => e.localeCompare(t));
+		function Re() {
+			return [...H.values()].filter((e) => e.element()?.isConnected).map((e) => e.id).sort((e, t) => e.localeCompare(t));
 		}
-		function G(e) {
+		function W(e) {
 			if (e !== void 0) {
-				V(e);
-				let t = B.get(e);
+				je(e);
+				let t = H.get(e);
 				if (!t?.element()?.isConnected) throw Error(`SPopover: programmatic open requires a registered trigger with id "${e}"`);
-				return W(t), t;
+				return U(t), t;
 			}
-			let t = Ee();
+			let t = Re();
 			if (t.length === 0) throw Error("SPopover: programmatic open requires one registered trigger anchor");
 			if (t.length > 1) throw Error(`SPopover: programmatic open is ambiguous; pass one of the registered trigger ids: ${t.map((e) => `"${e}"`).join(", ")}`);
 			let [n] = t;
 			if (!n) throw Error("SPopover: registered trigger inventory is unexpectedly empty");
-			let r = B.get(n);
+			let r = H.get(n);
 			if (!r) throw Error("SPopover: registered trigger invariant failed");
-			return W(r), r;
+			return U(r), r;
+		}
+		function G(e) {
+			let t = U(e);
+			return M.value = e.id, B.value = t, t;
 		}
 		function K(e) {
-			let t = W(e);
-			return N.value = e.id, L.value = t, t;
+			return H.get(e.trigger.id) === e.trigger && M.value === e.trigger.id && e.trigger.element() === e.anchor && e.anchor.isConnected;
+		}
+		function q() {
+			if (O.value) return;
+			let e = F === null;
+			O.value = !0, D.value = !1, F = null, Y("outside"), e && C("update:open", !1);
 		}
-		function q(e) {
-			F?.unregister({ restoreFocus: !1 }), F = r({
+		async function J(e, t = document.activeElement, n) {
+			let i = ++R;
+			if (L?.(), L = null, P?.unregister({ restoreFocus: !1 }), P = null, await p(), R !== i || !A.value) return;
+			if (n && !K(n)) {
+				q();
+				return;
+			}
+			let a = V.value;
+			if (!e.isConnected || !a?.isConnected) throw Error("SPopover: open layer requires connected native anchor and panel");
+			if (P = r({
 				kind: "popover",
-				root: () => R.value,
-				anchor: () => L.value,
-				branches: () => [...B.values()].map((e) => e.element()).filter((e) => !!e?.isConnected),
+				root: () => a,
+				anchor: () => B.value,
+				branches: () => [...H.values()].map((e) => e.element()).filter((e) => !!e?.isConnected),
 				restoreTarget: e,
-				requestDismiss: (e) => Q(e === "escape" ? "escape" : "outside")
-			}), P.value = F.zIndex;
+				requestDismiss: (e) => Q(e === "escape" ? "escape" : "outside"),
+				onRetire: q
+			}), N.value = P.zIndex, De(), await p(), R !== i || !A.value || !P?.isTopmost()) return;
+			if (n && !K(n)) {
+				q();
+				return;
+			}
+			let o = V.value, s = z;
+			if (z = null, o !== a || !o.isConnected || s !== o) return;
+			let c = document.activeElement, l = t instanceof HTMLElement && !t.isConnected && c === document.body;
+			(c === t || l) && o.focus({ preventScroll: !0 });
 		}
-		function De() {
-			if (N.value !== null) {
-				let e = B.get(N.value);
+		function ze() {
+			if (M.value !== null) {
+				let e = H.get(M.value);
 				if (e?.element()?.isConnected) return e;
 			}
-			return G();
+			return W();
 		}
-		function J(e = De()) {
-			q(K(e)), v(z);
+		function Be() {
+			let e = I;
+			if (I = null, e) {
+				if (!K(e)) {
+					q();
+					return;
+				}
+				G(e.trigger), J(e.anchor, e.focusOrigin, e);
+				return;
+			}
+			J(G(ze()));
 		}
-		function Oe(e) {
+		function Ve(e) {
 			if (!(e instanceof HTMLElement)) throw Error("SPopover: transition enter target must be an HTMLElement");
-			j.value && e.focus();
+			A.value && e === V.value && e.isConnected && (z = e);
 		}
 		function Y(e) {
-			let t = e === "explicit" || e === "escape" || e === "trigger";
-			F?.unregister({ restoreFocus: t }), F = null, P.value = "var(--s-layer-root-floating)";
+			R += 1, I = null, z = null, e !== "tab" && (L?.(), L = null);
+			let t = E.value && (e === "explicit" || e === "escape" || e === "trigger");
+			P?.unregister({
+				restoreFocus: t,
+				commitFocusHandoff: e === "tab"
+			}), P = null, N.value = "var(--s-layer-root-floating)";
 		}
 		function X() {
-			if (T.open !== void 0 !== k) throw Error("SPopover: open control mode cannot change after mount");
+			if (x.open !== void 0 !== T) throw Error("SPopover: open control mode cannot change after mount");
 		}
-		function ke(e, t) {
+		function He(e, t) {
 			if (e.activation === "manual") {
-				K(e), j.value && v(z);
+				G(e), A.value && p(De);
 				return;
 			}
-			if (j.value && N.value === e.id) {
+			if (A.value && M.value === e.id) {
 				Q("trigger");
 				return;
 			}
-			if (j.value) {
-				q(K(e)), v(z);
+			if (A.value) {
+				J(G(e));
 				return;
 			}
 			Z(e.id);
 		}
 		function Z(e) {
-			if (!j.value && !T.disabled) {
-				let t = G(e);
-				if (K(t), D("update:open", !0), k) return;
-				J(t), A.value = !0;
-				return;
+			if (E.value && !(O.value && T)) {
+				if (O.value = !1, !A.value && !x.disabled) {
+					let t = W(e), n = G(t), r = document.activeElement;
+					if (T && (I = {
+						trigger: t,
+						anchor: n,
+						focusOrigin: r
+					}), C("update:open", !0), T) return;
+					D.value = !0, J(n, r);
+					return;
+				}
+				A.value && e !== void 0 && e !== M.value && J(G(W(e)));
 			}
-			j.value && e !== void 0 && e !== N.value && (q(K(G(e))), v(z));
 		}
 		function Q(e = "explicit") {
-			if (j.value) {
-				if (I = e, D("update:open", !1), k) return;
-				A.value = !1, Y(e), I = null;
+			let t = A.value, n = I;
+			if (I = null, !t && n) {
+				Y(e), C("update:open", !1);
+				return;
+			}
+			if (t && F === null) {
+				if (F = e, C("update:open", !1), T) return;
+				D.value = !1, Y(e), F = null;
 			}
 		}
 		function $() {
 			Q("explicit");
 		}
-		function Ae(r) {
-			let i = R.value, a = L.value;
+		function Ue(r) {
+			let i = V.value, a = B.value;
 			if (!i || !a) return;
 			let o = n(i), s = document.activeElement, c = o[0], l = e(o);
 			if (!(o.length === 0 || (r.shiftKey ? s === i || s === c : s === l))) return;
-			let u = F?.focusScope() ?? document, d = t(a, u, i, r.shiftKey);
-			r.preventDefault(), Q("tab"), d && v(() => d.focus());
+			let ee = P?.focusScope() ?? document, u = t(a, ee, i, r.shiftKey);
+			r.preventDefault(), L?.(), L = u && P ? P.handoffFocus(u) : null, Q("tab");
 		}
-		function je(e) {
-			if (!j.value) return;
+		function We(e) {
+			if (!A.value) return;
 			let t = e.relatedTarget;
-			t instanceof Node && (R.value?.contains(t) || [...B.values()].some((e) => e.element()?.contains(t))) || Q("outside");
+			t instanceof Node && (V.value?.contains(t) || [...H.values()].some((e) => e.element()?.contains(t))) || Q("outside");
 		}
-		return ie(() => {
-			Te(), j.value && J();
-		}), ae(() => {
+		return ue(() => {
+			Le(), A.value && Be();
+		}), de(() => {
 			X();
-		}), ce(() => T.open, (e) => {
-			if (X(), e) {
-				J();
+		}), v(() => x.open, (e) => {
+			e === !1 && (X(), O.value = !1, Y(F ?? "explicit"), F = null);
+		}, { flush: "pre" }), v(() => x.open, (e) => {
+			if (X(), e && !E.value) {
+				q();
 				return;
 			}
-			Y(I ?? "explicit"), I = null;
-		}, { flush: "post" }), re(() => {
-			F?.unregister({ restoreFocus: !1 }), F = null;
-		}), w({
+			O.value || e && Be();
+		}, { flush: "post" }), v(E, (e) => {
+			e || (ke(), (x.open === !0 || D.value || I || P) && q());
+		}, {
+			flush: "sync",
+			immediate: !0
+		}), le(() => {
+			R += 1, I = null, z = null, L?.(), P?.unregister({ restoreFocus: !1 }), P = null;
+		}), b({
 			open: Z,
 			close: $
-		}), (e, t) => (y(), m("div", _(S(ge).bindings(), { class: "s-popover-wrapper" }), [h("div", ue, [e.$slots.trigger ? x(e.$slots, "trigger", {
-			bindTrigger: H,
+		}), (e, t) => (m(), ie("div", se(_(Se).bindings(), { class: "s-popover-wrapper" }), [ae("div", ge, [e.$slots.trigger ? g(e.$slots, "trigger", {
+			bindTrigger: Pe,
 			open: Z,
 			close: $,
-			isOpen: j.value
-		}, void 0, !0, 0) : (y(), p(c, _({ key: 1 }, S(we), {
+			isOpen: A.value
+		}, void 0, !0, 0) : (m(), ne(l, se({ key: 1 }, _(Fe), {
 			"data-s-popover-trigger": "",
-			label: g.triggerLabel,
-			"leading-icon": g.triggerLeadingIcon,
-			"trailing-icon": g.triggerTrailingIcon,
-			"icon-only": g.triggerIconOnly,
-			appearance: g.triggerAppearance,
-			size: g.triggerSize,
-			width: g.triggerWidth,
-			"content-align": g.triggerContentAlign,
-			shape: g.triggerShape,
-			severity: g.triggerSeverity,
-			badge: g.triggerBadge,
-			disabled: g.disabled,
-			title: g.triggerTitle,
-			"aria-label": _e.value,
-			"data-testid": g.triggerTestId
+			label: f.triggerLabel,
+			"leading-icon": f.triggerLeadingIcon,
+			"trailing-icon": f.triggerTrailingIcon,
+			"icon-only": f.triggerIconOnly,
+			appearance: f.triggerAppearance,
+			size: f.triggerSize,
+			width: f.triggerWidth,
+			"content-align": f.triggerContentAlign,
+			shape: f.triggerShape,
+			severity: f.triggerSeverity,
+			badge: f.triggerBadge,
+			disabled: f.disabled,
+			title: f.triggerTitle,
+			"aria-label": Ce.value,
+			"data-testid": f.triggerTestId
 		}), {
-			default: C(() => [x(e.$slots, "default", { isOpen: j.value }, void 0, !0)]),
+			default: y(() => [g(e.$slots, "default", { isOpen: A.value }, void 0, !0)]),
 			_: 3
 		}, 16, [
 			"label",
@@ -293,34 +359,37 @@ var ue = { class: "s-popover relative block w-full" }, de = [
 			"title",
 			"aria-label",
 			"data-testid"
-		])), te(d, {
+		])), oe(te, {
+			css: _(E),
 			"enter-active-class": "transition duration-[var(--s-motion-standard)] ease-out",
 			"enter-from-class": "translate-y-1 opacity-0",
 			"enter-to-class": "translate-y-0 opacity-100",
 			"leave-active-class": "pointer-events-none transition duration-[var(--s-motion-fast)] ease-in",
 			"leave-from-class": "translate-y-0 opacity-100",
 			"leave-to-class": "translate-y-1 opacity-0",
-			onEnter: Oe
+			onEnter: Ve
 		}, {
-			default: C(() => [(y(), p(u, { to: "body" }, [j.value ? (y(), m("div", {
+			default: y(() => [(m(), ne(u, { to: "body" }, [A.value ? (m(), ie("div", {
 				key: 0,
 				ref_key: "panelRef",
-				ref: R,
+				ref: V,
+				hidden: Oe.value,
+				"^inert": Oe.value ? !0 : void 0,
 				class: "s-popover-panel",
-				style: ne(S(ye)),
-				"data-placement": S(be),
-				"data-surface": g.surface,
-				"data-width": g.width,
+				style: ce(_(Te)),
+				"data-placement": _(Ee),
+				"data-surface": f.surface,
+				"data-width": f.width,
 				tabindex: "-1",
 				role: "dialog",
-				id: M,
-				"aria-label": E.value,
-				onKeydown: le(Ae, ["tab"]),
-				onFocusout: je
-			}, [h("div", fe, [x(e.$slots, "panel", { close: $ }, void 0, !0)])], 44, de)) : ee("", !0)]))]),
+				id: j,
+				"aria-label": S.value,
+				onKeydown: he(Ue, ["tab"]),
+				onFocusout: We
+			}, [ae("div", ve, [g(e.$slots, "panel", { close: $ }, void 0, !0)])], 44, _e)) : re("", !0)]))]),
 			_: 3
-		})])], 16));
+		}, 8, ["css"])])], 16));
 	}
 });
 //#endregion
-export { w as default };
+export { b as default };

package/dist/src/components/shared/containers/SSidebarGroup.vue.js

@@ -1,8 +1,8 @@
-import "../../../../assets/src/components/shared/containers/SSidebarGroup.css_vue_type_style_index_0_src_3e8bc2d7_scoped_3e8bc2d7_lang.css";
+import "../../../../assets/src/components/shared/containers/SSidebarGroup.css_vue_type_style_index_0_src_5b1eeb6c_scoped_5b1eeb6c_lang.css";
 import e from "../../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./SSidebarGroup.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                           */
 //#region src/components/shared/containers/SSidebarGroup.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-3e8bc2d7"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-5b1eeb6c"]]);
 //#endregion
 export { n as default };

package/dist/src/components/shared/containers/SSidebarGroup.vue_vue_type_script_setup_true_lang.js

@@ -202,9 +202,15 @@ var b = /*@__PURE__*/ l({
 		}
 		function q(e, t) {
 			if (K(e, t), A !== null) throw Error(`SSidebarGroup: resize '${A.topKey}'/'${A.bottomKey}' is already active`);
+			let n = /* @__PURE__ */ new Map();
+			for (let e of F.value.filter((e) => e.state.isOpen)) {
+				let t = E.get(e.key) ?? Math.max(e.state.minSize, M(e.element, `sections.${e.key}`));
+				n.set(e.key, t), E.set(e.key, t);
+			}
 			A = Object.freeze({
 				topKey: e,
-				bottomKey: t
+				bottomKey: t,
+				sizes: n
 			}), k.value += 1;
 		}
 		function J(e, n, r) {
@@ -223,20 +229,35 @@ var b = /*@__PURE__*/ l({
 				E.set(e.key, t - n), f -= n;
 			}
 			let p = E.get(u.key) ?? M(u.element, `sections.${u.key}`);
-			E.set(u.key, p + d), k.value += 1;
-			let m = i.filter((e) => e.state.size !== null).map((e) => ({
+			E.set(u.key, p + d), k.value += 1, A === null && Y(i);
+		}
+		function Y(e) {
+			let t = e.filter((e) => e.state.size !== null).map((e) => ({
 				key: e.key,
 				state: {
 					...e.state,
 					size: E.get(e.key)
 				}
 			}));
-			m.length > 0 && L(m);
+			t.length > 0 && L(t);
 		}
-		function Y(e, t) {
+		function X(e, t) {
 			if (A === null) throw Error("SSidebarGroup: cannot finish a resize that is not active");
 			if (A.topKey !== e || A.bottomKey !== t) throw Error("SSidebarGroup: resize end does not match the active section pair");
-			A = null, R();
+			let n = [...A.sizes].some(([e, t]) => E.get(e) !== t);
+			A = null, n && Y(F.value.filter((e) => e.state.isOpen)), R();
+		}
+		function Z(e) {
+			A = null;
+			for (let [t, n] of e.sizes) E.set(t, n);
+			k.value += 1, R();
+		}
+		function Q(e, t) {
+			if (O) {
+				if (A === null) throw Error("SSidebarGroup: cannot cancel a resize that is not active");
+				if (A.topKey !== e || A.bottomKey !== t) throw Error("SSidebarGroup: resize cancellation does not match the active section pair");
+				Z(A);
+			}
 		}
 		return m(o, {
 			sectionsState: s(j),
@@ -248,7 +269,8 @@ var b = /*@__PURE__*/ l({
 			getSectionSize: G,
 			beginResize: q,
 			resizeSections: J,
-			finishResize: Y
+			finishResize: X,
+			cancelResize: Q
 		}), y(() => x.sectionsState, () => {
 			j(), R();
 		}, {
@@ -260,7 +282,7 @@ var b = /*@__PURE__*/ l({
 			if (!e) throw Error("SSidebarGroup: group element is unavailable during mount");
 			D = new ResizeObserver(R), D.observe(e), R();
 		}), d(() => {
-			O = !1, k.value += 1, A = null, D?.disconnect(), D = null, T.value = Object.freeze([]);
+			O = !1, k.value += 1, A !== null && Z(A), D?.disconnect(), D = null, T.value = Object.freeze([]);
 		}), (e, t) => (p(), c("div", u(v(C).bindings(), {
 			ref_key: "groupRef",
 			ref: w,

package/dist/src/components/shared/containers/SSidebarSection.vue.js

@@ -1,8 +1,8 @@
-import "../../../../assets/src/components/shared/containers/SSidebarSection.css_vue_type_style_index_0_src_96f51ac6_scoped_96f51ac6_lang.css";
+import "../../../../assets/src/components/shared/containers/SSidebarSection.css_vue_type_style_index_0_src_21f71ae8_scoped_21f71ae8_lang.css";
 import e from "../../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./SSidebarSection.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                             */
 //#region src/components/shared/containers/SSidebarSection.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-96f51ac6"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-21f71ae8"]]);
 //#endregion
 export { n as default };