@mkbabb/glass-ui 7.0.0 → 8.0.0

package/dist/watercolor-dot.js

@@ -1,149 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t } from "./useRAFLoop-B3YlWK4M.js";
-import { n, t as r } from "./prng-2uS6J_A1.js";
-import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, openBlock as d, ref as f, toRef as p, unref as m, useAttrs as h, useId as g, watch as _ } from "vue";
-//#region src/components/watercolor-dot/prng.ts
-function v(e, t, n) {
-	let r = [];
-	for (let i = 0; i < 8; i++) r.push(t + e() * (n - t));
-	return r;
-}
-function y(e) {
-	return `${e[0]}% ${e[1]}% ${e[2]}% ${e[3]}% / ${e[4]}% ${e[5]}% ${e[6]}% ${e[7]}%`;
-}
-//#endregion
-//#region src/components/watercolor-dot/useWatercolorBlob.ts
-var b = [
-	"scaleX",
-	"scaleY",
-	"skewX",
-	"skewY",
-	"rotate"
-], x = {
-	scaleX: .045,
-	scaleY: .045,
-	skewX: 1.6,
-	skewY: 1.6,
-	rotate: 1.4
-};
-function S(e, i = {}) {
-	let { animate: a = !1, cycleDuration: o = 4e3, range: s = [20, 80], seed: c = "" } = i, l = f(""), u = f("none"), d = n(r((typeof e == "function" ? e : () => e.value)() + c));
-	if (l.value = y(v(d, s[0], s[1])), !a) return typeof e != "function" && _(e, (e) => {
-		let t = n(r(e + c));
-		l.value = y(v(t, s[0], s[1]));
-	}), {
-		borderRadius: l,
-		transform: u
-	};
-	let p = [];
-	for (let e = 0; e < b.length; e++) {
-		let t = x[b[e] ?? "scaleX"], n = .5 + d() * 1.3, r = d();
-		p.push({
-			from: 0,
-			to: -1 + d() * 2,
-			startTime: -r * o * n,
-			duration: o * n,
-			amp: t
-		});
-	}
-	let m = p.map(() => 0);
-	function h() {
-		let e = 1 + m[0] * p[0].amp, t = 1 + m[1] * p[1].amp, n = m[2] * p[2].amp, r = m[3] * p[3].amp, i = m[4] * p[4].amp;
-		return `scale(${e.toFixed(4)}, ${t.toFixed(4)}) skew(${n.toFixed(3)}deg, ${r.toFixed(3)}deg) rotate(${i.toFixed(3)}deg)`;
-	}
-	function g(e) {
-		for (let t = 0; t < p.length; t++) {
-			let n = p[t];
-			if (!n) continue;
-			let r = (e - n.startTime) / n.duration;
-			r >= 1 && (n.from = n.to, n.to = -1 + d() * 2, n.duration = o * (.5 + d() * 1.3), n.startTime = e, r = 0);
-			let i = .5 - .5 * Math.cos(Math.PI * r);
-			m[t] = n.from + i * (n.to - n.from);
-		}
-		u.value = h();
-	}
-	return t((e) => g(e.now), {
-		pauseWhenHidden: !0,
-		respectReducedMotion: !0
-	}), {
-		borderRadius: l,
-		transform: u
-	};
-}
-//#endregion
-//#region src/components/watercolor-dot/WatercolorDot.vue?vue&type=script&setup=true&lang.ts
-var C = ["data-variant"], w = {
-	class: "watercolor-filter-host",
-	"aria-hidden": "true",
-	focusable: "false"
-}, T = ["seed"], E = /*#__PURE__*/ e(/* @__PURE__ */ c({
-	inheritAttrs: !1,
-	__name: "WatercolorDot",
-	props: {
-		color: {},
-		variant: { default: "solid" },
-		animate: {
-			type: Boolean,
-			default: !1
-		},
-		cycleDuration: { default: 4e3 },
-		range: { default: () => [20, 80] },
-		seed: { default: "" }
-	},
-	setup(e) {
-		let t = e, n = h(), c = i(() => n.class), f = i(() => n.style), _ = `watercolor-filter-${g().replace(/[^a-zA-Z0-9_-]/g, "")}`, v = i(() => `url(#${_})`), y = i(() => r(t.color + t.seed) % 256), { borderRadius: b, transform: x } = S(p(t, "color"), {
-			animate: t.animate,
-			cycleDuration: t.cycleDuration,
-			range: t.range,
-			seed: t.seed
-		});
-		return (t, n) => (d(), o("span", {
-			"aria-hidden": "true",
-			class: l([
-				c.value,
-				"watercolor-swatch",
-				e.animate && "watercolor-animated"
-			]),
-			"data-testid": "watercolor-swatch",
-			"data-variant": e.variant,
-			style: u([f.value, {
-				backgroundColor: e.variant === "ghost" ? void 0 : e.color,
-				borderRadius: m(b),
-				pointerEvents: "none",
-				"--watercolor-color": e.color,
-				"--watercolor-filter": v.value,
-				"--watercolor-wobble": m(x)
-			}])
-		}, [(d(), o("svg", w, [s("defs", null, [s("filter", {
-			id: _,
-			x: "-15%",
-			y: "-15%",
-			width: "130%",
-			height: "130%",
-			"color-interpolation-filters": "linearRGB"
-		}, [s("feTurbulence", {
-			type: "fractalNoise",
-			baseFrequency: "0.05",
-			numOctaves: "5",
-			seed: y.value,
-			stitchTiles: "stitch",
-			result: "noise"
-		}, null, 8, T), n[0] ||= s("feDisplacementMap", {
-			in: "SourceGraphic",
-			in2: "noise",
-			scale: "1.3",
-			xChannelSelector: "R",
-			yChannelSelector: "G"
-		}, null, -1)])])])), e.variant === "ghost" ? (d(), o("span", {
-			key: 0,
-			class: "watercolor-ghost-stroke",
-			"aria-hidden": "true",
-			style: u({
-				borderRadius: m(b),
-				filter: v.value
-			})
-		}, null, 4)) : a("", !0)], 14, C));
-	}
-}), [["__scopeId", "data-v-292b9032"]]);
-//#endregion
-export { E as WatercolorDot, r as hashString, n as mulberry32, y as radiiToCSS, v as randomRadii, S as useWatercolorBlob };