@shtabapp/ui-kit 1.66.0 → 1.67.0

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+## [@shtabapp/ui-kit-v1.67.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.66.0...@shtabapp/ui-kit@1.67.0) (2026-09-01)
+
+### Features
+
+- **components:** sbutton fullWidth prop ([b9a4f95](https://gitlab.com/mstikharev/shtab-ui-kit/commit/b9a4f95e097fb8d55b3da81098e6cdfd26c1cb90))
+- **s-table:** строка 40px, вертикальный кебаб и точный якорь сжатой прокрутки ([32b8f01](https://gitlab.com/mstikharev/shtab-ui-kit/commit/32b8f01211b2beb1abb04ee99a06f1cecaafe1d2))
+
+### Bug Fixes
+
+- **components:** sdropdown fitViewport measures natural height with surface chrome ([e93a5f6](https://gitlab.com/mstikharev/shtab-ui-kit/commit/e93a5f68d3c707768c60d347fa607a1a0b8c6742))
+- **components:** sdropdown ignores subpixel overflow when panel touches boundary ([05b82ce](https://gitlab.com/mstikharev/shtab-ui-kit/commit/05b82ce467c46f84f640801592bb264f346ee904))
+- **components:** sdropdown rounds panel position to whole pixels to stop jitter ([d3c1729](https://gitlab.com/mstikharev/shtab-ui-kit/commit/d3c17291f71f5beaa234cbaa7cbeaf694b93a8b0))
+
 ## [@shtabapp/ui-kit-v1.66.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.65.0...@shtabapp/ui-kit@1.66.0) (2026-09-01)
 
 ### Features

package/dist/SButton-CLTNdnCK.cjs

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

package/dist/{SButton-DQTSlo61.js → SButton-LAOBxpd4.js}

@@ -85,6 +85,10 @@ var A = /* @__PURE__ */ function(e) {
 			type: Boolean,
 			default: !1
 		},
+		fullWidth: {
+			type: Boolean,
+			default: !1
+		},
 		loading: {
 			type: Boolean,
 			default: !1
@@ -134,6 +138,7 @@ var A = /* @__PURE__ */ function(e) {
 				"s-ui-button--disabled": F.value,
 				"s-ui-button--loading": e.loading,
 				"s-ui-button--icon-only": e.icon,
+				"s-ui-button--full-width": e.fullWidth,
 				"s-ui-button--active": q.value,
 				"s-ui-button--link": H.value.mode !== "none"
 			}

package/dist/{SChip-B6vcMlZD.cjs → SChip-Dcvk3JI8.cjs}

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

package/dist/{SChip-DBlJ-4jv.js → SChip-NDTK29yq.js}

@@ -1,4 +1,4 @@
-import { i as e, n as t, r as n, t as r } from "./SButton-DQTSlo61.js";
+import { i as e, n as t, r as n, t as r } from "./SButton-LAOBxpd4.js";
 import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, renderSlot as f, unref as p, useSlots as m, withModifiers as h } from "vue";
 import { useUiKitI18n as g } from "@shtabapp/ui-kit-primitives";
 //#region src/components/SChip/SChip.types.ts

package/dist/{SColorPicker-C_161aLA.js → SColorPicker-BmaA5Xnp.js}

@@ -1,11 +1,11 @@
 import { n as e } from "./contrastSurfaceTextColor-BDlLSSXC.js";
 import { n as t, o as n, r, t as i } from "./SColorPalette-OCu-tgZ3.js";
 import { a, n as o } from "./colorValue-CSh0chxp.js";
-import { i as s, n as c, r as l, t as u } from "./SButton-DQTSlo61.js";
-import { a as d } from "./useFloatingOverlay-B1BvRxLz.js";
-import { t as f } from "./SDropdown-CiXHI3g1.js";
+import { i as s, n as c, r as l, t as u } from "./SButton-LAOBxpd4.js";
+import { a as d } from "./useFloatingOverlay-b9_eDGNE.js";
+import { t as f } from "./SDropdown-xNcC6JDy.js";
 import { t as p } from "./SDropdownMenu-2koPU6IG.js";
-import { t as m } from "./SSelect-C3-8vi2u.js";
+import { t as m } from "./SSelect-DUtNtnqM.js";
 import { Fragment as h, computed as g, createBlock as _, createElementBlock as v, createElementVNode as y, createTextVNode as b, createVNode as x, defineComponent as S, mergeModels as C, mergeProps as w, nextTick as T, normalizeClass as E, normalizeStyle as D, onMounted as O, openBlock as k, ref as A, shallowRef as j, toDisplayString as M, toRef as N, unref as P, useModel as F, useTemplateRef as I, vModelText as L, watch as R, withCtx as z, withDirectives as B } from "vue";
 import { ESColorSwatchSize as V, SColorSwatch as ee, useUiKitI18n as H } from "@shtabapp/ui-kit-primitives";
 import { useEventListener as U } from "@vueuse/core";

package/dist/{SColorPicker-B_rbs-0d.cjs → SColorPicker-D7mTRL7K.cjs}

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

package/dist/{SDropdown-B1OGbIYg.cjs → SDropdown-BdgpPzfl.cjs}

@@ -1 +1 @@
-const e=require("./useFloatingOverlay-CtQBdvS9.cjs");let t=require("vue"),n=require("@shtabapp/ui-kit-primitives"),r=require("@vueuse/core");var i=768,a=e=>{let n=(0,t.ref)(e.value),r=(0,t.ref)(e.value);return(0,t.watch)(e,e=>{if(e){n.value=!0,r.value=!0;return}n.value=!1},{flush:`sync`}),{isPanelShown:n,isPanelActive:r,handlePanelAfterLeave:()=>{e.value||(r.value=!1)}}},o=(e,n)=>{let i=(0,r.useMediaQuery)((0,t.computed)(()=>`(max-width: ${((0,t.toValue)(n)||768)-.02}px)`));return(0,t.computed)(()=>(0,t.toValue)(e)&&i.value)},s=e=>{if(!e)return null;let t=e.getBoundingClientRect();if(t.width>0||t.height>0)return e;let n=e.firstElementChild;return n instanceof HTMLElement?n:e},c={OVERDRAG_LIMIT:50,CLOSE_DISTANCE_RATIO:.3,CLOSE_DISTANCE_LIMIT:140,CLOSE_VELOCITY:.5,SETTLE_TIMEOUT:400,INTERACTIVE_SELECTOR:`button, a[href], input, select, textarea, [role="button"], [contenteditable="true"]`},l=e=>{let n=(0,t.shallowRef)(0),i=(0,t.shallowRef)(!1),a=(0,t.shallowRef)(!1),o=null,s=0,l=0,u=0,d=0,f=0,p,m=(0,t.computed)(()=>i.value||a.value),h=()=>{clearTimeout(p),p=void 0,a.value=!1},g=()=>{a.value=!0,clearTimeout(p),p=setTimeout(h,c.SETTLE_TIMEOUT)},_=()=>{o=null,n.value=0,i.value=!1,h()},v=()=>(0,t.toValue)(e.popup)?.offsetHeight??0,y=()=>{let e=d-s;if(e<=0)return!1;let t=f-u;return(t>0?(d-l)/t:0)>=c.CLOSE_VELOCITY?!0:e>=Math.min(v()*c.CLOSE_DISTANCE_RATIO,c.CLOSE_DISTANCE_LIMIT)},b=e=>{o===null&&(e.pointerType===`mouse`&&e.button!==0||e.target instanceof Element&&e.target.closest(c.INTERACTIVE_SELECTOR)||(o=e.pointerId,s=e.clientY,d=e.clientY,l=e.clientY,f=e.timeStamp,u=e.timeStamp,h(),i.value=!0))},x=e=>{o===e.pointerId&&(l=d,u=f,d=e.clientY,f=e.timeStamp,n.value=Math.max(e.clientY-s,-c.OVERDRAG_LIMIT))},S=t=>{if(o===t.pointerId){if(o=null,i.value=!1,y()){a.value=!0,n.value=v()+c.OVERDRAG_LIMIT,e.onClose();return}if(n.value===0){h();return}g(),n.value=0}};return(0,r.useEventListener)(()=>(0,t.toValue)(e.handle),`pointerdown`,b),(0,r.useEventListener)(window,`pointermove`,x),(0,r.useEventListener)(window,`pointerup`,S),(0,r.useEventListener)(window,`pointercancel`,S),(0,r.useEventListener)(()=>(0,t.toValue)(e.popup),`transitionend`,e=>{e.propertyName!==`transform`||i.value||n.value!==0||h()}),(0,t.onScopeDispose)(()=>{clearTimeout(p)}),{isActive:m,popupStyles:(0,t.computed)(()=>{if(m.value)return{transform:`translate3d(0, ${n.value}px, 0)`,transition:a.value?`transform var(--s-ui-transition-duration-slow) var(--s-ui-transition-easing-standard)`:`none`}}),reset:_}},u=[`aria-label`],d={class:`s-ui-dropdown-sheet__side`},f={class:`s-ui-dropdown-sheet__title`},p={class:`s-ui-dropdown-sheet__side s-ui-dropdown-sheet__side--end`},m=[`id`],h=(0,t.defineComponent)({__name:`SDropdownSheet`,props:{open:{type:Boolean},title:{default:``},dismissOnOverlayClick:{type:Boolean,default:!0},dismissOnEscape:{type:Boolean,default:!0},contentId:{}},emits:[`close`],setup(e,{emit:i}){let a=i,{t:o}=(0,n.useUiKitI18n)(),s=(0,t.useTemplateRef)(`popupRef`),c=(0,t.useTemplateRef)(`headerRef`),h=()=>a(`close`),{isActive:g,popupStyles:_,reset:v}=l({handle:c,popup:s,onClose:h}),y=(0,r.useScrollLock)(()=>typeof document>`u`?null:document.body),b=()=>{e.dismissOnOverlayClick&&h()},x=e=>{g.value&&e.stopPropagation()},S=()=>v(),C=null,w=()=>{let e=document.activeElement;C=e instanceof HTMLElement?e:null},T=async()=>{await(0,t.nextTick)();let e=s.value;!e||e.contains(document.activeElement)||e.focus({preventScroll:!0})},E=()=>{let e=C,t=!!s.value?.contains(document.activeElement);C=null,!(!t||!e?.isConnected)&&e.focus({preventScroll:!0})};return(0,t.watch)(()=>e.open,e=>{if(y.value=e,e){w(),T();return}E()},{immediate:!0}),(0,r.useEventListener)(window,`keydown`,t=>{!e.open||!e.dismissOnEscape||t.key!==`Escape`||h()}),(0,t.onBeforeUnmount)(()=>{y.value=!1}),(n,r)=>((0,t.openBlock)(),(0,t.createBlock)(t.Transition,{name:`s-ui-dropdown-sheet`,onAfterLeave:S},{default:(0,t.withCtx)(()=>[e.open?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:`s-ui-dropdown-sheet`,onClick:b},[(0,t.createElementVNode)(`div`,{ref_key:`popupRef`,ref:s,class:`s-ui-dropdown-sheet__popup`,style:(0,t.normalizeStyle)((0,t.unref)(_)),role:`dialog`,"aria-modal":`true`,"aria-label":e.title||(0,t.unref)(o)(`dropdown.sheet`),tabindex:`-1`,onClickCapture:x,onClick:r[0]||=(0,t.withModifiers)(()=>{},[`stop`])},[(0,t.createElementVNode)(`header`,{ref_key:`headerRef`,ref:c,class:`s-ui-dropdown-sheet__header`},[r[1]||=(0,t.createElementVNode)(`span`,{class:`s-ui-dropdown-sheet__handle`,"aria-hidden":`true`},null,-1),(0,t.createElementVNode)(`div`,d,[(0,t.renderSlot)(n.$slots,`header-left`)]),(0,t.createElementVNode)(`div`,f,(0,t.toDisplayString)(e.title),1),(0,t.createElementVNode)(`div`,p,[(0,t.renderSlot)(n.$slots,`header-right`)])],512),(0,t.createElementVNode)(`div`,{id:e.contentId,class:`s-ui-dropdown-sheet__content`},[(0,t.renderSlot)(n.$slots,`default`)],8,m)],44,u)])):(0,t.createCommentVNode)(``,!0)]),_:3}))}}),g=[`id`],_=[`data-placement`],v={class:`s-ui-dropdown__content`},y=(0,t.defineComponent)({inheritAttrs:!1,__name:`SDropdown`,props:(0,t.mergeModels)({placement:{default:()=>e.a.BOTTOM_START},offset:{default:8},flip:{type:Boolean,default:!0},shift:{type:Boolean,default:!1},matchReferenceWidth:{type:Boolean,default:!1},fitViewport:{type:Boolean,default:!1},surfaceClass:{},teleportTo:{type:[String,Boolean],default:`body`},dismissOnClickOutside:{type:Boolean,default:!0},dismissOnEscape:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},reference:{default:null},contentId:{},viewportPadding:{default:8},boundary:{default:()=>e.i.CLIPPING_ANCESTORS},block:{type:Boolean,default:!1},arrow:{type:Boolean,default:!1},showOnHover:{type:Boolean,default:!1},hoverLeaveDelay:{default:100},sheet:{type:Boolean,default:!0},sheetBreakpoint:{default:()=>768},sheetTitle:{default:``}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:[`update:modelValue`],setup(n,{expose:i}){let c=(0,t.useModel)(n,`modelValue`),l=o(()=>n.sheet,()=>n.sheetBreakpoint),{isPanelShown:u,isPanelActive:d,handlePanelAfterLeave:f}=a(c),p=e=>{c.value=e},m=()=>p(!1),y=(0,t.useSlots)(),b=(0,t.useTemplateRef)(`triggerWrapperRef`),x=(0,t.useTemplateRef)(`panelRef`),S=(0,t.useId)(),C=(0,t.useId)(),w=(0,t.computed)(()=>n.contentId??S),T=(0,t.computed)(()=>y.trigger?s(b.value):n.reference),E=(0,t.computed)(()=>n.teleportTo!==!1),D=(0,t.computed)(()=>n.teleportTo===!1?`body`:n.teleportTo),O=e.a.BOTTOM_START,k=()=>{n.disabled||p(!0)},A=()=>{n.disabled||(c.value=!c.value)},j=(0,t.computed)(()=>({id:C,"aria-expanded":c.value,"aria-haspopup":`dialog`,"aria-controls":w.value})),{panelStyles:M,panelMaxHeight:N,resolvedPlacement:P,arrowStyles:F,isArrowOverflow:I,isPositionReady:L,updatePosition:R}=e.t({open:()=>d.value&&!l.value,onOpenChange:p,reference:()=>T.value,panel:()=>x.value,placement:()=>n.placement,offset:()=>n.offset,flip:()=>n.flip,shift:()=>n.shift,matchReferenceWidth:()=>n.matchReferenceWidth,fitViewport:()=>n.fitViewport,dismissOnClickOutside:()=>n.dismissOnClickOutside,dismissOnEscape:()=>n.dismissOnEscape,viewportPadding:()=>n.viewportPadding,arrow:()=>n.arrow,boundary:()=>n.boundary}),z=(0,t.computed)(()=>n.showOnHover&&!l.value),B=(0,t.computed)(()=>z.value?T.value:null),V=(0,t.computed)(()=>z.value?x.value:null),H=(0,r.useElementHover)(B,{delayLeave:n.hoverLeaveDelay}),U=(0,r.useElementHover)(V,{delayLeave:n.hoverLeaveDelay});(0,t.watch)([H,U,z,()=>n.disabled],()=>{if(z.value){if(n.disabled){p(!1);return}p(H.value||U.value)}});let W=(0,t.computed)(()=>!!N.value),G=(0,t.computed)(()=>{if(N.value)return{maxHeight:`${N.value}px`}});return(0,t.watch)(()=>n.disabled,e=>{e&&c.value&&(c.value=!1)}),i({updatePosition:R,show:k,close:m,toggle:A}),(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[(0,t.unref)(y).trigger?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,(0,t.mergeProps)({key:0,ref_key:`triggerWrapperRef`,ref:b,class:[`s-ui-dropdown`,{"s-ui-dropdown--block":n.block}]},e.$attrs),[(0,t.renderSlot)(e.$slots,`trigger`,{open:c.value,toggle:A,close:m,isSheet:(0,t.unref)(l),triggerProps:j.value})],16)):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:D.value,disabled:!E.value},[(0,t.unref)(l)?((0,t.openBlock)(),(0,t.createBlock)(h,{key:0,open:c.value,title:n.sheetTitle,"dismiss-on-overlay-click":n.dismissOnClickOutside,"dismiss-on-escape":n.dismissOnEscape,"content-id":w.value,onClose:m},{"header-left":(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`sheet-header-left`,{close:m})]),"header-right":(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`sheet-header-right`,{close:m})]),default:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`content`,{resolvedPlacement:(0,t.unref)(O),isSheet:!0,close:m})]),_:3},8,[`open`,`title`,`dismiss-on-overlay-click`,`dismiss-on-escape`,`content-id`])):((0,t.openBlock)(),(0,t.createBlock)(t.Transition,{key:1,name:`s-ui-dropdown`,onAfterLeave:(0,t.unref)(f)},{default:(0,t.withCtx)(()=>[(0,t.unref)(u)?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,id:w.value,ref_key:`panelRef`,ref:x,class:(0,t.normalizeClass)([`s-ui-dropdown__panel`,{"s-ui-dropdown__panel--match-reference-width":n.matchReferenceWidth,"s-ui-dropdown__panel--ready":(0,t.unref)(L)}]),style:(0,t.normalizeStyle)((0,t.unref)(M)),role:`dialog`},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`s-ui-dropdown__surface`,[n.surfaceClass,{"s-ui-dropdown__surface--fit-viewport":W.value,"s-ui-dropdown__surface--with-arrow":n.arrow}]]),style:(0,t.normalizeStyle)(G.value),"data-placement":(0,t.unref)(P)},[n.arrow?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)([`s-ui-dropdown__arrow`,{"s-ui-dropdown__arrow--overflow":(0,t.unref)(I)}]),style:(0,t.normalizeStyle)((0,t.unref)(F)),"aria-hidden":`true`},[...r[0]||=[(0,t.createElementVNode)(`span`,{class:`s-ui-dropdown__arrow-outer`},null,-1),(0,t.createElementVNode)(`span`,{class:`s-ui-dropdown__arrow-inner`},null,-1)]],6)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,v,[(0,t.renderSlot)(e.$slots,`content`,{resolvedPlacement:(0,t.unref)(P),isSheet:!1,close:m})])],14,_)],14,g)):(0,t.createCommentVNode)(``,!0)]),_:3},8,[`onAfterLeave`]))],8,[`to`,`disabled`]))],64))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return y}});
+const e=require("./useFloatingOverlay-Dp44TxvN.cjs");let t=require("vue"),n=require("@shtabapp/ui-kit-primitives"),r=require("@vueuse/core");var i=768,a=e=>{let n=(0,t.ref)(e.value),r=(0,t.ref)(e.value);return(0,t.watch)(e,e=>{if(e){n.value=!0,r.value=!0;return}n.value=!1},{flush:`sync`}),{isPanelShown:n,isPanelActive:r,handlePanelAfterLeave:()=>{e.value||(r.value=!1)}}},o=(e,n)=>{let i=(0,r.useMediaQuery)((0,t.computed)(()=>`(max-width: ${((0,t.toValue)(n)||768)-.02}px)`));return(0,t.computed)(()=>(0,t.toValue)(e)&&i.value)},s=e=>{if(!e)return null;let t=e.getBoundingClientRect();if(t.width>0||t.height>0)return e;let n=e.firstElementChild;return n instanceof HTMLElement?n:e},c={OVERDRAG_LIMIT:50,CLOSE_DISTANCE_RATIO:.3,CLOSE_DISTANCE_LIMIT:140,CLOSE_VELOCITY:.5,SETTLE_TIMEOUT:400,INTERACTIVE_SELECTOR:`button, a[href], input, select, textarea, [role="button"], [contenteditable="true"]`},l=e=>{let n=(0,t.shallowRef)(0),i=(0,t.shallowRef)(!1),a=(0,t.shallowRef)(!1),o=null,s=0,l=0,u=0,d=0,f=0,p,m=(0,t.computed)(()=>i.value||a.value),h=()=>{clearTimeout(p),p=void 0,a.value=!1},g=()=>{a.value=!0,clearTimeout(p),p=setTimeout(h,c.SETTLE_TIMEOUT)},_=()=>{o=null,n.value=0,i.value=!1,h()},v=()=>(0,t.toValue)(e.popup)?.offsetHeight??0,y=()=>{let e=d-s;if(e<=0)return!1;let t=f-u;return(t>0?(d-l)/t:0)>=c.CLOSE_VELOCITY?!0:e>=Math.min(v()*c.CLOSE_DISTANCE_RATIO,c.CLOSE_DISTANCE_LIMIT)},b=e=>{o===null&&(e.pointerType===`mouse`&&e.button!==0||e.target instanceof Element&&e.target.closest(c.INTERACTIVE_SELECTOR)||(o=e.pointerId,s=e.clientY,d=e.clientY,l=e.clientY,f=e.timeStamp,u=e.timeStamp,h(),i.value=!0))},x=e=>{o===e.pointerId&&(l=d,u=f,d=e.clientY,f=e.timeStamp,n.value=Math.max(e.clientY-s,-c.OVERDRAG_LIMIT))},S=t=>{if(o===t.pointerId){if(o=null,i.value=!1,y()){a.value=!0,n.value=v()+c.OVERDRAG_LIMIT,e.onClose();return}if(n.value===0){h();return}g(),n.value=0}};return(0,r.useEventListener)(()=>(0,t.toValue)(e.handle),`pointerdown`,b),(0,r.useEventListener)(window,`pointermove`,x),(0,r.useEventListener)(window,`pointerup`,S),(0,r.useEventListener)(window,`pointercancel`,S),(0,r.useEventListener)(()=>(0,t.toValue)(e.popup),`transitionend`,e=>{e.propertyName!==`transform`||i.value||n.value!==0||h()}),(0,t.onScopeDispose)(()=>{clearTimeout(p)}),{isActive:m,popupStyles:(0,t.computed)(()=>{if(m.value)return{transform:`translate3d(0, ${n.value}px, 0)`,transition:a.value?`transform var(--s-ui-transition-duration-slow) var(--s-ui-transition-easing-standard)`:`none`}}),reset:_}},u=[`aria-label`],d={class:`s-ui-dropdown-sheet__side`},f={class:`s-ui-dropdown-sheet__title`},p={class:`s-ui-dropdown-sheet__side s-ui-dropdown-sheet__side--end`},m=[`id`],h=(0,t.defineComponent)({__name:`SDropdownSheet`,props:{open:{type:Boolean},title:{default:``},dismissOnOverlayClick:{type:Boolean,default:!0},dismissOnEscape:{type:Boolean,default:!0},contentId:{}},emits:[`close`],setup(e,{emit:i}){let a=i,{t:o}=(0,n.useUiKitI18n)(),s=(0,t.useTemplateRef)(`popupRef`),c=(0,t.useTemplateRef)(`headerRef`),h=()=>a(`close`),{isActive:g,popupStyles:_,reset:v}=l({handle:c,popup:s,onClose:h}),y=(0,r.useScrollLock)(()=>typeof document>`u`?null:document.body),b=()=>{e.dismissOnOverlayClick&&h()},x=e=>{g.value&&e.stopPropagation()},S=()=>v(),C=null,w=()=>{let e=document.activeElement;C=e instanceof HTMLElement?e:null},T=async()=>{await(0,t.nextTick)();let e=s.value;!e||e.contains(document.activeElement)||e.focus({preventScroll:!0})},E=()=>{let e=C,t=!!s.value?.contains(document.activeElement);C=null,!(!t||!e?.isConnected)&&e.focus({preventScroll:!0})};return(0,t.watch)(()=>e.open,e=>{if(y.value=e,e){w(),T();return}E()},{immediate:!0}),(0,r.useEventListener)(window,`keydown`,t=>{!e.open||!e.dismissOnEscape||t.key!==`Escape`||h()}),(0,t.onBeforeUnmount)(()=>{y.value=!1}),(n,r)=>((0,t.openBlock)(),(0,t.createBlock)(t.Transition,{name:`s-ui-dropdown-sheet`,onAfterLeave:S},{default:(0,t.withCtx)(()=>[e.open?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:`s-ui-dropdown-sheet`,onClick:b},[(0,t.createElementVNode)(`div`,{ref_key:`popupRef`,ref:s,class:`s-ui-dropdown-sheet__popup`,style:(0,t.normalizeStyle)((0,t.unref)(_)),role:`dialog`,"aria-modal":`true`,"aria-label":e.title||(0,t.unref)(o)(`dropdown.sheet`),tabindex:`-1`,onClickCapture:x,onClick:r[0]||=(0,t.withModifiers)(()=>{},[`stop`])},[(0,t.createElementVNode)(`header`,{ref_key:`headerRef`,ref:c,class:`s-ui-dropdown-sheet__header`},[r[1]||=(0,t.createElementVNode)(`span`,{class:`s-ui-dropdown-sheet__handle`,"aria-hidden":`true`},null,-1),(0,t.createElementVNode)(`div`,d,[(0,t.renderSlot)(n.$slots,`header-left`)]),(0,t.createElementVNode)(`div`,f,(0,t.toDisplayString)(e.title),1),(0,t.createElementVNode)(`div`,p,[(0,t.renderSlot)(n.$slots,`header-right`)])],512),(0,t.createElementVNode)(`div`,{id:e.contentId,class:`s-ui-dropdown-sheet__content`},[(0,t.renderSlot)(n.$slots,`default`)],8,m)],44,u)])):(0,t.createCommentVNode)(``,!0)]),_:3}))}}),g=[`id`],_=[`data-placement`],v={class:`s-ui-dropdown__content`},y=(0,t.defineComponent)({inheritAttrs:!1,__name:`SDropdown`,props:(0,t.mergeModels)({placement:{default:()=>e.a.BOTTOM_START},offset:{default:8},flip:{type:Boolean,default:!0},shift:{type:Boolean,default:!1},matchReferenceWidth:{type:Boolean,default:!1},fitViewport:{type:Boolean,default:!1},surfaceClass:{},teleportTo:{type:[String,Boolean],default:`body`},dismissOnClickOutside:{type:Boolean,default:!0},dismissOnEscape:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},reference:{default:null},contentId:{},viewportPadding:{default:8},boundary:{default:()=>e.i.CLIPPING_ANCESTORS},block:{type:Boolean,default:!1},arrow:{type:Boolean,default:!1},showOnHover:{type:Boolean,default:!1},hoverLeaveDelay:{default:100},sheet:{type:Boolean,default:!0},sheetBreakpoint:{default:()=>768},sheetTitle:{default:``}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:[`update:modelValue`],setup(n,{expose:i}){let c=(0,t.useModel)(n,`modelValue`),l=o(()=>n.sheet,()=>n.sheetBreakpoint),{isPanelShown:u,isPanelActive:d,handlePanelAfterLeave:f}=a(c),p=e=>{c.value=e},m=()=>p(!1),y=(0,t.useSlots)(),b=(0,t.useTemplateRef)(`triggerWrapperRef`),x=(0,t.useTemplateRef)(`panelRef`),S=(0,t.useId)(),C=(0,t.useId)(),w=(0,t.computed)(()=>n.contentId??S),T=(0,t.computed)(()=>y.trigger?s(b.value):n.reference),E=(0,t.computed)(()=>n.teleportTo!==!1),D=(0,t.computed)(()=>n.teleportTo===!1?`body`:n.teleportTo),O=e.a.BOTTOM_START,k=()=>{n.disabled||p(!0)},A=()=>{n.disabled||(c.value=!c.value)},j=(0,t.computed)(()=>({id:C,"aria-expanded":c.value,"aria-haspopup":`dialog`,"aria-controls":w.value})),{panelStyles:M,panelMaxHeight:N,resolvedPlacement:P,arrowStyles:F,isArrowOverflow:I,isPositionReady:L,updatePosition:R}=e.t({open:()=>d.value&&!l.value,onOpenChange:p,reference:()=>T.value,panel:()=>x.value,placement:()=>n.placement,offset:()=>n.offset,flip:()=>n.flip,shift:()=>n.shift,matchReferenceWidth:()=>n.matchReferenceWidth,fitViewport:()=>n.fitViewport,dismissOnClickOutside:()=>n.dismissOnClickOutside,dismissOnEscape:()=>n.dismissOnEscape,viewportPadding:()=>n.viewportPadding,arrow:()=>n.arrow,boundary:()=>n.boundary}),z=(0,t.computed)(()=>n.showOnHover&&!l.value),B=(0,t.computed)(()=>z.value?T.value:null),V=(0,t.computed)(()=>z.value?x.value:null),H=(0,r.useElementHover)(B,{delayLeave:n.hoverLeaveDelay}),U=(0,r.useElementHover)(V,{delayLeave:n.hoverLeaveDelay});(0,t.watch)([H,U,z,()=>n.disabled],()=>{if(z.value){if(n.disabled){p(!1);return}p(H.value||U.value)}});let W=(0,t.computed)(()=>!!N.value),G=(0,t.computed)(()=>{if(N.value)return{maxHeight:`${N.value}px`}});return(0,t.watch)(()=>n.disabled,e=>{e&&c.value&&(c.value=!1)}),i({updatePosition:R,show:k,close:m,toggle:A}),(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[(0,t.unref)(y).trigger?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,(0,t.mergeProps)({key:0,ref_key:`triggerWrapperRef`,ref:b,class:[`s-ui-dropdown`,{"s-ui-dropdown--block":n.block}]},e.$attrs),[(0,t.renderSlot)(e.$slots,`trigger`,{open:c.value,toggle:A,close:m,isSheet:(0,t.unref)(l),triggerProps:j.value})],16)):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:D.value,disabled:!E.value},[(0,t.unref)(l)?((0,t.openBlock)(),(0,t.createBlock)(h,{key:0,open:c.value,title:n.sheetTitle,"dismiss-on-overlay-click":n.dismissOnClickOutside,"dismiss-on-escape":n.dismissOnEscape,"content-id":w.value,onClose:m},{"header-left":(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`sheet-header-left`,{close:m})]),"header-right":(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`sheet-header-right`,{close:m})]),default:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`content`,{resolvedPlacement:(0,t.unref)(O),isSheet:!0,close:m})]),_:3},8,[`open`,`title`,`dismiss-on-overlay-click`,`dismiss-on-escape`,`content-id`])):((0,t.openBlock)(),(0,t.createBlock)(t.Transition,{key:1,name:`s-ui-dropdown`,onAfterLeave:(0,t.unref)(f)},{default:(0,t.withCtx)(()=>[(0,t.unref)(u)?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,id:w.value,ref_key:`panelRef`,ref:x,class:(0,t.normalizeClass)([`s-ui-dropdown__panel`,{"s-ui-dropdown__panel--match-reference-width":n.matchReferenceWidth,"s-ui-dropdown__panel--ready":(0,t.unref)(L)}]),style:(0,t.normalizeStyle)((0,t.unref)(M)),role:`dialog`},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`s-ui-dropdown__surface`,[n.surfaceClass,{"s-ui-dropdown__surface--fit-viewport":W.value,"s-ui-dropdown__surface--with-arrow":n.arrow}]]),style:(0,t.normalizeStyle)(G.value),"data-placement":(0,t.unref)(P)},[n.arrow?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)([`s-ui-dropdown__arrow`,{"s-ui-dropdown__arrow--overflow":(0,t.unref)(I)}]),style:(0,t.normalizeStyle)((0,t.unref)(F)),"aria-hidden":`true`},[...r[0]||=[(0,t.createElementVNode)(`span`,{class:`s-ui-dropdown__arrow-outer`},null,-1),(0,t.createElementVNode)(`span`,{class:`s-ui-dropdown__arrow-inner`},null,-1)]],6)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,v,[(0,t.renderSlot)(e.$slots,`content`,{resolvedPlacement:(0,t.unref)(P),isSheet:!1,close:m})])],14,_)],14,g)):(0,t.createCommentVNode)(``,!0)]),_:3},8,[`onAfterLeave`]))],8,[`to`,`disabled`]))],64))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return y}});

