@shtabapp/ui-kit 1.85.0 → 1.85.1

package/dist/SButton-n2Zuqh04.js

@@ -1,249 +0,0 @@
-import { i as e, n as t, r as n, t as r } from "./SBadge-Du9iIiXS.js";
-import { t as i } from "./context-C3WoLJS4.js";
-import { a } from "./useSelectionGroup-BCAmPf3R.js";
-import { n as o, t as s } from "./useSelectLink-2aCIYmF6.js";
-import { n as c, t as ee } from "./useLink-Com5VhOk.js";
-import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, inject as _, mergeProps as v, normalizeClass as te, normalizeProps as y, openBlock as b, renderSlot as x, resolveDynamicComponent as S, toValue as C, unref as w, useAttrs as T, useTemplateRef as E, withCtx as D } from "vue";
-import { SIcon as O, SSpinner as k } from "@shtabapp/ui-kit-primitives";
-//#region src/components/SButton/SButton.types.ts
-var A = /* @__PURE__ */ function(e) {
-	return e.MAJOR = "major", e.MINOR = "minor", e.SURFACE = "surface", e.OUTLINED = "outlined", e.BARE = "bare", e;
-}({}), j = /* @__PURE__ */ function(e) {
-	return e.MAIN = "main", e.NEUTRAL = "neutral", e.DANGER = "danger", e.SUCCESS = "success", e.BILLING = "billing", e;
-}({}), M = /* @__PURE__ */ function(e) {
-	return e.SMALL = "small", e.MEDIUM = "medium", e.LARGE = "large", e;
-}({}), N = {
-	offsetX: 1,
-	offsetY: -1
-}, P = {
-	[M.SMALL]: {
-		offsetX: -6,
-		offsetY: 6
-	},
-	[M.MEDIUM]: {
-		offsetX: -7,
-		offsetY: 7
-	},
-	[M.LARGE]: {
-		offsetX: -8,
-		offsetY: 8
-	}
-}, F = {
-	[M.SMALL]: e.SMALL,
-	[M.MEDIUM]: e.SMALL,
-	[M.LARGE]: e.MEDIUM
-}, I = ({ buttonSize: t, color: r, counterValue: i, inset: a }) => {
-	if (typeof i != "number") return;
-	let o = a ? P[t] : N;
-	return {
-		anchored: !0,
-		color: r,
-		offsetX: o.offsetX,
-		offsetY: o.offsetY,
-		placement: n.TOP_END,
-		size: a ? e.SMALL : e.MEDIUM,
-		value: i
-	};
-}, L = ({ buttonSize: e, color: t, indicator: r }) => {
-	if (!r) return;
-	let i = P[e];
-	return {
-		anchored: !0,
-		color: t,
-		offsetX: i.offsetX,
-		offsetY: i.offsetY,
-		placement: n.TOP_END,
-		size: F[e]
-	};
-}, R = ({ badgeColor: e, badgeInset: n, counter: r, indicator: i, size: a }) => ({ buttonBadgeProps: u(() => {
-	let o = C(e) || t.MAIN;
-	return I({
-		buttonSize: C(a),
-		color: o,
-		counterValue: C(r),
-		inset: C(n)
-	}) || L({
-		buttonSize: C(a),
-		color: o,
-		indicator: C(i)
-	});
-}) }), z = ["aria-hidden"], B = {
-	key: 0,
-	class: "s-ui-button__spinner",
-	"aria-hidden": "true"
-}, V = /* @__PURE__ */ g({
-	inheritAttrs: !1,
-	__name: "SButton",
-	props: {
-		active: {
-			type: Boolean,
-			default: () => void 0
-		},
-		appearance: {},
-		badgeColor: {},
-		badgeInset: {
-			type: Boolean,
-			default: !1
-		},
-		counter: {},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		icon: {},
-		iconLeft: {},
-		iconRight: {},
-		indicator: {
-			type: Boolean,
-			default: !1
-		},
-		fullWidth: {
-			type: Boolean,
-			default: !1
-		},
-		loading: {
-			type: Boolean,
-			default: !1
-		},
-		size: {},
-		type: { default: "button" },
-		value: {},
-		variant: {},
-		link: {},
-		exact: {
-			type: Boolean,
-			default: !1
-		},
-		replace: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	setup(e) {
-		let t = _(i, null), n = T(), g = u(() => a(e.appearance, t ? C(t.appearance) : void 0, A.MAJOR)), N = u(() => a(e.variant, t ? C(t.variant) : void 0, j.MAIN)), P = u(() => a(e.size, t ? C(t.size) : void 0, M.MEDIUM)), F = u(() => e.disabled || !!(t && C(t.disabled))), I = E("buttonRootRef"), { buttonBadgeProps: L } = R({
-			badgeColor: () => e.badgeColor,
-			badgeInset: () => e.badgeInset,
-			counter: () => e.counter,
-			indicator: () => e.indicator,
-			size: () => P.value
-		}), V = ee(() => e.link, () => e.exact, () => e.replace), H = V.linkPresentation;
-		s({
-			isRouterLink: V.isRouterLink,
-			isActive: V.isActive,
-			group: () => t,
-			value: () => e.value
-		});
-		let U = u(() => {
-			let e = H.value;
-			return e.mode === "none" ? "button" : e.rootTag;
-		}), W = u(() => U.value === "button"), G = u(() => F.value || e.loading), K = o({
-			group: t,
-			value: () => e.value,
-			el: I,
-			disabled: F,
-			interactive: () => !G.value
-		}), q = u(() => e.active === void 0 ? V.isRouterLink.value ? V.isActive.value : K.isActive.value : e.active), J = u(() => [
-			"s-ui-button",
-			"s-ui-button--tab-focus",
-			`s-ui-button--appearance-${g.value}`,
-			`s-ui-button--variant-${N.value}`,
-			`s-ui-button--size-${P.value}`,
-			{
-				"s-ui-button--disabled": F.value,
-				"s-ui-button--loading": e.loading,
-				"s-ui-button--icon-only": e.icon,
-				"s-ui-button--full-width": e.fullWidth,
-				"s-ui-button--active": q.value,
-				"s-ui-button--link": H.value.mode !== "none"
-			}
-		]), Y = u(() => ({
-			type: W.value ? e.type : void 0,
-			disabled: W.value ? G.value : void 0,
-			"aria-busy": e.loading ? !0 : void 0,
-			role: K.ariaChecked.value ? "radio" : void 0,
-			"aria-pressed": K.ariaPressed.value,
-			"aria-checked": K.ariaChecked.value,
-			tabindex: K.tabIndex.value,
-			...c(H.value, { replace: e.replace })
-		})), X = u(() => ({
-			...Y.value,
-			...n
-		})), Z = {
-			[M.SMALL]: "s-ui-typography-label-12-medium",
-			[M.MEDIUM]: "s-ui-typography-label-14-medium",
-			[M.LARGE]: "s-ui-typography-label-16-medium"
-		}, ne = u(() => Z[P.value]), re = {
-			[M.SMALL]: 16,
-			[M.MEDIUM]: 20,
-			[M.LARGE]: 24
-		}, Q = u(() => re[P.value]), $ = u(() => F.value || e.loading ? !1 : N.value === j.BILLING && g.value !== A.MAJOR), ie = u(() => N.value === j.BILLING && g.value !== A.MAJOR), ae = (e) => {
-			if (!G.value) {
-				if (V.isRouterLink.value && (e.key === "Enter" || e.key === " " || e.key === "Spacebar")) {
-					e.preventDefault(), V.navigate();
-					return;
-				}
-				K.handleKeydown(e);
-			}
-		}, oe = (e) => {
-			if (G.value) {
-				e.preventDefault(), e.stopPropagation();
-				return;
-			}
-			V.isRouterLink.value || K.handleClick();
-		};
-		return (t, n) => (b(), d(S(U.value), v({
-			ref_key: "buttonRootRef",
-			ref: I,
-			class: J.value
-		}, X.value, {
-			onClick: oe,
-			onKeydown: ae
-		}), {
-			default: D(() => [
-				m("span", {
-					class: "s-ui-button__inner",
-					"aria-hidden": e.loading ? !0 : void 0
-				}, [e.icon ? (b(), d(w(O), {
-					key: 0,
-					name: e.icon,
-					size: Q.value,
-					billing: $.value
-				}, null, 8, [
-					"name",
-					"size",
-					"billing"
-				])) : (b(), p(l, { key: 1 }, [
-					e.iconLeft ? (b(), d(w(O), {
-						key: 0,
-						name: e.iconLeft,
-						size: Q.value,
-						billing: $.value
-					}, null, 8, [
-						"name",
-						"size",
-						"billing"
-					])) : f("", !0),
-					m("span", { class: te(["s-ui-button__label", ne.value]) }, [x(t.$slots, "default")], 2),
-					e.iconRight ? (b(), d(w(O), {
-						key: 1,
-						name: e.iconRight,
-						size: Q.value,
-						billing: $.value
-					}, null, 8, [
-						"name",
-						"size",
-						"billing"
-					])) : f("", !0)
-				], 64))], 8, z),
-				e.loading ? (b(), p("span", B, [h(w(k), {
-					billing: ie.value,
-					size: Q.value
-				}, null, 8, ["billing", "size"])])) : f("", !0),
-				w(L) ? (b(), d(w(r), y(v({ key: 1 }, w(L))), null, 16)) : f("", !0)
-			]),
-			_: 3
-		}, 16, ["class"]));
-	}
-});
-//#endregion
-export { j as i, A as n, M as r, V as t };

package/dist/SButtonGroup-BqW5Rz1p.js

@@ -1,88 +0,0 @@
-import { t as e } from "./context-C3WoLJS4.js";
-import { n as t, o as n, r } from "./useSelectionGroup-BCAmPf3R.js";
-import { computed as i, createBlock as a, createElementBlock as o, defineComponent as s, mergeModels as c, normalizeClass as l, openBlock as u, provide as d, renderSlot as f, resolveDynamicComponent as p, unref as m, useModel as h, withCtx as g } from "vue";
-//#region src/components/SButtonGroup/SButtonGroup.types.ts
-var _ = /* @__PURE__ */ function(e) {
-	return e.ATTACHED = "attached", e.SEPARATED = "separated", e;
-}({}), v = /* @__PURE__ */ function(e) {
-	return e.HORIZONTAL = "horizontal", e.VERTICAL = "vertical", e;
-}({}), y = /* @__PURE__ */ s({
-	__name: "SInlineGroup",
-	props: { orientation: { default: () => v.HORIZONTAL } },
-	setup(e) {
-		let t = i(() => `s-ui-inline-group--orientation-${e.orientation}`);
-		return (e, n) => (u(), o("div", { class: l(["s-ui-inline-group", t.value]) }, [f(e.$slots, "default")], 2));
-	}
-}), b = /* @__PURE__ */ s({
-	__name: "SButtonGroup",
-	props: /*@__PURE__*/ c({
-		mode: { default: () => t.SINGLE },
-		mandatory: {
-			type: Boolean,
-			default: !1
-		},
-		orientation: { default: () => r.HORIZONTAL },
-		layout: { default: () => _.ATTACHED },
-		loop: {
-			type: Boolean,
-			default: !0
-		},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		appearance: {},
-		variant: {},
-		size: {}
-	}, {
-		modelValue: {},
-		modelModifiers: {}
-	}),
-	emits: ["update:modelValue"],
-	setup(t) {
-		let o = h(t, "modelValue"), s = n({
-			modelValue: () => o.value,
-			onUpdateModelValue: (e) => {
-				o.value = e;
-			},
-			mode: () => t.mode,
-			mandatory: () => t.mandatory,
-			orientation: () => t.orientation,
-			loop: () => t.loop
-		});
-		d(e, {
-			mode: () => t.mode,
-			isSelected: s.isSelected,
-			selectItem: s.toggle,
-			registerItem: s.registerItem,
-			getItemTabIndex: s.getItemTabIndex,
-			getGroupTabIndex: s.getGroupTabIndex,
-			handleItemKeydown: s.handleItemKeydown,
-			appearance: () => t.appearance,
-			variant: () => t.variant,
-			size: () => t.size,
-			disabled: () => t.disabled
-		});
-		let c = i(() => t.layout === _.ATTACHED), b = i(() => t.orientation === r.VERTICAL ? v.VERTICAL : v.HORIZONTAL), x = i(() => [
-			"s-ui-button-group",
-			`s-ui-button-group--orientation-${t.orientation}`,
-			`s-ui-button-group--layout-${t.layout}`,
-			{ "s-ui-button-group--disabled": t.disabled }
-		]);
-		return (e, n) => (u(), a(p(c.value ? m(y) : "div"), {
-			orientation: c.value ? b.value : void 0,
-			class: l(x.value),
-			role: "group",
-			"aria-disabled": t.disabled || void 0
-		}, {
-			default: g(() => [f(e.$slots, "default")]),
-			_: 3
-		}, 8, [
-			"orientation",
-			"class",
-			"aria-disabled"
-		]));
-	}
-});
-//#endregion
-export { _ as i, y as n, v as r, b as t };

package/dist/SButtonGroup-DSi8mQSz.cjs

@@ -1 +0,0 @@
-const e=require("./context-kCi2xRHY.cjs"),t=require("./useSelectionGroup-NJvi3hNo.cjs");let n=require("vue");var r=function(e){return e.ATTACHED=`attached`,e.SEPARATED=`separated`,e}({}),i=function(e){return e.HORIZONTAL=`horizontal`,e.VERTICAL=`vertical`,e}({}),a=(0,n.defineComponent)({__name:`SInlineGroup`,props:{orientation:{default:()=>i.HORIZONTAL}},setup(e){let t=(0,n.computed)(()=>`s-ui-inline-group--orientation-${e.orientation}`);return(e,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)([`s-ui-inline-group`,t.value])},[(0,n.renderSlot)(e.$slots,`default`)],2))}}),o=(0,n.defineComponent)({__name:`SButtonGroup`,props:(0,n.mergeModels)({mode:{default:()=>t.n.SINGLE},mandatory:{type:Boolean,default:!1},orientation:{default:()=>t.r.HORIZONTAL},layout:{default:()=>r.ATTACHED},loop:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},appearance:{},variant:{},size:{}},{modelValue:{},modelModifiers:{}}),emits:[`update:modelValue`],setup(o){let s=(0,n.useModel)(o,`modelValue`),c=t.o({modelValue:()=>s.value,onUpdateModelValue:e=>{s.value=e},mode:()=>o.mode,mandatory:()=>o.mandatory,orientation:()=>o.orientation,loop:()=>o.loop});(0,n.provide)(e.t,{mode:()=>o.mode,isSelected:c.isSelected,selectItem:c.toggle,registerItem:c.registerItem,getItemTabIndex:c.getItemTabIndex,getGroupTabIndex:c.getGroupTabIndex,handleItemKeydown:c.handleItemKeydown,appearance:()=>o.appearance,variant:()=>o.variant,size:()=>o.size,disabled:()=>o.disabled});let l=(0,n.computed)(()=>o.layout===r.ATTACHED),u=(0,n.computed)(()=>o.orientation===t.r.VERTICAL?i.VERTICAL:i.HORIZONTAL),d=(0,n.computed)(()=>[`s-ui-button-group`,`s-ui-button-group--orientation-${o.orientation}`,`s-ui-button-group--layout-${o.layout}`,{"s-ui-button-group--disabled":o.disabled}]);return(e,t)=>((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(l.value?(0,n.unref)(a):`div`),{orientation:l.value?u.value:void 0,class:(0,n.normalizeClass)(d.value),role:`group`,"aria-disabled":o.disabled||void 0},{default:(0,n.withCtx)(()=>[(0,n.renderSlot)(e.$slots,`default`)]),_:3},8,[`orientation`,`class`,`aria-disabled`]))}});Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});

