@shtabapp/ui-kit 1.74.0 → 1.76.0

package/dist/SListItem-BOSQGRWA.js

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

package/dist/SListItem-BeaflFVf.cjs

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

package/dist/SRadio-D6_Pd6XX.js

@@ -1,57 +0,0 @@
-import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, mergeModels as a, normalizeClass as o, openBlock as s, renderSlot as c, unref as l, useModel as u, useSlots as d, vModelRadio as f, withDirectives as p } from "vue";
-//#region src/components/SRadio/SRadio.types.ts
-var m = /* @__PURE__ */ function(e) {
-	return e.LEFT = "left", e.RIGHT = "right", e;
-}({}), h = [
-	"disabled",
-	"name",
-	"value"
-], g = {
-	key: 0,
-	class: "s-ui-radio__content"
-}, _ = {
-	key: 0,
-	class: "s-ui-radio__label s-ui-typography-label-14-medium"
-}, v = {
-	key: 1,
-	class: "s-ui-radio__description s-ui-typography-body-12-regular"
-}, y = /* @__PURE__ */ i({
-	__name: "SRadio",
-	props: /*@__PURE__*/ a({
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		labelPlacement: { default: () => m.RIGHT },
-		name: {},
-		value: {}
-	}, {
-		modelValue: {},
-		modelModifiers: {}
-	}),
-	emits: /*@__PURE__*/ a(["change"], ["update:modelValue"]),
-	setup(i, { emit: a }) {
-		let y = u(i, "modelValue"), b = a, x = d(), S = e(() => y.value === i.value), C = e(() => [{
-			"s-ui-radio--checked": S.value,
-			"s-ui-radio--disabled": i.disabled,
-			"s-ui-radio--label-left": i.labelPlacement === m.LEFT
-		}]), w = (e) => {
-			e.target instanceof HTMLInputElement && e.target.checked && b("change", i.value);
-		};
-		return (e, a) => (s(), n("label", { class: o(["s-ui-radio", [C.value, { "s-ui-radio--control-only": !l(x).default && !l(x).description }]]) }, [
-			p(r("input", {
-				"onUpdate:modelValue": a[0] ||= (e) => y.value = e,
-				type: "radio",
-				class: "s-ui-radio__input",
-				disabled: i.disabled,
-				name: i.name,
-				value: i.value,
-				onChange: w
-			}, null, 40, h), [[f, y.value]]),
-			a[1] ||= r("span", { class: "s-ui-radio__control" }, [r("span", { class: "s-ui-radio__thumb" })], -1),
-			l(x).default || l(x).description ? (s(), n("span", g, [l(x).default ? (s(), n("span", _, [c(e.$slots, "default")])) : t("", !0), l(x).description ? (s(), n("span", v, [c(e.$slots, "description")])) : t("", !0)])) : t("", !0)
-		], 2));
-	}
-});
-//#endregion
-export { m as n, y as t };

package/dist/SRadio-DRo_GU5A.cjs

@@ -1 +0,0 @@
-let e=require("vue");var t=function(e){return e.LEFT=`left`,e.RIGHT=`right`,e}({}),n=[`disabled`,`name`,`value`],r={key:0,class:`s-ui-radio__content`},i={key:0,class:`s-ui-radio__label s-ui-typography-label-14-medium`},a={key:1,class:`s-ui-radio__description s-ui-typography-body-12-regular`},o=(0,e.defineComponent)({__name:`SRadio`,props:(0,e.mergeModels)({disabled:{type:Boolean,default:!1},labelPlacement:{default:()=>t.RIGHT},name:{},value:{}},{modelValue:{},modelModifiers:{}}),emits:(0,e.mergeModels)([`change`],[`update:modelValue`]),setup(o,{emit:s}){let c=(0,e.useModel)(o,`modelValue`),l=s,u=(0,e.useSlots)(),d=(0,e.computed)(()=>c.value===o.value),f=(0,e.computed)(()=>[{"s-ui-radio--checked":d.value,"s-ui-radio--disabled":o.disabled,"s-ui-radio--label-left":o.labelPlacement===t.LEFT}]),p=e=>{e.target instanceof HTMLInputElement&&e.target.checked&&l(`change`,o.value)};return(t,s)=>((0,e.openBlock)(),(0,e.createElementBlock)(`label`,{class:(0,e.normalizeClass)([`s-ui-radio`,[f.value,{"s-ui-radio--control-only":!(0,e.unref)(u).default&&!(0,e.unref)(u).description}]])},[(0,e.withDirectives)((0,e.createElementVNode)(`input`,{"onUpdate:modelValue":s[0]||=e=>c.value=e,type:`radio`,class:`s-ui-radio__input`,disabled:o.disabled,name:o.name,value:o.value,onChange:p},null,40,n),[[e.vModelRadio,c.value]]),s[1]||=(0,e.createElementVNode)(`span`,{class:`s-ui-radio__control`},[(0,e.createElementVNode)(`span`,{class:`s-ui-radio__thumb`})],-1),(0,e.unref)(u).default||(0,e.unref)(u).description?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,r,[(0,e.unref)(u).default?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,i,[(0,e.renderSlot)(t.$slots,`default`)])):(0,e.createCommentVNode)(``,!0),(0,e.unref)(u).description?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,a,[(0,e.renderSlot)(t.$slots,`description`)])):(0,e.createCommentVNode)(``,!0)])):(0,e.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});

package/dist/SSelect-mnobObXO.cjs

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