@shtabapp/ui-kit 1.85.0 → 1.85.1

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

@@ -0,0 +1,31 @@
+import { createCommentVNode, createElementBlock, createVNode, defineComponent, openBlock, ref, toDisplayString, unref } from "vue";
+import { SIcon } from "@shtabapp/ui-kit-primitives";
+//#region src/components/STable/parts/STableHint.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "s-ui-table__hint-bubble",
+	role: "tooltip"
+};
+var STableHint_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "STableHint",
+	props: { text: {} },
+	setup(__props) {
+		const open = ref(false);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				class: "s-ui-table__hint",
+				tabindex: "-1",
+				onPointerenter: _cache[0] || (_cache[0] = ($event) => open.value = true),
+				onPointerleave: _cache[1] || (_cache[1] = ($event) => open.value = false),
+				onFocusin: _cache[2] || (_cache[2] = ($event) => open.value = true),
+				onFocusout: _cache[3] || (_cache[3] = ($event) => open.value = false)
+			}, [createVNode(unref(SIcon), {
+				class: "s-ui-table__hint-icon",
+				name: "infoCircle",
+				size: 16
+			}), open.value ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(__props.text), 1)) : createCommentVNode("", true)], 32);
+		};
+	}
+});
+//#endregion
+export { STableHint_vue_vue_type_script_setup_true_lang_default as default };

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

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

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

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

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

@@ -0,0 +1,53 @@
+let vue = require("vue");
+//#region src/components/STable/parts/STablePlaceholderRow.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-index", "aria-rowindex"];
+var _hoisted_2 = {
+	key: 0,
+	class: "s-ui-table__cell s-ui-table__filler-cell",
+	role: "presentation"
+};
+var _hoisted_3 = ["data-column-key", "data-row-key"];
+var _hoisted_4 = {
+	key: 0,
+	class: "s-ui-table__cell-body"
+};
+/**
+* Плашка строки прогрессивной гидрации: та же колоночная сетка (sticky-колонки,
+* ширины, служебные колонки и филлер), но без компонентов ячеек, id и roving-фокуса —
+* монтируется в разы дешевле полной строки, поэтому окно успевает за быстрой
+* прокруткой. Высота повторяет измеренную, чтобы на переменных высотах суммарная
+* высота таблицы не «схлопывалась» под удерживаемым ползунком.
+*/
+var STablePlaceholderRow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "STablePlaceholderRow",
+	props: {
+		rowIndex: {},
+		rowKey: {},
+		cells: {},
+		rowHeight: {}
+	},
+	setup(__props) {
+		const rowStyle = (0, vue.computed)(() => {
+			return __props.rowHeight ? { height: `${__props.rowHeight}px` } : void 0;
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("tr", {
+				class: "s-ui-table__row s-ui-table__row--placeholder",
+				style: (0, vue.normalizeStyle)(rowStyle.value),
+				"data-index": __props.rowIndex,
+				"aria-rowindex": __props.rowIndex + 2,
+				"data-placeholder": "true"
+			}, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.cells, (cell) => {
+				return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: cell.key }, [!cell.cellPlan ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", _hoisted_2)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", {
+					key: 1,
+					class: (0, vue.normalizeClass)(cell.cellPlan.cellClass),
+					style: (0, vue.normalizeStyle)(cell.cellPlan.style),
+					"data-column-key": cell.cellPlan.descriptor.key,
+					"data-row-key": __props.rowKey
+				}, [!cell.cellPlan.descriptor.service ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_4, [..._cache[0] || (_cache[0] = [(0, vue.createElementVNode)("span", { class: "s-ui-table__placeholder-bar" }, null, -1)])])) : (0, vue.createCommentVNode)("", true)], 14, _hoisted_3))], 64);
+			}), 128))], 12, _hoisted_1);
+		};
+	}
+});
+//#endregion
+exports.default = STablePlaceholderRow_vue_vue_type_script_setup_true_lang_default;

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