package/dist/SCard-CYPxwmOm.cjs

@@ -1 +0,0 @@
-const e=require("./useLink-1LLWpdDZ.cjs"),t=require("./SCheckbox-Dkbk21Id.cjs");let n=require("vue"),r=require("@shtabapp/ui-kit-primitives");var i=function(e){return e.CARD=`card`,e.LIST=`list`,e}({}),a={key:0,class:`s-ui-card__content s-ui-card__content--skeleton`},o={class:`s-ui-card__content`},s={class:`s-ui-card__icon`,"aria-hidden":`true`},c={class:`s-ui-card__text`},l={key:0,class:`s-ui-card__title s-ui-typography-heading-h6-semibold`},u={key:1,class:`s-ui-card__subtitle s-ui-typography-body-12-regular`},d={key:0,class:`s-ui-card__meta s-ui-typography-label-12-medium`},f={key:0,class:`s-ui-card__selected-indicator`,"aria-hidden":`true`,inert:``},p=(0,n.defineComponent)({inheritAttrs:!1,__name:`SCard`,props:(0,n.mergeModels)({layout:{default:()=>i.CARD},title:{},subtitle:{},icon:{default:`page`},selectable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},skeleton:{type:Boolean,default:!1},link:{},exact:{type:Boolean,default:!1},replace:{type:Boolean,default:!1}},{selected:{type:Boolean,default:!1},selectedModifiers:{}}),emits:(0,n.mergeModels)([`click`,`keydown`],[`update:selected`]),setup(p,{emit:m}){let h=(0,n.useModel)(p,`selected`),g=m,_=(0,n.useSlots)(),v=(0,n.useAttrs)(),y=e.t(()=>p.link,()=>p.exact,()=>p.replace),b=y.linkPresentation,x=(0,n.computed)(()=>p.disabled||p.skeleton),S=y.isLink,C=(0,n.computed)(()=>b.value.mode===`none`?`div`:b.value.rootTag),w=(0,n.computed)(()=>{if(x.value)return-1;if(!S.value)return 0}),T=(0,n.computed)(()=>({"aria-busy":p.skeleton?!0:void 0,"aria-disabled":x.value?!0:void 0,"aria-pressed":p.selectable&&!x.value&&!S.value&&h.value?!0:void 0,role:x.value||S.value?void 0:`button`,tabindex:w.value,...e.n(b.value,{replace:p.replace})})),E=(0,n.computed)(()=>({...T.value,...v})),D=(0,n.computed)(()=>p.selectable&&!x.value),O=(0,n.computed)(()=>p.layout===i.LIST?p.subtitle||_.subtitle?r.ESSkeletonType.S_CARD_LIST_TWO_LINE:r.ESSkeletonType.S_CARD_LIST:r.ESSkeletonType.S_CARD),k=(0,n.computed)(()=>[`s-ui-card--layout-${p.layout}`,{"s-ui-card--selected":h.value,"s-ui-card--selectable":p.selectable,"s-ui-card--disabled":p.disabled,"s-ui-card--skeleton":p.skeleton,"s-ui-card--link":S.value,"s-ui-card--with-subtitle":!!(p.subtitle||_.subtitle)}]),A=e=>{if(x.value){e.preventDefault();return}if(y.isRouterLink.value){g(`click`,e);return}p.selectable&&(h.value=!h.value),g(`click`,e)},j=[`Enter`,` `,`Spacebar`],M=[`Enter`,` `],N=e=>{if(!x.value){if(g(`keydown`,e),y.isRouterLink.value&&j.includes(e.key)){e.preventDefault(),y.navigate();return}S.value||M.includes(e.key)&&(e.preventDefault(),e.currentTarget instanceof HTMLElement&&e.currentTarget.click())}};return(e,i)=>((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(C.value),(0,n.mergeProps)({class:[`s-ui-card`,k.value]},E.value,{onClick:A,onKeydown:N}),{default:(0,n.withCtx)(()=>[p.skeleton?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,a,[(0,n.createVNode)((0,n.unref)(r.SSkeleton),{class:`s-ui-card__skeleton`,type:O.value},null,8,[`type`])])):((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:1},[(0,n.createElementVNode)(`div`,o,[(0,n.createElementVNode)(`span`,s,[(0,n.renderSlot)(e.$slots,`icon`,{},()=>[(0,n.createVNode)((0,n.unref)(r.SIcon),{name:p.icon,size:16},null,8,[`name`])])]),(0,n.createElementVNode)(`span`,c,[p.title||_.title?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,l,[(0,n.renderSlot)(e.$slots,`title`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(p.title),1)])])):(0,n.createCommentVNode)(``,!0),p.subtitle||_.subtitle?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,u,[(0,n.renderSlot)(e.$slots,`subtitle`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(p.subtitle),1)])])):(0,n.createCommentVNode)(``,!0)]),_.meta?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,d,[(0,n.renderSlot)(e.$slots,`meta`)])):(0,n.createCommentVNode)(``,!0)]),D.value?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,f,[(0,n.renderSlot)(e.$slots,`selected-indicator`,{},()=>[(0,n.createVNode)((0,n.unref)(t.t),{"model-value":h.value,size:(0,n.unref)(t.i).EXTRA_SMALL},null,8,[`model-value`,`size`])])])):(0,n.createCommentVNode)(``,!0)],64))]),_:3},16,[`class`]))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return p}});

