@shtabapp/ui-kit 1.88.2 → 1.89.0

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

@@ -20,6 +20,7 @@ var _hoisted_1 = [
 ];
 var _hoisted_2 = [
 	"id",
+	"colspan",
 	"aria-colindex",
 	"data-column-key",
 	"data-row-key",
@@ -36,8 +37,14 @@ var _hoisted_4 = {
 	key: 3,
 	class: "s-ui-table__cell-body-action"
 };
-var _hoisted_5 = [
+var _hoisted_5 = {
+	key: 0,
+	class: "s-ui-table__cell s-ui-table__filler-cell",
+	role: "presentation"
+};
+var _hoisted_6 = [
 	"id",
+	"colspan",
 	"aria-colindex",
 	"data-column-key",
 	"data-row-key",
@@ -46,11 +53,11 @@ var _hoisted_5 = [
 	"aria-readonly",
 	"tabindex"
 ];
-var _hoisted_6 = {
+var _hoisted_7 = {
 	key: 0,
 	class: "s-ui-table__right-edge"
 };
-var _hoisted_7 = {
+var _hoisted_8 = {
 	key: 2,
 	class: "s-ui-table__cell-body-action"
 };
@@ -65,6 +72,10 @@ var STableRow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vu
 		},
 		leadingPlans: {},
 		trailingPlans: {},
+		filler: {
+			type: Boolean,
+			default: true
+		},
 		domId: {},
 		selected: {
 			type: Boolean,
@@ -252,6 +263,7 @@ var STableRow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vu
 						key: cellPlan.descriptor.key,
 						class: (0, vue.normalizeClass)(cellPlan.cellClass),
 						style: (0, vue.normalizeStyle)(cellPlan.style),
+						colspan: cellPlan.colspan,
 						"aria-colindex": cellPlan.descriptor.colIndex,
 						"data-column-key": cellPlan.descriptor.key,
 						"data-row-key": __props.row.key,
@@ -318,16 +330,14 @@ var STableRow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vu
 						(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)),
+				__props.filler ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", _hoisted_5)) : (0, vue.createCommentVNode)("", true),
 				((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),
+						colspan: cellPlan.colspan,
 						"aria-colindex": cellPlan.descriptor.colIndex,
 						"data-column-key": cellPlan.descriptor.key,
 						"data-row-key": __props.row.key,
@@ -335,7 +345,7 @@ var STableRow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vu
 						"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", {
+					}, [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_7, [(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))
@@ -350,7 +360,7 @@ var STableRow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vu
 						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);
+					}, null, 8, ["column", "item"])) : (0, vue.createCommentVNode)("", true), (0, vue.unref)(slots)["cell-actions"] && !__props.placeholder ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_8, [(0, vue.renderSlot)(_ctx.$slots, "cell-actions", (0, vue.mergeProps)({ ref_for: true }, buildCellSlotScope(cellPlan)))])) : (0, vue.createCommentVNode)("", true)], 6))], 14, _hoisted_6);
 				}), 128))
 			], 46, _hoisted_1);
 		};

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

@@ -20,6 +20,7 @@ var _hoisted_1 = [
 ];
 var _hoisted_2 = [
 	"id",
+	"colspan",
 	"aria-colindex",
 	"data-column-key",
 	"data-row-key",
@@ -36,8 +37,14 @@ var _hoisted_4 = {
 	key: 3,
 	class: "s-ui-table__cell-body-action"
 };
-var _hoisted_5 = [
+var _hoisted_5 = {
+	key: 0,
+	class: "s-ui-table__cell s-ui-table__filler-cell",
+	role: "presentation"
+};
+var _hoisted_6 = [
 	"id",
+	"colspan",
 	"aria-colindex",
 	"data-column-key",
 	"data-row-key",
@@ -46,11 +53,11 @@ var _hoisted_5 = [
 	"aria-readonly",
 	"tabindex"
 ];
-var _hoisted_6 = {
+var _hoisted_7 = {
 	key: 0,
 	class: "s-ui-table__right-edge"
 };
-var _hoisted_7 = {
+var _hoisted_8 = {
 	key: 2,
 	class: "s-ui-table__cell-body-action"
 };
@@ -65,6 +72,10 @@ var STableRow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		},
 		leadingPlans: {},
 		trailingPlans: {},
+		filler: {
+			type: Boolean,
+			default: true
+		},
 		domId: {},
 		selected: {
 			type: Boolean,
@@ -252,6 +263,7 @@ var STableRow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 						key: cellPlan.descriptor.key,
 						class: normalizeClass(cellPlan.cellClass),
 						style: normalizeStyle(cellPlan.style),
+						colspan: cellPlan.colspan,
 						"aria-colindex": cellPlan.descriptor.colIndex,
 						"data-column-key": cellPlan.descriptor.key,
 						"data-row-key": __props.row.key,
@@ -318,16 +330,14 @@ var STableRow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 						unref(slots)["cell-actions"] && !__props.placeholder ? (openBlock(), createElementBlock("span", _hoisted_4, [renderSlot(_ctx.$slots, "cell-actions", mergeProps({ ref_for: true }, buildCellSlotScope(cellPlan)))])) : createCommentVNode("", true)
 					], 6))], 14, _hoisted_2);
 				}), 128)),