package/dist/{SDropdown-CiXHI3g1.js → SDropdown-xNcC6JDy.js}

@@ -1,4 +1,4 @@
-import { a as e, i as t, t as n } from "./useFloatingOverlay-B1BvRxLz.js";
+import { a as e, i as t, t as n } from "./useFloatingOverlay-b9_eDGNE.js";
 import { Fragment as r, Teleport as i, Transition as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, defineComponent as d, mergeModels as f, mergeProps as p, nextTick as m, normalizeClass as h, normalizeStyle as g, onBeforeUnmount as _, onScopeDispose as v, openBlock as y, ref as b, renderSlot as x, shallowRef as S, toDisplayString as C, toValue as w, unref as T, useId as E, useModel as D, useSlots as O, useTemplateRef as k, watch as A, withCtx as j, withModifiers as M } from "vue";
 import { useUiKitI18n as N } from "@shtabapp/ui-kit-primitives";
 import { useElementHover as P, useEventListener as F, useMediaQuery as I, useScrollLock as L } from "@vueuse/core";

package/dist/{SInput-Be10IJ_E.cjs → SInput-B4So5LGW.cjs}

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

package/dist/{SInput-CqC-jrCC.js → SInput-D8NftspL.js}

@@ -1,4 +1,4 @@
-import { i as e, n as t, r as n, t as r } from "./SButton-DQTSlo61.js";
+import { i as e, n as t, r as n, t as r } from "./SButton-LAOBxpd4.js";
 import { n as i, t as a } from "./SInlineMessage-Dirk5RwO.js";
 import { t as ee } from "./SLabel-FHHPlcKq.js";
 import { n as o, r as s, t as te } from "./useFieldMessages-C-GXaf_q.js";

