@shtabapp/ui-kit 1.85.0 → 1.85.1

package/dist/components/STable/constants/tableSizes.cjs

@@ -0,0 +1,36 @@
+//#region src/components/STable/constants/tableSizes.ts
+/**
+* Запас прижатия sticky-футеров поддеревьев: следующие футеры прижимаются под уходящим,
+* пока их строки лежат ближе стольких px под кромкой (и не больше MAX_PINNED штук).
+* JS переключает роли на кадр позже композитора, а за кадр быстрой прокрутки уходит
+* несколько футеров подряд — запас в две строки этого не покрывал, плашка моргала.
+*/
+var TABLE_DEPTH_FOOTER_LOOKAHEAD_PX = 1200;
+/**
+* Сжатие прокрутки. Браузер ограничивает высоту элемента (Blink LayoutUnit ≈ 33,5 млн px,
+* Firefox ≈ 17,9 млн): выше tbody не растёт, и хвост таблицы недостижим. Ниже SAFE сжатие
+* не включается и проба лимита не запускается; HEADROOM — запас под шапку, tfoot и выступ
+* последней строки окна; PROBE — высота пробного div, заведомо больше любого лимита.
+*/
+var TABLE_SCROLL_UI_HEIGHT_SAFE = 16e6;
+var TABLE_SCROLL_UI_HEIGHT_HEADROOM = 1e5;
+var TABLE_SCROLL_PROBE_HEIGHT = 1e9;
+/**
+* Тождественные зоны карты сжатия по краям (UI-px, не меньше вьюпорта): в них модельный
+* офсет равен scrollTop, и окно строк с overscan никогда не выходит за UI-высоту tbody —
+* иначе спейсеры клампились бы и строки у начала/конца таблицы ехали на высоту строки.
+*/
+var TABLE_SCROLL_IDENTITY_EDGE = 2e3;
+var TABLE_DROP_INSIDE_RATIO = .3;
+var TABLE_DROP_INSIDE_DELAY_MS = 1300;
+/** Ключ филлер-ячейки: колонка-заполнитель между зонами sticky-колонок. */
+var TABLE_FILLER_COLUMN_KEY = "__s-ui-table-filler__";
+//#endregion
+exports.TABLE_DEPTH_FOOTER_LOOKAHEAD_PX = TABLE_DEPTH_FOOTER_LOOKAHEAD_PX;
+exports.TABLE_DROP_INSIDE_DELAY_MS = TABLE_DROP_INSIDE_DELAY_MS;
+exports.TABLE_DROP_INSIDE_RATIO = TABLE_DROP_INSIDE_RATIO;
+exports.TABLE_FILLER_COLUMN_KEY = TABLE_FILLER_COLUMN_KEY;
+exports.TABLE_SCROLL_IDENTITY_EDGE = TABLE_SCROLL_IDENTITY_EDGE;
+exports.TABLE_SCROLL_PROBE_HEIGHT = TABLE_SCROLL_PROBE_HEIGHT;
+exports.TABLE_SCROLL_UI_HEIGHT_HEADROOM = TABLE_SCROLL_UI_HEIGHT_HEADROOM;
+exports.TABLE_SCROLL_UI_HEIGHT_SAFE = TABLE_SCROLL_UI_HEIGHT_SAFE;

package/dist/components/STable/constants/tableSizes.js

