@shtabapp/ui-kit 1.85.0 → 1.85.2

package/dist/components/SList/utils/listOptionId.cjs

@@ -0,0 +1,6 @@
+//#region src/components/SList/utils/listOptionId.ts
+var buildListItemOptionId = (listInstanceId, rowKey) => {
+	return `s-ui-list-option-${listInstanceId}-${rowKey}`;
+};
+//#endregion
+exports.buildListItemOptionId = buildListItemOptionId;

package/dist/components/SList/utils/listOptionId.js

@@ -0,0 +1,6 @@
+//#region src/components/SList/utils/listOptionId.ts
+var buildListItemOptionId = (listInstanceId, rowKey) => {
+	return `s-ui-list-option-${listInstanceId}-${rowKey}`;
+};
+//#endregion
+export { buildListItemOptionId };

package/dist/components/SList/utils/resolveListItemFields.cjs

@@ -0,0 +1,22 @@
+let _shtabapp_ui_kit_primitives = require("@shtabapp/ui-kit-primitives");
+//#region src/components/SList/utils/resolveListItemFields.ts
+var resolveListItemStringField = (item, fieldKey) => {
+	const fieldValue = item[fieldKey];
+	if (typeof fieldValue === "string") return fieldValue;
+};
+var resolveListItemBooleanField = (item, fieldKey) => {
+	const fieldValue = item[fieldKey];
+	if (typeof fieldValue === "boolean") return fieldValue;
+	return false;
+};
+var isIconName = (iconName) => {
+	return iconName in _shtabapp_ui_kit_primitives.ESIconName;
+};
+var resolveListItemIconField = (item, fieldKey) => {
+	const fieldValue = item[fieldKey];
+	if (typeof fieldValue === "string" && fieldValue.length > 0 && isIconName(fieldValue)) return fieldValue;
+};
+//#endregion
+exports.resolveListItemBooleanField = resolveListItemBooleanField;
+exports.resolveListItemIconField = resolveListItemIconField;
+exports.resolveListItemStringField = resolveListItemStringField;

package/dist/components/SList/utils/resolveListItemFields.js

@@ -0,0 +1,20 @@
+import { ESIconName } from "@shtabapp/ui-kit-primitives";
+//#region src/components/SList/utils/resolveListItemFields.ts
+var resolveListItemStringField = (item, fieldKey) => {
+	const fieldValue = item[fieldKey];
+	if (typeof fieldValue === "string") return fieldValue;
+};
+var resolveListItemBooleanField = (item, fieldKey) => {
+	const fieldValue = item[fieldKey];
+	if (typeof fieldValue === "boolean") return fieldValue;
+	return false;
+};
+var isIconName = (iconName) => {
+	return iconName in ESIconName;
+};
+var resolveListItemIconField = (item, fieldKey) => {
+	const fieldValue = item[fieldKey];
+	if (typeof fieldValue === "string" && fieldValue.length > 0 && isIconName(fieldValue)) return fieldValue;
+};
+//#endregion
+export { resolveListItemBooleanField, resolveListItemIconField, resolveListItemStringField };

package/dist/components/SListItem/SListItem.types.cjs

@@ -0,0 +1,29 @@
+//#region src/components/SListItem/SListItem.types.ts
+var ESListItemVariant = /* @__PURE__ */ function(ESListItemVariant) {
+	ESListItemVariant["NEUTRAL"] = "neutral";
+	ESListItemVariant["SECONDARY"] = "secondary";
+	ESListItemVariant["MAIN"] = "main";
+	ESListItemVariant["ERROR"] = "error";
+	ESListItemVariant["BILLING"] = "billing";
+	return ESListItemVariant;
+}({});
+/**
+* ARIA-роль строки. Внутри `SList` по умолчанию `option` (или `treeitem` у дерева), в панели-меню
+* (`SDropdown` с `menu`) — `menuitem`, иначе — `button`: строка фокусируется и срабатывает по
+* Enter/Space.
+* `none` — строка-контейнер без своей семантики (например, с интерактивными детьми).
+*/
+var ESListItemRole = /* @__PURE__ */ function(ESListItemRole) {
+	ESListItemRole["OPTION"] = "option";
+	ESListItemRole["TREEITEM"] = "treeitem";
+	ESListItemRole["MENUITEM"] = "menuitem";
+	ESListItemRole["MENUITEMCHECKBOX"] = "menuitemcheckbox";
+	ESListItemRole["MENUITEMRADIO"] = "menuitemradio";
+	ESListItemRole["BUTTON"] = "button";
+	ESListItemRole["LINK"] = "link";
+	ESListItemRole["NONE"] = "none";
+	return ESListItemRole;
+}({});
+//#endregion
+exports.ESListItemRole = ESListItemRole;
+exports.ESListItemVariant = ESListItemVariant;