-				_cache[6] || (_cache[6] = createElementVNode("td", {
-					class: "s-ui-table__cell s-ui-table__filler-cell",
-					role: "presentation"
-				}, null, -1)),
+				__props.filler ? (openBlock(), createElementBlock("td", _hoisted_5)) : createCommentVNode("", true),
 				(openBlock(true), createElementBlock(Fragment, null, renderList(__props.trailingPlans, (cellPlan) => {
 					return openBlock(), createElementBlock("td", {
 						id: buildCellId(cellPlan.descriptor.key),
 						key: cellPlan.descriptor.key,
 						class: normalizeClass(cellPlan.cellClass),
 						style: normalizeStyle(cellPlan.style),
+						colspan: cellPlan.colspan,
 						"aria-colindex": cellPlan.descriptor.colIndex,
 						"data-column-key": cellPlan.descriptor.key,
 						"data-row-key": __props.row.key,
@@ -335,7 +345,7 @@ var STableRow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 						"aria-disabled": getCellAriaDisabled(cellPlan),
 						"aria-readonly": getCellAriaReadonly(cellPlan),
 						tabindex: getCellTabIndex(cellPlan.descriptor.key)
-					}, [cellPlan.descriptor.service === unref(ESTableServiceColumn).RIGHT_EDGE ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [!__props.placeholder ? (openBlock(), createElementBlock("div", _hoisted_6, [renderSlot(_ctx.$slots, "right-edge", mergeProps({ ref_for: true }, buildRowSlotScope()))])) : createCommentVNode("", true)], 64)) : __props.placeholder ? (openBlock(), createElementBlock("div", {
+					}, [cellPlan.descriptor.service === unref(ESTableServiceColumn).RIGHT_EDGE ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [!__props.placeholder ? (openBlock(), createElementBlock("div", _hoisted_7, [renderSlot(_ctx.$slots, "right-edge", mergeProps({ ref_for: true }, buildRowSlotScope()))])) : createCommentVNode("", true)], 64)) : __props.placeholder ? (openBlock(), createElementBlock("div", {
 						key: 1,
 						class: "s-ui-table__cell-body",
 						style: normalizeStyle(getCellBodyStyle(cellPlan))
@@ -350,7 +360,7 @@ var STableRow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 						key: 1,
 						column: cellPlan.descriptor.column,
 						item: __props.row.item
-					}, null, 8, ["column", "item"])) : createCommentVNode("", true), unref(slots)["cell-actions"] && !__props.placeholder ? (openBlock(), createElementBlock("span", _hoisted_7, [renderSlot(_ctx.$slots, "cell-actions", mergeProps({ ref_for: true }, buildCellSlotScope(cellPlan)))])) : createCommentVNode("", true)], 6))], 14, _hoisted_5);
+					}, null, 8, ["column", "item"])) : createCommentVNode("", true), unref(slots)["cell-actions"] && !__props.placeholder ? (openBlock(), createElementBlock("span", _hoisted_8, [renderSlot(_ctx.$slots, "cell-actions", mergeProps({ ref_for: true }, buildCellSlotScope(cellPlan)))])) : createCommentVNode("", true)], 6))], 14, _hoisted_6);
 				}), 128))
 			], 46, _hoisted_1);
 		};

package/dist/components/STable/parts/STableSkeletonRow.vue.d.ts

