@shtabapp/ui-kit 1.62.0 → 1.64.0

package/dist/{SChartStackedArea-BxUex_Di.js → SChartStackedArea-BQGnKp1i.js}

@@ -1,33 +1,33 @@
-import { C as e, S as t, a as n, c as r, i, l as a, o, r as s, s as c, t as l, u, v as d } from "./SChartSkeletonHost-BT96eWSF.js";
-import { t as f } from "./buildCartesianChartScales-EofFq3ry.js";
-import { n as p, t as m } from "./buildChartSeriesPoints-D8Xpfwp7.js";
-import { t as h } from "./resolveStackedChartContext-DFre3tt0.js";
-import { t as g } from "./createChartCrosshairPlugin-DwFOncWI.js";
-import { t as _ } from "./resolveSeriesPaletteColor-BdvGT-PI.js";
-import { t as v } from "./SChartLegend-oZoF8XK7.js";
+import { t as e } from "./SChartLegend-oZoF8XK7.js";
+import { C as t, a as n, b as r, c as i, g as a, i as o, n as s, o as c, r as l, s as u, t as d, x as f } from "./useChartInteractivity-BATdT86l.js";
+import { t as p } from "./buildCartesianChartScales-EofFq3ry.js";
+import { t as m } from "./resolveStackedChartContext-CIKVXkDn.js";
+import { t as h } from "./createChartCrosshairPlugin-DU5grSok.js";
+import { t as g } from "./resolveSeriesPaletteColor-DcLSyk-D.js";
+import { n as _, t as v } from "./buildChartSeriesPoints-BTyOpkin.js";
 import { t as y } from "./useHasListener-RSjlUyqH.js";
 import { computed as b, createBlock as x, createCommentVNode as S, createElementBlock as C, createElementVNode as w, createVNode as T, defineComponent as E, normalizeClass as D, openBlock as O, unref as k, useTemplateRef as A, withCtx as j } from "vue";
 //#region src/utils/chart/stacked/resolveStackedSeriesColor.ts
