@shtabapp/ui-kit 1.33.0 → 1.35.0

package/dist/useFloatingOverlay-B1UCUYQQ.cjs

@@ -0,0 +1 @@
+let e=require("vue"),t=require("@vueuse/core");var n=function(e){return e.TOP=`top`,e.BOTTOM=`bottom`,e.LEFT=`left`,e.RIGHT=`right`,e}({}),r=function(e){return e.START=`start`,e.END=`end`,e.CENTER=`center`,e}({}),i=function(e){return e.TOP=`top`,e.TOP_START=`top-start`,e.TOP_END=`top-end`,e.BOTTOM=`bottom`,e.BOTTOM_START=`bottom-start`,e.BOTTOM_END=`bottom-end`,e.LEFT=`left`,e.LEFT_START=`left-start`,e.LEFT_END=`left-end`,e.RIGHT=`right`,e.RIGHT_START=`right-start`,e.RIGHT_END=`right-end`,e}({}),a=function(e){return e.PREFERRED=`preferred`,e.FLIP=`flip`,e.SHIFT=`shift`,e.SIZE=`size`,e}({}),o=e=>{switch(e){case i.TOP:return{side:n.TOP,align:r.CENTER};case i.TOP_START:return{side:n.TOP,align:r.START};case i.TOP_END:return{side:n.TOP,align:r.END};case i.BOTTOM:return{side:n.BOTTOM,align:r.CENTER};case i.BOTTOM_START:return{side:n.BOTTOM,align:r.START};case i.BOTTOM_END:return{side:n.BOTTOM,align:r.END};case i.LEFT:return{side:n.LEFT,align:r.CENTER};case i.LEFT_START:return{side:n.LEFT,align:r.START};case i.LEFT_END:return{side:n.LEFT,align:r.END};case i.RIGHT:return{side:n.RIGHT,align:r.CENTER};case i.RIGHT_START:return{side:n.RIGHT,align:r.START};case i.RIGHT_END:return{side:n.RIGHT,align:r.END};default:return e}},s=e=>e.side===n.TOP?e.align===r.START?i.TOP_START:e.align===r.END?i.TOP_END:i.TOP:e.side===n.BOTTOM?e.align===r.START?i.BOTTOM_START:e.align===r.END?i.BOTTOM_END:i.BOTTOM:e.side===n.LEFT?e.align===r.START?i.LEFT_START:e.align===r.END?i.LEFT_END:i.LEFT:e.align===r.START?i.RIGHT_START:e.align===r.END?i.RIGHT_END:i.RIGHT,c=(e,t,n)=>Math.min(Math.max(t,e),n),l=e=>e===n.TOP?`bottom`:e===n.BOTTOM?`top`:e===n.LEFT?`right`:`left`,u=({referenceCenter:e,floatingStart:t,floatingLength:n,crossAxisProperty:r,staticSide:i,staticOffset:a,arrowSize:o,arrowPadding:s})=>{let l=e-t-o/2,u=c(s,l,n-o-s),d=l-u;return{crossAxisPosition:u,crossAxisProperty:r,staticSide:i,staticOffset:a,centerOffset:d,isOverflow:Math.abs(d)>o/2}},d=e=>{let{referenceRect:t,floatingCoordinates:r,floatingSize:i,arrowSize:a,arrowPadding:s}=e,c=o(e.resolvedPlacement),d=l(c.side),f=-(a/2);return c.side===n.TOP||c.side===n.BOTTOM?u({referenceCenter:t.left+t.width/2,floatingStart:r.x,floatingLength:i.width,crossAxisProperty:`left`,staticSide:d,staticOffset:f,arrowSize:a,arrowPadding:s}):u({referenceCenter:t.top+t.height/2,floatingStart:r.y,floatingLength:i.height,crossAxisProperty:`top`,staticSide:d,staticOffset:f,arrowSize:a,arrowPadding:s})},f=(e,t,n)=>{let r=t.top+n,i=t.left+n,a=t.right-n,o=t.bottom-n;return{top:r-e.top,bottom:e.bottom-o,left:i-e.left,right:e.right-a}},p=(e,t)=>t===`top`?e.top>0:t===`bottom`?e.bottom>0:t===`left`?e.left>0:e.right>0,m=e=>e.top>0||e.bottom>0||e.left>0||e.right>0,h=(e,t)=>t===n.TOP||t===n.BOTTOM?e.left>0||e.right>0:e.top>0||e.bottom>0,g=(e,t)=>e.bottom>t.top&&e.top<t.bottom&&e.right>t.left&&e.left<t.right,_=(e,t)=>{let n=e.top+t,r=e.left+t,i=e.right-t,a=e.bottom-t;return{top:n,left:r,right:i,bottom:a,width:Math.max(0,i-r),height:Math.max(0,a-n)}},v=e=>e.side===n.TOP?{...e,side:n.BOTTOM}:e.side===n.BOTTOM?{...e,side:n.TOP}:e.side===n.LEFT?{...e,side:n.RIGHT}:{...e,side:n.LEFT},y=(e,t,n)=>Math.min(Math.max(t,e),n),b=(e,t,n)=>e===`y`?{x:t.x,y:y(t.y+n.top,t.y,t.y-n.bottom)}:{x:y(t.x+n.left,t.x,t.x-n.right),y:t.y},x=e=>e===n.TOP||e===n.BOTTOM?{mainAxis:`x`,crossAxis:`y`}:{mainAxis:`y`,crossAxis:`x`},S=(e,t,n,i)=>i===r.START?e:i===r.END?e+t-n:e+(t-n)/2,C=(e,t,r,i)=>r.side===n.BOTTOM?{x:S(e.left,e.width,t.width,r.align),y:e.bottom+i}:r.side===n.TOP?{x:S(e.left,e.width,t.width,r.align),y:e.top-i-t.height}:r.side===n.LEFT?{x:e.left-i-t.width,y:S(e.top,e.height,t.height,r.align)}:{x:e.right+i,y:S(e.top,e.height,t.height,r.align)},w=(e,t)=>({top:e.y,left:e.x,right:e.x+t.width,bottom:e.y+t.height,width:t.width,height:t.height}),T=(e,t,n,r)=>e===`x`?{min:t.left+n,max:t.right-n-r.width}:{min:t.top+n,max:t.bottom-n-r.height},E=(e,t,n,r,i)=>t<=n?y(t,e,n):y(r,e,i),D=(e,t,n,r,i,a)=>{let{mainAxis:o}=x(t),{x:s,y:c}=e,l=T(o,i,a,r);if(o===`y`){let e=n.top-r.height,t=n.bottom,i=Math.max(l.min,e),a=Math.min(l.max,t);c=E(c,i,a,l.min,l.max)}else{let e=n.left-r.width,t=n.right,i=Math.max(l.min,e),a=Math.min(l.max,t);s=E(s,i,a,l.min,l.max)}return{x:s,y:c}},O=(e,t,n)=>{let{anchorSide:r,referenceRect:i,viewportRect:a,viewportPadding:o,mainAxis:s=!0,crossAxis:c=!1}=n,l=f(w(e,t),a,o),{mainAxis:u,crossAxis:d}=x(r),p={x:e.x,y:e.y};return s&&(p=b(u,p,l)),c&&(p=b(d,p,l)),D(p,r,i,t,a,o)},k=e=>e===n.TOP?`top`:e===n.BOTTOM?`bottom`:e===n.LEFT?`left`:`right`,A=(e,t,n)=>{let r=t.bottom-n;return Math.max(0,Math.floor(r-e.y))},j=e=>{let t=o(e.placement),n=e.flip?[t,v(t)]:[t],r={anchor:t,coordinates:C(e.referenceRect,e.floatingSize,t,e.offset),strategy:a.PREFERRED};for(let i of n){let n=C(e.referenceRect,e.floatingSize,i,e.offset);if(!p(f(w(n,e.floatingSize),e.viewportRect,e.viewportPadding),k(i.side)))return{anchor:i,coordinates:n,strategy:i===t?a.PREFERRED:a.FLIP};r={anchor:i,coordinates:n,strategy:a.FLIP}}return r},M=(e,t)=>!e.shift||!m(f(w(t.coordinates,e.floatingSize),e.viewportRect,e.viewportPadding))?t:{...t,coordinates:O(t.coordinates,e.floatingSize,{anchorSide:t.anchor.side,referenceRect:e.referenceRect,viewportRect:e.viewportRect,viewportPadding:e.viewportPadding}),strategy:a.SHIFT},N=(e,t)=>{if(!e.fitViewport)return{coordinates:t.coordinates,strategy:t.strategy,maxHeight:void 0};let r=A(t.coordinates,e.viewportRect,e.viewportPadding),i=e.referenceRect.top-e.offset;if(t.anchor.side===n.TOP){let t=e.viewportRect.top+e.viewportPadding,n=Math.max(0,Math.floor(i-t));r=Math.min(r,n)}return r>=e.floatingSize.height?{coordinates:t.coordinates,strategy:t.strategy,maxHeight:void 0}:{coordinates:t.anchor.side===n.TOP?{...t.coordinates,y:i-r}:t.coordinates,strategy:a.SIZE,maxHeight:r}},P=e=>{let t=M(e,j(e)),n=N(e,t);return{x:n.coordinates.x,y:n.coordinates.y,resolvedPlacement:s(t.anchor),strategy:n.strategy,maxHeight:n.maxHeight}},F=()=>{let e=window.visualViewport;return e?{top:e.offsetTop,left:e.offsetLeft,right:e.offsetLeft+e.width,bottom:e.offsetTop+e.height,width:e.width,height:e.height}:{top:0,left:0,right:window.innerWidth,bottom:window.innerHeight,width:window.innerWidth,height:window.innerHeight}},I=e=>({top:e.top,left:e.left,right:e.right,bottom:e.bottom,width:e.width,height:e.height}),L=/auto|scroll|overlay|hidden|clip/,R=e=>{let t=window.getComputedStyle(e);return[t.overflow,t.overflowX,t.overflowY].some(e=>L.test(e))},z=(e,t)=>{let n=Math.max(e.top,t.top),r=Math.max(e.left,t.left),i=Math.min(e.right,t.right),a=Math.min(e.bottom,t.bottom);return{top:n,left:r,right:i,bottom:a,width:Math.max(0,i-r),height:Math.max(0,a-n)}},B=e=>{let t=F();if(!e)return t;let n=e.parentElement;for(;n;)R(n)&&(t=z(t,n.getBoundingClientRect())),n=n.parentElement;return t},V=/auto|scroll|overlay/,H=e=>{let t=window.getComputedStyle(e);return[t.overflow,t.overflowX,t.overflowY].some(e=>V.test(e))},U=e=>{let t=[],n=e?.parentElement??null;for(;n;)H(n)&&t.push(n),n=n.parentElement;return t},W=e=>e?e instanceof HTMLElement?e:e.$el instanceof HTMLElement?e.$el:null:null,G=e=>{let t=e.trim();if(!t)return;let n=parseFloat(t);if(!Number.isNaN(n))return n},K=e=>{let t=getComputedStyle(e);return{arrowSize:G(t.getPropertyValue(`--s-ui-dropdown-arrow-size`))??12,arrowPadding:G(t.getPropertyValue(`--s-ui-dropdown-arrow-padding`))??8}},q=(e,t,n)=>{if(!n)return t;let r=e.firstElementChild;return r instanceof HTMLElement?Math.max(r.scrollHeight,t):Math.max(e.scrollHeight,t)},J=(t,n)=>(0,e.toValue)(t??n),Y=(e,t)=>e&&t instanceof HTMLElement?K(t):{arrowSize:12,arrowPadding:8},X=(e,t,n,r,i,a)=>{let s=_(r,i),c=f(w({x:e.x,y:e.y},n),r,i),l=g(t,s),u=o(e.resolvedPlacement).side,d=a?!h(c,u):!m(c);return l&&d},Z=n=>{let r=(0,e.shallowRef)(null),a=(0,e.shallowRef)(void 0),o=(0,e.shallowRef)(i.BOTTOM_START),s=(0,e.shallowRef)(!1),c=(0,e.shallowRef)(0),l=(0,e.shallowRef)(null),u=(0,e.shallowRef)(!1),f=[],p=()=>{(0,e.toValue)(n.open)&&y()},m=()=>{for(let e of f)e();f=[]},h=()=>{m();let t=W((0,e.toValue)(n.reference));for(let e of U(t))e.addEventListener(`scroll`,p,{capture:!0,passive:!0}),f.push(()=>{e.removeEventListener(`scroll`,p,{capture:!0})})};(0,t.useEventListener)(window,`scroll`,p,{capture:!0}),(0,t.useEventListener)(document,`scroll`,p,{capture:!0}),(0,t.useEventListener)(()=>document.documentElement,`scroll`,p,{capture:!0}),(0,t.useEventListener)(()=>window.visualViewport??null,`scroll`,p,{passive:!0});let g=()=>({matchReferenceWidth:J(n.matchReferenceWidth,!1),fitViewport:J(n.fitViewport,!1),shift:J(n.shift,!1),baseOffset:J(n.offset,8),viewportPadding:J(n.viewportPadding,8),hasArrow:J(n.arrow,!1),placement:J(n.placement,i.BOTTOM_START),flip:J(n.flip,!0)}),_=(e,t)=>{if(!e){l.value=null,u.value=!1;return}let n=d({referenceRect:t.referenceRect,floatingCoordinates:{x:t.result.x,y:t.result.y},floatingSize:t.renderedFloatingSize,resolvedPlacement:t.result.resolvedPlacement,arrowSize:t.arrowSize,arrowPadding:t.arrowPadding});l.value=n,u.value=n.isOverflow},v=()=>{if(!(0,e.toValue)(n.open))return;let t=W((0,e.toValue)(n.reference)),i=(0,e.toValue)(n.panel);if(!t||!i)return;let l=g(),u=I(t.getBoundingClientRect()),d=I(i.getBoundingClientRect());c.value=Math.round(u.width);let f=i.firstElementChild,{arrowSize:p,arrowPadding:m}=Y(l.hasArrow,f),h=l.hasArrow?l.baseOffset+p/2:l.baseOffset,v={width:l.matchReferenceWidth&&u.width>0?u.width:d.width,height:q(i,d.height,l.fitViewport)},y=B(t),b=P({referenceRect:u,floatingSize:v,placement:l.placement,offset:h,flip:l.flip,shift:l.shift,fitViewport:l.fitViewport,viewportRect:y,viewportPadding:l.viewportPadding});r.value={x:b.x,y:b.y},a.value=b.maxHeight,o.value=b.resolvedPlacement;let x={width:v.width,height:b.maxHeight??v.height};s.value=X(b,u,x,y,l.viewportPadding,l.shift),_(l.hasArrow,{referenceRect:u,result:b,renderedFloatingSize:x,arrowSize:p,arrowPadding:m})},y=()=>{v()},b=(0,e.computed)(()=>{let t=(0,e.toValue)(n.matchReferenceWidth??!1);if(!(0,e.toValue)(n.open)||!r.value)return{position:`fixed`,top:`0`,left:`0`,visibility:`hidden`,pointerEvents:`none`};let i={position:`fixed`,top:`0`,left:`0`,transform:`translate(${r.value.x}px, ${r.value.y}px)`,visibility:s.value?`visible`:`hidden`,pointerEvents:s.value?`auto`:`none`};if(t&&c.value>0){let e=`${Math.round(c.value)}px`;i.width=e,i.minWidth=e,i.maxWidth=e}return i}),x=(0,e.computed)(()=>{if(!(0,e.toValue)(n.open)||!(0,e.toValue)(n.arrow??!1)||!l.value)return;let t=l.value;return{[t.crossAxisProperty]:`${t.crossAxisPosition}px`}}),S=()=>{n.onOpenChange?.(!1)};return(0,e.watch)(()=>(0,e.toValue)(n.open),async t=>{if(t){s.value=!1,await(0,e.nextTick)(),h(),y();return}s.value=!1,r.value=null,a.value=void 0,l.value=null,u.value=!1,m()}),(0,e.watch)([()=>(0,e.toValue)(n.placement??i.BOTTOM_START),()=>(0,e.toValue)(n.offset??8),()=>(0,e.toValue)(n.flip??!0),()=>(0,e.toValue)(n.shift??!1),()=>(0,e.toValue)(n.matchReferenceWidth??!1),()=>(0,e.toValue)(n.fitViewport??!1),()=>(0,e.toValue)(n.viewportPadding??8),()=>(0,e.toValue)(n.arrow??!1)],async()=>{(0,e.toValue)(n.open)&&(s.value=!1,await(0,e.nextTick)(),y())}),(0,t.useResizeObserver)(()=>W((0,e.toValue)(n.reference)),()=>{(0,e.toValue)(n.open)&&y()}),(0,t.useResizeObserver)(()=>(0,e.toValue)(n.panel),()=>{(0,e.toValue)(n.open)&&y()}),(0,t.useEventListener)(window,`resize`,()=>{(0,e.toValue)(n.open)&&y()}),(0,t.useEventListener)(()=>window.visualViewport??null,`resize`,()=>{(0,e.toValue)(n.open)&&y()}),(0,t.onClickOutside)(()=>(0,e.toValue)(n.panel),()=>{!(0,e.toValue)(n.open)||!(0,e.toValue)(n.dismissOnClickOutside??!0)||S()},{ignore:[(0,e.computed)(()=>W((0,e.toValue)(n.reference))),`.s-ui-dropdown`,`.s-ui-dropdown__panel`]}),(0,t.useEventListener)(window,`keydown`,t=>{!(0,e.toValue)(n.open)||!(0,e.toValue)(n.dismissOnEscape??!0)||t.key===`Escape`&&S()}),(0,e.onScopeDispose)(()=>{m()}),{panelStyles:b,panelMaxHeight:a,resolvedPlacement:o,isPositionReady:s,referenceWidth:c,arrowStyles:x,isArrowOverflow:u,updatePosition:y}};Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return P}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return Z}});