@@ -0,0 +1,29 @@
+//#region src/components/STable/constants/tableSizes.ts
+/**
+* Запас прижатия sticky-футеров поддеревьев: следующие футеры прижимаются под уходящим,
+* пока их строки лежат ближе стольких px под кромкой (и не больше MAX_PINNED штук).
+* JS переключает роли на кадр позже композитора, а за кадр быстрой прокрутки уходит
+* несколько футеров подряд — запас в две строки этого не покрывал, плашка моргала.
+*/
+var TABLE_DEPTH_FOOTER_LOOKAHEAD_PX = 1200;
+/**
+* Сжатие прокрутки. Браузер ограничивает высоту элемента (Blink LayoutUnit ≈ 33,5 млн px,
+* Firefox ≈ 17,9 млн): выше tbody не растёт, и хвост таблицы недостижим. Ниже SAFE сжатие
+* не включается и проба лимита не запускается; HEADROOM — запас под шапку, tfoot и выступ
+* последней строки окна; PROBE — высота пробного div, заведомо больше любого лимита.
+*/
+var TABLE_SCROLL_UI_HEIGHT_SAFE = 16e6;
+var TABLE_SCROLL_UI_HEIGHT_HEADROOM = 1e5;
+var TABLE_SCROLL_PROBE_HEIGHT = 1e9;
+/**
+* Тождественные зоны карты сжатия по краям (UI-px, не меньше вьюпорта): в них модельный
+* офсет равен scrollTop, и окно строк с overscan никогда не выходит за UI-высоту tbody —
+* иначе спейсеры клампились бы и строки у начала/конца таблицы ехали на высоту строки.
+*/
+var TABLE_SCROLL_IDENTITY_EDGE = 2e3;
+var TABLE_DROP_INSIDE_RATIO = .3;
+var TABLE_DROP_INSIDE_DELAY_MS = 1300;
+/** Ключ филлер-ячейки: колонка-заполнитель между зонами sticky-колонок. */
+var TABLE_FILLER_COLUMN_KEY = "__s-ui-table-filler__";
+//#endregion
+export { TABLE_DEPTH_FOOTER_LOOKAHEAD_PX, TABLE_DROP_INSIDE_DELAY_MS, TABLE_DROP_INSIDE_RATIO, TABLE_FILLER_COLUMN_KEY, TABLE_SCROLL_IDENTITY_EDGE, TABLE_SCROLL_PROBE_HEIGHT, TABLE_SCROLL_UI_HEIGHT_HEADROOM, TABLE_SCROLL_UI_HEIGHT_SAFE };

package/dist/components/STable/parts/STableCellText.vue.cjs

@@ -0,0 +1,4 @@
+//#region src/components/STable/parts/STableCellText.vue
+var STableCellText_default = require("./STableCellText.vue_vue_type_script_setup_true_lang.cjs").default;
+//#endregion
+exports.default = STableCellText_default;

package/dist/components/STable/parts/STableCellText.vue.js

@@ -0,0 +1,5 @@
+import STableCellText_vue_vue_type_script_setup_true_lang_default from "./STableCellText.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/STable/parts/STableCellText.vue
+var STableCellText_default = STableCellText_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { STableCellText_default as default };

package/dist/components/STable/parts/STableCellText.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,31 @@
+const require_useFlatTableRows = require("../utils/useFlatTableRows.cjs");
+let vue = require("vue");
+//#region src/components/STable/parts/STableCellText.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "s-ui-table__cell-text"
+};
+var _hoisted_2 = {
+	key: 1,
+	class: "s-ui-table__cell-placeholder"
+};
+var STableCellText_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "STableCellText",
+	props: {
+		column: {},
+		item: {}
+	},
+	setup(__props) {
+		/** Без резолвера `value` значение берётся полем по ключу колонки. */
+		const text = (0, vue.computed)(() => {
+			return require_useFlatTableRows.resolveTableCellValue(__props.item, __props.column.value ?? __props.column.key);
+		});
+		/** Пустая строка — такая же пустая ячейка, как `undefined`; ноль — значение, его показываем. */
+		const hasText = (0, vue.computed)(() => text.value !== void 0 && text.value !== "");
+		return (_ctx, _cache) => {
+			return hasText.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_1, (0, vue.toDisplayString)(text.value), 1)) : __props.column.placeholder ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_2, (0, vue.toDisplayString)(__props.column.placeholder), 1)) : (0, vue.createCommentVNode)("", true);
+		};
+	}
+});
+//#endregion
+exports.default = STableCellText_vue_vue_type_script_setup_true_lang_default;

