@shtabapp/ui-kit 1.75.0 → 1.76.0

package/dist/SListItem-CDlsjhA3.js

@@ -0,0 +1,227 @@
+import { i as e, n as t, r as n, t as r } from "./SButton-DIWMMCSc.js";
+import { n as i } from "./useSelectLink-2aCIYmF6.js";
+import { Fragment as ee, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, defineComponent as d, guardReactiveProps as f, inject as te, mergeProps as ne, normalizeClass as re, normalizeProps as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, useSlots as ie, useTemplateRef as ae, withModifiers as oe } from "vue";
+import { ESSkeletonType as v, SIcon as y, SSkeleton as se, useUiKitI18n as ce } from "@shtabapp/ui-kit-primitives";
+//#region src/components/SList/utils/context.ts
+var b = Symbol("sListInjectionKey"), x = /* @__PURE__ */ function(e) {
+	return e.NEUTRAL = "neutral", e.SECONDARY = "secondary", e.MAIN = "main", e.ERROR = "error", e.BILLING = "billing", e;
+}({}), S = /* @__PURE__ */ function(e) {
+	return e.OPTION = "option", e.TREEITEM = "treeitem", e.MENUITEM = "menuitem", e.MENUITEMCHECKBOX = "menuitemcheckbox", e.MENUITEMRADIO = "menuitemradio", e.BUTTON = "button", e.LINK = "link", e.NONE = "none", e;
+}({}), C = new Set([S.OPTION, S.TREEITEM]), w = new Set([S.MENUITEMCHECKBOX, S.MENUITEMRADIO]), T = new Set([
+	S.TREEITEM,
+	S.MENUITEM,
+	S.BUTTON,
+	S.LINK
+]), E = ({ role: e, selected: t }) => ({
+	"aria-selected": C.has(e) && t ? !0 : void 0,
+	"aria-checked": w.has(e) ? t : void 0
+}), D = ({ role: e, expandable: t, expanded: n, loading: r, depth: i }) => ({
+	"aria-expanded": T.has(e) && t && !r ? n : void 0,
+	"aria-level": e === S.TREEITEM ? i + 1 : void 0
+}), O = ({ disabled: e, readonly: t, loading: n }) => ({
+	"aria-disabled": e || t || n ? !0 : void 0,
+	"aria-busy": n ? !0 : void 0
+}), k = (e) => e.role === S.NONE ? { role: e.role } : {
+	role: e.role,
+	...E(e),
+	...D(e),
+	...O(e)
+}, A = ["id", "tabindex"], j = {
+	key: 0,
+	class: "s-ui-list-item__level"
+}, M = { class: "s-ui-list-item__body" }, N = {
+	key: 0,
+	class: "s-ui-list-item__icon-left"
+}, P = { class: "s-ui-list-item__text" }, F = {
+	key: 0,
+	class: "s-ui-list-item__title s-ui-typography-label-14-medium"
+}, I = {
+	key: 1,
+	class: "s-ui-list-item__subtitle s-ui-typography-body-12-regular"
+}, L = {
+	key: 1,
+	class: "s-ui-list-item__title-action"
+}, R = {
+	key: 1,
+	class: "s-ui-list-item__actions"
+}, z = { class: "s-ui-list-item__actions-reveal" }, B = { class: "s-ui-list-item__actions-inner" }, V = {
+	key: 0,
+	class: "s-ui-list-item__trailing"
+}, H = {
+	key: 1,
+	class: "s-ui-list-item__action-end"
+}, U = ".s-ui-list-item__expand, .s-ui-list-item__title-action, .s-ui-list-item__actions", W = 16, G = "a, button, input, select, textarea, [role=\"button\"], [role=\"link\"], [contenteditable=\"true\"]", K = /* @__PURE__ */ d({
+	__name: "SListItem",
+	props: {
+		depth: { default: 0 },
+		hasLevel: {
+			type: Boolean,
+			default: !1
+		},
+		expandable: {
+			type: Boolean,
+			default: !1
+		},
+		expanded: {
+			type: Boolean,
+			default: !1
+		},
+		variant: { default: () => x.NEUTRAL },
+		tiny: {
+			type: Boolean,
+			default: !1
+		},
+		compact: {
+			type: Boolean,
+			default: !1
+		},
+		flush: {
+			type: Boolean,
+			default: !1
+		},
+		selected: {
+			type: Boolean,
+			default: !1
+		},
+		active: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		title: {},
+		subtitle: {},
+		iconLeft: {},
+		iconLeftSize: {},
+		rowKey: {},
+		revealRight: { type: Boolean },
+		expandOnClick: { type: Boolean },
+		role: {}
+	},
+	emits: [
+		"click",
+		"toggleExpand",
+		"keydown"
+	],
+	setup(d, { expose: C, emit: w }) {
+		let T = w, E = a(() => ({
+			disabled: d.disabled,
+			readonly: d.readonly
+		})), D = ie(), O = ae("listItemElementRef"), K = te(b, null), { t: q } = ce(), J = i({
+			group: () => K,
+			value: () => d.rowKey,
+			el: () => O.value,
+			disabled: () => d.disabled || d.loading,
+			interactive: () => !d.readonly && !d.loading
+		}), le = a(() => d.variant === x.BILLING && !d.disabled), ue = [
+			"Enter",
+			" ",
+			"Spacebar"
+		], Y = a(() => K && d.rowKey ? K.isExpanded(d.rowKey) : d.expanded), de = a(() => Y.value ? q("listItem.collapse") : q("listItem.expand")), X = a(() => J.isInGroup.value ? J.isActive.value : d.selected), fe = a(() => K && d.rowKey ? K.activeKey() === d.rowKey : d.active), pe = a(() => d.revealRight ? !0 : K ? K.revealRight() : !1), me = a(() => d.expandOnClick ? !0 : K ? K.expandOnClick() : !1), he = a(() => {
+			if (!(!K || !d.rowKey)) return K.getItemOptionId(d.rowKey);
+		}), Z = a(() => d.role ? d.role : K ? K.itemRole() : S.BUTTON), ge = a(() => k({
+			role: Z.value,
+			selected: X.value,
+			expandable: d.expandable,
+			expanded: Y.value,
+			disabled: d.disabled,
+			readonly: d.readonly,
+			loading: d.loading,
+			depth: d.depth
+		})), _e = a(() => {
+			if (K?.usesActiveDescendantNavigation()) return -1;
+			if (!(d.disabled || d.readonly || d.loading || Z.value === S.NONE)) return J.tabIndex.value === void 0 ? 0 : J.tabIndex.value;
+		}), Q = a(() => ({
+			"--s-ui-list-item-depth": String(d.depth),
+			"--s-ui-list-item-icon-size": d.iconLeftSize === void 0 ? void 0 : `${d.iconLeftSize}px`
+		})), ve = a(() => [`s-ui-list-item--variant-${d.variant}`, {
+			"s-ui-list-item--tiny": d.tiny,
+			"s-ui-list-item--compact": d.compact,
+			"s-ui-list-item--flush": d.flush,
+			"s-ui-list-item--selected": X.value,
+			"s-ui-list-item--active": fe.value,
+			"s-ui-list-item--disabled": d.disabled,
+			"s-ui-list-item--readonly": d.readonly,
+			"s-ui-list-item--loading": d.loading,
+			"s-ui-list-item--expandable": d.expandable,
+			"s-ui-list-item--reveal-right": pe.value
+		}]), $ = () => {
+			if (K && d.rowKey) {
+				K.toggleExpanded(d.rowKey);
+				return;
+			}
+			T("toggleExpand");
+		}, ye = () => {
+			d.disabled || d.readonly || d.loading || $();
+		}, be = (e) => e.target instanceof Element && !!e.target.closest(U) && !!e.target.closest(G), xe = (e) => {
+			d.disabled || d.readonly || d.loading || be(e) || (d.expandable && me.value && (K && d.rowKey ? K.toggleExpanded(d.rowKey) : T("toggleExpand")), K && d.rowKey && K.setActiveKey(d.rowKey), J.isInGroup.value && J.handleClick(), T("click", e));
+		}, Se = (e) => !d.expandable || K?.handlesTreeKeyboardNavigation() || e.key !== "ArrowLeft" && e.key !== "ArrowRight" || e.key === "ArrowRight" === Y.value ? !1 : (e.preventDefault(), $(), !0), Ce = (e) => K || J.isInGroup.value || !ue.includes(e.key) || e.target !== O.value ? !1 : (e.preventDefault(), O.value?.click(), !0), we = (e) => {
+			d.disabled || d.readonly || d.loading || (!Se(e) && !Ce(e) && J.isInGroup.value && J.handleKeydown(e), T("keydown", e));
+		};
+		return C({ listItemElementRef: O }), (i, a) => (m(), c("div", ne({
+			ref_key: "listItemElementRef",
+			ref: O,
+			id: he.value,
+			class: ["s-ui-list-item", ve.value],
+			style: Q.value,
+			tabindex: _e.value
+		}, ge.value, {
+			onClick: xe,
+			onKeydown: we
+		}), [d.loading ? (m(), o(_(se), {
+			key: 0,
+			type: _(v).S_LIST_ITEM
+		}, null, 8, ["type"])) : (m(), c(ee, { key: 1 }, [
+			d.expandable || d.depth || d.hasLevel || _(D).level ? (m(), c("div", j, [h(i.$slots, "level", {}, () => [d.expandable ? (m(), o(_(r), {
+				key: 0,
+				class: re(["s-ui-list-item__expand", { "s-ui-list-item__expand--expanded": Y.value }]),
+				appearance: _(t).BARE,
+				variant: _(e).NEUTRAL,
+				size: _(n).SMALL,
+				icon: "chevronMiniRight",
+				disabled: d.disabled || d.readonly,
+				tabindex: -1,
+				"aria-label": de.value,
+				onClick: oe(ye, ["stop"])
+			}, null, 8, [
+				"class",
+				"appearance",
+				"variant",
+				"size",
+				"disabled",
+				"aria-label"
+			])) : s("", !0)])])) : s("", !0),
+			l("div", M, [
+				d.iconLeft || _(D)["icon-left"] ? (m(), c("div", N, [h(i.$slots, "icon-left", {}, () => [d.iconLeft ? (m(), o(_(y), {
+					key: 0,
+					name: d.iconLeft,
+					size: d.iconLeftSize ?? W,
+					billing: le.value
+				}, null, 8, [
+					"name",
+					"size",
+					"billing"
+				])) : s("", !0)])])) : s("", !0),
+				l("div", P, [d.title || _(D).title ? (m(), c("span", F, [h(i.$slots, "title", {}, () => [u(g(d.title), 1)])])) : s("", !0), d.subtitle || _(D).subtitle ? (m(), c("span", I, [h(i.$slots, "subtitle", {}, () => [u(g(d.subtitle), 1)])])) : s("", !0)]),
+				_(D)["title-action"] ? (m(), c("div", L, [h(i.$slots, "title-action", p(f(E.value)))])) : s("", !0)
+			]),
+			_(D).trailing || _(D).right || _(D)["action-end"] ? (m(), c("div", R, [l("div", z, [l("div", B, [
+				_(D).trailing ? (m(), c("div", V, [h(i.$slots, "trailing", p(f(E.value)))])) : s("", !0),
+				h(i.$slots, "right", p(f(E.value))),
+				_(D)["action-end"] ? (m(), c("div", H, [h(i.$slots, "action-end", p(f(E.value)))])) : s("", !0)
+			])])])) : s("", !0)
+		], 64))], 16, A));
+	}
+});
+//#endregion
+export { b as i, S as n, x as r, K as t };

