@shtabapp/ui-kit 1.64.0 → 1.65.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shtabapp/ui-kit",
-  "version": "1.64.0",
+  "version": "1.65.0",
   "description": "Vue 3 component library by Shtab — 30+ typed components, design tokens, light/dark themes",
   "keywords": [
     "shtab",

package/dist/SButton-9dLbCJvh.cjs

@@ -1 +0,0 @@
-const e=require("./SBadge-d1GOPFP-.cjs"),t=require("./SButton.types-UKroD-ev.cjs"),n=require("./context-kCi2xRHY.cjs"),r=require("./useSelectionGroup-NJvi3hNo.cjs"),i=require("./useSelectLink-DZIAhQ2J.cjs"),a=require("./useLink-1LLWpdDZ.cjs");let o=require("vue"),s=require("@shtabapp/ui-kit-primitives");var c={offsetX:1,offsetY:-1},l={[t.n.SMALL]:{offsetX:-6,offsetY:6},[t.n.MEDIUM]:{offsetX:-7,offsetY:7},[t.n.LARGE]:{offsetX:-8,offsetY:8}},u={[t.n.SMALL]:e.i.SMALL,[t.n.MEDIUM]:e.i.SMALL,[t.n.LARGE]:e.i.MEDIUM},d=({color:t,counterValue:n})=>{if(typeof n==`number`)return{anchored:!0,color:t,offsetX:c.offsetX,offsetY:c.offsetY,placement:e.r.TOP_END,size:e.i.MEDIUM,value:n}},f=({buttonSize:t,color:n,indicator:r})=>{if(!r)return;let i=l[t];return{anchored:!0,color:n,offsetX:i.offsetX,offsetY:i.offsetY,placement:e.r.TOP_END,size:u[t]}},p=({badgeColor:t,counter:n,indicator:r,size:i})=>({buttonBadgeProps:(0,o.computed)(()=>{let a=(0,o.toValue)(t)||e.n.MAIN;return d({color:a,counterValue:(0,o.toValue)(n)})||f({buttonSize:(0,o.toValue)(i),color:a,indicator:(0,o.toValue)(r)})})}),m=[`aria-hidden`],h={key:0,class:`s-ui-button__spinner`,"aria-hidden":`true`},g=(0,o.defineComponent)({inheritAttrs:!1,__name:`SButton`,props:{appearance:{},badgeColor:{},counter:{},disabled:{type:Boolean,default:!1},icon:{},iconLeft:{},iconRight:{},indicator:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},size:{},value:{},variant:{},link:{},exact:{type:Boolean,default:!1},replace:{type:Boolean,default:!1}},setup(c){let l=(0,o.inject)(n.t,null),u=(0,o.useAttrs)(),d=(0,o.computed)(()=>r.a(c.appearance,l?(0,o.toValue)(l.appearance):void 0,t.t.MAJOR)),f=(0,o.computed)(()=>r.a(c.variant,l?(0,o.toValue)(l.variant):void 0,t.r.MAIN)),g=(0,o.computed)(()=>r.a(c.size,l?(0,o.toValue)(l.size):void 0,t.n.MEDIUM)),_=(0,o.computed)(()=>c.disabled||!!(l&&(0,o.toValue)(l.disabled))),v=(0,o.useTemplateRef)(`buttonRootRef`),{buttonBadgeProps:y}=p({badgeColor:()=>c.badgeColor,counter:()=>c.counter,indicator:()=>c.indicator,size:()=>g.value}),b=a.t(()=>c.link,()=>c.exact,()=>c.replace),x=b.linkPresentation;i.t({isRouterLink:b.isRouterLink,isActive:b.isActive,group:()=>l,value:()=>c.value});let S=(0,o.computed)(()=>{let e=x.value;return e.mode===`none`?`button`:e.rootTag}),C=(0,o.computed)(()=>S.value===`button`),w=(0,o.computed)(()=>_.value||c.loading),T=i.n({group:l,value:()=>c.value,el:v,disabled:_,interactive:()=>!w.value}),E=(0,o.computed)(()=>b.isRouterLink.value?b.isActive.value:T.isActive.value),D=(0,o.computed)(()=>[`s-ui-button`,`s-ui-button--tab-focus`,`s-ui-button--appearance-${d.value}`,`s-ui-button--variant-${f.value}`,`s-ui-button--size-${g.value}`,{"s-ui-button--disabled":_.value,"s-ui-button--loading":c.loading,"s-ui-button--icon-only":c.icon,"s-ui-button--active":E.value,"s-ui-button--link":x.value.mode!==`none`}]),O=(0,o.computed)(()=>({disabled:C.value?w.value:void 0,"aria-busy":c.loading?!0:void 0,"aria-pressed":T.ariaPressed.value,"aria-checked":T.ariaChecked.value,tabindex:T.tabIndex.value,...a.n(x.value,{replace:c.replace})})),k=(0,o.computed)(()=>({...O.value,...u})),A={[t.n.SMALL]:`s-ui-typography-label-12-medium`,[t.n.MEDIUM]:`s-ui-typography-label-14-medium`,[t.n.LARGE]:`s-ui-typography-label-16-medium`},j=(0,o.computed)(()=>A[g.value]),M={[t.n.SMALL]:16,[t.n.MEDIUM]:20,[t.n.LARGE]:24},N=(0,o.computed)(()=>M[g.value]),P=(0,o.computed)(()=>_.value||c.loading?!1:f.value===t.r.BILLING&&d.value!==t.t.MAJOR),F=(0,o.computed)(()=>f.value===t.r.BILLING&&d.value!==t.t.MAJOR),I=e=>{if(!w.value){if(b.isRouterLink.value&&(e.key===`Enter`||e.key===` `||e.key===`Spacebar`)){e.preventDefault(),b.navigate();return}T.handleKeydown(e)}},L=e=>{if(w.value){e.preventDefault(),e.stopPropagation();return}b.isRouterLink.value||T.handleClick()};return(t,n)=>((0,o.openBlock)(),(0,o.createBlock)((0,o.resolveDynamicComponent)(S.value),(0,o.mergeProps)({ref_key:`buttonRootRef`,ref:v,class:D.value},k.value,{onClick:L,onKeydown:I}),{default:(0,o.withCtx)(()=>[(0,o.createElementVNode)(`span`,{class:`s-ui-button__inner`,"aria-hidden":c.loading?!0:void 0},[c.icon?((0,o.openBlock)(),(0,o.createBlock)((0,o.unref)(s.SIcon),{key:0,name:c.icon,size:N.value,billing:P.value},null,8,[`name`,`size`,`billing`])):((0,o.openBlock)(),(0,o.createElementBlock)(o.Fragment,{key:1},[c.iconLeft?((0,o.openBlock)(),(0,o.createBlock)((0,o.unref)(s.SIcon),{key:0,name:c.iconLeft,size:N.value,billing:P.value},null,8,[`name`,`size`,`billing`])):(0,o.createCommentVNode)(``,!0),(0,o.createElementVNode)(`span`,{class:(0,o.normalizeClass)([`s-ui-button__label`,j.value])},[(0,o.renderSlot)(t.$slots,`default`)],2),c.iconRight?((0,o.openBlock)(),(0,o.createBlock)((0,o.unref)(s.SIcon),{key:1,name:c.iconRight,size:N.value,billing:P.value},null,8,[`name`,`size`,`billing`])):(0,o.createCommentVNode)(``,!0)],64))],8,m),c.loading?((0,o.openBlock)(),(0,o.createElementBlock)(`span`,h,[(0,o.createVNode)((0,o.unref)(s.SSpinner),{billing:F.value,size:N.value},null,8,[`billing`,`size`])])):(0,o.createCommentVNode)(``,!0),(0,o.unref)(y)?((0,o.openBlock)(),(0,o.createBlock)((0,o.unref)(e.t),(0,o.normalizeProps)((0,o.mergeProps)({key:1},(0,o.unref)(y))),null,16)):(0,o.createCommentVNode)(``,!0)]),_:3},16,[`class`]))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return g}});

