@pgcorp/ui-kit 0.14.0 → 0.15.0

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

@@ -1,10 +1,12 @@
-import { validateBoundedInteger as e, validateNonEmptyString as t } from "../../../internal/runtimeContract.js";
-import { useOwnedAttrs as n } from "../../../internal/ownedAttrs.js";
-import r from "../_internal/SToastItem.vue.js";
-import { validateToastLifetimeOwner as i, validateToastPosition as a, validateToastPresentations as o } from "./toast.js";
-import { Fragment as s, TransitionGroup as c, computed as l, createBlock as u, createElementBlock as d, createVNode as f, defineComponent as p, mergeProps as m, onBeforeUnmount as h, openBlock as g, renderList as _, unref as v, watch as y, withCtx as b } from "vue";
+import { useOverlayAdmission as e } from "../../../internal/overlayHost.js";
+import { validateBoundedInteger as t, validateNonEmptyString as n } from "../../../internal/runtimeContract.js";
+import { useOverlayPortal as r, useOverlayPortalTarget as i } from "../../../internal/overlayPortal.js";
+import { useOwnedAttrs as a } from "../../../internal/ownedAttrs.js";
+import o from "../_internal/SToastItem.vue.js";
+import { validateToastLifetimeOwner as s, validateToastPosition as c, validateToastPresentations as l } from "./toast.js";
+import { Fragment as u, Teleport as d, TransitionGroup as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createVNode as v, defineComponent as y, mergeProps as b, onBeforeUnmount as x, openBlock as S, renderList as C, unref as w, watch as T, withCtx as E } from "vue";
 //#region src/components/shared/data-display/SControlledToastViewport.vue?vue&type=script&setup=true&lang.ts