package/dist/SCard-CuiQMwUB.js

@@ -1,132 +0,0 @@
-import { n as e, t } from "./useLink-Com5VhOk.js";
-import { i as n, t as r } from "./SCheckbox-Dulusx5v.js";
-import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, mergeModels as p, mergeProps as m, openBlock as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, useAttrs as b, useModel as x, useSlots as S, withCtx as C } from "vue";
-import { ESSkeletonType as w, SIcon as T, SSkeleton as E } from "@shtabapp/ui-kit-primitives";
-//#region src/components/SCard/SCard.types.ts
-var D = /* @__PURE__ */ function(e) {
-	return e.CARD = "card", e.LIST = "list", e;
-}({}), O = {
-	key: 0,
-	class: "s-ui-card__content s-ui-card__content--skeleton"
-}, k = { class: "s-ui-card__content" }, A = {
-	class: "s-ui-card__icon",
-	"aria-hidden": "true"
-}, j = { class: "s-ui-card__text" }, M = {
-	key: 0,
-	class: "s-ui-card__title s-ui-typography-heading-h6-semibold"
-}, N = {
-	key: 1,
-	class: "s-ui-card__subtitle s-ui-typography-body-12-regular"
-}, P = {
-	key: 0,
-	class: "s-ui-card__meta s-ui-typography-label-12-medium"
-}, F = {
-	key: 0,
-	class: "s-ui-card__selected-indicator",
-	"aria-hidden": "true",
-	inert: ""
-}, I = /* @__PURE__ */ f({
-	inheritAttrs: !1,
-	__name: "SCard",
-	props: /*@__PURE__*/ p({
-		layout: { default: () => D.CARD },
-		title: {},
-		subtitle: {},
-		icon: { default: "page" },
-		selectable: {
-			type: Boolean,
-			default: !1
-		},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		skeleton: {
-			type: Boolean,
-			default: !1
-		},
-		link: {},
-		exact: {
-			type: Boolean,
-			default: !1
-		},
-		replace: {
-			type: Boolean,
-			default: !1
-		}
-	}, {
-		selected: {
-			type: Boolean,
-			default: !1
-		},
-		selectedModifiers: {}
-	}),
-	emits: /*@__PURE__*/ p(["click", "keydown"], ["update:selected"]),
-	setup(f, { emit: p }) {
-		let I = x(f, "selected"), L = p, R = S(), z = b(), B = t(() => f.link, () => f.exact, () => f.replace), V = B.linkPresentation, H = a(() => f.disabled || f.skeleton), U = B.isLink, W = a(() => V.value.mode === "none" ? "div" : V.value.rootTag), G = a(() => {
-			if (H.value) return -1;
-			if (!U.value) return 0;
-		}), K = a(() => ({
-			"aria-busy": f.skeleton ? !0 : void 0,
-			"aria-disabled": H.value ? !0 : void 0,
-			"aria-pressed": f.selectable && !H.value && !U.value && I.value ? !0 : void 0,
-			role: H.value || U.value ? void 0 : "button",
-			tabindex: G.value,
-			...e(V.value, { replace: f.replace })
-		})), q = a(() => ({
-			...K.value,
-			...z
-		})), J = a(() => f.selectable && !H.value), Y = a(() => f.layout === D.LIST ? f.subtitle || R.subtitle ? w.S_CARD_LIST_TWO_LINE : w.S_CARD_LIST : w.S_CARD), X = a(() => [`s-ui-card--layout-${f.layout}`, {
-			"s-ui-card--selected": I.value,
-			"s-ui-card--selectable": f.selectable,
-			"s-ui-card--disabled": f.disabled,
-			"s-ui-card--skeleton": f.skeleton,
-			"s-ui-card--link": U.value,
-			"s-ui-card--with-subtitle": !!(f.subtitle || R.subtitle)
-		}]), Z = (e) => {
-			if (H.value) {
-				e.preventDefault();
-				return;
-			}
-			if (B.isRouterLink.value) {
-				L("click", e);
-				return;
-			}
-			f.selectable && (I.value = !I.value), L("click", e);
-		}, Q = [
-			"Enter",
-			" ",
-			"Spacebar"
-		], $ = ["Enter", " "], ee = (e) => {
-			if (!H.value) {
-				if (L("keydown", e), B.isRouterLink.value && Q.includes(e.key)) {
-					e.preventDefault(), B.navigate();
-					return;
-				}
-				U.value || $.includes(e.key) && (e.preventDefault(), e.currentTarget instanceof HTMLElement && e.currentTarget.click());
-			}
-		};
-		return (e, t) => (h(), o(_(W.value), m({ class: ["s-ui-card", X.value] }, q.value, {
-			onClick: Z,
-			onKeydown: ee
-		}), {
-			default: C(() => [f.skeleton ? (h(), c("div", O, [d(y(E), {
-				class: "s-ui-card__skeleton",
-				type: Y.value
-			}, null, 8, ["type"])])) : (h(), c(i, { key: 1 }, [l("div", k, [
-				l("span", A, [g(e.$slots, "icon", {}, () => [d(y(T), {
-					name: f.icon,
-					size: 16
-				}, null, 8, ["name"])])]),
-				l("span", j, [f.title || R.title ? (h(), c("span", M, [g(e.$slots, "title", {}, () => [u(v(f.title), 1)])])) : s("", !0), f.subtitle || R.subtitle ? (h(), c("span", N, [g(e.$slots, "subtitle", {}, () => [u(v(f.subtitle), 1)])])) : s("", !0)]),
-				R.meta ? (h(), c("span", P, [g(e.$slots, "meta")])) : s("", !0)
-			]), J.value ? (h(), c("span", F, [g(e.$slots, "selected-indicator", {}, () => [d(y(r), {
-				"model-value": I.value,
-				size: y(n).EXTRA_SMALL
-			}, null, 8, ["model-value", "size"])])])) : s("", !0)], 64))]),
-			_: 3
-		}, 16, ["class"]));
-	}
-});
-//#endregion
-export { D as n, I as t };

