@pgcorp/ui-kit 0.13.0 → 0.15.0

package/dist/src/components/shared/data-display/STooltip.vue_vue_type_script_setup_true_lang.js

@@ -1,36 +1,42 @@
 import { hasOwn as e } from "../../../internal/es2020.js";
-import { isFocusableElement as t } from "../../../internal/focusNavigation.js";
-import { registerLayer as n } from "../../../internal/layerStack.js";
-import { useFloatingPosition as r } from "../../../composables/useFloatingPosition.js";
-import { mergeIdReferences as i, useOwnedAttrs as a } from "../../../internal/ownedAttrs.js";
-import { validateBoolean as o, validateDomId as ee, validateExactString as s, validateNonEmptyString as c } from "../../../internal/runtimeContract.js";
-import { resolveSemanticToneBinding as te } from "../../../internal/semanticTone.js";
-import ne from "./SBadge.vue.js";
-import { resolveInteractiveElement as l } from "../../../internal/interactiveElement.js";
-import { Fragment as u, Teleport as re, Transition as ie, computed as d, createBlock as ae, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as oe, createVNode as se, defineComponent as ce, normalizeStyle as le, onBeforeUnmount as ue, onMounted as de, openBlock as h, ref as fe, renderList as g, renderSlot as pe, toDisplayString as _, unref as v, useId as me, watch as he, watchEffect as ge, withCtx as _e } from "vue";
+import { hasFocusableSemantics as t, isFocusableElement as n } from "../../../internal/focusNavigation.js";
+import { registerLayer as r } from "../../../internal/layerStack.js";
+import { useOverlayAdmission as i } from "../../../internal/overlayHost.js";
+import { validateBoolean as a, validateDomId as o, validateExactString as ee, validateNonEmptyString as s } from "../../../internal/runtimeContract.js";
+import { useOverlayPortalTarget as te } from "../../../internal/overlayPortal.js";
+import { useFloatingPosition as ne } from "../../../composables/useFloatingPosition.js";
+import { mergeIdReferences as re, useOwnedAttrs as ie } from "../../../internal/ownedAttrs.js";
+import { resolveSemanticToneBinding as ae } from "../../../internal/semanticTone.js";
+import oe from "./SBadge.vue.js";
+import { resolveInteractiveElement as se } from "../../../internal/interactiveElement.js";
+import { Fragment as c, Teleport as ce, Transition as le, computed as l, createBlock as ue, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as de, createVNode as fe, defineComponent as pe, normalizeStyle as me, onBeforeUnmount as he, onMounted as ge, openBlock as p, ref as _e, renderList as m, renderSlot as ve, shallowRef as ye, toDisplayString as h, unref as g, useId as be, watch as _, watchEffect as xe, withCtx as Se } from "vue";
 //#region src/components/shared/data-display/STooltip.vue?vue&type=script&setup=true&lang.ts
