@shtabapp/ui-kit 1.85.0 → 1.85.1

package/dist/SDropdown-B_nsm3Jf.cjs

@@ -1 +0,0 @@
-const e=require("./useFloatingOverlay-CwGCMrig.cjs");let t=require("vue"),n=require("@shtabapp/ui-kit-primitives"),r=require("@vueuse/core");var i=768,a=[`a[href]`,`button:not([disabled])`,`input:not([disabled]):not([type="hidden"])`,`select:not([disabled])`,`textarea:not([disabled])`,`[tabindex]`,`[contenteditable="true"]`].join(`, `),o=[`[role="menuitem"]`,`[role="menuitemcheckbox"]`,`[role="menuitemradio"]`,`.s-ui-list-item[role="button"]`,`.s-ui-list-item[role="link"]`].join(`, `),s=[`input:not([type="button"], [type="checkbox"], [type="radio"], [type="submit"], [type="reset"])`,`textarea`,`select`,`[contenteditable="true"]`,`[role="combobox"]`,`[role="textbox"]`,`[role="searchbox"]`].join(`, `),c=e=>e.getClientRects().length>0&&getComputedStyle(e).visibility!==`hidden`,l=e=>e instanceof HTMLElement&&e.isConnected&&e.matches(a)&&!e.closest(`[inert]`)&&c(e),u=e=>l(e)&&e.tabIndex>=0,d=e=>e?[e,...e.querySelectorAll(a)].find(l)??null:null,f=(e,t)=>[...e.querySelectorAll(a)].filter(n=>u(n)&&n.closest(t)===e),p=(e,t)=>[...e.querySelectorAll(o)].filter(n=>l(n)&&n.getAttribute(`aria-disabled`)!==`true`&&n.closest(t)===e),m=e=>e.matches(s),h=`.s-ui-dropdown__panel`,g=[`ArrowDown`,`ArrowUp`,`Home`,`End`],_=e=>{let n=null,r=null,i=!1,a=null,o=!1,s=()=>[(0,t.toValue)(e.panel),...(0,t.toValue)(e.descendantElements)],c=e=>e!==null&&s().some(t=>t?.contains(e)),u=()=>n&&l(n)&&!c(n)?n:d((0,t.toValue)(e.trigger)),_=()=>{let e=document.activeElement;n=e instanceof HTMLElement&&e!==document.body&&!c(e)?e:null},v=()=>(0,t.toValue)(e.focusOnOpen)&&n!==null&&!m(n)&&!e.isOpenedByHover(),y=()=>{let e=document.activeElement,t=e===null||e===document.body;!c(e)&&!(t&&o)||u()?.focus({preventScroll:!0})};(0,t.watch)(e.open,s=>{if((0,t.toValue)(e.enabled)){if(s){_(),i=a!==null||!!n?.matches(`:focus-visible`),o=!1,r=v()?a??`first`:null,a=null;return}r=null,a=null,y()}},{flush:`sync`});let b=(n,r)=>{let i=p(n,h),a=r===`first`?i[0]:i.at(-1);if(a){a.focus({preventScroll:!0});return}(((0,t.toValue)(e.menu)?void 0:f(n,h)[0])??n).focus({preventScroll:!0})};(0,t.watch)([()=>(0,t.toValue)(e.panelReady),()=>(0,t.toValue)(e.panel)],([t,n])=>{if(!r||!t||!n||!e.open.value)return;let a=r;r=null,!n.contains(document.activeElement)&&(i?b(n,a):n.focus({preventScroll:!0}))},{flush:`post`});let x=()=>{o=!0},S=t=>{e.close(),t.shiftKey&&t.preventDefault()},C=(n,r)=>{if((0,t.toValue)(e.menu)){S(n);return}let i=f(r,h),a=n.shiftKey?i[0]:i.at(-1);if(n.target===a||i.length===0||n.target===r&&n.shiftKey){S(n);return}n.stopPropagation()},w=(e,t)=>{let n=p(t,h),r=e.target;if(!(r instanceof HTMLElement)||n.length===0)return;let i=n.indexOf(r);if(i===-1&&r!==t)return;e.preventDefault(),e.stopPropagation();let a=n.length-1;n[{Home:0,End:a,ArrowDown:i===-1||i===a?0:i+1,ArrowUp:i<=0?a:i-1}[e.key]??0]?.focus({preventScroll:!0})};return{handlePanelFocusIn:x,handlePanelKeydown:n=>{let r=(0,t.toValue)(e.panel);if(!(!r||n.defaultPrevented)){if(n.key===`Tab`){C(n,r);return}g.includes(n.key)&&w(n,r)}},handleTriggerKeydown:n=>{if(!(0,t.toValue)(e.menu)||n.key!==`ArrowDown`&&n.key!==`ArrowUp`||!(n.target instanceof HTMLElement)||m(n.target))return;n.preventDefault();let r=n.key===`ArrowDown`?`first`:`last`,i=(0,t.toValue)(e.panel);if(e.open.value&&i){b(i,r);return}a=r,e.show()}}},v=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)}}},y=(e,n)=>{let i=(0,r.useMediaQuery)((0,t.computed)(()=>`(max-width: ${((0,t.toValue)(n)||768)-.02}px)`));return(0,t.computed)(()=>(0,t.toValue)(e)&&i.value)},b=Symbol(`SDropdown`),x=e=>{let n=(0,t.inject)(b,null),r=(0,t.shallowReactive)(new Set),i=(0,t.computed)(()=>[...r].filter(e=>e.isOpen())),a=(0,t.computed)(()=>i.value.length>0),o=(0,t.computed)(()=>i.value.flatMap(e=>e.getElements())),s={isOpen:()=>(0,t.toValue)(e.open),getElements:()=>{let n=(0,t.toValue)(e.element);return n?[n,...o.value]:o.value}};return(0,t.provide)(b,{registerChild:e=>{r.add(e)},unregisterChild:e=>{r.delete(e)}}),n&&(n.registerChild(s),(0,t.onScopeDispose)(()=>n.unregisterChild(s))),{hasOpenChild:a,descendantElements:o}},S=e=>{if(!e)return null;let t=e.getBoundingClientRect();if(t.width>0||t.height>0)return e;let n=e.firstElementChild;return n instanceof HTMLElement?n:e},C={OVERDRAG_LIMIT:50,CLOSE_DISTANCE_RATIO:.3,CLOSE_DISTANCE_LIMIT:140,CLOSE_VELOCITY:.5,SETTLE_TIMEOUT:400,INTERACTIVE_SELECTOR:`button, a[href], input, select, textarea, [role="button"], [contenteditable="true"]`},w=e=>{let n=(0,t.shallowRef)(0),i=(0,t.shallowRef)(!1),a=(0,t.shallowRef)(!1),o=null,s=0,c=0,l=0,u=0,d=0,f,p=(0,t.computed)(()=>i.value||a.value),m=()=>{clearTimeout(f),f=void 0,a.value=!1},h=()=>{a.value=!0,clearTimeout(f),f=setTimeout(m,C.SETTLE_TIMEOUT)},g=()=>{o=null,n.value=0,i.value=!1,m()},_=()=>(0,t.toValue)(e.popup)?.offsetHeight??0,v=()=>{let e=u-s;if(e<=0)return!1;let t=d-l;return(t>0?(u-c)/t:0)>=C.CLOSE_VELOCITY?!0:e>=Math.min(_()*C.CLOSE_DISTANCE_RATIO,C.CLOSE_DISTANCE_LIMIT)},y=e=>{o===null&&(e.pointerType===`mouse`&&e.button!==0||e.target instanceof Element&&e.target.closest(C.INTERACTIVE_SELECTOR)||(o=e.pointerId,s=e.clientY,u=e.clientY,c=e.clientY,d=e.timeStamp,l=e.timeStamp,m(),i.value=!0))},b=e=>{o===e.pointerId&&(c=u,l=d,u=e.clientY,d=e.timeStamp,n.value=Math.max(e.clientY-s,-C.OVERDRAG_LIMIT))},x=t=>{if(o===t.pointerId){if(o=null,i.value=!1,v()){a.value=!0,n.value=_()+C.OVERDRAG_LIMIT,e.onClose();return}if(n.value===0){m();return}h(),n.value=0}};return(0,r.useEventListener)(()=>(0,t.toValue)(e.handle),`pointerdown`,y),(0,r.useEventListener)(window,`pointermove`,b),(0,r.useEventListener)(window,`pointerup`,x),(0,r.useEventListener)(window,`pointercancel`,x),(0,r.useEventListener)(()=>(0,t.toValue)(e.popup),`transitionend`,e=>{e.propertyName!==`transform`||i.value||n.value!==0||m()}),(0,t.onScopeDispose)(()=>{clearTimeout(f)}),{isActive:p,popupStyles:(0,t.computed)(()=>{if(p.value)return{transform:`translate3d(0, ${n.value}px, 0)`,transition:a.value?`transform var(--s-ui-transition-duration-slow) var(--s-ui-transition-easing-standard)`:`none`}}),reset:g}},T=[`aria-label`],E={class:`s-ui-dropdown-sheet__side`},D={class:`s-ui-dropdown-sheet__title`},O={class:`s-ui-dropdown-sheet__side s-ui-dropdown-sheet__side--end`},k=[`id`],A=(0,t.defineComponent)({__name:`SDropdownSheet`,props:{open:{type:Boolean},title:{default:``},dismissOnOverlayClick:{type:Boolean,default:!0},dismissOnEscape:{type:Boolean,default:!0},hasOpenDescendant:{type:Boolean,default:!1},contentId:{}},emits:[`close`],setup(i,{expose:a,emit:o}){let s=o,{t:c}=(0,n.useUiKitI18n)(),l=(0,t.useTemplateRef)(`overlayRef`),u=(0,t.useTemplateRef)(`popupRef`),d=(0,t.useTemplateRef)(`headerRef`),f=()=>s(`close`),{isActive:p,popupStyles:m,reset:h}=w({handle:d,popup:u,onClose:f}),g=(0,r.useScrollLock)(()=>typeof document>`u`?null:document.body),_=()=>{i.dismissOnOverlayClick&&f()},v=e=>{p.value&&e.stopPropagation()},y=()=>h(),b=null,x=()=>{let e=document.activeElement;b=e instanceof HTMLElement?e:null},S=async()=>{await(0,t.nextTick)();let e=u.value;!e||e.contains(document.activeElement)||e.focus({preventScroll:!0})},C=()=>{let e=b,t=!!u.value?.contains(document.activeElement);b=null,!(!t||!e?.isConnected)&&e.focus({preventScroll:!0})};return(0,t.watch)(()=>i.open,e=>{if(g.value=e,e){x(),S();return}C()},{immediate:!0}),e.n({open:()=>i.open,enabled:()=>i.dismissOnEscape,hasOpenDescendant:()=>i.hasOpenDescendant,onDismiss:f}),(0,t.onBeforeUnmount)(()=>{g.value=!1}),a({overlayElement:l}),(e,n)=>((0,t.openBlock)(),(0,t.createBlock)(t.Transition,{name:`s-ui-dropdown-sheet`,onAfterLeave:y},{default:(0,t.withCtx)(()=>[i.open?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,ref_key:`overlayRef`,ref:l,class:`s-ui-dropdown-sheet`,onClick:_},[(0,t.createElementVNode)(`div`,{ref_key:`popupRef`,ref:u,class:`s-ui-dropdown-sheet__popup`,style:(0,t.normalizeStyle)((0,t.unref)(m)),role:`dialog`,"aria-modal":`true`,"aria-label":i.title||(0,t.unref)(c)(`dropdown.sheet`),tabindex:`-1`,onClickCapture:v,onClick:n[0]||=(0,t.withModifiers)(()=>{},[`stop`])},[(0,t.createElementVNode)(`header`,{ref_key:`headerRef`,ref:d,class:`s-ui-dropdown-sheet__header`},[n[1]||=(0,t.createElementVNode)(`span`,{class:`s-ui-dropdown-sheet__handle`,"aria-hidden":`true`},null,-1),(0,t.createElementVNode)(`div`,E,[(0,t.renderSlot)(e.$slots,`header-left`)]),(0,t.createElementVNode)(`div`,D,(0,t.toDisplayString)(i.title),1),(0,t.createElementVNode)(`div`,O,[(0,t.renderSlot)(e.$slots,`header-right`)])],512),(0,t.createElementVNode)(`div`,{id:i.contentId,class:`s-ui-dropdown-sheet__content`},[(0,t.renderSlot)(e.$slots,`default`)],8,k)],44,T)],512)):(0,t.createCommentVNode)(``,!0)]),_:3}))}}),j=[`id`,`role`],M=[`data-placement`],N={class:`s-ui-dropdown__content`},P=(0,t.defineComponent)({inheritAttrs:!1,__name:`SDropdown`,props:(0,t.mergeModels)({placement:{default:()=>e.s.BOTTOM_START},offset:{default:8},flip:{type:Boolean,default:!0},shift:{type:Boolean,default:!0},matchReferenceWidth:{type:Boolean,default:!1},fitViewport:{type:Boolean,default:!1},surfaceClass:{},teleportTo:{type:[String,Boolean],default:`body`},dismissOnClickOutside:{type:Boolean,default:!0},dismissOnEscape:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},reference:{default:null},contentId:{},viewportPadding:{default:8},boundary:{default:()=>e.o.CLIPPING_ANCESTORS},block:{type:Boolean,default:!1},arrow:{type:Boolean,default:!1},showOnHover:{type:Boolean,default:!1},hoverLeaveDelay:{default:100},sheet:{type:Boolean,default:!0},sheetBreakpoint:{default:()=>768},sheetTitle:{default:``},menu:{type:Boolean,default:!1},focusOnOpen:{type:Boolean,default:!0},panelLabel:{}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:[`update:modelValue`],setup(n,{expose:i}){let a=(0,t.useModel)(n,`modelValue`),o=y(()=>n.sheet,()=>n.sheetBreakpoint),{isPanelShown:s,isPanelActive:c,handlePanelAfterLeave:l}=v(a),u=e=>{a.value=e},f=()=>u(!1),p=e=>{e.toggleAttribute(`inert`,!0)},m=(0,t.useSlots)(),h=(0,t.useTemplateRef)(`triggerWrapperRef`),g=(0,t.useTemplateRef)(`panelRef`),b=(0,t.useTemplateRef)(`sheetRef`),{hasOpenChild:C,descendantElements:w}=x({open:a,element:(0,t.computed)(()=>o.value?b.value?.overlayElement??null:g.value)}),T=(0,t.useId)(),E=(0,t.useId)(),D=(0,t.computed)(()=>n.contentId??T),O=(0,t.computed)(()=>m.trigger?S(h.value):n.reference),k=(0,t.computed)(()=>n.teleportTo!==!1),P=(0,t.computed)(()=>n.teleportTo===!1?`body`:n.teleportTo),F=e.s.BOTTOM_START,I=()=>{n.disabled||u(!0)},L=()=>{n.disabled||(a.value=!a.value)},R=(0,t.computed)(()=>({id:E,"aria-expanded":a.value,"aria-haspopup":n.menu?`menu`:`dialog`,"aria-controls":D.value})),{panelStyles:z,panelMaxHeight:B,resolvedPlacement:V,arrowStyles:H,isArrowOverflow:U,isPositionReady:W,updatePosition:G}=e.t({open:()=>c.value&&!o.value,onOpenChange:u,reference:()=>O.value,panel:()=>g.value,placement:()=>n.placement,offset:()=>n.offset,flip:()=>n.flip,shift:()=>n.shift,matchReferenceWidth:()=>n.matchReferenceWidth,fitViewport:()=>n.fitViewport,dismissOnClickOutside:()=>n.dismissOnClickOutside,dismissOnEscape:()=>n.dismissOnEscape,viewportPadding:()=>n.viewportPadding,arrow:()=>n.arrow,boundary:()=>n.boundary,clickOutsideIgnore:w,hasOpenDescendant:C}),K=(0,t.computed)(()=>n.showOnHover&&!o.value),q=(0,t.computed)(()=>K.value?e.r(O.value):null),J=(0,t.computed)(()=>K.value?g.value:null),Y=(0,r.useElementHover)(q,{delayLeave:n.hoverLeaveDelay}),X=(0,r.useElementHover)(J,{delayLeave:n.hoverLeaveDelay});(0,t.watch)([Y,X,C,K,()=>n.disabled],()=>{if(K.value){if(n.disabled){u(!1);return}u(Y.value||X.value||C.value)}});let{handlePanelFocusIn:Z,handlePanelKeydown:Q,handleTriggerKeydown:$}=_({open:a,enabled:()=>!o.value,panel:g,panelReady:W,descendantElements:w,trigger:()=>m.trigger?h.value:e.r(n.reference),focusOnOpen:()=>n.focusOnOpen,menu:()=>n.menu,isOpenedByHover:()=>K.value&&(Y.value||X.value),show:I,close:f}),ee=(0,t.computed)(()=>{if(n.panelLabel)return{"aria-label":n.panelLabel};let t=d(m.trigger?h.value:e.r(O.value));return t?.id?{"aria-labelledby":t.id}:{"aria-label":t?.getAttribute(`aria-label`)??void 0}}),te=(0,t.computed)(()=>!!B.value),ne=(0,t.computed)(()=>{if(B.value)return{maxHeight:`${B.value}px`}});return(0,t.watch)(()=>n.disabled,e=>{e&&a.value&&(a.value=!1)}),i({updatePosition:G,show:I,close:f,toggle:L}),(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[(0,t.unref)(m).trigger?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,(0,t.mergeProps)({key:0,ref_key:`triggerWrapperRef`,ref:h,class:[`s-ui-dropdown`,{"s-ui-dropdown--block":n.block}]},e.$attrs,{onKeydown:r[0]||=(...e)=>(0,t.unref)($)&&(0,t.unref)($)(...e)}),[(0,t.renderSlot)(e.$slots,`trigger`,{open:a.value,toggle:L,close:f,isSheet:(0,t.unref)(o),triggerProps:R.value})],16)):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:P.value,disabled:!k.value},[(0,t.unref)(o)?((0,t.openBlock)(),(0,t.createBlock)(A,{key:0,ref_key:`sheetRef`,ref:b,open:a.value,title:n.sheetTitle,"dismiss-on-overlay-click":n.dismissOnClickOutside,"dismiss-on-escape":n.dismissOnEscape,"has-open-descendant":(0,t.unref)(C),"content-id":D.value,onClose:f},{"header-left":(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`sheet-header-left`,{close:f})]),"header-right":(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`sheet-header-right`,{close:f})]),default:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`content`,{resolvedPlacement:(0,t.unref)(F),isSheet:!0,close:f})]),_:3},8,[`open`,`title`,`dismiss-on-overlay-click`,`dismiss-on-escape`,`has-open-descendant`,`content-id`])):((0,t.openBlock)(),(0,t.createBlock)(t.Transition,{key:1,name:`s-ui-dropdown`,onBeforeLeave:p,onAfterLeave:(0,t.unref)(l)},{default:(0,t.withCtx)(()=>[(0,t.unref)(s)?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,(0,t.mergeProps)({key:0,id:D.value,ref_key:`panelRef`,ref:g,class:[`s-ui-dropdown__panel`,{"s-ui-dropdown__panel--match-reference-width":n.matchReferenceWidth,"s-ui-dropdown__panel--ready":(0,t.unref)(W)}],style:(0,t.unref)(z),role:n.menu?`menu`:`dialog`},ee.value,{tabindex:`-1`,onKeydown:r[1]||=(...e)=>(0,t.unref)(Q)&&(0,t.unref)(Q)(...e),onFocusin:r[2]||=(...e)=>(0,t.unref)(Z)&&(0,t.unref)(Z)(...e)}),[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`s-ui-dropdown__surface`,[n.surfaceClass,{"s-ui-dropdown__surface--fit-viewport":te.value,"s-ui-dropdown__surface--with-arrow":n.arrow}]]),style:(0,t.normalizeStyle)(ne.value),"data-placement":(0,t.unref)(V)},[n.arrow?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)([`s-ui-dropdown__arrow`,{"s-ui-dropdown__arrow--overflow":(0,t.unref)(U)}]),style:(0,t.normalizeStyle)((0,t.unref)(H)),"aria-hidden":`true`},[...r[3]||=[(0,t.createElementVNode)(`span`,{class:`s-ui-dropdown__arrow-shape`},null,-1)]],6)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,N,[(0,t.renderSlot)(e.$slots,`content`,{resolvedPlacement:(0,t.unref)(V),isSheet:!1,close:f})])],14,M)],16,j)):(0,t.createCommentVNode)(``,!0)]),_:3},8,[`onAfterLeave`]))],8,[`to`,`disabled`]))],64))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return P}});

