@pgcorp/ui-kit 0.14.0 → 0.15.0

package/dist/src/components/shared/controls/SContextMenu.vue_vue_type_script_setup_true_lang.js

@@ -6,9 +6,9 @@ import { useMenuLayer as i } from "../../../internal/useMenuLayer.js";
 import a from "../_internal/SMenuLayer.vue.js";
 import { validateSMenuEntries as o } from "./menu.js";
 import s from "./SMenuSurface.vue.js";
-import { Teleport as c, Transition as ee, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createVNode as p, defineComponent as m, mergeProps as te, nextTick as h, onBeforeUnmount as g, onUpdated as _, openBlock as v, ref as y, renderSlot as b, unref as x, useId as ne, watch as S, watchEffect as re, withCtx as C } from "vue";
+import { Teleport as c, Transition as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as ee, createVNode as p, defineComponent as m, mergeProps as te, nextTick as h, onBeforeUnmount as g, onUpdated as ne, openBlock as _, ref as v, renderSlot as re, unref as y, useId as ie, watch as b, watchEffect as x, withCtx as S } from "vue";
 //#region src/components/shared/controls/SContextMenu.vue?vue&type=script&setup=true&lang.ts
-var w = ["data-layout"], T = /*@__PURE__*/ m({
+var ae = ["data-layout"], C = /*@__PURE__*/ m({
 	inheritAttrs: !1,
 	__name: "SContextMenu",
 	props: {
@@ -21,57 +21,57 @@ var w = ["data-layout"], T = /*@__PURE__*/ m({
 		boundaryLayout: { default: "block" }
 	},
 	emits: ["before-open", "select"],
-	setup(m, { emit: T }) {
-		let E = m, D = T, ie = n({
+	setup(m, { emit: C }) {
+		let w = m, T = C, E = n({
 			component: "SContextMenu",
 			owner: "interaction boundary root"
-		}), O = t();
+		}), D = t();
 		r({
 			owner: "SContextMenu",
-			active: () => E.enabled
+			active: () => w.enabled
 		});
-		let k = `s-context-menu-${ne()}`, A = y("first"), j = y(null), M = y(null), N = y(null), P = y(!1), F = l(() => M.value?.getElement() ?? null), I = null, { isOpen: L, position: R, availableSize: z, zIndex: B, open: V, close: H, closeForTab: U } = i(M, { onRequestDismiss: (e) => q(e) }), W = l(() => L.value && P.value ? k : void 0), G = l(() => E.enabled ? {
+		let O = `s-context-menu-${ie()}`, k = v("first"), A = v(null), j = v(null), M = v(null), N = v(!1), P = u(() => j.value?.getElement() ?? null), F = null, { isOpen: I, portalTarget: L, position: R, availableSize: z, zIndex: B, open: V, close: H, closeForTab: U } = i(j, { onRequestDismiss: (e) => q(e) }), W = u(() => I.value && N.value ? O : void 0), G = u(() => w.enabled ? {
 			"aria-haspopup": "menu",
-			"aria-expanded": L.value,
+			"aria-expanded": I.value,
 			"aria-controls": W.value,
-			onKeydown: se
-		} : {}), K = l(() => E.enabled ? {
+			onKeydown: ce
+		} : {}), K = u(() => w.enabled ? {
 			"aria-haspopup": "menu",
 			"aria-controls": W.value,
-			onKeydown: oe
+			onKeydown: se
 		} : {});
 		function q(e = "programmatic") {
-			let t = I;
-			I = null, t?.release(), P.value = !1, H(e);
+			let t = F;
+			F = null, t?.release(), N.value = !1, H(e);
 		}
-		let J = (t) => I === t && E.enabled && O.value && j.value === t.boundary && t.boundary.isConnected && t.target.isConnected && t.boundary.contains(t.target) && (!t.focusOwner || t.focusOwner.isConnected && e(t.focusOwner) === t.focusOwner), Y = () => {
-			let e = I;
+		let J = (t) => F === t && w.enabled && D.value && L.value !== null && A.value === t.boundary && t.boundary.isConnected && t.target.isConnected && t.boundary.contains(t.target) && (!t.focusOwner || t.focusOwner.isConnected && e(t.focusOwner) === t.focusOwner), Y = () => {
+			let e = F;
 			e && !J(e) && q("outside");
-		}, ae = async (e) => {
-			if (await h(), I !== e) return;
+		}, oe = async (e) => {
+			if (await h(), F !== e) return;
 			if (!J(e)) {
 				q("outside");
 				return;
 			}
-			if (e.phase = "mounting", A.value = e.initialFocus, await V(e.anchor, e.focusOwner), I !== e) return;
-			if (!J(e) || !L.value || !F.value?.isConnected) {
+			if (e.phase = "mounting", k.value = e.initialFocus, await V(e.anchor, e.focusOwner), F !== e) return;
+			if (!J(e) || !I.value || !P.value?.isConnected) {
 				q("outside");
 				return;
 			}
-			if (P.value = !0, await h(), I !== e) return;
-			if (!J(e) || !L.value || !F.value?.isConnected) {
+			if (N.value = !0, await h(), F !== e) return;
+			if (!J(e) || !I.value || !P.value?.isConnected) {
 				q("outside");
 				return;
 			}
-			let t = N.value;
+			let t = M.value;
 			if (!t) throw q("outside"), Error("SContextMenu: current menu surface is unavailable after opening");
 			e.phase = "open", e.initialFocus === "last" ? t.focusLast() : t.focusFirst();
 		}, X = (e, t, n, r) => {
-			let i = j.value, a = e.target;
-			if (!O.value || !E.enabled || e.defaultPrevented || !i?.isConnected || !(a instanceof Node) || !a.isConnected || !i.contains(a) || F.value?.contains(a)) return;
+			let i = A.value, a = e.target;
+			if (!D.value || L.value === null || !w.enabled || e.defaultPrevented || !i?.isConnected || !(a instanceof Node) || !a.isConnected || !i.contains(a) || P.value?.contains(a)) return;
 			q("outside");
 			let o = (e) => {
-				e.key === "Escape" && I === c && c.phase !== "open" && q("outside");
+				e.key === "Escape" && F === c && c.phase !== "open" && q("outside");
 			}, s = new MutationObserver(Y), c = {
 				boundary: i,
 				target: n && i.contains(n) ? n : a,
@@ -86,13 +86,13 @@ var w = ["data-layout"], T = /*@__PURE__*/ m({
 			if (s.observe(document.documentElement, {
 				childList: !0,
 				subtree: !0
-			}), window.addEventListener("keydown", o, !0), I = c, D("before-open", e), e.defaultPrevented) {
-				I === c && q("outside");
+			}), window.addEventListener("keydown", o, !0), F = c, T("before-open", e), e.defaultPrevented) {
+				F === c && q("outside");
 				return;
 			}
-			e.preventDefault(), e.stopPropagation(), I === c && ae(c);
+			e.preventDefault(), e.stopPropagation(), F === c && oe(c);
 		}, Z = (e, t, n) => {
-			if (!E.enabled || e.defaultPrevented || e.isComposing) return;
+			if (!w.enabled || e.defaultPrevented || e.isComposing) return;
 			let r = n ?? e.currentTarget;
 			if (!(r instanceof HTMLElement)) throw TypeError("SContextMenu: trigger keydown currentTarget must be an HTMLElement");
 			X(e, {
@@ -100,21 +100,21 @@ var w = ["data-layout"], T = /*@__PURE__*/ m({
 				element: r,
 				align: "left"
 			}, r, t);
-		}, Q = (e) => !e.altKey && !e.ctrlKey && !e.metaKey && (e.key === "ContextMenu" || e.key === "F10" && e.shiftKey), oe = (e) => {
+		}, Q = (e) => !e.altKey && !e.ctrlKey && !e.metaKey && (e.key === "ContextMenu" || e.key === "F10" && e.shiftKey), se = (e) => {
 			Q(e) && Z(e, "first");
-		}, se = (e) => {
+		}, ce = (e) => {
 			if (Q(e)) {
 				Z(e, "first");
 				return;
 			}
-			(E.trigger === "click" || E.trigger === "both") && (e.key === "ArrowDown" || e.key === "ArrowUp") && Z(e, e.key === "ArrowUp" ? "last" : "first");
-		}, ce = (t) => {
-			if (!Q(t) || !E.enabled || t.defaultPrevented || t.isComposing) return;
-			let n = j.value, r = document.activeElement;
+			(w.trigger === "click" || w.trigger === "both") && (e.key === "ArrowDown" || e.key === "ArrowUp") && Z(e, e.key === "ArrowUp" ? "last" : "first");
+		}, le = (t) => {
+			if (!Q(t) || !w.enabled || t.defaultPrevented || t.isComposing) return;
+			let n = A.value, r = document.activeElement;
 			r instanceof HTMLElement && t.target === r && n?.contains(r) && r !== n && e(r, n) === r && Z(t, "first", r);
 		}, $ = (t) => {
-			if (!E.enabled || t.defaultPrevented) return;
-			let n = e(t.target, j.value), r = e(document.activeElement), i = n ?? (r && F.value?.contains(r) ? I?.focusOwner ?? null : r), a = t.clientX === 0 && t.clientY === 0 && t.detail === 0;
+			if (!w.enabled || t.defaultPrevented) return;
+			let n = e(t.target, A.value), r = e(document.activeElement), i = n ?? (r && P.value?.contains(r) ? F?.focusOwner ?? null : r), a = t.clientX === 0 && t.clientY === 0 && t.detail === 0;
 			X(t, a && i ? {
 				type: "element",
 				element: i,
@@ -124,77 +124,82 @@ var w = ["data-layout"], T = /*@__PURE__*/ m({
 				x: t.clientX,
 				y: t.clientY
 			}, i, "first");
-		}, le = (e) => {
-			(E.trigger === "click" || E.trigger === "both") && $(e);
 		}, ue = (e) => {
-			(E.trigger === "contextmenu" || E.trigger === "both") && $(e);
+			(w.trigger === "click" || w.trigger === "both") && $(e);
+		}, de = (e) => {
+			(w.trigger === "contextmenu" || w.trigger === "both") && $(e);
 		};
-		S(() => E.enabled, (e) => {
+		b(() => w.enabled, (e) => {
 			e || q("programmatic");
-		}, { flush: "sync" }), S(O, (e) => {
+		}, { flush: "sync" }), b(D, (e) => {
 			e || q("outside");
-		}, { flush: "sync" }), S(L, (e) => {
-			if (e || (P.value = !1), e || !I || I.phase === "preparing") return;
-			let t = I;
-			I = null, t.release();
-		}, { flush: "sync" }), _(Y), g(() => q("outside"));
-		let de = (e, t) => {
-			e.disabled || (q("selection"), D("select", e, t));
+		}, { flush: "sync" }), b(L, (e) => {
+			e === null && q("outside");
+		}, { flush: "sync" }), b(I, (e) => {
+			if (e || (N.value = !1), e || !F || F.phase === "preparing") return;
+			let t = F;
+			F = null, t.release();
+		}, { flush: "sync" }), ne(Y), g(() => q("outside"));
+		let fe = (e, t) => {
+			e.disabled || (q("selection"), T("select", e, t));
 		};
-		return re(() => {
-			if (o(E.items), typeof E.enabled != "boolean") throw TypeError("SContextMenu: enabled must be a boolean");
+		return x(() => {
+			if (o(w.items), typeof w.enabled != "boolean") throw TypeError("SContextMenu: enabled must be a boolean");
 			if (![
 				"contextmenu",
 				"click",
 				"both"
-			].includes(E.trigger)) throw TypeError("SContextMenu: trigger must be 'contextmenu', 'click', or 'both'");
+			].includes(w.trigger)) throw TypeError("SContextMenu: trigger must be 'contextmenu', 'click', or 'both'");
 			if (![
 				"block",
 				"inline",
 				"contents"
-			].includes(E.boundaryLayout)) throw TypeError("SContextMenu: boundaryLayout must be 'block', 'inline', or 'contents'");
-		}), (e, t) => (v(), f("div", te({
+			].includes(w.boundaryLayout)) throw TypeError("SContextMenu: boundaryLayout must be 'block', 'inline', or 'contents'");
+		}), (e, t) => (_(), ee("div", te({
 			ref_key: "boundaryRef",
-			ref: j
-		}, x(ie).bindings(), {
+			ref: A
+		}, y(E).bindings(), {
 			class: "s-context-menu-boundary",
 			"data-layout": m.boundaryLayout,
-			onClick: le,
-			onContextmenu: ue,
-			onKeydown: ce
-		}), [b(e.$slots, "default", {
+			onClick: ue,
+			onContextmenu: de,
+			onKeydown: le
+		}), [re(e.$slots, "default", {
 			triggerProps: G.value,
 			textInputTriggerProps: K.value
-		}, void 0, !0), (v(), u(c, { to: "body" }, [p(ee, {
-			"enter-active-class": "transition ease-out duration-[var(--s-motion-fast)]",
-			"enter-from-class": "transform opacity-0 scale-95",
-			"enter-to-class": "transform opacity-100 scale-100",
-			"leave-active-class": "transition ease-in duration-[var(--s-motion-instant)]",
-			"leave-from-class": "transform opacity-100 scale-100",
-			"leave-to-class": "transform opacity-0 scale-95"
+		}, void 0, !0), y(L) ? (_(), d(c, {
+			key: 0,
+			to: y(L)
+		}, [p(l, {
+			"enter-active-class": "transition-transform ease-out duration-[var(--s-motion-fast)]",
+			"enter-from-class": "transform scale-95",
+			"enter-to-class": "transform scale-100",
+			"leave-active-class": "transition-transform ease-in duration-[var(--s-motion-instant)]",
+			"leave-from-class": "transform scale-100",
+			"leave-to-class": "transform scale-95"
 		}, {
-			default: C(() => [x(L) ? (v(), u(a, {
+			default: S(() => [y(I) ? (_(), d(a, {
 				key: 0,
 				ref_key: "layerRef",
-				ref: M,
+				ref: j,
 				kind: "context",
 				"landmark-label": "Контекстные действия",
-				position: x(R),
-				"available-size": x(z),
-				"z-index": x(B)
+				position: y(R),
+				"available-size": y(z),
+				"z-index": y(B)
 			}, {
-				default: C(() => [p(s, {
+				default: S(() => [p(s, {
 					ref_key: "menuSurfaceRef",
-					ref: N,
-					id: k,
+					ref: M,
+					id: O,
 					label: "Контекстные действия",
-					"initial-focus": A.value,
+					"initial-focus": k.value,
 					items: m.items,
 					onDismissTree: t[0] ||= (e) => q("outside"),
 					onEscape: t[1] ||= (e) => q("escape"),
 					onFocusExit: t[2] ||= (e) => q("outside"),
-					onSelect: de,
-					onTab: x(U)
+					onSelect: fe,
+					onTab: y(U)
 				}, null, 8, [
 					"initial-focus",
 					"items",
@@ -205,10 +210,10 @@ var w = ["data-layout"], T = /*@__PURE__*/ m({
 				"position",
 				"available-size",
 				"z-index"
-			])) : d("", !0)]),
+			])) : f("", !0)]),
 			_: 1
-		})]))], 16, w));
+		})], 8, ["to"])) : f("", !0)], 16, ae));
 	}
 });
 //#endregion
-export { T as default };
+export { C as default };

package/dist/src/components/shared/controls/SDropdownMenu.vue.js

@@ -1,8 +1,8 @@
-import "../../../../assets/src/components/shared/controls/SDropdownMenu.css_vue_type_style_index_0_src_857e2649_scoped_857e2649_lang.css";
+import "../../../../assets/src/components/shared/controls/SDropdownMenu.css_vue_type_style_index_0_src_40040ae5_scoped_40040ae5_lang.css";
 import e from "../../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./SDropdownMenu.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                           */
 //#region src/components/shared/controls/SDropdownMenu.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-857e2649"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-40040ae5"]]);
 //#endregion
 export { n as default };

package/dist/src/components/shared/controls/SDropdownMenu.vue_vue_type_script_setup_true_lang.js

@@ -1,14 +1,14 @@
 import { validateBoolean as e, validateExactString as t } from "../../../internal/runtimeContract.js";
 import { useUiKitLocale as n } from "../../../composables/useUiKitLocale.js";
-import { useOwnedAttrs as r } from "../../../internal/ownedAttrs.js";
-import ee from "./SButton.vue.js";
+import { useOwnedAttrs as ee } from "../../../internal/ownedAttrs.js";
+import r from "./SButton.vue.js";
 import { useMenuLayer as i } from "../../../internal/useMenuLayer.js";
 import a from "../_internal/SMenuLayer.vue.js";
 import { validateSMenuEntries as o } from "./menu.js";
 import s from "./SMenuSurface.vue.js";
-import { Teleport as c, computed as l, createBlock as u, createCommentVNode as te, createElementBlock as d, createVNode as f, defineComponent as p, mergeProps as m, nextTick as h, onMounted as g, openBlock as _, ref as v, renderSlot as ne, unref as y, useId as b, useSlots as x, watch as S, watchEffect as re, withCtx as ie } from "vue";
+import { Teleport as te, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createVNode as f, defineComponent as p, mergeProps as m, nextTick as h, onMounted as g, openBlock as _, ref as v, renderSlot as y, unref as b, useId as x, useSlots as ne, watch as S, watchEffect as re, withCtx as C } from "vue";
 //#region src/components/shared/controls/SDropdownMenu.vue?vue&type=script&setup=true&lang.ts
-var ae = { class: "s-dropdown-menu" }, C = /*@__PURE__*/ p({
+var w = { class: "s-dropdown-menu" }, T = /*@__PURE__*/ p({
 	inheritAttrs: !1,
 	__name: "SDropdownMenu",
 	props: {
@@ -30,17 +30,17 @@ var ae = { class: "s-dropdown-menu" }, C = /*@__PURE__*/ p({
 		}
 	},
 	emits: ["select", "update:open"],
-	setup(p, { emit: C }) {
-		let w = p, { t: T } = n(), E = l(() => w.menuLabel ?? T("dialog.moreActions")), D = C, O = x(), k = r({
+	setup(p, { emit: T }) {
+		let E = p, { t: D } = n(), O = c(() => E.menuLabel ?? D("dialog.moreActions")), k = T, ie = ne(), A = ee({
 			component: "SDropdownMenu",
 			owner: "menu trigger"
-		}), A = v(null), j = v(null), M = null, N = v(!1), { isOpen: P, position: F, availableSize: I, zIndex: L, close: R, closeForTab: z, open: B } = i(A, {
-			onRequestDismiss: Q,
+		}), j = v(null), M = v(null), N = null, P = v(!1), F = !1, { isOpen: I, portalTarget: L, position: R, availableSize: z, zIndex: B, close: V, closeForTab: H, open: U } = i(j, {
+			onRequestDismiss: $,
 			onRetire: () => {
-				N.value = !0, D("update:open", !1);
+				P.value = !0, k("update:open", !1);
 			}
-		}), V = `s-dropdown-menu-${b()}`, H = v("first"), U = !!O.default, W = l(() => w.open !== void 0), G = l(() => !N.value && (W.value ? w.open === !0 : P.value));
-		function K(e) {
+		}), W = `s-dropdown-menu-${x()}`, G = v("first"), K = !!ie.default, q = c(() => E.open !== void 0), J = c(() => L.value !== null && !P.value && (q.value ? E.open === !0 : I.value));
+		function ae(e) {
 			if (e === null) return null;
 			if (e instanceof HTMLElement) return e;
 			let t = Reflect.get(e, "getElement");
@@ -49,110 +49,115 @@ var ae = { class: "s-dropdown-menu" }, C = /*@__PURE__*/ p({
 			if (!(n instanceof HTMLElement)) throw Error("SDropdownMenu: trigger leaf getElement() must return an HTMLElement");
 			return n;
 		}
-		let q = (e) => {
-			if (e !== null && M !== null && e !== M) throw Error("SDropdownMenu: trigger binding must belong to exactly one UI-kit leaf");
-			M = e;
-		}, J = () => {
-			let e = k.bindings();
+		let oe = (e) => {
+			if (e !== null && N !== null && e !== N) throw Error("SDropdownMenu: trigger binding must belong to exactly one UI-kit leaf");
+			N = e;
+		}, Y = () => {
+			let e = A.bindings();
 			if (Object.prototype.hasOwnProperty.call(e, "onClick")) throw Error("SDropdownMenu: @click belongs to the typed triggerAttrs activation contract");
 			return {
 				...e,
-				ref: q,
+				ref: oe,
 				"aria-haspopup": "menu",
-				"aria-expanded": G.value,
-				"aria-controls": V,
-				onClick: $,
-				onKeydown: se
+				"aria-expanded": J.value,
+				"aria-controls": W,
+				onClick: ce,
+				onKeydown: le
 			};
 		};
-		function Y(e) {
-			let t = K(M);
+		function X(e) {
+			let t = ae(N);
 			if (!t) throw Error("SDropdownMenu: expected exactly one trigger, received 0");
 			if (e?.currentTarget instanceof HTMLElement && e.currentTarget !== t) throw Error("SDropdownMenu: activation target does not match the registered trigger");
 			return t;
 		}
 		g(() => {
-			let e = Y();
-			if (e.getAttribute("aria-haspopup") !== "menu" || e.getAttribute("aria-controls") !== V) throw Error("SDropdownMenu: expected exactly one trigger, received 0");
-			(W.value && w.open || !W.value && w.defaultOpen) && X();
+			let e = X();
+			if (e.getAttribute("aria-haspopup") !== "menu" || e.getAttribute("aria-controls") !== W) throw Error("SDropdownMenu: expected exactly one trigger, received 0");
+			(q.value && E.open || !q.value && E.defaultOpen) && (L.value === null ? F = !0 : Z());
 		});
-		function oe(e) {
-			let t = Y(e), n = w.placement === "auto" ? void 0 : w.placement;
+		function se(e) {
+			let t = X(e), n = E.placement === "auto" ? void 0 : E.placement;
 			return {
 				anchor: {
 					type: "element",
 					element: t,
-					align: w.align,
+					align: E.align,
 					...n === void 0 ? {} : { placement: n }
 				},
 				trigger: t
 			};
 		}
-		async function X(e) {
-			if (N.value || P.value) return;
-			let { anchor: t, trigger: n } = oe(e);
-			await B(t, n);
-		}
-		function Z(e) {
-			N.value && W.value || (N.value = !1, !G.value && (D("update:open", !0), W.value || X(e)));
+		async function Z(e) {
+			if (P.value || L.value === null || (F = !1, I.value)) return;
+			let { anchor: t, trigger: n } = se(e);
+			await U(t, n);
 		}
 		function Q(e) {
-			(G.value || P.value) && (D("update:open", !1), W.value || R(e));
+			L.value !== null && (P.value && q.value || (P.value = !1, !J.value && (k("update:open", !0), q.value || Z(e))));
 		}
 		function $(e) {
-			G.value ? Q("trigger") : (H.value = "first", Z(e));
+			(J.value || I.value) && (k("update:open", !1), q.value || V(e));
+		}
+		function ce(e) {
+			J.value ? $("trigger") : (G.value = "first", Q(e));
 		}
-		async function se(e) {
-			(e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), e.stopPropagation(), H.value = e.key === "ArrowUp" ? "last" : "first", G.value || Z(e), await h(), await h(), P.value && (H.value === "last" ? j.value?.focusLast() : j.value?.focusFirst()));
+		async function le(e) {
+			(e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), e.stopPropagation(), G.value = e.key === "ArrowUp" ? "last" : "first", J.value || Q(e), await h(), await h(), I.value && (G.value === "last" ? M.value?.focusLast() : M.value?.focusFirst()));
 		}
-		function ce(e, t) {
-			e.disabled || (D("select", e, t), w.closeOnSelect && Q("selection"));
+		function ue(e, t) {
+			e.disabled || (k("select", e, t), E.closeOnSelect && $("selection"));
 		}
-		function le(e) {
-			z(e);
+		function de(e) {
+			H(e);
 		}
-		return S(() => w.open, (e) => {
-			e !== void 0 && (e || (N.value = !1), e && !P.value ? X() : !e && P.value && R("programmatic"));
-		}), S(() => [w.align, w.placement], () => {
-			P.value && (R("programmatic"), X());
+		return S(() => E.open, (e) => {
+			e !== void 0 && (e || (F = !1), e || (P.value = !1), e && !I.value ? Z() : !e && I.value && V("programmatic"));
+		}), S(L, (e) => {
+			e === null || P.value || (F || q.value && E.open) && Z();
+		}, { flush: "post" }), S(() => [E.align, E.placement], () => {
+			I.value && (V("programmatic"), Z());
 		}), re(() => {
-			if (o(w.items), !E.value.trim()) throw TypeError("SDropdownMenu: menuLabel must be a non-empty string");
-			t("SDropdownMenu", "align", w.align, ["left", "right"]), t("SDropdownMenu", "placement", w.placement, [
+			if (o(E.items), !O.value.trim()) throw TypeError("SDropdownMenu: menuLabel must be a non-empty string");
+			t("SDropdownMenu", "align", E.align, ["left", "right"]), t("SDropdownMenu", "placement", E.placement, [
 				"auto",
 				"bottom",
 				"top"
-			]), e("SDropdownMenu", "defaultOpen", w.defaultOpen), e("SDropdownMenu", "closeOnSelect", w.closeOnSelect), w.open !== void 0 && e("SDropdownMenu", "open", w.open);
-		}), (e, t) => (_(), d("div", ae, [y(U) ? ne(e.$slots, "default", { triggerAttrs: J() }, void 0, !0, 0) : (_(), u(ee, m({ key: 1 }, J(), {
+			]), e("SDropdownMenu", "defaultOpen", E.defaultOpen), e("SDropdownMenu", "closeOnSelect", E.closeOnSelect), E.open !== void 0 && e("SDropdownMenu", "open", E.open);
+		}), (e, t) => (_(), d("div", w, [b(K) ? y(e.$slots, "default", { triggerAttrs: Y() }, void 0, !0, 0) : (_(), l(r, m({ key: 1 }, Y(), {
 			label: "Опции",
 			disclosure: {
-				expanded: G.value,
-				controls: V
+				expanded: J.value,
+				controls: W
 			},
 			severity: "secondary"
-		}), null, 16, ["disclosure"])), (_(), u(c, { to: "body" }, [y(P) ? (_(), u(a, {
+		}), null, 16, ["disclosure"])), b(L) ? (_(), l(te, {
+			key: 2,
+			to: b(L)
+		}, [b(I) ? (_(), l(a, {
 			key: 0,
 			ref_key: "layerRef",
-			ref: A,
+			ref: j,
 			kind: "dropdown",
-			"landmark-label": E.value,
-			position: y(F),
-			"available-size": y(I),
-			"z-index": y(L)
+			"landmark-label": O.value,
+			position: b(R),
+			"available-size": b(z),
+			"z-index": b(B)
 		}, {
-			default: ie(() => [f(s, {
+			default: C(() => [f(s, {
 				ref_key: "menuSurfaceRef",
-				ref: j,
-				id: V,
-				label: E.value,
+				ref: M,
+				id: W,
+				label: O.value,
 				density: "compact",
 				autofocus: "",
-				"initial-focus": H.value,
+				"initial-focus": G.value,
 				items: p.items,
-				onDismissTree: t[0] ||= (e) => Q("outside"),
-				onEscape: t[1] ||= (e) => Q("escape"),
-				onFocusExit: t[2] ||= (e) => Q("outside"),
-				onSelect: ce,
-				onTab: le
+				onDismissTree: t[0] ||= (e) => $("outside"),
+				onEscape: t[1] ||= (e) => $("escape"),
+				onFocusExit: t[2] ||= (e) => $("outside"),
+				onSelect: ue,
+				onTab: de
 			}, null, 8, [
 				"label",
 				"initial-focus",
@@ -164,8 +169,8 @@ var ae = { class: "s-dropdown-menu" }, C = /*@__PURE__*/ p({
 			"position",
 			"available-size",
 			"z-index"
-		])) : te("", !0)]))]));
+		])) : u("", !0)], 8, ["to"])) : u("", !0)]));
 	}
 });
 //#endregion
-export { C as default };
+export { T as default };

package/dist/src/components/shared/controls/SMenuSurface.vue.js

@@ -1,8 +1,8 @@
-import "../../../../assets/src/components/shared/controls/SMenuSurface.css_vue_type_style_index_0_src_84109ad9_scoped_84109ad9_lang.css";
+import "../../../../assets/src/components/shared/controls/SMenuSurface.css_vue_type_style_index_0_src_d2b7d71b_scoped_d2b7d71b_lang.css";
 import e from "../../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./SMenuSurface.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                          */
 //#region src/components/shared/controls/SMenuSurface.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-84109ad9"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-d2b7d71b"]]);
 //#endregion
 export { n as default };