-var ve = ["data-placement"], ye = { class: "s-tooltip__content" }, be = {
+var Ce = [
+	"hidden",
+	"^inert",
+	"data-placement"
+], we = { class: "s-tooltip__content" }, Te = {
 	key: 0,
 	class: "s-tooltip__title"
-}, xe = {
+}, Ee = {
 	key: 1,
 	class: "s-tooltip__description"
-}, Se = {
+}, De = {
 	key: 2,
 	class: "s-tooltip__text"
-}, Ce = {
+}, Oe = {
 	key: 3,
 	class: "s-tooltip__details"
-}, we = { class: "s-tooltip__detail-label" }, Te = ["data-presentation", "data-s-tone"], Ee = {
+}, ke = { class: "s-tooltip__detail-label" }, Ae = ["data-presentation", "data-s-tone"], je = {
 	key: 4,
 	class: "s-tooltip__sections"
-}, De = { class: "s-tooltip__section-title" }, Oe = {
+}, Me = { class: "s-tooltip__section-title" }, Ne = {
 	key: 0,
 	class: "s-tooltip__section-description"
-}, ke = {
+}, Pe = {
 	key: 1,
 	class: "s-tooltip__section-items"
-}, y = /*@__PURE__*/ ce({
+}, v = /*@__PURE__*/ pe({
 	inheritAttrs: !1,
 	__name: "STooltip",
 	props: {
@@ -48,57 +54,62 @@ var ve = ["data-placement"], ye = { class: "s-tooltip__content" }, be = {
 		hideDelay: { default: 80 },
 		triggerDescribedBy: { default: void 0 }
 	},
-	setup(ce) {
-		let y = ce, b = (e) => /* @__PURE__ */ Error(`STooltip: ${e}`), x = fe(!1), Ae = a({
+	setup(pe) {
+		let v = pe, y = (e) => /* @__PURE__ */ Error(`STooltip: ${e}`), b = _e(!1), x = i(), S = te(), Fe = ye(null), Ie = ie({
 			component: "STooltip",
 			owner: "renderless tooltip contract"
-		}), S = fe("var(--s-layer-root-floating)"), C = null, w = null, T = null, E = null, D = null, O = null, k = null, A = null, j = !1, M = !1, N = !1, P = `s-tooltip-${me()}`;
-		function F(e, t) {
-			return t === void 0 || t === "" ? void 0 : c("STooltip", e, t);
-		}
+		}), Le = _e("var(--s-layer-root-floating)"), C = null, w = null, T = null, E = null, D = null, O = null, k = null, A = null, j = {
+			triggerPointerInside: !1,
+			tooltipPointerInside: !1,
+			focusInside: !1,
+			touchActive: !1
+		}, M = !1, N = null, P = [], F = `s-tooltip-${be()}`;
 		function I(e, t) {
-			if (typeof t != "object" || !t || Array.isArray(t) || Object.getPrototypeOf(t) !== Object.prototype) throw b(`${e} должен быть plain object. ${e} must be a plain object.`);
+			return t === void 0 || t === "" ? void 0 : s("STooltip", e, t);
+		}
+		function L(e, t) {
+			if (typeof t != "object" || !t || Array.isArray(t) || Object.getPrototypeOf(t) !== Object.prototype) throw y(`${e} должен быть plain object. ${e} must be a plain object.`);
 			return t;
 		}
-		function L(e, t, n) {
+		function R(e, t, n) {
 			let r = Object.keys(t).filter((e) => !n.includes(e));
-			if (r.length > 0) throw b(`${e} содержит неизвестные поля ${r.join(", ")}. ${e} contains unknown fields ${r.join(", ")}.`);
+			if (r.length > 0) throw y(`${e} содержит неизвестные поля ${r.join(", ")}. ${e} contains unknown fields ${r.join(", ")}.`);
 		}
-		function R(t, n) {
-			if (!Array.isArray(n)) throw b(`${t} должен быть массивом. ${t} must be an array.`);
-			for (let r = 0; r < n.length; r += 1) if (!e(n, r)) throw b(`${t}[${r}] отсутствует в sparse array. ${t}[${r}] is missing from a sparse array.`);
+		function z(t, n) {
+			if (!Array.isArray(n)) throw y(`${t} должен быть массивом. ${t} must be an array.`);
+			for (let r = 0; r < n.length; r += 1) if (!e(n, r)) throw y(`${t}[${r}] отсутствует в sparse array. ${t}[${r}] is missing from a sparse array.`);
 			return n;
 		}
-		function z(e, t, n, r) {
+		function B(e, t, n, r) {
 			let i = e.get(t);
-			if (i !== void 0) throw b(`${n}[${r}].id дублирует ${JSON.stringify(t)} из ${n}[${i}].id. ${n}[${r}].id duplicates ${JSON.stringify(t)} from ${n}[${i}].id.`);
+			if (i !== void 0) throw y(`${n}[${r}].id дублирует ${JSON.stringify(t)} из ${n}[${i}].id. ${n}[${r}].id duplicates ${JSON.stringify(t)} from ${n}[${i}].id.`);
 			e.set(t, r);
 		}
-		function je(e) {
-			let t = R("details", e), n = /* @__PURE__ */ new Map();
+		function Re(e) {
+			let t = z("details", e), n = /* @__PURE__ */ new Map();
 			return t.map((e, t) => {
-				let r = `details[${t}]`, i = I(r, e);
-				L(r, i, [
+				let r = `details[${t}]`, i = L(r, e);
+				R(r, i, [
 					"id",
 					"label",
 					"value",
 					"presentation",
 					"tone"
 				]);
-				let a = c("STooltip", `${r}.id`, i.id);
-				z(n, a, "details", t);
+				let a = s("STooltip", `${r}.id`, i.id);
+				B(n, a, "details", t);
 				let o = i.value;
-				if (!(typeof o == "string" && o.length > 0) && !(typeof o == "number" && Number.isFinite(o))) throw b(`${r}.value должен быть непустой строкой или конечным числом. ${r}.value must be a non-empty string or finite number.`);
+				if (!(typeof o == "string" && o.length > 0) && !(typeof o == "number" && Number.isFinite(o))) throw y(`${r}.value должен быть непустой строкой или конечным числом. ${r}.value must be a non-empty string or finite number.`);
 				return {
 					id: a,
-					label: c("STooltip", `${r}.label`, i.label),
+					label: s("STooltip", `${r}.label`, i.label),
 					value: o,
-					...i.presentation === void 0 ? {} : { presentation: s("STooltip", `${r}.presentation`, i.presentation, [
+					...i.presentation === void 0 ? {} : { presentation: ee("STooltip", `${r}.presentation`, i.presentation, [
 						"text",
 						"badge",
 						"code"
 					]) },
-					...i.tone === void 0 ? {} : { tone: s("STooltip", `${r}.tone`, i.tone, [
+					...i.tone === void 0 ? {} : { tone: ee("STooltip", `${r}.tone`, i.tone, [
 						"neutral",
 						"info",
 						"success",
@@ -108,245 +119,313 @@ var ve = ["data-placement"], ye = { class: "s-tooltip__content" }, be = {
 				};
 			});
 		}
-		function Me(e) {
-			let t = R("sections", e), n = /* @__PURE__ */ new Map();
+		function ze(e) {
+			let t = z("sections", e), n = /* @__PURE__ */ new Map();
 			return t.map((e, t) => {
-				let r = `sections[${t}]`, i = I(r, e);
-				L(r, i, [
+				let r = `sections[${t}]`, i = L(r, e);
+				R(r, i, [
 					"id",
 					"title",
 					"description",
 					"items"
 				]);
-				let a = c("STooltip", `${r}.id`, i.id);
-				z(n, a, "sections", t);
+				let a = s("STooltip", `${r}.id`, i.id);
+				B(n, a, "sections", t);
 				let o = i.items === void 0 ? void 0 : (() => {
-					let e = R(`${r}.items`, i.items), t = /* @__PURE__ */ new Map();
+					let e = z(`${r}.items`, i.items), t = /* @__PURE__ */ new Map();
 					return e.map((e, n) => {
-						let i = `${r}.items[${n}]`, a = I(i, e);
-						L(i, a, ["id", "label"]);
-						let o = c("STooltip", `${i}.id`, a.id);
-						return z(t, o, `${r}.items`, n), {
+						let i = `${r}.items[${n}]`, a = L(i, e);
+						R(i, a, ["id", "label"]);
+						let o = s("STooltip", `${i}.id`, a.id);
+						return B(t, o, `${r}.items`, n), {
 							id: o,
-							label: c("STooltip", `${i}.label`, a.label)
+							label: s("STooltip", `${i}.label`, a.label)
 						};
 					});
 				})();
 				return {
 					id: a,
-					title: c("STooltip", `${r}.title`, i.title),
-					...i.description === void 0 ? {} : { description: c("STooltip", `${r}.description`, i.description) },
+					title: s("STooltip", `${r}.title`, i.title),
+					...i.description === void 0 ? {} : { description: s("STooltip", `${r}.description`, i.description) },
 					...o === void 0 ? {} : { items: o }
 				};
 			});
 		}
-		let B = d(() => F("text", y.text)), V = d(() => F("title", y.title)), H = d(() => F("description", y.description)), U = d(() => je(y.details)), W = d(() => Me(y.sections)), Ne = d(() => {
-			let e = B.value, t = V.value, n = H.value, r = U.value, i = W.value;
+		let V = l(() => I("text", v.text)), H = l(() => I("title", v.title)), U = l(() => I("description", v.description)), W = l(() => Re(v.details)), Be = l(() => ze(v.sections)), Ve = l(() => {
+			let e = V.value, t = H.value, n = U.value, r = W.value, i = Be.value;
 			return !!(e || t || n || r.length > 0 || i.length > 0);
-		}), Pe = {
+		}), He = {
 			neutral: "secondary",
 			info: "info",
 			success: "success",
 			warn: "warn",
 			danger: "danger"
-		}, Fe = (e) => Pe[e ?? "neutral"], Ie = (e) => te("STooltip", "detail.tone", e ?? "neutral", [
+		}, Ue = (e) => He[e ?? "neutral"], We = (e) => ae("STooltip", "detail.tone", e ?? "neutral", [
 			"neutral",
 			"info",
 			"success",
 			"warn",
 			"danger"
-		]), Le = d(() => `${y.position}-center`), { anchorRef: G, panelRef: Re, floatingStyle: ze, arrowStyle: Be, resolvedPlacement: Ve } = r({
-			active: x,
-			placement: () => Le.value,
+		]), Ge = l(() => `${v.position}-center`), { anchorRef: Ke, panelRef: G, floatingStyle: qe, arrowStyle: Je, resolvedPlacement: Ye } = ne({
+			active: b,
+			placement: () => Ge.value,
 			offset: () => 6,
 			boundaryPadding: () => 6,
 			flip: () => !0,
 			shift: () => !0,
 			widthMatch: () => "none",
-			zIndex: () => S.value,
+			zIndex: () => Le.value,
 			scrollStrategy: "close",
-			requestClose: () => J()
-		}), K = () => {
+			requestClose: () => q()
+		}), Xe = l(() => !x.value || S.value === null || Fe.value !== null && Fe.value === G.value);
+		function Ze() {
+			let e = G.value;
+			e && (Fe.value = e, e.hidden = !0, e.setAttribute("inert", ""));
+		}
+		let K = () => {
 			w !== null && (clearTimeout(w), w = null);
-		}, q = () => {
+		}, Qe = () => {
 			T !== null && (window.clearTimeout(T), T = null);
-		}, J = () => {
-			K(), q(), x.value = !1, C?.unregister({ restoreFocus: !1 }), C = null, S.value = "var(--s-layer-root-floating)";
-		}, He = () => {
-			!x.value && k && A && (C = n({
+		}, q = () => {
+			K(), Qe(), j.triggerPointerInside = !1, j.tooltipPointerInside = !1, j.focusInside = !1, j.touchActive = !1, b.value = !1, C?.unregister({ restoreFocus: !1 }), C = null, Le.value = "var(--s-layer-root-floating)", Tt();
+		}, J = () => x.value && S.value !== null && !v.disabled && Ve.value && k !== null && A !== null && k.isConnected && n(k), $e = () => {
+			x.value && S.value !== null && !b.value && k && A && n(k) && (C = r({
 				kind: "tooltip",
-				root: () => Re.value,
-				anchor: () => G.value,
+				root: () => G.value,
+				anchor: () => Ke.value,
 				blocksParentFocusTrap: !1,
 				restoreTarget: null,
-				requestDismiss: J
-			}), S.value = C.zIndex, x.value = !0);
+				requestDismiss: q,
+				onRetire: q
+			}), Le.value = C.zIndex, b.value = !0);
+		}, et = () => {
+			J() && (K(), Qe(), !b.value && (T = window.setTimeout(() => {
+				T = null, $e();
+			}, v.showDelay), wt()));
+		}, tt = () => {
+			if (Qe(), K(), !b.value) {
+				q();
+				return;
+			}
+			w = window.setTimeout(() => {
+				w = null, q();
+			}, v.hideDelay);
 		}, Y = () => {
-			!y.disabled && Ne.value && k && A && (K(), q(), T = window.setTimeout(() => {
-				T = null, He();
-			}, y.showDelay));
-		}, Ue = () => {
-			q(), K(), w = window.setTimeout(() => {
-				w = null, J();
-			}, y.hideDelay);
-		}, X = () => {
-			!j && !M && !N && Ue();
-		}, We = (e) => {
-			e.pointerType !== "touch" && (j = !0, Y());
-		}, Ge = (e) => {
-			e.pointerType !== "touch" && (j = !1, X());
-		}, Ke = (e) => {
-			e.pointerType === "touch" && (N = !0, Y());
-		}, qe = (e) => {
-			e.pointerType === "touch" && (N = !1, X());
-		}, Je = () => {
-			M = !0, Y();
-		}, Ye = (e) => {
-			e.relatedTarget instanceof Node && k?.contains(e.relatedTarget) || (M = !1, X());
-		}, Xe = () => {
-			if (k && A && E === null && k === A) throw b("focusOwner и pointerTarget должны быть разными владельцами одной интерактивной композиции. focusOwner and pointerTarget must be distinct owners in one interactive composition.");
+			!j.triggerPointerInside && !j.tooltipPointerInside && !j.focusInside && !j.touchActive && tt();
+		}, nt = () => {
+			j.focusInside = k?.matches(":focus-within") === !0;
+		}, rt = (e) => {
+			J() && e.pointerType !== "touch" && (nt(), j.triggerPointerInside = !0, et());
+		}, it = (e) => {
+			let t = G.value;
+			if (!b.value || Xe.value || !t?.isConnected) return !1;
+			let n = t.getBoundingClientRect();
+			return n.width > 0 && n.height > 0 && e.clientX >= n.left && e.clientX < n.right && e.clientY >= n.top && e.clientY < n.bottom;
+		}, at = (e) => {
+			e.pointerType !== "touch" && (j.triggerPointerInside = !1, j.tooltipPointerInside = it(e), j.tooltipPointerInside ? K() : Y());
+		}, ot = (e) => {
+			if (e.pointerType === "touch") return;
+			let t = it(e);
+			t !== j.tooltipPointerInside && (j.tooltipPointerInside = t, t ? K() : Y());
+		}, st = (e) => {
+			e.pointerType === "touch" || e.relatedTarget !== null || e.target !== document && e.target !== document.documentElement || (j.triggerPointerInside = !1, j.tooltipPointerInside = !1, Y());
+		}, ct = (e) => {
+			J() && e.pointerType === "touch" && (nt(), j.touchActive = !0, et());
+		}, lt = (e) => {
+			e.pointerType === "touch" && (j.touchActive = !1, Y());
+		}, ut = () => {
+			J() && (j.focusInside = !0, et());
+		}, dt = (e) => {
+			e.relatedTarget instanceof Node && k?.contains(e.relatedTarget) || (j.focusInside = !1, Y());
+		}, ft = () => {
+			if (k && A && E === null && k === A) throw y("focusOwner и pointerTarget должны быть разными владельцами одной интерактивной композиции. focusOwner and pointerTarget must be distinct owners in one interactive composition.");
+		}, X = (e) => {
+			if (e !== null && !t(e)) throw y("trigger/focusOwner должен владеть canonical focus owner; используйте интерактивный UI-kit leaf. trigger/focusOwner must own a canonical focus owner; use an interactive UI-kit leaf.");
+			k = e, j.triggerPointerInside = !1, j.tooltipPointerInside = !1, j.focusInside = !1, j.touchActive = !1, e === null && q(), ft();
 		}, Z = (e) => {
-			if (e !== null && !t(e)) throw b("trigger/focusOwner должен владеть canonical focus owner; используйте интерактивный UI-kit leaf. trigger/focusOwner must own a canonical focus owner; use an interactive UI-kit leaf.");
-			k = e, j = !1, M = !1, N = !1, e === null && J(), Xe();
+			if (e !== null && E === null && t(e)) throw y("pointerTarget должен быть пассивным и не может создавать дополнительный tab stop. pointerTarget must be passive and cannot create an additional tab stop.");
+			A = e, Ke.value = e, j.triggerPointerInside = !1, j.tooltipPointerInside = !1, j.touchActive = !1, e === null && q(), ft();
 		}, Q = (e) => {
-			if (e !== null && E === null && t(e)) throw b("pointerTarget должен быть пассивным и не может создавать дополнительный tab stop. pointerTarget must be passive and cannot create an additional tab stop.");
-			A = e, G.value = e, j = !1, N = !1, e === null && J(), Xe();
-		}, $ = (e) => {
-			if (e === "combined" && (D !== null || O !== null)) throw b("combined trigger нельзя смешивать со split trigger. combined trigger cannot be mixed with a split trigger.");
-			if (e !== "combined" && E !== null) throw b("split trigger нельзя смешивать с combined trigger. A split trigger cannot be mixed with a combined trigger.");
-		}, Ze = (e) => {
+			if (e === "combined" && (D !== null || O !== null)) throw y("combined trigger нельзя смешивать со split trigger. combined trigger cannot be mixed with a split trigger.");
+			if (e !== "combined" && E !== null) throw y("split trigger нельзя смешивать с combined trigger. A split trigger cannot be mixed with a combined trigger.");
+		}, pt = (e) => {
 			if (e !== E) {
-				if (e !== null && ($("combined"), E !== null)) throw b("trigger binding применён более чем к одному leaf. The trigger binding was applied to more than one leaf.");
-				E = e, (e === null || e instanceof HTMLElement) && (Z(e), Q(e));
+				if (e !== null && (Q("combined"), E !== null)) throw y("trigger binding применён более чем к одному leaf. The trigger binding was applied to more than one leaf.");
+				E = e, (e === null || e instanceof HTMLElement) && (X(e), Z(e));
 			}
-		}, Qe = (e) => {
+		}, mt = (e) => {
 			if (e !== D) {
-				if (e !== null && ($("focusOwner"), D !== null)) throw b("focusOwner binding применён более чем к одному leaf. focusOwner binding was applied to more than one leaf.");
-				D = e, (e === null || e instanceof HTMLElement) && Z(e);
+				if (e !== null && (Q("focusOwner"), D !== null)) throw y("focusOwner binding применён более чем к одному leaf. focusOwner binding was applied to more than one leaf.");
+				D = e, (e === null || e instanceof HTMLElement) && X(e);
 			}
-		}, $e = (e) => {
+		}, ht = (e) => {
 			if (e !== O) {
-				if (e !== null && ($("pointerTarget"), O !== null)) throw b("pointerTarget binding применён более чем к одному leaf. pointerTarget binding was applied to more than one leaf.");
-				O = e, (e === null || e instanceof HTMLElement) && Q(e);
+				if (e !== null && (Q("pointerTarget"), O !== null)) throw y("pointerTarget binding применён более чем к одному leaf. pointerTarget binding was applied to more than one leaf.");
+				O = e, (e === null || e instanceof HTMLElement) && Z(e);
 			}
-		}, et = d(() => {
-			if (y.triggerDescribedBy === void 0) return;
-			if (typeof y.triggerDescribedBy != "string") throw b("triggerDescribedBy должен быть строкой DOM id references. triggerDescribedBy must be a string of DOM id references.");
-			let e = y.triggerDescribedBy.trim().split(/\s+/u).filter(Boolean);
-			if (e.length === 0) throw b("triggerDescribedBy должен содержать хотя бы один DOM id. triggerDescribedBy must contain at least one DOM id.");
-			return e.map((e, t) => ee("STooltip", `triggerDescribedBy[${t}]`, e)).join(" ");
-		}), tt = d(() => ({
-			ref: Ze,
-			"aria-describedby": i(et.value, x.value ? P : void 0),
-			onPointerenter: We,
-			onPointerleave: Ge,
-			onPointerdown: Ke,
-			onPointerup: qe,
-			onPointercancel: qe,
-			onFocusin: Je,
-			onFocusout: Ye
-		})), nt = d(() => ({
-			ref: Qe,
-			"aria-describedby": i(et.value, x.value ? P : void 0),
-			onFocusin: Je,
-			onFocusout: Ye
-		})), rt = d(() => ({
-			ref: $e,
-			onPointerenter: We,
-			onPointerleave: Ge
-		})), it = () => {
-			x.value && J();
-		}, at = () => {
-			document.hidden && x.value && J();
-		}, ot = () => {
-			window.addEventListener("blur", it), document.addEventListener("visibilitychange", at);
-		}, st = () => {
-			window.removeEventListener("blur", it), document.removeEventListener("visibilitychange", at);
-		};
-		return he(x, (e) => {
-			if (e) {
-				ot();
+		}, gt = l(() => {
+			if (v.triggerDescribedBy === void 0) return;
+			if (typeof v.triggerDescribedBy != "string") throw y("triggerDescribedBy должен быть строкой DOM id references. triggerDescribedBy must be a string of DOM id references.");
+			let e = v.triggerDescribedBy.trim().split(/\s+/u).filter(Boolean);
+			if (e.length === 0) throw y("triggerDescribedBy должен содержать хотя бы один DOM id. triggerDescribedBy must contain at least one DOM id.");
+			return e.map((e, t) => o("STooltip", `triggerDescribedBy[${t}]`, e)).join(" ");
+		}), _t = l(() => ({
+			ref: pt,
+			"aria-describedby": re(gt.value, b.value ? F : void 0),
+			onPointerenter: rt,
+			onPointerleave: at,
+			onPointerdown: ct,
+			onPointerup: lt,
+			onPointercancel: lt,
+			onFocusin: ut,
+			onFocusout: dt
+		})), vt = l(() => ({
+			ref: mt,
+			"aria-describedby": re(gt.value, b.value ? F : void 0),
+			onFocusin: ut,
+			onFocusout: dt
+		})), yt = l(() => ({
+			ref: ht,
+			onPointerenter: rt,
+			onPointerleave: at
+		})), bt = () => {
+			q();
+		}, xt = () => {
+			document.hidden && q();
+		}, St = (e) => {
+			e.key === "Escape" && T !== null && !b.value && q();
+		}, Ct = (e) => {
+			let t = [];
+			for (let n = e; n;) t.push(n), n = n.parentNode ?? (n instanceof ShadowRoot ? n.host : null);
+			return t;
+		}, $ = () => {
+			if (!M || !k) return;
+			if (!k.isConnected || !n(k)) {
+				Ze(), j.triggerPointerInside = !1, j.tooltipPointerInside = !1, j.focusInside = !1, j.touchActive = !1, q();
 				return;
 			}
-			st();
-		}), he(() => [y.disabled, Ne.value], ([e, t]) => {
-			(e || !t) && J();
-		}), ge(() => {
-			Ae.reject("STooltip не рендерит public wrapper; используйте props и default trigger slot. STooltip renders no public wrapper; use props and the default trigger slot.");
-			for (let [e, t] of [["showDelay", y.showDelay], ["hideDelay", y.hideDelay]]) if (!Number.isSafeInteger(t) || t < 0 || t > 6e4) throw b(`${e} должен быть целым числом миллисекунд от 0 до 60000. ${e} must be an integer number of milliseconds from 0 through 60000.`);
-			s("STooltip", "position", y.position, [
+			let e = Ct(k);
+			if (!(e.length === P.length && e.every((e, t) => e === P[t]))) {
+				N?.disconnect(), P = e, N ||= new MutationObserver($);
+				for (let t of e) N.observe(t, t instanceof Element ? {
+					childList: !0,
+					attributes: !0,
+					attributeFilter: [
+						"class",
+						"style",
+						"hidden",
+						"inert",
+						"aria-hidden",
+						"disabled",
+						"tabindex",
+						"href",
+						"contenteditable"
+					]
+				} : { childList: !0 });
+			}
+		}, wt = () => {
+			M || (M = !0, $(), M && (window.addEventListener("resize", $, { passive: !0 }), window.addEventListener("blur", bt), window.addEventListener("keydown", St, !0), document.addEventListener("visibilitychange", xt)));
+		}, Tt = () => {
+			M && (M = !1, N?.disconnect(), N = null, P = [], window.removeEventListener("resize", $), window.removeEventListener("blur", bt), window.removeEventListener("keydown", St, !0), document.removeEventListener("visibilitychange", xt));
+		};
+		return _(b, (e) => {
+			e ? (document.addEventListener("pointermove", ot, {
+				capture: !0,
+				passive: !0
+			}), document.addEventListener("pointerleave", st, {
+				capture: !0,
+				passive: !0
+			})) : (document.removeEventListener("pointermove", ot, !0), document.removeEventListener("pointerleave", st, !0));
+		}, { flush: "sync" }), _(G, () => C?.refreshModality(), { flush: "sync" }), _(() => [v.disabled, Ve.value], ([e, t]) => {
+			(e || !t) && q();
+		}), _(x, (e) => {
+			e || (Ze(), j.triggerPointerInside = !1, j.tooltipPointerInside = !1, j.focusInside = !1, j.touchActive = !1, q());
+		}, { flush: "sync" }), _(S, (e) => {
+			e === null && (Ze(), q());
+		}, { flush: "sync" }), xe(() => {
+			Ie.reject("STooltip не рендерит public wrapper; используйте props и default trigger slot. STooltip renders no public wrapper; use props and the default trigger slot.");
+			for (let [e, t] of [["showDelay", v.showDelay], ["hideDelay", v.hideDelay]]) if (!Number.isSafeInteger(t) || t < 0 || t > 6e4) throw y(`${e} должен быть целым числом миллисекунд от 0 до 60000. ${e} must be an integer number of milliseconds from 0 through 60000.`);
+			ee("STooltip", "position", v.position, [
 				"top",
 				"bottom",
 				"left",
 				"right"
-			]), o("STooltip", "disabled", y.disabled);
-		}), de(() => {
-			if (E !== null && (D !== null || O !== null)) throw b("combined trigger нельзя смешивать со split trigger. combined trigger cannot be mixed with a split trigger.");
-			if (E === null && (D === null || O === null)) throw b("default slot обязан применить combined trigger либо обе половины split trigger: focusOwner и pointerTarget. The default slot must apply the combined trigger or both split trigger bindings: focusOwner and pointerTarget.");
+			]), a("STooltip", "disabled", v.disabled);
+		}), ge(() => {
+			if (E !== null && (D !== null || O !== null)) throw y("combined trigger нельзя смешивать со split trigger. combined trigger cannot be mixed with a split trigger.");
+			if (E === null && (D === null || O === null)) throw y("default slot обязан применить combined trigger либо обе половины split trigger: focusOwner и pointerTarget. The default slot must apply the combined trigger or both split trigger bindings: focusOwner and pointerTarget.");
 			if (E !== null) {
-				let e = l("STooltip: trigger", E);
-				Z(e), Q(e);
+				let e = se("STooltip: trigger", E);
+				X(e), Z(e);
 				return;
 			}
-			if (D === null || O === null) throw b("split trigger требует focusOwner и pointerTarget. A split trigger requires focusOwner and pointerTarget.");
-			Z(l("STooltip: focusOwner", D)), Q(l("STooltip: pointerTarget", O));
-		}), ue(() => {
-			J(), E = null, D = null, O = null, k = null, A = null, G.value = null, st();
-		}), (e, t) => (h(), p(u, null, [pe(e.$slots, "default", {
-			trigger: tt.value,
-			focusOwner: nt.value,
-			pointerTarget: rt.value,
-			isOpen: x.value
-		}), (h(), ae(re, { to: "body" }, [se(ie, {
-			"enter-active-class": "transition-opacity duration-[var(--s-motion-fast)]",
-			"enter-from-class": "opacity-0",
-			"leave-active-class": "transition-opacity duration-[var(--s-motion-fast)]",
-			"leave-from-class": "opacity-100",
-			"leave-to-class": "opacity-0"
+			if (D === null || O === null) throw y("split trigger требует focusOwner и pointerTarget. A split trigger requires focusOwner and pointerTarget.");
+			X(se("STooltip: focusOwner", D)), Z(se("STooltip: pointerTarget", O));
+		}), he(() => {
+			q(), E = null, D = null, O = null, k = null, A = null, Ke.value = null;
+		}), (e, t) => (p(), d(c, null, [ve(e.$slots, "default", {
+			trigger: _t.value,
+			focusOwner: vt.value,
+			pointerTarget: yt.value,
+			isOpen: b.value
+		}), g(S) ? (p(), ue(ce, {
+			key: 0,
+			to: g(S)
+		}, [fe(le, {
+			css: g(x),
+			"enter-active-class": "transition-transform duration-[var(--s-motion-fast)]",
+			"enter-from-class": "translate-y-0.5",
+			"enter-to-class": "translate-y-0",
+			"leave-active-class": "transition-transform duration-[var(--s-motion-fast)]",
+			"leave-from-class": "translate-y-0",
+			"leave-to-class": "translate-y-0.5"
 		}, {
-			default: _e(() => [x.value ? (h(), p("div", {
+			default: Se(() => [b.value ? (p(), d("div", {
 				key: 0,
-				id: P,
+				id: F,
 				ref_key: "tooltipRef",
-				ref: Re,
+				ref: G,
+				hidden: Xe.value,
+				"^inert": Xe.value ? !0 : void 0,
 				class: "s-tooltip",
-				"data-placement": v(Ve),
-				style: le(v(ze)),
-				role: "tooltip"
-			}, [m("div", ye, [
-				V.value ? (h(), p("strong", be, _(V.value), 1)) : f("", !0),
-				H.value ? (h(), p("p", xe, _(H.value), 1)) : f("", !0),
-				B.value ? (h(), p("div", Se, _(B.value), 1)) : f("", !0),
-				U.value.length > 0 ? (h(), p("dl", Ce, [(h(!0), p(u, null, g(U.value, (e) => (h(), p("div", {
+				"data-placement": g(Ye),
+				style: me(g(qe)),
+				role: "tooltip",
+				"aria-hidden": "true"
+			}, [f("div", we, [
+				H.value ? (p(), d("strong", Te, h(H.value), 1)) : u("", !0),
+				U.value ? (p(), d("p", Ee, h(U.value), 1)) : u("", !0),
+				V.value ? (p(), d("div", De, h(V.value), 1)) : u("", !0),
+				W.value.length > 0 ? (p(), d("dl", Oe, [(p(!0), d(c, null, m(W.value, (e) => (p(), d("div", {
 					key: e.id,
 					class: "s-tooltip__detail"
-				}, [m("dt", we, _(e.label), 1), m("dd", {
+				}, [f("dt", ke, h(e.label), 1), f("dd", {
 					class: "s-tooltip__detail-value",
 					"data-presentation": e.presentation ?? "text",
-					"data-s-tone": Ie(e.tone)["data-s-tone"]
-				}, [e.presentation === "badge" ? (h(), ae(ne, {
+					"data-s-tone": We(e.tone)["data-s-tone"]
+				}, [e.presentation === "badge" ? (p(), ue(oe, {
 					key: 0,
 					size: "xs",
-					severity: Fe(e.tone)
+					severity: Ue(e.tone)
 				}, {
-					default: _e(() => [oe(_(e.value), 1)]),
+					default: Se(() => [de(h(e.value), 1)]),
 					_: 2
-				}, 1032, ["severity"])) : (h(), p(u, { key: 1 }, [oe(_(e.value), 1)], 64))], 8, Te)]))), 128))])) : f("", !0),
-				W.value.length > 0 ? (h(), p("div", Ee, [(h(!0), p(u, null, g(W.value, (e) => (h(), p("section", {
+				}, 1032, ["severity"])) : (p(), d(c, { key: 1 }, [de(h(e.value), 1)], 64))], 8, Ae)]))), 128))])) : u("", !0),
+				Be.value.length > 0 ? (p(), d("div", je, [(p(!0), d(c, null, m(Be.value, (e) => (p(), d("section", {
 					key: e.id,
 					class: "s-tooltip__section"
 				}, [
-					m("strong", De, _(e.title), 1),
-					e.description ? (h(), p("p", Oe, _(e.description), 1)) : f("", !0),
-					e.items?.length ? (h(), p("ul", ke, [(h(!0), p(u, null, g(e.items, (e) => (h(), p("li", { key: e.id }, _(e.label), 1))), 128))])) : f("", !0)
-				]))), 128))])) : f("", !0)
-			]), m("div", {
+					f("strong", Me, h(e.title), 1),
+					e.description ? (p(), d("p", Ne, h(e.description), 1)) : u("", !0),
+					e.items?.length ? (p(), d("ul", Pe, [(p(!0), d(c, null, m(e.items, (e) => (p(), d("li", { key: e.id }, h(e.label), 1))), 128))])) : u("", !0)
+				]))), 128))])) : u("", !0)
+			]), f("div", {
 				class: "s-tooltip-arrow",
-				style: le(v(Be))
-			}, null, 4)], 12, ve)) : f("", !0)]),
+				style: me(g(Je))
+			}, null, 4)], 12, Ce)) : u("", !0)]),
 			_: 1
-		})]))], 64));
+		}, 8, ["css"])], 8, ["to"])) : u("", !0)], 64));
 	}
 });
 //#endregion
-export { y as default };
+export { v as default };