package/dist/SButton.types-CpdHQtyx.js

@@ -1,10 +0,0 @@
-//#region src/components/SButton/SButton.types.ts
-var e = /* @__PURE__ */ function(e) {
-	return e.MAJOR = "major", e.MINOR = "minor", e.SURFACE = "surface", e.OUTLINED = "outlined", e.BARE = "bare", e;
-}({}), t = /* @__PURE__ */ function(e) {
-	return e.MAIN = "main", e.NEUTRAL = "neutral", e.DANGER = "danger", e.SUCCESS = "success", e.BILLING = "billing", e;
-}({}), n = /* @__PURE__ */ function(e) {
-	return e.SMALL = "small", e.MEDIUM = "medium", e.LARGE = "large", e;
-}({});
-//#endregion
-export { n, t as r, e as t };

package/dist/SButton.types-UKroD-ev.cjs

@@ -1 +0,0 @@
-var e=function(e){return e.MAJOR=`major`,e.MINOR=`minor`,e.SURFACE=`surface`,e.OUTLINED=`outlined`,e.BARE=`bare`,e}({}),t=function(e){return e.MAIN=`main`,e.NEUTRAL=`neutral`,e.DANGER=`danger`,e.SUCCESS=`success`,e.BILLING=`billing`,e}({}),n=function(e){return e.SMALL=`small`,e.MEDIUM=`medium`,e.LARGE=`large`,e}({});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return e}});