package/dist/components/STable/parts/STableCellText.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,31 @@
+import { resolveTableCellValue } from "../utils/useFlatTableRows.js";
+import { computed, createCommentVNode, createElementBlock, defineComponent, openBlock, toDisplayString } from "vue";
+//#region src/components/STable/parts/STableCellText.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "s-ui-table__cell-text"
+};
+var _hoisted_2 = {
+	key: 1,
+	class: "s-ui-table__cell-placeholder"
+};
+var STableCellText_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "STableCellText",
+	props: {
+		column: {},
+		item: {}
+	},
+	setup(__props) {
+		/** Без резолвера `value` значение берётся полем по ключу колонки. */
+		const text = computed(() => {
+			return resolveTableCellValue(__props.item, __props.column.value ?? __props.column.key);
+		});
+		/** Пустая строка — такая же пустая ячейка, как `undefined`; ноль — значение, его показываем. */
+		const hasText = computed(() => text.value !== void 0 && text.value !== "");
+		return (_ctx, _cache) => {
+			return hasText.value ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(text.value), 1)) : __props.column.placeholder ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.column.placeholder), 1)) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { STableCellText_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/STable/parts/STableCheckbox.vue.cjs

@@ -0,0 +1,4 @@
+//#region src/components/STable/parts/STableCheckbox.vue
+var STableCheckbox_default = require("./STableCheckbox.vue_vue_type_script_setup_true_lang.cjs").default;
+//#endregion
+exports.default = STableCheckbox_default;

package/dist/components/STable/parts/STableCheckbox.vue.js

@@ -0,0 +1,5 @@
+import STableCheckbox_vue_vue_type_script_setup_true_lang_default from "./STableCheckbox.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/STable/parts/STableCheckbox.vue
+var STableCheckbox_default = STableCheckbox_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { STableCheckbox_default as default };

package/dist/components/STable/parts/STableCheckbox.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,56 @@
+const require_SCheckbox_types = require("../../SCheckbox/SCheckbox.types.cjs");
+const require_SCheckbox = require("../../SCheckbox/SCheckbox.vue.cjs");
+let vue = require("vue");
+//#region src/components/STable/parts/STableCheckbox.vue?vue&type=script&setup=true&lang.ts
+var STableCheckbox_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "STableCheckbox",
+	props: /*@__PURE__*/ (0, vue.mergeModels)({
+		screenReaderLabel: {},
+		indeterminate: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"modelValue": {
+			type: Boolean,
+			default: false
+		},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const modelValue = (0, vue.useModel)(__props, "modelValue");
+		const checkboxRef = (0, vue.useTemplateRef)("checkboxRef");
+		/**
+		* SCheckbox отдаёт attrs корневому label, поэтому tabindex и aria-label не доезжают
+		* до визуально скрытого, но фокусируемого input: он остаётся полноценным таб-стопом
+		* и рушит контракт «таблица — один таб-стоп». Правится точечно на смонтированном DOM.
+		*/
+		(0, vue.watch)([checkboxRef, () => __props.screenReaderLabel], () => {
+			const rootElement = checkboxRef.value?.$el;
+			const inputElement = rootElement instanceof HTMLElement ? rootElement.querySelector("input") : void 0;
+			if (!inputElement) return;
+			inputElement.tabIndex = -1;
+			inputElement.setAttribute("aria-label", __props.screenReaderLabel);
+		}, {
+			immediate: true,
+			flush: "post"
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_SCheckbox.default), {
+				ref_key: "checkboxRef",
+				ref: checkboxRef,
+				modelValue: modelValue.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+				indeterminate: __props.indeterminate,
+				size: (0, vue.unref)(require_SCheckbox_types.ESCheckboxSize).EXTRA_SMALL
+			}, null, 8, [
+				"modelValue",
+				"indeterminate",
+				"size"
+			]);
+		};
+	}
+});
+//#endregion
+exports.default = STableCheckbox_vue_vue_type_script_setup_true_lang_default;