@@ -3,6 +3,8 @@ declare const __VLS_export: <TItem extends Record<string, unknown>>(__VLS_props:
     props: import("vue").PublicProps & __VLS_PrettifyLocal<{
         leadingPlans: readonly TSTableCellRenderPlan<TItem>[];
         trailingPlans: readonly TSTableCellRenderPlan<TItem>[];
+        /** Филлер в теле; без него его место занимает последняя левая ячейка. */
+        filler?: boolean;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

package/dist/components/STable/parts/STableSkeletonRow.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"STableSkeletonRow.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/STable/parts/STableSkeletonRow.vue"],"names":[],"mappings":"AAmDA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAA;AAErE,QAAA,MAAM,YAAY,GAAK,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC3D,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WA4FO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB;sBA1FvC,SAAS,qBAAqB,CAAC,KAAK,CAAC,EAAE;uBACtC,SAAS,qBAAqB,CAAC,KAAK,CAAC,EAAE;MAyFkB,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC1I,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;kBArFC,CAAC,KAAK,EAAE;YAAE,UAAU,EAAE,qBAAqB,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CAAA;SAAE,KAAK,OAAO;;UAuFnF,EAAE;EAEL,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAI,CAAC;wBACvD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}
+{"version":3,"file":"STableSkeletonRow.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/STable/parts/STableSkeletonRow.vue"],"names":[],"mappings":"AA2DA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAA;AAErE,QAAA,MAAM,YAAY,GAAK,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC3D,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WAsGO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB;sBApGvC,SAAS,qBAAqB,CAAC,KAAK,CAAC,EAAE;uBACtC,SAAS,qBAAqB,CAAC,KAAK,CAAC,EAAE;QACtD,yEAAyE;iBAChE,OAAO;MAiGwD,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC1I,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;kBAzFC,CAAC,KAAK,EAAE;YAAE,UAAU,EAAE,qBAAqB,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CAAA;SAAE,KAAK,OAAO;;UA2FnF,EAAE;EAEL,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAI,CAAC;wBACvD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}

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

@@ -5,12 +5,23 @@ var _hoisted_1 = {
 	class: "s-ui-table__row s-ui-table__row--skeleton",
 	"aria-hidden": "true"
 };
-var _hoisted_2 = { class: "s-ui-table__cell-body" };
+var _hoisted_2 = ["colspan"];
+var _hoisted_3 = { class: "s-ui-table__cell-body" };
+var _hoisted_4 = {
+	key: 0,
+	class: "s-ui-table__cell s-ui-table__filler-cell",
+	role: "presentation"
+};
+var _hoisted_5 = ["colspan"];
 var STableSkeletonRow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 	__name: "STableSkeletonRow",
 	props: {
 		leadingPlans: {},
-		trailingPlans: {}
+		trailingPlans: {},
+		filler: {
+			type: Boolean,
+			default: true
+		}
 	},
 	setup(__props) {
 		return (_ctx, _cache) => {
@@ -19,25 +30,24 @@ var STableSkeletonRow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 					return (0, vue.openBlock)(), (0, vue.createElementBlock)("td", {
 						key: cellPlan.descriptor.key,
 						class: (0, vue.normalizeClass)(cellPlan.cellClass),
-						style: (0, vue.normalizeStyle)(cellPlan.style)
+						style: (0, vue.normalizeStyle)(cellPlan.style),
+						colspan: cellPlan.colspan
 					}, [cellPlan.descriptor.column ? (0, vue.renderSlot)(_ctx.$slots, "default", {
 						key: 0,
 						descriptor: cellPlan.descriptor
-					}, () => [(0, vue.createElementVNode)("div", _hoisted_2, [(0, vue.createVNode)((0, vue.unref)(_shtabapp_ui_kit_primitives.SSkeleton), {
+					}, () => [(0, vue.createElementVNode)("div", _hoisted_3, [(0, vue.createVNode)((0, vue.unref)(_shtabapp_ui_kit_primitives.SSkeleton), {
 						class: "s-ui-table__skeleton",
 						type: cellPlan.descriptor.primary ? (0, vue.unref)(_shtabapp_ui_kit_primitives.ESSkeletonType).S_TABLE_ROW : (0, vue.unref)(_shtabapp_ui_kit_primitives.ESSkeletonType).S_TABLE_CELL
-					}, null, 8, ["type"])])]) : (0, vue.createCommentVNode)("", true)], 6);
+					}, null, 8, ["type"])])]) : (0, vue.createCommentVNode)("", true)], 14, _hoisted_2);
 				}), 128)),
