@shtabapp/ui-kit 1.65.0 → 1.66.0

package/dist/SDropdown-LOTCtlCX.js

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

package/dist/useFloatingOverlay-B1UCUYQQ.cjs

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