package/dist/SListItem-DMjtJXxV.cjs

@@ -0,0 +1 @@
+const e=require("./SButton-BCgdXE_B.cjs"),t=require("./useSelectLink-DZIAhQ2J.cjs");let n=require("vue"),r=require("@shtabapp/ui-kit-primitives");var i=Symbol(`sListInjectionKey`),a=function(e){return e.NEUTRAL=`neutral`,e.SECONDARY=`secondary`,e.MAIN=`main`,e.ERROR=`error`,e.BILLING=`billing`,e}({}),o=function(e){return e.OPTION=`option`,e.TREEITEM=`treeitem`,e.MENUITEM=`menuitem`,e.MENUITEMCHECKBOX=`menuitemcheckbox`,e.MENUITEMRADIO=`menuitemradio`,e.BUTTON=`button`,e.LINK=`link`,e.NONE=`none`,e}({}),s=new Set([o.OPTION,o.TREEITEM]),c=new Set([o.MENUITEMCHECKBOX,o.MENUITEMRADIO]),l=new Set([o.TREEITEM,o.MENUITEM,o.BUTTON,o.LINK]),u=({role:e,selected:t})=>({"aria-selected":s.has(e)&&t?!0:void 0,"aria-checked":c.has(e)?t:void 0}),d=({role:e,expandable:t,expanded:n,loading:r,depth:i})=>({"aria-expanded":l.has(e)&&t&&!r?n:void 0,"aria-level":e===o.TREEITEM?i+1:void 0}),f=({disabled:e,readonly:t,loading:n})=>({"aria-disabled":e||t||n?!0:void 0,"aria-busy":n?!0:void 0}),p=e=>e.role===o.NONE?{role:e.role}:{role:e.role,...u(e),...d(e),...f(e)},m=[`id`,`tabindex`],h={key:0,class:`s-ui-list-item__level`},g={class:`s-ui-list-item__body`},_={key:0,class:`s-ui-list-item__icon-left`},ee={class:`s-ui-list-item__text`},v={key:0,class:`s-ui-list-item__title s-ui-typography-label-14-medium`},y={key:1,class:`s-ui-list-item__subtitle s-ui-typography-body-12-regular`},b={key:1,class:`s-ui-list-item__title-action`},x={key:1,class:`s-ui-list-item__actions`},S={class:`s-ui-list-item__actions-reveal`},C={class:`s-ui-list-item__actions-inner`},w={key:0,class:`s-ui-list-item__trailing`},T={key:1,class:`s-ui-list-item__action-end`},E=`.s-ui-list-item__expand, .s-ui-list-item__title-action, .s-ui-list-item__actions`,D=16,O=`a, button, input, select, textarea, [role="button"], [role="link"], [contenteditable="true"]`,k=(0,n.defineComponent)({__name:`SListItem`,props:{depth:{default:0},hasLevel:{type:Boolean,default:!1},expandable:{type:Boolean,default:!1},expanded:{type:Boolean,default:!1},variant:{default:()=>a.NEUTRAL},tiny:{type:Boolean,default:!1},compact:{type:Boolean,default:!1},flush:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},title:{},subtitle:{},iconLeft:{},iconLeftSize:{},rowKey:{},revealRight:{type:Boolean},expandOnClick:{type:Boolean},role:{}},emits:[`click`,`toggleExpand`,`keydown`],setup(s,{expose:c,emit:l}){let u=l,d=(0,n.computed)(()=>({disabled:s.disabled,readonly:s.readonly})),f=(0,n.useSlots)(),k=(0,n.useTemplateRef)(`listItemElementRef`),A=(0,n.inject)(i,null),{t:j}=(0,r.useUiKitI18n)(),M=t.n({group:()=>A,value:()=>s.rowKey,el:()=>k.value,disabled:()=>s.disabled||s.loading,interactive:()=>!s.readonly&&!s.loading}),N=(0,n.computed)(()=>s.variant===a.BILLING&&!s.disabled),P=[`Enter`,` `,`Spacebar`],F=(0,n.computed)(()=>A&&s.rowKey?A.isExpanded(s.rowKey):s.expanded),I=(0,n.computed)(()=>F.value?j(`listItem.collapse`):j(`listItem.expand`)),L=(0,n.computed)(()=>M.isInGroup.value?M.isActive.value:s.selected),R=(0,n.computed)(()=>A&&s.rowKey?A.activeKey()===s.rowKey:s.active),z=(0,n.computed)(()=>s.revealRight?!0:A?A.revealRight():!1),B=(0,n.computed)(()=>s.expandOnClick?!0:A?A.expandOnClick():!1),V=(0,n.computed)(()=>{if(!(!A||!s.rowKey))return A.getItemOptionId(s.rowKey)}),H=(0,n.computed)(()=>s.role?s.role:A?A.itemRole():o.BUTTON),U=(0,n.computed)(()=>p({role:H.value,selected:L.value,expandable:s.expandable,expanded:F.value,disabled:s.disabled,readonly:s.readonly,loading:s.loading,depth:s.depth})),W=(0,n.computed)(()=>{if(A?.usesActiveDescendantNavigation())return-1;if(!(s.disabled||s.readonly||s.loading||H.value===o.NONE))return M.tabIndex.value===void 0?0:M.tabIndex.value}),G=(0,n.computed)(()=>({"--s-ui-list-item-depth":String(s.depth),"--s-ui-list-item-icon-size":s.iconLeftSize===void 0?void 0:`${s.iconLeftSize}px`})),K=(0,n.computed)(()=>[`s-ui-list-item--variant-${s.variant}`,{"s-ui-list-item--tiny":s.tiny,"s-ui-list-item--compact":s.compact,"s-ui-list-item--flush":s.flush,"s-ui-list-item--selected":L.value,"s-ui-list-item--active":R.value,"s-ui-list-item--disabled":s.disabled,"s-ui-list-item--readonly":s.readonly,"s-ui-list-item--loading":s.loading,"s-ui-list-item--expandable":s.expandable,"s-ui-list-item--reveal-right":z.value}]),q=()=>{if(A&&s.rowKey){A.toggleExpanded(s.rowKey);return}u(`toggleExpand`)},J=()=>{s.disabled||s.readonly||s.loading||q()},Y=e=>e.target instanceof Element&&!!e.target.closest(E)&&!!e.target.closest(O),X=e=>{s.disabled||s.readonly||s.loading||Y(e)||(s.expandable&&B.value&&(A&&s.rowKey?A.toggleExpanded(s.rowKey):u(`toggleExpand`)),A&&s.rowKey&&A.setActiveKey(s.rowKey),M.isInGroup.value&&M.handleClick(),u(`click`,e))},Z=e=>!s.expandable||A?.handlesTreeKeyboardNavigation()||e.key!==`ArrowLeft`&&e.key!==`ArrowRight`||e.key===`ArrowRight`===F.value?!1:(e.preventDefault(),q(),!0),Q=e=>A||M.isInGroup.value||!P.includes(e.key)||e.target!==k.value?!1:(e.preventDefault(),k.value?.click(),!0),$=e=>{s.disabled||s.readonly||s.loading||(!Z(e)&&!Q(e)&&M.isInGroup.value&&M.handleKeydown(e),u(`keydown`,e))};return c({listItemElementRef:k}),(t,i)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,(0,n.mergeProps)({ref_key:`listItemElementRef`,ref:k,id:V.value,class:[`s-ui-list-item`,K.value],style:G.value,tabindex:W.value},U.value,{onClick:X,onKeydown:$}),[s.loading?((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(r.SSkeleton),{key:0,type:(0,n.unref)(r.ESSkeletonType).S_LIST_ITEM},null,8,[`type`])):((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:1},[s.expandable||s.depth||s.hasLevel||(0,n.unref)(f).level?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,h,[(0,n.renderSlot)(t.$slots,`level`,{},()=>[s.expandable?((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(e.t),{key:0,class:(0,n.normalizeClass)([`s-ui-list-item__expand`,{"s-ui-list-item__expand--expanded":F.value}]),appearance:(0,n.unref)(e.n).BARE,variant:(0,n.unref)(e.i).NEUTRAL,size:(0,n.unref)(e.r).SMALL,icon:`chevronMiniRight`,disabled:s.disabled||s.readonly,tabindex:-1,"aria-label":I.value,onClick:(0,n.withModifiers)(J,[`stop`])},null,8,[`class`,`appearance`,`variant`,`size`,`disabled`,`aria-label`])):(0,n.createCommentVNode)(``,!0)])])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`div`,g,[s.iconLeft||(0,n.unref)(f)[`icon-left`]?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,_,[(0,n.renderSlot)(t.$slots,`icon-left`,{},()=>[s.iconLeft?((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(r.SIcon),{key:0,name:s.iconLeft,size:s.iconLeftSize??D,billing:N.value},null,8,[`name`,`size`,`billing`])):(0,n.createCommentVNode)(``,!0)])])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`div`,ee,[s.title||(0,n.unref)(f).title?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,v,[(0,n.renderSlot)(t.$slots,`title`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(s.title),1)])])):(0,n.createCommentVNode)(``,!0),s.subtitle||(0,n.unref)(f).subtitle?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,y,[(0,n.renderSlot)(t.$slots,`subtitle`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(s.subtitle),1)])])):(0,n.createCommentVNode)(``,!0)]),(0,n.unref)(f)[`title-action`]?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,b,[(0,n.renderSlot)(t.$slots,`title-action`,(0,n.normalizeProps)((0,n.guardReactiveProps)(d.value)))])):(0,n.createCommentVNode)(``,!0)]),(0,n.unref)(f).trailing||(0,n.unref)(f).right||(0,n.unref)(f)[`action-end`]?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,x,[(0,n.createElementVNode)(`div`,S,[(0,n.createElementVNode)(`div`,C,[(0,n.unref)(f).trailing?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,w,[(0,n.renderSlot)(t.$slots,`trailing`,(0,n.normalizeProps)((0,n.guardReactiveProps)(d.value)))])):(0,n.createCommentVNode)(``,!0),(0,n.renderSlot)(t.$slots,`right`,(0,n.normalizeProps)((0,n.guardReactiveProps)(d.value))),(0,n.unref)(f)[`action-end`]?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,T,[(0,n.renderSlot)(t.$slots,`action-end`,(0,n.normalizeProps)((0,n.guardReactiveProps)(d.value)))])):(0,n.createCommentVNode)(``,!0)])])])):(0,n.createCommentVNode)(``,!0)],64))],16,m))}});Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return k}});

