@pgcorp/ui-kit 0.10.0 → 0.10.2

package/dist/src/components/shared/navigation/STab.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,169 @@
+import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
+import { PassiveContentBoundary as t, useInteractiveLeafRegistration as n } from "../../../internal/passiveContentContract.js";
+import r from "../controls/SContextMenu.vue.js";
+import { tabsContextKey as i } from "../_internal/tabsContext.js";
+import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, inject as f, mergeProps as p, normalizeStyle as m, onBeforeUnmount as h, onMounted as g, onUpdated as _, openBlock as v, ref as y, renderSlot as b, unref as x, useSlots as S, withCtx as C, withModifiers as w } from "vue";
+//#region src/components/shared/navigation/STab.vue?vue&type=script&setup=true&lang.ts
+var T = [
+	"data-close-mode",
+	"data-close-visibility",
+	"data-disabled",
+	"data-editing"
+], E = [
+	"disabled",
+	"title",
+	"aria-hidden",
+	"aria-selected",
+	"aria-controls",
+	"aria-label",
+	"id",
+	"tabindex",
+	"data-editing"
+], D = ["aria-hidden"], O = {
+	key: 1,
+	class: "s-tab__label"
+}, k = ["aria-hidden"], A = {
+	key: 0,
+	class: "s-tab__close"
+}, j = /*@__PURE__*/ d({
+	inheritAttrs: !1,
+	__name: "STab",
+	props: {
+		name: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		title: { default: void 0 },
+		ariaLabel: { default: void 0 },
+		editing: {
+			type: Boolean,
+			default: !1
+		},
+		leadingDecorative: {
+			type: Boolean,
+			default: !0
+		},
+		trailingDecorative: {
+			type: Boolean,
+			default: !0
+		},
+		contextMenuItems: { default: void 0 },
+		contextMenuTrigger: { default: "contextmenu" }
+	},
+	emits: ["context-menu-select"],
+	setup(d) {
+		let j = d, M = e({
+			component: "STab",
+			owner: "tab participant container"
+		}), N = S(), P = f(i);
+		if (!P) throw Error("STab должен использоваться внутри STabs. / STab must be used inside STabs.");
+		let F = P, I = y(null), L = y(null), R = y(0), z = null, B = null;
+		n({ owner: "STab" });
+		let V = {
+			owner: "STab",
+			region: "passive tab trigger content",
+			guidance: "Передайте focusable controls через actions, close или editor slot. / Use the actions, close, or editor slot for focusable controls."
+		}, H = F.registerTab({
+			tabKey: j.name,
+			disabled: () => j.disabled,
+			element: () => I.value
+		}), U = a(() => F.getTabState(H)), W = a(() => !!(N.actions || N.close)), G = a(() => !!j.contextMenuItems?.length), K = a(() => {
+			let e = W.value ? R.value : 0, t = "var(--s-tab-base-padding-inline)", n = F.closeButtonMode.value === "reserve" && e > 0 ? `calc(${t} + ${e}px + var(--s-tab-sibling-actions-gap))` : t;
+			return {
+				"--s-tab-sibling-actions-space": `${e}px`,
+				"--s-tab-padding-inline-start": t,
+				"--s-tab-padding-inline-end": n
+			};
+		});
+		function q() {
+			R.value = L.value?.offsetWidth ?? 0;
+		}
+		function J() {
+			let e = L.value;
+			B !== e && (z?.disconnect(), z = null, B = e, typeof ResizeObserver < "u" && e && (z = new ResizeObserver(q), z.observe(e)));
+		}
+		return g(() => {
+			q(), J(), F.notifyTabOrderChanged();
+		}), _(() => {
+			if (j.name !== H) throw Error("STab: name is immutable for the lifetime of a mounted participant");
+			q(), J(), F.notifyTabOrderChanged();
+		}), h(() => {
+			z?.disconnect(), B = null, F.unregisterTab(H);
+		}), (e, n) => (v(), o(r, {
+			items: d.contextMenuItems ?? [],
+			enabled: G.value,
+			trigger: d.contextMenuTrigger,
+			"boundary-layout": "contents",
+			onSelect: n[8] ||= (t) => e.$emit("context-menu-select", t)
+		}, {
+			default: C(() => [l("div", p(x(M).bindings(), {
+				class: ["s-tab-container", { "s-tab-container--selected": U.value.active }],
+				"data-close-mode": x(F).closeButtonMode.value,
+				"data-close-visibility": x(F).closeButtonVisibility.value,
+				"data-disabled": U.value.disabled || void 0,
+				"data-editing": d.editing || void 0,
+				style: K.value,
+				role: "presentation"
+			}), [
+				l("button", {
+					ref_key: "tabButtonRef",
+					ref: I,
+					class: "s-tab__trigger",
+					type: "button",
+					style: m({ visibility: d.editing ? "hidden" : void 0 }),
+					disabled: d.disabled,
+					title: d.title,
+					"aria-hidden": d.editing || void 0,
+					"aria-selected": U.value.active,
+					"aria-controls": U.value.panelId,
+					"aria-label": d.ariaLabel,
+					id: U.value.tabId,
+					tabindex: d.editing ? -1 : U.value.tabIndex,
+					"data-editing": d.editing || void 0,
+					role: "tab",
+					onClick: n[0] ||= (e) => x(F).activateTab(x(H)),
+					onFocus: n[1] ||= (e) => x(F).focusTab(x(H)),
+					onKeydown: n[2] ||= (e) => x(F).handleTabKeydown(x(H), e)
+				}, [u(x(t), { contract: V }, {
+					default: C(() => [
+						e.$slots.leading ? (v(), c("span", {
+							key: 0,
+							class: "s-tab__leading",
+							"aria-hidden": d.leadingDecorative ? "true" : void 0
+						}, [b(e.$slots, "leading", {}, void 0, !0)], 8, D)) : s("", !0),
+						e.$slots.default ? (v(), c("span", O, [b(e.$slots, "default", {}, void 0, !0)])) : s("", !0),
+						e.$slots.trailing ? (v(), c("span", {
+							key: 2,
+							class: "s-tab__trailing",
+							"aria-hidden": d.trailingDecorative ? "true" : void 0
+						}, [b(e.$slots, "trailing", {}, void 0, !0)], 8, k)) : s("", !0)
+					]),
+					_: 3
+				})], 44, E),
+				d.editing && e.$slots.editor ? (v(), c("div", {
+					key: 0,
+					class: "s-tab__editor",
+					onClick: n[3] ||= w(() => {}, ["stop"]),
+					onDblclick: n[4] ||= w(() => {}, ["stop"])
+				}, [b(e.$slots, "editor", {}, void 0, !0)], 32)) : s("", !0),
+				W.value ? (v(), c("div", {
+					key: 1,
+					ref_key: "actionsRef",
+					ref: L,
+					class: "s-tab__sibling-actions",
+					onClick: n[5] ||= w(() => {}, ["stop"]),
+					onDblclick: n[6] ||= w(() => {}, ["stop"]),
+					onMousedown: n[7] ||= w(() => {}, ["stop"])
+				}, [b(e.$slots, "actions", {}, void 0, !0), e.$slots.close ? (v(), c("span", A, [b(e.$slots, "close", {}, void 0, !0)])) : s("", !0)], 544)) : s("", !0)
+			], 16, T)]),
+			_: 3
+		}, 8, [
+			"items",
+			"enabled",
+			"trigger"
+		]));
+	}
+});
+//#endregion
+export { j as default };