package/dist/components/STable/parts/STableCheckbox.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,56 @@
+import { ESCheckboxSize } from "../../SCheckbox/SCheckbox.types.js";
+import SCheckbox_default from "../../SCheckbox/SCheckbox.vue.js";
+import { createBlock, defineComponent, mergeModels, openBlock, unref, useModel, useTemplateRef, watch } from "vue";
+//#region src/components/STable/parts/STableCheckbox.vue?vue&type=script&setup=true&lang.ts
+var STableCheckbox_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "STableCheckbox",
+	props: /*@__PURE__*/ mergeModels({
+		screenReaderLabel: {},
+		indeterminate: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"modelValue": {
+			type: Boolean,
+			default: false
+		},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const modelValue = useModel(__props, "modelValue");
+		const checkboxRef = useTemplateRef("checkboxRef");
+		/**
+		* SCheckbox отдаёт attrs корневому label, поэтому tabindex и aria-label не доезжают
+		* до визуально скрытого, но фокусируемого input: он остаётся полноценным таб-стопом
+		* и рушит контракт «таблица — один таб-стоп». Правится точечно на смонтированном DOM.
+		*/
+		watch([checkboxRef, () => __props.screenReaderLabel], () => {
+			const rootElement = checkboxRef.value?.$el;
+			const inputElement = rootElement instanceof HTMLElement ? rootElement.querySelector("input") : void 0;
+			if (!inputElement) return;
+			inputElement.tabIndex = -1;
+			inputElement.setAttribute("aria-label", __props.screenReaderLabel);
+		}, {
+			immediate: true,
+			flush: "post"
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(SCheckbox_default), {
+				ref_key: "checkboxRef",
+				ref: checkboxRef,
+				modelValue: modelValue.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+				indeterminate: __props.indeterminate,
+				size: unref(ESCheckboxSize).EXTRA_SMALL
+			}, null, 8, [
+				"modelValue",
+				"indeterminate",
+				"size"
+			]);
+		};
+	}
+});
+//#endregion
+export { STableCheckbox_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/STable/parts/STableContentRow.vue.cjs

@@ -0,0 +1,4 @@
+//#region src/components/STable/parts/STableContentRow.vue
+var STableContentRow_default = require("./STableContentRow.vue_vue_type_script_setup_true_lang.cjs").default;
+//#endregion
+exports.default = STableContentRow_default;

package/dist/components/STable/parts/STableContentRow.vue.js

@@ -0,0 +1,5 @@
+import STableContentRow_vue_vue_type_script_setup_true_lang_default from "./STableContentRow.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/STable/parts/STableContentRow.vue
+var STableContentRow_default = STableContentRow_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { STableContentRow_default as default };

package/dist/components/STable/parts/STableContentRow.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,55 @@
+let vue = require("vue");
+//#region src/components/STable/parts/STableContentRow.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"id",
+	"aria-colindex",
+	"data-column-key",
+	"data-row-key",
+	"data-section",
+	"tabindex"
+];
+var STableContentRow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "STableContentRow",
+	props: {
+		cells: {},
+		contentColumnKey: {},
+		cellClass: {},
+		contentClass: {},
+		contentStyle: {},
+		section: {},
+		rowKey: {},
+		cellIdPrefix: {},
+		focusColumnKey: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("tr", null, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.cells, ({ key: cellKey, cellPlan }) => {
+				return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: cellKey }, [!cellPlan ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", {
+					key: 0,
+					class: (0, vue.normalizeClass)([
+						"s-ui-table__cell",
+						"s-ui-table__filler-cell",
+						__props.cellClass
+					]),
+					role: "presentation"
+				}, null, 2)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", {
+					key: 1,
+					id: `${__props.cellIdPrefix}${__props.rowKey ?? ""}-${cellPlan.descriptor.key}`,
+					class: (0, vue.normalizeClass)([cellPlan.cellClass, __props.cellClass]),
+					style: (0, vue.normalizeStyle)(cellPlan.style),
+					"aria-colindex": cellPlan.descriptor.colIndex,
+					"data-column-key": cellPlan.descriptor.key,
+					"data-row-key": __props.rowKey,
+					"data-section": __props.section,
+					tabindex: cellPlan.descriptor.key === __props.focusColumnKey ? 0 : -1
+				}, [cellPlan.descriptor.key === __props.contentColumnKey ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+					key: 0,
+					class: (0, vue.normalizeClass)(__props.contentClass),
+					style: (0, vue.normalizeStyle)(__props.contentStyle)
+				}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 6)) : (0, vue.createCommentVNode)("", true)], 14, _hoisted_1))], 64);
+			}), 128))]);
+		};
+	}
+});
+//#endregion
+exports.default = STableContentRow_vue_vue_type_script_setup_true_lang_default;