package/dist/{useFloatingOverlay-D-GlpoPP.js → useFloatingOverlay-QcumEYEq.js}

@@ -6,7 +6,7 @@ var l = /* @__PURE__ */ function(e) {
 }({}), u = /* @__PURE__ */ function(e) {
 	return e.START = "start", e.END = "end", e.CENTER = "center", e;
 }({}), d = /* @__PURE__ */ function(e) {
-	return e.TOP = "top", e.TOP_START = "top-start", e.TOP_END = "top-end", e.BOTTOM = "bottom", e.BOTTOM_START = "bottom-start", e.BOTTOM_END = "bottom-end", e.LEFT = "left", e.RIGHT = "right", e;
+	return e.TOP = "top", e.TOP_START = "top-start", e.TOP_END = "top-end", e.BOTTOM = "bottom", e.BOTTOM_START = "bottom-start", e.BOTTOM_END = "bottom-end", e.LEFT = "left", e.LEFT_START = "left-start", e.LEFT_END = "left-end", e.RIGHT = "right", e.RIGHT_START = "right-start", e.RIGHT_END = "right-end", e;
 }({}), f = /* @__PURE__ */ function(e) {
 	return e.PREFERRED = "preferred", e.FLIP = "flip", e.SHIFT = "shift", e.SIZE = "size", e;
 }({}), p = (e) => {
@@ -39,13 +39,29 @@ var l = /* @__PURE__ */ function(e) {
 			side: l.LEFT,
 			align: u.CENTER
 		};
+		case d.LEFT_START: return {
+			side: l.LEFT,
+			align: u.START
+		};
+		case d.LEFT_END: return {
+			side: l.LEFT,
+			align: u.END
+		};
 		case d.RIGHT: return {
 			side: l.RIGHT,
 			align: u.CENTER
 		};
+		case d.RIGHT_START: return {
+			side: l.RIGHT,
+			align: u.START
+		};
+		case d.RIGHT_END: return {
+			side: l.RIGHT,
+			align: u.END
+		};
 		default: return e;
 	}
