@shtabapp/ui-kit 1.64.1 → 1.66.0

package/dist/SListItem-Chd81xY0.js

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

package/dist/SListItem-Rb59ZhEw.cjs

@@ -0,0 +1 @@
+const e=require("./SButton-BN-PppY7.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=[`id`,`tabindex`,`aria-selected`,`aria-disabled`,`aria-readonly`,`aria-busy`,`aria-expanded`],s={key:0,class:`s-ui-list-item__level`},c={class:`s-ui-list-item__body`},l={key:0,class:`s-ui-list-item__icon-left`},u={class:`s-ui-list-item__text`},d={key:0,class:`s-ui-list-item__title s-ui-typography-label-14-medium`},f={key:1,class:`s-ui-list-item__subtitle s-ui-typography-body-12-regular`},p={key:1,class:`s-ui-list-item__title-action`},m={key:1,class:`s-ui-list-item__actions`},h={class:`s-ui-list-item__actions-reveal`},g={class:`s-ui-list-item__actions-inner`},_={key:0,class:`s-ui-list-item__trailing`},v={key:1,class:`s-ui-list-item__action-end`},y=`.s-ui-list-item__expand, .s-ui-list-item__title-action, .s-ui-list-item__actions`,b=16,x=`a, button, input, select, textarea, [role="button"], [role="link"], [contenteditable="true"]`,S=(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}},emits:[`click`,`toggleExpand`,`keydown`],setup(S,{expose:C,emit:w}){let T=w,E=(0,n.computed)(()=>({disabled:S.disabled,readonly:S.readonly})),D=(0,n.useSlots)(),O=(0,n.useTemplateRef)(`listItemElementRef`),k=(0,n.inject)(i,null),{t:A}=(0,r.useUiKitI18n)(),j=t.n({group:()=>k,value:()=>S.rowKey,el:()=>O.value,disabled:()=>S.disabled||S.loading,interactive:()=>!S.readonly&&!S.loading}),M=(0,n.computed)(()=>S.variant===a.BILLING&&!S.disabled),N=[`Enter`,` `,`Spacebar`],P=(0,n.computed)(()=>k&&S.rowKey?k.isExpanded(S.rowKey):S.expanded),F=(0,n.computed)(()=>P.value?A(`listItem.collapse`):A(`listItem.expand`)),I=(0,n.computed)(()=>j.isInGroup.value?j.isActive.value:S.selected),L=(0,n.computed)(()=>k&&S.rowKey?k.activeKey()===S.rowKey:S.active),R=(0,n.computed)(()=>S.revealRight?!0:k?k.revealRight():!1),z=(0,n.computed)(()=>S.expandOnClick?!0:k?k.expandOnClick():!1),B=(0,n.computed)(()=>{if(!(!k||!S.rowKey))return k.getItemOptionId(S.rowKey)}),V=(0,n.computed)(()=>{if(k?.usesActiveDescendantNavigation())return-1;if(!(S.disabled||S.readonly||S.loading))return j.tabIndex.value===void 0?0:j.tabIndex.value}),H=(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`})),U=(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":I.value,"s-ui-list-item--active":L.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":R.value}]),W=()=>{if(k&&S.rowKey){k.toggleExpanded(S.rowKey);return}T(`toggleExpand`)},G=()=>{S.disabled||S.readonly||S.loading||W()},K=e=>e.target instanceof Element&&!!e.target.closest(y)&&!!e.target.closest(x),q=e=>{S.disabled||S.readonly||S.loading||K(e)||(S.expandable&&z.value&&(k&&S.rowKey?k.toggleExpanded(S.rowKey):T(`toggleExpand`)),k&&S.rowKey&&k.setActiveKey(S.rowKey),j.isInGroup.value&&j.handleClick(),T(`click`,e))},J=e=>!S.expandable||k?.handlesTreeKeyboardNavigation()||e.key!==`ArrowLeft`&&e.key!==`ArrowRight`||e.key===`ArrowRight`===P.value?!1:(e.preventDefault(),W(),!0),Y=e=>k||j.isInGroup.value||!N.includes(e.key)||e.target!==O.value?!1:(e.preventDefault(),O.value?.click(),!0),X=e=>{S.disabled||S.readonly||S.loading||(!J(e)&&!Y(e)&&j.isInGroup.value&&j.handleKeydown(e),T(`keydown`,e))};return C({listItemElementRef:O}),(t,i)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{ref_key:`listItemElementRef`,ref:O,id:B.value,class:(0,n.normalizeClass)([`s-ui-list-item`,U.value]),style:(0,n.normalizeStyle)(H.value),tabindex:V.value,role:`option`,"aria-selected":I.value?!0:void 0,"aria-disabled":S.disabled||S.loading?!0:void 0,"aria-readonly":S.readonly?!0:void 0,"aria-busy":S.loading?!0:void 0,"aria-expanded":S.expandable&&!S.loading?P.value:void 0,onClick:q,onKeydown:X},[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)(D).level?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,s,[(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":P.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":F.value,onClick:(0,n.withModifiers)(G,[`stop`])},null,8,[`class`,`appearance`,`variant`,`size`,`disabled`,`aria-label`])):(0,n.createCommentVNode)(``,!0)])])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`div`,c,[S.iconLeft||(0,n.unref)(D)[`icon-left`]?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,l,[(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??b,billing:M.value},null,8,[`name`,`size`,`billing`])):(0,n.createCommentVNode)(``,!0)])])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`div`,u,[S.title||(0,n.unref)(D).title?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,d,[(0,n.renderSlot)(t.$slots,`title`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(S.title),1)])])):(0,n.createCommentVNode)(``,!0),S.subtitle||(0,n.unref)(D).subtitle?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,f,[(0,n.renderSlot)(t.$slots,`subtitle`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(S.subtitle),1)])])):(0,n.createCommentVNode)(``,!0)]),(0,n.unref)(D)[`title-action`]?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,p,[(0,n.renderSlot)(t.$slots,`title-action`,(0,n.normalizeProps)((0,n.guardReactiveProps)(E.value)))])):(0,n.createCommentVNode)(``,!0)]),(0,n.unref)(D).trailing||(0,n.unref)(D).right||(0,n.unref)(D)[`action-end`]?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,m,[(0,n.createElementVNode)(`div`,h,[(0,n.createElementVNode)(`div`,g,[(0,n.unref)(D).trailing?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,_,[(0,n.renderSlot)(t.$slots,`trailing`,(0,n.normalizeProps)((0,n.guardReactiveProps)(E.value)))])):(0,n.createCommentVNode)(``,!0),(0,n.renderSlot)(t.$slots,`right`,(0,n.normalizeProps)((0,n.guardReactiveProps)(E.value))),(0,n.unref)(D)[`action-end`]?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,v,[(0,n.renderSlot)(t.$slots,`action-end`,(0,n.normalizeProps)((0,n.guardReactiveProps)(E.value)))])):(0,n.createCommentVNode)(``,!0)])])])):(0,n.createCommentVNode)(``,!0)],64))],46,o))}});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 S}});

package/dist/SPhotoEdit-0grpjqZQ.cjs

@@ -0,0 +1 @@
+const e=require("./SButton-BN-PppY7.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-CTXpy4AE.js → SPhotoEdit-COkIQFxd.js}

@@ -1,5 +1,4 @@
-import { n as e, r as t, t as n } from "./SButton.types-CpdHQtyx.js";
-import { t as r } from "./SButton-6AL2ipRT.js";
+import { i as e, n as t, r as n, t as r } from "./SButton-DQTSlo61.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
@@ -75,9 +74,9 @@ var C = /* @__PURE__ */ function(e) {
 		};
 		return (i, u) => (p(), o("div", { class: d(["s-ui-photo-edit", B.value]) }, [
 			z.value ? (p(), o("span", T, [c(g(r), {
-				appearance: g(n).BARE,
-				variant: g(t).NEUTRAL,
-				size: g(e).SMALL,
+				appearance: g(t).BARE,
+				variant: g(e).NEUTRAL,
+				size: g(n).SMALL,
 				disabled: l.disabled,
 				tabindex: -1,
 				icon: "closeMini",

package/dist/SSegmentControl-BaD9BK2s.cjs

@@ -0,0 +1 @@
+const e=require("./useSelectionGroup-NJvi3hNo.cjs"),t=require("./useSelectLink-DZIAhQ2J.cjs"),n=require("./useLink-1LLWpdDZ.cjs"),r=require("./getIndicatorMetricsPercent-CFGy_nB8.cjs");let i=require("vue"),a=require("@shtabapp/ui-kit-primitives"),o=require("@vueuse/core");var s=function(e){return e.SMALL=`small`,e.MEDIUM=`medium`,e}({}),c=Symbol(`SSegmentControl`),l={key:0,class:`s-ui-segment-control__icon`,"aria-hidden":`true`},u=(0,i.defineComponent)({__name:`SSegmentControlItem`,props:{item:{}},setup(e){let r=(0,i.inject)(c,null),o={[s.SMALL]:`s-ui-typography-label-12-medium`,[s.MEDIUM]:`s-ui-typography-label-14-medium`},u={[s.SMALL]:16,[s.MEDIUM]:20},d=(0,i.computed)(()=>r?(0,i.toValue)(r.size):s.MEDIUM),f=(0,i.computed)(()=>o[d.value]),p=(0,i.computed)(()=>u[d.value]),m=(0,i.useTemplateRef)(`itemRootRef`),h=n.t(()=>e.item.link,()=>e.item.exact,()=>e.item.replace);t.t({isRouterLink:h.isRouterLink,isActive:h.isActive,group:()=>r,value:()=>e.item.value});let g=(0,i.computed)(()=>!!(r&&(0,i.toValue)(r.disabled))||!!e.item.disabled),_=t.n({group:()=>r,value:()=>e.item.value,el:m,disabled:g}),v=(0,i.computed)(()=>h.isRouterLink.value?h.isActive.value:_.isActive.value),y=h.linkPresentation,b=(0,i.computed)(()=>{let e=y.value;return e.mode===`none`?`button`:e.rootTag}),x=(0,i.computed)(()=>b.value===`button`),S=(0,i.computed)(()=>{if(r)return(0,i.toValue)(r.name)}),C=(0,i.computed)(()=>e.item.ariaLabel?e.item.ariaLabel:e.item.iconOnly?e.item.label:void 0),w=(0,i.computed)(()=>({"s-ui-segment-control__item--selected":v.value,"s-ui-segment-control__item--icon-only":!!e.item.iconOnly,"s-ui-segment-control__item--link":n.r(e.item.link)})),T=(0,i.computed)(()=>({...n.n(y.value,{replace:e.item.replace}),disabled:x.value&&g.value?!0:void 0,"aria-disabled":!x.value&&g.value?!0:void 0})),E=(0,i.computed)(()=>g.value?-1:_.tabIndex.value??-1),D=e=>{if(!g.value){if(h.isRouterLink.value&&(e.key===`Enter`||e.key===` `||e.key===`Spacebar`)){e.preventDefault(),h.navigate();return}_.handleKeydown(e)}},O=e=>{if(g.value){e.preventDefault(),e.stopPropagation();return}h.isRouterLink.value||_.handleClick()};return(t,n)=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(b.value),(0,i.mergeProps)({ref_key:`itemRootRef`,ref:m,role:`radio`,class:[`s-ui-segment-control__item`,w.value],type:x.value?`button`:void 0},T.value,{"aria-checked":v.value?`true`:`false`,"aria-label":C.value,tabindex:E.value,name:x.value?S.value:void 0,onClick:O,onKeydown:D}),{default:(0,i.withCtx)(()=>[e.item.icon?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,l,[(0,i.createVNode)((0,i.unref)(a.SIcon),{name:e.item.icon,size:p.value},null,8,[`name`,`size`])])):(0,i.createCommentVNode)(``,!0),e.item.label&&!e.item.iconOnly?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,{key:1,class:(0,i.normalizeClass)([`s-ui-segment-control__label`,f.value])},(0,i.toDisplayString)(e.item.label),3)):(0,i.createCommentVNode)(``,!0)]),_:1},16,[`class`,`type`,`aria-checked`,`aria-label`,`tabindex`,`name`]))}}),d=`.s-ui-segment-control__item`,f=({trackEl:e,activeIndex:t,itemCount:n})=>{let a=(0,i.ref)(r.t()),s=()=>{let n=(0,i.toValue)(e),o=(0,i.toValue)(t);if(!n||o<0){a.value=r.t();return}let s=n.querySelectorAll(d).item(o);if(!(s instanceof HTMLElement)){a.value=r.t();return}a.value=r.n(n,s)};return(0,o.useResizeObserver)(e,()=>{s()}),(0,i.watch)(()=>[(0,i.toValue)(t),(0,i.toValue)(n)],async()=>{await(0,i.nextTick)(),s()},{immediate:!0}),{indicatorStyle:(0,i.computed)(()=>{let{left:e,top:t,width:n,height:r}=a.value;return!n||!r?{opacity:`0`}:{opacity:`1`,left:`${e}%`,top:`${t}%`,width:`${n}%`,height:`${r}%`}}),updateMetrics:s}},p=[`aria-disabled`],m=(0,i.defineComponent)({__name:`SSegmentControl`,props:(0,i.mergeModels)({items:{},size:{default:()=>s.MEDIUM},fullWidth:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},mandatory:{type:Boolean,default:!0},name:{}},{modelValue:{},modelModifiers:{}}),emits:(0,i.mergeModels)([`change`],[`update:modelValue`]),setup(t,{emit:n}){let r=(0,i.useModel)(t,`modelValue`),a=n,o=(0,i.useTemplateRef)(`trackRef`),s=e.o({modelValue:()=>r.value,onUpdateModelValue:t=>{e.i(t)&&(r.value=t,a(`change`,t))},mode:e.n.SINGLE,mandatory:()=>t.mandatory,orientation:e.r.HORIZONTAL,loop:!0});(0,i.provide)(c,{mode:()=>e.n.SINGLE,isSelected:s.isSelected,selectItem:s.select,registerItem:s.registerItem,getItemTabIndex:s.getItemTabIndex,getGroupTabIndex:s.getGroupTabIndex,handleItemKeydown:s.handleItemKeydown,disabled:()=>t.disabled,name:()=>t.name,size:()=>t.size});let{indicatorStyle:l}=f({trackEl:()=>o.value,activeIndex:(0,i.computed)(()=>{let e=t.items.findIndex(e=>s.isSelected(e.value));return e>=0?e:0}),itemCount:()=>t.items.length}),d=(0,i.computed)(()=>({[`s-ui-segment-control--size-${t.size}`]:!0,"s-ui-segment-control--full-width":t.fullWidth,"s-ui-segment-control--disabled":t.disabled})),m=(e,t)=>`${String(e.value)}-${t}`,h=()=>{if(r.value!==void 0&&r.value!==null)return;let e=t.items.find(e=>!e.disabled);e&&(r.value=e.value)};return(0,i.watch)(()=>t.items,()=>{h()},{immediate:!0}),(e,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,(0,i.mergeProps)({ref_key:`trackRef`,ref:o,class:[`s-ui-segment-control`,d.value],role:`radiogroup`,"aria-disabled":t.disabled||void 0},e.$attrs),[(0,i.createElementVNode)(`span`,{class:`s-ui-segment-control__indicator`,style:(0,i.normalizeStyle)((0,i.unref)(l)),"aria-hidden":`true`},null,4),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(t.items,(e,t)=>((0,i.openBlock)(),(0,i.createBlock)(u,{key:m(e,t),item:e},null,8,[`item`]))),128))],16,p))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return m}});