package/dist/components/SListItem/SListItem.types.js

@@ -0,0 +1,28 @@
+//#region src/components/SListItem/SListItem.types.ts
+var ESListItemVariant = /* @__PURE__ */ function(ESListItemVariant) {
+	ESListItemVariant["NEUTRAL"] = "neutral";
+	ESListItemVariant["SECONDARY"] = "secondary";
+	ESListItemVariant["MAIN"] = "main";
+	ESListItemVariant["ERROR"] = "error";
+	ESListItemVariant["BILLING"] = "billing";
+	return ESListItemVariant;
+}({});
+/**
+* ARIA-роль строки. Внутри `SList` по умолчанию `option` (или `treeitem` у дерева), в панели-меню
+* (`SDropdown` с `menu`) — `menuitem`, иначе — `button`: строка фокусируется и срабатывает по
+* Enter/Space.
+* `none` — строка-контейнер без своей семантики (например, с интерактивными детьми).
+*/
+var ESListItemRole = /* @__PURE__ */ function(ESListItemRole) {
+	ESListItemRole["OPTION"] = "option";
+	ESListItemRole["TREEITEM"] = "treeitem";
+	ESListItemRole["MENUITEM"] = "menuitem";
+	ESListItemRole["MENUITEMCHECKBOX"] = "menuitemcheckbox";
+	ESListItemRole["MENUITEMRADIO"] = "menuitemradio";
+	ESListItemRole["BUTTON"] = "button";
+	ESListItemRole["LINK"] = "link";
+	ESListItemRole["NONE"] = "none";
+	return ESListItemRole;
+}({});
+//#endregion
+export { ESListItemRole, ESListItemVariant };

package/dist/components/SListItem/SListItem.vue.cjs

@@ -0,0 +1,6 @@
+const require_SListItem_vue_vue_type_script_setup_true_lang = require("./SListItem.vue_vue_type_script_setup_true_lang.cjs");
+;/* empty css                                                               */
+//#region src/components/SListItem/SListItem.vue
+var SListItem_default = require_SListItem_vue_vue_type_script_setup_true_lang.default;
+//#endregion
+exports.default = SListItem_default;

package/dist/components/SListItem/SListItem.vue.js

@@ -0,0 +1,6 @@
+import SListItem_vue_vue_type_script_setup_true_lang_default from "./SListItem.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                             */
+//#region src/components/SListItem/SListItem.vue
+var SListItem_default = SListItem_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { SListItem_default as default };