-}, m = (e) => e.side === l.TOP ? e.align === u.START ? d.TOP_START : e.align === u.END ? d.TOP_END : d.TOP : e.side === l.BOTTOM ? e.align === u.START ? d.BOTTOM_START : e.align === u.END ? d.BOTTOM_END : d.BOTTOM : e.side === l.LEFT ? d.LEFT : d.RIGHT, h = (e, t, n) => Math.min(Math.max(t, e), n), g = (e) => e === l.TOP ? "bottom" : e === l.BOTTOM ? "top" : e === l.LEFT ? "right" : "left", _ = ({ referenceCenter: e, floatingStart: t, floatingLength: n, crossAxisProperty: r, staticSide: i, staticOffset: a, arrowSize: o, arrowPadding: s }) => {
+}, m = (e) => e.side === l.TOP ? e.align === u.START ? d.TOP_START : e.align === u.END ? d.TOP_END : d.TOP : e.side === l.BOTTOM ? e.align === u.START ? d.BOTTOM_START : e.align === u.END ? d.BOTTOM_END : d.BOTTOM : e.side === l.LEFT ? e.align === u.START ? d.LEFT_START : e.align === u.END ? d.LEFT_END : d.LEFT : e.align === u.START ? d.RIGHT_START : e.align === u.END ? d.RIGHT_END : d.RIGHT, h = (e, t, n) => Math.min(Math.max(t, e), n), g = (e) => e === l.TOP ? "bottom" : e === l.BOTTOM ? "top" : e === l.LEFT ? "right" : "left", _ = ({ referenceCenter: e, floatingStart: t, floatingLength: n, crossAxisProperty: r, staticSide: i, staticOffset: a, arrowSize: o, arrowPadding: s }) => {
 	let c = e - t - o / 2, l = h(s, c, n - o - s), u = c - l;
 	return {
 		crossAxisPosition: l,
@@ -444,7 +460,11 @@ var l = /* @__PURE__ */ function(e) {
 		i(l.open) && E();
 	}), o(() => i(l.panel), () => {
 		!i(l.open) || !i(l.dismissOnClickOutside ?? !0) || k();
-	}, { ignore: [e(() => Z(i(l.reference)))] }), s(window, "keydown", (e) => {
+	}, { ignore: [
+		e(() => Z(i(l.reference))),
+		".s-ui-dropdown",
+		".s-ui-dropdown__panel"
+	] }), s(window, "keydown", (e) => {
 		!i(l.open) || !i(l.dismissOnEscape ?? !0) || e.key === "Escape" && k();
 	}), n(() => {
 		x();

package/dist/utils/color/colorFormatChannels.d.ts

@@ -0,0 +1,11 @@
+import { type THexColor } from './contrastSurfaceTextColor';
+import type { THsvChannels, TColorFormatChannels } from './types';
+export declare const hexToRgbChannels: (hexColor: THexColor) => TColorFormatChannels | undefined;
+export declare const rgbChannelsToHex: (channels: TColorFormatChannels) => THexColor;
+export declare const hexToHslChannels: (hexColor: THexColor) => TColorFormatChannels | undefined;
+export declare const hslChannelsToHex: (channels: TColorFormatChannels) => THexColor | undefined;
+export declare const normalizeHexInput: (hexInput: string) => THexColor | undefined;
+export declare const formatHexDisplayValue: (hexColor: THexColor) => string;
+export declare const hexToHsvChannels: (hexColor: THexColor) => THsvChannels | undefined;
+export declare const hsvChannelsToHex: (channels: THsvChannels) => THexColor;
+//# sourceMappingURL=colorFormatChannels.d.ts.map

package/dist/utils/color/colorFormatChannels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorFormatChannels.d.ts","sourceRoot":"","sources":["../../../src/utils/color/colorFormatChannels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,4BAA4B,CAAA;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AA0CjE,eAAO,MAAM,gBAAgB,GAAI,UAAU,SAAS,KAAG,oBAAoB,GAAG,SAoB7E,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,UAAU,oBAAoB,KAAG,SAUjE,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,UAAU,SAAS,KAAG,oBAAoB,GAAG,SA6C7E,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,UAAU,oBAAoB,KAAG,SAAS,GAAG,SAmB7E,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,UAAU,MAAM,KAAG,SAAS,GAAG,SAehE,CAAA;AAED,eAAO,MAAM,qBAAqB,GAAI,UAAU,SAAS,WAExD,CAAA;AA4ED,eAAO,MAAM,gBAAgB,GAAI,UAAU,SAAS,KAAG,YAAY,GAAG,SAQrE,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,UAAU,YAAY,KAAG,SAEzD,CAAA"}

package/dist/utils/color/colorValue.d.ts

@@ -0,0 +1,9 @@
+import type { TSColorSwatchColor } from '@shtabapp/ui-kit-primitives';
+import type { EAccentColor, TCssVariableColor, TColorValue, TCustomColor } from './types';
+export declare const isCssVariableColor: (value: string) => value is TCustomColor & `var(--${string}`;
+export declare const isCustomColor: (value: TColorValue) => value is TCustomColor;
+export declare const resolveAccentColorPreview: (accent: EAccentColor) => TCssVariableColor;
+export declare const resolveColorPreview: (value: TColorValue) => TSColorSwatchColor;
+export declare const normalizeColorValue: (value: TColorValue) => string;
+export declare const isSameColor: (first: TColorValue, second: TColorValue) => boolean;
+//# sourceMappingURL=colorValue.d.ts.map

package/dist/utils/color/colorValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorValue.d.ts","sourceRoot":"","sources":["../../../src/utils/color/colorValue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAGrE,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEzF,eAAO,MAAM,kBAAkB,GAAI,OAAO,MAAM,KAAG,KAAK,IAAI,YAAY,GAAG,SAAS,MAAM,EAEzF,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,WAAW,KAAG,KAAK,IAAI,YAE3D,CAAA;AAED,eAAO,MAAM,yBAAyB,GAAI,QAAQ,YAAY,KAAG,iBAEhE,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,OAAO,WAAW,KAAG,kBAMxD,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,OAAO,WAAW,WAUrD,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,OAAO,WAAW,EAAE,QAAQ,WAAW,YAElE,CAAA"}

package/dist/utils/color/contrastSurfaceTextColor.d.ts

@@ -1,4 +1,4 @@
 export type THexColor = `#${string}`;
 export declare const isHexColor: (value: string) => value is THexColor;
-export declare const getContrastingSurfaceTextColor: (backgroundHex: THexColor) => "var(--s-ui-color-text-surface-primary)" | "var(--s-ui-color-text-surface-static)";
+export declare const getContrastingSurfaceTextColor: (backgroundHex: THexColor) => `#${string}`;
 //# sourceMappingURL=contrastSurfaceTextColor.d.ts.map

package/dist/utils/color/contrastSurfaceTextColor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"contrastSurfaceTextColor.d.ts","sourceRoot":"","sources":["../../../src/utils/color/contrastSurfaceTextColor.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,IAAI,MAAM,EAAE,CAAA;AAapC,eAAO,MAAM,UAAU,GAAI,OAAO,MAAM,KAAG,KAAK,IAAI,SAEnD,CAAA;AAqED,eAAO,MAAM,8BAA8B,GAAI,eAAe,SAAS,uFAiBtE,CAAA"}
+{"version":3,"file":"contrastSurfaceTextColor.d.ts","sourceRoot":"","sources":["../../../src/utils/color/contrastSurfaceTextColor.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,IAAI,MAAM,EAAE,CAAA;AAYpC,eAAO,MAAM,UAAU,GAAI,OAAO,MAAM,KAAG,KAAK,IAAI,SAEnD,CAAA;AAqED,eAAO,MAAM,8BAA8B,GAAI,eAAe,SAAS,iBAiBtE,CAAA"}

package/dist/utils/color/defaultPaletteColors.d.ts

@@ -0,0 +1,3 @@
+import { type TColorValue } from './types';
+export declare const DEFAULT_COLOR_PALETTE: TColorValue[];
+//# sourceMappingURL=defaultPaletteColors.d.ts.map

package/dist/utils/color/defaultPaletteColors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultPaletteColors.d.ts","sourceRoot":"","sources":["../../../src/utils/color/defaultPaletteColors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,WAAW,EAAE,MAAM,SAAS,CAAA;AAExD,eAAO,MAAM,qBAAqB,EAAE,WAAW,EAY9C,CAAA"}

package/dist/utils/color/formatColorForDisplay.d.ts

@@ -0,0 +1,9 @@
+import { type THexColor } from './contrastSurfaceTextColor';
+import { EColorFormat, type TColorFormatChannels, type TColorValue } from './types';
+export declare const DEFAULT_COLOR_FORMATS: EColorFormat[];
+export declare const COLOR_FORMAT_LABELS: Record<EColorFormat, string>;
+export declare const readHexFromComputedBackground: (element: HTMLElement) => THexColor | undefined;
+export declare const resolveEditableHexColor: (colorValue: TColorValue, previewElement?: HTMLElement | null) => `#${string}` | undefined;
+export declare const formatColorForDisplay: (hexColor: THexColor, format: EColorFormat) => string | TColorFormatChannels;
+export declare const resolveColorPreviewCssValue: (colorValue: TColorValue) => import("@shtabapp/ui-kit-primitives").TSColorSwatchColor;
+//# sourceMappingURL=formatColorForDisplay.d.ts.map

package/dist/utils/color/formatColorForDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatColorForDisplay.d.ts","sourceRoot":"","sources":["../../../src/utils/color/formatColorForDisplay.ts"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,4BAA4B,CAAA;AACvE,OAAO,EAAE,YAAY,EAAE,KAAK,oBAAoB,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAA;AAGnF,eAAO,MAAM,qBAAqB,gBAAyD,CAAA;AAE3F,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAI5D,CAAA;AAED,eAAO,MAAM,6BAA6B,GAAI,SAAS,WAAW,KAAG,SAAS,GAAG,SAiBhF,CAAA;AAED,eAAO,MAAM,uBAAuB,GAClC,YAAY,WAAW,EACvB,iBAAiB,WAAW,GAAG,IAAI,6BAWpC,CAAA;AAED,eAAO,MAAM,qBAAqB,GAChC,UAAU,SAAS,EACnB,QAAQ,YAAY,KACnB,MAAM,GAAG,oBAUX,CAAA;AAED,eAAO,MAAM,2BAA2B,GAAI,YAAY,WAAW,6DAElE,CAAA"}

package/dist/utils/color/index.d.ts

@@ -1,2 +1,10 @@
-export { getContrastingSurfaceTextColor, isHexColor, type THexColor, } from './contrastSurfaceTextColor';
+export { getContrastingSurfaceTextColor, isHexColor } from './contrastSurfaceTextColor';
+export { formatHexDisplayValue, hexToHslChannels, hexToHsvChannels, hexToRgbChannels, hslChannelsToHex, hsvChannelsToHex, normalizeHexInput, rgbChannelsToHex, } from './colorFormatChannels';
+export { COLOR_FORMAT_LABELS, DEFAULT_COLOR_FORMATS, formatColorForDisplay, readHexFromComputedBackground, resolveColorPreviewCssValue, resolveEditableHexColor, } from './formatColorForDisplay';
+export { parseColorFromInput } from './parseColorFromInput';
+export { isCssVariableColor, isCustomColor, isSameColor, normalizeColorValue, resolveAccentColorPreview, resolveColorPreview, } from './colorValue';
+export { DEFAULT_COLOR_PALETTE } from './defaultPaletteColors';
+export { RECOMMENDED_COLOR_PALETTE } from './recommendedColorPalette';
+export { EAccentColor, EColorFormat, type TCssVariableColor, type TColorFormatChannels, type THsvChannels, type TColorValue, type TCustomColor, } from './types';
+export type { THexColor } from './contrastSurfaceTextColor';
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/color/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/color/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,8BAA8B,EAC9B,UAAU,EACV,KAAK,SAAS,GACf,MAAM,4BAA4B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/color/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,8BAA8B,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvF,OAAO,EACL,qBAAqB,EACrB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EACL,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,EACrB,6BAA6B,EAC7B,2BAA2B,EAC3B,uBAAuB,GACxB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EACL,kBAAkB,EAClB,aAAa,EACb,WAAW,EACX,mBAAmB,EACnB,yBAAyB,EACzB,mBAAmB,GACpB,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AAC9D,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAA;AACrE,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EACzB,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,YAAY,GAClB,MAAM,SAAS,CAAA;AAChB,YAAY,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA"}

package/dist/utils/color/parseColorFromInput.d.ts

@@ -0,0 +1,4 @@
+import type { THexColor } from './contrastSurfaceTextColor';
+import { EColorFormat, type TColorFormatChannels } from './types';
+export declare const parseColorFromInput: (format: EColorFormat, inputValue: string | TColorFormatChannels) => THexColor | undefined;
+//# sourceMappingURL=parseColorFromInput.d.ts.map

package/dist/utils/color/parseColorFromInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseColorFromInput.d.ts","sourceRoot":"","sources":["../../../src/utils/color/parseColorFromInput.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,KAAK,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAYjE,eAAO,MAAM,mBAAmB,GAC9B,QAAQ,YAAY,EACpB,YAAY,MAAM,GAAG,oBAAoB,KACxC,SAAS,GAAG,SAiDd,CAAA"}

package/dist/utils/color/recommendedColorPalette.d.ts

@@ -0,0 +1,3 @@
+import { type TColorValue } from './types';
+export declare const RECOMMENDED_COLOR_PALETTE: TColorValue[];
+//# sourceMappingURL=recommendedColorPalette.d.ts.map

package/dist/utils/color/recommendedColorPalette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"recommendedColorPalette.d.ts","sourceRoot":"","sources":["../../../src/utils/color/recommendedColorPalette.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,WAAW,EAAE,MAAM,SAAS,CAAA;AA0ChF,eAAO,MAAM,yBAAyB,EAAE,WAAW,EAGlD,CAAA"}

package/dist/utils/color/types.d.ts

@@ -0,0 +1,35 @@
+import type { THexColor } from './contrastSurfaceTextColor';
+export type { THexColor };
+export declare enum EAccentColor {
+    RED_ORANGE = "red-orange",
+    ORANGE = "orange",
+    YELLOW = "yellow",
+    GREEN = "green",
+    TEAL = "teal",
+    CYAN = "cyan",
+    BLUE = "blue",
+    INDIGO = "indigo",
+    VIOLET = "violet",
+    MAGENTA = "magenta",
+    PINK = "pink",
+    RED = "red"
+}
+export declare enum EColorFormat {
+    HEX = "hex",
+    RGB = "rgb",
+    HSL = "hsl"
+}
+export type TCssVariableColor = `var(--${string})`;
+export type TCustomColor = THexColor | TCssVariableColor;
+export type TColorValue = EAccentColor | TCustomColor;
+export type TColorFormatChannels = {
+    first: number;
+    second: number;
+    third: number;
+};
+export type THsvChannels = {
+    hue: number;
+    saturation: number;
+    value: number;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/utils/color/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/color/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAE3D,YAAY,EAAE,SAAS,EAAE,CAAA;AAEzB,oBAAY,YAAY;IACtB,UAAU,eAAe;IACzB,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,IAAI,SAAS;IACb,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,GAAG,QAAQ;CACZ;AAED,oBAAY,YAAY;IACtB,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,GAAG,QAAQ;CACZ;AAED,MAAM,MAAM,iBAAiB,GAAG,SAAS,MAAM,GAAG,CAAA;AAClD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,iBAAiB,CAAA;AACxD,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,YAAY,CAAA;AAErD,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,MAAM,CAAA;IACX,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shtabapp/ui-kit",
-  "version": "1.33.0",
+  "version": "1.35.0",
   "description": "Vue 3 component library by Shtab — 30+ typed components, design tokens, light/dark themes",
   "keywords": [
     "shtab",
@@ -98,6 +98,16 @@
       "import": "./dist/entries/chip.js",
       "require": "./dist/entries/chip.cjs"
     },
+    "./color-palette": {
+      "types": "./dist/entries/color-palette.d.ts",
+      "import": "./dist/entries/color-palette.js",
+      "require": "./dist/entries/color-palette.cjs"
+    },
+    "./color-picker": {
+      "types": "./dist/entries/color-picker.d.ts",
+      "import": "./dist/entries/color-picker.js",
+      "require": "./dist/entries/color-picker.cjs"
+    },
     "./checkbox": {
       "types": "./dist/entries/checkbox.d.ts",
       "import": "./dist/entries/checkbox.js",
@@ -233,7 +243,8 @@
   },
   "dependencies": {
     "chart.js": "^4.5.0",
-    "@shtabapp/ui-kit-primitives": "^1.16.0",
+    "vue-i18n": "^9.14.5",
+    "@shtabapp/ui-kit-primitives": "^1.18.0",
     "@shtabapp/ui-kit-tokens": "^1.16.0"
   },
   "devDependencies": {
@@ -242,6 +253,7 @@
     "@vueuse/core": "^14.2.1",
     "chart.js": "^4.5.0",
     "vue": "^3.5.34",
+    "vue-i18n": "^9.14.5",
     "@shtabapp/ui-kit-shared-config": "0.1.0"
   },
   "peerDependencies": {
@@ -249,6 +261,7 @@
     "@vueuse/core": "^14.0.0",
     "chart.js": "^4.4.0",
     "vue": "^3.5.0",
+    "vue-i18n": "^9.8.0",
     "vue-router": "^4.5.0"
   },
   "peerDependenciesMeta": {

package/dist/SDropdown-B6b7IDjp.cjs

@@ -1 +0,0 @@
-const e=require("./useFloatingOverlay-Cwg2MWyD.cjs");let t=require("vue"),n=require("@vueuse/core");var r=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)}}},i=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},a=[`id`],o=[`data-placement`],s={class:`s-ui-dropdown__content`},c=(0,t.defineComponent)({__name:`SDropdown`,props:(0,t.mergeModels)({placement:{default:()=>e.i.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},arrow:{type:Boolean,default:!1},showOnHover:{type:Boolean,default:!1},hoverLeaveDelay:{default:100}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:[`update:modelValue`],setup(c,{expose:l}){let u=(0,t.useModel)(c,`modelValue`),{isPanelShown:d,isPanelActive:f,handlePanelAfterLeave:p}=r(u),m=e=>{u.value=e},h=(0,t.useSlots)(),g=(0,t.useTemplateRef)(`triggerWrapperRef`),_=(0,t.useTemplateRef)(`panelRef`),v=(0,t.useId)(),y=(0,t.useId)(),b=(0,t.computed)(()=>c.contentId??v),x=(0,t.computed)(()=>h.trigger?i(g.value):c.reference),S=(0,t.computed)(()=>c.teleportTo!==!1),C=(0,t.computed)(()=>c.teleportTo===!1?`body`:c.teleportTo),w=()=>{c.disabled||(u.value=!u.value)},T=(0,t.computed)(()=>({id:y,"aria-expanded":u.value,"aria-haspopup":`dialog`,"aria-controls":b.value})),{panelStyles:E,panelMaxHeight:D,resolvedPlacement:O,arrowStyles:k,isArrowOverflow:A,isPositionReady:j,updatePosition:M}=e.t({open:()=>f.value,onOpenChange:m,reference:()=>x.value,panel:()=>_.value,placement:()=>c.placement,offset:()=>c.offset,flip:()=>c.flip,shift:()=>c.shift,matchReferenceWidth:()=>c.matchReferenceWidth,fitViewport:()=>c.fitViewport,dismissOnClickOutside:()=>c.dismissOnClickOutside,dismissOnEscape:()=>c.dismissOnEscape,viewportPadding:()=>c.viewportPadding,arrow:()=>c.arrow}),N=(0,t.computed)(()=>c.showOnHover?x.value:null),P=(0,t.computed)(()=>c.showOnHover?_.value:null),F=(0,n.useElementHover)(N,{delayLeave:c.hoverLeaveDelay}),I=(0,n.useElementHover)(P,{delayLeave:c.hoverLeaveDelay});(0,t.watch)([F,I,()=>c.showOnHover,()=>c.disabled],()=>{if(c.showOnHover){if(c.disabled){m(!1);return}m(F.value||I.value)}});let L=(0,t.computed)(()=>!!D.value),R=(0,t.computed)(()=>{if(D.value)return{maxHeight:`${D.value}px`}});return(0,t.watch)(()=>c.disabled,e=>{e&&u.value&&(u.value=!1)}),l({updatePosition:M}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[(0,t.unref)(h).trigger?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{key:0,ref_key:`triggerWrapperRef`,ref:g,class:`s-ui-dropdown`},[(0,t.renderSlot)(e.$slots,`trigger`,{open:u.value,toggle:w,triggerProps:T.value})],512)):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:C.value,disabled:!S.value},[(0,t.createVNode)(t.Transition,{name:`s-ui-dropdown`,onAfterLeave:(0,t.unref)(p)},{default:(0,t.withCtx)(()=>[(0,t.unref)(d)?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,id:b.value,ref_key:`panelRef`,ref:_,class:(0,t.normalizeClass)([`s-ui-dropdown__panel`,{"s-ui-dropdown__panel--match-reference-width":c.matchReferenceWidth,"s-ui-dropdown__panel--ready":(0,t.unref)(j)}]),style:(0,t.normalizeStyle)((0,t.unref)(E)),role:`dialog`},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`s-ui-dropdown__surface`,[c.surfaceClass,{"s-ui-dropdown__surface--fit-viewport":L.value,"s-ui-dropdown__surface--with-arrow":c.arrow}]]),style:(0,t.normalizeStyle)(R.value),"data-placement":(0,t.unref)(O)},[c.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)(A)}]),style:(0,t.normalizeStyle)((0,t.unref)(k)),"aria-hidden":`true`},[...n[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`,s,[(0,t.renderSlot)(e.$slots,`content`,{resolvedPlacement:(0,t.unref)(O)})])],14,o)],14,a)):(0,t.createCommentVNode)(``,!0)]),_:3},8,[`onAfterLeave`])],8,[`to`,`disabled`]))],64))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});

package/dist/SInput-DYS84eMS.cjs

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

package/dist/SListItem-BDkldLVt.cjs

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

package/dist/SSelect-DAPSmCWf.cjs

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

package/dist/STab-C8RXx0lW.cjs

@@ -1 +0,0 @@
-const e=require("./useSelectionGroup-TaektE-I.cjs"),t=require("./useSelectLink-DDdMmsJB.cjs"),n=require("./useLink-1LLWpdDZ.cjs");let r=require("vue"),i=require("@shtabapp/ui-kit-primitives");var a=Symbol(`STabs`),o=function(e){return e.PRIMARY=`primary`,e.SECONDARY=`secondary`,e}({}),s=function(e){return e.SMALL=`small`,e.LARGE=`large`,e}({}),ee={class:`s-ui-tab__content`},c={key:0,class:`s-ui-tab__icon-wrap`},l={class:`s-ui-tab__icon`},u={key:0,class:`s-ui-tab__icon-badge`,"aria-hidden":`true`},d={key:1,class:`s-ui-tab__label-wrap`},f={key:0,class:`s-ui-tab__caret`,"aria-hidden":`true`},p={key:3,class:`s-ui-tab__caret`,"aria-hidden":`true`},m=[`placeholder`,`disabled`],h={key:2,class:`s-ui-tab__right`},g=(0,r.defineComponent)({inheritAttrs:!1,__name:`STab`,props:(0,r.mergeModels)({appearance:{},size:{},disabled:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},icon:{},iconOnly:{type:Boolean,default:!1},billing:{type:Boolean,default:!1},placeholder:{type:Boolean,default:!1},placeholderText:{default:`Введите название`},editableStaticDisplay:{type:Boolean,default:!1},iconBadge:{},value:{},link:{},exact:{type:Boolean,default:!1},replace:{type:Boolean,default:!1}},{modelValue:{default:``},modelModifiers:{}}),emits:(0,r.mergeModels)([`click`,`rename`],[`update:modelValue`]),setup(g,{expose:_,emit:v}){let y=(0,r.inject)(a,null),b=(0,r.useAttrs)(),x=(0,r.useSlots)(),S=(0,r.computed)(()=>e.a(g.appearance,y?(0,r.toValue)(y.appearance):void 0,o.PRIMARY)),C=(0,r.computed)(()=>e.a(g.size,y?(0,r.toValue)(y.size):void 0,s.LARGE)),w=(0,r.computed)(()=>g.disabled||!!(y&&(0,r.toValue)(y.disabled))),T=(0,r.useTemplateRef)(`tabRootRef`),E=t.n({group:()=>y,value:()=>g.value,el:T,disabled:w}),D=n.t(()=>g.link,()=>g.exact,()=>g.replace);t.t({isRouterLink:D.isRouterLink,isActive:D.isActive,group:()=>y,value:()=>g.value});let O=(0,r.computed)(()=>D.isRouterLink.value?D.isActive.value:E.isInGroup.value?E.isActive.value:g.selected),k=(0,r.useModel)(g,`modelValue`),A=v,j=(0,r.useTemplateRef)(`renameInputRef`),M=(0,r.ref)(!1),N=(0,r.ref)(``),P=D.linkPresentation,F=(0,r.computed)(()=>P.value.mode===`none`),I=(0,r.computed)(()=>{let e=P.value;return e.mode===`none`?`button`:e.rootTag}),L=(0,r.computed)(()=>n.n(P.value,{replace:g.replace})),R=(0,r.computed)(()=>{let e=E.tabIndex.value;return{...L.value,...e===void 0?{}:{tabindex:e},...b}}),z=(0,r.computed)(()=>C.value===s.LARGE?20:16),B=(0,r.computed)(()=>C.value===s.LARGE?`s-ui-typography-label-16-medium`:`s-ui-typography-label-14-medium`),V=(0,r.computed)(()=>!!(g.icon||x.icon)),H=(0,r.computed)(()=>g.editableStaticDisplay&&g.placeholder&&!k.value.length),U=(0,r.computed)(()=>g.editableStaticDisplay&&!g.placeholder),W=(0,r.computed)(()=>M.value?N.value:k.value),G=(0,r.computed)(()=>!x.default&&g.placeholder&&!k.value.length),K=(0,r.computed)(()=>g.editableStaticDisplay&&g.placeholder&&!k.value.length),q=(0,r.computed)(()=>g.editableStaticDisplay&&!g.placeholder&&k.value.length>0),J=(0,r.computed)(()=>g.iconOnly?!1:x.default||g.editableStaticDisplay||M.value||k.value.length>0||G.value),Y=(0,r.computed)(()=>g.iconOnly?!1:!!x.right),X=(0,r.computed)(()=>M.value||g.editableStaticDisplay),Z=(0,r.computed)(()=>g.placeholder&&!W.value.length&&(X.value||G.value)),Q=(0,r.computed)(()=>[`s-ui-tab--appearance-${S.value}`,`s-ui-tab--size-${C.value}`,{"s-ui-tab--selected":O.value,"s-ui-tab--disabled":w.value,"s-ui-tab--icon-only":g.iconOnly,"s-ui-tab--billing":g.billing,"s-ui-tab--editable":X.value,"s-ui-tab--editable-placeholder":Z.value,"s-ui-tab--editable-value":!g.placeholder&&X.value,"s-ui-tab--link":n.r(g.link)}]),$=()=>{let e=j.value;if(!e)return;e.focus();let t=N.value.length;e.setSelectionRange(t,t)},te=async()=>{w.value||g.editableStaticDisplay||g.iconOnly||(N.value=k.value,M.value=!0,await(0,r.nextTick)(),$())},ne=()=>{if(g.editableStaticDisplay||!M.value)return;let e=N.value;M.value=!1,k.value=e,A(`rename`,e)},re=()=>{g.editableStaticDisplay||!M.value||(M.value=!1)},ie=()=>{M.value&&re()},ae=e=>{e.stopPropagation(),e.key===`Enter`&&(e.preventDefault(),ne(),j.value?.blur())},oe=e=>{if(D.isRouterLink.value&&(e.key===`Enter`||e.key===` `||e.key===`Spacebar`)){e.preventDefault(),D.navigate();return}E.handleKeydown(e)},se=e=>{if(w.value){e.preventDefault(),e.stopPropagation();return}if(D.isRouterLink.value){A(`click`,e);return}E.handleClick(),A(`click`,e)};return _({edit:te}),(e,t)=>((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)(I.value),(0,r.mergeProps)({ref_key:`tabRootRef`,ref:T,class:[`s-ui-tab`,Q.value],type:F.value?`button`:void 0,role:`tab`,"aria-selected":!!O.value,"aria-disabled":w.value?!0:void 0,disabled:F.value&&w.value?!0:void 0},R.value,{onClick:se,onKeydown:oe}),{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`span`,ee,[V.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,c,[(0,r.createElementVNode)(`span`,l,[(0,r.renderSlot)(e.$slots,`icon`,{},()=>[g.icon?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(i.SIcon),{key:0,name:g.icon,size:z.value,billing:g.billing},null,8,[`name`,`size`,`billing`])):(0,r.createCommentVNode)(``,!0)])]),g.iconBadge?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,u,[(0,r.createVNode)((0,r.unref)(i.SIcon),{class:`s-ui-tab__icon-badge-icon`,name:g.iconBadge},null,8,[`name`])])):(0,r.createCommentVNode)(``,!0)])):(0,r.createCommentVNode)(``,!0),J.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,d,[g.editableStaticDisplay?((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:0},[H.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,f)):(0,r.createCommentVNode)(``,!0),K.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,{key:1,class:(0,r.normalizeClass)([`s-ui-tab__label`,B.value])},(0,r.toDisplayString)(g.placeholderText),3)):(0,r.createCommentVNode)(``,!0),q.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,{key:2,class:(0,r.normalizeClass)([`s-ui-tab__label`,B.value])},(0,r.toDisplayString)(k.value),3)):(0,r.createCommentVNode)(``,!0),U.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,p)):(0,r.createCommentVNode)(``,!0)],64)):M.value?(0,r.withDirectives)(((0,r.openBlock)(),(0,r.createElementBlock)(`input`,{key:1,ref_key:`renameInputRef`,ref:j,"onUpdate:modelValue":t[0]||=e=>N.value=e,class:(0,r.normalizeClass)([`s-ui-tab__input`,B.value]),type:`text`,placeholder:g.placeholder&&!W.value.length?g.placeholderText:void 0,disabled:w.value?!0:void 0,onBlur:ie,onClick:t[1]||=(0,r.withModifiers)(()=>{},[`stop`]),onKeydown:ae},null,42,m)),[[r.vModelText,N.value]]):((0,r.openBlock)(),(0,r.createElementBlock)(`span`,{key:2,class:(0,r.normalizeClass)([`s-ui-tab__label`,B.value])},[(0,r.unref)(x).default?(0,r.renderSlot)(e.$slots,`default`,{key:0}):((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:1},[(0,r.createTextVNode)((0,r.toDisplayString)(k.value||(g.placeholder?g.placeholderText:``)),1)],64))],2))])):(0,r.createCommentVNode)(``,!0),Y.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,h,[(0,r.renderSlot)(e.$slots,`right`)])):(0,r.createCommentVNode)(``,!0)])]),_:3},16,[`class`,`type`,`aria-selected`,`aria-disabled`,`disabled`]))}});Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return g}});

package/dist/STab-DXGKWtFI.js

@@ -1,218 +0,0 @@
-import { a as e } from "./useSelectionGroup-cKj38lEN.js";
-import { n as t, t as ee } from "./useSelectLink-DClG5hGA.js";
-import { n as te, r as ne, t as n } from "./useLink-Com5VhOk.js";
-import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as re, createVNode as ie, defineComponent as l, inject as u, mergeModels as d, mergeProps as f, nextTick as p, normalizeClass as m, openBlock as h, ref as g, renderSlot as _, resolveDynamicComponent as ae, toDisplayString as v, toValue as y, unref as b, useAttrs as oe, useModel as se, useSlots as ce, useTemplateRef as x, vModelText as le, withCtx as ue, withDirectives as de, withModifiers as S } from "vue";
-import { SIcon as C } from "@shtabapp/ui-kit-primitives";
-//#region src/components/STabs/utils/context.ts
-var w = Symbol("STabs"), T = /* @__PURE__ */ function(e) {
-	return e.PRIMARY = "primary", e.SECONDARY = "secondary", e;
-}({}), E = /* @__PURE__ */ function(e) {
-	return e.SMALL = "small", e.LARGE = "large", e;
-}({}), fe = { class: "s-ui-tab__content" }, pe = {
-	key: 0,
-	class: "s-ui-tab__icon-wrap"
-}, me = { class: "s-ui-tab__icon" }, he = {
-	key: 0,
-	class: "s-ui-tab__icon-badge",
-	"aria-hidden": "true"
-}, ge = {
-	key: 1,
-	class: "s-ui-tab__label-wrap"
-}, D = {
-	key: 0,
-	class: "s-ui-tab__caret",
-	"aria-hidden": "true"
-}, O = {
-	key: 3,
-	class: "s-ui-tab__caret",
-	"aria-hidden": "true"
-}, k = ["placeholder", "disabled"], A = {
-	key: 2,
-	class: "s-ui-tab__right"
-}, j = /* @__PURE__ */ l({
-	inheritAttrs: !1,
-	__name: "STab",
-	props: /*@__PURE__*/ d({
-		appearance: {},
-		size: {},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		selected: {
-			type: Boolean,
-			default: !1
-		},
-		icon: {},
-		iconOnly: {
-			type: Boolean,
-			default: !1
-		},
-		billing: {
-			type: Boolean,
-			default: !1
-		},
-		placeholder: {
-			type: Boolean,
-			default: !1
-		},
-		placeholderText: { default: "Введите название" },
-		editableStaticDisplay: {
-			type: Boolean,
-			default: !1
-		},
-		iconBadge: {},
-		value: {},
-		link: {},
-		exact: {
-			type: Boolean,
-			default: !1
-		},
-		replace: {
-			type: Boolean,
-			default: !1
-		}
-	}, {
-		modelValue: { default: "" },
-		modelModifiers: {}
-	}),
-	emits: /*@__PURE__*/ d(["click", "rename"], ["update:modelValue"]),
-	setup(l, { expose: d, emit: j }) {
-		let M = u(w, null), N = oe(), P = ce(), F = i(() => e(l.appearance, M ? y(M.appearance) : void 0, T.PRIMARY)), I = i(() => e(l.size, M ? y(M.size) : void 0, E.LARGE)), L = i(() => l.disabled || !!(M && y(M.disabled))), R = x("tabRootRef"), z = t({
-			group: () => M,
-			value: () => l.value,
-			el: R,
-			disabled: L
-		}), B = n(() => l.link, () => l.exact, () => l.replace);
-		ee({
-			isRouterLink: B.isRouterLink,
-			isActive: B.isActive,
-			group: () => M,
-			value: () => l.value
-		});
-		let V = i(() => B.isRouterLink.value ? B.isActive.value : z.isInGroup.value ? z.isActive.value : l.selected), H = se(l, "modelValue"), U = j, W = x("renameInputRef"), G = g(!1), K = g(""), q = B.linkPresentation, J = i(() => q.value.mode === "none"), _e = i(() => {
-			let e = q.value;
-			return e.mode === "none" ? "button" : e.rootTag;
-		}), ve = i(() => te(q.value, { replace: l.replace })), ye = i(() => {
-			let e = z.tabIndex.value;
-			return {
-				...ve.value,
-				...e === void 0 ? {} : { tabindex: e },
-				...N
-			};
-		}), be = i(() => I.value === E.LARGE ? 20 : 16), Y = i(() => I.value === E.LARGE ? "s-ui-typography-label-16-medium" : "s-ui-typography-label-14-medium"), xe = i(() => !!(l.icon || P.icon)), Se = i(() => l.editableStaticDisplay && l.placeholder && !H.value.length), Ce = i(() => l.editableStaticDisplay && !l.placeholder), X = i(() => G.value ? K.value : H.value), Z = i(() => !P.default && l.placeholder && !H.value.length), we = i(() => l.editableStaticDisplay && l.placeholder && !H.value.length), Te = i(() => l.editableStaticDisplay && !l.placeholder && H.value.length > 0), Q = i(() => l.iconOnly ? !1 : P.default || l.editableStaticDisplay || G.value || H.value.length > 0 || Z.value), Ee = i(() => l.iconOnly ? !1 : !!P.right), $ = i(() => G.value || l.editableStaticDisplay), De = i(() => l.placeholder && !X.value.length && ($.value || Z.value)), Oe = i(() => [
-			`s-ui-tab--appearance-${F.value}`,
-			`s-ui-tab--size-${I.value}`,
-			{
-				"s-ui-tab--selected": V.value,
-				"s-ui-tab--disabled": L.value,
-				"s-ui-tab--icon-only": l.iconOnly,
-				"s-ui-tab--billing": l.billing,
-				"s-ui-tab--editable": $.value,
-				"s-ui-tab--editable-placeholder": De.value,
-				"s-ui-tab--editable-value": !l.placeholder && $.value,
-				"s-ui-tab--link": ne(l.link)
-			}
-		]), ke = () => {
-			let e = W.value;
-			if (!e) return;
-			e.focus();
-			let t = K.value.length;
-			e.setSelectionRange(t, t);
-		}, Ae = async () => {
-			L.value || l.editableStaticDisplay || l.iconOnly || (K.value = H.value, G.value = !0, await p(), ke());
-		}, je = () => {
-			if (l.editableStaticDisplay || !G.value) return;
-			let e = K.value;
-			G.value = !1, H.value = e, U("rename", e);
-		}, Me = () => {
-			l.editableStaticDisplay || !G.value || (G.value = !1);
-		}, Ne = () => {
-			G.value && Me();
-		}, Pe = (e) => {
-			e.stopPropagation(), e.key === "Enter" && (e.preventDefault(), je(), W.value?.blur());
-		}, Fe = (e) => {
-			if (B.isRouterLink.value && (e.key === "Enter" || e.key === " " || e.key === "Spacebar")) {
-				e.preventDefault(), B.navigate();
-				return;
-			}
-			z.handleKeydown(e);
-		}, Ie = (e) => {
-			if (L.value) {
-				e.preventDefault(), e.stopPropagation();
-				return;
-			}
-			if (B.isRouterLink.value) {
-				U("click", e);
-				return;
-			}
-			z.handleClick(), U("click", e);
-		};
-		return d({ edit: Ae }), (e, t) => (h(), a(ae(_e.value), f({
-			ref_key: "tabRootRef",
-			ref: R,
-			class: ["s-ui-tab", Oe.value],
-			type: J.value ? "button" : void 0,
-			role: "tab",
-			"aria-selected": !!V.value,
-			"aria-disabled": L.value ? !0 : void 0,
-			disabled: J.value && L.value ? !0 : void 0
-		}, ye.value, {
-			onClick: Ie,
-			onKeydown: Fe
-		}), {
-			default: ue(() => [c("span", fe, [
-				xe.value ? (h(), s("span", pe, [c("span", me, [_(e.$slots, "icon", {}, () => [l.icon ? (h(), a(b(C), {
-					key: 0,
-					name: l.icon,
-					size: be.value,
-					billing: l.billing
-				}, null, 8, [
-					"name",
-					"size",
-					"billing"
-				])) : o("", !0)])]), l.iconBadge ? (h(), s("span", he, [ie(b(C), {
-					class: "s-ui-tab__icon-badge-icon",
-					name: l.iconBadge
-				}, null, 8, ["name"])])) : o("", !0)])) : o("", !0),
-				Q.value ? (h(), s("span", ge, [l.editableStaticDisplay ? (h(), s(r, { key: 0 }, [
-					Se.value ? (h(), s("span", D)) : o("", !0),
-					we.value ? (h(), s("span", {
-						key: 1,
-						class: m(["s-ui-tab__label", Y.value])
-					}, v(l.placeholderText), 3)) : o("", !0),
-					Te.value ? (h(), s("span", {
-						key: 2,
-						class: m(["s-ui-tab__label", Y.value])
-					}, v(H.value), 3)) : o("", !0),
-					Ce.value ? (h(), s("span", O)) : o("", !0)
-				], 64)) : G.value ? de((h(), s("input", {
-					key: 1,
-					ref_key: "renameInputRef",
-					ref: W,
-					"onUpdate:modelValue": t[0] ||= (e) => K.value = e,
-					class: m(["s-ui-tab__input", Y.value]),
-					type: "text",
-					placeholder: l.placeholder && !X.value.length ? l.placeholderText : void 0,
-					disabled: L.value ? !0 : void 0,
-					onBlur: Ne,
-					onClick: t[1] ||= S(() => {}, ["stop"]),
-					onKeydown: Pe
-				}, null, 42, k)), [[le, K.value]]) : (h(), s("span", {
-					key: 2,
-					class: m(["s-ui-tab__label", Y.value])
-				}, [b(P).default ? _(e.$slots, "default", { key: 0 }) : (h(), s(r, { key: 1 }, [re(v(H.value || (l.placeholder ? l.placeholderText : "")), 1)], 64))], 2))])) : o("", !0),
-				Ee.value ? (h(), s("span", A, [_(e.$slots, "right")])) : o("", !0)
-			])]),
-			_: 3
-		}, 16, [
-			"class",
-			"type",
-			"aria-selected",
-			"aria-disabled",
-			"disabled"
-		]));
-	}
-});
-//#endregion
-export { w as i, T as n, E as r, j as t };