@moubing/bing-ui 0.11.1 → 0.12.0

package/dist/components/BingColorPicker/BingColorPickerFormatEditor.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,142 @@
+import e from "../BingButton/BingButton.js";
+import { Check as t, Copy as n } from "../../icons/icons.js";
+import r from "../BingIcon/BingIcon.js";
+import i from "../BingSelect/BingSelect.js";
+import { getColorFormatValue as a, getFormatLabel as o, parseColorInput as s } from "./BingColorPicker.utils.js";
+import { computed as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, mergeModels as p, normalizeClass as m, openBlock as h, ref as g, unref as _, useModel as v, watch as y, withCtx as b } from "vue";
+//#region src/components/BingColorPicker/BingColorPickerFormatEditor.vue?vue&type=script&setup=true&lang.ts
+var x = ["for"], S = [
+	"id",
+	"value",
+	"aria-invalid",
+	"disabled"
+], C = /* @__PURE__ */ f({
+	__name: "BingColorPickerFormatEditor",
+	props: /* @__PURE__ */ p({
+		idPrefix: {},
+		color: {},
+		disabled: { type: Boolean },
+		copied: { type: Boolean },
+		copyLabel: {},
+		copiedLabel: {}
+	}, {
+		format: { required: !0 },
+		formatModifiers: {}
+	}),
+	emits: /* @__PURE__ */ p([
+		"commit",
+		"blur",
+		"copy"
+	], ["update:format"]),
+	setup(f, { emit: p }) {
+		let C = [
+			{
+				label: "HEX",
+				value: "hex"
+			},
+			{
+				label: "RGBA",
+				value: "rgba"
+			},
+			{
+				label: "HSL",
+				value: "hsl"
+			}
+		], w = v(f, "format"), T = f, E = p, D = c(() => `${T.idPrefix}-format`), O = c(() => `${T.idPrefix}-format-input`), k = g(""), A = g(!1), j = g(!1), M = c(() => ({
+			format: w.value,
+			label: o(w.value),
+			value: a(T.color, w.value)
+		})), N = c(() => `${T.copied ? T.copiedLabel : T.copyLabel} ${M.value.label}`);
+		y(M, (e) => {
+			A.value || (k.value = e.value, j.value = !1);
+		}, { immediate: !0 });
+		function P() {
+			k.value = M.value.value, j.value = !1;
+		}
+		function F(e = !1) {
+			let t = s(k.value);
+			return t ? (j.value = !1, E("commit", t, e), e && P(), !0) : (j.value = k.value.trim().length > 0, !1);
+		}
+		function I() {
+			A.value = !0;
+		}
+		function L(e) {
+			let t = e.target;
+			t instanceof HTMLInputElement && (k.value = t.value, F());
+		}
+		function R() {
+			A.value = !1, F(!0) || P(), E("blur");
+		}
+		function z(e) {
+			if (e.key === "Enter") {
+				e.preventDefault(), A.value = !1, F(!0), e.currentTarget?.blur();
+				return;
+			}
+			e.key === "Escape" && (e.preventDefault(), A.value = !1, P(), e.currentTarget?.blur());
+		}
+		return (a, o) => (h(), l("div", { class: m(["bing-color-picker__format-editor", { "is-invalid": j.value }]) }, [
+			d(i, {
+				id: D.value,
+				modelValue: w.value,
+				"onUpdate:modelValue": o[0] ||= (e) => w.value = e,
+				class: "bing-color-picker__format-select",
+				options: C,
+				size: "sm",
+				width: "86px",
+				"min-width": 86,
+				clearable: !1,
+				searchable: !1,
+				"show-select-all": !1,
+				virtual: !1,
+				"panel-placement": "left",
+				"panel-align": "middle",
+				"panel-gap": 18,
+				"panel-max-height": 180,
+				"aria-label": "颜色格式",
+				disabled: f.disabled
+			}, null, 8, [
+				"id",
+				"modelValue",
+				"disabled"
+			]),
+			u("label", {
+				class: "bing-color-picker__sr-only",
+				for: O.value
+			}, " 颜色值 ", 8, x),
+			u("input", {
+				id: O.value,
+				class: "bing-color-picker__format-input",
+				type: "text",
+				value: k.value,
+				"aria-invalid": j.value || void 0,
+				disabled: f.disabled,
+				autocomplete: "off",
+				autocapitalize: "off",
+				spellcheck: "false",
+				onFocus: I,
+				onInput: L,
+				onBlur: R,
+				onKeydown: z
+			}, null, 40, S),
+			d(e, {
+				variant: "ghost",
+				size: "xs",
+				rounded: "sm",
+				throttle: !1,
+				class: "bing-color-picker__copy",
+				"aria-label": N.value,
+				disabled: f.disabled,
+				onClick: o[1] ||= (e) => E("copy", M.value.format, M.value.value)
+			}, {
+				prefix: b(() => [d(r, {
+					icon: f.copied ? _(t) : _(n),
+					size: "xs",
+					"stroke-width": 1.75
+				}, null, 8, ["icon"])]),
+				_: 1
+			}, 8, ["aria-label", "disabled"])
+		], 2));
+	}
+});
+//#endregion
+export { C as default };

