@shtabapp/ui-kit 1.84.0 → 1.85.1

package/dist/components/SChartStackedBar/utils/createStackedBarTrendPlugin.cjs

@@ -0,0 +1,45 @@
+const require_chartCssVariables = require("../../../utils/chart/core/chartCssVariables.cjs");
+const require_readCssColor = require("../../../utils/chart/css/readCssColor.cjs");
+const require_resolveCssColorValue = require("../../../utils/chart/css/resolveCssColorValue.cjs");
+const require_chartInteractivity = require("../../../utils/chart/core/chartInteractivity.cjs");
+//#region src/components/SChartStackedBar/utils/createStackedBarTrendPlugin.ts
+var LINE_WIDTH = 2;
+var resolveStackedBarTrendColor = (trend, colorHostElement) => trend.color ? require_resolveCssColorValue.resolveCssColorValue(trend.color, colorHostElement) : require_readCssColor.readCssColor(require_chartCssVariables.CHART_CSS_VARIABLES.barTrend, colorHostElement);
+var createStackedBarTrendPlugin = ({ trend, colorHostElement, mutedColor }) => {
+	const trendColor = trend ? resolveStackedBarTrendColor(trend, colorHostElement) : "";
+	return {
+		id: "stackedBarTrend",
+		afterDatasetsDraw(chart) {
+			const yScale = chart.scales.y;
+			const xScale = chart.scales.x;
+			if (!trend || !yScale || !xScale) return;
+			const values = trend.values.slice(0, chart.data.labels?.length ?? 0);
+			const { ctx } = chart;
+			ctx.save();
+			ctx.strokeStyle = require_chartInteractivity.isChartHighlightActive(chart) ? mutedColor : trendColor;
+			ctx.lineWidth = LINE_WIDTH;
+			ctx.lineJoin = "round";
+			ctx.lineCap = "round";
+			ctx.beginPath();
+			let isDrawing = false;
+			values.forEach((value, pointIndex) => {
+				if (value === null) {
+					isDrawing = false;
+					return;
+				}
+				const x = xScale.getPixelForValue(pointIndex);
+				const y = yScale.getPixelForValue(value);
+				if (isDrawing) ctx.lineTo(x, y);
+				else {
+					ctx.moveTo(x, y);
+					isDrawing = true;
+				}
+			});
+			ctx.stroke();
+			ctx.restore();
+		}
+	};
+};
+//#endregion
+exports.createStackedBarTrendPlugin = createStackedBarTrendPlugin;
+exports.resolveStackedBarTrendColor = resolveStackedBarTrendColor;

package/dist/components/SChartStackedBar/utils/createStackedBarTrendPlugin.js

@@ -0,0 +1,44 @@
+import { CHART_CSS_VARIABLES } from "../../../utils/chart/core/chartCssVariables.js";
+import { readCssColor } from "../../../utils/chart/css/readCssColor.js";
+import { resolveCssColorValue } from "../../../utils/chart/css/resolveCssColorValue.js";
+import { isChartHighlightActive } from "../../../utils/chart/core/chartInteractivity.js";
+//#region src/components/SChartStackedBar/utils/createStackedBarTrendPlugin.ts
+var LINE_WIDTH = 2;
+var resolveStackedBarTrendColor = (trend, colorHostElement) => trend.color ? resolveCssColorValue(trend.color, colorHostElement) : readCssColor(CHART_CSS_VARIABLES.barTrend, colorHostElement);
+var createStackedBarTrendPlugin = ({ trend, colorHostElement, mutedColor }) => {
+	const trendColor = trend ? resolveStackedBarTrendColor(trend, colorHostElement) : "";
+	return {
+		id: "stackedBarTrend",
+		afterDatasetsDraw(chart) {
+			const yScale = chart.scales.y;
+			const xScale = chart.scales.x;
+			if (!trend || !yScale || !xScale) return;
+			const values = trend.values.slice(0, chart.data.labels?.length ?? 0);
+			const { ctx } = chart;
+			ctx.save();
+			ctx.strokeStyle = isChartHighlightActive(chart) ? mutedColor : trendColor;
+			ctx.lineWidth = LINE_WIDTH;
+			ctx.lineJoin = "round";
+			ctx.lineCap = "round";
+			ctx.beginPath();
+			let isDrawing = false;
+			values.forEach((value, pointIndex) => {
+				if (value === null) {
+					isDrawing = false;
+					return;
+				}
+				const x = xScale.getPixelForValue(pointIndex);
+				const y = yScale.getPixelForValue(value);
+				if (isDrawing) ctx.lineTo(x, y);
+				else {
+					ctx.moveTo(x, y);
+					isDrawing = true;
+				}
+			});
+			ctx.stroke();
+			ctx.restore();
+		}
+	};
+};
+//#endregion
+export { createStackedBarTrendPlugin, resolveStackedBarTrendColor };

