@shtabapp/ui-kit 1.47.0 → 1.49.0

package/dist/{SChartStackedBar-BbYna5KB.js → SChartStackedBar-BJ9LOgSP.js}

@@ -1,8 +1,8 @@
-import { _ as e, a as t, c as n, g as r, h as i, i as a, m as o, o as s, r as c, s as l, t as u, v as d, w as f } from "./SChartSkeletonHost-DSFyP_DN.js";
+import { _ as e, a as t, c as n, g as r, h as i, i as a, m as o, o as s, r as c, s as l, t as u, v as d, w as f } from "./SChartSkeletonHost-BT96eWSF.js";
 import { t as p } from "./buildCartesianChartScales-EofFq3ry.js";
 import { n as m, t as h } from "./buildChartSeriesPoints-D8Xpfwp7.js";
-import { t as g } from "./resolveStackedChartContext-BiIGZ2or.js";
-import { t as _ } from "./resolveSeriesPaletteColor-fuhGbjFO.js";
+import { t as g } from "./resolveStackedChartContext-DFre3tt0.js";
+import { t as _ } from "./resolveSeriesPaletteColor-BdvGT-PI.js";
 import { t as v } from "./SChartLegend-oZoF8XK7.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";
@@ -35,8 +35,8 @@ var M = (t, n, i, a = !1) => _(t, n, i, a, {
 		let y = Math.max(0, P - u);
 		c.save(), c.strokeStyle = s, c.lineWidth = N, F(c, h, g, _, v, y), c.restore();
 	}
-}), L = 5, R = "stack0", z = 36, B = 4, V = 12, H = ({ seriesList: e, colorHostElement: r, yMax: a, yMin: c, yStep: u = L, skeleton: d = !1, onSeriesClick: f }) => {
-	let m = g({
+}), L = 5, R = "stack0", z = 36, B = 4, V = 12, H = ({ seriesList: e, colorHostElement: r, yMax: a, yMin: c, yStep: u = L, skeleton: d = !1, onSeriesClick: f, onSegmentClick: m }) => {
+	let h = g({
 		seriesList: e,
 		colorHostElement: r,
 		yMax: a,
@@ -44,17 +44,18 @@ var M = (t, n, i, a = !1) => _(t, n, i, a, {
 		yStep: u,
 		skeleton: d
 	});
-	if (!m) return null;
-	let { axisLabelColor: h, gridColor: _, tooltipBackgroundColor: v, tooltipTextColor: y, resolvedYMax: b, resolvedYMin: x, chartLabels: S, pointCaptions: C, topSeriesIndex: w } = m, T = t({
-		kind: "series",
+	if (!h) return null;
+	let { axisLabelColor: _, gridColor: v, tooltipBackgroundColor: y, tooltipTextColor: b, resolvedYMax: x, resolvedYMin: S, chartLabels: C, pointCaptions: w, topSeriesIndex: T } = h, E = t({
+		kind: "segment",
 		skeleton: d,
 		colorHostElement: r,
-		onIndexClick: f
+		onIndexClick: f,
+		onElementIndexClick: m
 	});
 	return {
 		type: "bar",
 		data: {
-			labels: S,
+			labels: C,
 			datasets: e.map((e, t) => {
 				let n = M(t, r, e.fillColor, d);
 				return {
@@ -66,34 +67,34 @@ var M = (t, n, i, a = !1) => _(t, n, i, a, {
 					hoverBorderWidth: 0,
 					stack: R,
 					barThickness: z,
-					borderRadius: t === w ? {
+					borderRadius: t === T ? {
 						topLeft: B,
 						topRight: B
 					} : 0,
-					...t === 0 ? { captions: C } : {}
+					...t === 0 ? { captions: w } : {}
 				};
 			})
 		},
 		options: {
 			responsive: !0,
 			maintainAspectRatio: !1,
-			onHover: T.onHover,
-			onClick: T.onClick,
+			onHover: E.onHover,
+			onClick: E.onClick,
 			hover: d ? void 0 : {
 				mode: "nearest",
 				intersect: !0
 			},
 			interaction: s(d, {
-				mode: "index",
-				intersect: !1
+				mode: "nearest",
+				intersect: !0
 			}),
 			plugins: {
 				legend: { display: !1 },
 				tooltip: {
 					enabled: l(d),
-					backgroundColor: v,
-					titleColor: y,
-					bodyColor: y,
+					backgroundColor: y,
+					titleColor: b,
+					bodyColor: b,
 					displayColors: !1,
 					position: o,
 					yAlign: "bottom",
@@ -103,16 +104,16 @@ var M = (t, n, i, a = !1) => _(t, n, i, a, {
 				}
 			},
 			scales: p({
-				axisLabelColor: h,
-				gridColor: _,
-				yMin: x,
-				yMax: b,
+				axisLabelColor: _,
+				gridColor: v,
+				yMin: S,
+				yMax: x,
 				yStep: u,
 				stacked: !0,
 				xTickFontSize: V
 			})
 		},
-		plugins: n(d, [I(r), ...T.plugins])
+		plugins: n(d, [I(r), ...E.plugins])
 	};
 }, U = [
 	"5 неделя",
@@ -194,29 +195,33 @@ var M = (t, n, i, a = !1) => _(t, n, i, a, {
 		yMax: {},
 		yStep: {}
 	},
-	emits: ["seriesClick"],
+	emits: ["seriesClick", "segmentClick"],
 	setup(e, { expose: t, emit: n }) {
 		let r = n, i = A("chartRootRef"), o = A("chartCanvasRef"), s = b(() => e.loading ? J : e.series), l = (t) => {
 			let n = e.series[t];
 			n && r("seriesClick", t, n);
-		}, d = y("onSeriesClick"), f = b(() => !e.loading && e.series.length === 0 ? null : H({
+		}, d = (t, n) => {
+			let i = e.series[n], a = i?.points[t];
+			i && a && r("segmentClick", t, n, a, i);
+		}, f = y("onSeriesClick"), p = y("onSegmentClick"), h = b(() => !e.loading && e.series.length === 0 ? null : H({
 			seriesList: s.value,
 			colorHostElement: i.value,
 			yMax: e.loading ? 50 : e.yMax,
 			yMin: e.loading ? 0 : void 0,
 			yStep: e.loading ? 5 : e.yStep,
 			skeleton: e.loading,
-			onSeriesClick: d() ? l : void 0
-		})), p = b(() => m(s.value, (t, n) => M(t, i.value, n, e.loading))), { chartInstance: h } = a({
+			onSeriesClick: f() ? l : void 0,
+			onSegmentClick: p() ? d : void 0
+		})), g = b(() => m(s.value, (t, n) => M(t, i.value, n, e.loading))), { chartInstance: _ } = a({
 			canvasRef: o,
-			config: f,
+			config: h,
 			enabled: b(() => e.loading || e.series.length > 0)
-		}), { exportImage: g, handleLegendItemHover: _ } = c({
-			chartInstance: h,
+		}), { exportImage: E, handleLegendItemHover: N } = c({
+			chartInstance: _,
 			canvasRef: o,
 			colorHostElement: i
 		});
-		return t({ exportImage: g }), (t, n) => (O(), C("div", {
+		return t({ exportImage: E }), (t, n) => (O(), C("div", {
 			ref_key: "chartRootRef",
 			ref: i,
 			class: D(["s-ui-chart-stacked-bar", { "s-ui-chart-stacked-bar--skeleton": e.loading }])
@@ -227,12 +232,12 @@ var M = (t, n, i, a = !1) => _(t, n, i, a, {
 				class: "s-ui-chart-stacked-bar__canvas"
 			}, null, 512)]),
 			_: 1
-		}, 8, ["loading"])]), p.value.length ? (O(), x(k(v), {
+		}, 8, ["loading"])]), g.value.length ? (O(), x(k(v), {
 			key: 0,
-			items: p.value,
+			items: g.value,
 			disabled: e.loading,
 			interactive: !e.loading,
-			onItemHover: k(_)
+			onItemHover: k(N)
 		}, null, 8, [
 			"items",
 			"disabled",

package/dist/SChartStackedBar-CWNyvUj9.cjs

@@ -0,0 +1 @@
+const e=require("./SChartSkeletonHost-Dt5EjQr5.cjs"),t=require("./buildCartesianChartScales-Dck5yBMo.cjs"),n=require("./buildChartSeriesPoints-Bv3nXvSu.cjs"),r=require("./resolveStackedChartContext-Dsxhhhel.cjs"),i=require("./resolveSeriesPaletteColor-hI4YDdUg.cjs"),a=require("./SChartLegend-DGtjd6zV.cjs"),o=require("./useHasListener-BPgtbbo6.cjs");let s=require("vue");var c=(t,n,r,a=!1)=>i.t(t,n,r,a,{palette:e._,paletteFallback:e.v.barStackedPalette1,skeletonPalette:e.g,skeletonFallback:e.v.barSkeletonPalette1}),l=3,u=4,d=(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()},f=t=>({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 c=e.w(e.v.barHoverOutline,t),{ctx:f,chartArea:p}=n,m=l/2,h=p?.bottom??s,g=Math.min(s,h),_=i+m,v=a+m,y=o-i-l,b=g-a-l;if(y<=0||b<=0)return;let x=Math.max(0,u-m);f.save(),f.strokeStyle=c,f.lineWidth=l,d(f,_,v,y,b,x),f.restore()}}),p=5,m=`stack0`,h=36,g=4,_=12,v=({seriesList:n,colorHostElement:i,yMax:a,yMin:o,yStep:s=p,skeleton:l=!1,onSeriesClick:u,onSegmentClick:d})=>{let v=r.t({seriesList:n,colorHostElement:i,yMax:a,yMin:o,yStep:s,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=e.a({kind:`segment`,skeleton:l,colorHostElement:i,onIndexClick:u,onElementIndexClick:d});return{type:`bar`,data:{labels:T,datasets:n.map((e,t)=>{let n=c(t,i,e.fillColor,l);return{label:e.label,data:e.points.map(e=>e.value),backgroundColor:n,hoverBackgroundColor:n,borderWidth:0,hoverBorderWidth:0,stack:m,barThickness:h,borderRadius:t===D?{topLeft:g,topRight:g}: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:e.o(l,{mode:`nearest`,intersect:!0}),plugins:{legend:{display:!1},tooltip:{enabled:e.s(l),backgroundColor:x,titleColor:S,bodyColor:S,displayColors:!1,position:e.m,yAlign:`bottom`,xAlign:`center`,caretPadding:8,callbacks:e.h()}},scales:t.t({axisLabelColor:y,gridColor:b,yMin:w,yMax:C,yStep:s,stacked:!0,xTickFontSize:_})},plugins:e.c(l,[f(i),...O.plugins])}},y=[`5 неделя`,`6 неделя`,`7 неделя`,`8 неделя`,`9 неделя`,`10 неделя`,`11 неделя`,`12 неделя`,`13 неделя`,`14 неделя`,`15 неделя`,`16 неделя`],b=[12,14,15,16,18,17,16,15,14,13,12,11],x=[6,7,8,8,9,8,7,7,6,6,5,5],S=[4,5,5,6,6,5,5,4,4,3,3,3],C=[`Series 1`,`Series 2`,`Series 3`],w=[{label:C[0]??`Series 1`,points:n.t(y,b)},{label:C[1]??`Series 2`,points:n.t(y,x)},{label:C[2]??`Series 3`,points:n.t(y,S)}],T={class:`s-ui-chart-stacked-bar__canvas-wrap`},E=(0,s.defineComponent)({__name:`SChartStackedBar`,props:{series:{default:()=>[]},loading:{type:Boolean,default:!1},yMax:{},yStep:{}},emits:[`seriesClick`,`segmentClick`],setup(t,{expose:r,emit:i}){let l=i,u=(0,s.useTemplateRef)(`chartRootRef`),d=(0,s.useTemplateRef)(`chartCanvasRef`),f=(0,s.computed)(()=>t.loading?w:t.series),p=e=>{let n=t.series[e];n&&l(`seriesClick`,e,n)},m=(e,n)=>{let r=t.series[n],i=r?.points[e];r&&i&&l(`segmentClick`,e,n,i,r)},h=o.t(`onSeriesClick`),g=o.t(`onSegmentClick`),_=(0,s.computed)(()=>!t.loading&&t.series.length===0?null:v({seriesList:f.value,colorHostElement:u.value,yMax:t.loading?50:t.yMax,yMin:t.loading?0:void 0,yStep:t.loading?5:t.yStep,skeleton:t.loading,onSeriesClick:h()?p:void 0,onSegmentClick:g()?m:void 0})),y=(0,s.computed)(()=>n.n(f.value,(e,n)=>c(e,u.value,n,t.loading))),{chartInstance:b}=e.i({canvasRef:d,config:_,enabled:(0,s.computed)(()=>t.loading||t.series.length>0)}),{exportImage:x,handleLegendItemHover:S}=e.r({chartInstance:b,canvasRef:d,colorHostElement:u});return r({exportImage:x}),(n,r)=>((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":t.loading}])},[(0,s.createElementVNode)(`div`,T,[(0,s.createVNode)((0,s.unref)(e.t),{loading:t.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)(a.t),{key:0,items:y.value,disabled:t.loading,interactive:!t.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 E}});

package/dist/{SPhotoEdit-bXKHcP3x.js → SPhotoEdit-BJXa6mh4.js}

@@ -4,7 +4,7 @@ import { computed as i, createCommentVNode as a, createElementBlock as o, create
 import { SIcon as x, useUiKitI18n as S } from "@shtabapp/ui-kit-primitives";
 //#region src/components/SPhotoEdit/SPhotoEdit.types.ts
 var C = /* @__PURE__ */ function(e) {
-	return e.SMALL = "small", e.BIG = "big", e;
+	return e.X_SMALL = "x-small", e.SMALL = "small", e.BIG = "big", e;
 }({}), w = /* @__PURE__ */ function(e) {
 	return e.CIRCLE = "circle", e.SQUARE = "square", e;
 }({}), T = {
@@ -17,7 +17,7 @@ var C = /* @__PURE__ */ function(e) {
 ], O = ["src", "alt"], k = {
 	key: 1,
 	class: "s-ui-photo-edit__placeholder"
-}, A = { class: "s-ui-photo-edit__camera" }, j = { class: "s-ui-photo-edit__overlay" }, M = { class: "s-ui-photo-edit__label s-ui-typography-label-12-medium" }, N = ["accept", "disabled"], P = /* @__PURE__ */ l({
+}, A = { class: "s-ui-photo-edit__camera" }, j = { class: "s-ui-photo-edit__overlay" }, M = ["accept", "disabled"], N = /* @__PURE__ */ l({
 	__name: "SPhotoEdit",
 	props: /*@__PURE__*/ u({
 		accept: { default: "image/jpeg,image/png,image/jpg" },
@@ -34,44 +34,44 @@ var C = /* @__PURE__ */ function(e) {
 	}),
 	emits: /*@__PURE__*/ u(["change", "remove"], ["update:modelValue"]),
 	setup(l, { emit: u }) {
-		let C = _(l, "modelValue"), w = u, { t: P } = S(), F = v("fileInputRef"), I = m(null), L = () => {
+		let w = _(l, "modelValue"), N = u, { t: P } = S(), F = v("fileInputRef"), I = m(null), L = () => {
 			I.value &&= (URL.revokeObjectURL(I.value), null);
 		};
-		y(() => C.value, (e) => {
+		y(() => w.value, (e) => {
 			L(), e instanceof File && (I.value = URL.createObjectURL(e));
 		}, { immediate: !0 }), f(L);
 		let R = i(() => {
-			let e = C.value;
+			let e = w.value;
 			return e instanceof File ? I.value ?? "" : typeof e == "string" ? e : "";
 		}), z = i(() => {
-			let e = C.value;
+			let e = w.value;
 			return e instanceof File ? !0 : typeof e == "string" ? e.length > 0 : !1;
 		}), B = i(() => ({
 			[`s-ui-photo-edit--size-${l.size}`]: !0,
 			[`s-ui-photo-edit--shape-${l.shape}`]: !0,
 			"s-ui-photo-edit--filled": z.value,
 			"s-ui-photo-edit--disabled": l.disabled
-		})), V = i(() => z.value ? P("photoEdit.changePhoto") : P("photoEdit.uploadPhoto")), H = i(() => z.value ? P("photoEdit.changePhoto") : P("photoEdit.pickPhoto")), U = i(() => l.disabled ? -1 : 0), W = () => {
+		})), V = i(() => l.size === C.X_SMALL ? "s-ui-typography-label-10-medium" : "s-ui-typography-label-12-medium"), H = i(() => z.value ? P("photoEdit.changePhoto") : P("photoEdit.uploadPhoto")), U = i(() => z.value ? P("photoEdit.changePhoto") : P("photoEdit.pickPhoto")), W = i(() => l.disabled ? -1 : 0), G = () => {
 			F.value && (F.value.value = "");
-		}, G = () => {
-			C.value = null, L(), W();
-		}, K = (e) => {
-			w("change", {
+		}, K = () => {
+			w.value = null, L(), G();
+		}, q = (e) => {
+			N("change", {
 				file: e,
-				abort: G
+				abort: K
 			});
-		}, q = () => {
-			l.disabled || F.value?.click();
 		}, J = () => {
-			q();
-		}, Y = (e) => {
-			l.disabled || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), q());
+			l.disabled || F.value?.click();
+		}, Y = () => {
+			J();
 		}, X = (e) => {
+			l.disabled || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), J());
+		}, Z = (e) => {
 			if (!(e.target instanceof HTMLInputElement)) return;
 			let t = e.target.files?.[0];
-			t && (C.value = t, K(t), W());
-		}, Z = () => {
-			l.disabled || (w("remove"), C.value = null, L(), W(), K(null));
+			t && (w.value = t, q(t), G());
+		}, Q = () => {
+			l.disabled || (N("remove"), w.value = null, L(), G(), q(null));
 		};
 		return (i, u) => (p(), o("div", { class: d(["s-ui-photo-edit", B.value]) }, [
 			z.value ? (p(), o("span", T, [c(g(r), {
@@ -82,7 +82,7 @@ var C = /* @__PURE__ */ function(e) {
 				tabindex: -1,
 				icon: "closeMini",
 				"aria-label": g(P)("photoEdit.removePhoto"),
-				onClick: b(Z, ["stop"])
+				onClick: b(Q, ["stop"])
 			}, null, 8, [
 				"appearance",
 				"variant",
@@ -93,11 +93,11 @@ var C = /* @__PURE__ */ function(e) {
 			s("div", E, [s("div", {
 				class: "s-ui-photo-edit__trigger",
 				role: "button",
-				tabindex: U.value,
+				tabindex: W.value,
 				"aria-disabled": l.disabled || void 0,
-				"aria-label": H.value,
-				onClick: J,
-				onKeydown: Y
+				"aria-label": U.value,
+				onClick: Y,
+				onKeydown: X
 			}, [R.value ? (p(), o("img", {
 				key: 0,
 				class: "s-ui-photo-edit__preview",
@@ -106,7 +106,7 @@ var C = /* @__PURE__ */ function(e) {
 			}, null, 8, O)) : (p(), o("div", k, [s("span", A, [c(g(x), {
 				name: "camera",
 				size: 40
-			})])])), s("div", j, [s("span", M, h(V.value), 1)])], 40, D)]),
+			})])])), s("div", j, [s("span", { class: d(["s-ui-photo-edit__label", V.value]) }, h(H.value), 3)])], 40, D)]),
 			s("input", {
 				ref_key: "fileInputRef",
 				ref: F,
@@ -114,10 +114,10 @@ var C = /* @__PURE__ */ function(e) {
 				type: "file",
 				accept: l.accept,
 				disabled: l.disabled,
-				onChange: X
-			}, null, 40, N)
+				onChange: Z
+			}, null, 40, M)
 		], 2));
 	}
 });
 //#endregion
-export { w as n, C as r, P as t };
+export { w as n, C as r, N as t };

package/dist/SPhotoEdit-vg58q6I7.cjs

@@ -0,0 +1 @@
+const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./SButton-C-z_q5CG.cjs");let n=require("vue"),r=require("@shtabapp/ui-kit-primitives");var i=function(e){return e.X_SMALL=`x-small`,e.SMALL=`small`,e.BIG=`big`,e}({}),a=function(e){return e.CIRCLE=`circle`,e.SQUARE=`square`,e}({}),o={key:0,class:`s-ui-photo-edit__remove`},s={class:`s-ui-photo-edit__wrapper`},c=[`tabindex`,`aria-disabled`,`aria-label`],l=[`src`,`alt`],u={key:1,class:`s-ui-photo-edit__placeholder`},d={class:`s-ui-photo-edit__camera`},f={class:`s-ui-photo-edit__overlay`},p=[`accept`,`disabled`],m=(0,n.defineComponent)({__name:`SPhotoEdit`,props:(0,n.mergeModels)({accept:{default:`image/jpeg,image/png,image/jpg`},alt:{},disabled:{type:Boolean,default:!1},shape:{default:()=>a.CIRCLE},size:{default:()=>i.SMALL}},{modelValue:{default:null},modelModifiers:{}}),emits:(0,n.mergeModels)([`change`,`remove`],[`update:modelValue`]),setup(a,{emit:m}){let h=(0,n.useModel)(a,`modelValue`),g=m,{t:_}=(0,r.useUiKitI18n)(),v=(0,n.useTemplateRef)(`fileInputRef`),y=(0,n.ref)(null),b=()=>{y.value&&=(URL.revokeObjectURL(y.value),null)};(0,n.watch)(()=>h.value,e=>{b(),e instanceof File&&(y.value=URL.createObjectURL(e))},{immediate:!0}),(0,n.onScopeDispose)(b);let x=(0,n.computed)(()=>{let e=h.value;return e instanceof File?y.value??``:typeof e==`string`?e:``}),S=(0,n.computed)(()=>{let e=h.value;return e instanceof File?!0:typeof e==`string`?e.length>0:!1}),C=(0,n.computed)(()=>({[`s-ui-photo-edit--size-${a.size}`]:!0,[`s-ui-photo-edit--shape-${a.shape}`]:!0,"s-ui-photo-edit--filled":S.value,"s-ui-photo-edit--disabled":a.disabled})),w=(0,n.computed)(()=>a.size===i.X_SMALL?`s-ui-typography-label-10-medium`:`s-ui-typography-label-12-medium`),T=(0,n.computed)(()=>S.value?_(`photoEdit.changePhoto`):_(`photoEdit.uploadPhoto`)),E=(0,n.computed)(()=>S.value?_(`photoEdit.changePhoto`):_(`photoEdit.pickPhoto`)),D=(0,n.computed)(()=>a.disabled?-1:0),O=()=>{v.value&&(v.value.value=``)},k=()=>{h.value=null,b(),O()},A=e=>{g(`change`,{file:e,abort:k})},j=()=>{a.disabled||v.value?.click()},M=()=>{j()},N=e=>{a.disabled||e.key!==`Enter`&&e.key!==` `||(e.preventDefault(),j())},P=e=>{if(!(e.target instanceof HTMLInputElement))return;let t=e.target.files?.[0];t&&(h.value=t,A(t),O())},F=()=>{a.disabled||(g(`remove`),h.value=null,b(),O(),A(null))};return(i,m)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)([`s-ui-photo-edit`,C.value])},[S.value?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,o,[(0,n.createVNode)((0,n.unref)(t.t),{appearance:(0,n.unref)(e.t).BARE,variant:(0,n.unref)(e.r).NEUTRAL,size:(0,n.unref)(e.n).SMALL,disabled:a.disabled,tabindex:-1,icon:`closeMini`,"aria-label":(0,n.unref)(_)(`photoEdit.removePhoto`),onClick:(0,n.withModifiers)(F,[`stop`])},null,8,[`appearance`,`variant`,`size`,`disabled`,`aria-label`])])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`div`,s,[(0,n.createElementVNode)(`div`,{class:`s-ui-photo-edit__trigger`,role:`button`,tabindex:D.value,"aria-disabled":a.disabled||void 0,"aria-label":E.value,onClick:M,onKeydown:N},[x.value?((0,n.openBlock)(),(0,n.createElementBlock)(`img`,{key:0,class:`s-ui-photo-edit__preview`,src:x.value,alt:a.alt??``},null,8,l)):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,u,[(0,n.createElementVNode)(`span`,d,[(0,n.createVNode)((0,n.unref)(r.SIcon),{name:`camera`,size:40})])])),(0,n.createElementVNode)(`div`,f,[(0,n.createElementVNode)(`span`,{class:(0,n.normalizeClass)([`s-ui-photo-edit__label`,w.value])},(0,n.toDisplayString)(T.value),3)])],40,c)]),(0,n.createElementVNode)(`input`,{ref_key:`fileInputRef`,ref:v,class:`s-ui-photo-edit__input`,type:`file`,accept:a.accept,disabled:a.disabled,onChange:P},null,40,p)],2))}});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 m}});