package/dist/src/components/shared/navigation/STabList.vue.d.ts

@@ -0,0 +1,51 @@
+import { VNodeChild } from 'vue';
+/**
+ * Публичный layout/overflow owner для tablist и внешних action regions.
+ * Public layout and overflow owner for the tablist and external action regions.
+ */
+export interface Props {
+    /** Размещение list относительно panels. / List placement relative to panels. */
+    placement?: 'top' | 'bottom';
+    /** Показывает разделитель header. / Shows the header divider. */
+    divider?: boolean;
+    /** Добавляет внутренний inline inset для scroll row. / Adds an inline inset to the scroll row. */
+    inset?: 'none' | 'compact' | 'content';
+    /** Sticky фиксирует header в scroll owner, static оставляет его в потоке. / Sticky pins the header in its scroll owner; static keeps it in flow. */
+    headerPosition?: 'sticky' | 'static';
+    /** Accessible name role=tablist. / Accessible name for role=tablist. */
+    ariaLabel?: string;
+    /** Стабильный id tablist для aria-controls внешних owners. / Stable tablist id for external aria-controls owners. */
+    tabListId?: string;
+    /** Accessible name leading controls; включает role=group. / Accessible name for leading controls; enables role=group. */
+    leadingAriaLabel?: string;
+    /** Accessible name header actions. / Accessible name for header actions. */
+    controlsAriaLabel?: string;
+}
+type __VLS_Slots = {
+    /** STab compositions, зарегистрированные текущим owner. / STab compositions registered by the current owner. */
+    default?: () => VNodeChild;
+    /** Controls before tablist semantics. / Controls before tablist semantics. */
+    leading?: () => VNodeChild;
+    /** Header actions outside tablist semantics. / Header actions outside tablist semantics. */
+    controls?: () => VNodeChild;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {
+    scrollActiveIntoCenter: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    ariaLabel: string;
+    divider: boolean;
+    placement: "top" | "bottom";
+    inset: "none" | "compact" | "content";
+    headerPosition: "sticky" | "static";
+    tabListId: string;
+    leadingAriaLabel: string;
+    controlsAriaLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/shared/navigation/STabList.vue.js

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

package/dist/src/components/shared/navigation/STabList.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,189 @@
+import { useUiKitLocale as e } from "../../../composables/useUiKitLocale.js";
+import { useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
+import { useInteractiveLeafRegistration as n } from "../../../internal/passiveContentContract.js";
+import { tabsContextKey as r } from "../_internal/tabsContext.js";
+import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, inject as l, mergeProps as u, nextTick as d, normalizeClass as f, normalizeStyle as p, onBeforeUnmount as m, onMounted as h, onUpdated as g, openBlock as _, ref as v, renderSlot as y, unref as b, watch as x } from "vue";
+//#region src/components/shared/navigation/STabList.vue?vue&type=script&setup=true&lang.ts
+var S = [
+	"data-placement",
+	"data-position",
+	"data-inset",
+	"data-divider"
+], C = ["role", "aria-label"], w = ["id", "aria-label"], T = ["aria-label"], ee = [
+	"data-placement",
+	"data-inset",
+	"data-divider"
+], te = ["role", "aria-label"], ne = ["id", "aria-label"], re = ["aria-label"], E = /*@__PURE__*/ c({
+	inheritAttrs: !1,
+	__name: "STabList",
+	props: {
+		placement: { default: "top" },
+		divider: {
+			type: Boolean,
+			default: !0
+		},
+		inset: { default: "none" },
+		headerPosition: { default: "sticky" },
+		ariaLabel: { default: void 0 },
+		tabListId: { default: void 0 },
+		leadingAriaLabel: { default: void 0 },
+		controlsAriaLabel: { default: void 0 }
+	},
+	setup(c, { expose: E }) {
+		let D = c, { t: O } = e(), k = i(() => D.ariaLabel ?? O("navigation.tabs")), A = i(() => D.controlsAriaLabel ?? O("navigation.tabActions"));
+		x(() => D.tabListId, (e) => {
+			if (e !== void 0 && (!e.trim() || e !== e.trim())) throw TypeError("STabList: tabListId must be a non-empty string without surrounding whitespace");
+		}, { immediate: !0 });
+		let j = t({
+			component: "STabList",
+			owner: "active tab-list layout root"
+		});
+		n({ owner: "STabList" });
+		let M = l(r);
+		if (!M) throw Error("STabList должен использоваться внутри STabs. / STabList must be used inside STabs.");
+		let N = M, P = v(null), F = v(0), I = v(null), L = v(!1), R = v(!0), z = v(!1), B = null, V = null, H = null, U = null, W = /* @__PURE__ */ new Set(), G = i(() => F.value ? `${F.value + 8}px` : "0px"), K = i(() => ({
+			"is-scrollable": L.value,
+			"is-scrolled-to-start": R.value,
+			"is-scrolled-to-end": z.value
+		})), q = () => I.value, J = () => {
+			F.value = P.value?.offsetWidth ?? 0;
+		}, Y = () => {
+			let e = P.value;
+			e !== U && (H?.disconnect(), H = null, U = e, typeof ResizeObserver < "u" && e && (H = new ResizeObserver(J), H.observe(e)));
+		}, X = (e) => {
+			if (typeof requestAnimationFrame > "u") {
+				e();
+				return;
+			}
+			let t = -1, n = !1;
+			t = requestAnimationFrame(() => {
+				n = !0, t >= 0 && W.delete(t), e();
+			}), n || W.add(t);
+		}, Z = () => {
+			let e = q();
+			if (!e) return;
+			let t = e.scrollWidth > e.clientWidth;
+			if (L.value = t, t) {
+				R.value = e.scrollLeft <= 1, z.value = e.scrollWidth - e.scrollLeft - e.clientWidth <= 1;
+				return;
+			}
+			R.value = !0, z.value = !0;
+		}, Q = () => {
+			let e = q();
+			if (!e) return;
+			let t = N.getActiveTabElement();
+			if (!t) return;
+			let n = t.offsetLeft + t.offsetWidth / 2, r = Math.max(0, n - e.clientWidth / 2);
+			if (typeof e.scrollTo == "function") {
+				e.scrollTo({
+					left: r,
+					behavior: "smooth"
+				});
+				return;
+			}
+			e.scrollLeft = r;
+		}, ie = N.registerTabList(Q), $ = (e) => {
+			let t = q();
+			if (!t) return;
+			let n = Math.abs(e.deltaY) >= Math.abs(e.deltaX) ? e.deltaY : e.deltaX;
+			if (n !== 0) {
+				if (typeof t.scrollBy == "function") {
+					t.scrollBy({
+						left: n,
+						behavior: "auto"
+					});
+					return;
+				}
+				t.scrollLeft += n;
+			}
+		};
+		return h(() => {
+			J(), Y(), d(() => {
+				Z();
+				let e = q();
+				e && (typeof ResizeObserver < "u" && (B = new ResizeObserver(Z), B.observe(e)), typeof MutationObserver < "u" && (V = new MutationObserver(() => {
+					Z(), X(Q);
+				}), V.observe(e, {
+					characterData: !0,
+					childList: !0,
+					subtree: !0
+				})), X(Q));
+			});
+		}), g(() => {
+			J(), Y();
+		}), x(() => N.activeKey.value, () => {
+			d(() => X(Q));
+		}), E({ scrollActiveIntoCenter: Q }), m(() => {
+			if (B?.disconnect(), V?.disconnect(), H?.disconnect(), U = null, typeof cancelAnimationFrame < "u") for (let e of W) cancelAnimationFrame(e);
+			W.clear(), N.unregisterTabList(ie);
+		}), (e, t) => c.placement === "top" ? (_(), o("div", u({ key: 0 }, b(j).bindings(), {
+			class: ["s-tabs-header", { "s-tabs-header--dividerless": !c.divider }],
+			"data-tabs-part": "header",
+			"data-placement": c.placement,
+			"data-position": c.headerPosition,
+			"data-inset": c.inset,
+			"data-divider": c.divider
+		}), [s("div", {
+			class: "s-tabs-header__content",
+			style: p({ paddingRight: G.value })
+		}, [s("div", {
+			class: f(["s-tab-list-wrapper", K.value]),
+			onWheelPassive: $
+		}, [s("div", {
+			ref_key: "tabListRef",
+			ref: I,
+			class: "s-tab-list",
+			onScrollPassive: Z
+		}, [e.$slots.leading ? (_(), o("div", {
+			key: 0,
+			class: "s-tab-list__leading",
+			role: c.leadingAriaLabel ? "group" : void 0,
+			"aria-label": c.leadingAriaLabel
+		}, [y(e.$slots, "leading", {}, void 0, !0)], 8, C)) : a("", !0), s("div", {
+			class: "s-tab-list__tabs",
+			id: c.tabListId,
+			role: "tablist",
+			"aria-label": k.value,
+			"aria-orientation": "horizontal"
+		}, [y(e.$slots, "default", {}, void 0, !0)], 8, w)], 544)], 34)], 4), e.$slots.controls ? (_(), o("div", {
+			key: 0,
+			ref_key: "controlsRef",
+			ref: P,
+			class: "s-tabs-header__controls",
+			role: "group",
+			"aria-label": A.value
+		}, [y(e.$slots, "controls", {}, void 0, !0)], 8, T)) : a("", !0)], 16, S)) : (_(), o("div", u({ key: 1 }, b(j).bindings(), {
+			class: ["s-tab-list-wrapper", K.value],
+			"data-placement": c.placement,
+			"data-inset": c.inset,
+			"data-divider": c.divider,
+			onWheelPassive: $
+		}), [s("div", {
+			ref_key: "tabListRef",
+			ref: I,
+			class: "s-tab-list s-tab-list--bottom",
+			style: p({ paddingRight: G.value }),
+			onScrollPassive: Z
+		}, [e.$slots.leading ? (_(), o("div", {
+			key: 0,
+			class: "s-tab-list__leading",
+			role: c.leadingAriaLabel ? "group" : void 0,
+			"aria-label": c.leadingAriaLabel
+		}, [y(e.$slots, "leading", {}, void 0, !0)], 8, te)) : a("", !0), s("div", {
+			class: "s-tab-list__tabs",
+			id: c.tabListId,
+			role: "tablist",
+			"aria-label": k.value,
+			"aria-orientation": "horizontal"
+		}, [y(e.$slots, "default", {}, void 0, !0)], 8, ne)], 36), e.$slots.controls ? (_(), o("div", {
+			key: 0,
+			ref_key: "controlsRef",
+			ref: P,
+			class: "s-tabs-header__controls",
+			role: "group",
+			"aria-label": A.value
+		}, [y(e.$slots, "controls", {}, void 0, !0)], 8, re)) : a("", !0)], 16, ee));
+	}
+});
+//#endregion
+export { E as default };

package/dist/src/components/shared/navigation/STabPanel.vue.d.ts

@@ -0,0 +1,41 @@
+import { VNodeChild } from 'vue';
+/**
+ * Публичная panel-часть STabs со стабильной ARIA-связью с одноимённой вкладкой.
+ * Public STabs panel part with a stable ARIA relationship to the matching tab.
+ */
+export interface Props {
+    /** Точная stable identity соответствующего STab. / Exact stable identity of the matching STab. */
+    name: string;
+    /** Удаляет неактивное содержимое из DOM вместо v-show. / Removes inactive content from the DOM instead of using v-show. */
+    unmount?: boolean;
+    /** Владеющая layout-поверхность панели. / Layout surface owned by the panel. */
+    surface?: 'default' | 'workbench-right-drawer' | 'workbench-bottom-dock';
+    /** Семантический интервал между непосредственными участниками. / Semantic gap between direct participants. */
+    contentGap?: 'none' | 'control' | 'content' | 'section' | 'panel';
+    /** Поперечное выравнивание участников панели. / Cross-axis alignment of panel participants. */
+    align?: 'stretch' | 'start' | 'center' | 'end';
+    /** Семантический внутренний отступ panel surface. / Semantic panel-surface padding. */
+    padding?: 'none' | 'control' | 'content' | 'section' | 'panel';
+    /** Политика переполнения panel surface. / Panel-surface overflow policy. */
+    overflow?: 'visible' | 'hidden' | 'auto';
+}
+type __VLS_Slots = {
+    /** Содержимое панели. / Panel content. */
+    default?: () => VNodeChild;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    overflow: "visible" | "hidden" | "auto";
+    surface: "default" | "workbench-right-drawer" | "workbench-bottom-dock";
+    padding: "none" | "control" | "content" | "section" | "panel";
+    align: "stretch" | "start" | "center" | "end";
+    contentGap: "none" | "control" | "content" | "section" | "panel";
+    unmount: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/shared/navigation/STabPanel.vue.js

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

package/dist/src/components/shared/navigation/STabPanel.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,70 @@
+import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
+import { useInteractiveLeafRegistration as t } from "../../../internal/passiveContentContract.js";
+import { tabsContextKey as n } from "../_internal/tabsContext.js";
+import { computed as r, createCommentVNode as i, createElementBlock as a, defineComponent as o, inject as s, mergeProps as c, onBeforeUnmount as l, onMounted as u, onUpdated as d, openBlock as f, ref as p, renderSlot as m, unref as h, vShow as g, watchEffect as _, withDirectives as v } from "vue";
+//#region src/components/shared/navigation/STabPanel.vue?vue&type=script&setup=true&lang.ts
+var y = [
+	"id",
+	"aria-labelledby",
+	"aria-hidden",
+	"data-surface",
+	"data-content-gap",
+	"data-align",
+	"data-padding",
+	"data-overflow"
+], b = /*@__PURE__*/ o({
+	inheritAttrs: !1,
+	__name: "STabPanel",
+	props: {
+		name: {},
+		unmount: {
+			type: Boolean,
+			default: !1
+		},
+		surface: { default: "default" },
+		contentGap: { default: "none" },
+		align: { default: "stretch" },
+		padding: { default: "none" },
+		overflow: { default: "visible" }
+	},
+	setup(o) {
+		let b = o, x = e({
+			component: "STabPanel",
+			owner: "mounted role=tabpanel root"
+		}), S = s(n);
+		if (!S) throw Error("STabPanel должен использоваться внутри STabs. / STabPanel must be used inside STabs.");
+		let C = S, w = p(null), T = C.registerPanel({
+			tabKey: b.name,
+			element: () => w.value
+		}), E = r(() => C.getPanelState(T));
+		return t({
+			owner: "STabPanel",
+			active: () => E.value.active
+		}), _(() => {
+			if (b.unmount && !E.value.active) {
+				x.reject("inactive unmounted tab panel has no DOM owner");
+				return;
+			}
+			x.bindings();
+		}), u(C.notifyPanelOrderChanged), d(() => {
+			if (b.name !== T) throw Error("STabPanel: name is immutable for the lifetime of a mounted panel");
+			C.notifyPanelOrderChanged();
+		}), l(() => C.unregisterPanel(T)), (e, t) => !o.unmount || E.value.active ? v((f(), a("div", c({ key: 0 }, h(x).bindings(), {
+			ref_key: "panelElement",
+			ref: w,
+			class: "s-tab-panel",
+			id: E.value.panelId,
+			"aria-labelledby": E.value.tabId,
+			"aria-hidden": E.value.active ? void 0 : "true",
+			"data-surface": o.surface,
+			"data-content-gap": o.contentGap,
+			"data-align": o.align,
+			"data-padding": o.padding,
+			"data-overflow": o.overflow,
+			role: "tabpanel",
+			tabindex: "0"
+		}), [m(e.$slots, "default", {}, void 0, !0)], 16, y)), [[g, o.unmount ? !0 : E.value.active]]) : i("", !0);
+	}
+});
+//#endregion
+export { b as default };

package/dist/src/components/shared/navigation/STabPanels.vue.d.ts

@@ -0,0 +1,14 @@
+import { VNodeChild } from 'vue';
+type __VLS_Slots = {
+    /** Набор STabPanel одного owner. / STabPanel collection owned by one STabs. */
+    default?: () => VNodeChild;
+};
+declare const __VLS_base: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/shared/navigation/STabPanels.vue.js

@@ -0,0 +1,8 @@
+import "../../../../assets/src/components/shared/navigation/STabPanels.vue_vue_type_style_index_0_scoped_9afa936c_lang.css";
+import e from "../../../../_virtual/_plugin-vue_export-helper.js";
+import t from "./STabPanels.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                           */
+//#region src/components/shared/navigation/STabPanels.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-9afa936c"]]);
+//#endregion
+export { n as default };

package/dist/src/components/shared/navigation/STabPanels.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,19 @@
+import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
+import { tabsContextKey as t } from "../_internal/tabsContext.js";
+import { createElementBlock as n, defineComponent as r, inject as i, mergeProps as a, onBeforeUnmount as o, openBlock as s, renderSlot as c, unref as l } from "vue";
+//#region src/components/shared/navigation/STabPanels.vue?vue&type=script&setup=true&lang.ts
+var u = /*@__PURE__*/ r({
+	inheritAttrs: !1,
+	__name: "STabPanels",
+	setup(r) {
+		let u = e({
+			component: "STabPanels",
+			owner: "tab panels stack root"
+		}), d = i(t);
+		if (!d) throw Error("STabPanels must be used inside STabs");
+		let f = d.registerPanels();
+		return o(() => d.unregisterPanels(f)), (e, t) => (s(), n("div", a(l(u).bindings(), { class: "s-tab-panels" }), [c(e.$slots, "default", {}, void 0, !0)], 16));
+	}
+});
+//#endregion
+export { u as default };