package/dist/components/SChartStackedBar/utils/skeletonStackedBarSeries.cjs

@@ -0,0 +1,79 @@
+const require_buildChartSeriesPoints = require("../../../utils/chart/core/buildChartSeriesPoints.cjs");
+//#region src/components/SChartStackedBar/utils/skeletonStackedBarSeries.ts
+var skeletonChartLabels = [
+	"5 неделя",
+	"6 неделя",
+	"7 неделя",
+	"8 неделя",
+	"9 неделя",
+	"10 неделя",
+	"11 неделя",
+	"12 неделя",
+	"13 неделя",
+	"14 неделя",
+	"15 неделя",
+	"16 неделя"
+];
+var skeletonBottomValues = [
+	12,
+	14,
+	15,
+	16,
+	18,
+	17,
+	16,
+	15,
+	14,
+	13,
+	12,
+	11
+];
+var skeletonMiddleValues = [
+	6,
+	7,
+	8,
+	8,
+	9,
+	8,
+	7,
+	7,
+	6,
+	6,
+	5,
+	5
+];
+var skeletonTopValues = [
+	4,
+	5,
+	5,
+	6,
+	6,
+	5,
+	5,
+	4,
+	4,
+	3,
+	3,
+	3
+];
+var skeletonSeriesLabels = [
+	"Series 1",
+	"Series 2",
+	"Series 3"
+];
+var skeletonStackedBarSeries = [
+	{
+		label: skeletonSeriesLabels[0] ?? "Series 1",
+		points: require_buildChartSeriesPoints.buildChartSeriesPoints(skeletonChartLabels, skeletonBottomValues)
+	},
+	{
+		label: skeletonSeriesLabels[1] ?? "Series 2",
+		points: require_buildChartSeriesPoints.buildChartSeriesPoints(skeletonChartLabels, skeletonMiddleValues)
+	},
+	{
+		label: skeletonSeriesLabels[2] ?? "Series 3",
+		points: require_buildChartSeriesPoints.buildChartSeriesPoints(skeletonChartLabels, skeletonTopValues)
+	}
+];
+//#endregion
+exports.skeletonStackedBarSeries = skeletonStackedBarSeries;

package/dist/components/SChartStackedBar/utils/skeletonStackedBarSeries.js

@@ -0,0 +1,79 @@
+import { buildChartSeriesPoints } from "../../../utils/chart/core/buildChartSeriesPoints.js";
+//#region src/components/SChartStackedBar/utils/skeletonStackedBarSeries.ts
+var skeletonChartLabels = [
+	"5 неделя",
+	"6 неделя",
+	"7 неделя",
+	"8 неделя",
+	"9 неделя",
+	"10 неделя",
+	"11 неделя",
+	"12 неделя",
+	"13 неделя",
+	"14 неделя",
+	"15 неделя",
+	"16 неделя"
+];
+var skeletonBottomValues = [
+	12,
+	14,
+	15,
+	16,
+	18,
+	17,
+	16,
+	15,
+	14,
+	13,
+	12,
+	11
+];
+var skeletonMiddleValues = [
+	6,
+	7,
+	8,
+	8,
+	9,
+	8,
+	7,
+	7,
+	6,
+	6,
+	5,
+	5
+];
+var skeletonTopValues = [
+	4,
+	5,
+	5,
+	6,
+	6,
+	5,
+	5,
+	4,
+	4,
+	3,
+	3,
+	3
+];
+var skeletonSeriesLabels = [
+	"Series 1",
+	"Series 2",
+	"Series 3"
+];
+var skeletonStackedBarSeries = [
+	{
+		label: skeletonSeriesLabels[0] ?? "Series 1",
+		points: buildChartSeriesPoints(skeletonChartLabels, skeletonBottomValues)
+	},
+	{
+		label: skeletonSeriesLabels[1] ?? "Series 2",
+		points: buildChartSeriesPoints(skeletonChartLabels, skeletonMiddleValues)
+	},
+	{
+		label: skeletonSeriesLabels[2] ?? "Series 3",
+		points: buildChartSeriesPoints(skeletonChartLabels, skeletonTopValues)
+	}
+];
+//#endregion
+export { skeletonStackedBarSeries };