package/dist/SDropdown-aWjZrahp.js

@@ -1,541 +0,0 @@
-import { n as e, o as t, r as n, s as r, t as i } from "./useFloatingOverlay-TxzVisMJ.js";
-import { Fragment as a, Teleport as o, Transition as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, defineComponent as p, inject as m, mergeModels as h, mergeProps as g, nextTick as _, normalizeClass as v, normalizeStyle as y, onBeforeUnmount as b, onScopeDispose as x, openBlock as S, provide as C, ref as w, renderSlot as T, shallowReactive as E, shallowRef as D, toDisplayString as O, toValue as k, unref as A, useId as j, useModel as ee, useSlots as te, useTemplateRef as M, watch as N, withCtx as P, withModifiers as F } from "vue";
-import { useUiKitI18n as I } from "@shtabapp/ui-kit-primitives";
-import { useElementHover as ne, useEventListener as L, useMediaQuery as re, useScrollLock as R } from "@vueuse/core";
-//#region src/components/SDropdown/SDropdown.types.ts
-var z = 768, B = [
-	"a[href]",
-	"button:not([disabled])",
-	"input:not([disabled]):not([type=\"hidden\"])",
-	"select:not([disabled])",
-	"textarea:not([disabled])",
-	"[tabindex]",
-	"[contenteditable=\"true\"]"
-].join(", "), ie = [
-	"[role=\"menuitem\"]",
-	"[role=\"menuitemcheckbox\"]",
-	"[role=\"menuitemradio\"]",
-	".s-ui-list-item[role=\"button\"]",
-	".s-ui-list-item[role=\"link\"]"
-].join(", "), ae = [
-	"input:not([type=\"button\"], [type=\"checkbox\"], [type=\"radio\"], [type=\"submit\"], [type=\"reset\"])",
-	"textarea",
-	"select",
-	"[contenteditable=\"true\"]",
-	"[role=\"combobox\"]",
-	"[role=\"textbox\"]",
-	"[role=\"searchbox\"]"
-].join(", "), V = (e) => e.getClientRects().length > 0 && getComputedStyle(e).visibility !== "hidden", H = (e) => e instanceof HTMLElement && e.isConnected && e.matches(B) && !e.closest("[inert]") && V(e), oe = (e) => H(e) && e.tabIndex >= 0, se = (e) => e ? [e, ...e.querySelectorAll(B)].find(H) ?? null : null, U = (e, t) => [...e.querySelectorAll(B)].filter((n) => oe(n) && n.closest(t) === e), W = (e, t) => [...e.querySelectorAll(ie)].filter((n) => H(n) && n.getAttribute("aria-disabled") !== "true" && n.closest(t) === e), G = (e) => e.matches(ae), K = ".s-ui-dropdown__panel", ce = [
-	"ArrowDown",
-	"ArrowUp",
-	"Home",
-	"End"
-], le = (e) => {
-	let t = null, n = null, r = !1, i = null, a = !1, o = () => [k(e.panel), ...k(e.descendantElements)], s = (e) => e !== null && o().some((t) => t?.contains(e)), c = () => t && H(t) && !s(t) ? t : se(k(e.trigger)), l = () => {
-		let e = document.activeElement;
-		t = e instanceof HTMLElement && e !== document.body && !s(e) ? e : null;
-	}, u = () => k(e.focusOnOpen) && t !== null && !G(t) && !e.isOpenedByHover(), d = () => {
-		let e = document.activeElement, t = e === null || e === document.body;
-		!s(e) && !(t && a) || c()?.focus({ preventScroll: !0 });
-	};
-	N(e.open, (o) => {
-		if (k(e.enabled)) {
-			if (o) {
-				l(), r = i !== null || !!t?.matches(":focus-visible"), a = !1, n = u() ? i ?? "first" : null, i = null;
-				return;
-			}
-			n = null, i = null, d();
-		}
-	}, { flush: "sync" });
-	let f = (t, n) => {
-		let r = W(t, K), i = n === "first" ? r[0] : r.at(-1);
-		if (i) {
-			i.focus({ preventScroll: !0 });
-			return;
-		}
-		((k(e.menu) ? void 0 : U(t, K)[0]) ?? t).focus({ preventScroll: !0 });
-	};
-	N([() => k(e.panelReady), () => k(e.panel)], ([t, i]) => {
-		if (!n || !t || !i || !e.open.value) return;
-		let a = n;
-		n = null, !i.contains(document.activeElement) && (r ? f(i, a) : i.focus({ preventScroll: !0 }));
-	}, { flush: "post" });
-	let p = () => {
-		a = !0;
-	}, m = (t) => {
-		e.close(), t.shiftKey && t.preventDefault();
-	}, h = (t, n) => {
-		if (k(e.menu)) {
-			m(t);
-			return;
-		}
-		let r = U(n, K), i = t.shiftKey ? r[0] : r.at(-1);
-		if (t.target === i || r.length === 0 || t.target === n && t.shiftKey) {
-			m(t);
-			return;
-		}
-		t.stopPropagation();
-	}, g = (e, t) => {
-		let n = W(t, K), r = e.target;
-		if (!(r instanceof HTMLElement) || n.length === 0) return;
-		let i = n.indexOf(r);
-		if (i === -1 && r !== t) return;
-		e.preventDefault(), e.stopPropagation();
-		let a = n.length - 1;
-		n[{
-			Home: 0,
-			End: a,
-			ArrowDown: i === -1 || i === a ? 0 : i + 1,
-			ArrowUp: i <= 0 ? a : i - 1
-		}[e.key] ?? 0]?.focus({ preventScroll: !0 });
-	};
-	return {
-		handlePanelFocusIn: p,
-		handlePanelKeydown: (t) => {
-			let n = k(e.panel);
-			if (!(!n || t.defaultPrevented)) {
-				if (t.key === "Tab") {
-					h(t, n);
-					return;
-				}
-				ce.includes(t.key) && g(t, n);
-			}
-		},
-		handleTriggerKeydown: (t) => {
-			if (!k(e.menu) || t.key !== "ArrowDown" && t.key !== "ArrowUp" || !(t.target instanceof HTMLElement) || G(t.target)) return;
-			t.preventDefault();
-			let n = t.key === "ArrowDown" ? "first" : "last", r = k(e.panel);
-			if (e.open.value && r) {
-				f(r, n);
-				return;
-			}
-			i = n, e.show();
-		}
-	};
-}, ue = (e) => {
-	let t = w(e.value), n = w(e.value);
-	return N(e, (e) => {
-		if (e) {
-			t.value = !0, n.value = !0;
-			return;
-		}
-		t.value = !1;
-	}, { flush: "sync" }), {
-		isPanelShown: t,
-		isPanelActive: n,
-		handlePanelAfterLeave: () => {
-			e.value || (n.value = !1);
-		}
-	};
-}, de = (e, t) => {
-	let n = re(c(() => `(max-width: ${(k(t) || 768) - .02}px)`));
-	return c(() => k(e) && n.value);
-}, q = Symbol("SDropdown"), fe = (e) => {
-	let t = m(q, null), n = E(/* @__PURE__ */ new Set()), r = c(() => [...n].filter((e) => e.isOpen())), i = c(() => r.value.length > 0), a = c(() => r.value.flatMap((e) => e.getElements())), o = {
-		isOpen: () => k(e.open),
-		getElements: () => {
-			let t = k(e.element);
-			return t ? [t, ...a.value] : a.value;
-		}
-	};
-	return C(q, {
-		registerChild: (e) => {
-			n.add(e);
-		},
-		unregisterChild: (e) => {
-			n.delete(e);
-		}
-	}), t && (t.registerChild(o), x(() => t.unregisterChild(o))), {
-		hasOpenChild: i,
-		descendantElements: a
-	};
-}, pe = (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;
-}, J = {
-	OVERDRAG_LIMIT: 50,
-	CLOSE_DISTANCE_RATIO: .3,
-	CLOSE_DISTANCE_LIMIT: 140,
-	CLOSE_VELOCITY: .5,
-	SETTLE_TIMEOUT: 400,
-	INTERACTIVE_SELECTOR: "button, a[href], input, select, textarea, [role=\"button\"], [contenteditable=\"true\"]"
-}, Y = (e) => {
-	let t = D(0), n = D(!1), r = D(!1), i = null, a = 0, o = 0, s = 0, l = 0, u = 0, d, f = c(() => n.value || r.value), p = () => {
-		clearTimeout(d), d = void 0, r.value = !1;
-	}, m = () => {
-		r.value = !0, clearTimeout(d), d = setTimeout(p, J.SETTLE_TIMEOUT);
-	}, h = () => {
-		i = null, t.value = 0, n.value = !1, p();
-	}, g = () => k(e.popup)?.offsetHeight ?? 0, _ = () => {
-		let e = l - a;
-		if (e <= 0) return !1;
-		let t = u - s;
-		return (t > 0 ? (l - o) / t : 0) >= J.CLOSE_VELOCITY ? !0 : e >= Math.min(g() * J.CLOSE_DISTANCE_RATIO, J.CLOSE_DISTANCE_LIMIT);
-	}, v = (e) => {
-		i === null && (e.pointerType === "mouse" && e.button !== 0 || e.target instanceof Element && e.target.closest(J.INTERACTIVE_SELECTOR) || (i = e.pointerId, a = e.clientY, l = e.clientY, o = e.clientY, u = e.timeStamp, s = e.timeStamp, p(), n.value = !0));
-	}, y = (e) => {
-		i === e.pointerId && (o = l, s = u, l = e.clientY, u = e.timeStamp, t.value = Math.max(e.clientY - a, -J.OVERDRAG_LIMIT));
-	}, b = (a) => {
-		if (i === a.pointerId) {
-			if (i = null, n.value = !1, _()) {
-				r.value = !0, t.value = g() + J.OVERDRAG_LIMIT, e.onClose();
-				return;
-			}
-			if (t.value === 0) {
-				p();
-				return;
-			}
-			m(), t.value = 0;
-		}
-	};
-	return L(() => k(e.handle), "pointerdown", v), L(window, "pointermove", y), L(window, "pointerup", b), L(window, "pointercancel", b), L(() => k(e.popup), "transitionend", (e) => {
-		e.propertyName !== "transform" || n.value || t.value !== 0 || p();
-	}), x(() => {
-		clearTimeout(d);
-	}), {
-		isActive: f,
-		popupStyles: c(() => {
-			if (f.value) return {
-				transform: `translate3d(0, ${t.value}px, 0)`,
-				transition: r.value ? "transform var(--s-ui-transition-duration-slow) var(--s-ui-transition-easing-standard)" : "none"
-			};
-		}),
-		reset: h
-	};
-}, me = ["aria-label"], he = { class: "s-ui-dropdown-sheet__side" }, X = { class: "s-ui-dropdown-sheet__title" }, Z = { class: "s-ui-dropdown-sheet__side s-ui-dropdown-sheet__side--end" }, Q = ["id"], ge = /* @__PURE__ */ p({
-	__name: "SDropdownSheet",
-	props: {
-		open: { type: Boolean },
-		title: { default: "" },
-		dismissOnOverlayClick: {
-			type: Boolean,
-			default: !0
-		},
-		dismissOnEscape: {
-			type: Boolean,
-			default: !0
-		},
-		hasOpenDescendant: {
-			type: Boolean,
-			default: !1
-		},
-		contentId: {}
-	},
-	emits: ["close"],
-	setup(t, { expose: n, emit: r }) {
-		let i = r, { t: a } = I(), o = M("overlayRef"), c = M("popupRef"), p = M("headerRef"), m = () => i("close"), { isActive: h, popupStyles: g, reset: v } = Y({
-			handle: p,
-			popup: c,
-			onClose: m
-		}), x = R(() => typeof document > "u" ? null : document.body), C = () => {
-			t.dismissOnOverlayClick && m();
-		}, w = (e) => {
-			h.value && e.stopPropagation();
-		}, E = () => v(), D = null, k = () => {
-			let e = document.activeElement;
-			D = e instanceof HTMLElement ? e : null;
-		}, j = async () => {
-			await _();
-			let e = c.value;
-			!e || e.contains(document.activeElement) || e.focus({ preventScroll: !0 });
-		}, ee = () => {
-			let e = D, t = !!c.value?.contains(document.activeElement);
-			D = null, !(!t || !e?.isConnected) && e.focus({ preventScroll: !0 });
-		};
-		return N(() => t.open, (e) => {
-			if (x.value = e, e) {
-				k(), j();
-				return;
-			}
-			ee();
-		}, { immediate: !0 }), e({
-			open: () => t.open,
-			enabled: () => t.dismissOnEscape,
-			hasOpenDescendant: () => t.hasOpenDescendant,
-			onDismiss: m
-		}), b(() => {
-			x.value = !1;
-		}), n({ overlayElement: o }), (e, n) => (S(), l(s, {
-			name: "s-ui-dropdown-sheet",
-			onAfterLeave: E
-		}, {
-			default: P(() => [t.open ? (S(), d("div", {
-				key: 0,
-				ref_key: "overlayRef",
-				ref: o,
-				class: "s-ui-dropdown-sheet",
-				onClick: C
-			}, [f("div", {
-				ref_key: "popupRef",
-				ref: c,
-				class: "s-ui-dropdown-sheet__popup",
-				style: y(A(g)),
-				role: "dialog",
-				"aria-modal": "true",
-				"aria-label": t.title || A(a)("dropdown.sheet"),
-				tabindex: "-1",
-				onClickCapture: w,
-				onClick: n[0] ||= F(() => {}, ["stop"])
-			}, [f("header", {
-				ref_key: "headerRef",
-				ref: p,
-				class: "s-ui-dropdown-sheet__header"
-			}, [
-				n[1] ||= f("span", {
-					class: "s-ui-dropdown-sheet__handle",
-					"aria-hidden": "true"
-				}, null, -1),
-				f("div", he, [T(e.$slots, "header-left")]),
-				f("div", X, O(t.title), 1),
-				f("div", Z, [T(e.$slots, "header-right")])
-			], 512), f("div", {
-				id: t.contentId,
-				class: "s-ui-dropdown-sheet__content"
-			}, [T(e.$slots, "default")], 8, Q)], 44, me)], 512)) : u("", !0)]),
-			_: 3
-		}));
-	}
-}), _e = ["id", "role"], ve = ["data-placement"], ye = { class: "s-ui-dropdown__content" }, $ = /* @__PURE__ */ p({
-	inheritAttrs: !1,
-	__name: "SDropdown",
-	props: /*@__PURE__*/ h({
-		placement: { default: () => r.BOTTOM_START },
-		offset: { default: 8 },
-		flip: {
-			type: Boolean,
-			default: !0
-		},
-		shift: {
-			type: Boolean,
-			default: !0
-		},
-		matchReferenceWidth: {
-			type: Boolean,
-			default: !1
-		},
-		fitViewport: {
-			type: Boolean,
-			default: !1
-		},
-		surfaceClass: {},
-		teleportTo: {
-			type: [String, Boolean],
-			default: "body"
-		},
-		dismissOnClickOutside: {
-			type: Boolean,
-			default: !0
-		},
-		dismissOnEscape: {
-			type: Boolean,
-			default: !0
-		},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		reference: { default: null },
-		contentId: {},
-		viewportPadding: { default: 8 },
-		boundary: { default: () => t.CLIPPING_ANCESTORS },
-		block: {
-			type: Boolean,
-			default: !1
-		},
-		arrow: {
-			type: Boolean,
-			default: !1
-		},
-		showOnHover: {
-			type: Boolean,
-			default: !1
-		},
-		hoverLeaveDelay: { default: 100 },
-		sheet: {
-			type: Boolean,
-			default: !0
-		},
-		sheetBreakpoint: { default: () => 768 },
-		sheetTitle: { default: "" },
-		menu: {
-			type: Boolean,
-			default: !1
-		},
-		focusOnOpen: {
-			type: Boolean,
-			default: !0
-		},
-		panelLabel: {}
-	}, {
-		modelValue: {
-			type: Boolean,
-			default: !1
-		},
-		modelModifiers: {}
-	}),
-	emits: ["update:modelValue"],
-	setup(e, { expose: t }) {
-		let p = ee(e, "modelValue"), m = de(() => e.sheet, () => e.sheetBreakpoint), { isPanelShown: h, isPanelActive: _, handlePanelAfterLeave: b } = ue(p), x = (e) => {
-			p.value = e;
-		}, C = () => x(!1), w = (e) => {
-			e.toggleAttribute("inert", !0);
-		}, E = te(), D = M("triggerWrapperRef"), O = M("panelRef"), k = M("sheetRef"), { hasOpenChild: F, descendantElements: I } = fe({
-			open: p,
-			element: c(() => m.value ? k.value?.overlayElement ?? null : O.value)
-		}), L = j(), re = j(), R = c(() => e.contentId ?? L), z = c(() => E.trigger ? pe(D.value) : e.reference), B = c(() => e.teleportTo !== !1), ie = c(() => e.teleportTo === !1 ? "body" : e.teleportTo), ae = r.BOTTOM_START, V = () => {
-			e.disabled || x(!0);
-		}, H = () => {
-			e.disabled || (p.value = !p.value);
-		}, oe = c(() => ({
-			id: re,
-			"aria-expanded": p.value,
-			"aria-haspopup": e.menu ? "menu" : "dialog",
-			"aria-controls": R.value
-		})), { panelStyles: U, panelMaxHeight: W, resolvedPlacement: G, arrowStyles: K, isArrowOverflow: ce, isPositionReady: q, updatePosition: J } = i({
-			open: () => _.value && !m.value,
-			onOpenChange: x,
-			reference: () => z.value,
-			panel: () => O.value,
-			placement: () => e.placement,
-			offset: () => e.offset,
-			flip: () => e.flip,
-			shift: () => e.shift,
-			matchReferenceWidth: () => e.matchReferenceWidth,
-			fitViewport: () => e.fitViewport,
-			dismissOnClickOutside: () => e.dismissOnClickOutside,
-			dismissOnEscape: () => e.dismissOnEscape,
-			viewportPadding: () => e.viewportPadding,
-			arrow: () => e.arrow,
-			boundary: () => e.boundary,
-			clickOutsideIgnore: I,
-			hasOpenDescendant: F
-		}), Y = c(() => e.showOnHover && !m.value), me = c(() => Y.value ? n(z.value) : null), he = c(() => Y.value ? O.value : null), X = ne(me, { delayLeave: e.hoverLeaveDelay }), Z = ne(he, { delayLeave: e.hoverLeaveDelay });
-		N([
-			X,
-			Z,
-			F,
-			Y,
-			() => e.disabled
-		], () => {
-			if (Y.value) {
-				if (e.disabled) {
-					x(!1);
-					return;
-				}
-				x(X.value || Z.value || F.value);
-			}
-		});
-		let { handlePanelFocusIn: Q, handlePanelKeydown: $, handleTriggerKeydown: be } = le({
-			open: p,
-			enabled: () => !m.value,
-			panel: O,
-			panelReady: q,
-			descendantElements: I,
-			trigger: () => E.trigger ? D.value : n(e.reference),
-			focusOnOpen: () => e.focusOnOpen,
-			menu: () => e.menu,
-			isOpenedByHover: () => Y.value && (X.value || Z.value),
-			show: V,
-			close: C
-		}), xe = c(() => {
-			if (e.panelLabel) return { "aria-label": e.panelLabel };
-			let t = se(E.trigger ? D.value : n(z.value));
-			return t?.id ? { "aria-labelledby": t.id } : { "aria-label": t?.getAttribute("aria-label") ?? void 0 };
-		}), Se = c(() => !!W.value), Ce = c(() => {
-			if (W.value) return { maxHeight: `${W.value}px` };
-		});
-		return N(() => e.disabled, (e) => {
-			e && p.value && (p.value = !1);
-		}), t({
-			updatePosition: J,
-			show: V,
-			close: C,
-			toggle: H
-		}), (t, n) => (S(), d(a, null, [A(E).trigger ? (S(), d("span", g({
-			key: 0,
-			ref_key: "triggerWrapperRef",
-			ref: D,
-			class: ["s-ui-dropdown", { "s-ui-dropdown--block": e.block }]
-		}, t.$attrs, { onKeydown: n[0] ||= (...e) => A(be) && A(be)(...e) }), [T(t.$slots, "trigger", {
-			open: p.value,
-			toggle: H,
-			close: C,
-			isSheet: A(m),
-			triggerProps: oe.value
-		})], 16)) : u("", !0), (S(), l(o, {
-			to: ie.value,
-			disabled: !B.value
-		}, [A(m) ? (S(), l(ge, {
-			key: 0,
-			ref_key: "sheetRef",
-			ref: k,
-			open: p.value,
-			title: e.sheetTitle,
-			"dismiss-on-overlay-click": e.dismissOnClickOutside,
-			"dismiss-on-escape": e.dismissOnEscape,
-			"has-open-descendant": A(F),
-			"content-id": R.value,
-			onClose: C
-		}, {
-			"header-left": P(() => [T(t.$slots, "sheet-header-left", { close: C })]),
-			"header-right": P(() => [T(t.$slots, "sheet-header-right", { close: C })]),
-			default: P(() => [T(t.$slots, "content", {
-				resolvedPlacement: A(ae),
-				isSheet: !0,
-				close: C
-			})]),
-			_: 3
-		}, 8, [
-			"open",
-			"title",
-			"dismiss-on-overlay-click",
-			"dismiss-on-escape",
-			"has-open-descendant",
-			"content-id"
-		])) : (S(), l(s, {
-			key: 1,
-			name: "s-ui-dropdown",
-			onBeforeLeave: w,
-			onAfterLeave: A(b)
-		}, {
-			default: P(() => [A(h) ? (S(), d("div", g({
-				key: 0,
-				id: R.value,
-				ref_key: "panelRef",
-				ref: O,
-				class: ["s-ui-dropdown__panel", {
-					"s-ui-dropdown__panel--match-reference-width": e.matchReferenceWidth,
-					"s-ui-dropdown__panel--ready": A(q)
-				}],
-				style: A(U),
-				role: e.menu ? "menu" : "dialog"
-			}, xe.value, {
-				tabindex: "-1",
-				onKeydown: n[1] ||= (...e) => A($) && A($)(...e),
-				onFocusin: n[2] ||= (...e) => A(Q) && A(Q)(...e)
-			}), [f("div", {
-				class: v(["s-ui-dropdown__surface", [e.surfaceClass, {
-					"s-ui-dropdown__surface--fit-viewport": Se.value,
-					"s-ui-dropdown__surface--with-arrow": e.arrow
-				}]]),
-				style: y(Ce.value),
-				"data-placement": A(G)
-			}, [e.arrow ? (S(), d("div", {
-				key: 0,
-				class: v(["s-ui-dropdown__arrow", { "s-ui-dropdown__arrow--overflow": A(ce) }]),
-				style: y(A(K)),
-				"aria-hidden": "true"
-			}, [...n[3] ||= [f("span", { class: "s-ui-dropdown__arrow-shape" }, null, -1)]], 6)) : u("", !0), f("div", ye, [T(t.$slots, "content", {
-				resolvedPlacement: A(G),
-				isSheet: !1,
-				close: C
-			})])], 14, ve)], 16, _e)) : u("", !0)]),
-			_: 3
-		}, 8, ["onAfterLeave"]))], 8, ["to", "disabled"]))], 64));
-	}
-});
-//#endregion
-export { z as n, $ as t };