package/dist/{SPhotoEdit-CShhPLJt.cjs → SPhotoEdit-B4ujF5Dh.cjs}

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

package/dist/{SPhotoEdit-r63G2NZI.js → SPhotoEdit-BxxycqvA.js}

@@ -1,4 +1,4 @@
-import { i as e, n as t, r as n, t as r } from "./SButton-LAOBxpd4.js";
+import { i as e, n as t, r as n, t as r } from "./SButton-DIWMMCSc.js";
 import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeModels as u, normalizeClass as d, onScopeDispose as f, openBlock as p, ref as m, toDisplayString as h, unref as g, useModel as _, useTemplateRef as v, watch as y, withModifiers as b } from "vue";
 import { SIcon as x, useUiKitI18n as S } from "@shtabapp/ui-kit-primitives";
 //#region src/components/SPhotoEdit/SPhotoEdit.types.ts

package/dist/SRadio-B9qQ-PEk.cjs

@@ -0,0 +1 @@
+const e=require("./useAriaAttrs-D748yeJ_.cjs");let t=require("vue");var n=function(e){return e.LEFT=`left`,e.RIGHT=`right`,e}({}),r=[`disabled`,`name`,`value`],i={key:0,class:`s-ui-radio__content`},a={key:0,class:`s-ui-radio__label s-ui-typography-label-14-medium`},o={key:1,class:`s-ui-radio__description s-ui-typography-body-12-regular`},s=(0,t.defineComponent)({inheritAttrs:!1,__name:`SRadio`,props:(0,t.mergeModels)({disabled:{type:Boolean,default:!1},labelPlacement:{default:()=>n.RIGHT},name:{},value:{}},{modelValue:{},modelModifiers:{}}),emits:(0,t.mergeModels)([`change`],[`update:modelValue`]),setup(s,{emit:c}){let l=(0,t.useModel)(s,`modelValue`),u=c,{getRootAttrs:d,getAriaAttrs:f}=e.t(),p=(0,t.useSlots)(),m=(0,t.computed)(()=>l.value===s.value),h=(0,t.computed)(()=>[{"s-ui-radio--checked":m.value,"s-ui-radio--disabled":s.disabled,"s-ui-radio--label-left":s.labelPlacement===n.LEFT}]),g=e=>{e.target instanceof HTMLInputElement&&e.target.checked&&u(`change`,s.value)};return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`label`,(0,t.mergeProps)({class:`s-ui-radio`},(0,t.unref)(d)(),{class:[h.value,{"s-ui-radio--control-only":!(0,t.unref)(p).default&&!(0,t.unref)(p).description}]}),[(0,t.withDirectives)((0,t.createElementVNode)(`input`,(0,t.mergeProps)({"onUpdate:modelValue":n[0]||=e=>l.value=e,type:`radio`,class:`s-ui-radio__input`},(0,t.unref)(f)(),{disabled:s.disabled,name:s.name,value:s.value,onChange:g}),null,16,r),[[t.vModelRadio,l.value]]),n[1]||=(0,t.createElementVNode)(`span`,{class:`s-ui-radio__control`},[(0,t.createElementVNode)(`span`,{class:`s-ui-radio__thumb`})],-1),(0,t.unref)(p).default||(0,t.unref)(p).description?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,i,[(0,t.unref)(p).default?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,a,[(0,t.renderSlot)(e.$slots,`default`)])):(0,t.createCommentVNode)(``,!0),(0,t.unref)(p).description?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,o,[(0,t.renderSlot)(e.$slots,`description`)])):(0,t.createCommentVNode)(``,!0)])):(0,t.createCommentVNode)(``,!0)],16))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