-				_cache[0] || (_cache[0] = (0, vue.createElementVNode)("td", {
-					class: "s-ui-table__cell s-ui-table__filler-cell",
-					role: "presentation"
-				}, null, -1)),
+				__props.filler ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", _hoisted_4)) : (0, vue.createCommentVNode)("", true),
 				((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.trailingPlans, (cellPlan) => {
 					return (0, vue.openBlock)(), (0, vue.createElementBlock)("td", {
 						key: cellPlan.descriptor.key,
 						class: (0, vue.normalizeClass)(cellPlan.cellClass),
-						style: (0, vue.normalizeStyle)(cellPlan.style)
-					}, null, 6);
+						style: (0, vue.normalizeStyle)(cellPlan.style),
+						colspan: cellPlan.colspan
+					}, null, 14, _hoisted_5);
 				}), 128))
 			]);
 		};

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

@@ -5,12 +5,23 @@ var _hoisted_1 = {
 	class: "s-ui-table__row s-ui-table__row--skeleton",
 	"aria-hidden": "true"
 };
-var _hoisted_2 = { class: "s-ui-table__cell-body" };
+var _hoisted_2 = ["colspan"];
+var _hoisted_3 = { class: "s-ui-table__cell-body" };
+var _hoisted_4 = {
+	key: 0,
+	class: "s-ui-table__cell s-ui-table__filler-cell",
+	role: "presentation"
+};
+var _hoisted_5 = ["colspan"];
 var STableSkeletonRow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "STableSkeletonRow",
 	props: {
 		leadingPlans: {},
-		trailingPlans: {}
+		trailingPlans: {},
+		filler: {
+			type: Boolean,
+			default: true
+		}
 	},
 	setup(__props) {
 		return (_ctx, _cache) => {
@@ -19,25 +30,24 @@ var STableSkeletonRow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 					return openBlock(), createElementBlock("td", {
 						key: cellPlan.descriptor.key,
 						class: normalizeClass(cellPlan.cellClass),
-						style: normalizeStyle(cellPlan.style)
+						style: normalizeStyle(cellPlan.style),
+						colspan: cellPlan.colspan
 					}, [cellPlan.descriptor.column ? renderSlot(_ctx.$slots, "default", {
 						key: 0,
 						descriptor: cellPlan.descriptor
-					}, () => [createElementVNode("div", _hoisted_2, [createVNode(unref(SSkeleton), {
+					}, () => [createElementVNode("div", _hoisted_3, [createVNode(unref(SSkeleton), {
 						class: "s-ui-table__skeleton",
 						type: cellPlan.descriptor.primary ? unref(ESSkeletonType).S_TABLE_ROW : unref(ESSkeletonType).S_TABLE_CELL
-					}, null, 8, ["type"])])]) : createCommentVNode("", true)], 6);
+					}, null, 8, ["type"])])]) : createCommentVNode("", true)], 14, _hoisted_2);
 				}), 128)),
-				_cache[0] || (_cache[0] = createElementVNode("td", {
-					class: "s-ui-table__cell s-ui-table__filler-cell",
-					role: "presentation"
-				}, null, -1)),
+				__props.filler ? (openBlock(), createElementBlock("td", _hoisted_4)) : createCommentVNode("", true),
 				(openBlock(true), createElementBlock(Fragment, null, renderList(__props.trailingPlans, (cellPlan) => {
 					return openBlock(), createElementBlock("td", {
 						key: cellPlan.descriptor.key,
 						class: normalizeClass(cellPlan.cellClass),
-						style: normalizeStyle(cellPlan.style)
-					}, null, 6);
+						style: normalizeStyle(cellPlan.style),
+						colspan: cellPlan.colspan
+					}, null, 14, _hoisted_5);
 				}), 128))
 			]);
 		};

package/dist/components/STable/utils/useTableCellPlans.cjs

@@ -82,11 +82,40 @@ var useTableCellPlans = ({ columnDescriptors, hasTreeStructure, expandColumnKey,
 			chevron: isExpandColumn(descriptor)
 		};
 	};