package/dist/SChip-nzYT9SEi.cjs

@@ -1 +0,0 @@
-const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./SButton-9dLbCJvh.cjs");let n=require("vue"),r=require("@shtabapp/ui-kit-primitives");var i=function(e){return e.BLUE=`blue`,e.RED=`red`,e.WHITE=`white`,e.BILLING=`billing`,e}({}),a=function(e){return e.SIZE_20=`20`,e.SIZE_24=`24`,e.SIZE_32=`32`,e}({}),o=[`tabindex`,`aria-disabled`,`inert`],s={class:`s-ui-chip__content`},c={key:0,class:`s-ui-chip__icon`},l={key:1,class:`s-ui-chip__prefix`},u={key:0,class:`s-ui-chip__actions`},d={key:0,class:`s-ui-chip__action-delete`},f=(0,n.defineComponent)({__name:`SChip`,props:{color:{default:()=>i.BLUE},disabled:{type:Boolean,default:!1},size:{default:()=>a.SIZE_32},deletable:{type:Boolean,default:!1},selected:{type:Boolean,default:!1}},emits:[`delete`],setup(f,{emit:p}){let m=p,{t:h}=(0,r.useUiKitI18n)(),g=(0,n.useSlots)(),_=(0,n.computed)(()=>f.color===i.BILLING),v=(0,n.computed)(()=>f.disabled?!1:_.value),y=(0,n.computed)(()=>f.disabled?-1:0),b=(0,n.computed)(()=>!!g.actions||f.deletable),x=()=>{m(`delete`)},S=(0,n.computed)(()=>[`s-ui-chip--color-${f.color}`,`s-ui-chip--size-${f.size}`,{"s-ui-chip--disabled":f.disabled,"s-ui-chip--selected":f.selected}]),C=(0,n.computed)(()=>f.size===a.SIZE_20?`s-ui-typography-label-12-medium`:`s-ui-typography-label-14-medium`),w={[a.SIZE_20]:16,[a.SIZE_24]:20,[a.SIZE_32]:20},T=(0,n.computed)(()=>w[f.size]);return(r,i)=>((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{class:(0,n.normalizeClass)([`s-ui-chip`,S.value]),tabindex:y.value,role:`group`,"aria-disabled":f.disabled?!0:void 0,inert:f.disabled?!0:void 0},[(0,n.createElementVNode)(`span`,s,[(0,n.unref)(g).icon?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,c,[(0,n.renderSlot)(r.$slots,`icon`,{billing:v.value,disabled:f.disabled,size:T.value})])):(0,n.createCommentVNode)(``,!0),(0,n.unref)(g).prefix?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,l,[(0,n.renderSlot)(r.$slots,`prefix`,{disabled:f.disabled,size:f.size})])):(0,n.createCommentVNode)(``,!0),(0,n.unref)(g).default?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{key:2,class:(0,n.normalizeClass)([`s-ui-chip__label`,C.value])},[(0,n.renderSlot)(r.$slots,`default`)],2)):(0,n.createCommentVNode)(``,!0)]),b.value?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,u,[(0,n.renderSlot)(r.$slots,`actions`,{billing:_.value,disabled:f.disabled}),f.deletable?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,d,[(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:f.disabled,tabindex:-1,icon:`closeMini`,"aria-label":(0,n.unref)(h)(`chip.delete`),onClick:(0,n.withModifiers)(x,[`stop`])},null,8,[`appearance`,`variant`,`size`,`disabled`,`aria-label`])])):(0,n.createCommentVNode)(``,!0)])):(0,n.createCommentVNode)(``,!0)],10,o))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});