package/dist/SRadio-BhoLtFUS.js

@@ -0,0 +1,60 @@
+import { t as e } from "./useAriaAttrs-CxGRTeye.js";
+import { computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, mergeModels as o, mergeProps as s, openBlock as c, renderSlot as l, unref as u, useModel as d, useSlots as f, vModelRadio as p, withDirectives as m } from "vue";
+//#region src/components/SRadio/SRadio.types.ts
+var h = /* @__PURE__ */ function(e) {
+	return e.LEFT = "left", e.RIGHT = "right", e;
+}({}), g = [
+	"disabled",
+	"name",
+	"value"
+], _ = {
+	key: 0,
+	class: "s-ui-radio__content"
+}, v = {
+	key: 0,
+	class: "s-ui-radio__label s-ui-typography-label-14-medium"
+}, y = {
+	key: 1,
+	class: "s-ui-radio__description s-ui-typography-body-12-regular"
+}, b = /* @__PURE__ */ a({
+	inheritAttrs: !1,
+	__name: "SRadio",
+	props: /*@__PURE__*/ o({
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		labelPlacement: { default: () => h.RIGHT },
+		name: {},
+		value: {}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ o(["change"], ["update:modelValue"]),
+	setup(a, { emit: o }) {
+		let b = d(a, "modelValue"), x = o, { getRootAttrs: S, getAriaAttrs: C } = e(), w = f(), T = t(() => b.value === a.value), E = t(() => [{
+			"s-ui-radio--checked": T.value,
+			"s-ui-radio--disabled": a.disabled,
+			"s-ui-radio--label-left": a.labelPlacement === h.LEFT
+		}]), D = (e) => {
+			e.target instanceof HTMLInputElement && e.target.checked && x("change", a.value);
+		};
+		return (e, t) => (c(), r("label", s({ class: "s-ui-radio" }, u(S)(), { class: [E.value, { "s-ui-radio--control-only": !u(w).default && !u(w).description }] }), [
+			m(i("input", s({
+				"onUpdate:modelValue": t[0] ||= (e) => b.value = e,
+				type: "radio",
+				class: "s-ui-radio__input"
+			}, u(C)(), {
+				disabled: a.disabled,
+				name: a.name,
+				value: a.value,
+				onChange: D
+			}), null, 16, g), [[p, b.value]]),
+			t[1] ||= i("span", { class: "s-ui-radio__control" }, [i("span", { class: "s-ui-radio__thumb" })], -1),
+			u(w).default || u(w).description ? (c(), r("span", _, [u(w).default ? (c(), r("span", v, [l(e.$slots, "default")])) : n("", !0), u(w).description ? (c(), r("span", y, [l(e.$slots, "description")])) : n("", !0)])) : n("", !0)
+		], 16));
+	}
+});
+//#endregion
+export { h as n, b as t };