+	/**
+	* Колонка управления колонками живёт только в шапке: в теле её ячейки не рисуются, место
+	* под кнопкой занимает последняя ячейка строки. Без других правых колонок это последняя
+	* левая ячейка — она растягивается и на филлер, иначе пустая ячейка у края строки липла
+	* бы поверх контента или торчала полосой; с правыми — последняя из них, прижатая к краю.
+	*/
+	const hasColumnsManager = (0, vue.computed)(() => {
+		return trailingDescriptors.value[trailingDescriptors.value.length - 1]?.service === require_useTableColumns.ESTableServiceColumn.COLUMNS_MANAGER;
+	});
+	const bodyTrailingDescriptors = (0, vue.computed)(() => {
+		return hasColumnsManager.value ? trailingDescriptors.value.slice(0, -1) : trailingDescriptors.value;
+	});
+	/** Филлер в теле есть, пока его место не забрала последняя левая ячейка. */
+	const bodyFiller = (0, vue.computed)(() => {
+		return !hasColumnsManager.value || bodyTrailingDescriptors.value.length > 0;
+	});
 	const leadingCellPlans = (0, vue.computed)(() => {
-		return leadingDescriptors.value.map(buildCellRenderPlan);
+		const cellPlans = leadingDescriptors.value.map(buildCellRenderPlan);
+		const lastPlan = cellPlans[cellPlans.length - 1];
+		if (bodyFiller.value || !lastPlan) return cellPlans;
+		return [...cellPlans.slice(0, -1), {
+			...lastPlan,
+			colspan: 3
+		}];
 	});
 	const trailingCellPlans = (0, vue.computed)(() => {
-		return trailingDescriptors.value.map(buildCellRenderPlan);
+		const cellPlans = bodyTrailingDescriptors.value.map(buildCellRenderPlan);
+		const lastPlan = cellPlans[cellPlans.length - 1];
+		if (!hasColumnsManager.value || !lastPlan) return cellPlans;
+		return [...cellPlans.slice(0, -1), {
+			...lastPlan,
+			colspan: 2,
+			style: { right: "0px" }
+		}];
 	});
 	return {
 		leadingDescriptors,
@@ -103,15 +132,17 @@ var useTableCellPlans = ({ columnDescriptors, hasTreeStructure, expandColumnKey,
 					cellPlan
 				};
 			};
+			const fillerEntries = bodyFiller.value ? [{
+				key: require_tableSizes.TABLE_FILLER_COLUMN_KEY,
+				cellPlan: void 0
+			}] : [];
 			return [
 				...leadingCellPlans.value.map(describe),
-				{
-					key: require_tableSizes.TABLE_FILLER_COLUMN_KEY,
-					cellPlan: void 0
-				},
+				...fillerEntries,
 				...trailingCellPlans.value.map(describe)
 			];
-		})
+		}),
+		bodyFiller
 	};
 };
 //#endregion

package/dist/components/STable/utils/useTableCellPlans.d.ts

@@ -46,5 +46,6 @@ export declare const useTableCellPlans: <TItem extends Record<string, unknown>>(
     leadingCellPlans: ComputedRef<TSTableCellRenderPlan<TItem>[]>;
     trailingCellPlans: ComputedRef<TSTableCellRenderPlan<TItem>[]>;
     rowCellPlans: ComputedRef<TSTableRowCellEntry<TItem>[]>;
+    bodyFiller: ComputedRef<boolean>;
 };
 //# sourceMappingURL=useTableCellPlans.d.ts.map