package/dist/SDropdownMenu-2koPU6IG.js

@@ -1,38 +0,0 @@
-import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, normalizeStyle as o, openBlock as s, renderSlot as c, unref as l, useSlots as u } from "vue";
-//#region src/components/SDropdownMenu/SDropdownMenu.vue?vue&type=script&setup=true&lang.ts
-var d = {
-	key: 0,
-	class: "s-ui-dropdown-menu__header"
-}, f = {
-	key: 1,
-	class: "s-ui-dropdown-menu__footer"
-}, p = /* @__PURE__ */ i({
-	__name: "SDropdownMenu",
-	props: {
-		width: {},
-		maxHeight: {},
-		accent: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	setup(i) {
-		let p = u(), m = (e) => typeof e == "number" ? `${e}px` : e, h = e(() => ({
-			"s-ui-dropdown-menu--accent": i.accent,
-			"s-ui-dropdown-menu--bounded": !!i.maxHeight
-		})), g = e(() => ({ "s-ui-dropdown-menu__body--scrollable": !!i.maxHeight })), _ = e(() => ({
-			"--s-ui-dropdown-menu-width": m(i.width),
-			"--s-ui-dropdown-menu-max-height": m(i.maxHeight)
-		}));
-		return (e, i) => (s(), n("div", {
-			class: a(["s-ui-dropdown-menu", h.value]),
-			style: o(_.value)
-		}, [
-			l(p).header ? (s(), n("div", d, [c(e.$slots, "header")])) : t("", !0),
-			r("div", { class: a(["s-ui-dropdown-menu__body", g.value]) }, [c(e.$slots, "default")], 2),
-			l(p).footer ? (s(), n("div", f, [c(e.$slots, "footer")])) : t("", !0)
-		], 6));
-	}
-});
-//#endregion
-export { p as t };

package/dist/SDropdownMenu-k9SxaFVH.cjs

@@ -1 +0,0 @@
-let e=require("vue");var t={key:0,class:`s-ui-dropdown-menu__header`},n={key:1,class:`s-ui-dropdown-menu__footer`},r=(0,e.defineComponent)({__name:`SDropdownMenu`,props:{width:{},maxHeight:{},accent:{type:Boolean,default:!1}},setup(r){let i=(0,e.useSlots)(),a=e=>typeof e==`number`?`${e}px`:e,o=(0,e.computed)(()=>({"s-ui-dropdown-menu--accent":r.accent,"s-ui-dropdown-menu--bounded":!!r.maxHeight})),s=(0,e.computed)(()=>({"s-ui-dropdown-menu__body--scrollable":!!r.maxHeight})),c=(0,e.computed)(()=>({"--s-ui-dropdown-menu-width":a(r.width),"--s-ui-dropdown-menu-max-height":a(r.maxHeight)}));return(r,a)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{class:(0,e.normalizeClass)([`s-ui-dropdown-menu`,o.value]),style:(0,e.normalizeStyle)(c.value)},[(0,e.unref)(i).header?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,t,[(0,e.renderSlot)(r.$slots,`header`)])):(0,e.createCommentVNode)(``,!0),(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([`s-ui-dropdown-menu__body`,s.value])},[(0,e.renderSlot)(r.$slots,`default`)],2),(0,e.unref)(i).footer?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,n,[(0,e.renderSlot)(r.$slots,`footer`)])):(0,e.createCommentVNode)(``,!0)],6))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});