package/dist/{SList-Bxet9twB.js → SList-BuXrkB03.js}

@@ -1,6 +1,6 @@
 import { n as e, o as t, r as n, t as r } from "./useSelectionGroup-BCAmPf3R.js";
 import { a as ee, i as te, n as i, r as ne, s as re, t as ie } from "./treeKeyboardNavigation-SmxTdnDz.js";
-import { r as ae, t as a } from "./SListItem-Chd81xY0.js";
+import { r as ae, t as a } from "./SListItem-BOSQGRWA.js";
 import { Fragment as o, computed as s, createBlock as c, createElementBlock as l, createElementVNode as oe, createSlots as u, createVNode as se, defineComponent as d, mergeModels as f, mergeProps as p, nextTick as ce, normalizeClass as m, normalizeStyle as h, openBlock as g, provide as le, renderList as _, renderSlot as v, unref as y, useId as ue, useModel as b, useSlots as de, useTemplateRef as fe, withCtx as x } from "vue";
 import { ESIconName as S, SSpinner as C, useUiKitI18n as pe } from "@shtabapp/ui-kit-primitives";
 import { useVirtualizer as me } from "@tanstack/vue-virtual";

package/dist/{SList-3YwWEhUU.cjs → SList-CvP0U6U1.cjs}

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