package/dist/components/STable/utils/useTableCellPlans.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTableCellPlans.d.ts","sourceRoot":"","sources":["../../../../src/components/STable/utils/useTableCellPlans.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAA;AAIhF,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,EACzB,MAAM,mBAAmB,CAAA;AAQ1B,MAAM,WAAW,yBAAyB,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC9E,iBAAiB,EAAE,WAAW,CAAC,uBAAuB,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;IAChE,uEAAuE;IACvE,gBAAgB,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAC3C,eAAe,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IACrD,gBAAgB,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;CACvD;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB,GAAI,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,6EAKtE,yBAAyB,CAAC,KAAK,CAAC;;;;;;;;;;qCAyBO,uBAAuB,CAAC,KAAK,CAAC;;;;;;;;;uCAgB5B,uBAAuB,CAAC,KAAK,CAAC;;;;;;;;;;;CA2EzE,CAAA"}
+{"version":3,"file":"useTableCellPlans.d.ts","sourceRoot":"","sources":["../../../../src/components/STable/utils/useTableCellPlans.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAA;AAIhF,OAAO,EAGL,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,EACzB,MAAM,mBAAmB,CAAA;AAQ1B,MAAM,WAAW,yBAAyB,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC9E,iBAAiB,EAAE,WAAW,CAAC,uBAAuB,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;IAChE,uEAAuE;IACvE,gBAAgB,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAC3C,eAAe,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IACrD,gBAAgB,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;CACvD;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB,GAAI,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,6EAKtE,yBAAyB,CAAC,KAAK,CAAC;;;;;;;;;;qCAyBO,uBAAuB,CAAC,KAAK,CAAC;;;;;;;;;uCAgB5B,uBAAuB,CAAC,KAAK,CAAC;;;;;;;;;;;;CAsHzE,CAAA"}

package/dist/components/STable/utils/useTableCellPlans.js

@@ -1,6 +1,6 @@
 import { ESTableColumnAlign, ESTableColumnSticky } from "../STable.types.js";
 import { TABLE_FILLER_COLUMN_KEY } from "../constants/tableSizes.js";
-import { TABLE_SERVICE_COLUMN_CSS_NAME } from "./useTableColumns.js";
+import { ESTableServiceColumn, TABLE_SERVICE_COLUMN_CSS_NAME } from "./useTableColumns.js";
 import { computed, toValue } from "vue";
 //#region src/components/STable/utils/useTableCellPlans.ts
 var CELL_ALIGN_CLASS = {
@@ -82,11 +82,40 @@ var useTableCellPlans = ({ columnDescriptors, hasTreeStructure, expandColumnKey,
 			chevron: isExpandColumn(descriptor)
 		};
 	};
+	/**
+	* Колонка управления колонками живёт только в шапке: в теле её ячейки не рисуются, место
+	* под кнопкой занимает последняя ячейка строки. Без других правых колонок это последняя
+	* левая ячейка — она растягивается и на филлер, иначе пустая ячейка у края строки липла
+	* бы поверх контента или торчала полосой; с правыми — последняя из них, прижатая к краю.
+	*/
+	const hasColumnsManager = computed(() => {
+		return trailingDescriptors.value[trailingDescriptors.value.length - 1]?.service === ESTableServiceColumn.COLUMNS_MANAGER;
+	});
+	const bodyTrailingDescriptors = computed(() => {
+		return hasColumnsManager.value ? trailingDescriptors.value.slice(0, -1) : trailingDescriptors.value;
+	});
+	/** Филлер в теле есть, пока его место не забрала последняя левая ячейка. */
+	const bodyFiller = computed(() => {
+		return !hasColumnsManager.value || bodyTrailingDescriptors.value.length > 0;
+	});
 	const leadingCellPlans = computed(() => {
-		return leadingDescriptors.value.map(buildCellRenderPlan);
+		const cellPlans = leadingDescriptors.value.map(buildCellRenderPlan);
+		const lastPlan = cellPlans[cellPlans.length - 1];
+		if (bodyFiller.value || !lastPlan) return cellPlans;
+		return [...cellPlans.slice(0, -1), {
+			...lastPlan,
+			colspan: 3
+		}];
 	});
 	const trailingCellPlans = computed(() => {
-		return trailingDescriptors.value.map(buildCellRenderPlan);
+		const cellPlans = bodyTrailingDescriptors.value.map(buildCellRenderPlan);
+		const lastPlan = cellPlans[cellPlans.length - 1];
+		if (!hasColumnsManager.value || !lastPlan) return cellPlans;
+		return [...cellPlans.slice(0, -1), {
+			...lastPlan,
+			colspan: 2,
+			style: { right: "0px" }
+		}];
 	});
 	return {
 		leadingDescriptors,
@@ -103,15 +132,17 @@ var useTableCellPlans = ({ columnDescriptors, hasTreeStructure, expandColumnKey,
 					cellPlan
 				};
 			};
+			const fillerEntries = bodyFiller.value ? [{
+				key: TABLE_FILLER_COLUMN_KEY,
+				cellPlan: void 0
+			}] : [];
 			return [
 				...leadingCellPlans.value.map(describe),
-				{
-					key: TABLE_FILLER_COLUMN_KEY,
-					cellPlan: void 0
-				},
+				...fillerEntries,
 				...trailingCellPlans.value.map(describe)
 			];
-		})
+		}),
+		bodyFiller
 	};
 };
 //#endregion

