@shtabapp/ui-kit 1.85.0 → 1.85.2

package/dist/SInput-DwUxyUwU.js

@@ -1,226 +0,0 @@
-import { i as e, n as t, r as n, t as r } from "./SButton-n2Zuqh04.js";
-import { n as i, t as a } from "./SInlineMessage-Dirk5RwO.js";
-import { t as o } from "./SLabel-FHHPlcKq.js";
-import { n as s, r as c, t as ee } from "./useFieldMessages-C-GXaf_q.js";
-import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as te, createVNode as h, defineComponent as g, mergeModels as _, mergeProps as v, nextTick as ne, normalizeClass as y, onMounted as b, openBlock as x, renderList as S, renderSlot as C, toDisplayString as re, unref as w, useId as ie, useModel as ae, useSlots as oe, useTemplateRef as T, vModelDynamic as se, withCtx as ce, withDirectives as le, withModifiers as ue } from "vue";
-import { SIcon as de, useUiKitI18n as fe } from "@shtabapp/ui-kit-primitives";
-//#region src/components/SInput/SInput.types.ts
-var E = /* @__PURE__ */ function(e) {
-	return e.NONE = "none", e.HORIZONTAL = "horizontal", e.VERTICAL = "vertical", e;
-}({}), D = (e) => `${e}-label`, O = (e) => () => e.hasControlSlot() ? e.hasValue() === !0 : e.value().length > 0, k = ["inert", "aria-disabled"], A = {
-	key: 0,
-	class: "s-ui-input__prepend"
-}, j = { class: "s-ui-input__row" }, M = {
-	key: 0,
-	class: "s-ui-input__prefix"
-}, N = [
-	"id",
-	"type",
-	"name",
-	"placeholder",
-	"disabled",
-	"readonly",
-	"autocomplete"
-], P = {
-	key: 0,
-	class: "s-ui-input__inline"
-}, F = {
-	key: 1,
-	class: "s-ui-input__clear"
-}, I = {
-	key: 2,
-	class: "s-ui-input__action"
-}, L = 16, R = /* @__PURE__ */ g({
-	inheritAttrs: !1,
-	__name: "SInput",
-	props: /*@__PURE__*/ _({
-		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: () => E.NONE },
-		name: {},
-		type: { default: "text" },
-		id: {},
-		autocomplete: {},
-		autofocus: {
-			type: Boolean,
-			default: !1
-		}
-	}, {
-		modelValue: { default: "" },
-		modelModifiers: {}
-	}),
-	emits: /*@__PURE__*/ _([
-		"clear",
-		"focus",
-		"blur"
-	], ["update:modelValue"]),
-	setup(g, { expose: _, emit: R }) {
-		let z = ae(g, "modelValue"), { t: B } = fe(), V = R, { rootAttrs: pe, controlAttrs: me, errorQa: he } = c(), H = oe(), ge = ie(), U = T("fieldElementRef"), W = T("inputElementRef"), { isFocused: G, handleFocus: K, handleFocusOut: q } = s({
-			isDisabled: () => g.disabled,
-			blurField: () => $(),
-			emitFocus: (e) => V("focus", e),
-			emitBlur: (e) => V("blur", e)
-		}), { normalizedHelpMessages: _e, normalizedErrorMessages: ve, hasErrorMessages: J, hasHelpMessages: ye } = ee(() => g.helpMessages, () => g.errorMessages), Y = u(() => g.id ? g.id : ge), be = u(() => D(Y.value)), xe = u(() => !!(g.label || H.label)), Se = u(() => !!(g.iconLeft || H.prefix)), Ce = u(() => g.customize === E.VERTICAL && !!H.prepend), X = u(() => g.customize === E.HORIZONTAL && !!H.prepend), we = () => !g.clearable || g.disabled || g.readonly ? !1 : Z(), Te = u(() => {
-			if (!G.value) return -1;
-		}), Ee = u(() => !!(g.iconRight || H.action)), De = u(() => !!H.message || ye.value || J.value), Z = O({
-			hasControlSlot: () => !!H.control,
-			hasValue: () => g.hasValue,
-			value: () => z.value
-		}), Oe = u(() => ({
-			"s-ui-input--disabled": g.disabled,
-			"s-ui-input--readonly": g.readonly
-		})), ke = u(() => [{
-			"s-ui-input__field--bordered": g.bordered,
-			"s-ui-input__field--borderless": !g.bordered,
-			"s-ui-input__field--disabled": g.disabled,
-			"s-ui-input__field--readonly": g.readonly,
-			"s-ui-input__field--error": J.value,
-			"s-ui-input__field--vertical": g.customize === E.VERTICAL,
-			"s-ui-input__field--focused": G.value || g.focused
-		}]), Ae = (e) => {
-			let t = U.value;
-			t && t.querySelector(".s-ui-input__control, .s-ui-select__control, .s-ui-select__search-input, [tabindex]:not([tabindex=\"-1\"])")?.focus(e);
-		}, Q = (e) => {
-			if (H.control) {
-				Ae(e);
-				return;
-			}
-			W.value?.focus(e);
-		}, $ = () => {
-			if (H.control) {
-				let e = document.activeElement;
-				e instanceof HTMLElement && U.value?.contains(e) && e.blur();
-				return;
-			}
-			W.value?.blur();
-		}, je = (e) => {
-			g.disabled || g.readonly || e.target instanceof HTMLElement && (e.target.closest(".s-ui-input__prepend, .s-ui-input__inline, .s-ui-input__clear, .s-ui-input__action") || Q());
-		}, Me = () => {
-			z.value = "", V("clear"), Q();
-		};
-		return b(() => {
-			g.autofocus && ne(() => {
-				Q();
-			});
-		}), _({
-			blur: $,
-			focus: Q,
-			fieldElementRef: U,
-			inputElementRef: W
-		}), (s, c) => (x(), p("div", v({ class: ["s-ui-input", Oe.value] }, w(pe)), [
-			xe.value ? (x(), d(w(o), v({
-				key: 0,
-				id: be.value
-			}, g.labelProps, { "html-for": Y.value }), {
-				default: ce(() => [C(s.$slots, "label", {}, () => [te(re(g.label), 1)])]),
-				_: 3
-			}, 16, ["id", "html-for"])) : f("", !0),
-			m("div", {
-				ref_key: "fieldElementRef",
-				ref: U,
-				class: y(["s-ui-input__field", [ke.value, { "s-ui-input__field--filled": w(Z)() }]]),
-				inert: g.disabled ? !0 : void 0,
-				"aria-disabled": g.disabled ? !0 : void 0,
-				onClick: c[2] ||= (e) => je(e),
-				onFocusout: c[3] ||= (...e) => w(q) && w(q)(...e)
-			}, [Ce.value ? (x(), p("div", A, [C(s.$slots, "prepend", { disabled: g.disabled })])) : f("", !0), m("div", j, [
-				Se.value ? (x(), p("span", M, [C(s.$slots, "prefix", { disabled: g.disabled }, () => [g.iconLeft ? (x(), d(w(de), {
-					key: 0,
-					name: g.iconLeft,
-					size: L
-				}, null, 8, ["name"])) : f("", !0)])])) : f("", !0),
-				m("div", { class: y(["s-ui-input__control-wrap", { "s-ui-input__control-wrap--horizontal": g.customize === w(E).HORIZONTAL }]) }, [C(s.$slots, "control", { disabled: g.disabled }, () => [le(m("input", v({
-					id: Y.value,
-					ref_key: "inputElementRef",
-					ref: W,
-					"onUpdate:modelValue": c[0] ||= (e) => z.value = e,
-					class: "s-ui-input__control s-ui-typography-body-14-regular",
-					type: g.type,
-					name: g.name,
-					placeholder: g.placeholder,
-					disabled: g.disabled,
-					readonly: g.readonly,
-					autocomplete: g.autocomplete
-				}, w(me), { onFocus: c[1] ||= (...e) => w(K) && w(K)(...e) }), null, 16, N), [[se, z.value]])]), X.value ? (x(), p("div", P, [C(s.$slots, "prepend", { disabled: g.disabled })])) : f("", !0)], 2),
-				we() ? (x(), p("span", F, [h(w(r), {
-					appearance: w(t).BARE,
-					variant: w(e).NEUTRAL,
-					size: w(n).SMALL,
-					icon: "closeMini",
-					"aria-label": w(B)("input.clear"),
-					tabindex: Te.value,
-					onClick: ue(Me, ["stop"])
-				}, null, 8, [
-					"appearance",
-					"variant",
-					"size",
-					"aria-label",
-					"tabindex"
-				])])) : f("", !0),
-				Ee.value ? (x(), p("span", I, [C(s.$slots, "action", { disabled: g.disabled }, () => [g.iconRight ? (x(), d(w(r), {
-					key: 0,
-					appearance: w(t).BARE,
-					variant: w(e).NEUTRAL,
-					size: w(n).SMALL,
-					disabled: g.disabled,
-					icon: g.iconRight,
-					tabindex: -1
-				}, null, 8, [
-					"appearance",
-					"variant",
-					"size",
-					"disabled",
-					"icon"
-				])) : f("", !0)])])) : f("", !0)
-			])], 42, k),
-			De.value || g.reserveMessageSpace ? (x(), p("div", {
-				key: 1,
-				class: y(["s-ui-input__messages", { "s-ui-input__messages--reserved": g.reserveMessageSpace }])
-			}, [C(s.$slots, "message", {}, () => [(x(!0), p(l, null, S(w(_e), (e, t) => (x(), d(w(a), {
-				key: `help-${t}`,
-				message: e
-			}, null, 8, ["message"]))), 128)), (x(!0), p(l, null, S(w(ve), (e, t) => (x(), d(w(a), {
-				key: `error-${t}`,
-				message: e,
-				"data-qa": w(he),
-				"validation-status": w(i).ERROR
-			}, null, 8, [
-				"message",
-				"data-qa",
-				"validation-status"
-			]))), 128))])], 2)) : f("", !0)
-		], 16));
-	}
-});
-//#endregion
-export { D as n, E as r, R as t };