package/dist/components/BingColorPicker/BingColorPickerSpectrum.js

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

package/dist/components/BingColorPicker/BingColorPickerSpectrum.vue.d.ts

@@ -0,0 +1,26 @@
+import { BingColorPickerChangeSource } from './BingColorPicker.types';
+import { ColorValue } from './BingColorPicker.utils';
+type SpectrumSource = Extract<BingColorPickerChangeSource, 'field' | 'slider'>;
+type __VLS_Props = {
+    idPrefix: string;
+    hue: number;
+    saturation: number;
+    value: number;
+    color: ColorValue;
+    alpha: number;
+    disabled: boolean;
+};
+declare function cancelDrag(): void;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {
+    cancelDrag: typeof cancelDrag;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    commit: (source: "alpha" | SpectrumSource) => any;
+    "hsv-change": (hue: number, saturation: number, value: number, source: SpectrumSource) => any;
+    "alpha-change": (alpha: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCommit?: ((source: "alpha" | SpectrumSource) => any) | undefined;
+    "onHsv-change"?: ((hue: number, saturation: number, value: number, source: SpectrumSource) => any) | undefined;
+    "onAlpha-change"?: ((alpha: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/BingColorPicker/BingColorPickerSpectrum.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,168 @@
+import { clamp as e } from "./BingColorPicker.utils.js";
+import { computed as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeStyle as a, onBeforeUnmount as o, openBlock as s, ref as c, toDisplayString as l } from "vue";
+//#region src/components/BingColorPicker/BingColorPickerSpectrum.vue?vue&type=script&setup=true&lang.ts
+var u = { class: "bing-color-picker__spectrum" }, d = ["aria-valuetext", "aria-disabled"], f = { class: "bing-color-picker__spectrum-controls" }, p = { class: "bing-color-picker__spectrum-row" }, m = ["for"], h = [
+	"id",
+	"value",
+	"disabled"
+], g = { class: "bing-color-picker__spectrum-value" }, _ = { class: "bing-color-picker__spectrum-row" }, v = ["for"], y = [
+	"id",
+	"value",
+	"disabled"
+], b = { class: "bing-color-picker__spectrum-value" }, x = 84, S = 93, C = /* @__PURE__ */ i({
+	__name: "BingColorPickerSpectrum",
+	props: {
+		idPrefix: {},
+		hue: {},
+		saturation: {},
+		value: {},
+		color: {},
+		alpha: {},
+		disabled: { type: Boolean }
+	},
+	emits: [
+		"hsv-change",
+		"alpha-change",
+		"commit"
+	],
+	setup(i, { expose: C, emit: w }) {
+		let T = i, E = w, D = t(() => `${T.idPrefix}-hue`), O = t(() => `${T.idPrefix}-alpha`), k = c(null), A = !1, j = !1, M = t(() => Math.round(T.alpha * 100)), N = t(() => ({ "--bing-color-picker-selected-color": T.color.rgba })), P = t(() => ({ "--bing-color-picker-field-hue": `hsl(${T.hue}, 100%, 50%)` })), F = t(() => ({
+			...N.value,
+			left: `${T.saturation}%`,
+			top: `${100 - T.value}%`
+		})), I = t(() => `饱和度 ${Math.round(T.saturation)}%，亮度 ${Math.round(T.value)}%`), L = t(() => ({ "--bing-color-picker-thumb-color": T.color.hex })), R = t(() => ({
+			"--bing-color-picker-alpha-rgb": `${T.color.rgb.r}, ${T.color.rgb.g}, ${T.color.rgb.b}`,
+			"--bing-color-picker-thumb-color": T.color.rgba
+		}));
+		o(Z);
+		function z() {
+			return typeof window < "u" && typeof document < "u";
+		}
+		function B(t, n) {
+			let r = k.value;
+			if (!r) return;
+			let i = r.getBoundingClientRect(), a = i.width || 1, o = i.height || 1, s = e((t - i.left) / a, 0, 1), c = e((n - i.top) / o, 0, 1);
+			return {
+				saturation: Math.round(s * 100),
+				value: Math.round((1 - c) * 100)
+			};
+		}
+		function V(e, t) {
+			let n = B(e, t);
+			n && E("hsv-change", T.hue, n.saturation, n.value, "field");
+		}
+		function H(e) {
+			T.disabled || (e.preventDefault(), k.value?.focus(), j = !0, V(e.clientX, e.clientY), X());
+		}
+		function U(e) {
+			j && (e.preventDefault(), V(e.clientX, e.clientY));
+		}
+		function W(e) {
+			j && (e.preventDefault(), V(e.clientX, e.clientY), j = !1, Z(), E("commit", "field"));
+		}
+		function G(e) {
+			if (T.disabled) return;
+			let t = e.shiftKey ? 10 : 2, n = T.saturation, r = T.value;
+			if (e.key === "ArrowLeft") n -= t;
+			else if (e.key === "ArrowRight") n += t;
+			else if (e.key === "ArrowDown") r -= t;
+			else if (e.key === "ArrowUp") r += t;
+			else return;
+			e.preventDefault(), E("hsv-change", T.hue, n, r, "field");
+		}
+		function K(e) {
+			let t = e.target;
+			if (!(t instanceof HTMLInputElement)) return;
+			let n = Number.parseFloat(t.value);
+			E("hsv-change", Number.isFinite(n) ? n : 0, T.saturation <= 1 && T.value >= 99 ? x : T.saturation, T.value <= 1 ? S : T.value, "slider");
+		}
+		function q() {
+			E("commit", "slider");
+		}
+		function J(e) {
+			let t = e.target;
+			if (!(t instanceof HTMLInputElement)) return;
+			let n = Number.parseFloat(t.value);
+			E("alpha-change", Number.isFinite(n) ? n / 100 : 1);
+		}
+		function Y() {
+			E("commit", "alpha");
+		}
+		function X() {
+			!z() || A || (window.addEventListener("pointermove", U), window.addEventListener("pointerup", W), window.addEventListener("pointercancel", W), A = !0);
+		}
+		function Z() {
+			!z() || !A || (window.removeEventListener("pointermove", U), window.removeEventListener("pointerup", W), window.removeEventListener("pointercancel", W), A = !1);
+		}
+		function Q() {
+			j = !1, Z();
+		}
+		return C({ cancelDrag: Q }), (e, t) => (s(), n("section", u, [r("div", {
+			ref_key: "colorFieldRef",
+			ref: k,
+			class: "bing-color-picker__field",
+			style: a(P.value),
+			role: "slider",
+			tabindex: "0",
+			"aria-label": "颜色饱和度与亮度",
+			"aria-valuetext": I.value,
+			"aria-disabled": i.disabled || void 0,
+			onPointerdown: H,
+			onKeydown: G
+		}, [r("span", {
+			class: "bing-color-picker__field-marker",
+			style: a(F.value),
+			"aria-hidden": "true"
+		}, null, 4)], 44, d), r("div", f, [r("div", p, [
+			r("span", {
+				class: "bing-color-picker__preview",
+				style: a(N.value),
+				"aria-hidden": "true"
+			}, null, 4),
+			r("label", {
+				class: "bing-color-picker__sr-only",
+				for: D.value
+			}, " 色相 ", 8, m),
+			r("input", {
+				id: D.value,
+				class: "bing-color-picker__range bing-color-picker__range--hue",
+				type: "range",
+				min: "0",
+				max: "359",
+				step: "1",
+				value: i.hue,
+				style: a(L.value),
+				disabled: i.disabled,
+				onInput: K,
+				onChange: q
+			}, null, 44, h),
+			r("span", g, l(i.hue) + "°", 1)
+		]), r("div", _, [
+			r("span", {
+				class: "bing-color-picker__alpha-preview",
+				style: a(N.value),
+				"aria-hidden": "true"
+			}, null, 4),
+			r("label", {
+				class: "bing-color-picker__sr-only",
+				for: O.value
+			}, " 不透明度 ", 8, v),
+			r("input", {
+				id: O.value,
+				class: "bing-color-picker__range bing-color-picker__range--alpha",
+				type: "range",
+				min: "0",
+				max: "100",
+				step: "1",
+				value: M.value,
+				style: a(R.value),
+				disabled: i.disabled,
+				onInput: J,
+				onChange: Y
+			}, null, 44, y),
+			r("span", b, l(M.value) + "%", 1)
+		])])]));
+	}
+});
+//#endregion
+export { C as default };

package/dist/components/BingConfigProvider/BingConfigProvider.js

@@ -0,0 +1,5 @@
+import e from "./BingConfigProvider.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/BingConfigProvider/BingConfigProvider.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/BingConfigProvider/BingConfigProvider.types.d.ts

@@ -0,0 +1,5 @@
+import { BingConfig } from '../../utils/config';
+export type { BingConfig, BingConfigSize, BingReducedMotion } from '../../utils/config';
+/** 未设置的字段继承外层 BingConfigProvider，最外层回落到组件自身默认值。 */
+export interface BingConfigProviderProps extends BingConfig {
+}

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

@@ -0,0 +1,18 @@
+import { BingConfigProviderProps } from './BingConfigProvider.types';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<BingConfigProviderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BingConfigProviderProps> & Readonly<{}>, {
+    zIndex: number;
+    reducedMotion: import('./BingConfigProvider.types').BingReducedMotion;
+    size: import('./BingConfigProvider.types').BingConfigSize;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/BingConfigProvider/BingConfigProvider.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,18 @@
+import { provideBingConfig as e } from "../../utils/config.js";
+import { defineComponent as t, renderSlot as n } from "vue";
+//#region src/components/BingConfigProvider/BingConfigProvider.vue?vue&type=script&setup=true&lang.ts
+var r = /* @__PURE__ */ t({
+	name: "BingConfigProvider",
+	__name: "BingConfigProvider",
+	props: {
+		size: { default: void 0 },
+		zIndex: { default: void 0 },
+		reducedMotion: { default: void 0 }
+	},
+	setup(t) {
+		let r = t;
+		return e(() => r), (e, t) => n(e.$slots, "default");
+	}
+});
+//#endregion
+export { r as default };

package/dist/components/BingConfigProvider/index.d.ts

@@ -0,0 +1,3 @@
+export { default as BingConfigProvider } from './BingConfigProvider.vue';
+export type { BingConfig, BingConfigProviderProps, BingConfigSize, BingReducedMotion, } from './BingConfigProvider.types';
+export { useBingConfig } from '../../utils/config';

package/dist/components/BingCursor/BingCursor.controller.js

@@ -0,0 +1,240 @@
+import { cursorHotspots as e, resolveCursorType as t } from "./BingCursor.presets.js";
+import { createCursorStyleSource as n } from "./BingCursor.styleSource.js";
+//#region src/components/BingCursor/BingCursor.controller.ts
+var r = /* @__PURE__ */ new WeakMap(), i = "data-bing-cursor-native", a = "[contenteditable=\"true\"], [contenteditable=\"\"], [contenteditable=\"plaintext-only\"]", o = 100;
+function s(e) {
+	let t = e.closest(a);
+	if (t) return t;
+	let n = e.closest("[contenteditable]");
+	for (let e = n?.parentElement?.closest("[contenteditable]"); e; e = e.parentElement?.closest("[contenteditable]")) n = e;
+	return n;
+}
+function c(c) {
+	let l = c.defaultView, u = /* @__PURE__ */ new Set(), d = [], f = l.matchMedia?.("(any-pointer: fine)"), p = l.matchMedia?.("(any-hover: hover)"), m = l.matchMedia?.("(forced-colors: active)"), h, g = /* @__PURE__ */ new Map(), _ = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Map(), y = 0, b = null, x = null, S = null, C = 0, w = 0, T = 0, E = !1, D = !1, O = !1, k = 0, A = !0, j = -Infinity, M = -Infinity, N, P = !1, F = c.createElement("style");
+	F.dataset.bingCursorStyle = "", c.head.append(F);
+	let I = n(c), L = () => [...u].some((e) => !e.options().disabled && e.root.isConnected);
+	function R() {
+		let t = [..._.values()].flatMap((e) => [...e.values()].map(({ value: e, token: t }) => {
+			let n = `[${i}="${t}"]`, r = `${n}[contenteditable] :hover`;
+			return `${n}, ${n}::before, ${n}::after, ${r}, ${r}::before, ${r}::after { cursor: ${e} !important; }`;
+		}));
+		for (let [n, r] of v) {
+			let o = _.get(n), s = `[${i}="${r.token}"]`, c = (e) => o.get(e).value, l = `${s}, ${s} :hover`, u = `var(${r.disabled}, var(${r.declared}, var(${r.property}, var(${r.auto}))))`;
+			t.push(`${s} { ${r.auto}: ${c("default")}; }`, `${s}:is(${a}) { ${r.auto}: ${c("text")}; }`, `${s} :where([contenteditable="false"]) { ${r.auto}: ${c("default")}; }`, `${s} :where(a[href], button, summary, [role="button"], [role="link"], [role="tab"]) { ${r.auto}: ${c("pointer")}; }`, `${s} :where(textarea, input, ${a}) { ${r.auto}: ${c("text")}; }`, `${s}:where(:disabled, [aria-disabled="true"], [inert]), ${s} :where(:disabled, [aria-disabled="true"], [inert]) { ${r.disabled}: ${c("not-allowed")}; }`, `${l} { cursor: ${u} !important; }`, `${l.split(", ").map((e) => `${e}::before, ${e}::after`).join(", ")} { cursor: ${u} !important; }`);
+			for (let n of Object.keys(e)) t.push(`${s}:where([data-bing-cursor="${n}"]), ${s} :where([data-bing-cursor="${n}"]) { ${r.declared}: ${c(n)}; }`);
+		}
+		F.textContent = t.join("\n");
+	}
+	function z(n, r) {
+		let i = n.nativeCursor(r);
+		if (!i) return;
+		let a = _.get(n)?.get(r);
+		if (a?.value === i) return a.token;
+		let o = /* @__PURE__ */ new Map(), s = ++y;
+		for (let t of Object.keys(e)) {
+			let e = t === r ? i : n.nativeCursor(t);
+			e && o.set(t, {
+				value: e,
+				token: `${s}-${t}`
+			});
+		}
+		_.set(n, o), v.get(n)?.dispose();
+		let l = `--bing-cursor-rendered-${s}`;
+		return v.set(n, {
+			token: `${s}-editable`,
+			property: l,
+			auto: `--bing-cursor-auto-${s}`,
+			declared: `--bing-cursor-declared-${s}`,
+			disabled: `--bing-cursor-disabled-${s}`,
+			dispose: I.palette(l, (e) => {
+				if (e === "auto") return "initial";
+				let n = t(c.documentElement, e);
+				return n ? o.get(n)?.value ?? e : e;
+			})
+		}), R(), o.get(r)?.token;
+	}
+	function B(e, t) {
+		t === null ? e.removeAttribute(i) : e.setAttribute(i, t);
+	}
+	function V() {
+		for (let [e, t] of g) B(e, t);
+		g.clear();
+	}
+	function H() {
+		V(), h?.hide(), h = void 0;
+	}
+	function U(e, t, n) {
+		let r = new Set(e.map((e) => s(e) ?? e));
+		for (let e of r) {
+			g.has(e) || g.set(e, e.getAttribute(i));
+			let r = n && e.hasAttribute("contenteditable") ? n : t;
+			e.getAttribute(i) !== r && e.setAttribute(i, r);
+		}
+		for (let [e, t] of g) r.has(e) || (B(e, t), g.delete(e));
+	}
+	function W() {
+		S = null, D = !1, E = !1, x = null, N = void 0, A = !0, k && l.cancelAnimationFrame(k), k = 0, H();
+	}
+	function G(e) {
+		if (w >= c.documentElement.clientWidth || T >= c.documentElement.clientHeight) return !0;
+		let t = l.getComputedStyle(e), n = ["auto", "scroll"].includes(t.overflowY) && e.scrollHeight > e.clientHeight, r = ["auto", "scroll"].includes(t.overflowX) && e.scrollWidth > e.clientWidth;
+		if (N = void 0, !n && !r) return !1;
+		let i = e.getBoundingClientRect(), a = i.left + e.clientLeft, o = i.top + e.clientTop;
+		return N = {
+			left: a,
+			right: a + e.clientWidth,
+			top: o,
+			bottom: o + e.clientHeight,
+			vertical: n,
+			horizontal: r
+		}, K();
+	}
+	function K() {
+		return !!(N && (N.vertical && (w < N.left || w >= N.right) || N.horizontal && (T < N.top || T >= N.bottom)));
+	}
+	function q() {
+		let e = S;
+		S = null;
+		let n = l.performance.now();
+		if (j = n, !L() || !D || O || c.hidden || m?.matches || !f?.matches || !p?.matches) {
+			H();
+			return;
+		}
+		let r = e?.isConnected && !e.hasPointerCapture?.(C) ? e : c.elementFromPoint(w, T);
+		if (P = !!(r && G(r)), !r || r.getRootNode() !== c || r.shadowRoot || P) {
+			H();
+			return;
+		}
+		b = E && x?.hasPointerCapture?.(C) ? x : r;
+		let i;
+		for (let e of u) {
+			let t = e.options();
+			t.disabled || !e.root.isConnected || !t.global && !e.root.contains(b) || (!i || !t.global && (i.options().global || i.root.contains(e.root)) || t.global && i.options().global) && (i = e);
+		}
+		if (!i) {
+			H();
+			return;
+		}
+		let a = A || n - M >= o, d = s(b), g = !1;
+		for (let e = b; d && e; e = e.parentElement) if ("style" in e && e.style.cursor) {
+			g = !0;
+			break;
+		}
+		g && V();
+		let _ = I.read(b, a, d), y = g ? l.getComputedStyle(b).cursor : _;
+		a && (A = !1, M = n);
+		let k = t(b, y, i.options().type, E);
+		if (!k) {
+			H();
+			return;
+		}
+		let N = z(i, k);
+		if (!N) {
+			H();
+			return;
+		}
+		h !== i && h?.hide(), h = i;
+		let F = v.get(i), R = d && F ? l.getComputedStyle(b).getPropertyValue(F.property).trim() : "", B = !E && !g && i.options().type === "auto" && (!R || R.startsWith("url("));
+		U([r, b], N, B ? F?.token : void 0), i.show(k);
+	}
+	function J() {
+		if (!L()) {
+			k && l.cancelAnimationFrame(k), k = 0, H();
+			return;
+		}
+		!k && D && (k = l.requestAnimationFrame(() => {
+			k = 0, q();
+		}));
+	}
+	function Y() {
+		S = null, J();
+	}
+	function X(e) {
+		if (e.pointerType !== "mouse") {
+			W();
+			return;
+		}
+		let t = e.target instanceof Element ? e.target : null, n = (e.buttons & 1) == 1, r = !D || x !== t || E !== n || !!(n && t?.hasPointerCapture?.(e.pointerId)) || l.performance.now() - j >= o;
+		D = !0, w = e.clientX, T = e.clientY, E = n, C = e.pointerId, x = t, E || (O = !1), S = x, (r || K() !== P) && J();
+	}
+	function Z(e, t, n) {
+		e.addEventListener(t, n, {
+			capture: !0,
+			passive: !0
+		}), d.push(() => e.removeEventListener(t, n, !0));
+	}
+	for (let e of [
+		"pointermove",
+		"pointerover",
+		"pointerdown",
+		"pointerup"
+	]) Z(c, e, X);
+	Z(c, "pointerout", ((e) => {
+		e.relatedTarget || W();
+	})), Z(c, "pointercancel", W), Z(c, "gotpointercapture", Y), Z(c, "lostpointercapture", Y), Z(l, "blur", (e) => {
+		e.target === l && W();
+	}), Z(l, "resize", W), Z(c, "visibilitychange", () => {
+		c.hidden && W();
+	}), Z(c, "keydown", ((e) => {
+		(e.key === "Tab" || e.key === "Escape") && W();
+	})), Z(c, "scroll", Y), Z(c, "load", (e) => {
+		e.target?.matches?.("link[rel=\"stylesheet\"]") && (A = !0, Y());
+	}), Z(c, "dragstart", () => {
+		O = !0, W();
+	}), Z(c, "dragend", () => {
+		O = !1, W();
+	});
+	for (let e of [
+		f,
+		p,
+		m
+	]) e?.addEventListener?.("change", Y), d.push(() => e?.removeEventListener?.("change", Y));
+	let Q = new MutationObserver((e) => {
+		if (!L()) {
+			A = !0;
+			return;
+		}
+		if (!D) return;
+		let t = !1;
+		for (let n of e) {
+			let e = n.target.nodeType === 1 ? n.target : n.target.parentElement;
+			if (e?.closest("[data-bing-cursor-palette], [data-bing-cursor-style], [data-bing-cursor-source]")) continue;
+			let r = e?.matches("style, link") || [...n.addedNodes, ...n.removedNodes].some((e) => e.nodeType === 1 && (e.matches("style, link") || e.querySelector("style, link")));
+			r && (A = !0), (r || n.type === "childList" || b && e?.contains(b)) && (t = !0);
+		}
+		t && Y();
+	});
+	return Q.observe(c.documentElement, {
+		subtree: !0,
+		childList: !0,
+		characterData: !0,
+		attributes: !0,
+		attributeFilter: [
+			"class",
+			"style",
+			"disabled",
+			"aria-disabled",
+			"inert",
+			"contenteditable",
+			"type",
+			"href",
+			"media",
+			"data-bing-cursor"
+		]
+	}), { add(e) {
+		return u.add(e), Y(), {
+			refresh() {
+				A = !0, Y();
+			},
+			destroy() {
+				h === e && H(), u.delete(e), _.delete(e), v.get(e)?.dispose(), v.delete(e), u.size ? (R(), Y()) : (W(), Q.disconnect(), d.forEach((e) => e()), I.destroy(), F.remove(), r.delete(c));
+			}
+		};
+	} };
+}
+function l(e) {
+	let t = e.root.ownerDocument, n = r.get(t);
+	return n || (n = c(t), r.set(t, n)), n.add(e);
+}
+//#endregion
+export { l as registerCursor };

package/dist/components/BingCursor/BingCursor.js

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

package/dist/components/BingCursor/BingCursor.native.js

@@ -0,0 +1,20 @@
+import { cursorHotspots as e } from "./BingCursor.presets.js";
+import { cursorShapes as t } from "./BingCursor.shapes.js";
+//#region src/components/BingCursor/BingCursor.native.ts
+var n = /* @__PURE__ */ new Map(), r = (e) => e.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+function i(i, a, o, s, c) {
+	let l = Math.round(Math.max(8, Math.min(128, Number.isFinite(a) ? a : 28))), u = JSON.stringify([
+		i,
+		l,
+		o,
+		s
+	]), d = n.get(u);
+	if (!d) {
+		let e = t[i].map((e) => `<path d="${e.d}" fill="${r(e.ink ? o : s)}" stroke="${r(e.outline ? o : s)}" stroke-width="${e.strokeWidth}" stroke-linejoin="round" paint-order="stroke fill"/>`).join("");
+		d = `data:image/svg+xml,${encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" width="${l}" height="${l}" viewBox="0 0 32 32">${e}</svg>`)}`, n.size >= 128 && n.delete(n.keys().next().value), n.set(u, d);
+	}
+	let [f, p] = (c ?? e[i].map((e) => e * l / 32)).map((e) => Math.max(0, Math.min(l - 1, Math.round(Number.isFinite(e) ? e : 0))));
+	return `url("${d}") ${f} ${p}, ${i}`;
+}
+//#endregion
+export { i as createNativeCursor };