package/dist/components/STable/utils/useTableColumns.d.ts

@@ -52,6 +52,8 @@ export type TSTableCellRenderPlan<TItem extends Record<string, unknown> = Record
         right?: string;
         '--s-ui-table-cell-inline-offset'?: string;
     };
+    /** Ячейка тела занимает и место колонки управления колонками (а без правых колонок — филлера). */
+    colspan?: number;
     /** В этой колонке рисуются шеврон дерева и отступ уровня. */
     chevron: boolean;
 };

package/dist/components/STable/utils/useTableColumns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTableColumns.d.ts","sourceRoot":"","sources":["../../../../src/components/STable/utils/useTableColumns.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useTableColumns.d.ts","sourceRoot":"","sources":["../../../../src/components/STable/utils/useTableColumns.ts"],"names":[],"mappings":"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"}

package/dist/components/STable/utils/useTableContentWidths.cjs

@@ -32,7 +32,9 @@ var useTableContentWidths = ({ scrollElement }) => {
 			if (!(cellBody instanceof HTMLElement) || !cell || !columnKey) return;
 			const overflow = cellBody.scrollWidth - cellBody.clientWidth;
 			if (overflow <= 0 || cell.matches(":hover, :focus-within")) return;
-			const neededWidth = Math.min(640, Math.ceil(cell.offsetWidth + overflow));
+			const headerCell = container.querySelector(`thead th[data-column-key="${CSS.escape(columnKey)}"]`);
+			const columnWidth = headerCell instanceof HTMLElement ? headerCell.offsetWidth : cell.offsetWidth;
+			const neededWidth = Math.min(640, Math.ceil(columnWidth + overflow));
 			if (neededWidth > (nextWidths[columnKey] ?? contentWidths.value[columnKey] ?? 0)) nextWidths[columnKey] = neededWidth;
 		});
 		if (Object.keys(nextWidths).length > 0) contentWidths.value = {

package/dist/components/STable/utils/useTableContentWidths.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTableContentWidths.d.ts","sourceRoot":"","sources":["../../../../src/components/STable/utils/useTableContentWidths.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAA;AAKzD,MAAM,WAAW,6BAA6B;IAC5C,aAAa,EAAE,gBAAgB,CAAC,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC,CAAA;CAChE;AAMD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,qBAAqB,GAAI,mBAAmB,6BAA6B;;;CAgErF,CAAA"}
+{"version":3,"file":"useTableContentWidths.d.ts","sourceRoot":"","sources":["../../../../src/components/STable/utils/useTableContentWidths.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAA;AAKzD,MAAM,WAAW,6BAA6B;IAC5C,aAAa,EAAE,gBAAgB,CAAC,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC,CAAA;CAChE;AAMD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,qBAAqB,GAAI,mBAAmB,6BAA6B;;;CAsErF,CAAA"}

package/dist/components/STable/utils/useTableContentWidths.js

@@ -32,7 +32,9 @@ var useTableContentWidths = ({ scrollElement }) => {
 			if (!(cellBody instanceof HTMLElement) || !cell || !columnKey) return;
 			const overflow = cellBody.scrollWidth - cellBody.clientWidth;
 			if (overflow <= 0 || cell.matches(":hover, :focus-within")) return;
-			const neededWidth = Math.min(640, Math.ceil(cell.offsetWidth + overflow));
+			const headerCell = container.querySelector(`thead th[data-column-key="${CSS.escape(columnKey)}"]`);
+			const columnWidth = headerCell instanceof HTMLElement ? headerCell.offsetWidth : cell.offsetWidth;
+			const neededWidth = Math.min(640, Math.ceil(columnWidth + overflow));
 			if (neededWidth > (nextWidths[columnKey] ?? contentWidths.value[columnKey] ?? 0)) nextWidths[columnKey] = neededWidth;
 		});
 		if (Object.keys(nextWidths).length > 0) contentWidths.value = {