-var M = (n, r, i, a = !1) => _(n, r, i, a, {
-	palette: e,
-	paletteFallback: d.stackedPalette1,
-	skeletonPalette: t,
-	skeletonFallback: d.skeletonPalette1
-}), N = 20, P = "stack0", F = ({ seriesList: e, colorHostElement: t, yMax: i, yMin: s, yStep: l = N, skeleton: d = !1, totalLabel: p, onSeriesClick: m }) => {
-	let _ = h({
+var M = (e, t, n, i = !1) => g(e, t, n, i, {
+	palette: f,
+	paletteFallback: a.stackedPalette1,
+	skeletonPalette: r,
+	skeletonFallback: a.skeletonPalette1
+}), N = 20, P = "stack0", F = ({ seriesList: e, colorHostElement: t, yMax: r, yMin: a, yStep: s = N, skeleton: d = !1, totalLabel: f, onSeriesClick: g }) => {
+	let _ = m({
 		seriesList: e,
 		colorHostElement: t,
-		yMax: i,
-		yMin: s,
-		yStep: l,
+		yMax: r,
+		yMin: a,
+		yStep: s,
 		skeleton: d
 	});
 	if (!_) return null;
-	let { axisLabelColor: v, gridColor: y, tooltipBackgroundColor: b, tooltipTextColor: x, resolvedYMax: S, resolvedYMin: C, chartLabels: w } = _, T = n({
+	let { axisLabelColor: v, gridColor: y, tooltipBackgroundColor: b, tooltipTextColor: x, resolvedYMax: S, resolvedYMin: C, chartLabels: w } = _, T = l({
 		kind: "series",
 		skeleton: d,
 		colorHostElement: t,
-		onIndexClick: m
+		onIndexClick: g
 	});
 	return {
 		type: "line",
@@ -69,29 +69,29 @@ var M = (n, r, i, a = !1) => _(n, r, i, a, {
 			plugins: {
 				legend: { display: !1 },
 				tooltip: {
-					enabled: c(d),
+					enabled: n(d),
 					backgroundColor: b,
 					titleColor: x,
 					bodyColor: x,
 					footerColor: x,
 					displayColors: !1,
-					position: a,
+					position: u,
 					yAlign: "bottom",
 					xAlign: "center",
 					caretPadding: 8,
-					callbacks: u({ total: p })
+					callbacks: i({ total: f })
 				}
 			},
-			scales: f({
+			scales: p({
 				axisLabelColor: v,
 				gridColor: y,
 				yMin: C,
 				yMax: S,
-				yStep: l,
+				yStep: s,
 				stacked: !0
 			})
 		},
-		plugins: r(d, [g(t), ...T.plugins])
+		plugins: c(d, [h(t), ...T.plugins])
 	};
 }, I = [
 	"24.02",
@@ -176,19 +176,19 @@ var M = (n, r, i, a = !1) => _(n, r, i, a, {
 ], H = [
 	{
 		label: V[0] ?? "Series 1",
-		points: m(I, L)
+		points: v(I, L)
 	},
 	{
 		label: V[1] ?? "Series 2",
-		points: m(I, R)
+		points: v(I, R)
 	},
 	{
 		label: V[2] ?? "Series 3",
-		points: m(I, z)
+		points: v(I, z)
 	},
 	{
 		label: V[3] ?? "Series 4",
-		points: m(I, B)
+		points: v(I, B)
 	}
 ], U = { class: "s-ui-chart-stacked-area__canvas-wrap" }, W = /* @__PURE__ */ E({
 	__name: "SChartStackedArea",
@@ -203,45 +203,45 @@ var M = (n, r, i, a = !1) => _(n, r, i, a, {
 		totalLabel: {}
 	},
 	emits: ["seriesClick"],
-	setup(e, { expose: t, emit: n }) {
-		let r = n, a = A("chartRootRef"), o = A("chartCanvasRef"), c = b(() => e.loading ? H : e.series), u = (t) => {
-			let n = e.series[t];
-			n && r("seriesClick", t, n);
-		}, d = y("onSeriesClick"), f = b(() => !e.loading && e.series.length === 0 ? null : F({
-			seriesList: c.value,
-			colorHostElement: a.value,
-			yMax: e.loading ? 160 : e.yMax,
-			yMin: e.loading ? 0 : void 0,
-			yStep: e.loading ? 20 : e.yStep,
-			skeleton: e.loading,
-			totalLabel: e.totalLabel,
-			onSeriesClick: d() ? u : void 0
-		})), m = b(() => p(c.value, (t, n) => M(t, a.value, n, e.loading))), { chartInstance: h } = i({
-			canvasRef: o,
-			config: f,
-			enabled: b(() => e.loading || e.series.length > 0)
-		}), { exportImage: g, handleLegendItemHover: _ } = s({
+	setup(n, { expose: r, emit: i }) {
+		let a = i, o = A("chartRootRef"), c = A("chartCanvasRef"), l = b(() => n.loading ? H : n.series), u = (e) => {
+			let t = n.series[e];
+			t && a("seriesClick", e, t);
+		}, f = y("onSeriesClick"), p = b(() => !n.loading && n.series.length === 0 ? null : F({
+			seriesList: l.value,
+			colorHostElement: o.value,
+			yMax: n.loading ? 160 : n.yMax,
+			yMin: n.loading ? 0 : void 0,
+			yStep: n.loading ? 20 : n.yStep,
+			skeleton: n.loading,
+			totalLabel: n.totalLabel,
+			onSeriesClick: f() ? u : void 0
+		})), m = b(() => _(l.value, (e, t) => M(e, o.value, t, n.loading))), { chartInstance: h } = s({
+			canvasRef: c,
+			config: p,
+			enabled: b(() => n.loading || n.series.length > 0)
+		}), { exportImage: g, handleLegendItemHover: v } = d({
 			chartInstance: h,
-			canvasRef: o,
-			colorHostElement: a
+			canvasRef: c,
+			colorHostElement: o
 		});
-		return t({ exportImage: g }), (t, n) => (O(), C("div", {
+		return r({ exportImage: g }), (r, i) => (O(), C("div", {
 			ref_key: "chartRootRef",
-			ref: a,
-			class: D(["s-ui-chart-stacked-area", { "s-ui-chart-stacked-area--skeleton": e.loading }])
-		}, [w("div", U, [T(k(l), { loading: e.loading }, {
+			ref: o,
+			class: D(["s-ui-chart-stacked-area", { "s-ui-chart-stacked-area--skeleton": n.loading }])
+		}, [w("div", U, [T(k(t), { loading: n.loading }, {
 			default: j(() => [w("canvas", {
 				ref_key: "chartCanvasRef",
-				ref: o,
+				ref: c,
 				class: "s-ui-chart-stacked-area__canvas"
 			}, null, 512)]),
 			_: 1
-		}, 8, ["loading"])]), m.value.length ? (O(), x(k(v), {
+		}, 8, ["loading"])]), m.value.length ? (O(), x(k(e), {
 			key: 0,
 			items: m.value,
-			disabled: e.loading,
-			interactive: !e.loading,
-			onItemHover: k(_)
+			disabled: n.loading,
+			interactive: !n.loading,
+			onItemHover: k(v)
 		}, null, 8, [
 			"items",
 			"disabled",

package/dist/SChartStackedBar-D1G-VloG.cjs

@@ -0,0 +1 @@
+const e=require("./SChartLegend-DGtjd6zV.cjs"),t=require("./useChartInteractivity-CXSdHPOw.cjs"),n=require("./buildCartesianChartScales-Dck5yBMo.cjs"),r=require("./resolveStackedChartContext-CQbgdV55.cjs"),i=require("./resolveBarStackedSeriesColor-HDSkh6Mw.cjs"),a=require("./buildChartSeriesPoints-Cqo2ed-n.cjs"),o=require("./useHasListener-BPgtbbo6.cjs");let s=require("vue");var c=3,l=4,u=(e,t,n,r,i,a)=>{let o=Math.min(a,r/2,i),s=o;e.beginPath(),e.moveTo(t,n+i),e.lineTo(t,n+o),e.arcTo(t,n,t+o,n,o),e.lineTo(t+r-s,n),e.arcTo(t+r,n,t+r,n+s,s),e.lineTo(t+r,n+i),e.closePath(),e.stroke()},d=e=>({id:`stackedBarHoverOutline`,afterDatasetsDraw(n){let r=n.tooltip?.getActiveElements()??[];if(r.length===0)return;let i=1/0,a=1/0,o=-1/0,s=-1/0;for(let e of r){let{x:t,y:n,width:r,base:c}=e.element.getProps([`x`,`y`,`width`,`base`]),l=t-r/2,u=t+r/2,d=n,f=c;i=Math.min(i,l),o=Math.max(o,u),a=Math.min(a,d),s=Math.max(s,f)}let d=t.S(t.g.barHoverOutline,e),{ctx:f,chartArea:p}=n,m=c/2,h=p?.bottom??s,g=Math.min(s,h),_=i+m,v=a+m,y=o-i-c,b=g-a-c;if(y<=0||b<=0)return;let x=Math.max(0,l-m);f.save(),f.strokeStyle=d,f.lineWidth=c,u(f,_,v,y,b,x),f.restore()}}),f=5,p=`stack0`,m=36,h=4,g=12,_=({seriesList:e,colorHostElement:a,yMax:o,yMin:s,yStep:c=f,skeleton:l=!1,onSeriesClick:u,onSegmentClick:_})=>{let v=r.t({seriesList:e,colorHostElement:a,yMax:o,yMin:s,yStep:c,skeleton:l});if(!v)return null;let{axisLabelColor:y,gridColor:b,tooltipBackgroundColor:x,tooltipTextColor:S,resolvedYMax:C,resolvedYMin:w,chartLabels:T,pointCaptions:E,topSeriesIndex:D}=v,O=t.r({kind:`segment`,skeleton:l,colorHostElement:a,onIndexClick:u,onElementIndexClick:_});return{type:`bar`,data:{labels:T,datasets:e.map((e,t)=>{let n=i.t(t,a,e.fillColor,l);return{label:e.label,data:e.points.map(e=>e.value),backgroundColor:n,hoverBackgroundColor:n,borderWidth:0,hoverBorderWidth:0,stack:p,barThickness:m,borderRadius:t===D?{topLeft:h,topRight:h}:0,...t===0?{captions:E}:{}}})},options:{responsive:!0,maintainAspectRatio:!1,onHover:O.onHover,onClick:O.onClick,hover:l?void 0:{mode:`nearest`,intersect:!0},interaction:t.i(l,{mode:`nearest`,intersect:!0}),plugins:{legend:{display:!1},tooltip:{enabled:t.a(l),backgroundColor:x,titleColor:S,bodyColor:S,displayColors:!1,position:t.f,yAlign:`bottom`,xAlign:`center`,caretPadding:8,callbacks:t.p()}},scales:n.t({axisLabelColor:y,gridColor:b,yMin:w,yMax:C,yStep:c,stacked:!0,xTickFontSize:g})},plugins:t.o(l,[d(a),...O.plugins])}},v=[`5 неделя`,`6 неделя`,`7 неделя`,`8 неделя`,`9 неделя`,`10 неделя`,`11 неделя`,`12 неделя`,`13 неделя`,`14 неделя`,`15 неделя`,`16 неделя`],y=[12,14,15,16,18,17,16,15,14,13,12,11],b=[6,7,8,8,9,8,7,7,6,6,5,5],x=[4,5,5,6,6,5,5,4,4,3,3,3],S=[`Series 1`,`Series 2`,`Series 3`],C=[{label:S[0]??`Series 1`,points:a.t(v,y)},{label:S[1]??`Series 2`,points:a.t(v,b)},{label:S[2]??`Series 3`,points:a.t(v,x)}],w={class:`s-ui-chart-stacked-bar__canvas-wrap`},T=(0,s.defineComponent)({__name:`SChartStackedBar`,props:{series:{default:()=>[]},loading:{type:Boolean,default:!1},yMax:{},yStep:{}},emits:[`seriesClick`,`segmentClick`],setup(n,{expose:r,emit:c}){let l=c,u=(0,s.useTemplateRef)(`chartRootRef`),d=(0,s.useTemplateRef)(`chartCanvasRef`),f=(0,s.computed)(()=>n.loading?C:n.series),p=e=>{let t=n.series[e];t&&l(`seriesClick`,e,t)},m=(e,t)=>{let r=n.series[t],i=r?.points[e];r&&i&&l(`segmentClick`,e,t,i,r)},h=o.t(`onSeriesClick`),g=o.t(`onSegmentClick`),v=(0,s.computed)(()=>!n.loading&&n.series.length===0?null:_({seriesList:f.value,colorHostElement:u.value,yMax:n.loading?50:n.yMax,yMin:n.loading?0:void 0,yStep:n.loading?5:n.yStep,skeleton:n.loading,onSeriesClick:h()?p:void 0,onSegmentClick:g()?m:void 0})),y=(0,s.computed)(()=>a.n(f.value,(e,t)=>i.t(e,u.value,t,n.loading))),{chartInstance:b}=t.n({canvasRef:d,config:v,enabled:(0,s.computed)(()=>n.loading||n.series.length>0)}),{exportImage:x,handleLegendItemHover:S}=t.t({chartInstance:b,canvasRef:d,colorHostElement:u});return r({exportImage:x}),(r,i)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:u,class:(0,s.normalizeClass)([`s-ui-chart-stacked-bar`,{"s-ui-chart-stacked-bar--skeleton":n.loading}])},[(0,s.createElementVNode)(`div`,w,[(0,s.createVNode)((0,s.unref)(t.C),{loading:n.loading},{default:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:d,class:`s-ui-chart-stacked-bar__canvas`},null,512)]),_:1},8,[`loading`])]),y.value.length?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(e.t),{key:0,items:y.value,disabled:n.loading,interactive:!n.loading,onItemHover:(0,s.unref)(S)},null,8,[`items`,`disabled`,`interactive`,`onItemHover`])):(0,s.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return T}});

package/dist/SChartStackedBar-fiUU9lNp.js

@@ -0,0 +1,245 @@
+import { t as e } from "./SChartLegend-oZoF8XK7.js";
+import { C as t, S as n, a as r, f as i, g as a, i as o, n as s, o as c, p as l, r as u, t as d } from "./useChartInteractivity-BATdT86l.js";
+import { t as f } from "./buildCartesianChartScales-EofFq3ry.js";
+import { t as p } from "./resolveStackedChartContext-CIKVXkDn.js";
+import { t as m } from "./resolveBarStackedSeriesColor-LpVh1SvQ.js";
+import { n as h, t as g } from "./buildChartSeriesPoints-BTyOpkin.js";
+import { t as _ } from "./useHasListener-RSjlUyqH.js";
+import { computed as v, createBlock as y, createCommentVNode as b, createElementBlock as x, createElementVNode as S, createVNode as C, defineComponent as w, normalizeClass as T, openBlock as E, unref as D, useTemplateRef as O, withCtx as k } from "vue";
+//#region src/utils/chart/bar/createStackedBarHoverOutlinePlugin.ts
+var A = 3, j = 4, M = (e, t, n, r, i, a) => {
+	let o = Math.min(a, r / 2, i), s = o;
+	e.beginPath(), e.moveTo(t, n + i), e.lineTo(t, n + o), e.arcTo(t, n, t + o, n, o), e.lineTo(t + r - s, n), e.arcTo(t + r, n, t + r, n + s, s), e.lineTo(t + r, n + i), e.closePath(), e.stroke();
+}, N = (e) => ({
+	id: "stackedBarHoverOutline",
+	afterDatasetsDraw(t) {
+		let r = t.tooltip?.getActiveElements() ?? [];
+		if (r.length === 0) return;
+		let i = Infinity, o = Infinity, s = -Infinity, c = -Infinity;
+		for (let e of r) {
+			let { x: t, y: n, width: r, base: a } = e.element.getProps([
+				"x",
+				"y",
+				"width",
+				"base"
+			]), l = t - r / 2, u = t + r / 2, d = n, f = a;
+			i = Math.min(i, l), s = Math.max(s, u), o = Math.min(o, d), c = Math.max(c, f);
+		}
+		let l = n(a.barHoverOutline, e), { ctx: u, chartArea: d } = t, f = A / 2, p = d?.bottom ?? c, m = Math.min(c, p), h = i + f, g = o + f, _ = s - i - A, v = m - o - A;
+		if (_ <= 0 || v <= 0) return;
+		let y = Math.max(0, j - f);
+		u.save(), u.strokeStyle = l, u.lineWidth = A, M(u, h, g, _, v, y), u.restore();
+	}
+}), P = 5, F = "stack0", I = 36, L = 4, R = 12, z = ({ seriesList: e, colorHostElement: t, yMax: n, yMin: a, yStep: s = P, skeleton: d = !1, onSeriesClick: h, onSegmentClick: g }) => {
+	let _ = p({
+		seriesList: e,
+		colorHostElement: t,
+		yMax: n,
+		yMin: a,
+		yStep: s,
+		skeleton: d
+	});
+	if (!_) return null;
+	let { axisLabelColor: v, gridColor: y, tooltipBackgroundColor: b, tooltipTextColor: x, resolvedYMax: S, resolvedYMin: C, chartLabels: w, pointCaptions: T, topSeriesIndex: E } = _, D = u({
+		kind: "segment",
+		skeleton: d,
+		colorHostElement: t,
+		onIndexClick: h,
+		onElementIndexClick: g
+	});
+	return {
+		type: "bar",
+		data: {
+			labels: w,
+			datasets: e.map((e, n) => {
+				let r = m(n, t, e.fillColor, d);
+				return {
+					label: e.label,
+					data: e.points.map((e) => e.value),
+					backgroundColor: r,
+					hoverBackgroundColor: r,
+					borderWidth: 0,
+					hoverBorderWidth: 0,
+					stack: F,
+					barThickness: I,
+					borderRadius: n === E ? {
+						topLeft: L,
+						topRight: L
+					} : 0,
+					...n === 0 ? { captions: T } : {}
+				};
+			})
+		},
+		options: {
+			responsive: !0,
+			maintainAspectRatio: !1,
+			onHover: D.onHover,
+			onClick: D.onClick,
+			hover: d ? void 0 : {
+				mode: "nearest",
+				intersect: !0
+			},
+			interaction: o(d, {
+				mode: "nearest",
+				intersect: !0
+			}),
+			plugins: {
+				legend: { display: !1 },
+				tooltip: {
+					enabled: r(d),
+					backgroundColor: b,
+					titleColor: x,
+					bodyColor: x,
+					displayColors: !1,
+					position: i,
+					yAlign: "bottom",
+					xAlign: "center",
+					caretPadding: 8,
+					callbacks: l()
+				}
+			},
+			scales: f({
+				axisLabelColor: v,
+				gridColor: y,
+				yMin: C,
+				yMax: S,
+				yStep: s,
+				stacked: !0,
+				xTickFontSize: R
+			})
+		},
+		plugins: c(d, [N(t), ...D.plugins])
+	};
+}, B = [
+	"5 неделя",
+	"6 неделя",
+	"7 неделя",
+	"8 неделя",
+	"9 неделя",
+	"10 неделя",
+	"11 неделя",
+	"12 неделя",
+	"13 неделя",
+	"14 неделя",
+	"15 неделя",
+	"16 неделя"
+], V = [
+	12,
+	14,
+	15,
+	16,
+	18,
+	17,
+	16,
+	15,
+	14,
+	13,
+	12,
+	11
+], H = [
+	6,
+	7,
+	8,
+	8,
+	9,
+	8,
+	7,
+	7,
+	6,
+	6,
+	5,
+	5
+], U = [
+	4,
+	5,
+	5,
+	6,
+	6,
+	5,
+	5,
+	4,
+	4,
+	3,
+	3,
+	3
+], W = [
+	"Series 1",
+	"Series 2",
+	"Series 3"
+], G = [
+	{
+		label: W[0] ?? "Series 1",
+		points: g(B, V)
+	},
+	{
+		label: W[1] ?? "Series 2",
+		points: g(B, H)
+	},
+	{
+		label: W[2] ?? "Series 3",
+		points: g(B, U)
+	}
+], K = { class: "s-ui-chart-stacked-bar__canvas-wrap" }, q = /* @__PURE__ */ w({
+	__name: "SChartStackedBar",
+	props: {
+		series: { default: () => [] },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		yMax: {},
+		yStep: {}
+	},
+	emits: ["seriesClick", "segmentClick"],
+	setup(n, { expose: r, emit: i }) {
+		let a = i, o = O("chartRootRef"), c = O("chartCanvasRef"), l = v(() => n.loading ? G : n.series), u = (e) => {
+			let t = n.series[e];
+			t && a("seriesClick", e, t);
+		}, f = (e, t) => {
+			let r = n.series[t], i = r?.points[e];
+			r && i && a("segmentClick", e, t, i, r);
+		}, p = _("onSeriesClick"), g = _("onSegmentClick"), w = v(() => !n.loading && n.series.length === 0 ? null : z({
+			seriesList: l.value,
+			colorHostElement: o.value,
+			yMax: n.loading ? 50 : n.yMax,
+			yMin: n.loading ? 0 : void 0,
+			yStep: n.loading ? 5 : n.yStep,
+			skeleton: n.loading,
+			onSeriesClick: p() ? u : void 0,
+			onSegmentClick: g() ? f : void 0
+		})), A = v(() => h(l.value, (e, t) => m(e, o.value, t, n.loading))), { chartInstance: j } = s({
+			canvasRef: c,
+			config: w,
+			enabled: v(() => n.loading || n.series.length > 0)
+		}), { exportImage: M, handleLegendItemHover: N } = d({
+			chartInstance: j,
+			canvasRef: c,
+			colorHostElement: o
+		});
+		return r({ exportImage: M }), (r, i) => (E(), x("div", {
+			ref_key: "chartRootRef",
+			ref: o,
+			class: T(["s-ui-chart-stacked-bar", { "s-ui-chart-stacked-bar--skeleton": n.loading }])
+		}, [S("div", K, [C(D(t), { loading: n.loading }, {
+			default: k(() => [S("canvas", {
+				ref_key: "chartCanvasRef",
+				ref: c,
+				class: "s-ui-chart-stacked-bar__canvas"
+			}, null, 512)]),
+			_: 1
+		}, 8, ["loading"])]), A.value.length ? (E(), y(D(e), {
+			key: 0,
+			items: A.value,
+			disabled: n.loading,
+			interactive: !n.loading,
+			onItemHover: D(N)
+		}, null, 8, [
+			"items",
+			"disabled",
+			"interactive",
+			"onItemHover"
+		])) : b("", !0)], 2));
+	}
+});
+//#endregion
+export { q as t };

package/dist/SColorPicker-BRSi0Xhm.cjs

@@ -0,0 +1 @@
+const e=require("./contrastSurfaceTextColor-BRjRzXyZ.cjs"),t=require("./SColorPalette-CqIA4Qtp.cjs"),n=require("./colorValue-Dda7fKd3.cjs"),r=require("./SButton.types-UKroD-ev.cjs"),i=require("./SButton-9dLbCJvh.cjs"),a=require("./useFloatingOverlay-B1UCUYQQ.cjs"),o=require("./SDropdown-LNVnMol3.cjs"),s=require("./SDropdownMenu-k9SxaFVH.cjs"),c=require("./SSelect-CRlkCLik.cjs");let l=require("vue"),u=require("@shtabapp/ui-kit-primitives"),d=require("@vueuse/core");var f=e=>Math.max(0,Math.min(255,Math.round(e))),p=e=>{let t=e%360;return t<0?t+360:t},m=e=>Math.max(0,Math.min(100,Math.round(e))),h=e=>{let t=e.slice(1);if(t.length===3){let e=t[0],n=t[1],r=t[2];return!e||!n||!r?void 0:`${e}${e}${n}${n}${r}${r}`}if(t.length===6||t.length===8)return t.slice(0,6)},g=e=>{let t=h(e);if(!t)return;let n=Number.parseInt(t.slice(0,2),16),r=Number.parseInt(t.slice(2,4),16),i=Number.parseInt(t.slice(4,6),16);if(!(Number.isNaN(n)||Number.isNaN(r)||Number.isNaN(i)))return{first:n,second:r,third:i}},_=e=>{let t=f(e.first),n=f(e.second),r=f(e.third);return`#${t.toString(16).padStart(2,`0`).toUpperCase()}${n.toString(16).padStart(2,`0`).toUpperCase()}${r.toString(16).padStart(2,`0`).toUpperCase()}`},v=e=>{let t=g(e);if(!t)return;let n=t.first/255,r=t.second/255,i=t.third/255,a=Math.max(n,r,i),o=Math.min(n,r,i),s=a-o,c=0,l=(a+o)/2;s!==0&&(c=a===n?((r-i)/s+(r<i?6:0))*60:a===r?((i-n)/s+2)*60:((n-r)/s+4)*60);let u=0;return s!==0&&(u=l>.5?s/(2-a-o):s/(a+o)),{first:Math.round(c),second:Math.round(u*100),third:Math.round(l*100)}},y=e=>{let t=p(e.first),n=m(e.second)/100,r=m(e.third)/100,i=e=>{let i=(t+e)/30;return f((r-n*Math.min(r,1-r)*Math.max(-1,Math.min(i%2-1,1)))*255)};return _({first:i(0),second:i(8),third:i(4)})},b=t=>{let n=t.toUpperCase(),r=n.startsWith(`#`)?n.slice(1):n;if(!/^[0-9A-F]{3}$/.test(r)&&!/^[0-9A-F]{6}$/.test(r))return;let i=`#${r}`;if(e.n(i))return _(g(i)??{first:0,second:0,third:0})},x=e=>e.slice(1).toUpperCase(),S=e=>{let t=e.first/255,n=e.second/255,r=e.third/255,i=Math.max(t,n,r),a=i-Math.min(t,n,r),o=0;a!==0&&(o=i===t?(n-r)/a%6:i===n?(r-t)/a+2:(t-n)/a+4,o=Math.round(o*60),o<0&&(o+=360));let s=i===0?0:a/i;return{hue:o,saturation:s,value:i}},C=e=>{let t=e.value*e.saturation,n=e.hue/60,r=t*(1-Math.abs(n%2-1)),i=e.value-t,a=0,o=0,s=0;return n>=0&&n<1?(a=t,o=r):n>=1&&n<2?(a=r,o=t):n>=2&&n<3?(o=t,s=r):n>=3&&n<4?(o=r,s=t):n>=4&&n<5?(a=r,s=t):(a=t,s=r),{first:f((a+i)*255),second:f((o+i)*255),third:f((s+i)*255)}},w=e=>{let t=g(e);if(t)return S(t)},T=e=>_(C(e)),E=[t.o.HEX,t.o.RGB,t.o.HSL],D={[t.o.HEX]:`Hex`,[t.o.RGB]:`RGB`,[t.o.HSL]:`HSL`},O=e=>{let t=getComputedStyle(e).backgroundColor.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)/);if(!t)return;let n=Number.parseInt(t[1]??`0`,10),r=Number.parseInt(t[2]??`0`,10),i=Number.parseInt(t[3]??`0`,10);return`#${n.toString(16).padStart(2,`0`).toUpperCase()}${r.toString(16).padStart(2,`0`).toUpperCase()}${i.toString(16).padStart(2,`0`).toUpperCase()}`},k=(t,r)=>{if(n.n(t)&&e.n(t))return t;if(r)return O(r)},A=(e,n)=>n===t.o.HEX?x(e):n===t.o.RGB?g(e)??{first:0,second:0,third:0}:v(e)??{first:0,second:0,third:0},j=e=>{let t=Number.parseInt(e,10);if(!Number.isNaN(t))return t},M=(e,n)=>{if(e===t.o.HEX)return typeof n==`string`?b(n):void 0;if(typeof n==`string`)return;if(e===t.o.RGB){let e=_({first:j(String(n.first))??0,second:j(String(n.second))??0,third:j(String(n.third))??0});return g(e)?e:void 0}let r=y({first:j(String(n.first))??0,second:j(String(n.second))??0,third:j(String(n.third))??0});if(r&&v(r))return r},N=17,P=`#000000`,F=e=>e??P,I=({modelValue:e,getEditableHex:t,saturationAreaRef:n,hueSliderRef:r,disabled:i,readonly:a})=>{let o=w(F(t()))??{hue:0,saturation:0,value:0},s=(0,l.ref)(o.hue),c=(0,l.ref)(o.saturation),u=(0,l.ref)(o.value),f=(0,l.ref)(!1),p=(0,l.ref)(!1),m=(0,l.ref)(!1),h=(0,l.shallowRef)(null),g=(0,l.shallowRef)(null),_=(0,l.computed)(()=>T({hue:s.value,saturation:c.value,value:u.value})),v=(0,l.computed)(()=>T({hue:s.value,saturation:1,value:1})),y=e=>{s.value=Math.max(0,Math.min(360,e))},b=(e,t)=>{c.value=Math.max(0,Math.min(1,e)),u.value=Math.max(0,Math.min(1,t))},x=e=>{let t=w(F(e));t&&(f.value=!0,t.saturation>0&&(s.value=t.hue),c.value=t.saturation,u.value=t.value,f.value=!1)},S=()=>{let e=t();e&&e.toUpperCase()!==_.value.toUpperCase()&&x(e)},C=()=>{let n=_.value;t()?.toUpperCase()!==n.toUpperCase()&&(f.value=!0,e.value=n,f.value=!1)};(0,l.watch)([s,c,u],()=>{f.value||C()}),(0,l.watch)(e,()=>{f.value||S()}),(0,l.onMounted)(()=>{(0,l.nextTick)(()=>{E(),D(),S()})});let E=()=>{h.value=n.value?.getBoundingClientRect()??null},D=()=>{g.value=r.value?.getBoundingClientRect()??null},O=(0,l.computed)(()=>{let e=h.value;return e?{transform:`translate3d(calc(${c.value*e.width}px - 50%), calc(${(1-u.value)*e.height}px - 50%), 0)`}:{}}),k=(0,l.computed)(()=>{let e=g.value;return e?{transform:`translate3d(-50%, calc(${s.value/360*e.height}px - 50%), 0)`}:{}}),A=()=>!i.value&&!a.value,j=e=>{let t=h.value;if(!t)return;let n=Math.max(0,Math.min(e.clientX-t.left,t.width)),r=Math.max(0,Math.min(e.clientY-t.top,t.height));b(n/t.width,1-r/t.height)},M=e=>{let t=g.value;t&&y(Math.max(0,Math.min(e.clientY-t.top,t.height))/t.height*360)},N=e=>{A()&&(E(),p.value=!0,j(e),e.currentTarget instanceof HTMLElement&&e.currentTarget.setPointerCapture(e.pointerId))},P=e=>{A()&&(D(),m.value=!0,M(e),e.currentTarget instanceof HTMLElement&&e.currentTarget.setPointerCapture(e.pointerId))},I=()=>{p.value=!1},L=()=>{m.value=!1};return(0,d.useEventListener)(n,`pointermove`,e=>{p.value&&j(e)}),(0,d.useEventListener)(n,`pointerup`,I),(0,d.useEventListener)(n,`pointercancel`,I),(0,d.useEventListener)(n,`lostpointercapture`,I),(0,d.useEventListener)(r,`pointermove`,e=>{m.value&&M(e)}),(0,d.useEventListener)(r,`pointerup`,L),(0,d.useEventListener)(r,`pointercancel`,L),(0,d.useEventListener)(r,`lostpointercapture`,L),{hexColor:_,hueBackground:v,saturationPointerStyle:O,huePointerStyle:k,handleSaturationPointerDown:N,handleHuePointerDown:P,syncFromModelValue:S}},L=e=>{if(!e)return null;let t=e.$el;if(!(t instanceof HTMLElement))return null;let n=t.querySelector(`.s-ui-color-swatch__fill`);return n instanceof HTMLElement?n:null},R={class:`s-ui-color-area__canvas-row`},ee=[`aria-label`],te=[`aria-label`,`aria-disabled`],z=(0,l.defineComponent)({__name:`SColorArea`,props:(0,l.mergeModels)({disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1}},{modelValue:{required:!0},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let t=(0,l.useModel)(e,`modelValue`),{t:r}=(0,u.useUiKitI18n)(),i=(0,l.useTemplateRef)(`colorResolutionSwatchRef`),a=(0,l.useTemplateRef)(`saturationAreaRef`),o=(0,l.useTemplateRef)(`hueSliderRef`),s=()=>k(t.value,L(i.value)),c=(0,l.computed)(()=>n.a(t.value)),{hexColor:d,hueBackground:f,saturationPointerStyle:p,huePointerStyle:m,handleSaturationPointerDown:h,handleHuePointerDown:g}=I({modelValue:t,getEditableHex:s,saturationAreaRef:a,hueSliderRef:o,disabled:(0,l.toRef)(()=>e.disabled),readonly:(0,l.toRef)(()=>e.readonly)});return(t,n)=>((0,l.openBlock)(),(0,l.createElementBlock)(`div`,(0,l.mergeProps)({class:[`s-ui-color-area`,{"s-ui-color-area--disabled":e.disabled,"s-ui-color-area--readonly":e.readonly}]},t.$attrs),[(0,l.createVNode)((0,l.unref)(u.SColorSwatch),{ref_key:`colorResolutionSwatchRef`,ref:i,class:`s-ui-color-area__color-resolution`,color:c.value,size:(0,l.unref)(u.ESColorSwatchSize).SIZE_24,tabindex:`-1`,"aria-hidden":`true`},null,8,[`color`,`size`]),(0,l.createElementVNode)(`div`,R,[(0,l.createElementVNode)(`div`,{ref_key:`saturationAreaRef`,ref:a,class:`s-ui-color-area__canvas`,role:`img`,"aria-label":(0,l.unref)(r)(`colorArea.saturationBrightness`),style:(0,l.normalizeStyle)({"--s-ui-color-area-hue":(0,l.unref)(f)}),onPointerdown:n[0]||=(...e)=>(0,l.unref)(h)&&(0,l.unref)(h)(...e)},[(0,l.createElementVNode)(`div`,{class:`s-ui-color-area__canvas-pointer`,style:(0,l.normalizeStyle)({...(0,l.unref)(p),backgroundColor:(0,l.unref)(d)})},null,4)],44,ee),(0,l.createElementVNode)(`div`,{ref_key:`hueSliderRef`,ref:o,class:`s-ui-color-area__hue`,role:`slider`,"aria-label":(0,l.unref)(r)(`colorArea.hue`),"aria-valuemin":`0`,"aria-valuemax":`360`,"aria-disabled":e.disabled||e.readonly,onPointerdown:n[1]||=(...e)=>(0,l.unref)(g)&&(0,l.unref)(g)(...e)},[(0,l.createElementVNode)(`div`,{class:`s-ui-color-area__hue-pointer`,style:(0,l.normalizeStyle)({...(0,l.unref)(m),backgroundColor:(0,l.unref)(f)})},null,4)],40,te)])],16))}}),B={class:`s-ui-color-values__left`},V={class:`s-ui-color-values__format`},H={class:`s-ui-color-values__value-group`},U={class:`s-ui-color-values__inputs`},W={key:0,class:`s-ui-color-values__input-wrap`},G=[`disabled`,`readonly`,`aria-label`],K={class:`s-ui-color-values__input-wrap`},q=[`disabled`,`readonly`,`aria-label`],J={class:`s-ui-color-values__input-wrap`},Y=[`disabled`,`readonly`,`aria-label`],X={class:`s-ui-color-values__input-wrap`},Z=[`disabled`,`readonly`,`aria-label`],Q=(0,l.defineComponent)({__name:`SColorValues`,props:(0,l.mergeModels)({disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},formats:{default:()=>E}},{modelValue:{required:!0},modelModifiers:{},format:{default:t.o.HEX},formatModifiers:{}}),emits:(0,l.mergeModels)([`formatDropdownOpen`,`formatDropdownClose`],[`update:modelValue`,`update:format`]),setup(e,{emit:a}){let{t:o}=(0,u.useUiKitI18n)(),s=(0,l.useModel)(e,`modelValue`),d=(0,l.useModel)(e,`format`),f=a,p=(0,l.useTemplateRef)(`previewSwatchRef`),m=(0,l.ref)(``),h=(0,l.ref)(`0`),g=(0,l.ref)(`0`),_=(0,l.ref)(`0`),v=(0,l.computed)(()=>(e.formats.length>0?e.formats:E).map(e=>({value:e,label:D[e]}))),y=(0,l.computed)(()=>n.a(s.value)),b=(0,l.computed)(()=>k(s.value,L(p.value))),x=(0,l.computed)(()=>d.value===t.o.RGB?o(`colorValues.redChannel`):o(`colorValues.hueChannel`)),S=(0,l.computed)(()=>d.value===t.o.RGB?o(`colorValues.greenChannel`):o(`colorValues.saturationChannel`)),C=(0,l.computed)(()=>d.value===t.o.RGB?o(`colorValues.blueChannel`):o(`colorValues.lightnessChannel`)),w=()=>{let e=b.value;if(!e)return;let n=A(e,d.value);if(d.value===t.o.HEX&&typeof n==`string`){m.value=n;return}typeof n==`object`&&(h.value=String(n.first),g.value=String(n.second),_.value=String(n.third))};(0,l.watch)([s,d,b],()=>{w()}),(0,l.onMounted)(()=>{(0,l.nextTick)(()=>{w()})});let T=()=>{if(e.disabled||e.readonly)return;if(d.value===t.o.HEX){let e=M(t.o.HEX,m.value);e&&(s.value=e),w();return}let n=M(d.value,{first:Number.parseInt(h.value,10),second:Number.parseInt(g.value,10),third:Number.parseInt(_.value,10)});n&&(s.value=n),w()},O=e=>{e.key===`Enter`&&(e.preventDefault(),T())};return(n,a)=>((0,l.openBlock)(),(0,l.createElementBlock)(`div`,(0,l.mergeProps)({class:[`s-ui-color-values`,{"s-ui-color-values--disabled":e.disabled,"s-ui-color-values--readonly":e.readonly}]},n.$attrs),[(0,l.createElementVNode)(`div`,B,[(0,l.createVNode)((0,l.unref)(u.SColorSwatch),{ref_key:`previewSwatchRef`,ref:p,class:`s-ui-color-values__preview`,color:y.value,size:(0,l.unref)(u.ESColorSwatchSize).SIZE_32,disabled:e.disabled,tabindex:`-1`,"aria-hidden":`true`},null,8,[`color`,`size`,`disabled`]),(0,l.createElementVNode)(`div`,V,[(0,l.createVNode)((0,l.unref)(c.t),{modelValue:d.value,"onUpdate:modelValue":a[0]||=e=>d.value=e,class:`s-ui-color-values__format-select`,options:v.value,disabled:e.disabled,readonly:e.readonly,bordered:!0,clearable:!1,"close-on-select":!0,"fit-viewport":!1,"aria-label":(0,l.unref)(o)(`colorValues.format`),onOpen:a[1]||=e=>f(`formatDropdownOpen`),onClose:a[2]||=e=>f(`formatDropdownClose`)},null,8,[`modelValue`,`options`,`disabled`,`readonly`,`aria-label`])])]),(0,l.createElementVNode)(`div`,H,[(0,l.createVNode)((0,l.unref)(i.t),{class:`s-ui-color-values__pipette`,appearance:(0,l.unref)(r.t).BARE,variant:(0,l.unref)(r.r).NEUTRAL,size:(0,l.unref)(r.n).SMALL,icon:`pipette`,"aria-label":(0,l.unref)(o)(`colorValues.pickColor`),"aria-disabled":`true`,disabled:e.disabled,tabindex:`-1`},null,8,[`appearance`,`variant`,`size`,`aria-label`,`disabled`]),a[9]||=(0,l.createElementVNode)(`span`,{class:`s-ui-color-values__separator`,"aria-hidden":`true`},null,-1),(0,l.createElementVNode)(`div`,U,[d.value===(0,l.unref)(t.o).HEX?((0,l.openBlock)(),(0,l.createElementBlock)(`div`,W,[(0,l.withDirectives)((0,l.createElementVNode)(`input`,{"onUpdate:modelValue":a[3]||=e=>m.value=e,class:`s-ui-color-values__input s-ui-typography-body-14-regular`,type:`text`,inputmode:`text`,spellcheck:`false`,disabled:e.disabled,readonly:e.readonly,"aria-label":(0,l.unref)(o)(`colorValues.hexValue`),onBlur:T,onKeydown:O},null,40,G),[[l.vModelText,m.value]])])):((0,l.openBlock)(),(0,l.createElementBlock)(l.Fragment,{key:1},[(0,l.createElementVNode)(`div`,K,[(0,l.withDirectives)((0,l.createElementVNode)(`input`,{"onUpdate:modelValue":a[4]||=e=>h.value=e,class:`s-ui-color-values__input s-ui-typography-body-14-regular`,type:`text`,inputmode:`numeric`,spellcheck:`false`,disabled:e.disabled,readonly:e.readonly,"aria-label":x.value,onBlur:T,onKeydown:O},null,40,q),[[l.vModelText,h.value]])]),a[7]||=(0,l.createElementVNode)(`span`,{class:`s-ui-color-values__separator`,"aria-hidden":`true`},null,-1),(0,l.createElementVNode)(`div`,J,[(0,l.withDirectives)((0,l.createElementVNode)(`input`,{"onUpdate:modelValue":a[5]||=e=>g.value=e,class:`s-ui-color-values__input s-ui-typography-body-14-regular`,type:`text`,inputmode:`numeric`,spellcheck:`false`,disabled:e.disabled,readonly:e.readonly,"aria-label":S.value,onBlur:T,onKeydown:O},null,40,Y),[[l.vModelText,g.value]])]),a[8]||=(0,l.createElementVNode)(`span`,{class:`s-ui-color-values__separator`,"aria-hidden":`true`},null,-1),(0,l.createElementVNode)(`div`,X,[(0,l.withDirectives)((0,l.createElementVNode)(`input`,{"onUpdate:modelValue":a[6]||=e=>_.value=e,class:`s-ui-color-values__input s-ui-typography-body-14-regular`,type:`text`,inputmode:`numeric`,spellcheck:`false`,disabled:e.disabled,readonly:e.readonly,"aria-label":C.value,onBlur:T,onKeydown:O},null,40,Z),[[l.vModelText,_.value]])])],64))])])],16))}}),ne={class:`s-ui-color-picker__section`},re={class:`s-ui-color-picker__label`},$={class:`s-ui-color-picker__section`},ie={class:`s-ui-color-picker__label`},ae={class:`s-ui-color-picker__custom-editor`},oe={class:`s-ui-color-picker__custom-actions`},se=(0,l.defineComponent)({__name:`SColorPicker`,props:(0,l.mergeModels)({disabled:{type:Boolean,default:!1},recommendedColors:{},recentColors:{default:()=>[]}},{modelValue:{},modelModifiers:{}}),emits:(0,l.mergeModels)([`select`,`customEditorOpen`,`customEditorClose`,`formatDropdownOpen`,`formatDropdownClose`],[`update:modelValue`]),setup(e,{emit:n}){let c=(0,l.useModel)(e,`modelValue`),d=n,{t:f}=(0,u.useUiKitI18n)(),p=(0,l.ref)(!1),m=(0,l.ref)(`#526DE3`),h=(0,l.ref)(t.o.HEX),g=(0,l.computed)(()=>e.recommendedColors&&e.recommendedColors.length>0?e.recommendedColors:t.r),_=(0,l.computed)(()=>e.recentColors.length<=17?e.recentColors:e.recentColors.slice(0,17)),v=()=>{if(c.value){m.value=c.value;return}m.value=`#526DE3`},y=e=>{d(`select`,e)},b=()=>{c.value=m.value,d(`select`,m.value),p.value=!1},x=()=>{p.value=!1};return(0,l.watch)(p,(e,t)=>{if(e&&!t){v(),d(`customEditorOpen`);return}!e&&t&&d(`customEditorClose`)}),(n,v)=>((0,l.openBlock)(),(0,l.createBlock)((0,l.unref)(s.t),(0,l.mergeProps)({width:336},n.$attrs),{default:(0,l.withCtx)(()=>[(0,l.createElementVNode)(`div`,{class:(0,l.normalizeClass)([`s-ui-color-picker`,{"s-ui-color-picker--disabled":e.disabled}])},[(0,l.createElementVNode)(`section`,ne,[(0,l.createElementVNode)(`span`,re,(0,l.toDisplayString)((0,l.unref)(f)(`colorPicker.recommendedColors`)),1),(0,l.createVNode)((0,l.unref)(t.t),{modelValue:c.value,"onUpdate:modelValue":v[0]||=e=>c.value=e,class:`s-ui-color-picker__palette`,layout:(0,l.unref)(t.n).GRID,colors:g.value,size:(0,l.unref)(u.ESColorSwatchSize).SIZE_32,disabled:e.disabled,onSelect:y},null,8,[`modelValue`,`layout`,`colors`,`size`,`disabled`])]),(0,l.createElementVNode)(`section`,$,[(0,l.createElementVNode)(`span`,ie,(0,l.toDisplayString)((0,l.unref)(f)(`colorPicker.recentColors`)),1),(0,l.createVNode)((0,l.unref)(t.t),{modelValue:c.value,"onUpdate:modelValue":v[7]||=e=>c.value=e,class:`s-ui-color-picker__palette`,layout:(0,l.unref)(t.n).ROW,colors:_.value,size:(0,l.unref)(u.ESColorSwatchSize).SIZE_32,disabled:e.disabled,onSelect:y},{append:(0,l.withCtx)(()=>[(0,l.createVNode)((0,l.unref)(o.t),{modelValue:p.value,"onUpdate:modelValue":v[6]||=e=>p.value=e,placement:(0,l.unref)(a.i).RIGHT_START,offset:8,shift:!0,flip:!0,disabled:e.disabled,"dismiss-on-click-outside":!0,"dismiss-on-escape":!0},{trigger:(0,l.withCtx)(({toggle:t,triggerProps:n})=>[(0,l.createVNode)((0,l.unref)(i.t),(0,l.mergeProps)(n,{class:`s-ui-color-picker__add-button`,appearance:(0,l.unref)(r.t).OUTLINED,variant:(0,l.unref)(r.r).NEUTRAL,size:(0,l.unref)(r.n).SMALL,icon:`plus`,"aria-label":(0,l.unref)(f)(`colorPicker.addCustomColor`),disabled:e.disabled,onClick:t}),null,16,[`appearance`,`variant`,`size`,`aria-label`,`disabled`,`onClick`])]),content:(0,l.withCtx)(()=>[(0,l.createVNode)((0,l.unref)(s.t),{width:320},{footer:(0,l.withCtx)(()=>[(0,l.createElementVNode)(`div`,oe,[(0,l.createVNode)((0,l.unref)(i.t),{class:`s-ui-color-picker__save-button`,appearance:(0,l.unref)(r.t).MAJOR,variant:(0,l.unref)(r.r).MAIN,size:(0,l.unref)(r.n).SMALL,disabled:e.disabled,onClick:b},{default:(0,l.withCtx)(()=>[(0,l.createTextVNode)((0,l.toDisplayString)((0,l.unref)(f)(`colorPicker.save`)),1)]),_:1},8,[`appearance`,`variant`,`size`,`disabled`]),(0,l.createVNode)((0,l.unref)(i.t),{class:`s-ui-color-picker__cancel-button`,appearance:(0,l.unref)(r.t).MINOR,variant:(0,l.unref)(r.r).NEUTRAL,size:(0,l.unref)(r.n).SMALL,disabled:e.disabled,onClick:x},{default:(0,l.withCtx)(()=>[(0,l.createTextVNode)((0,l.toDisplayString)((0,l.unref)(f)(`colorPicker.cancel`)),1)]),_:1},8,[`appearance`,`variant`,`size`,`disabled`])])]),default:(0,l.withCtx)(()=>[(0,l.createElementVNode)(`div`,ae,[(0,l.createVNode)(z,{modelValue:m.value,"onUpdate:modelValue":v[1]||=e=>m.value=e,disabled:e.disabled},null,8,[`modelValue`,`disabled`]),(0,l.createVNode)(Q,{modelValue:m.value,"onUpdate:modelValue":v[2]||=e=>m.value=e,format:h.value,"onUpdate:format":v[3]||=e=>h.value=e,disabled:e.disabled,onFormatDropdownOpen:v[4]||=e=>d(`formatDropdownOpen`),onFormatDropdownClose:v[5]||=e=>d(`formatDropdownClose`)},null,8,[`modelValue`,`format`,`disabled`])])]),_:1})]),_:1},8,[`modelValue`,`placement`,`disabled`])]),_:1},8,[`modelValue`,`layout`,`colors`,`size`,`disabled`])])],2)]),_:1},16))}});Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return N}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return Q}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return se}});

package/dist/{SColorPicker-BL-zrskU.js → SColorPicker-Djr-R81h.js}

@@ -5,7 +5,8 @@ import { n as s, r as c, t as l } from "./SButton.types-CpdHQtyx.js";
 import { t as u } from "./SButton-6AL2ipRT.js";
 import { i as d } from "./useFloatingOverlay-QcumEYEq.js";
 import { t as f } from "./SDropdown-LOTCtlCX.js";
-import { r as p, t as m } from "./SSelect-BkX3VuCr.js";
+import { t as p } from "./SDropdownMenu-2koPU6IG.js";
+import { t as m } from "./SSelect-D6taevzT.js";
 import { Fragment as h, computed as g, createBlock as _, createElementBlock as v, createElementVNode as y, createTextVNode as b, createVNode as x, defineComponent as S, mergeModels as C, mergeProps as w, nextTick as T, normalizeClass as E, normalizeStyle as D, onMounted as O, openBlock as k, ref as A, shallowRef as j, toDisplayString as M, toRef as N, unref as P, useModel as F, useTemplateRef as I, vModelText as L, watch as R, withCtx as z, withDirectives as B } from "vue";
 import { ESColorSwatchSize as V, SColorSwatch as ee, useUiKitI18n as H } from "@shtabapp/ui-kit-primitives";
 import { useEventListener as U } from "@vueuse/core";

package/dist/SDropdownMenu-2koPU6IG.js

@@ -0,0 +1,38 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, normalizeStyle as o, openBlock as s, renderSlot as c, unref as l, useSlots as u } from "vue";
+//#region src/components/SDropdownMenu/SDropdownMenu.vue?vue&type=script&setup=true&lang.ts
+var d = {
+	key: 0,
+	class: "s-ui-dropdown-menu__header"
+}, f = {
+	key: 1,
+	class: "s-ui-dropdown-menu__footer"
+}, p = /* @__PURE__ */ i({
+	__name: "SDropdownMenu",
+	props: {
+		width: {},
+		maxHeight: {},
+		accent: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(i) {
+		let p = u(), m = (e) => typeof e == "number" ? `${e}px` : e, h = e(() => ({
+			"s-ui-dropdown-menu--accent": i.accent,
+			"s-ui-dropdown-menu--bounded": !!i.maxHeight
+		})), g = e(() => ({ "s-ui-dropdown-menu__body--scrollable": !!i.maxHeight })), _ = e(() => ({
+			"--s-ui-dropdown-menu-width": m(i.width),
+			"--s-ui-dropdown-menu-max-height": m(i.maxHeight)
+		}));
+		return (e, i) => (s(), n("div", {
+			class: a(["s-ui-dropdown-menu", h.value]),
+			style: o(_.value)
+		}, [
+			l(p).header ? (s(), n("div", d, [c(e.$slots, "header")])) : t("", !0),
+			r("div", { class: a(["s-ui-dropdown-menu__body", g.value]) }, [c(e.$slots, "default")], 2),
+			l(p).footer ? (s(), n("div", f, [c(e.$slots, "footer")])) : t("", !0)
+		], 6));
+	}
+});
+//#endregion
+export { p as t };

package/dist/SDropdownMenu-k9SxaFVH.cjs

@@ -0,0 +1 @@
+let e=require("vue");var t={key:0,class:`s-ui-dropdown-menu__header`},n={key:1,class:`s-ui-dropdown-menu__footer`},r=(0,e.defineComponent)({__name:`SDropdownMenu`,props:{width:{},maxHeight:{},accent:{type:Boolean,default:!1}},setup(r){let i=(0,e.useSlots)(),a=e=>typeof e==`number`?`${e}px`:e,o=(0,e.computed)(()=>({"s-ui-dropdown-menu--accent":r.accent,"s-ui-dropdown-menu--bounded":!!r.maxHeight})),s=(0,e.computed)(()=>({"s-ui-dropdown-menu__body--scrollable":!!r.maxHeight})),c=(0,e.computed)(()=>({"--s-ui-dropdown-menu-width":a(r.width),"--s-ui-dropdown-menu-max-height":a(r.maxHeight)}));return(r,a)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{class:(0,e.normalizeClass)([`s-ui-dropdown-menu`,o.value]),style:(0,e.normalizeStyle)(c.value)},[(0,e.unref)(i).header?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,t,[(0,e.renderSlot)(r.$slots,`header`)])):(0,e.createCommentVNode)(``,!0),(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([`s-ui-dropdown-menu__body`,s.value])},[(0,e.renderSlot)(r.$slots,`default`)],2),(0,e.unref)(i).footer?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,n,[(0,e.renderSlot)(r.$slots,`footer`)])):(0,e.createCommentVNode)(``,!0)],6))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});

package/dist/SList-D0PDc8VN.cjs

@@ -0,0 +1 @@
+const e=require("./useSelectionGroup-NJvi3hNo.cjs"),t=require("./treeKeyboardNavigation-BOz2SVus.cjs"),n=require("./SListItem-cWTuQQY-.cjs");let r=require("vue"),i=require("@shtabapp/ui-kit-primitives"),a=require("@tanstack/vue-virtual");var o=function(e){return e.NONE=`none`,e.TWO_X_SMALL=`2x-small`,e.X_SMALL=`x-small`,e.SMALL=`small`,e.MEDIUM=`medium`,e.X_MEDIUM=`x-medium`,e.LARGE=`large`,e.X_LARGE=`x-large`,e.TWO_X_LARGE=`2x-large`,e}({}),s=o.TWO_X_SMALL,ee={[o.NONE]:`var(--s-ui-space-gap-none)`,[o.TWO_X_SMALL]:`var(--s-ui-space-gap-2x-small)`,[o.X_SMALL]:`var(--s-ui-space-gap-x-small)`,[o.SMALL]:`var(--s-ui-space-gap-small)`,[o.MEDIUM]:`var(--s-ui-space-gap-medium)`,[o.X_MEDIUM]:`var(--s-ui-space-gap-x-medium)`,[o.LARGE]:`var(--s-ui-space-gap-large)`,[o.X_LARGE]:`var(--s-ui-space-gap-x-large)`,[o.TWO_X_LARGE]:`var(--s-ui-space-gap-2x-large)`},te={[o.NONE]:0,[o.TWO_X_SMALL]:2,[o.X_SMALL]:4,[o.SMALL]:8,[o.MEDIUM]:12,[o.X_MEDIUM]:16,[o.LARGE]:20,[o.X_LARGE]:24,[o.TWO_X_LARGE]:32},ne=(e,t)=>`s-ui-list-option-${e}-${t}`,c=(e,t)=>{let n=e[t];if(typeof n==`string`)return n},l=(e,t)=>{let n=e[t];return typeof n==`boolean`?n:!1},u=e=>e in i.ESIconName,d=(e,t)=>{let n=e[t];if(typeof n==`string`&&n.length>0&&u(n))return n},re=[`role`,`aria-multiselectable`],ie=[`aria-multiselectable`,`aria-activedescendant`,`tabindex`],ae=[`data-index`],f={key:0,class:`s-ui-list__divider`,role:`separator`},oe={key:0,class:`s-ui-list__divider`,role:`separator`},p={key:2,class:`s-ui-list__static`},m=(0,r.defineComponent)({__name:`SList`,props:(0,r.mergeModels)({items:{},itemKey:{type:[String,Function],default:`id`},childrenKey:{default:`children`},titleKey:{default:`title`},subtitleKey:{default:`subtitle`},iconLeftKey:{default:`iconLeft`},disabledKey:{default:`disabled`},itemProps:{type:Function},selectionMode:{default:()=>e.n.NONE},mandatory:{type:Boolean,default:!1},virtual:{type:Boolean},gap:{default:()=>s},estimateItemSize:{default:36},overscan:{default:5},endReachedDistance:{default:0},canLoadMore:{type:Function},height:{default:320},maxHeight:{},revealRight:{type:Boolean,default:!1},expandOnClick:{type:Boolean,default:!1},selectedOnTop:{type:Boolean,default:!1},hasMoreChildrenKey:{},loadingMoreChildrenKeys:{default:()=>[]}},{modelValue:{},modelModifiers:{},selected:{},selectedModifiers:{},expanded:{default:()=>[]},expandedModifiers:{}}),emits:(0,r.mergeModels)([`endReached`,`loadMoreChildren`,`itemClick`],[`update:modelValue`,`update:selected`,`update:expanded`]),setup(o,{expose:s,emit:u}){let m=(0,r.useModel)(o,`modelValue`),h=(0,r.useModel)(o,`selected`),g=(0,r.useModel)(o,`expanded`),_=u,v=(0,r.useSlots)(),y=(0,r.useId)(),b=(0,r.useTemplateRef)(`scrollElementRef`),x=(0,r.useTemplateRef)(`listRootElementRef`),S=(0,r.computed)(()=>te[o.gap]),C=(0,r.computed)(()=>o.items!==void 0),w=(0,r.computed)(()=>C.value?o.virtual===void 0?!0:o.virtual:!1),{flatRows:T,toggleExpanded:E}=t.s({items:()=>o.items??[],childrenKey:()=>o.childrenKey,itemKey:()=>o.itemKey,expanded:g,hasMoreChildrenKey:()=>o.hasMoreChildrenKey,selectedOnTop:()=>o.selectedOnTop,selectedKeys:()=>h.value}),{t:D}=(0,i.useUiKitI18n)(),O=(0,r.computed)(()=>new Set(o.loadingMoreChildrenKeys)),k=(0,r.computed)(()=>D(`list.loadMore`)),A=e=>e.loadMoreForKey?O.value.has(e.loadMoreForKey):!1,j=(e,t)=>{O.value.has(e)||_(`loadMoreChildren`,{key:e,item:t})},M=e=>{e.loadMoreForKey&&j(e.loadMoreForKey,e.item)},N=e=>({parentKey:e.loadMoreForKey??``,parentItem:e.item,depth:e.depth,loading:A(e),loadMore:()=>{M(e)}}),P=(0,a.useVirtualizer)((0,r.computed)(()=>({count:T.value.length,getScrollElement:()=>b.value,estimateSize:()=>o.estimateItemSize,gap:S.value,overscan:o.overscan}))),F=(0,r.computed)(()=>{if(C.value)return T.value.reduce((e,t)=>(t.divider||e.push(t.key),e),[])}),I=(0,r.computed)(()=>{let e=new Set;for(let t of T.value)!t.loadMoreForKey&&l(t.item,o.disabledKey)&&e.add(t.key);return e}),L=async e=>{if(!w.value)return;let t=T.value.findIndex(t=>t.key===e);t!==-1&&(P.value.scrollToIndex(t,{align:`auto`}),await new Promise(e=>{requestAnimationFrame(()=>{e()})}),await(0,r.nextTick)())},R=e=>ne(y,e),z=e.o({modelValue:()=>h.value,onUpdateModelValue:e=>{h.value=e},mode:()=>o.selectionMode,mandatory:()=>o.mandatory,orientation:()=>e.r.VERTICAL,enableTabNavigation:!0,focusMode:()=>w.value?e.t.ACTIVE_DESCENDANT:e.t.DOM,orderedValues:F,isValueDisabled:e=>I.value.has(e),onBeforeFocusItem:async e=>{await L(e)},onFocusGroup:()=>{b.value?.focus()}}),B=(0,r.computed)(()=>C.value&&t.t(T.value)),V=()=>{if(w.value){b.value?.focus();return}x.value?.focus()},H=()=>{z.focusedValue.value=void 0,m.value=void 0;let e=document.activeElement;e instanceof HTMLElement&&e!==b.value&&e.blur(),V()},U=async e=>{w.value&&await L(e)},W=async e=>{if(H(),e.type===`expand`||e.type===`collapse`){E(e.rowKey),z.select(e.rowKey,!1),await U(e.rowKey);return}z.select(e.rowKey,!1),await U(e.rowKey)},G=async(e,n)=>{if(!B.value||e.key!==`ArrowUp`&&e.key!==`ArrowDown`)return!1;let r=t.n(n,h.value),i=t.i(e.key,r,T.value);return i?(e.preventDefault(),H(),z.select(i,!1),await U(i),!0):!1},K=async(e,n)=>{if(!B.value||e.key!==`ArrowLeft`&&e.key!==`ArrowRight`)return!1;let r=t.n(n,h.value),i=t.r(e.key,r,T.value);return i?(e.preventDefault(),await W(i),!0):!1},q=()=>{if(m.value)return m.value;let e=t.n(``,h.value);if(e)return e;let n=F.value;if(n){for(let e of n)if(!I.value.has(e))return e}},se=()=>q(),ce=async e=>{let t=se();t&&await J(e,t)},le=[`Enter`,` `,`Spacebar`],ue=(e,t)=>{if(!le.includes(e.key))return!1;let n=T.value.find(e=>e.key===t);return n?.loadMoreForKey?(e.preventDefault(),j(n.loadMoreForKey,n.item),!0):!1},J=async(e,t)=>{ue(e,t)||await G(e,t)||await K(e,t)||(await z.handleItemKeydown(e,t),m.value=z.focusedValue.value,!z.focusedValue.value&&!w.value&&V())},de=async e=>{let t=q();t&&await J(e,t)},fe=async e=>{if(w.value||e.target!==x.value)return;let t=q();t&&await J(e,t)},pe=async()=>{let e=q();if(!e){V();return}await z.focusItem(e,!1)};(0,r.provide)(n.r,{mode:()=>o.selectionMode,isSelected:z.isSelected,selectItem:z.toggle,registerItem:z.registerItem,getItemTabIndex:z.getItemTabIndex,getGroupTabIndex:z.getGroupTabIndex,handleItemKeydown:J,activeKey:()=>m.value,setActiveKey:e=>{m.value=e},isExpanded:e=>g.value.includes(e),toggleExpanded:e=>{if(C.value){E(e);return}let t=new Set(g.value);t.has(e)?t.delete(e):t.add(e),g.value=[...t]},revealRight:()=>o.revealRight,expandOnClick:()=>o.expandOnClick,getItemOptionId:e=>{if(w.value)return R(e)},usesActiveDescendantNavigation:()=>w.value,handlesTreeKeyboardNavigation:()=>C.value});let me=(0,r.computed)(()=>P.value.getVirtualItems()),he=(0,r.computed)(()=>me.value.flatMap(e=>{let t=T.value[e.index];return t?[{virtualRow:e,flatRow:t}]:[]})),ge=(0,r.computed)(()=>P.value.getTotalSize()),_e=(0,r.computed)(()=>({height:`${ge.value}px`,position:`relative`,width:`100%`})),Y=(0,r.computed)(()=>{let e={};return typeof o.height==`number`?e.height=`${o.height}px`:o.height&&(e.height=o.height),o.maxHeight&&(typeof o.maxHeight==`number`?e.maxHeight=`${o.maxHeight}px`:e.maxHeight=o.maxHeight),e}),ve=(0,r.computed)(()=>({"s-ui-list--virtual":w.value,"s-ui-list--static":!w.value})),ye=(0,r.computed)(()=>({"--s-ui-list-gap":ee[o.gap]})),X=(0,r.computed)(()=>({"s-ui-list__scroll--flat":C.value&&!w.value})),Z=(0,r.computed)(()=>{if(o.selectionMode===e.n.MULTIPLE)return!0}),be=(0,r.computed)(()=>{if(!w.value)return`listbox`}),xe=(0,r.computed)(()=>{if(!w.value)return Z.value}),Se=(0,r.computed)(()=>{if(w.value)return z.getGroupTabIndex()}),Ce=(0,r.computed)(()=>m.value?m.value:t.n(``,h.value)),we=(0,r.computed)(()=>{if(!w.value)return;let e=Ce.value;if(e)return R(e)});t.a(()=>b.value,{distance:()=>o.endReachedDistance,canLoadMore:()=>o.canLoadMore?.()??!0,onEndReached:()=>{_(`endReached`,{direction:`bottom`})}});let Te=e=>({position:`absolute`,top:0,left:0,width:`100%`,transform:`translateY(${e.start}px)`}),Ee=e=>{e instanceof HTMLElement&&P.value.measureElement(e)},Q=e=>{let t=e.item,n={rowKey:e.key,depth:e.depth,expandable:e.hasChildren,expanded:e.expanded,selected:z.isSelected(e.key),active:m.value===e.key,disabled:l(t,o.disabledKey),title:c(t,o.titleKey),subtitle:c(t,o.subtitleKey),iconLeft:d(t,o.iconLeftKey),revealRight:o.revealRight,onClick:()=>{_(`itemClick`,{key:e.key,item:e.item})}};return o.itemProps?{...n,...o.itemProps(t,e)}:n},$=e=>({...e,revealRight:o.revealRight,toggleExpanded:()=>{E(e.key)}});return s({focusNavigation:pe,handleKeyboardNavigation:de}),(e,t)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{ref_key:`listRootElementRef`,ref:x,class:(0,r.normalizeClass)([`s-ui-list`,ve.value]),style:(0,r.normalizeStyle)(ye.value),role:be.value,"aria-multiselectable":xe.value,tabindex:`-1`,onKeydown:fe},[C.value&&w.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:0,ref_key:`scrollElementRef`,ref:b,class:(0,r.normalizeClass)([`s-ui-list__scroll`,X.value]),style:(0,r.normalizeStyle)(Y.value),role:`listbox`,"aria-multiselectable":Z.value,"aria-activedescendant":we.value,tabindex:Se.value,onKeydown:ce},[(0,r.createElementVNode)(`div`,{class:`s-ui-list__virtual-panel`,style:(0,r.normalizeStyle)(_e.value)},[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(he.value,t=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:t.virtualRow.index,class:`s-ui-list__virtual-row`,"data-index":t.virtualRow.index,ref_for:!0,ref:Ee,style:(0,r.normalizeStyle)(Te(t.virtualRow))},[t.flatRow.divider?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,f)):t.flatRow.loadMoreForKey?((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:1},[(0,r.unref)(v).loadMore?(0,r.renderSlot)(e.$slots,`loadMore`,(0,r.mergeProps)({key:0,ref_for:!0},N(t.flatRow))):((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(n.t),{key:1,"row-key":t.flatRow.key,depth:t.flatRow.depth,tiny:``,title:k.value,onClick:e=>M(t.flatRow)},(0,r.createSlots)({_:2},[A(t.flatRow)?{name:`icon-left`,fn:(0,r.withCtx)(()=>[(0,r.createVNode)((0,r.unref)(i.SSpinner),{size:16})]),key:`0`}:void 0]),1032,[`row-key`,`depth`,`title`,`onClick`]))],64)):((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:2},[(0,r.unref)(v).item?(0,r.renderSlot)(e.$slots,`item`,(0,r.mergeProps)({key:0,ref_for:!0},$(t.flatRow))):((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(n.t),(0,r.mergeProps)({key:1,ref_for:!0},Q(t.flatRow)),(0,r.createSlots)({_:2},[(0,r.unref)(v).itemIconLeft?{name:`icon-left`,fn:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`itemIconLeft`,(0,r.mergeProps)({ref_for:!0},$(t.flatRow)))]),key:`0`}:void 0,(0,r.unref)(v).itemTitle?{name:`title`,fn:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`itemTitle`,(0,r.mergeProps)({ref_for:!0},$(t.flatRow)))]),key:`1`}:void 0,(0,r.unref)(v).itemSubtitle?{name:`subtitle`,fn:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`itemSubtitle`,(0,r.mergeProps)({ref_for:!0},$(t.flatRow)))]),key:`2`}:void 0]),1040))],64))],12,ae))),128))],4)],46,ie)):C.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:1,ref_key:`scrollElementRef`,ref:b,class:(0,r.normalizeClass)([`s-ui-list__scroll`,X.value]),style:(0,r.normalizeStyle)(Y.value)},[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)((0,r.unref)(T),t=>((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:t.key},[t.divider?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,oe)):t.loadMoreForKey?((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:1},[(0,r.unref)(v).loadMore?(0,r.renderSlot)(e.$slots,`loadMore`,(0,r.mergeProps)({key:0,ref_for:!0},N(t))):((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(n.t),{key:1,"row-key":t.key,depth:t.depth,tiny:``,title:k.value,onClick:e=>M(t)},(0,r.createSlots)({_:2},[A(t)?{name:`icon-left`,fn:(0,r.withCtx)(()=>[(0,r.createVNode)((0,r.unref)(i.SSpinner),{size:16})]),key:`0`}:void 0]),1032,[`row-key`,`depth`,`title`,`onClick`]))],64)):((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:2},[(0,r.unref)(v).item?(0,r.renderSlot)(e.$slots,`item`,(0,r.mergeProps)({key:0,ref_for:!0},$(t))):((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(n.t),(0,r.mergeProps)({key:1,ref_for:!0},Q(t)),(0,r.createSlots)({_:2},[(0,r.unref)(v).itemIconLeft?{name:`icon-left`,fn:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`itemIconLeft`,(0,r.mergeProps)({ref_for:!0},$(t)))]),key:`0`}:void 0,(0,r.unref)(v).itemTitle?{name:`title`,fn:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`itemTitle`,(0,r.mergeProps)({ref_for:!0},$(t)))]),key:`1`}:void 0,(0,r.unref)(v).itemSubtitle?{name:`subtitle`,fn:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`itemSubtitle`,(0,r.mergeProps)({ref_for:!0},$(t)))]),key:`2`}:void 0]),1040))],64))],64))),128))],6)):((0,r.openBlock)(),(0,r.createElementBlock)(`div`,p,[(0,r.renderSlot)(e.$slots,`default`)]))],46,re))}});Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return m}});