@@ -0,0 +1,53 @@
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList } from "vue";
+//#region src/components/STable/parts/STablePlaceholderRow.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-index", "aria-rowindex"];
+var _hoisted_2 = {
+	key: 0,
+	class: "s-ui-table__cell s-ui-table__filler-cell",
+	role: "presentation"
+};
+var _hoisted_3 = ["data-column-key", "data-row-key"];
+var _hoisted_4 = {
+	key: 0,
+	class: "s-ui-table__cell-body"
+};
+/**
+* Плашка строки прогрессивной гидрации: та же колоночная сетка (sticky-колонки,
+* ширины, служебные колонки и филлер), но без компонентов ячеек, id и roving-фокуса —
+* монтируется в разы дешевле полной строки, поэтому окно успевает за быстрой
+* прокруткой. Высота повторяет измеренную, чтобы на переменных высотах суммарная
+* высота таблицы не «схлопывалась» под удерживаемым ползунком.
+*/
+var STablePlaceholderRow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "STablePlaceholderRow",
+	props: {
+		rowIndex: {},
+		rowKey: {},
+		cells: {},
+		rowHeight: {}
+	},
+	setup(__props) {
+		const rowStyle = computed(() => {
+			return __props.rowHeight ? { height: `${__props.rowHeight}px` } : void 0;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("tr", {
+				class: "s-ui-table__row s-ui-table__row--placeholder",
+				style: normalizeStyle(rowStyle.value),
+				"data-index": __props.rowIndex,
+				"aria-rowindex": __props.rowIndex + 2,
+				"data-placeholder": "true"
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.cells, (cell) => {
+				return openBlock(), createElementBlock(Fragment, { key: cell.key }, [!cell.cellPlan ? (openBlock(), createElementBlock("td", _hoisted_2)) : (openBlock(), createElementBlock("td", {
+					key: 1,
+					class: normalizeClass(cell.cellPlan.cellClass),
+					style: normalizeStyle(cell.cellPlan.style),
+					"data-column-key": cell.cellPlan.descriptor.key,
+					"data-row-key": __props.rowKey
+				}, [!cell.cellPlan.descriptor.service ? (openBlock(), createElementBlock("div", _hoisted_4, [..._cache[0] || (_cache[0] = [createElementVNode("span", { class: "s-ui-table__placeholder-bar" }, null, -1)])])) : createCommentVNode("", true)], 14, _hoisted_3))], 64);
+			}), 128))], 12, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { STablePlaceholderRow_vue_vue_type_script_setup_true_lang_default as default };

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

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

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

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

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

@@ -0,0 +1,360 @@
+const require_SButton_types = require("../../SButton/SButton.types.cjs");
+const require_SButton = require("../../SButton/SButton.vue.cjs");
+const require_STable_types = require("../STable.types.cjs");
+const require_STableCheckbox = require("./STableCheckbox.vue.cjs");
+const require_useTableColumns = require("../utils/useTableColumns.cjs");
+const require_useTableGridFocus = require("../utils/useTableGridFocus.cjs");
+const require_resolveTableRowColor = require("../utils/resolveTableRowColor.cjs");
+const require_useFlatTableRows = require("../utils/useFlatTableRows.cjs");
+const require_STableCellText = require("./STableCellText.vue.cjs");
+let vue = require("vue");
+let _shtabapp_ui_kit_primitives = require("@shtabapp/ui-kit-primitives");
+//#region src/components/STable/parts/STableRow.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"id",
+	"data-index",
+	"aria-rowindex",
+	"aria-level",
+	"aria-expanded",
+	"aria-selected"
+];
+var _hoisted_2 = [
+	"id",
+	"aria-colindex",
+	"data-column-key",
+	"data-row-key",
+	"data-section",
+	"aria-disabled",
+	"aria-readonly",
+	"tabindex"
+];
+var _hoisted_3 = {
+	key: 2,
+	class: "s-ui-table__chevron-spacer"
+};
+var _hoisted_4 = {
+	key: 3,
+	class: "s-ui-table__cell-body-action"
+};
+var _hoisted_5 = [
+	"id",
+	"aria-colindex",
+	"data-column-key",
+	"data-row-key",
+	"data-section",
+	"aria-disabled",
+	"aria-readonly",
+	"tabindex"
+];
+var _hoisted_6 = {
+	key: 0,
+	class: "s-ui-table__right-edge"
+};
+var _hoisted_7 = {
+	key: 2,
+	class: "s-ui-table__cell-body-action"
+};
+var STableRow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "STableRow",
+	props: {
+		row: {},
+		rowIndex: {},
+		rowExpanded: {
+			type: Boolean,
+			default: false
+		},
+		leadingPlans: {},
+		trailingPlans: {},
+		domId: {},
+		selected: {
+			type: Boolean,
+			default: false
+		},
+		indeterminate: {
+			type: Boolean,
+			default: false
+		},
+		rowSelectable: {
+			type: Boolean,
+			default: false
+		},
+		active: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		treeIndent: {},
+		rowState: {},
+		rowColor: {},
+		extraRowClass: {},
+		extraRowStyle: {},
+		dndRef: { type: Function },
+		dragging: {
+			type: Boolean,
+			default: false
+		},
+		dropPosition: {},
+		placeholder: {
+			type: Boolean,
+			default: false
+		},
+		placeholderHeight: {},
+		cellIdPrefix: {},
+		focusColumnKey: {},
+		treegrid: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: [
+		"rowClick",
+		"rowContextMenu",
+		"cellClick",
+		"toggleExpand",
+		"toggleSelected"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const slots = (0, vue.useSlots)();
+		const { t } = (0, _shtabapp_ui_kit_primitives.useUiKitI18n)();
+		const gridSection = require_useTableGridFocus.ESTableGridSection.BODY;
+		const buildCellId = (columnKey) => {
+			return `${__props.cellIdPrefix}${__props.row.key}-${columnKey}`;
+		};
+		/** Единственный tabindex=0 грида стоит на ячейке roving-фокуса. */
+		const getCellTabIndex = (columnKey) => {
+			return columnKey === __props.focusColumnKey ? 0 : -1;
+		};
+		const rowClasses = (0, vue.computed)(() => {
+			return [
+				{
+					"s-ui-table__row--selected": __props.selected,
+					"s-ui-table__row--active": __props.active,
+					"s-ui-table__row--disabled": __props.disabled,
+					"s-ui-table__row--dragging": __props.dragging,
+					"s-ui-table__row--drop-before": __props.dropPosition === "before",
+					"s-ui-table__row--drop-after": __props.dropPosition === "after",
+					"s-ui-table__row--drop-inside": __props.dropPosition === "inside",
+					"s-ui-table__row--colored": Boolean(__props.rowColor)
+				},
+				rowStateClass.value,
+				rowColorClass.value,
+				__props.extraRowClass
+			];
+		});
+		const rowColorClass = (0, vue.computed)(() => {
+			return __props.rowColor ? require_resolveTableRowColor.getTableRowColorClass(__props.rowColor) : void 0;
+		});
+		const rowColorStyle = (0, vue.computed)(() => {
+			return __props.rowColor ? require_resolveTableRowColor.getTableRowColorStyle(__props.rowColor) : void 0;
+		});
+		const rowStyle = (0, vue.computed)(() => {
+			const placeholderStyle = __props.placeholder && __props.placeholderHeight ? { height: `${__props.placeholderHeight}px` } : void 0;
+			if (!__props.extraRowStyle && !placeholderStyle && !rowColorStyle.value) return;
+			return {
+				...__props.extraRowStyle,
+				...rowColorStyle.value,
+				...placeholderStyle
+			};
+		});
+		const getCellBodyStyle = (cellPlan) => {
+			if (!cellPlan.chevron || __props.row.depth === 0) return;
+			return { paddingInlineStart: `calc(var(--s-ui-dimension-4) + ${__props.row.depth * __props.treeIndent}px)` };
+		};
+		const ROW_STATE_CLASS = {
+			[require_STable_types.ESTableRowState.DEFAULT]: void 0,
+			[require_STable_types.ESTableRowState.COMPLETED]: "s-ui-table__row--state-completed"
+		};
+		const CELL_STATE_CLASS = {
+			[require_STable_types.ESTableCellState.DEFAULT]: void 0,
+			[require_STable_types.ESTableCellState.DISABLED]: "s-ui-table__cell-body--state-disabled",
+			[require_STable_types.ESTableCellState.READONLY]: "s-ui-table__cell-body--state-readonly",
+			[require_STable_types.ESTableCellState.EDITING]: "s-ui-table__cell-body--state-editing"
+		};
+		const resolveCellState = (cellPlan) => {
+			const cellState = cellPlan.descriptor.column?.cellState;
+			if (!cellState) return require_STable_types.ESTableCellState.DEFAULT;
+			return typeof cellState === "function" ? cellState(__props.row.item) : cellState;
+		};
+		const getCellStateClass = (cellPlan) => {
+			return CELL_STATE_CLASS[resolveCellState(cellPlan)];
+		};
+		/** Стейт ячейки обязан доезжать до скринридера, иначе он видим только глазами. */
+		const getCellAriaDisabled = (cellPlan) => {
+			return resolveCellState(cellPlan) === require_STable_types.ESTableCellState.DISABLED || void 0;
+		};
+		const getCellAriaReadonly = (cellPlan) => {
+			return resolveCellState(cellPlan) === require_STable_types.ESTableCellState.READONLY || void 0;
+		};
+		const rowStateClass = (0, vue.computed)(() => {
+			return __props.rowState ? ROW_STATE_CLASS[__props.rowState] : void 0;
+		});
+		/** Скоуп-объекты создаются только при переданных слотах (перф-урок итерации 1). */
+		const buildRowSlotScope = () => {
+			return {
+				...__props.row,
+				selected: __props.selected,
+				indeterminate: __props.indeterminate,
+				active: __props.active,
+				disabled: __props.disabled,
+				group: __props.row.kind === require_STable_types.ESTableRowKind.GROUP,
+				toggleExpanded: () => {
+					emit("toggleExpand");
+				},
+				toggleSelected: () => {
+					emit("toggleSelected");
+				}
+			};
+		};
+		const buildCellSlotScope = (cellPlan) => {
+			const column = cellPlan.descriptor.column ?? { key: cellPlan.descriptor.key };
+			return {
+				...buildRowSlotScope(),
+				column,
+				value: require_useFlatTableRows.resolveTableCellValue(__props.row.item, column.value ?? column.key),
+				cellState: resolveCellState(cellPlan)
+			};
+		};
+		const isColumnDisabled = (columnKey) => {
+			const cellPlan = [...__props.leadingPlans, ...__props.trailingPlans].find((plan) => {
+				return plan.descriptor.key === columnKey;
+			});
+			return cellPlan ? resolveCellState(cellPlan) === require_STable_types.ESTableCellState.DISABLED : false;
+		};
+		const handleRowClick = (event) => {
+			const eventTarget = event.target;
+			if (eventTarget instanceof Element) {
+				const columnKey = eventTarget.closest("td[data-column-key]")?.getAttribute("data-column-key");
+				if (columnKey && !isColumnDisabled(columnKey)) emit("cellClick", columnKey, event);
+			}
+			emit("rowClick", event);
+		};
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("tr", {
+				id: __props.domId,
+				ref: __props.dndRef,
+				class: (0, vue.normalizeClass)(["s-ui-table__row", rowClasses.value]),
+				style: (0, vue.normalizeStyle)(rowStyle.value),
+				"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.rowExpanded : void 0,
+				"aria-selected": __props.selected || void 0,
+				onClick: handleRowClick,
+				onContextmenu: _cache[3] || (_cache[3] = ($event) => emit("rowContextMenu", $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: buildCellId(cellPlan.descriptor.key),
+						key: cellPlan.descriptor.key,
+						class: (0, vue.normalizeClass)(cellPlan.cellClass),
+						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)(gridSection),
+						"aria-disabled": getCellAriaDisabled(cellPlan),
+						"aria-readonly": getCellAriaReadonly(cellPlan),
+						tabindex: getCellTabIndex(cellPlan.descriptor.key)
+					}, [cellPlan.descriptor.service === (0, vue.unref)(require_useTableColumns.ESTableServiceColumn).INDICATOR ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [!__props.placeholder ? (0, vue.renderSlot)(_ctx.$slots, "indicator", (0, vue.mergeProps)({
+						key: 0,
+						ref_for: true
+					}, buildRowSlotScope())) : (0, vue.createCommentVNode)("", true)], 64)) : cellPlan.descriptor.service === (0, vue.unref)(require_useTableColumns.ESTableServiceColumn).CHECKBOX ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.unref)(slots).checkbox && !__props.placeholder ? (0, vue.renderSlot)(_ctx.$slots, "checkbox", (0, vue.mergeProps)({
+						key: 0,
+						ref_for: true
+					}, buildRowSlotScope())) : __props.rowSelectable && !__props.placeholder ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_STableCheckbox.default, {
+						key: 1,
+						class: (0, vue.normalizeClass)(["s-ui-table__row-checkbox", { "s-ui-table__row-checkbox--active": __props.selected || __props.indeterminate }]),
+						"model-value": __props.selected,
+						indeterminate: __props.indeterminate,
+						"screen-reader-label": (0, vue.unref)(t)("table.selectRow"),
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("toggleSelected")),
+						onClick: _cache[1] || (_cache[1] = (0, vue.withModifiers)(() => {}, ["stop"]))
+					}, null, 8, [
+						"class",
+						"model-value",
+						"indeterminate",
+						"screen-reader-label"
+					])) : (0, vue.createCommentVNode)("", true)], 64)) : __props.placeholder ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+						key: 2,
+						class: "s-ui-table__cell-body",
+						style: (0, vue.normalizeStyle)(getCellBodyStyle(cellPlan))
+					}, [..._cache[4] || (_cache[4] = [(0, vue.createElementVNode)("span", { class: "s-ui-table__placeholder-bar" }, null, -1)])], 4)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+						key: 3,
+						class: (0, vue.normalizeClass)(["s-ui-table__cell-body", getCellStateClass(cellPlan)]),
+						style: (0, vue.normalizeStyle)(getCellBodyStyle(cellPlan))
+					}, [
+						cellPlan.chevron ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [(0, vue.unref)(slots).chevron ? (0, vue.renderSlot)(_ctx.$slots, "chevron", (0, vue.mergeProps)({
+							key: 0,
+							ref_for: true
+						}, buildRowSlotScope())) : __props.row.hasChildren ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_SButton.default), {
+							key: 1,
+							class: "s-ui-table__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: __props.rowExpanded ? "chevronMiniDown" : "chevronMiniRight",
+							"aria-label": __props.rowExpanded ? (0, vue.unref)(t)("table.collapse") : (0, vue.unref)(t)("table.expand"),
+							tabindex: "-1",
+							onClick: _cache[2] || (_cache[2] = (0, vue.withModifiers)(($event) => emit("toggleExpand"), ["stop"]))
+						}, null, 8, [
+							"appearance",
+							"variant",
+							"size",
+							"icon",
+							"aria-label"
+						])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3))], 64)) : (0, vue.createCommentVNode)("", true),
+						(0, vue.unref)(slots)[`cell:${cellPlan.descriptor.key}`] ? (0, vue.renderSlot)(_ctx.$slots, `cell:${cellPlan.descriptor.key}`, (0, vue.mergeProps)({
+							key: 1,
+							ref_for: true
+						}, buildCellSlotScope(cellPlan))) : cellPlan.descriptor.column ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_STableCellText.default, {
+							key: 2,
+							column: cellPlan.descriptor.column,
+							item: __props.row.item
+						}, null, 8, ["column", "item"])) : (0, vue.createCommentVNode)("", true),
+						(0, vue.unref)(slots)["cell-actions"] && !__props.placeholder ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_4, [(0, vue.renderSlot)(_ctx.$slots, "cell-actions", (0, vue.mergeProps)({ ref_for: true }, buildCellSlotScope(cellPlan)))])) : (0, vue.createCommentVNode)("", true)
+					], 6))], 14, _hoisted_2);
+				}), 128)),
+				_cache[6] || (_cache[6] = (0, vue.createElementVNode)("td", {
+					class: "s-ui-table__cell s-ui-table__filler-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: buildCellId(cellPlan.descriptor.key),
+						key: cellPlan.descriptor.key,
+						class: (0, vue.normalizeClass)(cellPlan.cellClass),
+						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)(gridSection),
+						"aria-disabled": getCellAriaDisabled(cellPlan),
+						"aria-readonly": getCellAriaReadonly(cellPlan),
+						tabindex: getCellTabIndex(cellPlan.descriptor.key)
+					}, [cellPlan.descriptor.service === (0, vue.unref)(require_useTableColumns.ESTableServiceColumn).RIGHT_EDGE ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [!__props.placeholder ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_6, [(0, vue.renderSlot)(_ctx.$slots, "right-edge", (0, vue.mergeProps)({ ref_for: true }, buildRowSlotScope()))])) : (0, vue.createCommentVNode)("", true)], 64)) : __props.placeholder ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+						key: 1,
+						class: "s-ui-table__cell-body",
+						style: (0, vue.normalizeStyle)(getCellBodyStyle(cellPlan))
+					}, [..._cache[5] || (_cache[5] = [(0, vue.createElementVNode)("span", { class: "s-ui-table__placeholder-bar" }, null, -1)])], 4)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+						key: 2,
+						class: (0, vue.normalizeClass)(["s-ui-table__cell-body", getCellStateClass(cellPlan)]),
+						style: (0, vue.normalizeStyle)(getCellBodyStyle(cellPlan))
+					}, [(0, vue.unref)(slots)[`cell:${cellPlan.descriptor.key}`] ? (0, vue.renderSlot)(_ctx.$slots, `cell:${cellPlan.descriptor.key}`, (0, vue.mergeProps)({
+						key: 0,
+						ref_for: true
+					}, buildCellSlotScope(cellPlan))) : cellPlan.descriptor.column ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_STableCellText.default, {
+						key: 1,
+						column: cellPlan.descriptor.column,
+						item: __props.row.item
+					}, null, 8, ["column", "item"])) : (0, vue.createCommentVNode)("", true), (0, vue.unref)(slots)["cell-actions"] && !__props.placeholder ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_7, [(0, vue.renderSlot)(_ctx.$slots, "cell-actions", (0, vue.mergeProps)({ ref_for: true }, buildCellSlotScope(cellPlan)))])) : (0, vue.createCommentVNode)("", true)], 6))], 14, _hoisted_5);
+				}), 128))
+			], 46, _hoisted_1);
+		};
+	}
+});
+//#endregion
+exports.default = STableRow_vue_vue_type_script_setup_true_lang_default;