package/dist/SInlineInput-D3vCX4QA.cjs

@@ -1 +0,0 @@
-const e=require("./SInlineMessage-gjkMiE-W.cjs"),t=require("./SLabel-DLKfepRW.cjs");let n=require("vue"),r=require("@vueuse/core");var i=function(e){return e.FILLED=`filled`,e.BARE=`bare`,e}({}),a=RegExp(`​`,`g`),o=/[\r\n]+/g,s=/\s+/g,c=typeof global==`object`&&global&&global.Object===Object&&global,l=typeof self==`object`&&self&&self.Object===Object&&self,u=c||l||Function(`return this`)(),d=u.Symbol,f=Object.prototype,p=f.hasOwnProperty,m=f.toString,h=d?d.toStringTag:void 0;function g(e){var t=p.call(e,h),n=e[h];try{e[h]=void 0;var r=!0}catch{}var i=m.call(e);return r&&(t?e[h]=n:delete e[h]),i}var _=Object.prototype.toString;function v(e){return _.call(e)}var y=`[object Null]`,b=`[object Undefined]`,x=d?d.toStringTag:void 0;function S(e){return e==null?e===void 0?b:y:x&&x in Object(e)?g(e):v(e)}function C(e){return typeof e==`object`&&!!e}var w=`[object Symbol]`;function T(e){return typeof e==`symbol`||C(e)&&S(e)==w}var E=/\s/;function D(e){for(var t=e.length;t--&&E.test(e.charAt(t)););return t}var O=/^\s+/;function k(e){return e&&e.slice(0,D(e)+1).replace(O,``)}function A(e){var t=typeof e;return e!=null&&(t==`object`||t==`function`)}var j=NaN,M=/^[-+]0x[0-9a-f]+$/i,N=/^0b[01]+$/i,P=/^0o[0-7]+$/i,F=parseInt;function I(e){if(typeof e==`number`)return e;if(T(e))return j;if(A(e)){var t=typeof e.valueOf==`function`?e.valueOf():e;e=A(t)?t+``:t}if(typeof e!=`string`)return e===0?e:+e;e=k(e);var n=N.test(e);return n||P.test(e)?F(e.slice(2),n?2:8):M.test(e)?j:+e}var L=function(){return u.Date.now()},R=`Expected a function`,z=Math.max,B=Math.min;function V(e,t,n){var r,i,a,o,s,c,l=0,u=!1,d=!1,f=!0;if(typeof e!=`function`)throw TypeError(R);t=I(t)||0,A(n)&&(u=!!n.leading,d=`maxWait`in n,a=d?z(I(n.maxWait)||0,t):a,f=`trailing`in n?!!n.trailing:f);function p(t){var n=r,a=i;return r=i=void 0,l=t,o=e.apply(a,n),o}function m(e){return l=e,s=setTimeout(_,t),u?p(e):o}function h(e){var n=e-c,r=e-l,i=t-n;return d?B(i,a-r):i}function g(e){var n=e-c,r=e-l;return c===void 0||n>=t||n<0||d&&r>=a}function _(){var e=L();if(g(e))return v(e);s=setTimeout(_,h(e))}function v(e){return s=void 0,f&&r?p(e):(r=i=void 0,o)}function y(){s!==void 0&&clearTimeout(s),l=0,r=c=i=s=void 0}function b(){return s===void 0?o:v(L())}function x(){var e=L(),n=g(e);if(r=arguments,i=this,c=e,n){if(s===void 0)return m(c);if(d)return clearTimeout(s),s=setTimeout(_,t),p(c)}return s===void 0&&(s=setTimeout(_,t)),o}return x.cancel=y,x.flush=b,x}var H=(e,t={})=>{let r=(0,n.ref)([]),i=(0,n.ref)([]),a=(0,n.ref)(!1),{capacity:o=20,debounceDelay:s=500,autoCommit:c=!0}=t,l=()=>{i.value=[]},u=e=>r.value[r.value.length-1]?.content===e,d=()=>{r.value.length>o&&(r.value=r.value.slice(-o))},f=(0,n.ref)(!1),p=(e,t,n)=>{a.value||u(e)||(l(),r.value.push({content:e,timestamp:Date.now(),cursorPosition:t,meta:n}),d())},m=V((e,t,n)=>{p(e,t,n)},s),h=()=>{p(e.value||``,0,{type:`init`})};e.value!==void 0&&h();let g=null;return c&&(g=(0,n.watch)(e,(e,t)=>{if(!(a.value||e===t)){if(f.value){f.value=!1;return}m(e,e.length,{type:`auto`})}},{flush:`post`})),(0,n.onBeforeUnmount)(()=>{m.cancel(),g&&=(g(),null)}),{history:r,redoStack:i,canUndo:(0,n.computed)(()=>r.value.length>1),canRedo:(0,n.computed)(()=>i.value.length>0),undo:()=>{if(r.value.length<2)return;m.cancel(),f.value=!0;let t=r.value.pop();if(!t)return;i.value.unshift(t);let n=r.value[r.value.length-1];if(n)return e.value=n.content,{content:n.content,cursorPosition:n.cursorPosition}},redo:()=>{if(i.value.length===0)return;m.cancel(),f.value=!0;let t=i.value.shift();if(t)return r.value.push(t),e.value=t.content,{content:t.content,cursorPosition:t.cursorPosition}},commit:p,commitDebounced:m,clear:()=>{m.cancel(),r.value=[],i.value=[]},pause:()=>{m.cancel(),a.value=!0},resume:()=>{a.value=!1,h()}}},U=e=>{let t=(e,t)=>e===t||e instanceof Node&&t.contains(e),r=()=>{let t=window.getSelection();if(!t?.rangeCount||!e.value||!e.value.contains(t.anchorNode))return 0;let n=t.getRangeAt(0),r=n.cloneRange();return r.selectNodeContents(e.value),r.setEnd(n.endContainer,n.endOffset),r.toString().length},i=async(r,i=!1)=>{if(i&&await(0,n.nextTick)(),!e.value)return;let a=e.value,o=document.activeElement;if(!t(o,a))return;let s=window.getSelection();if(!s)return;let c=a.textContent||``,l=Math.max(0,Math.min(r,c.length)),u=0,d=[a],f=null,p=0;for(;d.length>0;){let e=d.pop();if(e.nodeType===Node.TEXT_NODE){let t=e.textContent?.length||0;if(u+t>=l){f=e,p=l-u;break}u+=t}else{let t=e.childNodes;for(let e=t.length-1;e>=0;e--){let n=t[e];n&&d.push(n)}}}let m=document.createRange();if(f)try{m.setStart(f,p),m.collapse(!0)}catch(e){console.warn(`Cursor positioning failed:`,e),m.selectNodeContents(a),m.collapse(!1)}else m.selectNodeContents(a),m.collapse(!1);s.removeAllRanges(),s.addRange(m)},a=()=>i(1/0),o=()=>i(0),s=(e,t)=>{let n=document.createRange();return n.selectNodeContents(e),n.collapse(!1),t.compareBoundaryPoints(Range.END_TO_END,n)===0},c=e=>{e.scrollLeft=e.scrollWidth-e.clientWidth};return{getCursorOffset:r,setCursorOffset:i,setCursorToEnd:a,setCursorToStart:o,scrollCaretIntoView:()=>{let t=e.value;if(!t)return;let n=window.getSelection();if(!n?.rangeCount||!n.isCollapsed||!n.anchorNode||!t.contains(n.anchorNode))return;let r=n.getRangeAt(0),i=r.getClientRects(),a=i.length>0?i[i.length-1]:r.getBoundingClientRect();if((!a||a.width===0&&a.height===0&&a.left===0&&a.right===0)&&s(t,r)){c(t);return}if(!a)return;let o=t.getBoundingClientRect();a.right>o.right?t.scrollLeft+=a.right-o.right:a.left<o.left&&(t.scrollLeft-=o.left-a.left)}}},W=(e,t={})=>{let i=(0,n.computed)(()=>(0,n.toValue)(t).multiline??!1),c=(0,n.computed)(()=>{let e=(0,n.toValue)(t).maxLength;if(!(typeof e!=`number`||!Number.isFinite(e)||e<=0))return e}),l=(0,n.ref)(null),u=(0,n.ref)(!0),d=(0,n.ref)(!1),f=(0,n.ref)(!1),{setCursorToEnd:p,getCursorOffset:m,setCursorOffset:h,scrollCaretIntoView:g}=U(l),{undo:_,redo:v,commit:y,commitDebounced:b}=H(e,{autoCommit:!1}),x=null,S=!1,C=e=>{let t=l.value;if(!t)return!1;let n=t.closest(`.s-ui-inline-input`);return n instanceof Element&&e instanceof Node&&n.contains(e)},w=()=>S?(S=!1,l.value?.blur(),!0):!1;(0,r.useEventListener)(document,`mousedown`,e=>{let t=l.value;t&&(S=!C(e.target),S&&document.activeElement===t&&t.blur())},{capture:!0});let T=()=>{i.value||g()};(0,r.useEventListener)(document,`selectionchange`,()=>{if(!(i.value||!l.value)&&document.activeElement===l.value){if(x!==null){l.value.scrollLeft=x,x=null;return}g()}});let E=e=>{let t=e.replace(a,``);return i.value||(t=t.replace(o,` `)),t},D=e=>E(e).length===0,O=e=>c.value===void 0||e.length<=c.value?e:e.slice(0,c.value),k=()=>{let e=l.value,t=window.getSelection();return!e||!t?.rangeCount||!t.anchorNode||!e.contains(t.anchorNode)?0:E(t.toString()).length},A=()=>{if(c.value===void 0||!l.value)return 1/0;let e=E(l.value.textContent||``).length,t=k();return Math.max(0,c.value-e+t)},j=e=>c.value===void 0||e.key.length!==1||e.ctrlKey||e.metaKey||e.altKey?!1:A()<=0,M=()=>{if(!l.value)return{changed:!1,content:``,cursor:0};(l.value.textContent||``)===``&&(l.value.textContent=`​`,p());let t=l.value.textContent||``,n=E(t),r=O(n),i=n!==r;i&&(l.value.textContent=r.length>0?r:`​`),u.value=r.length===0;let a=e.value!==r;a&&(e.value=r);let o=m();return t.startsWith(`​`)&&o>0&&--o,i&&(o=Math.min(o,r.length),h(o)),{changed:a||i,content:r,cursor:o}},N=()=>{d.value=!0;let{changed:e,content:t,cursor:r}=M();e&&b(t,r,{type:`input`}),(0,n.nextTick)(()=>{T(),d.value=!1})},P=()=>{w()||l.value&&(E(l.value.textContent||``)||(l.value.textContent!==`​`&&(l.value.textContent=`​`),p()))},F=()=>{l.value&&(u.value=D(l.value.textContent||``))},I=async e=>{e.preventDefault();let t=e.clipboardData?.getData(`text/plain`)||``,r=A();if(r<=0)return;t.length>r&&(t=t.slice(0,r)),i.value||(t=t.replace(o,` `));let a=t.trim().replace(s,` `);if(!a)return;let c=window.getSelection();if(!c||!c.rangeCount)return;d.value=!0;let l=c.getRangeAt(0);l.deleteContents();let u=document.createTextNode(a);l.insertNode(u),l.setStartAfter(u),l.setEndAfter(u),c.removeAllRanges(),c.addRange(l);let{changed:f,content:p,cursor:m}=M();f&&y(p,m,{type:`paste`}),i.value||await h(m),await(0,n.nextTick)(),T(),d.value=!1},L=e=>{let t=e.ctrlKey||e.metaKey,r=e.shiftKey;if(j(e)){e.preventDefault();return}if(!i.value&&(e.key===`Enter`||e.key===`NumpadEnter`)){e.preventDefault();return}if(!i.value&&t&&e.code===`KeyA`&&l.value){x=l.value.scrollLeft;return}if(t&&e.code===`KeyZ`){e.preventDefault(),f.value=!0;let t=r?v():_();t?(0,n.nextTick)(()=>{h(t.cursorPosition??t.content.length),(0,n.nextTick)(T),f.value=!1}):f.value=!1}},R=()=>{l.value&&document.activeElement!==l.value&&l.value.focus()},z=()=>{if(!l.value||i.value)return;d.value=!0;let t=O(E(l.value.innerText||l.value.textContent||``));e.value=t,l.value.textContent=t.length>0?t:`​`,u.value=t.length===0,(0,n.nextTick)(()=>{d.value=!1})};(0,n.watch)(i,(e,t)=>{e||!t||z()});let B=()=>{!l.value||e.value===void 0||(d.value=!0,M(),(0,n.nextTick)(()=>{d.value=!1}))};(0,n.watch)(c,(e,t)=>{e===void 0||t!==void 0&&e>=t||B()});let V=async t=>{if(d.value||!l.value)return;let r=O(t),i=l.value.textContent||``;(E(i)!==r||r===``&&i!==`​`)&&(l.value.textContent=r===``?`​`:r,u.value=r===``,r!==t&&(d.value=!0,e.value=r,(0,n.nextTick)(()=>{d.value=!1})),document.activeElement===l.value&&!f.value&&(await(0,n.nextTick)(),p()))};return(0,n.onMounted)(async()=>{await(0,n.nextTick)(),V(e.value)}),(0,n.watch)(l,t=>{t&&V(e.value)}),(0,n.watch)(e,e=>{V(e)}),{editableRef:l,isPlaceholderVisible:u,handleInput:N,handleFocus:P,handleBlur:F,handlePaste:I,handleKeydown:L,handleWrapperClick:R}},G={key:1,class:`s-ui-inline-input--messages`},K=(0,n.defineComponent)({__name:`SInlineInput`,props:(0,n.mergeModels)({label:{},labelProps:{},id:{},appearance:{default:()=>i.FILLED},tag:{default:`div`},multiline:{type:Boolean,default:!1},maxlength:{},placeholder:{default:``},helpMessages:{},errorMessages:{},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},spellcheck:{type:Boolean,default:!1}},{modelValue:{default:``},modelModifiers:{}}),emits:(0,n.mergeModels)([`blur`],[`update:modelValue`]),setup(r,{expose:i,emit:a}){let o=a,{editableRef:s,isPlaceholderVisible:c,handleInput:l,handleFocus:u,handleBlur:d,handlePaste:f,handleKeydown:p,handleWrapperClick:m}=W((0,n.useModel)(r,`modelValue`),()=>({multiline:r.multiline,maxLength:r.maxlength})),h=e=>e?typeof e==`string`?e.length?[e]:[]:e.filter(e=>e.length):[],g=(0,n.computed)(()=>h(r.helpMessages)),_=(0,n.computed)(()=>g.value.length>0),v=(0,n.computed)(()=>h(r.errorMessages)),y=(0,n.computed)(()=>v.value.length>0),b=(0,n.useId)(),x=(0,n.computed)(()=>r.id?r.id:b),S=(0,n.computed)(()=>!r.disabled&&!r.readonly),C=(0,n.computed)(()=>({"s-ui-inline-input--content-empty":c.value,"s-ui-inline-input--content-multiline":r.multiline})),w=(0,n.computed)(()=>({[`s-ui-inline-input--wrapper-appearance-${r.appearance}`]:!0,"s-ui-inline-input--wrapper-error":y.value,"s-ui-inline-input--wrapper-readonly":r.readonly,"s-ui-inline-input--wrapper-disabled":r.disabled})),T=()=>{d(),o(`blur`)},E=e=>{S.value&&e.target===e.currentTarget&&m()};return i({focus:()=>{if(!S.value)return;let e=s.value;if(e&&(e.focus(),e.innerText.length>0)){let t=document.createRange(),n=window.getSelection();t.selectNodeContents(e),t.collapse(!1),n?.removeAllRanges(),n?.addRange(t)}}}),(i,a)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,(0,n.mergeProps)({class:`s-ui-inline-input`},i.$attrs),[r.label||i.$slots.label?((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(t.t),(0,n.mergeProps)({key:0},r.labelProps,{"html-for":x.value}),{default:(0,n.withCtx)(()=>[(0,n.renderSlot)(i.$slots,`label`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(r.label),1)])]),_:3},16,[`html-for`])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`div`,{class:(0,n.normalizeClass)([`s-ui-inline-input--wrapper`,w.value]),onClick:E},[i.$slots.default?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:0,class:`s-ui-inline-input--slot`,onClick:a[0]||=(0,n.withModifiers)(()=>{},[`stop`])},[(0,n.renderSlot)(i.$slots,`default`)])):(0,n.createCommentVNode)(``,!0),((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(r.tag),{ref_key:`editableRef`,ref:s,class:(0,n.normalizeClass)([`s-ui-inline-input--content`,C.value]),role:`textbox`,id:x.value,contenteditable:S.value,spellcheck:r.spellcheck,"data-placeholder":r.placeholder,"aria-placeholder":r.placeholder,"aria-readonly":r.readonly?!0:void 0,"aria-disabled":r.disabled?!0:void 0,"aria-multiline":r.multiline?!0:void 0,onInput:(0,n.unref)(l),onFocus:(0,n.unref)(u),onBlur:T,onKeydown:(0,n.unref)(p),onPaste:(0,n.unref)(f)},null,40,[`id`,`class`,`contenteditable`,`spellcheck`,`data-placeholder`,`aria-placeholder`,`aria-readonly`,`aria-disabled`,`aria-multiline`,`onInput`,`onFocus`,`onKeydown`,`onPaste`]))],2),_.value||y.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,G,[(0,n.renderSlot)(i.$slots,`message`,{},()=>[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(g.value,(t,r)=>((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(e.t),{key:`help-${r}`,message:t},null,8,[`message`]))),128)),((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(v.value,(t,r)=>((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(e.t),{key:`error-${r}`,message:t,"validation-status":(0,n.unref)(e.n).ERROR},null,8,[`message`,`validation-status`]))),128))])])):(0,n.createCommentVNode)(``,!0)],16))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return K}});