package/dist/components/SChartWidget/SChartWidget.vue.cjs

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

package/dist/components/SChartWidget/SChartWidget.vue.js

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

package/dist/components/SChartWidget/SChartWidget.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,96 @@
+const require_SButton_types = require("../SButton/SButton.types.cjs");
+const require_SButton = require("../SButton/SButton.vue.cjs");
+let vue = require("vue");
+let _shtabapp_ui_kit_primitives = require("@shtabapp/ui-kit-primitives");
+//#region src/components/SChartWidget/SChartWidget.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "s-ui-chart-widget__header"
+};
+var _hoisted_2 = {
+	key: 0,
+	class: "s-ui-chart-widget__title-skeleton",
+	"aria-hidden": "true"
+};
+var _hoisted_3 = {
+	key: 1,
+	class: "s-ui-chart-widget__heading"
+};
+var _hoisted_4 = { class: "s-ui-chart-widget__title s-ui-typography-label-16-medium" };
+var _hoisted_5 = {
+	key: 0,
+	class: "s-ui-chart-widget__subtitle s-ui-typography-body-12-regular"
+};
+var _hoisted_6 = { class: "s-ui-chart-widget__controls" };
+var _hoisted_7 = {
+	key: 1,
+	class: "s-ui-chart-widget__content"
+};
+var _hoisted_8 = {
+	key: 2,
+	class: "s-ui-chart-widget__footer"
+};
+var SChartWidget_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "SChartWidget",
+	props: /*@__PURE__*/ (0, vue.mergeModels)({
+		title: { default: "" },
+		subtitle: { default: "" },
+		collapsible: {
+			type: Boolean,
+			default: false
+		},
+		hideContentWhenCollapsed: {
+			type: Boolean,
+			default: true
+		},
+		loading: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"collapsed": {
+			type: Boolean,
+			default: false
+		},
+		"collapsedModifiers": {}
+	}),
+	emits: ["update:collapsed"],
+	setup(__props) {
+		const collapsed = (0, vue.useModel)(__props, "collapsed");
+		const slots = (0, vue.useSlots)();
+		const { t } = (0, _shtabapp_ui_kit_primitives.useUiKitI18n)();
+		const hasSubtitle = (0, vue.computed)(() => Boolean(__props.subtitle) || Boolean(slots.subtitle));
+		const hasHeader = (0, vue.computed)(() => Boolean(__props.title) || Boolean(slots.title) || hasSubtitle.value || Boolean(slots.actions) || __props.collapsible);
+		const hasFooter = (0, vue.computed)(() => Boolean(slots.footer));
+		const isContentVisible = (0, vue.computed)(() => !collapsed.value || !__props.collapsible || !__props.hideContentWhenCollapsed);
+		const toggleAriaLabel = (0, vue.computed)(() => t(collapsed.value ? "chartWidget.expand" : "chartWidget.collapse"));
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				class: (0, vue.normalizeClass)(["s-ui-chart-widget", { "s-ui-chart-widget--skeleton": __props.loading }]),
+				"data-qa": "ui:chart-widget"
+			}, [
+				hasHeader.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1, [__props.loading ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_2)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3, [(0, vue.createElementVNode)("span", _hoisted_4, [(0, vue.renderSlot)(_ctx.$slots, "title", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.title), 1)])]), hasSubtitle.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_5, [(0, vue.renderSlot)(_ctx.$slots, "subtitle", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.subtitle), 1)])])) : (0, vue.createCommentVNode)("", true)])), (0, vue.createElementVNode)("div", _hoisted_6, [(0, vue.renderSlot)(_ctx.$slots, "actions"), __props.collapsible ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_SButton.default), {
+					key: 0,
+					appearance: (0, vue.unref)(require_SButton_types.EButtonAppearance).OUTLINED,
+					variant: (0, vue.unref)(require_SButton_types.EButtonVariant).NEUTRAL,
+					size: (0, vue.unref)(require_SButton_types.EButtonSize).SMALL,
+					icon: collapsed.value ? (0, vue.unref)(_shtabapp_ui_kit_primitives.ESIconName).chevronDown : (0, vue.unref)(_shtabapp_ui_kit_primitives.ESIconName).chevronUp,
+					"aria-label": toggleAriaLabel.value,
+					"aria-expanded": !collapsed.value,
+					onClick: _cache[0] || (_cache[0] = ($event) => collapsed.value = !collapsed.value)
+				}, null, 8, [
+					"appearance",
+					"variant",
+					"size",
+					"icon",
+					"aria-label",
+					"aria-expanded"
+				])) : (0, vue.createCommentVNode)("", true)])])) : (0, vue.createCommentVNode)("", true),
+				isContentVisible.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_7, [(0, vue.renderSlot)(_ctx.$slots, "default")])) : (0, vue.createCommentVNode)("", true),
+				hasFooter.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_8, [(0, vue.renderSlot)(_ctx.$slots, "footer")])) : (0, vue.createCommentVNode)("", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+exports.default = SChartWidget_vue_vue_type_script_setup_true_lang_default;

package/dist/components/SChartWidget/SChartWidget.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,96 @@
+import { EButtonAppearance, EButtonSize, EButtonVariant } from "../SButton/SButton.types.js";
+import SButton_default from "../SButton/SButton.vue.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeModels, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useModel, useSlots } from "vue";
+import { ESIconName, useUiKitI18n } from "@shtabapp/ui-kit-primitives";
+//#region src/components/SChartWidget/SChartWidget.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "s-ui-chart-widget__header"
+};
+var _hoisted_2 = {
+	key: 0,
+	class: "s-ui-chart-widget__title-skeleton",
+	"aria-hidden": "true"
+};
+var _hoisted_3 = {
+	key: 1,
+	class: "s-ui-chart-widget__heading"
+};
+var _hoisted_4 = { class: "s-ui-chart-widget__title s-ui-typography-label-16-medium" };
+var _hoisted_5 = {
+	key: 0,
+	class: "s-ui-chart-widget__subtitle s-ui-typography-body-12-regular"
+};
+var _hoisted_6 = { class: "s-ui-chart-widget__controls" };
+var _hoisted_7 = {
+	key: 1,
+	class: "s-ui-chart-widget__content"
+};
+var _hoisted_8 = {
+	key: 2,
+	class: "s-ui-chart-widget__footer"
+};
+var SChartWidget_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "SChartWidget",
+	props: /*@__PURE__*/ mergeModels({
+		title: { default: "" },
+		subtitle: { default: "" },
+		collapsible: {
+			type: Boolean,
+			default: false
+		},
+		hideContentWhenCollapsed: {
+			type: Boolean,
+			default: true
+		},
+		loading: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"collapsed": {
+			type: Boolean,
+			default: false
+		},
+		"collapsedModifiers": {}
+	}),
+	emits: ["update:collapsed"],
+	setup(__props) {
+		const collapsed = useModel(__props, "collapsed");
+		const slots = useSlots();
+		const { t } = useUiKitI18n();
+		const hasSubtitle = computed(() => Boolean(__props.subtitle) || Boolean(slots.subtitle));
+		const hasHeader = computed(() => Boolean(__props.title) || Boolean(slots.title) || hasSubtitle.value || Boolean(slots.actions) || __props.collapsible);
+		const hasFooter = computed(() => Boolean(slots.footer));
+		const isContentVisible = computed(() => !collapsed.value || !__props.collapsible || !__props.hideContentWhenCollapsed);
+		const toggleAriaLabel = computed(() => t(collapsed.value ? "chartWidget.expand" : "chartWidget.collapse"));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(["s-ui-chart-widget", { "s-ui-chart-widget--skeleton": __props.loading }]),
+				"data-qa": "ui:chart-widget"
+			}, [
+				hasHeader.value ? (openBlock(), createElementBlock("div", _hoisted_1, [__props.loading ? (openBlock(), createElementBlock("span", _hoisted_2)) : (openBlock(), createElementBlock("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])]), hasSubtitle.value ? (openBlock(), createElementBlock("span", _hoisted_5, [renderSlot(_ctx.$slots, "subtitle", {}, () => [createTextVNode(toDisplayString(__props.subtitle), 1)])])) : createCommentVNode("", true)])), createElementVNode("div", _hoisted_6, [renderSlot(_ctx.$slots, "actions"), __props.collapsible ? (openBlock(), createBlock(unref(SButton_default), {
+					key: 0,
+					appearance: unref(EButtonAppearance).OUTLINED,
+					variant: unref(EButtonVariant).NEUTRAL,
+					size: unref(EButtonSize).SMALL,
+					icon: collapsed.value ? unref(ESIconName).chevronDown : unref(ESIconName).chevronUp,
+					"aria-label": toggleAriaLabel.value,
+					"aria-expanded": !collapsed.value,
+					onClick: _cache[0] || (_cache[0] = ($event) => collapsed.value = !collapsed.value)
+				}, null, 8, [
+					"appearance",
+					"variant",
+					"size",
+					"icon",
+					"aria-label",
+					"aria-expanded"
+				])) : createCommentVNode("", true)])])) : createCommentVNode("", true),
+				isContentVisible.value ? (openBlock(), createElementBlock("div", _hoisted_7, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true),
+				hasFooter.value ? (openBlock(), createElementBlock("div", _hoisted_8, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { SChartWidget_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/SCheckbox/SCheckbox.types.cjs

@@ -0,0 +1,20 @@
+//#region src/components/SCheckbox/SCheckbox.types.ts
+var ESCheckboxSize = /* @__PURE__ */ function(ESCheckboxSize) {
+	ESCheckboxSize["EXTRA_SMALL"] = "extra-small";
+	ESCheckboxSize["SMALL"] = "small";
+	return ESCheckboxSize;
+}({});
+var ESCheckboxColor = /* @__PURE__ */ function(ESCheckboxColor) {
+	ESCheckboxColor["MAIN"] = "main";
+	ESCheckboxColor["SUCCESS"] = "success";
+	return ESCheckboxColor;
+}({});
+var ESCheckboxLabelPlacement = /* @__PURE__ */ function(ESCheckboxLabelPlacement) {
+	ESCheckboxLabelPlacement["LEFT"] = "left";
+	ESCheckboxLabelPlacement["RIGHT"] = "right";
+	return ESCheckboxLabelPlacement;
+}({});
+//#endregion
+exports.ESCheckboxColor = ESCheckboxColor;
+exports.ESCheckboxLabelPlacement = ESCheckboxLabelPlacement;
+exports.ESCheckboxSize = ESCheckboxSize;

package/dist/components/SCheckbox/SCheckbox.types.js

@@ -0,0 +1,18 @@
+//#region src/components/SCheckbox/SCheckbox.types.ts
+var ESCheckboxSize = /* @__PURE__ */ function(ESCheckboxSize) {
+	ESCheckboxSize["EXTRA_SMALL"] = "extra-small";
+	ESCheckboxSize["SMALL"] = "small";
+	return ESCheckboxSize;
+}({});
+var ESCheckboxColor = /* @__PURE__ */ function(ESCheckboxColor) {
+	ESCheckboxColor["MAIN"] = "main";
+	ESCheckboxColor["SUCCESS"] = "success";
+	return ESCheckboxColor;
+}({});
+var ESCheckboxLabelPlacement = /* @__PURE__ */ function(ESCheckboxLabelPlacement) {
+	ESCheckboxLabelPlacement["LEFT"] = "left";
+	ESCheckboxLabelPlacement["RIGHT"] = "right";
+	return ESCheckboxLabelPlacement;
+}({});
+//#endregion
+export { ESCheckboxColor, ESCheckboxLabelPlacement, ESCheckboxSize };

package/dist/components/SCheckbox/SCheckbox.vue.cjs

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

package/dist/components/SCheckbox/SCheckbox.vue.js

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

package/dist/components/SCheckbox/SCheckbox.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,124 @@
+const require_useAriaAttrs = require("../../composables/useAriaAttrs.cjs");
+const require_SCheckbox_types = require("./SCheckbox.types.cjs");
+let vue = require("vue");
+let _shtabapp_ui_kit_primitives = require("@shtabapp/ui-kit-primitives");
+//#region src/components/SCheckbox/SCheckbox.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"disabled",
+	"name",
+	"value"
+];
+var _hoisted_2 = { class: "s-ui-checkbox__control" };
+var _hoisted_3 = {
+	key: 0,
+	class: "s-ui-checkbox__content"
+};
+var _hoisted_4 = {
+	key: 0,
+	class: "s-ui-checkbox__label s-ui-typography-label-14-medium"
+};
+var _hoisted_5 = {
+	key: 1,
+	class: "s-ui-checkbox__description s-ui-typography-body-12-regular"
+};
+var controlIconSize = 16;
+var SCheckbox_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	inheritAttrs: false,
+	__name: "SCheckbox",
+	props: /*@__PURE__*/ (0, vue.mergeModels)({
+		color: { default: () => require_SCheckbox_types.ESCheckboxColor.MAIN },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		indeterminate: {
+			type: Boolean,
+			default: false
+		},
+		labelPlacement: { default: () => require_SCheckbox_types.ESCheckboxLabelPlacement.RIGHT },
+		name: {},
+		size: { default: () => require_SCheckbox_types.ESCheckboxSize.EXTRA_SMALL },
+		value: {}
+	}, {
+		"modelValue": {
+			type: Boolean,
+			default: false
+		},
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ (0, vue.mergeModels)(["change"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const modelValue = (0, vue.useModel)(__props, "modelValue");
+		const emit = __emit;
+		const { getRootAttrs, getAriaAttrs } = require_useAriaAttrs.useAriaAttrs();
+		const slots = (0, vue.useSlots)();
+		const checkboxInputRef = (0, vue.useTemplateRef)("checkboxInputRef");
+		const isChecked = (0, vue.computed)(() => {
+			return modelValue.value;
+		});
+		const syncNativeIndeterminate = () => {
+			const inputElement = checkboxInputRef.value;
+			if (!inputElement) return;
+			inputElement.indeterminate = __props.indeterminate;
+		};
+		(0, vue.watch)([
+			checkboxInputRef,
+			() => __props.indeterminate,
+			isChecked
+		], syncNativeIndeterminate, {
+			immediate: true,
+			flush: "post"
+		});
+		const showCheckIcon = (0, vue.computed)(() => {
+			return isChecked.value && !__props.indeterminate;
+		});
+		const rootClasses = (0, vue.computed)(() => {
+			return [
+				`s-ui-checkbox--size-${__props.size}`,
+				`s-ui-checkbox--color-${__props.color}`,
+				{
+					"s-ui-checkbox--checked": isChecked.value,
+					"s-ui-checkbox--indeterminate": __props.indeterminate,
+					"s-ui-checkbox--disabled": __props.disabled,
+					"s-ui-checkbox--label-left": __props.labelPlacement === require_SCheckbox_types.ESCheckboxLabelPlacement.LEFT
+				}
+			];
+		});
+		const handleChange = (event) => {
+			if (!(event.target instanceof HTMLInputElement)) return;
+			const nextChecked = event.target.checked;
+			syncNativeIndeterminate();
+			emit("change", nextChecked);
+		};
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("label", (0, vue.mergeProps)({ class: "s-ui-checkbox" }, (0, vue.unref)(getRootAttrs)(), { class: [rootClasses.value, { "s-ui-checkbox--control-only": !(0, vue.unref)(slots).default && !(0, vue.unref)(slots).description }] }), [
+				(0, vue.withDirectives)((0, vue.createElementVNode)("input", (0, vue.mergeProps)({
+					ref_key: "checkboxInputRef",
+					ref: checkboxInputRef,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+					type: "checkbox",
+					class: "s-ui-checkbox__input"
+				}, (0, vue.unref)(getAriaAttrs)(), {
+					disabled: __props.disabled,
+					name: __props.name,
+					value: __props.value,
+					onChange: handleChange
+				}), null, 16, _hoisted_1), [[vue.vModelCheckbox, modelValue.value]]),
+				(0, vue.createElementVNode)("span", _hoisted_2, [showCheckIcon.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_shtabapp_ui_kit_primitives.SIcon), {
+					key: 0,
+					class: "s-ui-checkbox__icon",
+					name: "checkMini",
+					size: controlIconSize
+				})) : __props.indeterminate ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_shtabapp_ui_kit_primitives.SIcon), {
+					key: 1,
+					class: "s-ui-checkbox__icon",
+					name: "minusMini",
+					size: controlIconSize
+				})) : (0, vue.createCommentVNode)("", true)]),
+				(0, vue.unref)(slots).default || (0, vue.unref)(slots).description ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3, [(0, vue.unref)(slots).default ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_4, [(0, vue.renderSlot)(_ctx.$slots, "default")])) : (0, vue.createCommentVNode)("", true), (0, vue.unref)(slots).description ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_5, [(0, vue.renderSlot)(_ctx.$slots, "description")])) : (0, vue.createCommentVNode)("", true)])) : (0, vue.createCommentVNode)("", true)
+			], 16);
+		};
+	}
+});
+//#endregion
+exports.default = SCheckbox_vue_vue_type_script_setup_true_lang_default;