-var x = ["data-position", "aria-label"], S = /*@__PURE__*/ p({
+var D = ["data-position", "aria-label"], O = /*@__PURE__*/ y({
 	inheritAttrs: !1,
 	__name: "SControlledToastViewport",
 	props: {
@@ -19,31 +21,31 @@ var x = ["data-position", "aria-label"], S = /*@__PURE__*/ p({
 		"action",
 		"lifetime-expired"
 	],
-	setup(p, { emit: S }) {
-		let C = p, w = S, T = n({
+	setup(y, { emit: O }) {
+		let k = y, A = O, j = a({
 			component: "SControlledToastViewport",
 			owner: "controlled toast viewport root"
-		}), E = /* @__PURE__ */ new Map(), D = l(() => o("SControlledToastViewport", C.notifications)), O = l(() => t("SControlledToastViewport", "accessibleLabel", C.accessibleLabel)), k = l(() => a(C.position)), A = l(() => i(C.lifetimeOwner)), j = l(() => e("SControlledToastViewport", "maxVisible", C.maxVisible, {
+		}), M = r(), N = i(), P = e(), F = p(() => M?.scope.value === "native"), I = p(() => M && !P.value ? null : N.value), L = /* @__PURE__ */ new Map(), R = p(() => l("SControlledToastViewport", k.notifications)), z = p(() => n("SControlledToastViewport", "accessibleLabel", k.accessibleLabel)), B = p(() => c(k.position)), V = p(() => s(k.lifetimeOwner)), H = p(() => t("SControlledToastViewport", "maxVisible", k.maxVisible, {
 			minimum: 1,
 			maximum: 2 ** 53 - 1
-		})), M = l(() => D.value.slice(0, j.value));
-		function N(e) {
+		})), U = p(() => R.value.slice(0, H.value));
+		function W(e) {
 			e.timer !== null && (clearTimeout(e.timer), e.timer = null);
 		}
-		function P(e) {
-			let t = E.get(e);
-			t && (N(t), E.delete(e));
+		function G(e) {
+			let t = L.get(e);
+			t && (W(t), L.delete(e));
 		}
-		function F() {
-			for (let e of E.values()) N(e);
-			E.clear();
+		function K() {
+			for (let e of L.values()) W(e);
+			L.clear();
 		}
-		function I(e, t) {
+		function q(e, t) {
 			typeof window > "u" || t.expired || t.remainingMs <= 0 || t.pausedBy.size > 0 || (t.startedAt = Date.now(), t.timer = setTimeout(() => {
-				t.timer = null, t.remainingMs = 0, t.expired = !0, w("lifetime-expired", { id: e });
+				t.timer = null, t.remainingMs = 0, t.expired = !0, A("lifetime-expired", { id: e });
 			}, t.remainingMs));
 		}
-		function L(e, t) {
+		function J(e, t) {
 			let n = {
 				configuredDurationMs: t,
 				remainingMs: t,
@@ -52,66 +54,73 @@ var x = ["data-position", "aria-label"], S = /*@__PURE__*/ p({
 				pausedBy: /* @__PURE__ */ new Set(),
 				expired: !1
 			};
-			return E.set(e, n), I(e, n), n;
+			return L.set(e, n), q(e, n), n;
 		}
-		function R() {
-			if (A.value !== "viewport" || typeof window > "u") {
-				F();
+		function Y() {
+			if (V.value !== "viewport" || typeof window > "u") {
+				K();
 				return;
 			}
 			let e = /* @__PURE__ */ new Set();
-			for (let t of M.value) {
+			for (let t of U.value) {
 				e.add(t.id);
-				let n = t.durationMs ?? 0, r = E.get(t.id);
+				let n = t.durationMs ?? 0, r = L.get(t.id);
 				if (n === 0) {
-					P(t.id);
+					G(t.id);
 					continue;
 				}
 				if (!r) {
-					L(t.id, n);
+					J(t.id, n);
 					continue;
 				}
-				r.configuredDurationMs !== n && (P(t.id), L(t.id, n));
+				r.configuredDurationMs !== n && (G(t.id), J(t.id, n));
 			}
-			for (let t of E.keys()) e.has(t) || P(t);
+			for (let t of L.keys()) e.has(t) || G(t);
 		}
-		function z(e, t) {
-			let n = E.get(e);
+		function X(e, t) {
+			let n = L.get(e);
 			if (!n || n.expired || n.pausedBy.has(t) || (n.pausedBy.add(t), n.timer === null)) return;
 			let r = Math.max(0, Date.now() - n.startedAt);
-			n.remainingMs = Math.max(0, n.remainingMs - r), N(n);
+			n.remainingMs = Math.max(0, n.remainingMs - r), W(n);
 		}
-		function B(e, t) {
-			let n = E.get(e);
-			!n || !n.pausedBy.delete(t) || n.pausedBy.size > 0 || I(e, n);
+		function Z(e, t) {
+			let n = L.get(e);
+			!n || !n.pausedBy.delete(t) || n.pausedBy.size > 0 || q(e, n);
 		}
-		function V(e) {
-			w("dismiss", {
+		T(I, (e, t) => {
+			if (e === null && t !== null) for (let e of L.keys()) Z(e, "pointer"), Z(e, "focus");
+		}, { flush: "sync" });
+		function Q(e) {
+			A("dismiss", {
 				id: e,
 				reason: "close"
 			});
 		}
-		return y([M, A], R, { immediate: !0 }), h(F), (e, t) => (g(), d("div", m(v(T).bindings(), {
+		return T([U, V], Y, { immediate: !0 }), x(K), (e, t) => I.value ? (S(), m(d, {
+			key: 0,
+			to: I.value,
+			disabled: !F.value
+		}, [_("div", b(w(j).bindings(), {
 			class: "s-toast-container s-controlled-toast-viewport",
-			"data-position": k.value,
+			"data-position": B.value,
 			role: "region",
-			"aria-label": O.value
-		}), [f(c, {
+			"aria-label": z.value
+		}), [v(f, {
 			name: "notification-transition",
 			tag: "div",
 			class: "s-toast-transition-wrapper"
 		}, {
-			default: b(() => [(g(!0), d(s, null, _(M.value, (e) => (g(), u(r, {
+			default: E(() => [(S(!0), g(u, null, C(U.value, (e) => (S(), m(o, {
 				key: e.id,
 				notification: e,
-				onDismiss: V,
-				onAction: t[0] ||= (e) => w("action", e),
-				onLifetimePause: z,
-				onLifetimeResume: B
+				onDismiss: Q,
+				onAction: t[0] ||= (e) => A("action", e),
+				onLifetimePause: X,
+				onLifetimeResume: Z
 			}, null, 8, ["notification"]))), 128))]),
 			_: 1
-		})], 16, x));
+		})], 16, D)], 8, ["to", "disabled"])) : h("", !0);
 	}
 });
 //#endregion
-export { S as default };
+export { O as default };

package/dist/src/components/shared/data-display/SScrollViewport.vue.d.ts

@@ -1,9 +1,12 @@
-import { SScrollViewportApi, SScrollViewportState, SScrollViewportAxis as PublicSScrollViewportAxis, SScrollViewportOverscrollBehavior as PublicSScrollViewportOverscrollBehavior } from './scrollViewport';
-import { ScrollViewportBlockSize as PublicScrollViewportBlockSize } from '../../../internal/semanticSizing';
+import { SScrollViewportApi, SScrollViewportState, SScrollViewportAxis as PublicSScrollViewportAxis, SScrollViewportFocusPolicy as PublicSScrollViewportFocusPolicy, SScrollViewportOverscrollBehavior as PublicSScrollViewportOverscrollBehavior } from './scrollViewport';
+import { ScrollViewportBlockSize as PublicScrollViewportBlockSize, ScrollableViewportMaxBlockSize as PublicScrollableViewportMaxBlockSize } from '../../../internal/semanticSizing';
 export interface Props {
-    accessibleLabel: string;
+    accessibleLabel?: string;
+    accessibleLabelledby?: string;
     axis?: PublicSScrollViewportAxis;
     blockSize?: PublicScrollViewportBlockSize;
+    maxBlockSize?: PublicScrollableViewportMaxBlockSize;
+    focusPolicy?: PublicSScrollViewportFocusPolicy;
     focusable?: boolean;
     keyboardNavigation?: boolean;
     overscrollBehavior?: PublicSScrollViewportOverscrollBehavior;
@@ -16,10 +19,12 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<Props,
     "onScroll-state"?: ((state: SScrollViewportState) => any) | undefined;
 }>, {
     focusable: boolean;
-    blockSize: PublicScrollViewportBlockSize;
-    overscrollBehavior: PublicSScrollViewportOverscrollBehavior;
     axis: PublicSScrollViewportAxis;
+    blockSize: PublicScrollViewportBlockSize;
+    maxBlockSize: PublicScrollableViewportMaxBlockSize;
+    focusPolicy: PublicSScrollViewportFocusPolicy;
     keyboardNavigation: boolean;
+    overscrollBehavior: PublicSScrollViewportOverscrollBehavior;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;

package/dist/src/components/shared/data-display/SScrollViewport.vue.js

@@ -1,8 +1,8 @@
-import "../../../../assets/src/components/shared/data-display/SScrollViewport.css_vue_type_style_index_0_src_e5d11342_scoped_e5d11342_lang.css";
+import "../../../../assets/src/components/shared/data-display/SScrollViewport.css_vue_type_style_index_0_src_d94fcf8c_scoped_d94fcf8c_lang.css";
 import e from "../../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./SScrollViewport.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                             */
 //#region src/components/shared/data-display/SScrollViewport.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-e5d11342"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-d94fcf8c"]]);
 //#endregion
 export { n as default };

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

@@ -1,14 +1,18 @@
-import { validateBoolean as e, validateBoundedNumber as t, validateExactString as n, validateNonEmptyString as r } from "../../../internal/runtimeContract.js";
-import { useOwnedAttrs as i } from "../../../internal/ownedAttrs.js";
-import { useInteractiveLeafRegistration as a } from "../../../internal/passiveContentContract.js";
-import { validateScrollViewportBlockSize as o } from "../../../internal/semanticSizing.js";
-import { computed as s, createElementBlock as c, createElementVNode as l, defineComponent as u, mergeProps as d, nextTick as f, onBeforeUnmount as p, onMounted as m, openBlock as h, renderSlot as g, shallowRef as _, unref as v, watch as y } from "vue";
+import { validateBoolean as e, validateBoundedNumber as t, validateDomIdReferences as n, validateExactString as r, validateNonEmptyString as i } from "../../../internal/runtimeContract.js";
+import { useOwnedAttrs as a } from "../../../internal/ownedAttrs.js";
+import { useInteractiveLeafRegistration as o } from "../../../internal/passiveContentContract.js";
+import { validateScrollViewportBlockSize as s, validateScrollableViewportMaxBlockSize as c } from "../../../internal/semanticSizing.js";
+import { computed as l, createElementBlock as ee, createElementVNode as u, defineComponent as d, mergeProps as f, nextTick as p, onBeforeUnmount as m, onMounted as h, openBlock as g, renderSlot as _, shallowRef as v, unref as y, watch as b } from "vue";
 //#region src/components/shared/data-display/SScrollViewport.vue?vue&type=script&setup=true&lang.ts
-var b = [
+var x = [
+	"role",
 	"aria-label",
+	"aria-labelledby",
 	"tabindex",
 	"data-axis",
 	"data-block-size",
+	"data-max-block-size",
+	"data-focus-policy",
 	"data-focusable",
 	"data-keyboard-navigation",
 	"data-overscroll-behavior",
@@ -16,13 +20,16 @@ var b = [
 	"data-at-inline-end",
 	"data-at-block-start",
 	"data-at-block-end"
-], x = /*@__PURE__*/ u({
+], S = /*@__PURE__*/ d({
 	inheritAttrs: !1,
 	__name: "SScrollViewport",
 	props: {
 		accessibleLabel: {},
+		accessibleLabelledby: {},
 		axis: { default: "y" },
 		blockSize: { default: "md" },
+		maxBlockSize: { default: "none" },
+		focusPolicy: { default: "always" },
 		focusable: {
 			type: Boolean,
 			default: !0
@@ -34,61 +41,71 @@ var b = [
 		overscrollBehavior: { default: "contain" }
 	},
 	emits: ["scroll-state"],
-	setup(u, { expose: x, emit: S }) {
-		let C = u, w = S, T = _(null), E = _(null), D = _(null), O = i({
+	setup(d, { expose: S, emit: C }) {
+		let w = d, T = C, E = v(null), D = v(null), O = v(null), k = v(!1), te = a({
 			component: "SScrollViewport",
 			owner: "scroll viewport region"
-		}), k = null, A = "", j = null, M = s(() => {
-			let t = e("SScrollViewport", "focusable", C.focusable), i = e("SScrollViewport", "keyboardNavigation", C.keyboardNavigation);
-			if (i && !t) throw Error("SScrollViewport: keyboardNavigation=true требует focusable=true. / SScrollViewport: keyboardNavigation=true requires focusable=true.");
+		}), A = null, j = null, M = /* @__PURE__ */ new Set(), N = !1, P = "", F = null, I = l(() => {
+			if (w.accessibleLabel === void 0 == (w.accessibleLabelledby === void 0)) throw Error("SScrollViewport: требуется ровно один accessibleLabel или accessibleLabelledby. / SScrollViewport: exactly one accessibleLabel or accessibleLabelledby is required.");
+			let t = e("SScrollViewport", "focusable", w.focusable), a = e("SScrollViewport", "keyboardNavigation", w.keyboardNavigation);
+			if (a && !t) throw Error("SScrollViewport: keyboardNavigation=true требует focusable=true. / SScrollViewport: keyboardNavigation=true requires focusable=true.");
 			return {
-				accessibleLabel: r("SScrollViewport", "accessibleLabel", C.accessibleLabel),
-				axis: n("SScrollViewport", "axis", C.axis, [
+				accessibleLabel: w.accessibleLabel === void 0 ? void 0 : i("SScrollViewport", "accessibleLabel", w.accessibleLabel),
+				accessibleLabelledby: w.accessibleLabelledby === void 0 ? void 0 : n("SScrollViewport", "accessibleLabelledby", w.accessibleLabelledby),
+				axis: r("SScrollViewport", "axis", w.axis, [
 					"x",
 					"y",
 					"both"
 				]),
-				blockSize: o("SScrollViewport", "blockSize", C.blockSize),
+				blockSize: s("SScrollViewport", "blockSize", w.blockSize),
+				maxBlockSize: c("SScrollViewport", "maxBlockSize", w.maxBlockSize),
+				focusPolicy: r("SScrollViewport", "focusPolicy", w.focusPolicy, ["always", "overflow"]),
 				focusable: t,
-				keyboardNavigation: i,
-				overscrollBehavior: n("SScrollViewport", "overscrollBehavior", C.overscrollBehavior, [
+				keyboardNavigation: a,
+				overscrollBehavior: r("SScrollViewport", "overscrollBehavior", w.overscrollBehavior, [
 					"auto",
 					"contain",
 					"none"
 				])
 			};
+		}), L = l(() => {
+			let e = O.value?.physical;
+			return e ? Y("x") && e.maxX > 0 || Y("y") && e.maxY > 0 : !1;
+		}), R = l(() => I.value.focusPolicy === "always" || L.value), z = l(() => I.value.focusable && R.value), B = l(() => {
+			if (z.value) return 0;
+			if (I.value.focusPolicy === "overflow" && I.value.focusable && k.value) return -1;
 		});
-		a({
+		o({
 			owner: "SScrollViewport",
-			active: () => M.value.focusable
+			active: () => z.value
 		});
-		function N(e, t) {
+		function V(e, t) {
 			return Math.min(t, Math.max(0, e));
 		}
-		function P(e) {
-			if (j) return j;
+		function H(e) {
+			if (F) return F;
 			let t = e.ownerDocument, n = t.createElement("div"), r = t.createElement("div");
-			return n.dir = "rtl", n.style.cssText = "position:absolute;inset:-9999px;width:4px;height:1px;overflow:scroll;", r.style.cssText = "width:8px;height:1px;", n.append(r), t.body.append(n), n.scrollLeft > 0 ? j = "default" : (n.scrollLeft = 1, j = n.scrollLeft === 0 ? "negative" : "reverse"), n.remove(), j;
+			return n.dir = "rtl", n.style.cssText = "position:absolute;inset:-9999px;width:4px;height:1px;overflow:scroll;", r.style.cssText = "width:8px;height:1px;", n.append(r), t.body.append(n), n.scrollLeft > 0 ? F = "default" : (n.scrollLeft = 1, F = n.scrollLeft === 0 ? "negative" : "reverse"), n.remove(), F;
 		}
-		function F(e, t) {
+		function U(e, t) {
 			let n = e.scrollLeft;
-			if (getComputedStyle(e).direction !== "rtl") return N(n, t);
-			switch (P(e)) {
-				case "negative": return N(t + n, t);
-				case "reverse": return N(t - n, t);
-				case "default": return N(n, t);
+			if (getComputedStyle(e).direction !== "rtl") return V(n, t);
+			switch (H(e)) {
+				case "negative": return V(t + n, t);
+				case "reverse": return V(t - n, t);
+				case "default": return V(n, t);
 			}
 		}
-		function I(e, t, n) {
-			let r = N(t, n);
+		function W(e, t, n) {
+			let r = V(t, n);
 			if (getComputedStyle(e).direction !== "rtl") return r;
-			switch (P(e)) {
+			switch (H(e)) {
 				case "negative": return r - n;
 				case "reverse": return n - r;
 				case "default": return r;
 			}
 		}
-		function L(e, t) {
+		function G(e, t) {
 			let n = getComputedStyle(e);
 			return n.writingMode.startsWith("vertical") || n.writingMode.startsWith("sideways") ? Object.freeze({
 				inline: n.direction === "rtl" ? t.maxY - t.y : t.y,
@@ -102,13 +119,13 @@ var b = [
 				maxBlock: t.maxY
 			});
 		}
-		function R(e) {
+		function K(e) {
 			let t = Math.max(0, e.scrollWidth - e.clientWidth), n = Math.max(0, e.scrollHeight - e.clientHeight), r = Object.freeze({
-				x: F(e, t),
-				y: N(e.scrollTop, n),
+				x: U(e, t),
+				y: V(e.scrollTop, n),
 				maxX: t,
 				maxY: n
-			}), i = L(e, r);
+			}), i = G(e, r);
 			return Object.freeze({
 				physical: r,
 				semantic: i,
@@ -118,56 +135,58 @@ var b = [
 				atBlockEnd: i.maxBlock - i.block <= 1
 			});
 		}
-		function z() {
-			let e = T.value;
+		function q() {
+			if (!N) return;
+			let e = E.value;
 			if (!e) return;
-			let t = R(e), n = JSON.stringify(t);
-			n !== A && (A = n, D.value = t, w("scroll-state", t));
+			let t = K(e), n = JSON.stringify(t);
+			n !== P && (P = n, O.value = t, T("scroll-state", t));
 		}
-		function B(e) {
-			let t = T.value;
+		function J(e) {
+			let t = E.value;
 			if (t) return t;
 			throw Error(`SScrollViewport: ${e} недоступен до mount. / SScrollViewport: ${e} is unavailable before mount.`);
 		}
-		function V(e) {
-			return M.value.axis === e || M.value.axis === "both";
+		function Y(e) {
+			return I.value.axis === e || I.value.axis === "both";
 		}
-		function H(e, t) {
-			if (!V(e)) throw Error(`SScrollViewport: ${t} не может управлять осью ${e} при axis=${M.value.axis}. / SScrollViewport: ${t} cannot control axis ${e} when axis=${M.value.axis}.`);
+		function X(e, t) {
+			if (!Y(e)) throw Error(`SScrollViewport: ${t} не может управлять осью ${e} при axis=${I.value.axis}. / SScrollViewport: ${t} cannot control axis ${e} when axis=${I.value.axis}.`);
 		}
-		function U() {
-			if (!M.value.focusable) throw Error("SScrollViewport: focus() требует focusable=true. / SScrollViewport: focus() requires focusable=true.");
-			B("focus()").focus();
+		function Z() {
+			if (!I.value.focusable) throw Error("SScrollViewport: focus() требует focusable=true. / SScrollViewport: focus() requires focusable=true.");
+			if (!z.value) throw Error("SScrollViewport: focus() при focusPolicy=overflow требует переполнения разрешённой оси. / SScrollViewport: focus() with focusPolicy=overflow requires enabled-axis overflow.");
+			J("focus()").focus();
 		}
-		function W(e, t) {
-			let r = n("SScrollViewport", "scrollToBoundary.axis", e, ["x", "y"]), i = n("SScrollViewport", "scrollToBoundary.boundary", t, ["start", "end"]);
-			H(r, "scrollToBoundary()");
-			let a = B("scrollToBoundary()"), o = R(a).physical, s = r === "x" ? i === "start" ? 0 : o.maxX : o.x, c = r === "y" ? i === "start" ? 0 : o.maxY : o.y;
+		function ne(e, t) {
+			let n = r("SScrollViewport", "scrollToBoundary.axis", e, ["x", "y"]), i = r("SScrollViewport", "scrollToBoundary.boundary", t, ["start", "end"]);
+			X(n, "scrollToBoundary()");
+			let a = J("scrollToBoundary()"), o = K(a).physical, s = n === "x" ? i === "start" ? 0 : o.maxX : o.x, c = n === "y" ? i === "start" ? 0 : o.maxY : o.y;
 			a.scrollTo({
-				left: I(a, s, o.maxX),
+				left: W(a, s, o.maxX),
 				top: c,
 				behavior: "auto"
-			}), z();
+			}), q();
 		}
-		function G(e) {
+		function re(e) {
 			if (typeof e != "object" || !e || Array.isArray(e)) throw TypeError("SScrollViewport: reveal.options должен быть объектом. / SScrollViewport: reveal.options must be an object.");
 			if (e.x === void 0 && e.y === void 0) throw Error("SScrollViewport: reveal() требует x и/или y. / SScrollViewport: reveal() requires x and/or y.");
-			e.x !== void 0 && H("x", "reveal()"), e.y !== void 0 && H("y", "reveal()");
-			let r = B("reveal()"), i = R(r).physical, a = e.x === void 0 ? i.x : t("SScrollViewport", "reveal.x", e.x, {
+			e.x !== void 0 && X("x", "reveal()"), e.y !== void 0 && X("y", "reveal()");
+			let n = J("reveal()"), i = K(n).physical, a = e.x === void 0 ? i.x : t("SScrollViewport", "reveal.x", e.x, {
 				minimum: 0,
 				maximum: 2 ** 53 - 1
 			}), o = e.y === void 0 ? i.y : t("SScrollViewport", "reveal.y", e.y, {
 				minimum: 0,
 				maximum: 2 ** 53 - 1
-			}), s = n("SScrollViewport", "reveal.behavior", e.behavior ?? "auto", ["auto", "smooth"]);
-			r.scrollTo({
-				left: I(r, a, i.maxX),
-				top: N(o, i.maxY),
+			}), s = r("SScrollViewport", "reveal.behavior", e.behavior ?? "auto", ["auto", "smooth"]);
+			n.scrollTo({
+				left: W(n, a, i.maxX),
+				top: V(o, i.maxY),
 				behavior: s
-			}), z();
+			}), q();
 		}
-		function K(e, t) {
-			let n = V("x"), r = V("y"), i = Math.max(1, e.clientWidth / 8), a = Math.max(1, e.clientHeight / 8), o = Math.max(1, e.clientWidth * .9), s = Math.max(1, e.clientHeight * .9), c = R(e).physical;
+		function ie(e, t) {
+			let n = Y("x"), r = Y("y"), i = Math.max(1, e.clientWidth / 8), a = Math.max(1, e.clientHeight / 8), o = Math.max(1, e.clientWidth * .9), s = Math.max(1, e.clientHeight * .9), c = K(e).physical;
 			switch (t.key) {
 				case "ArrowLeft": return n ? {
 					left: c.x - i,
@@ -210,64 +229,96 @@ var b = [
 				default: return null;
 			}
 		}
-		function q(e) {
-			let t = T.value;
-			if (!t || !M.value.keyboardNavigation || e.target !== t || e.defaultPrevented || e.altKey || e.ctrlKey || e.metaKey || e.shiftKey) return;
-			let n = K(t, e);
+		function ae(e) {
+			let t = E.value;
+			t && e.target === t && (k.value = t.matches(":focus"));
+		}
+		function oe(e) {
+			e.target === E.value && (k.value = !1);
+		}
+		function se(e) {
+			let t = E.value;
+			if (!t || !z.value || !I.value.keyboardNavigation || e.target !== t || e.defaultPrevented || e.altKey || e.ctrlKey || e.metaKey || e.shiftKey) return;
+			let n = ie(t, e);
 			if (!n) return;
 			e.preventDefault();
-			let r = R(t).physical;
+			let r = K(t).physical;
 			t.scrollTo({
-				left: I(t, n.left, r.maxX),
-				top: N(n.top, r.maxY),
+				left: W(t, n.left, r.maxX),
+				top: V(n.top, r.maxY),
 				behavior: "auto"
-			}), z();
+			}), q();
 		}
-		function J() {
-			z();
+		function Q() {
+			q();
+		}
+		function $() {
+			let e = D.value;
+			if (N && e && A) {
+				for (let t of M) t.parentElement !== e && (A.unobserve(t), M.delete(t));
+				for (let t of e.children) M.has(t) || (A.observe(t), M.add(t));
+			}
 		}
-		return m(() => {
-			let e = B("observer setup"), t = E.value;
+		function ce() {
+			$(), q();
+		}
+		return h(() => {
+			let e = J("observer setup"), t = D.value;
 			if (!t) throw Error("SScrollViewport: content owner отсутствует после mount. / SScrollViewport: content owner is missing after mount.");
 			if (typeof ResizeObserver > "u") throw Error("SScrollViewport: runtime требует ResizeObserver. / SScrollViewport: runtime requires ResizeObserver.");
-			e.addEventListener("scroll", J, { passive: !0 }), k = new ResizeObserver(z), k.observe(e), k.observe(t), z();
-		}), y(() => [
-			M.value.axis,
-			M.value.blockSize,
-			M.value.focusable,
-			M.value.keyboardNavigation,
-			M.value.overscrollBehavior
+			if (typeof MutationObserver > "u") throw Error("SScrollViewport: runtime требует MutationObserver. / SScrollViewport: runtime requires MutationObserver.");
+			N = !0, e.addEventListener("scroll", Q, { passive: !0 }), t.addEventListener("load", q, !0), A = new ResizeObserver(q), A.observe(e), A.observe(t), $(), j = new MutationObserver(ce), j.observe(t, {
+				subtree: !0,
+				childList: !0,
+				characterData: !0,
+				attributes: !0
+			}), q();
+		}), b(() => [
+			I.value.axis,
+			I.value.blockSize,
+			I.value.maxBlockSize,
+			I.value.focusPolicy,
+			I.value.accessibleLabel,
+			I.value.accessibleLabelledby,
+			I.value.focusable,
+			I.value.keyboardNavigation,
+			I.value.overscrollBehavior
 		], async () => {
-			await f(), z();
-		}), p(() => {
-			T.value?.removeEventListener("scroll", J), k?.disconnect(), k = null, A = "";
-		}), x({
-			focus: U,
-			scrollToBoundary: W,
-			reveal: G
-		}), (e, t) => (h(), c("div", d(v(O).bindings(), {
+			await p(), q();
+		}), m(() => {
+			N = !1, E.value?.removeEventListener("scroll", Q), D.value?.removeEventListener("load", q, !0), j?.disconnect(), j = null, A?.disconnect(), A = null, M.clear(), P = "";
+		}), S({
+			focus: Z,
+			scrollToBoundary: ne,
+			reveal: re
+		}), (e, t) => (g(), ee("div", f(y(te).bindings(), {
 			ref_key: "viewportRef",
-			ref: T,
+			ref: E,
 			class: "s-scroll-viewport",
-			role: "region",
-			"aria-label": M.value.accessibleLabel,
-			tabindex: M.value.focusable ? 0 : void 0,
-			"data-axis": M.value.axis,
-			"data-block-size": M.value.blockSize,
-			"data-focusable": M.value.focusable,
-			"data-keyboard-navigation": M.value.keyboardNavigation,
-			"data-overscroll-behavior": M.value.overscrollBehavior,
-			"data-at-inline-start": D.value?.atInlineStart,
-			"data-at-inline-end": D.value?.atInlineEnd,
-			"data-at-block-start": D.value?.atBlockStart,
-			"data-at-block-end": D.value?.atBlockEnd,
-			onKeydown: q
-		}), [l("div", {
+			role: R.value ? "region" : void 0,
+			"aria-label": R.value ? I.value.accessibleLabel : void 0,
+			"aria-labelledby": R.value ? I.value.accessibleLabelledby : void 0,
+			tabindex: B.value,
+			"data-axis": I.value.axis,
+			"data-block-size": I.value.blockSize,
+			"data-max-block-size": I.value.maxBlockSize,
+			"data-focus-policy": I.value.focusPolicy,
+			"data-focusable": z.value,
+			"data-keyboard-navigation": I.value.keyboardNavigation,
+			"data-overscroll-behavior": I.value.overscrollBehavior,
+			"data-at-inline-start": O.value?.atInlineStart,
+			"data-at-inline-end": O.value?.atInlineEnd,
+			"data-at-block-start": O.value?.atBlockStart,
+			"data-at-block-end": O.value?.atBlockEnd,
+			onFocus: ae,
+			onBlur: oe,
+			onKeydown: se
+		}), [u("div", {
 			ref_key: "contentRef",
-			ref: E,
+			ref: D,
 			class: "s-scroll-viewport__content"
-		}, [g(e.$slots, "default", {}, void 0, !0)], 512)], 16, b));
+		}, [_(e.$slots, "default", {}, void 0, !0)], 512)], 16, x));
 	}
 });
 //#endregion
-export { x as default };
+export { S as default };