package/dist/SInput-x0GgJDEY.cjs

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

package/dist/SLabel-DLKfepRW.cjs

@@ -1 +0,0 @@
-let e=require("vue"),t=require("@shtabapp/ui-kit-primitives");var n=function(e){return e.EXTRA_SMALL=`extra-small`,e.SMALL=`small`,e.MEDIUM=`medium`,e}({}),r=function(e){return e.NEUTRAL=`neutral`,e.MAIN=`main`,e.ERROR=`error`,e.SUCCESS=`success`,e}({}),i={key:0,class:`s-ui-label__icon s-ui-label__icon_left`},a={class:`s-ui-label__text`},o={key:1,class:`s-ui-label__hint`},s={key:2,class:`s-ui-label__icon s-ui-label__icon_right`},c=16,l=(0,e.defineComponent)({__name:`SLabel`,props:{text:{},size:{default:()=>n.MEDIUM},variant:{default:()=>r.NEUTRAL},required:{type:Boolean,default:!1},iconLeft:{},iconRight:{},htmlFor:{}},setup(r){let l=(0,e.useSlots)(),u=(0,e.computed)(()=>r.htmlFor?`label`:`span`),d=(0,e.computed)(()=>[`s-ui-label--size-${r.size}`,`s-ui-label--variant-${r.variant}`]),f=(0,e.computed)(()=>r.size===n.EXTRA_SMALL?`s-ui-typography-label-10-medium`:r.size===n.SMALL?`s-ui-typography-label-12-medium`:`s-ui-typography-label-14-medium`),p=(0,e.computed)(()=>{if(r.size===n.SMALL||r.size===n.EXTRA_SMALL)return`s-ui-typography-label-14-medium`});return(n,m)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(u.value),{class:(0,e.normalizeClass)([`s-ui-label`,d.value]),for:r.htmlFor},{default:(0,e.withCtx)(()=>[r.iconLeft?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,i,[(0,e.createVNode)((0,e.unref)(t.SIcon),{name:r.iconLeft,size:c},null,8,[`name`])])):(0,e.createCommentVNode)(``,!0),(0,e.createElementVNode)(`span`,{class:(0,e.normalizeClass)([`s-ui-label__body`,f.value])},[(0,e.createElementVNode)(`span`,a,[(0,e.renderSlot)(n.$slots,`default`,{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(r.text),1)])]),r.required?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,{key:0,class:(0,e.normalizeClass)([`s-ui-label__required`,p.value])},` * `,2)):(0,e.createCommentVNode)(``,!0)],2),(0,e.unref)(l).hint?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,o,[(0,e.renderSlot)(n.$slots,`hint`)])):(0,e.createCommentVNode)(``,!0),r.iconRight?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,s,[(0,e.createVNode)((0,e.unref)(t.SIcon),{name:r.iconRight,size:c},null,8,[`name`])])):(0,e.createCommentVNode)(``,!0)]),_:3},8,[`class`,`for`]))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});