package/dist/SSegmentControl-Bjech2v4.js

@@ -0,0 +1,208 @@
+import { i as e, n as t, o as n, r } from "./useSelectionGroup-BCAmPf3R.js";
+import { n as i, t as a } from "./useSelectLink-2aCIYmF6.js";
+import { n as o, r as s, t as c } from "./useLink-Com5VhOk.js";
+import { n as l, t as u } from "./getIndicatorMetricsPercent-CWrH_ONg.js";
+import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createVNode as _, defineComponent as v, inject as y, mergeModels as b, mergeProps as x, nextTick as S, normalizeClass as C, normalizeStyle as w, openBlock as T, provide as E, ref as D, renderList as O, resolveDynamicComponent as k, toDisplayString as A, toValue as j, unref as M, useModel as N, useTemplateRef as P, watch as F, withCtx as I } from "vue";
+import { SIcon as L } from "@shtabapp/ui-kit-primitives";
+import { useResizeObserver as R } from "@vueuse/core";
+//#region src/components/SSegmentControl/SSegmentControl.types.ts
+var z = /* @__PURE__ */ function(e) {
+	return e.SMALL = "small", e.MEDIUM = "medium", e;
+}({}), B = Symbol("SSegmentControl"), V = {
+	key: 0,
+	class: "s-ui-segment-control__icon",
+	"aria-hidden": "true"
+}, H = /* @__PURE__ */ v({
+	__name: "SSegmentControlItem",
+	props: { item: {} },
+	setup(e) {
+		let t = y(B, null), n = {
+			[z.SMALL]: "s-ui-typography-label-12-medium",
+			[z.MEDIUM]: "s-ui-typography-label-14-medium"
+		}, r = {
+			[z.SMALL]: 16,
+			[z.MEDIUM]: 20
+		}, l = f(() => t ? j(t.size) : z.MEDIUM), u = f(() => n[l.value]), d = f(() => r[l.value]), g = P("itemRootRef"), v = c(() => e.item.link, () => e.item.exact, () => e.item.replace);
+		a({
+			isRouterLink: v.isRouterLink,
+			isActive: v.isActive,
+			group: () => t,
+			value: () => e.item.value
+		});
+		let b = f(() => !!(t && j(t.disabled)) || !!e.item.disabled), S = i({
+			group: () => t,
+			value: () => e.item.value,
+			el: g,
+			disabled: b
+		}), w = f(() => v.isRouterLink.value ? v.isActive.value : S.isActive.value), E = v.linkPresentation, D = f(() => {
+			let e = E.value;
+			return e.mode === "none" ? "button" : e.rootTag;
+		}), O = f(() => D.value === "button"), N = f(() => {
+			if (t) return j(t.name);
+		}), F = f(() => e.item.ariaLabel ? e.item.ariaLabel : e.item.iconOnly ? e.item.label : void 0), R = f(() => ({
+			"s-ui-segment-control__item--selected": w.value,
+			"s-ui-segment-control__item--icon-only": !!e.item.iconOnly,
+			"s-ui-segment-control__item--link": s(e.item.link)
+		})), H = f(() => ({
+			...o(E.value, { replace: e.item.replace }),
+			disabled: O.value && b.value ? !0 : void 0,
+			"aria-disabled": !O.value && b.value ? !0 : void 0
+		})), U = f(() => b.value ? -1 : S.tabIndex.value ?? -1), W = (e) => {
+			if (!b.value) {
+				if (v.isRouterLink.value && (e.key === "Enter" || e.key === " " || e.key === "Spacebar")) {
+					e.preventDefault(), v.navigate();
+					return;
+				}
+				S.handleKeydown(e);
+			}
+		}, G = (e) => {
+			if (b.value) {
+				e.preventDefault(), e.stopPropagation();
+				return;
+			}
+			v.isRouterLink.value || S.handleClick();
+		};
+		return (t, n) => (T(), p(k(D.value), x({
+			ref_key: "itemRootRef",
+			ref: g,
+			role: "radio",
+			class: ["s-ui-segment-control__item", R.value],
+			type: O.value ? "button" : void 0
+		}, H.value, {
+			"aria-checked": w.value ? "true" : "false",
+			"aria-label": F.value,
+			tabindex: U.value,
+			name: O.value ? N.value : void 0,
+			onClick: G,
+			onKeydown: W
+		}), {
+			default: I(() => [e.item.icon ? (T(), h("span", V, [_(M(L), {
+				name: e.item.icon,
+				size: d.value
+			}, null, 8, ["name", "size"])])) : m("", !0), e.item.label && !e.item.iconOnly ? (T(), h("span", {
+				key: 1,
+				class: C(["s-ui-segment-control__label", u.value])
+			}, A(e.item.label), 3)) : m("", !0)]),
+			_: 1
+		}, 16, [
+			"class",
+			"type",
+			"aria-checked",
+			"aria-label",
+			"tabindex",
+			"name"
+		]));
+	}
+}), U = ".s-ui-segment-control__item", W = ({ trackEl: e, activeIndex: t, itemCount: n }) => {
+	let r = D(u()), i = () => {
+		let n = j(e), i = j(t);
+		if (!n || i < 0) {
+			r.value = u();
+			return;
+		}
+		let a = n.querySelectorAll(U).item(i);
+		if (!(a instanceof HTMLElement)) {
+			r.value = u();
+			return;
+		}
+		r.value = l(n, a);
+	};
+	return R(e, () => {
+		i();
+	}), F(() => [j(t), j(n)], async () => {
+		await S(), i();
+	}, { immediate: !0 }), {
+		indicatorStyle: f(() => {
+			let { left: e, top: t, width: n, height: i } = r.value;
+			return !n || !i ? { opacity: "0" } : {
+				opacity: "1",
+				left: `${e}%`,
+				top: `${t}%`,
+				width: `${n}%`,
+				height: `${i}%`
+			};
+		}),
+		updateMetrics: i
+	};
+}, G = ["aria-disabled"], K = /* @__PURE__ */ v({
+	__name: "SSegmentControl",
+	props: /*@__PURE__*/ b({
+		items: {},
+		size: { default: () => z.MEDIUM },
+		fullWidth: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		mandatory: {
+			type: Boolean,
+			default: !0
+		},
+		name: {}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ b(["change"], ["update:modelValue"]),
+	setup(i, { emit: a }) {
+		let o = N(i, "modelValue"), s = a, c = P("trackRef"), l = n({
+			modelValue: () => o.value,
+			onUpdateModelValue: (t) => {
+				e(t) && (o.value = t, s("change", t));
+			},
+			mode: t.SINGLE,
+			mandatory: () => i.mandatory,
+			orientation: r.HORIZONTAL,
+			loop: !0
+		});
+		E(B, {
+			mode: () => t.SINGLE,
+			isSelected: l.isSelected,
+			selectItem: l.select,
+			registerItem: l.registerItem,
+			getItemTabIndex: l.getItemTabIndex,
+			getGroupTabIndex: l.getGroupTabIndex,
+			handleItemKeydown: l.handleItemKeydown,
+			disabled: () => i.disabled,
+			name: () => i.name,
+			size: () => i.size
+		});
+		let { indicatorStyle: u } = W({
+			trackEl: () => c.value,
+			activeIndex: f(() => {
+				let e = i.items.findIndex((e) => l.isSelected(e.value));
+				return e >= 0 ? e : 0;
+			}),
+			itemCount: () => i.items.length
+		}), m = f(() => ({
+			[`s-ui-segment-control--size-${i.size}`]: !0,
+			"s-ui-segment-control--full-width": i.fullWidth,
+			"s-ui-segment-control--disabled": i.disabled
+		})), _ = (e, t) => `${String(e.value)}-${t}`, v = () => {
+			if (o.value !== void 0 && o.value !== null) return;
+			let e = i.items.find((e) => !e.disabled);
+			e && (o.value = e.value);
+		};
+		return F(() => i.items, () => {
+			v();
+		}, { immediate: !0 }), (e, t) => (T(), h("div", x({
+			ref_key: "trackRef",
+			ref: c,
+			class: ["s-ui-segment-control", m.value],
+			role: "radiogroup",
+			"aria-disabled": i.disabled || void 0
+		}, e.$attrs), [g("span", {
+			class: "s-ui-segment-control__indicator",
+			style: w(M(u)),
+			"aria-hidden": "true"
+		}, null, 4), (T(!0), h(d, null, O(i.items, (e, t) => (T(), p(H, {
+			key: _(e, t),
+			item: e
+		}, null, 8, ["item"]))), 128))], 16, G));
+	}
+});
+//#endregion
+export { z as n, K as t };

package/dist/{SSelect-D6taevzT.js → SSelect-C3-8vi2u.js}

@@ -1,11 +1,10 @@
-import { n as e, r as t, t as n } from "./SButton.types-CpdHQtyx.js";
-import { t as r } from "./SButton-6AL2ipRT.js";
+import { i as e, n as t, r as n, t as r } from "./SButton-DQTSlo61.js";
 import { n as i } from "./useSelectionGroup-BCAmPf3R.js";
-import { t as a } from "./SDropdown-LOTCtlCX.js";
+import { t as a } from "./SDropdown-CiXHI3g1.js";
 import { t as o } from "./SDropdownMenu-2koPU6IG.js";
-import { n as s, t as c } from "./SInput-BLxSis1f.js";
-import { t as l } from "./SListItem-C1IeCv8M.js";
-import { i as u, n as d, r as f, t as ee } from "./SList-D2K9dNsj.js";
+import { n as s, t as c } from "./SInput-CqC-jrCC.js";
+import { t as l } from "./SListItem-Chd81xY0.js";
+import { i as u, n as d, r as f, t as ee } from "./SList-Bxet9twB.js";
 import { computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as te, createSlots as _, createTextVNode as ne, createVNode as v, defineComponent as y, guardReactiveProps as b, isRef as re, mergeModels as x, mergeProps as S, nextTick as C, normalizeClass as ie, normalizeProps as w, openBlock as T, ref as E, renderSlot as D, toDisplayString as O, toValue as k, unref as A, useId as ae, useModel as oe, useSlots as se, useTemplateRef as j, vModelText as ce, watch as le, withCtx as M, withDirectives as ue, withModifiers as de } from "vue";
 import { SIcon as fe, useUiKitI18n as pe } from "@shtabapp/ui-kit-primitives";
 //#region src/components/SSelect/utils/buildSelectListItemProps.ts
@@ -461,9 +460,9 @@ var me = ({ listItemScope: e, itemTitle: t, itemSubtitle: n, itemDisabled: r, it
 					} : void 0, Ke(a.key) ? {
 						name: "right",
 						fn: M((i) => [v(A(r), {
-							appearance: A(n).BARE,
-							variant: A(t).NEUTRAL,
-							size: A(e).SMALL,
+							appearance: A(t).BARE,
+							variant: A(e).NEUTRAL,
+							size: A(n).SMALL,
 							icon: "closeMini",
 							"aria-label": A(x)("select.removeOption"),
 							disabled: i.disabled || i.readonly,

package/dist/SSelect-EhvfGB4d.cjs

@@ -0,0 +1 @@
+const e=require("./SButton-BN-PppY7.cjs"),t=require("./useSelectionGroup-NJvi3hNo.cjs"),n=require("./SDropdown-B1OGbIYg.cjs"),r=require("./SDropdownMenu-k9SxaFVH.cjs"),i=require("./SInput-Be10IJ_E.cjs"),a=require("./SListItem-Rb59ZhEw.cjs"),o=require("./SList-3YwWEhUU.cjs");let s=require("vue"),c=require("@shtabapp/ui-kit-primitives");var l=({listItemScope:e,itemTitle:t,itemSubtitle:n,itemDisabled:r,itemIconLeft:i,listActiveKey:a,isOptionSelected:s})=>{let c=e.item;return{rowKey:e.key,title:o.i(c,t),subtitle:o.i(c,n),disabled:o.n(c,r),iconLeft:o.r(c,i),selected:s,active:a===e.key,revealRight:e.revealRight,tiny:!0}},u=e=>typeof e==`string`||typeof e==`number`,d=(e,t)=>{let n=e[t];if(u(n))return n},f=e=>typeof e==`string`?e:String(e),p=e=>e==null?!1:typeof e==`string`?e.length>0:!0,m=(e,t,n)=>t.find(t=>f(d(t,n)??``)===e),h=e=>typeof e==`object`&&!!e,g=(e,t,n)=>{let r=m(e,t,n);if(r)return d(r,n)},_=function(e){return e.INPUT=`input`,e.CONTENT=`content`,e}({}),v=(e,t,n)=>{if(!e)return!0;let r=e.toLocaleLowerCase(),i=o.i(t,n.itemTitle)?.toLocaleLowerCase()??``,a=f(d(t,n.itemValue)??``).toLocaleLowerCase();return i.includes(r)||a.includes(r)},y=(e,t,n,r)=>{let i=r??((e,t)=>v(e,t,n));return t?e.filter(e=>i(t,e)):[...e]},b=e=>typeof e==`string`&&p(e),x=e=>typeof e==`number`&&p(e),S=(e,t,n)=>{if(t){if(!h(e))return;let t=d(e,n);return b(t)||x(t)?t:void 0}let r=typeof e==`string`||typeof e==`number`?e:void 0;if(b(r)||x(r))return r},C=(e,t,n)=>e?(Array.isArray(e)?e:[e]).flatMap(e=>{let r=S(e,t,n);return p(r)?[r]:[]}):[],w=(e,t)=>{if(b(t)){e.value=t;return}if(x(t)){e.value=t;return}e.value=void 0},T=(e,t,n)=>t.flatMap(t=>{let r=f(t),i=e.find(e=>f(d(e,n)??``)===r);return i?[i]:[]}),E=({modelValue:e,options:n,itemFields:r,multiple:i,returnObject:a,searchable:c,filterOption:l,isDropdownOpen:u,searchQuery:h})=>{let v=(0,s.computed)(()=>(0,s.toValue)(i)),b=(0,s.computed)(()=>(0,s.toValue)(a)),x=(0,s.computed)(()=>(0,s.toValue)(c)===_.INPUT),S=(0,s.computed)(()=>(0,s.toValue)(c)===_.CONTENT),E=(0,s.computed)(()=>!!(0,s.toValue)(c)),D=(0,s.computed)(()=>{let t=(0,s.toValue)(r);return C(e.value,b.value,t.itemValue)}),O=(0,s.computed)(()=>{let e=(0,s.toValue)(n),t=(0,s.toValue)(r);return y(e,E.value?h.value:``,t,(0,s.toValue)(l))}),k=(0,s.computed)(()=>v.value?t.n.MULTIPLE:t.n.SINGLE),A=(t,n,r)=>{if(b.value){e.value=T(n,t,r);return}e.value=t},ee=(t,n,r)=>{if(!t){e.value=void 0;return}if(b.value){e.value=m(t,n,r)??void 0;return}w(e,g(t,n,r))},te=(0,s.computed)({get:()=>{if(v.value)return D.value.map(e=>f(e));let e=D.value[0];if(p(e))return f(e)},set:e=>{let t=(0,s.toValue)(n),i=(0,s.toValue)(r);if(v.value){A((Array.isArray(e)?e:[]).map(e=>g(e,t,i.itemValue)).filter(e=>p(e)),t,i.itemValue);return}ee(typeof e==`string`?e:void 0,t,i.itemValue)}}),ne=(0,s.computed)(()=>D.value.length>0),j=(e,t,n)=>{let r=f(t);return e.find(e=>f(d(e,n)??``)===r)},M=(0,s.computed)(()=>{let e=D.value[0];if(!p(e))return``;let t=(0,s.toValue)(r),i=j((0,s.toValue)(n),e,t.itemValue);return i?o.i(i,t.itemTitle)??``:f(e)}),N=(0,s.computed)(()=>{let e=(0,s.toValue)(n),t=(0,s.toValue)(r);return D.value.map(n=>{let r=j(e,n,t.itemValue);return r?o.i(r,t.itemTitle)??``:f(n)})}),re=(0,s.computed)(()=>N.value.join(`, `)),P=(0,s.computed)(()=>v.value?D.value.length===0:!M.value),F=(0,s.computed)(()=>x.value&&(u.value||v.value)),I=()=>{h.value=``};return(0,s.watch)(u,e=>{e||I()}),(0,s.watch)(()=>(0,s.toValue)(c),()=>{I()}),{searchQuery:h,selectedValues:D,filteredOptions:O,listSelectionMode:k,listSelectedModel:te,hasSelectedValues:ne,singleDisplayLabel:M,multipleDisplayLabels:N,multipleDisplayText:re,showPlaceholder:P,showInputSearchField:F,isSearchableMode:E,isSearchableInputMode:x,isSearchableContentMode:S,isMultipleMode:v,isReturnObjectMode:b,clearSelection:()=>{e.value=void 0,I()},removeSelectedValue:e=>{let t=f(e);A(D.value.filter(e=>f(e)!==t),(0,s.toValue)(n),(0,s.toValue)(r).itemValue)},resetSearchQuery:I,formatSelectListKey:f,resolveValueFromListKey:e=>g(e,(0,s.toValue)(n),(0,s.toValue)(r).itemValue)}},D={key:1,class:`s-ui-select__empty s-ui-typography-body-14-regular`},O=[`id`,`aria-expanded`,`aria-controls`,`aria-disabled`,`aria-readonly`,`aria-autocomplete`,`tabindex`],k={key:0,class:`s-ui-select__value`},A={key:1,class:`s-ui-select__placeholder`},ee={key:1,class:`s-ui-select__placeholder`},te={key:2,class:`s-ui-select__value`},ne={key:3,class:`s-ui-select__value-suffix`},j=[`name`,`placeholder`,`disabled`,`readonly`],M=20,N=`100%`,re=20,P=(0,s.defineComponent)({__name:`SSelect`,props:(0,s.mergeModels)({options:{},itemValue:{default:`value`},itemTitle:{default:`label`},itemSubtitle:{default:`subtitle`},itemId:{},itemDisabled:{default:`disabled`},itemIconLeft:{default:`iconLeft`},multiple:{type:Boolean,default:!1},returnObject:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},closableOptions:{type:Boolean,default:!1},searchable:{type:[String,Boolean],default:!1},closeOnSelect:{type:Boolean,default:!0},listHeight:{default:320},searchPlaceholder:{default:`Search`},filterOption:{type:Function},fitViewport:{type:Boolean,default:!0},panelWidth:{},surfaceClass:{},canLoadMore:{type:Function},endReachedDistance:{default:0},label:{},labelProps:{},placeholder:{},helpMessages:{},errorMessages:{},bordered:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},iconLeft:{},customize:{default:()=>i.n.NONE},name:{},id:{}},{modelValue:{},modelModifiers:{},searchQuery:{default:``},searchQueryModifiers:{}}),emits:(0,s.mergeModels)([`clear`,`focus`,`blur`,`open`,`close`,`endReached`],[`update:modelValue`,`update:searchQuery`]),setup(t,{expose:u,emit:d}){let f=(0,s.useModel)(t,`modelValue`),m=(0,s.useModel)(t,`searchQuery`),h=d,{t:g}=(0,c.useUiKitI18n)(),_=(0,s.useSlots)(),v=(0,s.useId)(),y=(0,s.useId)(),b=(0,s.useTemplateRef)(`triggerInputRef`),x=(0,s.ref)(``),S=(0,s.useTemplateRef)(`searchInputElementRef`),C=(0,s.useTemplateRef)(`panelSearchInputElementRef`),w=(0,s.useTemplateRef)(`listElementRef`),T=(0,s.ref)(),P=(0,s.ref)(!1),F=(0,s.ref)(!1),I=(0,s.computed)(()=>t.panelWidth===void 0),ie=(0,s.computed)(()=>t.panelWidth??N),ae=(0,s.computed)(()=>t.itemId??t.itemValue),oe=(0,s.computed)(()=>({itemValue:t.itemValue,itemTitle:t.itemTitle,itemSubtitle:t.itemSubtitle,itemId:ae.value})),{selectedValues:L,filteredOptions:R,listSelectionMode:se,listSelectedModel:z,hasSelectedValues:ce,singleDisplayLabel:le,multipleDisplayLabels:ue,multipleDisplayText:B,showPlaceholder:V,showInputSearchField:H,isSearchableMode:de,isSearchableInputMode:U,isSearchableContentMode:W,isMultipleMode:G,clearSelection:fe,removeSelectedValue:K,resolveValueFromListKey:pe,formatSelectListKey:q}=E({modelValue:f,options:()=>t.options,itemFields:()=>oe.value,multiple:()=>t.multiple,returnObject:()=>t.returnObject,searchable:()=>t.searchable,filterOption:()=>t.filterOption,isDropdownOpen:P,searchQuery:m}),me=(0,s.computed)(()=>({disabled:t.disabled,displayLabel:le.value})),J=(0,s.computed)(()=>R.value.length>re),he=(0,s.computed)(()=>W.value||J.value?t.listHeight:`auto`),ge=(0,s.computed)(()=>{if(!(W.value||J.value))return t.listHeight}),_e=(0,s.computed)(()=>L.value.map(e=>q(e))),ve=e=>_e.value.includes(e),ye=()=>({tiny:!0}),be=e=>l({listItemScope:e,itemTitle:t.itemTitle,itemSubtitle:t.itemSubtitle,itemDisabled:t.itemDisabled,itemIconLeft:t.itemIconLeft,listActiveKey:T.value,isOptionSelected:ve(e.key)}),xe=e=>{let t=pe(e);if(p(t)){if(G.value){K(t);return}f.value=void 0}},Se=(0,s.computed)(()=>t.id??v),Ce=(0,s.computed)(()=>y),we=(0,s.computed)(()=>b.value?.fieldElementRef??null),Te=(0,s.computed)(()=>({labels:ue.value,values:L.value,displayText:B.value,disabled:t.disabled||t.readonly,removeValue:K})),Ee=(0,s.computed)(()=>{if(!t.disabled&&(t.readonly&&!U.value||!U.value))return 0}),De=(0,s.computed)(()=>({"s-ui-select--disabled":t.disabled,"s-ui-select--readonly":t.readonly,"s-ui-select--multiple":G.value,"s-ui-select--open":P.value})),Oe=()=>{if(W.value){C.value?.focus();return}S.value?.focus()},ke=async()=>{await(0,s.nextTick)(),C.value?.focus()},Ae=async()=>{await(0,s.nextTick)(),await w.value?.focusNavigation()},Y=async()=>{if(!(t.disabled||t.readonly)&&!P.value){if(P.value=!0,h(`open`),W.value){await ke();return}if(U.value){await(0,s.nextTick)(),S.value?.focus();return}await Ae()}},je=async()=>{t.disabled||t.readonly||P.value||await Y()};(0,s.watch)(m,async e=>{U.value&&(t.disabled||t.readonly||e&&(P.value||await Y()))});let X=()=>{P.value&&(P.value=!1,T.value=void 0,h(`close`))},Z=()=>{!t.closeOnSelect||G.value||X()};(0,s.watch)(f,(e,n)=>{!t.closeOnSelect||G.value||!P.value||!e||e===n||X()});let Me=e=>{P.value&&e.target instanceof Element&&e.target.closest(`.s-ui-list-item`)&&Z()},Ne=async e=>{e.key!==`Enter`&&e.key!==` `&&e.key!==`Spacebar`||P.value&&(await(0,s.nextTick)(),Z())},Q=async()=>{if(P.value){X();return}await Y()},Pe=async e=>{if(!(t.disabled||t.readonly)&&e.target instanceof HTMLElement){if(e.target.closest(`.s-ui-select__search-input`)){P.value||await Y();return}await Q()}},$=async e=>e.key!==`ArrowDown`&&e.key!==`ArrowUp`?!1:(e.preventDefault(),e.stopPropagation(),P.value||await Y(),await Ae(),await w.value?.handleKeyboardNavigation(e),!0),Fe=e=>{let t=pe(e);if(t){if(G.value){L.value.some(t=>q(t)===e)?K(t):z.value=[...L.value.map(e=>q(e)),e];return}z.value=e,Z()}},Ie=async e=>{if(!(t.disabled||t.readonly)&&!await $(e)){if(e.key===`Escape`){e.preventDefault(),X();return}if(e.key===`Enter`||e.key===` `){if(e.preventDefault(),P.value&&T.value){Fe(T.value);return}await Q()}}},Le=async e=>{if(e.key===`Escape`){e.preventDefault(),X();return}await $(e)},Re=Le,ze=e=>{t.disabled||(F.value||h(`focus`,e),F.value=!0)},Be=e=>{if(!(e.currentTarget instanceof HTMLElement))return;let t=e.relatedTarget;t instanceof Node&&e.currentTarget.contains(t)||(F.value=!1,h(`blur`,e))},Ve=()=>{fe(),h(`clear`)},He=e=>{h(`endReached`,e)};return u({open:Y,close:X,toggle:Q,focusSearchInput:Oe}),(l,u)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:(0,s.normalizeClass)([`s-ui-select`,De.value])},[(0,s.createVNode)((0,s.unref)(n.t),{modelValue:P.value,"onUpdate:modelValue":u[4]||=e=>P.value=e,reference:we.value,disabled:t.disabled,"match-reference-width":I.value,"fit-viewport":t.fitViewport,"surface-class":t.surfaceClass,"content-id":Ce.value,"dismiss-on-click-outside":!0,"dismiss-on-escape":!0},{content:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(r.t),{class:`s-ui-select__menu`,width:ie.value},(0,s.createSlots)({default:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{class:`s-ui-select__menu-body`,onClick:Me,onKeydown:Ne},[(0,s.unref)(R).length>0?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(o.t),{key:0,ref_key:`listElementRef`,ref:w,modelValue:T.value,"onUpdate:modelValue":u[2]||=e=>T.value=e,selected:(0,s.unref)(z),"onUpdate:selected":u[3]||=e=>(0,s.isRef)(z)?z.value=e:null,items:(0,s.unref)(R),"item-key":ae.value,"title-key":t.itemTitle,"subtitle-key":t.itemSubtitle,"icon-left-key":t.itemIconLeft,"disabled-key":t.itemDisabled,"selection-mode":(0,s.unref)(se),mandatory:!t.multiple,height:he.value,"max-height":ge.value,virtual:J.value,"item-props":ye,"selected-on-top":(0,s.unref)(G),"can-load-more":t.canLoadMore,"end-reached-distance":t.endReachedDistance,onEndReached:He},(0,s.createSlots)({_:2},[(0,s.unref)(_).option||(0,s.unref)(_)[`option-icon`]||t.closableOptions||(0,s.unref)(G)?{name:`item`,fn:(0,s.withCtx)(n=>[(0,s.unref)(_).option?(0,s.renderSlot)(l.$slots,`option`,(0,s.normalizeProps)((0,s.mergeProps)({key:0},n))):t.closableOptions?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(a.t),(0,s.normalizeProps)((0,s.mergeProps)({key:1},be(n))),(0,s.createSlots)({_:2},[(0,s.unref)(_)[`option-icon`]?{name:`icon-left`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`option-icon`,(0,s.normalizeProps)((0,s.guardReactiveProps)(n)))]),key:`0`}:void 0,ve(n.key)?{name:`right`,fn:(0,s.withCtx)(t=>[(0,s.createVNode)((0,s.unref)(e.t),{appearance:(0,s.unref)(e.n).BARE,variant:(0,s.unref)(e.i).NEUTRAL,size:(0,s.unref)(e.r).SMALL,icon:`closeMini`,"aria-label":(0,s.unref)(g)(`select.removeOption`),disabled:t.disabled||t.readonly,tabindex:-1,onClick:(0,s.withModifiers)(e=>xe(n.key),[`stop`])},null,8,[`appearance`,`variant`,`size`,`aria-label`,`disabled`,`onClick`])]),key:`1`}:void 0]),1040)):((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(a.t),(0,s.normalizeProps)((0,s.mergeProps)({key:2},be(n))),(0,s.createSlots)({_:2},[(0,s.unref)(_)[`option-icon`]?{name:`icon-left`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`option-icon`,(0,s.normalizeProps)((0,s.guardReactiveProps)(n)))]),key:`0`}:void 0]),1040))]),key:`0`}:void 0]),1032,[`modelValue`,`selected`,`items`,`item-key`,`title-key`,`subtitle-key`,`icon-left-key`,`disabled-key`,`selection-mode`,`mandatory`,`height`,`max-height`,`virtual`,`selected-on-top`,`can-load-more`,`end-reached-distance`])):((0,s.openBlock)(),(0,s.createElementBlock)(`div`,D,[(0,s.renderSlot)(l.$slots,`empty`,{},()=>[(0,s.createTextVNode)((0,s.toDisplayString)((0,s.unref)(g)(`select.noOptions`)),1)])]))],32)]),_:2},[(0,s.unref)(W)||(0,s.unref)(_)[`panel-header`]?{name:`header`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`panel-header`),(0,s.unref)(W)?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(i.t),{key:0,ref_key:`panelSearchInputElementRef`,ref:C,modelValue:m.value,"onUpdate:modelValue":u[0]||=e=>m.value=e,placeholder:t.searchPlaceholder,disabled:t.disabled,clearable:!1,"icon-left":`search`,onClick:u[1]||=(0,s.withModifiers)(()=>{},[`stop`]),onKeydown:(0,s.unref)(Re)},null,8,[`modelValue`,`placeholder`,`disabled`,`onKeydown`])):(0,s.createCommentVNode)(``,!0)]),key:`0`}:void 0,(0,s.unref)(_)[`panel-footer`]?{name:`footer`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`panel-footer`)]),key:`1`}:void 0]),1032,[`width`])]),_:3},8,[`modelValue`,`reference`,`disabled`,`match-reference-width`,`fit-viewport`,`surface-class`,`content-id`]),(0,s.createVNode)((0,s.unref)(i.t),{ref_key:`triggerInputRef`,ref:b,modelValue:x.value,"onUpdate:modelValue":u[7]||=e=>x.value=e,label:t.label,"label-props":t.labelProps,placeholder:t.placeholder,"help-messages":t.helpMessages,"error-messages":t.errorMessages,bordered:t.bordered,disabled:t.disabled,readonly:t.readonly,clearable:t.clearable,"has-value":(0,s.unref)(ce),focused:F.value||P.value,"icon-left":t.iconLeft,customize:t.customize,name:t.name,id:Se.value,onClear:Ve,onFocus:ze,onBlur:Be},(0,s.createSlots)({control:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{id:Se.value,class:(0,s.normalizeClass)([`s-ui-select__control s-ui-typography-body-14-regular`,{"s-ui-select__control--multiple":(0,s.unref)(G),"s-ui-select__control--empty":(0,s.unref)(G)&&!(0,s.unref)(ce)&&!(0,s.unref)(H),"s-ui-select__control--with-value-suffix":(0,s.unref)(_)[`value-suffix`]&&!(0,s.unref)(G)&&!(0,s.unref)(H)&&!(0,s.unref)(V)}]),role:`combobox`,"aria-expanded":P.value,"aria-controls":Ce.value,"aria-haspopup":`listbox`,"aria-disabled":t.disabled?!0:void 0,"aria-readonly":t.readonly?!0:void 0,"aria-autocomplete":(0,s.unref)(de)?`list`:void 0,tabindex:Ee.value,onClick:Pe,onKeydown:Ie},[(0,s.unref)(G)?(0,s.renderSlot)(l.$slots,`selection`,(0,s.normalizeProps)((0,s.mergeProps)({key:0},Te.value)),()=>[(0,s.unref)(B)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,k,(0,s.toDisplayString)((0,s.unref)(B)),1)):(0,s.unref)(V)&&!(0,s.unref)(H)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,A,(0,s.toDisplayString)(t.placeholder),1)):(0,s.createCommentVNode)(``,!0)]):(0,s.unref)(V)&&!(0,s.unref)(H)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,ee,(0,s.toDisplayString)(t.placeholder),1)):(0,s.unref)(H)?(0,s.createCommentVNode)(``,!0):((0,s.openBlock)(),(0,s.createElementBlock)(`span`,te,(0,s.toDisplayString)((0,s.unref)(le)),1)),(0,s.unref)(_)[`value-suffix`]&&!(0,s.unref)(G)&&!(0,s.unref)(H)&&!(0,s.unref)(V)?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,ne,[(0,s.renderSlot)(l.$slots,`value-suffix`,(0,s.normalizeProps)((0,s.guardReactiveProps)(me.value)))])):(0,s.createCommentVNode)(``,!0),(0,s.unref)(H)?(0,s.withDirectives)(((0,s.openBlock)(),(0,s.createElementBlock)(`input`,{key:4,ref_key:`searchInputElementRef`,ref:S,"onUpdate:modelValue":u[5]||=e=>m.value=e,class:`s-ui-select__search-input`,type:`text`,name:t.name,placeholder:t.placeholder,disabled:t.disabled,readonly:t.readonly,autocomplete:`off`,onClick:u[6]||=(0,s.withModifiers)(()=>{},[`stop`]),onFocus:je,onKeydown:Le},null,40,j)),[[s.vModelText,m.value]]):(0,s.createCommentVNode)(``,!0)],42,O)]),action:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(c.SIcon),{name:`chevronMiniDown`,size:M,class:`s-ui-select__chevron`})]),_:2},[(0,s.unref)(_).label?{name:`label`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`label`)]),key:`0`}:void 0,(0,s.unref)(_).prefix?{name:`prefix`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`prefix`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`1`}:void 0,(0,s.unref)(_).prepend?{name:`prepend`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`prepend`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`2`}:void 0,(0,s.unref)(_).message?{name:`message`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`message`)]),key:`3`}:void 0]),1032,[`modelValue`,`label`,`label-props`,`placeholder`,`help-messages`,`error-messages`,`bordered`,`disabled`,`readonly`,`clearable`,`has-value`,`focused`,`icon-left`,`customize`,`name`,`id`])],2))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return P}});