package/dist/components/STable/parts/STableContentRow.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,55 @@
+import { Fragment, createCommentVNode, createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, renderSlot } from "vue";
+//#region src/components/STable/parts/STableContentRow.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"id",
+	"aria-colindex",
+	"data-column-key",
+	"data-row-key",
+	"data-section",
+	"tabindex"
+];
+var STableContentRow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "STableContentRow",
+	props: {
+		cells: {},
+		contentColumnKey: {},
+		cellClass: {},
+		contentClass: {},
+		contentStyle: {},
+		section: {},
+		rowKey: {},
+		cellIdPrefix: {},
+		focusColumnKey: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.cells, ({ key: cellKey, cellPlan }) => {
+				return openBlock(), createElementBlock(Fragment, { key: cellKey }, [!cellPlan ? (openBlock(), createElementBlock("td", {
+					key: 0,
+					class: normalizeClass([
+						"s-ui-table__cell",
+						"s-ui-table__filler-cell",
+						__props.cellClass
+					]),
+					role: "presentation"
+				}, null, 2)) : (openBlock(), createElementBlock("td", {
+					key: 1,
+					id: `${__props.cellIdPrefix}${__props.rowKey ?? ""}-${cellPlan.descriptor.key}`,
+					class: normalizeClass([cellPlan.cellClass, __props.cellClass]),
+					style: normalizeStyle(cellPlan.style),
+					"aria-colindex": cellPlan.descriptor.colIndex,
+					"data-column-key": cellPlan.descriptor.key,
+					"data-row-key": __props.rowKey,
+					"data-section": __props.section,
+					tabindex: cellPlan.descriptor.key === __props.focusColumnKey ? 0 : -1
+				}, [cellPlan.descriptor.key === __props.contentColumnKey ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(__props.contentClass),
+					style: normalizeStyle(__props.contentStyle)
+				}, [renderSlot(_ctx.$slots, "default")], 6)) : createCommentVNode("", true)], 14, _hoisted_1))], 64);
+			}), 128))]);
+		};
+	}
+});
+//#endregion
+export { STableContentRow_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/STable/parts/STableGroupRow.vue.cjs

@@ -0,0 +1,4 @@
+//#region src/components/STable/parts/STableGroupRow.vue
+var STableGroupRow_default = require("./STableGroupRow.vue_vue_type_script_setup_true_lang.cjs").default;
+//#endregion
+exports.default = STableGroupRow_default;

package/dist/components/STable/parts/STableGroupRow.vue.js

@@ -0,0 +1,5 @@
+import STableGroupRow_vue_vue_type_script_setup_true_lang_default from "./STableGroupRow.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/STable/parts/STableGroupRow.vue
+var STableGroupRow_default = STableGroupRow_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { STableGroupRow_default as default };

package/dist/components/STable/parts/STableGroupRow.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,210 @@
+const require_SButton_types = require("../../SButton/SButton.types.cjs");
+const require_SButton = require("../../SButton/SButton.vue.cjs");
+const require_types = require("../../../composables/connectedPosition/types.cjs");
+const require_SDropdown = require("../../SDropdown/SDropdown.vue.cjs");
+const require_SDropdownMenu = require("../../SDropdownMenu/SDropdownMenu.vue.cjs");
+const require_useTableGridFocus = require("../utils/useTableGridFocus.cjs");
+let vue = require("vue");
+let _shtabapp_ui_kit_primitives = require("@shtabapp/ui-kit-primitives");
+//#region src/components/STable/parts/STableGroupRow.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"data-index",
+	"aria-rowindex",
+	"aria-level",
+	"aria-expanded"
+];
+var _hoisted_2 = [
+	"id",
+	"aria-colindex",
+	"data-column-key",
+	"data-row-key",
+	"data-section",
+	"tabindex"
+];
+var _hoisted_3 = { class: "s-ui-table__group-main" };
+var _hoisted_4 = { class: "s-ui-table__group-title" };
+var _hoisted_5 = { class: "s-ui-table__group-counter" };
+var _hoisted_6 = [
+	"id",
+	"aria-colindex",
+	"data-column-key",
+	"data-row-key",
+	"data-section",
+	"tabindex"
+];
+var STableGroupRow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "STableGroupRow",
+	props: {
+		row: {},
+		rowIndex: {},
+		leadingPlans: {},
+		trailingPlans: {},
+		groupColumnKey: {},
+		treeIndent: {},
+		count: {},
+		total: {},
+		expanded: { type: Boolean },
+		active: { type: Boolean },
+		title: {},
+		stuck: {
+			type: Boolean,
+			default: false
+		},
+		extraRowStyle: {},
+		dndRef: { type: Function },
+		dragging: {
+			type: Boolean,
+			default: false
+		},
+		dropPosition: {},
+		cellIdPrefix: {},
+		focusColumnKey: {},
+		treegrid: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: [
+		"toggle",
+		"rowClick",
+		"menuOpen"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const slots = (0, vue.useSlots)();
+		const { t } = (0, _shtabapp_ui_kit_primitives.useUiKitI18n)();
+		const menuOpen = (0, vue.ref)(false);
+		const handleKebabClick = (toggle) => {
+			emit("menuOpen");
+			toggle();
+		};
+		const groupRowClasses = (0, vue.computed)(() => {
+			return {
+				"s-ui-table__group-row--active": __props.active,
+				"s-ui-table__group-row--collapsed": !__props.expanded,
+				"s-ui-table__group-row--stuck": __props.stuck,
+				"s-ui-table__group-row--dragging": __props.dragging,
+				"s-ui-table__group-row--drop-before": __props.dropPosition === "before",
+				"s-ui-table__group-row--drop-after": __props.dropPosition === "after",
+				"s-ui-table__group-row--drop-inside": __props.dropPosition === "inside"
+			};
+		});
+		const groupContentStyle = (0, vue.computed)(() => {
+			if (__props.row.depth === 0) return;
+			return { paddingInlineStart: `calc(var(--s-ui-dimension-4) + ${__props.row.depth * __props.treeIndent}px)` };
+		});
+		const counterText = (0, vue.computed)(() => {
+			if (__props.total !== void 0) return `${__props.count}/${__props.total}`;
+			return String(__props.count);
+		});
+		const chevronIconName = (0, vue.computed)(() => {
+			return __props.expanded ? "chevronMiniDown" : "chevronMiniRight";
+		});
+		const chevronAriaLabel = (0, vue.computed)(() => {
+			return __props.expanded ? t("table.collapse") : t("table.expand");
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("tr", {
+				ref: __props.dndRef,
+				class: (0, vue.normalizeClass)(["s-ui-table__group-row", groupRowClasses.value]),
+				style: (0, vue.normalizeStyle)(__props.extraRowStyle),
+				"data-index": __props.rowIndex,
+				"aria-rowindex": __props.rowIndex + 2,
+				"aria-level": __props.treegrid ? __props.row.depth + 1 : void 0,
+				"aria-expanded": __props.treegrid && __props.row.hasChildren ? __props.expanded : void 0,
+				onClick: _cache[3] || (_cache[3] = ($event) => emit("rowClick", $event))
+			}, [
+				((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.leadingPlans, (cellPlan) => {
+					return (0, vue.openBlock)(), (0, vue.createElementBlock)("td", {
+						id: `${__props.cellIdPrefix}${__props.row.key}-${cellPlan.descriptor.key}`,
+						key: cellPlan.descriptor.key,
+						class: (0, vue.normalizeClass)([cellPlan.cellClass, "s-ui-table__group-cell"]),
+						style: (0, vue.normalizeStyle)(cellPlan.style),
+						"aria-colindex": cellPlan.descriptor.colIndex,
+						"data-column-key": cellPlan.descriptor.key,
+						"data-row-key": __props.row.key,
+						"data-section": (0, vue.unref)(require_useTableGridFocus.ESTableGridSection).BODY,
+						tabindex: cellPlan.descriptor.key === __props.focusColumnKey ? 0 : -1
+					}, [cellPlan.descriptor.key !== __props.groupColumnKey ? (0, vue.renderSlot)(_ctx.$slots, "group-cell", {
+						key: 0,
+						columnKey: cellPlan.descriptor.key
+					}) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+						key: 1,
+						class: "s-ui-table__group-content",
+						style: (0, vue.normalizeStyle)(groupContentStyle.value)
+					}, [(0, vue.renderSlot)(_ctx.$slots, "row", {}, () => [
+						(0, vue.createVNode)((0, vue.unref)(require_SButton.default), {
+							class: "s-ui-table__group-chevron",
+							appearance: (0, vue.unref)(require_SButton_types.EButtonAppearance).BARE,
+							variant: (0, vue.unref)(require_SButton_types.EButtonVariant).NEUTRAL,
+							size: (0, vue.unref)(require_SButton_types.EButtonSize).SMALL,
+							icon: chevronIconName.value,
+							"aria-label": chevronAriaLabel.value,
+							tabindex: "-1",
+							onClick: _cache[0] || (_cache[0] = (0, vue.withModifiers)(($event) => emit("toggle"), ["stop"]))
+						}, null, 8, [
+							"appearance",
+							"variant",
+							"size",
+							"icon",
+							"aria-label"
+						]),
+						(0, vue.createElementVNode)("div", _hoisted_3, [(0, vue.renderSlot)(_ctx.$slots, "title", {}, () => [(0, vue.createElementVNode)("span", _hoisted_4, (0, vue.toDisplayString)(__props.title), 1)]), (0, vue.createElementVNode)("span", _hoisted_5, (0, vue.toDisplayString)(counterText.value), 1)]),
+						(0, vue.createElementVNode)("div", {
+							class: "s-ui-table__group-actions",
+							onClick: _cache[2] || (_cache[2] = (0, vue.withModifiers)(() => {}, ["stop"]))
+						}, [(0, vue.renderSlot)(_ctx.$slots, "actions"), (0, vue.unref)(slots).menu ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_SDropdown.default), {
+							key: 0,
+							modelValue: menuOpen.value,
+							"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => menuOpen.value = $event),
+							placement: (0, vue.unref)(require_types.ESDropdownPlacement).BOTTOM_END,
+							"teleport-to": false
+						}, {
+							trigger: (0, vue.withCtx)(({ toggle }) => [(0, vue.createVNode)((0, vue.unref)(require_SButton.default), {
+								class: (0, vue.normalizeClass)(["s-ui-table__group-kebab", { "s-ui-table__group-kebab--open": menuOpen.value }]),
+								appearance: (0, vue.unref)(require_SButton_types.EButtonAppearance).BARE,
+								variant: (0, vue.unref)(require_SButton_types.EButtonVariant).NEUTRAL,
+								size: (0, vue.unref)(require_SButton_types.EButtonSize).SMALL,
+								icon: "menu",
+								"aria-label": (0, vue.unref)(t)("table.groupMenu"),
+								tabindex: "-1",
+								onClick: ($event) => handleKebabClick(toggle)
+							}, null, 8, [
+								"class",
+								"appearance",
+								"variant",
+								"size",
+								"aria-label",
+								"onClick"
+							])]),
+							content: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_SDropdownMenu.default), { width: 220 }, {
+								default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "menu")]),
+								_: 3
+							})]),
+							_: 3
+						}, 8, ["modelValue", "placement"])) : (0, vue.createCommentVNode)("", true)])
+					])], 4))], 14, _hoisted_2);
+				}), 128)),
+				_cache[4] || (_cache[4] = (0, vue.createElementVNode)("td", {
+					class: "s-ui-table__cell s-ui-table__filler-cell s-ui-table__group-cell",
+					role: "presentation"
+				}, null, -1)),
+				((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.trailingPlans, (cellPlan) => {
+					return (0, vue.openBlock)(), (0, vue.createElementBlock)("td", {
+						id: `${__props.cellIdPrefix}${__props.row.key}-${cellPlan.descriptor.key}`,
+						key: cellPlan.descriptor.key,
+						class: (0, vue.normalizeClass)([cellPlan.cellClass, "s-ui-table__group-cell"]),
+						style: (0, vue.normalizeStyle)(cellPlan.style),
+						"aria-colindex": cellPlan.descriptor.colIndex,
+						"data-column-key": cellPlan.descriptor.key,
+						"data-row-key": __props.row.key,
+						"data-section": (0, vue.unref)(require_useTableGridFocus.ESTableGridSection).BODY,
+						tabindex: cellPlan.descriptor.key === __props.focusColumnKey ? 0 : -1
+					}, null, 14, _hoisted_6);
+				}), 128))
+			], 14, _hoisted_1);
+		};
+	}
+});
+//#endregion
+exports.default = STableGroupRow_vue_vue_type_script_setup_true_lang_default;