package/dist/SLabel-FHHPlcKq.js

@@ -1,59 +0,0 @@
-import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderSlot as u, resolveDynamicComponent as d, toDisplayString as f, unref as p, useSlots as m, withCtx as h } from "vue";
-import { SIcon as g } from "@shtabapp/ui-kit-primitives";
-//#region src/components/SLabel/SLabel.types.ts
-var _ = /* @__PURE__ */ function(e) {
-	return e.EXTRA_SMALL = "extra-small", e.SMALL = "small", e.MEDIUM = "medium", e;
-}({}), v = /* @__PURE__ */ function(e) {
-	return e.NEUTRAL = "neutral", e.MAIN = "main", e.ERROR = "error", e.SUCCESS = "success", e;
-}({}), y = {
-	key: 0,
-	class: "s-ui-label__icon s-ui-label__icon_left"
-}, b = { class: "s-ui-label__text" }, x = {
-	key: 1,
-	class: "s-ui-label__hint"
-}, S = {
-	key: 2,
-	class: "s-ui-label__icon s-ui-label__icon_right"
-}, C = 16, w = /* @__PURE__ */ s({
-	__name: "SLabel",
-	props: {
-		text: {},
-		size: { default: () => _.MEDIUM },
-		variant: { default: () => v.NEUTRAL },
-		required: {
-			type: Boolean,
-			default: !1
-		},
-		iconLeft: {},
-		iconRight: {},
-		htmlFor: {}
-	},
-	setup(s) {
-		let v = m(), w = e(() => s.htmlFor ? "label" : "span"), T = e(() => [`s-ui-label--size-${s.size}`, `s-ui-label--variant-${s.variant}`]), E = e(() => s.size === _.EXTRA_SMALL ? "s-ui-typography-label-10-medium" : s.size === _.SMALL ? "s-ui-typography-label-12-medium" : "s-ui-typography-label-14-medium"), D = e(() => {
-			if (s.size === _.SMALL || s.size === _.EXTRA_SMALL) return "s-ui-typography-label-14-medium";
-		});
-		return (e, m) => (l(), t(d(w.value), {
-			class: c(["s-ui-label", T.value]),
-			for: s.htmlFor
-		}, {
-			default: h(() => [
-				s.iconLeft ? (l(), r("span", y, [o(p(g), {
-					name: s.iconLeft,
-					size: C
-				}, null, 8, ["name"])])) : n("", !0),
-				i("span", { class: c(["s-ui-label__body", E.value]) }, [i("span", b, [u(e.$slots, "default", {}, () => [a(f(s.text), 1)])]), s.required ? (l(), r("span", {
-					key: 0,
-					class: c(["s-ui-label__required", D.value])
-				}, " * ", 2)) : n("", !0)], 2),
-				p(v).hint ? (l(), r("span", x, [u(e.$slots, "hint")])) : n("", !0),
-				s.iconRight ? (l(), r("span", S, [o(p(g), {
-					name: s.iconRight,
-					size: C
-				}, null, 8, ["name"])])) : n("", !0)
-			]),
-			_: 3
-		}, 8, ["class", "for"]));
-	}
-});
-//#endregion
-export { _ as n, v as r, w as t };

package/dist/SList-CmMkLkdG.cjs

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