@moubing/bing-ui 0.11.2 → 0.12.0

package/dist/components/BingRadioGroup/BingRadioGroup.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,125 @@
+import { isolateFormControls as e, useFormControl as t } from "../BingForm/useFormControl.js";
+import { bingRadioGroupContextKey as n } from "./BingRadioGroup.context.js";
+import r from "../BingRadio/BingRadio.js";
+import { Fragment as i, computed as a, createBlock as o, createElementBlock as s, defineComponent as c, normalizeClass as l, openBlock as u, provide as d, ref as f, renderList as p, renderSlot as m, unref as h, useId as g } from "vue";
+//#region src/components/BingRadioGroup/BingRadioGroup.vue?vue&type=script&setup=true&lang.ts
+var _ = [
+	"id",
+	"aria-label",
+	"aria-labelledby",
+	"aria-describedby",
+	"aria-invalid"
+], v = /* @__PURE__ */ c({
+	__name: "BingRadioGroup",
+	props: {
+		id: { default: void 0 },
+		modelValue: {
+			type: [
+				String,
+				Number,
+				Boolean,
+				null
+			],
+			default: null
+		},
+		options: { default: () => [] },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		size: { default: void 0 },
+		direction: { default: "wrap" },
+		name: { default: void 0 },
+		ariaLabel: { default: void 0 },
+		ariaDescribedby: { default: void 0 },
+		status: { default: void 0 }
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"focus",
+		"blur"
+	],
+	setup(c, { emit: v }) {
+		let y = c, b = v, { formItem: x, resolvedId: S, resolvedSize: C, resolvedDisabled: w, resolvedStatus: T, resolvedAriaDescribedby: E, resolvedAriaLabelledby: D } = t(y, { group: !0 });
+		e();
+		let O = `bing-radio-group-${g()}`, k = f(null), A = f(!1), j = a(() => y.name ?? O), M = a(() => [
+			"bing-radio-group",
+			`bing-radio-group--${C.value}`,
+			`bing-radio-group--${y.direction}`,
+			`bing-radio-group--status-${T.value}`,
+			{
+				"is-disabled": w.value,
+				"is-invalid": T.value === "error"
+			}
+		]);
+		function N(e) {
+			return w.value || !!e.disabled;
+		}
+		function P(e, t) {
+			w.value || (b("update:modelValue", e), b("change", e, t), x?.handleControlChange());
+		}
+		function F(e) {
+			A.value || (A.value = !0, b("focus", e));
+		}
+		function I(e) {
+			let t = k.value, n = e.relatedTarget;
+			t && n instanceof Node && t.contains(n) || (A.value = !1, b("blur", e), x?.handleControlBlur());
+		}
+		function L(e) {
+			I(e);
+		}
+		function R() {
+			return Array.from(k.value?.querySelectorAll("input[type=\"radio\"]:not(:disabled)") ?? []);
+		}
+		function z(e) {
+			let t = R();
+			if (t.length === 0) return;
+			let n = document.activeElement, r = t.findIndex((e) => e === n), i = t.findIndex((e) => e.checked), a = t[((r >= 0 ? r : i >= 0 ? i : 0) + e + t.length) % t.length];
+			a?.focus(), a?.click();
+		}
+		function B(e) {
+			[
+				"ArrowRight",
+				"ArrowDown",
+				"ArrowLeft",
+				"ArrowUp"
+			].includes(e.key) && (e.preventDefault(), z(e.key === "ArrowRight" || e.key === "ArrowDown" ? 1 : -1));
+		}
+		return d(n, {
+			modelValue: a(() => y.modelValue ?? null),
+			disabled: w,
+			size: C,
+			name: j,
+			status: T,
+			updateValue: P,
+			handleRadioBlur: L,
+			isOptionDisabled: N
+		}), (e, t) => (u(), s("div", {
+			id: h(S),
+			ref_key: "rootRef",
+			ref: k,
+			class: l(M.value),
+			role: "radiogroup",
+			"aria-label": c.ariaLabel || void 0,
+			"aria-labelledby": c.ariaLabel ? void 0 : h(D),
+			"aria-describedby": h(E),
+			"aria-invalid": h(T) === "error" || void 0,
+			onFocusin: F,
+			onKeydown: B
+		}, [m(e.$slots, "default", {}, () => [(u(!0), s(i, null, p(c.options, (e) => (u(), o(r, {
+			key: String(e.value),
+			value: e.value,
+			label: e.label,
+			description: e.description,
+			disabled: N(e)
+		}, null, 8, [
+			"value",
+			"label",
+			"description",
+			"disabled"
+		]))), 128))], !0)], 42, _));
+	}
+});
+//#endregion
+export { v as default };