package/dist/SColorPicker-BRSi0Xhm.cjs

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

package/dist/SInput-IfbP8zrv.cjs

@@ -1 +0,0 @@
-const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./SButton-9dLbCJvh.cjs"),n=require("./SInlineMessage-gjkMiE-W.cjs"),r=require("./SLabel-DLKfepRW.cjs"),i=require("./useFieldMessages-2TaArixP.cjs");let a=require("vue"),o=require("@shtabapp/ui-kit-primitives");var s=function(e){return e.NONE=`none`,e.HORIZONTAL=`horizontal`,e.VERTICAL=`vertical`,e}({}),c=e=>()=>e.hasControlSlot()?e.hasValue()===!0:e.value().length>0,l=[`inert`,`aria-disabled`],u={key:0,class:`s-ui-input__prepend`},d={class:`s-ui-input__row`},f={key:0,class:`s-ui-input__prefix`},p=[`id`,`type`,`name`,`placeholder`,`disabled`,`readonly`,`autocomplete`],m={key:0,class:`s-ui-input__inline`},h={key:1,class:`s-ui-input__clear`},g={key:2,class:`s-ui-input__action`},_=16,v=(0,a.defineComponent)({inheritAttrs:!1,__name:`SInput`,props:(0,a.mergeModels)({label:{},labelProps:{},placeholder:{},helpMessages:{},errorMessages:{},bordered:{type:Boolean,default:!0},reserveMessageSpace:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},hasValue:{type:Boolean},focused:{type:Boolean,default:!1},iconLeft:{},iconRight:{},customize:{default:()=>s.NONE},name:{},type:{default:`text`},id:{},autocomplete:{},autofocus:{type:Boolean,default:!1}},{modelValue:{default:``},modelModifiers:{}}),emits:(0,a.mergeModels)([`clear`,`focus`,`blur`],[`update:modelValue`]),setup(v,{expose:y,emit:b}){let x=(0,a.useModel)(v,`modelValue`),{t:S}=(0,o.useUiKitI18n)(),C=b,{rootAttrs:w,controlAttrs:T,errorQa:E}=i.r(),D=(0,a.useSlots)(),O=(0,a.useId)(),k=(0,a.useTemplateRef)(`fieldElementRef`),A=(0,a.useTemplateRef)(`inputElementRef`),{isFocused:j,handleFocus:M,handleFocusOut:N}=i.n({isDisabled:()=>v.disabled,blurField:()=>Q(),emitFocus:e=>C(`focus`,e),emitBlur:e=>C(`blur`,e)}),{normalizedHelpMessages:P,normalizedErrorMessages:F,hasErrorMessages:I,hasHelpMessages:L}=i.t(()=>v.helpMessages,()=>v.errorMessages),R=(0,a.computed)(()=>v.id?v.id:O),z=(0,a.computed)(()=>!!(v.label||D.label)),B=(0,a.computed)(()=>!!(v.iconLeft||D.prefix)),V=(0,a.computed)(()=>v.customize===s.VERTICAL&&!!D.prepend),H=(0,a.computed)(()=>v.customize===s.HORIZONTAL&&!!D.prepend),U=()=>!v.clearable||v.disabled||v.readonly?!1:q(),W=(0,a.computed)(()=>{if(!j.value)return-1}),G=(0,a.computed)(()=>!!(v.iconRight||D.action)),K=(0,a.computed)(()=>!!D.message||L.value||I.value),q=c({hasControlSlot:()=>!!D.control,hasValue:()=>v.hasValue,value:()=>x.value}),J=(0,a.computed)(()=>({"s-ui-input--disabled":v.disabled,"s-ui-input--readonly":v.readonly})),Y=(0,a.computed)(()=>[{"s-ui-input__field--bordered":v.bordered,"s-ui-input__field--borderless":!v.bordered,"s-ui-input__field--disabled":v.disabled,"s-ui-input__field--readonly":v.readonly,"s-ui-input__field--error":I.value,"s-ui-input__field--vertical":v.customize===s.VERTICAL,"s-ui-input__field--focused":j.value||v.focused}]),X=e=>{let t=k.value;t&&t.querySelector(`.s-ui-input__control, .s-ui-select__control, .s-ui-select__search-input, [tabindex]:not([tabindex="-1"])`)?.focus(e)},Z=e=>{if(D.control){X(e);return}A.value?.focus(e)},Q=()=>{if(D.control){let e=document.activeElement;e instanceof HTMLElement&&k.value?.contains(e)&&e.blur();return}A.value?.blur()},$=e=>{v.disabled||v.readonly||e.target instanceof HTMLElement&&(e.target.closest(`.s-ui-input__prepend, .s-ui-input__inline, .s-ui-input__clear, .s-ui-input__action`)||Z())},ee=()=>{x.value=``,C(`clear`),Z()};return(0,a.onMounted)(()=>{v.autofocus&&(0,a.nextTick)(()=>{Z()})}),y({blur:Q,focus:Z,fieldElementRef:k,inputElementRef:A}),(i,c)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,(0,a.mergeProps)({class:[`s-ui-input`,J.value]},(0,a.unref)(w)),[z.value?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(r.t),(0,a.mergeProps)({key:0},v.labelProps,{"html-for":R.value}),{default:(0,a.withCtx)(()=>[(0,a.renderSlot)(i.$slots,`label`,{},()=>[(0,a.createTextVNode)((0,a.toDisplayString)(v.label),1)])]),_:3},16,[`html-for`])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`div`,{ref_key:`fieldElementRef`,ref:k,class:(0,a.normalizeClass)([`s-ui-input__field`,[Y.value,{"s-ui-input__field--filled":(0,a.unref)(q)()}]]),inert:v.disabled?!0:void 0,"aria-disabled":v.disabled?!0:void 0,onClick:c[2]||=e=>$(e),onFocusout:c[3]||=(...e)=>(0,a.unref)(N)&&(0,a.unref)(N)(...e)},[V.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,u,[(0,a.renderSlot)(i.$slots,`prepend`,{disabled:v.disabled})])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`div`,d,[B.value?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,f,[(0,a.renderSlot)(i.$slots,`prefix`,{disabled:v.disabled},()=>[v.iconLeft?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(o.SIcon),{key:0,name:v.iconLeft,size:_},null,8,[`name`])):(0,a.createCommentVNode)(``,!0)])])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`div`,{class:(0,a.normalizeClass)([`s-ui-input__control-wrap`,{"s-ui-input__control-wrap--horizontal":v.customize===(0,a.unref)(s).HORIZONTAL}])},[(0,a.renderSlot)(i.$slots,`control`,{disabled:v.disabled},()=>[(0,a.withDirectives)((0,a.createElementVNode)(`input`,(0,a.mergeProps)({id:R.value,ref_key:`inputElementRef`,ref:A,"onUpdate:modelValue":c[0]||=e=>x.value=e,class:`s-ui-input__control s-ui-typography-body-14-regular`,type:v.type,name:v.name,placeholder:v.placeholder,disabled:v.disabled,readonly:v.readonly,autocomplete:v.autocomplete},(0,a.unref)(T),{onFocus:c[1]||=(...e)=>(0,a.unref)(M)&&(0,a.unref)(M)(...e)}),null,16,p),[[a.vModelDynamic,x.value]])]),H.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,m,[(0,a.renderSlot)(i.$slots,`prepend`,{disabled:v.disabled})])):(0,a.createCommentVNode)(``,!0)],2),U()?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,h,[(0,a.createVNode)((0,a.unref)(t.t),{appearance:(0,a.unref)(e.t).BARE,variant:(0,a.unref)(e.r).NEUTRAL,size:(0,a.unref)(e.n).SMALL,icon:`closeMini`,"aria-label":(0,a.unref)(S)(`input.clear`),tabindex:W.value,onClick:(0,a.withModifiers)(ee,[`stop`])},null,8,[`appearance`,`variant`,`size`,`aria-label`,`tabindex`])])):(0,a.createCommentVNode)(``,!0),G.value?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,g,[(0,a.renderSlot)(i.$slots,`action`,{disabled:v.disabled},()=>[v.iconRight?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(t.t),{key:0,appearance:(0,a.unref)(e.t).BARE,variant:(0,a.unref)(e.r).NEUTRAL,size:(0,a.unref)(e.n).SMALL,disabled:v.disabled,icon:v.iconRight,tabindex:-1},null,8,[`appearance`,`variant`,`size`,`disabled`,`icon`])):(0,a.createCommentVNode)(``,!0)])])):(0,a.createCommentVNode)(``,!0)])],42,l),K.value||v.reserveMessageSpace?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:1,class:(0,a.normalizeClass)([`s-ui-input__messages`,{"s-ui-input__messages--reserved":v.reserveMessageSpace}])},[(0,a.renderSlot)(i.$slots,`message`,{},()=>[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)((0,a.unref)(P),(e,t)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(n.t),{key:`help-${t}`,message:e},null,8,[`message`]))),128)),((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)((0,a.unref)(F),(e,t)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(n.t),{key:`error-${t}`,message:e,"data-qa":(0,a.unref)(E),"validation-status":(0,a.unref)(n.n).ERROR},null,8,[`message`,`data-qa`,`validation-status`]))),128))])],2)):(0,a.createCommentVNode)(``,!0)],16))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return v}});