package/dist/components/SListItem/SListItem.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,347 @@
+const require_SButton_types = require("../SButton/SButton.types.cjs");
+const require_useSelectionGroupItem = require("../../composables/useSelectionGroupItem.cjs");
+const require_SButton = require("../SButton/SButton.vue.cjs");
+const require_context = require("../SList/utils/context.cjs");
+const require_SListItem_types = require("./SListItem.types.cjs");
+const require_listItemAria = require("./utils/listItemAria.cjs");
+let vue = require("vue");
+let _shtabapp_ui_kit_primitives = require("@shtabapp/ui-kit-primitives");
+//#region src/components/SListItem/SListItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"id",
+	"tabindex",
+	"title"
+];
+var _hoisted_2 = {
+	key: 0,
+	class: "s-ui-list-item__level"
+};
+var _hoisted_3 = { class: "s-ui-list-item__body" };
+var _hoisted_4 = {
+	key: 0,
+	class: "s-ui-list-item__icon-left"
+};
+var _hoisted_5 = { class: "s-ui-list-item__text" };
+var _hoisted_6 = {
+	key: 0,
+	class: "s-ui-list-item__title s-ui-typography-label-14-medium"
+};
+var _hoisted_7 = {
+	key: 1,
+	class: "s-ui-list-item__subtitle s-ui-typography-body-12-regular"
+};
+var _hoisted_8 = {
+	key: 1,
+	class: "s-ui-list-item__title-action"
+};
+var _hoisted_9 = {
+	key: 1,
+	class: "s-ui-list-item__actions"
+};
+var _hoisted_10 = { class: "s-ui-list-item__actions-reveal" };
+var _hoisted_11 = { class: "s-ui-list-item__actions-inner" };
+var _hoisted_12 = {
+	key: 0,
+	class: "s-ui-list-item__trailing"
+};
+var _hoisted_13 = {
+	key: 1,
+	class: "s-ui-list-item__action-end"
+};
+var EMBEDDED_CONTROL_SELECTOR = ".s-ui-list-item__expand, .s-ui-list-item__title-action, .s-ui-list-item__actions";
+var DEFAULT_ICON_LEFT_SIZE = 16;
+var INTERACTIVE_TARGET_SELECTOR = "a, button, input, select, textarea, [role=\"button\"], [role=\"link\"], [contenteditable=\"true\"]";
+/** Клик глушится только по интерактивным контролам в служебных зонах; текст, бейдж или иконка там ведут на строку. */
+var SListItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "SListItem",
+	props: {
+		depth: { default: 0 },
+		hasLevel: {
+			type: Boolean,
+			default: false
+		},
+		expandable: {
+			type: Boolean,
+			default: false
+		},
+		expanded: {
+			type: Boolean,
+			default: false
+		},
+		variant: { default: () => require_SListItem_types.ESListItemVariant.NEUTRAL },
+		tiny: {
+			type: Boolean,
+			default: false
+		},
+		compact: {
+			type: Boolean,
+			default: false
+		},
+		flush: {
+			type: Boolean,
+			default: false
+		},
+		transparent: {
+			type: Boolean,
+			default: false
+		},
+		selected: {
+			type: Boolean,
+			default: false
+		},
+		active: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		readonly: {
+			type: Boolean,
+			default: false
+		},
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		iconOnly: {
+			type: Boolean,
+			default: false
+		},
+		title: {},
+		subtitle: {},
+		iconLeft: {},
+		iconLeftSize: {},
+		rowKey: {},
+		revealRight: { type: Boolean },
+		expandOnClick: { type: Boolean },
+		role: {}
+	},
+	emits: [
+		"click",
+		"toggleExpand",
+		"keydown"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const emit = __emit;
+		const actionSlotProps = (0, vue.computed)(() => ({
+			disabled: __props.disabled,
+			readonly: __props.readonly
+		}));
+		const slots = (0, vue.useSlots)();
+		const listItemElementRef = (0, vue.useTemplateRef)("listItemElementRef");
+		const listContext = (0, vue.inject)(require_context.sListInjectionKey, null);
+		const { t } = (0, _shtabapp_ui_kit_primitives.useUiKitI18n)();
+		const selectionItem = require_useSelectionGroupItem.useSelectionGroupItem({
+			group: () => listContext,
+			value: () => __props.rowKey,
+			el: () => listItemElementRef.value,
+			disabled: () => __props.disabled || __props.loading,
+			interactive: () => !__props.readonly && !__props.loading
+		});
+		const useBillingIconGradient = (0, vue.computed)(() => {
+			return __props.variant === require_SListItem_types.ESListItemVariant.BILLING && !__props.disabled;
+		});
+		const STANDALONE_ACTIVATION_KEYS = [
+			"Enter",
+			" ",
+			"Spacebar"
+		];
+		const resolvedExpanded = (0, vue.computed)(() => {
+			if (listContext && __props.rowKey) return listContext.isExpanded(__props.rowKey);
+			return __props.expanded;
+		});
+		const expandToggleAriaLabel = (0, vue.computed)(() => {
+			if (resolvedExpanded.value) return t("listItem.collapse");
+			return t("listItem.expand");
+		});
+		const resolvedSelected = (0, vue.computed)(() => {
+			if (selectionItem.isInGroup.value) return selectionItem.isActive.value;
+			return __props.selected;
+		});
+		const resolvedActive = (0, vue.computed)(() => {
+			if (listContext && __props.rowKey) return listContext.activeKey() === __props.rowKey;
+			return __props.active;
+		});
+		/** Только иконка: свой проп или `iconOnly` списка (rail). */
+		const resolvedIconOnly = (0, vue.computed)(() => __props.iconOnly || Boolean(listContext?.iconOnly()));
+		/** В режиме только иконки остаются иконка и правая колонка — уголком над ней; прочие зоны не рисуются. */
+		const showsOutsideIconOnly = (shown) => !resolvedIconOnly.value && Boolean(shown);
+		const hasLevelColumn = (0, vue.computed)(() => showsOutsideIconOnly(__props.expandable || __props.depth || __props.hasLevel || slots.level));
+		const hasTitleAction = (0, vue.computed)(() => showsOutsideIconOnly(slots["title-action"]));
+		const hasTrailing = (0, vue.computed)(() => showsOutsideIconOnly(slots.trailing));
+		const hasActionEnd = (0, vue.computed)(() => showsOutsideIconOnly(slots["action-end"]));
+		const hasActions = (0, vue.computed)(() => hasTrailing.value || Boolean(slots.right) || hasActionEnd.value);
+		const resolvedRevealRight = (0, vue.computed)(() => {
+			if (resolvedIconOnly.value) return false;
+			if (__props.revealRight) return true;
+			if (listContext) return listContext.revealRight();
+			return false;
+		});
+		const resolvedExpandOnClick = (0, vue.computed)(() => {
+			if (__props.expandOnClick) return true;
+			if (listContext) return listContext.expandOnClick();
+			return false;
+		});
+		const listItemOptionId = (0, vue.computed)(() => {
+			if (!listContext || !__props.rowKey) return;
+			return listContext.getItemOptionId(__props.rowKey);
+		});
+		/**
+		* Строка в панели-меню (`SDropdown` с `menu`) — пункт меню. Роль контейнера читается из DOM:
+		* триггер вложенного меню — потомок вложенного `SDropdown` во Vue-дереве, а стоит в панели
+		* родителя, поэтому provide/inject дал бы ему чужую роль.
+		*/
+		const isInMenu = (0, vue.shallowRef)(false);
+		(0, vue.onMounted)(() => {
+			isInMenu.value = Boolean(listItemElementRef.value?.parentElement?.closest("[role=\"menu\"]"));
+		});
+		const resolvedRole = (0, vue.computed)(() => {
+			if (__props.role) return __props.role;
+			if (listContext) return listContext.itemRole();
+			return isInMenu.value ? require_SListItem_types.ESListItemRole.MENUITEM : require_SListItem_types.ESListItemRole.BUTTON;
+		});
+		const listItemAriaAttrs = (0, vue.computed)(() => {
+			return require_listItemAria.buildListItemAriaAttrs({
+				role: resolvedRole.value,
+				selected: resolvedSelected.value,
+				expandable: __props.expandable,
+				expanded: resolvedExpanded.value,
+				disabled: __props.disabled,
+				readonly: __props.readonly,
+				loading: __props.loading,
+				depth: __props.depth
+			});
+		});
+		const listItemTabIndex = (0, vue.computed)(() => {
+			if (listContext?.usesActiveDescendantNavigation()) return -1;
+			if (__props.disabled || __props.readonly || __props.loading || resolvedRole.value === require_SListItem_types.ESListItemRole.NONE) return;
+			if (selectionItem.tabIndex.value !== void 0) return selectionItem.tabIndex.value;
+			return 0;
+		});
+		const listItemStyle = (0, vue.computed)(() => {
+			return {
+				"--s-ui-list-item-depth": String(__props.depth),
+				"--s-ui-list-item-icon-size": __props.iconLeftSize === void 0 ? void 0 : `${__props.iconLeftSize}px`
+			};
+		});
+		const listItemClasses = (0, vue.computed)(() => {
+			return [`s-ui-list-item--variant-${__props.variant}`, {
+				"s-ui-list-item--tiny": __props.tiny,
+				"s-ui-list-item--compact": __props.compact,
+				"s-ui-list-item--flush": __props.flush,
+				"s-ui-list-item--transparent": __props.transparent,
+				"s-ui-list-item--selected": resolvedSelected.value,
+				"s-ui-list-item--active": resolvedActive.value,
+				"s-ui-list-item--disabled": __props.disabled,
+				"s-ui-list-item--readonly": __props.readonly,
+				"s-ui-list-item--loading": __props.loading,
+				"s-ui-list-item--expandable": __props.expandable,
+				"s-ui-list-item--reveal-right": resolvedRevealRight.value,
+				"s-ui-list-item--icon-only": resolvedIconOnly.value
+			}];
+		});
+		const toggleExpanded = () => {
+			if (listContext && __props.rowKey) {
+				listContext.toggleExpanded(__props.rowKey);
+				return;
+			}
+			emit("toggleExpand");
+		};
+		const handleToggleExpandClick = () => {
+			if (__props.disabled || __props.readonly || __props.loading) return;
+			toggleExpanded();
+		};
+		const isEmbeddedControlClick = (event) => event.target instanceof Element && Boolean(event.target.closest(EMBEDDED_CONTROL_SELECTOR)) && Boolean(event.target.closest(INTERACTIVE_TARGET_SELECTOR));
+		const handleClick = (event) => {
+			if (__props.disabled || __props.readonly || __props.loading || isEmbeddedControlClick(event)) return;
+			if (__props.expandable && resolvedExpandOnClick.value) if (listContext && __props.rowKey) listContext.toggleExpanded(__props.rowKey);
+			else emit("toggleExpand");
+			if (listContext && __props.rowKey) listContext.setActiveKey(__props.rowKey);
+			if (selectionItem.isInGroup.value) selectionItem.handleClick();
+			emit("click", event);
+		};
+		const handleExpandToggleKeydown = (event) => {
+			if (!__props.expandable || listContext?.handlesTreeKeyboardNavigation()) return false;
+			if (event.key !== "ArrowLeft" && event.key !== "ArrowRight") return false;
+			if (event.key === "ArrowRight" === resolvedExpanded.value) return false;
+			event.preventDefault();
+			toggleExpanded();
+			return true;
+		};
+		/** Вне SList Enter/Space на самой строке (не на вложенном контроле) равны клику. */
+		const handleStandaloneActivationKeydown = (event) => {
+			if (listContext || selectionItem.isInGroup.value) return false;
+			if (!STANDALONE_ACTIVATION_KEYS.includes(event.key)) return false;
+			if (event.target !== listItemElementRef.value) return false;
+			event.preventDefault();
+			listItemElementRef.value?.click();
+			return true;
+		};
+		const handleKeydown = (event) => {
+			if (__props.disabled || __props.readonly || __props.loading) return;
+			if (!handleExpandToggleKeydown(event) && !handleStandaloneActivationKeydown(event) && selectionItem.isInGroup.value) selectionItem.handleKeydown(event);
+			emit("keydown", event);
+		};
+		__expose({ listItemElementRef });
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", (0, vue.mergeProps)({
+				ref_key: "listItemElementRef",
+				ref: listItemElementRef,
+				id: listItemOptionId.value,
+				class: ["s-ui-list-item", listItemClasses.value],
+				style: listItemStyle.value,
+				tabindex: listItemTabIndex.value,
+				title: resolvedIconOnly.value ? __props.title : void 0
+			}, listItemAriaAttrs.value, {
+				onClick: handleClick,
+				onKeydown: handleKeydown
+			}), [__props.loading ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_shtabapp_ui_kit_primitives.SSkeleton), {
+				key: 0,
+				type: (0, vue.unref)(_shtabapp_ui_kit_primitives.ESSkeletonType).S_LIST_ITEM
+			}, null, 8, ["type"])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [
+				hasLevelColumn.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2, [(0, vue.renderSlot)(_ctx.$slots, "level", {}, () => [__props.expandable ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_SButton.default), {
+					key: 0,
+					class: (0, vue.normalizeClass)(["s-ui-list-item__expand", { "s-ui-list-item__expand--expanded": resolvedExpanded.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: "chevronMiniRight",
+					disabled: __props.disabled || __props.readonly,
+					tabindex: -1,
+					"aria-label": expandToggleAriaLabel.value,
+					onClick: (0, vue.withModifiers)(handleToggleExpandClick, ["stop"])
+				}, null, 8, [
+					"class",
+					"appearance",
+					"variant",
+					"size",
+					"disabled",
+					"aria-label"
+				])) : (0, vue.createCommentVNode)("", true)])])) : (0, vue.createCommentVNode)("", true),
+				(0, vue.createElementVNode)("div", _hoisted_3, [
+					__props.iconLeft || (0, vue.unref)(slots)["icon-left"] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_4, [(0, vue.renderSlot)(_ctx.$slots, "icon-left", {}, () => [__props.iconLeft ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_shtabapp_ui_kit_primitives.SIcon), {
+						key: 0,
+						name: __props.iconLeft,
+						size: __props.iconLeftSize ?? DEFAULT_ICON_LEFT_SIZE,
+						billing: useBillingIconGradient.value
+					}, null, 8, [
+						"name",
+						"size",
+						"billing"
+					])) : (0, vue.createCommentVNode)("", true)])])) : (0, vue.createCommentVNode)("", true),
+					(0, vue.createElementVNode)("div", _hoisted_5, [__props.title || (0, vue.unref)(slots).title ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_6, [(0, vue.renderSlot)(_ctx.$slots, "title", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.title), 1)])])) : (0, vue.createCommentVNode)("", true), __props.subtitle || (0, vue.unref)(slots).subtitle ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_7, [(0, vue.renderSlot)(_ctx.$slots, "subtitle", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.subtitle), 1)])])) : (0, vue.createCommentVNode)("", true)]),
+					hasTitleAction.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_8, [(0, vue.renderSlot)(_ctx.$slots, "title-action", (0, vue.normalizeProps)((0, vue.guardReactiveProps)(actionSlotProps.value)))])) : (0, vue.createCommentVNode)("", true)
+				]),
+				hasActions.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_9, [(0, vue.createElementVNode)("div", _hoisted_10, [(0, vue.createElementVNode)("div", _hoisted_11, [
+					hasTrailing.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_12, [(0, vue.renderSlot)(_ctx.$slots, "trailing", (0, vue.normalizeProps)((0, vue.guardReactiveProps)(actionSlotProps.value)))])) : (0, vue.createCommentVNode)("", true),
+					(0, vue.renderSlot)(_ctx.$slots, "right", (0, vue.normalizeProps)((0, vue.guardReactiveProps)(actionSlotProps.value))),
+					hasActionEnd.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_13, [(0, vue.renderSlot)(_ctx.$slots, "action-end", (0, vue.normalizeProps)((0, vue.guardReactiveProps)(actionSlotProps.value)))])) : (0, vue.createCommentVNode)("", true)
+				])])])) : (0, vue.createCommentVNode)("", true)
+			], 64))], 16, _hoisted_1);
+		};
+	}
+});
+//#endregion
+exports.default = SListItem_vue_vue_type_script_setup_true_lang_default;