package/dist/components/BingResizable/BingResizable.js

@@ -0,0 +1,7 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "./BingResizable.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                              */
+//#region src/components/BingResizable/BingResizable.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-c551ac19"]]);
+//#endregion
+export { n as default };

package/dist/components/BingResizable/BingResizable.vue.d.ts

@@ -29,8 +29,8 @@ declare const __VLS_base: import('vue').DefineComponent<BingResizableProps, Bing
     position: Partial<BingResizablePosition>;
     size: BingResizableSize;
     ariaLabel: string;
-    step: import('./BingResizable.types').BingResizableStep;
     mode: import('./BingResizable.types').BingResizableMode;
+    step: import('./BingResizable.types').BingResizableStep;
     defaultSize: BingResizableSize;
     defaultPosition: Partial<BingResizablePosition>;
     snapMode: import('./BingResizable.types').BingResizableSnapMode;

package/dist/components/BingResizable/BingResizable.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,555 @@
+import { useReducedMotion as e } from "../../motion/reducedMotion.js";
+import { ArrowDownLeft as t, ArrowDownRight as n, ArrowLeftRight as r, ArrowUpDown as i, ArrowUpLeft as a, ArrowUpRight as o } from "../../icons/icons.js";
+import s from "../BingIcon/BingIcon.js";
+import { Fragment as c, computed as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as ee, defineComponent as p, normalizeClass as te, normalizeStyle as ne, onBeforeUnmount as re, openBlock as m, ref as h, renderList as ie, renderSlot as ae, toDisplayString as oe } from "vue";
+import { gsap as g } from "gsap";
+//#region src/components/BingResizable/BingResizable.vue?vue&type=script&setup=true&lang.ts
+var se = ["aria-label"], ce = { class: "bing-resizable__content" }, le = {
+	key: 0,
+	class: "bing-resizable__size",
+	"aria-hidden": "true"
+}, ue = [
+	"aria-label",
+	"disabled",
+	"onPointerdown",
+	"onKeydown"
+], de = {
+	class: "bing-resizable__handle-mark",
+	"aria-hidden": "true"
+}, fe = /* @__PURE__ */ p({
+	__name: "BingResizable",
+	props: {
+		size: { default: void 0 },
+		defaultSize: { default: () => ({
+			width: 320,
+			height: 220
+		}) },
+		position: { default: void 0 },
+		defaultPosition: { default: () => ({
+			x: 0,
+			y: 0
+		}) },
+		minWidth: { default: 80 },
+		minHeight: { default: 80 },
+		maxWidth: { default: void 0 },
+		maxHeight: { default: void 0 },
+		mode: { default: "fixed" },
+		snapMode: { default: "live" },
+		directions: { default: () => [
+			"right",
+			"bottom",
+			"bottom-right"
+		] },
+		step: { default: 1 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		lockAspectRatio: {
+			type: Boolean,
+			default: !1
+		},
+		contain: {
+			type: Boolean,
+			default: !1
+		},
+		showSize: {
+			type: Boolean,
+			default: !1
+		},
+		handleSize: { default: 12 },
+		ariaLabel: { default: void 0 }
+	},
+	emits: [
+		"update:size",
+		"update:position",
+		"resize-start",
+		"resize",
+		"resize-end"
+	],
+	setup(p, { expose: fe, emit: pe }) {
+		let me = e(), he = [
+			"top",
+			"right",
+			"bottom",
+			"left",
+			"top-left",
+			"top-right",
+			"bottom-left",
+			"bottom-right"
+		], ge = {
+			top: i,
+			right: r,
+			bottom: i,
+			left: r,
+			"top-left": a,
+			"top-right": o,
+			"bottom-left": t,
+			"bottom-right": n
+		}, _ = p, v = pe, y = h(null), b = h(null), x = h(null), _e = h(H(_.defaultSize)), S = h(H(_.defaultSize)), C = h(U(_.defaultPosition)), w = h(U(_.defaultPosition)), T = h(!1), E = h(!1), D = h(!1), O = h(null), k, A = {
+			x: 0,
+			y: 0
+		}, j = "", M = "", N = "", P = "", F = !1, ve = l(() => [
+			"bing-resizable",
+			`bing-resizable--${_.mode}`,
+			{
+				"is-disabled": _.disabled,
+				"is-resizing": D.value,
+				"is-contain": _.contain,
+				"is-ratio-locked": _.lockAspectRatio
+			}
+		]), I = l(() => D.value ? S.value : _.size ? _.size : T.value ? _e.value : _.defaultSize), L = l(() => D.value ? w.value : _.position ? U(_.position) : E.value ? C.value : U(_.defaultPosition)), R = l(() => H(I.value)), ye = l(() => {
+			let e = L.value;
+			return {
+				width: B(I.value.width),
+				height: B(I.value.height),
+				minWidth: B(_.minWidth),
+				minHeight: B(_.minHeight),
+				maxWidth: B(_.maxWidth),
+				maxHeight: B(_.maxHeight),
+				left: `${e.x}px`,
+				top: `${e.y}px`,
+				"--bing-resizable-handle-size": `${Math.max(6, _.handleSize)}px`
+			};
+		}), be = l(() => _.directions.filter((e) => he.includes(e))), xe = l(() => {
+			let e = D.value ? S.value : R.value;
+			return `${Math.round(e.width)} × ${Math.round(e.height)}`;
+		});
+		function z() {
+			return typeof window < "u" && typeof document < "u";
+		}
+		function B(e) {
+			return typeof e == "number" ? `${e}px` : e;
+		}
+		function V(e, t) {
+			if (typeof e == "number" && Number.isFinite(e)) return e;
+			if (typeof e == "string") {
+				let t = Number.parseFloat(e);
+				if (Number.isFinite(t)) return t;
+			}
+			return t;
+		}
+		function H(e) {
+			return {
+				width: Math.max(0, V(e?.width, 320)),
+				height: Math.max(0, V(e?.height, 220))
+			};
+		}
+		function U(e) {
+			return {
+				x: V(e?.x, 0),
+				y: V(e?.y, 0)
+			};
+		}
+		function W(e) {
+			return Math.round(e * 1e3) / 1e3;
+		}
+		function G(e, t, n) {
+			return Math.min(n, Math.max(t, e));
+		}
+		function K(e, t) {
+			return !Number.isFinite(t) || t <= 1 ? e : Math.round(e / t) * t;
+		}
+		function Se(e, t) {
+			return Math.abs(e.width - t.width) < .001 && Math.abs(e.height - t.height) < .001;
+		}
+		function Ce(e, t) {
+			return Math.abs(e.x - t.x) < .001 && Math.abs(e.y - t.y) < .001;
+		}
+		function we() {
+			if (typeof _.step == "number") {
+				let e = Math.max(1, _.step);
+				return {
+					x: e,
+					y: e
+				};
+			}
+			return {
+				x: Math.max(1, _.step.x ?? 1),
+				y: Math.max(1, _.step.y ?? 1)
+			};
+		}
+		function q(e) {
+			return {
+				top: e.includes("top"),
+				right: e.includes("right"),
+				bottom: e.includes("bottom"),
+				left: e.includes("left")
+			};
+		}
+		function Te(e) {
+			return e === "top" || e === "bottom" ? "ns-resize" : e === "left" || e === "right" ? "ew-resize" : e === "top-left" || e === "bottom-right" ? "nwse-resize" : "nesw-resize";
+		}
+		function Ee(e) {
+			return [
+				"ew-resize",
+				"ns-resize",
+				"nwse-resize",
+				"nesw-resize"
+			].includes(e);
+		}
+		function J(e) {
+			let t = q(e);
+			return `${t.left ? "100%" : t.right ? "0%" : "50%"} ${t.top ? "100%" : t.bottom ? "0%" : "50%"}`;
+		}
+		function De(e) {
+			return `调整${{
+				top: "上边",
+				right: "右边",
+				bottom: "下边",
+				left: "左边",
+				"top-left": "左上角",
+				"top-right": "右上角",
+				"bottom-left": "左下角",
+				"bottom-right": "右下角"
+			}[e]}尺寸`;
+		}
+		function Oe() {
+			let e = y.value?.getBoundingClientRect();
+			return {
+				width: e?.width ? e.width : V(I.value.width, R.value.width),
+				height: e?.height ? e.height : V(I.value.height, R.value.height)
+			};
+		}
+		function ke() {
+			if (!_.contain) return null;
+			let e = y.value?.parentElement, t = e?.getBoundingClientRect();
+			if (!e || !t?.width || !t?.height) return null;
+			let n = window.getComputedStyle(e), r = V(n.paddingLeft, 0) + V(n.paddingRight, 0) + V(n.borderLeftWidth, 0) + V(n.borderRightWidth, 0), i = V(n.paddingTop, 0) + V(n.paddingBottom, 0) + V(n.borderTopWidth, 0) + V(n.borderBottomWidth, 0);
+			return {
+				width: Math.max(0, t.width - r),
+				height: Math.max(0, t.height - i)
+			};
+		}
+		function Ae() {
+			return {
+				minWidth: Math.max(0, V(_.minWidth, 0)),
+				minHeight: Math.max(0, V(_.minHeight, 0)),
+				maxWidth: Math.max(0, V(_.maxWidth, Infinity)),
+				maxHeight: Math.max(0, V(_.maxHeight, Infinity))
+			};
+		}
+		function je(e, t, n) {
+			let r = Ae();
+			if (_.lockAspectRatio && n && n.aspectRatio > 0) {
+				let i = n.aspectRatio, a = G(Ne(e, t, n.direction, n) === "width" ? e : t * i, Math.max(r.minWidth, r.minHeight * i), Math.min(r.maxWidth, r.maxHeight * i));
+				return {
+					width: a,
+					height: a / i
+				};
+			}
+			return {
+				width: G(e, r.minWidth, r.maxWidth),
+				height: G(t, r.minHeight, r.maxHeight)
+			};
+		}
+		function Me(e, t, n, r) {
+			if (!_.lockAspectRatio || r.aspectRatio <= 0) return {
+				width: e,
+				height: t
+			};
+			let i = q(n), a = r.aspectRatio;
+			return (i.left || i.right) && !(i.top || i.bottom) ? {
+				width: e,
+				height: e / a
+			} : (i.top || i.bottom) && !(i.left || i.right) ? {
+				width: t * a,
+				height: t
+			} : Math.abs(e - r.startSize.width) >= Math.abs(t - r.startSize.height) ? {
+				width: e,
+				height: e / a
+			} : {
+				width: t * a,
+				height: t
+			};
+		}
+		function Ne(e, t, n, r) {
+			let i = q(n);
+			return (i.left || i.right) && !(i.top || i.bottom) ? "width" : (i.top || i.bottom) && !(i.left || i.right) ? "height" : Math.abs(e - r.startSize.width) >= Math.abs(t - r.startSize.height) ? "width" : "height";
+		}
+		function Pe(e, t, n, r) {
+			let i = we();
+			if (_.lockAspectRatio && r.aspectRatio > 0) {
+				if (Ne(e, t, n, r) === "width") {
+					let t = K(e, i.x);
+					return {
+						width: t,
+						height: t / r.aspectRatio
+					};
+				}
+				let a = K(t, i.y);
+				return {
+					width: a * r.aspectRatio,
+					height: a
+				};
+			}
+			return {
+				width: K(e, i.x),
+				height: K(t, i.y)
+			};
+		}
+		function Fe(e, t) {
+			let n = q(t.direction);
+			if (t.mode === "mirror") {
+				let n = Math.abs(e.width - t.startSize.width) > .001, r = Math.abs(e.height - t.startSize.height) > .001;
+				return {
+					x: n ? t.startPosition.x + (t.startSize.width - e.width) / 2 : t.startPosition.x,
+					y: r ? t.startPosition.y + (t.startSize.height - e.height) / 2 : t.startPosition.y
+				};
+			}
+			return {
+				x: n.left ? t.startPosition.x + t.startSize.width - e.width : t.startPosition.x,
+				y: n.top ? t.startPosition.y + t.startSize.height - e.height : t.startPosition.y
+			};
+		}
+		function Ie(e, t, n) {
+			if (!n.parentSize) return {
+				size: e,
+				position: t
+			};
+			let r = e.width, i = e.height, a = t.x, o = t.y;
+			return a < 0 && (r += a, a = 0), o < 0 && (i += o, o = 0), a + r > n.parentSize.width && (r = n.parentSize.width - a), o + i > n.parentSize.height && (i = n.parentSize.height - o), {
+				size: je(r, i),
+				position: {
+					x: a,
+					y: o
+				}
+			};
+		}
+		function Y(e, t, n, r = e.snapMode === "live") {
+			let i = q(e.direction), a = e.mode === "mirror" ? 2 : 1, o = e.startSize.width + ((i.right ? t : 0) - (i.left ? t : 0)) * a, s = e.startSize.height + ((i.bottom ? n : 0) - (i.top ? n : 0)) * a, c = Me(o, s, e.direction, e);
+			if (o = c.width, s = c.height, r) {
+				let t = Pe(o, s, e.direction, e);
+				o = t.width, s = t.height;
+			}
+			let l = je(o, s, e), u = Fe(l, e), d = Ie(l, u, e);
+			return l = d.size, u = d.position, {
+				size: {
+					width: W(l.width),
+					height: W(l.height)
+				},
+				position: {
+					x: W(u.x),
+					y: W(u.y)
+				}
+			};
+		}
+		function Le(e, t, n) {
+			let r = Oe();
+			return {
+				direction: e,
+				startClientX: t,
+				startClientY: n,
+				startSize: r,
+				startPosition: L.value,
+				aspectRatio: r.height > 0 ? r.width / r.height : 1,
+				mode: _.mode,
+				snapMode: _.snapMode,
+				parentSize: ke()
+			};
+		}
+		function X(e, t, n) {
+			return {
+				direction: e,
+				size: S.value,
+				position: w.value,
+				delta: t,
+				event: n
+			};
+		}
+		function Z() {
+			_.size || (_e.value = S.value, T.value = !0), _.position || (C.value = w.value, E.value = !0), v("update:size", S.value), v("update:position", w.value);
+		}
+		function Re(e) {
+			if (!z() || F) return;
+			let t = Te(e);
+			j = Ee(document.documentElement.style.cursor) ? "" : document.documentElement.style.cursor, M = Ee(document.body?.style.cursor ?? "") ? "" : document.body?.style.cursor ?? "", N = document.documentElement.style.userSelect, P = document.body?.style.userSelect ?? "", document.documentElement.style.cursor = t, document.body.style.cursor = t, document.documentElement.style.userSelect = "none", document.body.style.userSelect = "none", F = !0;
+		}
+		function ze() {
+			!z() || !F || (document.documentElement.style.cursor = j, document.body.style.cursor = M, document.documentElement.style.userSelect = N, document.body.style.userSelect = P, j = "", M = "", N = "", P = "", F = !1);
+		}
+		function Be() {
+			if (z()) {
+				window.addEventListener("pointermove", Ge), window.addEventListener("pointerup", Q), window.addEventListener("pointercancel", Q), window.addEventListener("pointerout", qe), window.addEventListener("blur", $), window.addEventListener("keydown", Ye), document.addEventListener("visibilitychange", Je);
+				try {
+					window.parent && window.parent !== window && (window.parent.addEventListener("pointerup", Q), window.parent.addEventListener("pointercancel", Q), window.parent.addEventListener("blur", $));
+				} catch {}
+			}
+		}
+		function Ve() {
+			if (z()) {
+				window.removeEventListener("pointermove", Ge), window.removeEventListener("pointerup", Q), window.removeEventListener("pointercancel", Q), window.removeEventListener("pointerout", qe), window.removeEventListener("blur", $), window.removeEventListener("keydown", Ye), document.removeEventListener("visibilitychange", Je);
+				try {
+					window.parent && window.parent !== window && (window.parent.removeEventListener("pointerup", Q), window.parent.removeEventListener("pointercancel", Q), window.parent.removeEventListener("blur", $));
+				} catch {}
+			}
+		}
+		function He(e) {
+			me() || (b.value && g.to(b.value, {
+				scale: 1.006,
+				transformOrigin: J(e),
+				duration: .16,
+				ease: "power2.out",
+				overwrite: !0,
+				force3D: !0
+			}), x.value && g.fromTo(x.value, {
+				autoAlpha: 0,
+				scale: .985
+			}, {
+				autoAlpha: 1,
+				scale: 1,
+				transformOrigin: J(e),
+				duration: .18,
+				ease: "power2.out",
+				overwrite: !0,
+				force3D: !0
+			}));
+		}
+		function Ue(e) {
+			me() || (b.value && g.to(b.value, {
+				scale: 1,
+				transformOrigin: J(e),
+				duration: .42,
+				ease: "elastic.out(1, 0.78)",
+				overwrite: !0,
+				force3D: !0
+			}), x.value && g.to(x.value, {
+				autoAlpha: 0,
+				scale: 1.018,
+				transformOrigin: J(e),
+				duration: .28,
+				ease: "power3.out",
+				overwrite: !0,
+				force3D: !0
+			}));
+		}
+		function We(e, t) {
+			if (!(_.disabled || t.button !== 0)) {
+				t.preventDefault(), k = Le(e, t.clientX, t.clientY), A = {
+					x: 0,
+					y: 0
+				}, S.value = k.startSize, w.value = k.startPosition, O.value = e, D.value = !0, Re(e), Be(), He(e);
+				try {
+					t.currentTarget?.setPointerCapture?.(t.pointerId);
+				} catch {}
+				v("resize-start", X(e, A, t));
+			}
+		}
+		function Ge(e) {
+			if (!k) return;
+			e.preventDefault(), A = {
+				x: e.clientX - k.startClientX,
+				y: e.clientY - k.startClientY
+			};
+			let t = Y(k, A.x, A.y);
+			Se(t.size, S.value) && Ce(t.position, w.value) || (S.value = t.size, w.value = t.position, Z(), v("resize", X(k.direction, A, e)));
+		}
+		function Ke(e, t = !0) {
+			let n = k;
+			if (Ve(), ze(), !n) return;
+			let r = n.direction;
+			if (n.snapMode === "end") {
+				let e = Y(n, A.x, A.y, !0);
+				S.value = e.size, w.value = e.position;
+			}
+			Z(), e && t && v("resize-end", X(r, A, e)), Ue(r), k = void 0, O.value = null, D.value = !1;
+		}
+		function Q(e) {
+			Ke(e);
+		}
+		function $() {
+			Ke(void 0, !1);
+		}
+		function qe(e) {
+			e.relatedTarget || (e.clientX <= 0 || e.clientY <= 0 || e.clientX >= window.innerWidth || e.clientY >= window.innerHeight) && $();
+		}
+		function Je() {
+			document.visibilityState === "hidden" && $();
+		}
+		function Ye(e) {
+			e.key === "Escape" && Ke(e);
+		}
+		function Xe(e, t) {
+			let n = q(e), r = we(), i = t.shiftKey ? 4 : 1, a = r.x * i, o = r.y * i;
+			return t.key === "ArrowLeft" && (n.left || n.right) ? {
+				x: -a,
+				y: 0
+			} : t.key === "ArrowRight" && (n.left || n.right) ? {
+				x: a,
+				y: 0
+			} : t.key === "ArrowUp" && (n.top || n.bottom) ? {
+				x: 0,
+				y: -o
+			} : t.key === "ArrowDown" && (n.top || n.bottom) ? {
+				x: 0,
+				y: o
+			} : null;
+		}
+		function Ze(e, t) {
+			if (_.disabled) return;
+			let n = Xe(e, t);
+			if (!n) return;
+			t.preventDefault();
+			let r = Y(Le(e, 0, 0), n.x, n.y, !0);
+			S.value = r.size, w.value = r.position, O.value = e, D.value = !0, v("resize-start", X(e, {
+				x: 0,
+				y: 0
+			}, t)), Z(), v("resize", X(e, n, t)), v("resize-end", X(e, n, t)), He(e), Ue(e), O.value = null, D.value = !1;
+		}
+		function Qe() {
+			S.value = H(_.defaultSize), w.value = U(_.defaultPosition), _e.value = S.value, C.value = w.value, T.value = !0, E.value = !0, v("update:size", S.value), v("update:position", w.value);
+		}
+		function $e() {
+			return D.value ? S.value : H(I.value);
+		}
+		function et() {
+			return L.value;
+		}
+		return re(() => {
+			Ve(), ze(), g.killTweensOf([b.value, x.value].filter(Boolean));
+		}), fe({
+			reset: Qe,
+			getSize: $e,
+			getPosition: et
+		}), (e, t) => (m(), d("div", {
+			ref_key: "rootRef",
+			ref: y,
+			class: te(ve.value),
+			style: ne(ye.value),
+			role: "group",
+			"aria-label": p.ariaLabel
+		}, [f("div", {
+			ref_key: "surfaceRef",
+			ref: b,
+			class: "bing-resizable__surface"
+		}, [
+			f("div", ce, [ae(e.$slots, "default", {}, void 0, !0)]),
+			f("span", {
+				ref_key: "feedbackRef",
+				ref: x,
+				class: "bing-resizable__feedback",
+				"aria-hidden": "true"
+			}, null, 512),
+			p.showSize ? (m(), d("output", le, oe(xe.value), 1)) : u("", !0),
+			(m(!0), d(c, null, ie(be.value, (n) => (m(), d("button", {
+				key: n,
+				type: "button",
+				class: te(["bing-resizable__handle", [`bing-resizable__handle--${n}`, { "is-active": O.value === n }]]),
+				"aria-label": De(n),
+				disabled: p.disabled,
+				onPointerdown: (e) => We(n, e),
+				onKeydown: (e) => Ze(n, e)
+			}, [ae(e.$slots, "handle", {
+				direction: n,
+				active: O.value === n
+			}, () => [f("span", de, [t[0] ||= f("span", { class: "bing-resizable__handle-line" }, null, -1), ee(s, {
+				class: "bing-resizable__handle-icon",
+				icon: ge[n],
+				size: n.includes("-") ? 13 : 14,
+				"stroke-width": 1.75
+			}, null, 8, ["icon", "size"])])], !0)], 42, ue))), 128))
+		], 512)], 14, se));
+	}
+});
+//#endregion
+export { fe as default };

package/dist/components/BingScrollbar/BingScrollbar.js

@@ -0,0 +1,7 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "./BingScrollbar.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                              */
+//#region src/components/BingScrollbar/BingScrollbar.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-72049e96"]]);
+//#endregion
+export { n as default };