package/dist/SChartBar-BAO2FtIO.cjs

@@ -1 +0,0 @@
-const e=require("./useChartInteractivity-Yk7qEYgl.cjs"),t=require("./SChartLegend-DQMLr6yV.cjs"),n=require("./resolveCssColorValue-D3fS-cK8.cjs"),r=require("./buildCartesianChartScales-Dck5yBMo.cjs"),i=require("./resolveChartValueRange-DBCYLCXs.cjs"),a=require("./resolveBarStackedSeriesColor-BDJ7XBIB.cjs"),o=require("./buildChartMirrorScale-CBUIRPYX.cjs"),s=require("./resolveChartLabelFont-D_Pxt-gs.cjs"),c=require("./applyChartHighlightedYTick-CKsVe7PW.cjs"),l=require("./splitChartAxisLabel-DAmQOJn6.cjs"),u=require("./buildChartSeriesPoints-Cqo2ed-n.cjs"),d=require("./useHasListener-BPgtbbo6.cjs");let f=require("vue");var p=1,m=[4,4],h=`500 10px var(--s-ui-font-family-label)`,g=4,_=e=>e.length>0&&new Set(e).size===1,v=({target:t,colorHostElement:r,rightAxisId:i})=>({id:`barTargetLine`,afterDatasetsDraw(a){if(!t||t.values.length===0)return;let o=t.axis===`right`?i:`y`,s=a.scales[o],c=a.scales.x;if(!s||!c)return;let{ctx:l,chartArea:u}=a,d=t.color?n.t(t.color,r):e.S(e.D.grid,r);l.save(),l.strokeStyle=d,l.lineWidth=p,l.setLineDash(t.solid?[]:m);let[f]=t.values;if(f!==void 0&&_(t.values)){let e=s.getPixelForValue(f);l.beginPath(),l.moveTo(u.left,e),l.lineTo(u.right,e),l.stroke(),t.label&&(l.setLineDash([]),l.fillStyle=d,l.font=h,l.textAlign=`left`,l.fillText(t.label,u.left,e-g))}else{let e=(u.right-u.left)/t.values.length;t.values.forEach((t,n)=>{if(t<=0)return;let r=s.getPixelForValue(t);l.beginPath(),l.moveTo(u.left+e*n,r),l.lineTo(u.left+e*(n+1),r),l.stroke()})}l.restore()}}),y=4,b=10,x=500,S=({colorHostElement:t,formatValue:n})=>({id:`barValueLabel`,afterDatasetsDraw(r){let i=e.S(e.D.barValueLabel,t),a=e.S(e.D.barValueLabelMuted,t),{ctx:o}=r;o.save(),o.font=s.t({size:b,weight:x,colorHostElement:t}),o.textAlign=`center`,r.data.datasets.forEach((t,s)=>{r.isDatasetVisible(s)&&r.getDatasetMeta(s).data.forEach((c,l)=>{let u=t.data[l];if(typeof u!=`number`)return;let d=u<0;o.fillStyle=e.o(r,s,l)?a:i,o.textBaseline=d?`top`:`bottom`,o.fillText(n?n(u):String(u),c.x,d?c.y+y:c.y-y)})}),o.restore()}}),C=5,w=4,T=12,E=`yRight`,D=1.05,O=16,k=.92,A=1,j=(e,t,n,r)=>i.t(e.flatMap(e=>e.points.map(e=>e.value*D)),{yMin:t,yMax:n,yStep:r}),M=({seriesList:t,colorHostElement:i,yMax:s,yMin:u,yStep:d=C,rightYMax:f,rightYStep:p=C,mirrorYAxis:m=!1,target:h,skeleton:g=!1,showValues:_=!1,formatValue:y,formatYTick:b,mode:x=`grouped`,categories:D=[],highlightedYTick:M,maxBarThickness:N,formatTooltip:P,onPointClick:F})=>{if(t.length===0)return null;let I=t.filter(e=>e.axis!==`right`),L=t.filter(e=>e.axis===`right`),R=e.S(e.D.axisLabel,i),z=e.S(e.D.grid,i),B=e.S(e.D.tooltipBackground,i),V=e.S(e.D.tooltipText,i),H=e.S(e.D.barAxisLabelMuted,i),U=j(I,u,s,d),W=j(L,void 0,f,p),G=x===`histogram`,K=D.map(e=>n.t(e.color,i)),q=r.t({axisLabelColor:R,gridColor:z,yMin:U.min,yMax:U.max,yStep:d,xTickFontSize:T,...b?{formatYAxisTick:e=>typeof e==`number`?b(e):e}:{}}),J=M&&!g?c.t(q.y.ticks,{highlightedTick:M,yStep:d,axisLabelColor:R,colorHostElement:i}):{ticks:q.y.ticks},Y=G?{...q.y,display:!1}:{...q.y,...J},X=(e,t)=>o.n({min:e,max:t,tickOptions:J}),Z=L.length>0?{[E]:X(W.min,W.max)}:m&&!G?{[o.t]:X(U.min,U.max)}:{},Q={x:{...q.x,...G?{border:{display:!0,color:z}}:{},ticks:{...q.x.ticks,color:({chart:t,index:n})=>e.i(t,n)?H:R}},y:Y,...Z},$=e.r({kind:`segment`,skeleton:g,colorHostElement:i,onElementIndexClick:F});return{type:`bar`,data:{labels:t[0]?.points.map(e=>l.t(e.label))??[],datasets:t.map((e,t)=>{let r=a.t(t,i,e.fillColor,g),o=e.points.map(e=>e.fillColor?n.t(e.fillColor,i):(e.category===void 0?void 0:K[e.category])??r);return{label:e.label,data:e.points.map(e=>e.value),backgroundColor:o,hoverBackgroundColor:o,borderWidth:0,hoverBorderWidth:0,borderRadius:w,yAxisID:e.axis===`right`?E:`y`,...N?{maxBarThickness:N}:{},captions:e.points.map(e=>e.caption),categories:e.points.map(e=>e.category),...G?{barPercentage:k,categoryPercentage:A}:{}}})},options:{responsive:!0,maintainAspectRatio:!1,layout:_?{padding:{top:O}}:void 0,onHover:$.onHover,onClick:$.onClick,hover:g?void 0:{mode:`nearest`,intersect:!0},interaction:e.f(g,{mode:`nearest`,intersect:!0}),plugins:{legend:{display:!1},tooltip:{enabled:e.p(g),backgroundColor:B,titleColor:V,bodyColor:V,displayColors:!1,...P?{callbacks:{title:()=>[],label:e=>P(e.dataIndex,e.datasetIndex)}}:{}}},scales:Q},plugins:e.m(g,[v({target:h,colorHostElement:i,rightAxisId:E}),..._?[S({colorHostElement:i,formatValue:y})]:[],...$.plugins])}},N=[`5 неделя`,`6 неделя`,`7 неделя`,`8 неделя`,`9 неделя`,`10 неделя`],P=[{label:`Series 1`,points:u.t(N,[28,34,24,42,30,36])},{label:`Series 2`,points:u.t(N,[18,22,16,28,20,24])}],F={class:`s-ui-chart-bar__canvas-wrap`},I=(0,f.defineComponent)({__name:`SChartBar`,props:{series:{default:()=>[]},mode:{default:`grouped`},loading:{type:Boolean,default:!1},yMax:{},yMin:{},yStep:{},rightYMax:{},rightYStep:{},mirrorYAxis:{type:Boolean,default:!1},target:{},showLegend:{type:Boolean,default:!0},showValues:{type:Boolean,default:!1},formatValue:{type:Function},formatYTick:{type:Function},categories:{default:()=>[]},highlightedYTick:{},legendSize:{},maxBarThickness:{},formatTooltip:{type:Function}},emits:[`pointClick`],setup(r,{expose:i,emit:o}){let s=o,c=(0,f.useTemplateRef)(`chartRootRef`),l=(0,f.useTemplateRef)(`chartCanvasRef`),p=(0,f.computed)(()=>r.loading?P:r.mode===`grouped`?r.series:r.series.slice(0,1)),m=(e,t)=>{let n=p.value[t],r=n?.points[e];n&&r&&s(`pointClick`,e,t,r,n)},h=d.t(`onPointClick`),g=(0,f.computed)(()=>!r.loading&&r.series.length===0?null:M({seriesList:p.value,colorHostElement:c.value,yMax:r.loading?50:r.yMax,yMin:r.loading?void 0:r.yMin,yStep:r.loading?10:r.yStep,rightYMax:r.rightYMax,rightYStep:r.rightYStep,mirrorYAxis:r.mirrorYAxis,target:r.loading?void 0:r.target,skeleton:r.loading,showValues:r.showValues,formatValue:r.formatValue,formatYTick:r.formatYTick,mode:r.mode,categories:r.categories,highlightedYTick:r.highlightedYTick,maxBarThickness:r.maxBarThickness,formatTooltip:r.formatTooltip,onPointClick:h()?m:void 0})),_=(0,f.computed)(()=>!r.loading&&r.categories.length>0),v=(0,f.computed)(()=>_.value?r.categories.map(e=>({label:e.label,color:n.t(e.color,c.value)})):u.n(p.value,(e,t)=>a.t(e,c.value,t,r.loading))),y=(0,f.computed)(()=>r.loading||!r.target?.legendLabel?[]:[{label:r.target.legendLabel,color:r.target.color?n.t(r.target.color,c.value):e.S(e.D.grid,c.value),marker:`line`}]),b=(0,f.computed)(()=>[...v.value,...y.value]),{chartInstance:x}=e.n({canvasRef:l,config:g,enabled:(0,f.computed)(()=>r.loading||r.series.length>0)}),{exportImage:S,handleLegendItemHover:C}=e.t({chartInstance:x,canvasRef:l,colorHostElement:c,legendDimKind:()=>_.value?`category`:`series`}),w=e=>{C(e!==null&&e<v.value.length?e:null)};return i({exportImage:S}),(n,i)=>((0,f.openBlock)(),(0,f.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:c,class:(0,f.normalizeClass)([`s-ui-chart-bar`,{"s-ui-chart-bar--skeleton":r.loading}])},[(0,f.createElementVNode)(`div`,F,[(0,f.createVNode)((0,f.unref)(e.C),{loading:r.loading},{default:(0,f.withCtx)(()=>[(0,f.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:l,class:`s-ui-chart-bar__canvas`},null,512)]),_:1},8,[`loading`])]),r.showLegend&&b.value.length?((0,f.openBlock)(),(0,f.createBlock)((0,f.unref)(t.t),{key:0,items:b.value,size:r.legendSize,disabled:r.loading,interactive:!r.loading,onItemHover:w},null,8,[`items`,`size`,`disabled`,`interactive`])):(0,f.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return I}});