package/dist/{SListItem-Chd81xY0.js → SListItem-BOSQGRWA.js}

@@ -1,4 +1,4 @@
-import { i as e, n as t, r as ee, t as te } from "./SButton-DQTSlo61.js";
+import { i as e, n as t, r as ee, t as te } from "./SButton-LAOBxpd4.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";

package/dist/{SListItem-Rb59ZhEw.cjs → SListItem-BeaflFVf.cjs}

@@ -1 +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}});
+const e=require("./SButton-CLTNdnCK.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 → SPhotoEdit-CShhPLJt.cjs}

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

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

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

package/dist/{SSelect-EhvfGB4d.cjs → SSelect-Coyrc99Y.cjs}

@@ -1 +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}});
+const e=require("./SButton-CLTNdnCK.cjs"),t=require("./useSelectionGroup-NJvi3hNo.cjs"),n=require("./SDropdown-BdgpPzfl.cjs"),r=require("./SDropdownMenu-k9SxaFVH.cjs"),i=require("./SInput-B4So5LGW.cjs"),a=require("./SListItem-BeaflFVf.cjs"),o=require("./SList-CvP0U6U1.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}});

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

@@ -1,10 +1,10 @@
-import { i as e, n as t, r as n, t as r } from "./SButton-DQTSlo61.js";
+import { i as e, n as t, r as n, t as r } from "./SButton-LAOBxpd4.js";
 import { n as i } from "./useSelectionGroup-BCAmPf3R.js";
-import { t as a } from "./SDropdown-CiXHI3g1.js";
+import { t as a } from "./SDropdown-xNcC6JDy.js";
 import { t as o } from "./SDropdownMenu-2koPU6IG.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 { n as s, t as c } from "./SInput-D8NftspL.js";
+import { t as l } from "./SListItem-BOSQGRWA.js";
+import { i as u, n as d, r as f, t as ee } from "./SList-BuXrkB03.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