package/dist/SListItem-C1IeCv8M.js

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

package/dist/SListItem-cWTuQQY-.cjs

@@ -1 +0,0 @@
-const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./SButton-9dLbCJvh.cjs"),n=require("./useSelectLink-DZIAhQ2J.cjs");let r=require("vue"),i=require("@shtabapp/ui-kit-primitives");var a=Symbol(`sListInjectionKey`),o=function(e){return e.NEUTRAL=`neutral`,e.MAIN=`main`,e.ERROR=`error`,e.BILLING=`billing`,e}({}),s=[`id`,`tabindex`,`aria-selected`,`aria-disabled`,`aria-readonly`,`aria-busy`,`aria-expanded`],c={key:0,class:`s-ui-list-item__level`},l={class:`s-ui-list-item__body`},u={key:0,class:`s-ui-list-item__icon-left`},d={class:`s-ui-list-item__text`},f={key:0,class:`s-ui-list-item__title s-ui-typography-label-14-medium`},p={key:1,class:`s-ui-list-item__subtitle s-ui-typography-body-12-regular`},m={key:1,class:`s-ui-list-item__title-action`},h={key:1,class:`s-ui-list-item__actions`},g={class:`s-ui-list-item__actions-reveal`},_={class:`s-ui-list-item__actions-inner`},v={key:0,class:`s-ui-list-item__trailing`},y={key:1,class:`s-ui-list-item__action-end`},b=16,x=`.s-ui-list-item__expand, .s-ui-list-item__title-action, .s-ui-list-item__actions`,S=(0,r.defineComponent)({__name:`SListItem`,props:{depth:{default:0},expandable:{type:Boolean,default:!1},expanded:{type:Boolean,default:!1},variant:{default:()=>o.NEUTRAL},tiny:{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:{},rowKey:{},revealRight:{type:Boolean},expandOnClick:{type:Boolean}},emits:[`click`,`toggleExpand`,`keydown`],setup(S,{expose:C,emit:w}){let T=w,E=(0,r.computed)(()=>({disabled:S.disabled,readonly:S.readonly})),D=(0,r.useSlots)(),O=(0,r.useTemplateRef)(`listItemElementRef`),k=(0,r.inject)(a,null),{t:A}=(0,i.useUiKitI18n)(),j=n.n({group:()=>k,value:()=>S.rowKey,el:()=>O.value,disabled:()=>S.disabled||S.loading,interactive:()=>!S.readonly&&!S.loading}),M=(0,r.computed)(()=>S.variant===o.BILLING&&!S.disabled),N=(0,r.computed)(()=>k&&S.rowKey?k.isExpanded(S.rowKey):S.expanded),P=(0,r.computed)(()=>N.value?A(`listItem.collapse`):A(`listItem.expand`)),F=(0,r.computed)(()=>j.isInGroup.value?j.isActive.value:S.selected),I=(0,r.computed)(()=>k&&S.rowKey?k.activeKey()===S.rowKey:S.active),L=(0,r.computed)(()=>S.revealRight?!0:k?k.revealRight():!1),R=(0,r.computed)(()=>S.expandOnClick?!0:k?k.expandOnClick():!1),z=(0,r.computed)(()=>{if(!(!k||!S.rowKey))return k.getItemOptionId(S.rowKey)}),B=(0,r.computed)(()=>{if(k?.usesActiveDescendantNavigation())return-1;if(!(S.disabled||S.readonly||S.loading))return j.tabIndex.value===void 0?0:j.tabIndex.value}),V=(0,r.computed)(()=>({"--s-ui-list-item-depth":String(S.depth)})),H=(0,r.computed)(()=>[`s-ui-list-item--variant-${S.variant}`,{"s-ui-list-item--tiny":S.tiny,"s-ui-list-item--selected":F.value,"s-ui-list-item--active":I.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":L.value}]),U=()=>{if(k&&S.rowKey){k.toggleExpanded(S.rowKey);return}T(`toggleExpand`)},W=()=>{S.disabled||S.readonly||S.loading||U()},G=e=>e.target instanceof Element&&!!e.target.closest(x),K=e=>{S.disabled||S.readonly||S.loading||G(e)||(S.expandable&&R.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))},q=e=>!S.expandable||k?.handlesTreeKeyboardNavigation()||e.key!==`ArrowLeft`&&e.key!==`ArrowRight`||e.key===`ArrowRight`===N.value?!1:(e.preventDefault(),U(),!0),J=e=>{S.disabled||S.readonly||S.loading||(!q(e)&&j.isInGroup.value&&j.handleKeydown(e),T(`keydown`,e))};return C({listItemElementRef:O}),(n,a)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{ref_key:`listItemElementRef`,ref:O,id:z.value,class:(0,r.normalizeClass)([`s-ui-list-item`,H.value]),style:(0,r.normalizeStyle)(V.value),tabindex:B.value,role:`option`,"aria-selected":F.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?N.value:void 0,onClick:K,onKeydown:J},[S.loading?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(i.SSkeleton),{key:0,type:(0,r.unref)(i.ESSkeletonType).S_LIST_ITEM},null,8,[`type`])):((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:1},[S.expandable||S.depth||(0,r.unref)(D).level?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,c,[(0,r.renderSlot)(n.$slots,`level`,{},()=>[S.expandable?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(t.t),{key:0,class:(0,r.normalizeClass)([`s-ui-list-item__expand`,{"s-ui-list-item__expand--expanded":N.value}]),appearance:(0,r.unref)(e.t).BARE,variant:(0,r.unref)(e.r).NEUTRAL,size:(0,r.unref)(e.n).SMALL,icon:`chevronMiniRight`,disabled:S.disabled||S.readonly,tabindex:-1,"aria-label":P.value,onClick:(0,r.withModifiers)(W,[`stop`])},null,8,[`class`,`appearance`,`variant`,`size`,`disabled`,`aria-label`])):(0,r.createCommentVNode)(``,!0)])])):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`div`,l,[S.iconLeft||(0,r.unref)(D)[`icon-left`]?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,u,[(0,r.renderSlot)(n.$slots,`icon-left`,{},()=>[S.iconLeft?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(i.SIcon),{key:0,name:S.iconLeft,size:b,billing:M.value},null,8,[`name`,`billing`])):(0,r.createCommentVNode)(``,!0)])])):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`div`,d,[S.title||(0,r.unref)(D).title?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,f,[(0,r.renderSlot)(n.$slots,`title`,{},()=>[(0,r.createTextVNode)((0,r.toDisplayString)(S.title),1)])])):(0,r.createCommentVNode)(``,!0),S.subtitle||(0,r.unref)(D).subtitle?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,p,[(0,r.renderSlot)(n.$slots,`subtitle`,{},()=>[(0,r.createTextVNode)((0,r.toDisplayString)(S.subtitle),1)])])):(0,r.createCommentVNode)(``,!0)]),(0,r.unref)(D)[`title-action`]?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,m,[(0,r.renderSlot)(n.$slots,`title-action`,(0,r.normalizeProps)((0,r.guardReactiveProps)(E.value)))])):(0,r.createCommentVNode)(``,!0)]),(0,r.unref)(D).trailing||(0,r.unref)(D).right||(0,r.unref)(D)[`action-end`]?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,h,[(0,r.createElementVNode)(`div`,g,[(0,r.createElementVNode)(`div`,_,[(0,r.unref)(D).trailing?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,v,[(0,r.renderSlot)(n.$slots,`trailing`,(0,r.normalizeProps)((0,r.guardReactiveProps)(E.value)))])):(0,r.createCommentVNode)(``,!0),(0,r.renderSlot)(n.$slots,`right`,(0,r.normalizeProps)((0,r.guardReactiveProps)(E.value))),(0,r.unref)(D)[`action-end`]?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,y,[(0,r.renderSlot)(n.$slots,`action-end`,(0,r.normalizeProps)((0,r.guardReactiveProps)(E.value)))])):(0,r.createCommentVNode)(``,!0)])])])):(0,r.createCommentVNode)(``,!0)],64))],46,s))}});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 S}});

package/dist/SPhotoEdit-CxYaBC3u.cjs

@@ -1 +0,0 @@
-const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./SButton-9dLbCJvh.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}});

package/dist/SSegmentControl-B9KkAQiG.js

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

package/dist/SSegmentControl-OXTka86u.cjs

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

package/dist/SSelect-CRlkCLik.cjs

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