@mkbabb/glass-ui 4.2.0 → 5.0.0

package/dist/goo-blob.js

@@ -1,348 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper-gLzyemvl.js";
-import { t } from "./useResolveTokenColor-ChOnCckA.js";
-import { t as n } from "./usePointerVelocityField-BrkqZFhj.js";
-import { a as r, t as i } from "./useGpuSubstrate-Ceet70xq.js";
-import { n as a, t as o } from "./compile-INR_tPk_.js";
-import { s, t as c } from "./color-B9jZdhJX.js";
-import { t as l } from "./useIntersectionPause-DO8Vl4gs.js";
-import { a as u, c as d, d as f, f as p, i as m, l as h, n as g, o as _, r as v, s as y, t as b, u as x } from "./uniformBridgeWGPU-BCse1SHU.js";
-import { computed as S, createElementBlock as C, createElementVNode as w, defineComponent as T, inject as E, normalizeStyle as D, onScopeDispose as O, onUnmounted as k, openBlock as A, ref as j, useTemplateRef as M, watch as N } from "vue";
-//#region src/components/custom/goo-blob/shaders/metaball.vert.ts
-var P = "#version 300 es\n\nin vec2 aPosition;\nout vec2 vUv;\n\nvoid main() {\n    vUv = 0.5 * (aPosition + 1.0);\n    gl_Position = vec4(aPosition, 0.0, 1.0);\n}", F = "[GooBlob]";
-function I(e) {
-	let t = o(e, e.VERTEX_SHADER, P, F), n = o(e, e.FRAGMENT_SHADER, _, F), r = a(e, t, n, F);
-	e.useProgram(r);
-	let i = e.createVertexArray();
-	e.bindVertexArray(i);
-	let s = e.createBuffer();
-	e.bindBuffer(e.ARRAY_BUFFER, s), e.bufferData(e.ARRAY_BUFFER, new Float32Array([
-		-1,
-		-1,
-		1,
-		-1,
-		-1,
-		1,
-		-1,
-		1,
-		1,
-		-1,
-		1,
-		1
-	]), e.STATIC_DRAW);
-	let c = e.getAttribLocation(r, "aPosition");
-	e.enableVertexAttribArray(c), e.vertexAttribPointer(c, 2, e.FLOAT, !1, 0, 0);
-	let l = {};
-	for (let t of x) l[t] = e.getUniformLocation(r, t);
-	let u = [], d = [], f = [];
-	for (let t = 0; t < 4; t++) u.push(e.getUniformLocation(r, `uSatPos[${t}]`)), d.push(e.getUniformLocation(r, `uSatRadius[${t}]`)), f.push(e.getUniformLocation(r, `uSatOpacity[${t}]`));
-	let p = [], m = [];
-	for (let t = 0; t < 15; t++) p.push(e.getUniformLocation(r, `uTrailPos[${t}]`)), m.push(e.getUniformLocation(r, `uTrailRadius[${t}]`));
-	let h = [];
-	for (let t = 0; t < 4; t++) h.push(e.getUniformLocation(r, `uPalette[${t}]`));
-	return e.enable(e.BLEND), e.blendFunc(e.ONE, e.ONE_MINUS_SRC_ALPHA), {
-		prog: r,
-		vs: t,
-		fs: n,
-		vao: i,
-		buf: s,
-		locs: {
-			U: l,
-			satPosLocs: u,
-			satRadLocs: d,
-			satOpLocs: f,
-			trailPosLocs: p,
-			trailRadLocs: m,
-			paletteLocs: h
-		}
-	};
-}
-//#endregion
-//#region src/components/custom/goo-blob/composables/wgpuSetup.ts
-var L = 64, R = 8, z = 2;
-function B(e) {
-	let { canvas: t, config: n, pointer: i, satellites: a, resolveFrame: o, shouldContinue: s } = e;
-	return function(e, c, l) {
-		let u = e.createShaderModule({
-			label: "[GooBlob] metaball.wgsl",
-			code: m
-		}), d = e.createBuffer({
-			label: "[GooBlob] uniforms",
-			size: b,
-			usage: L | R
-		}), f = e.createBindGroupLayout({
-			label: "[GooBlob] bind-group-0",
-			entries: [{
-				binding: 0,
-				visibility: z,
-				buffer: { type: "uniform" }
-			}]
-		}), p = e.createRenderPipeline({
-			label: "[GooBlob] pipeline",
-			layout: e.createPipelineLayout({ bindGroupLayouts: [f] }),
-			vertex: {
-				module: u,
-				entryPoint: "vs_main"
-			},
-			fragment: {
-				module: u,
-				entryPoint: "fs_main",
-				targets: [{
-					format: l,
-					blend: {
-						color: {
-							srcFactor: "one",
-							dstFactor: "one-minus-src-alpha",
-							operation: "add"
-						},
-						alpha: {
-							srcFactor: "one",
-							dstFactor: "one-minus-src-alpha",
-							operation: "add"
-						}
-					}
-				}]
-			},
-			primitive: { topology: "triangle-list" }
-		}), h = e.createBindGroup({
-			label: "[GooBlob] bind-group",
-			layout: f,
-			entries: [{
-				binding: 0,
-				resource: { buffer: d }
-			}]
-		}), _ = g();
-		function y() {
-			let e = r(), i = n.quality === "half" ? .5 : 1, a = t.clientWidth || n.geometry.canvasSize, o = t.clientHeight || n.geometry.canvasSize, s = Math.max(1, Math.round(a * e * i)), c = Math.max(1, Math.round(o * e * i));
-			(t.width !== s || t.height !== c) && (t.width = s, t.height = c);
-		}
-		function x(r) {
-			let s = o(r);
-			if (!s) return;
-			v(_, t, n, i, a, s), e.queue.writeBuffer(d, 0, _.buffer);
-			let l = c.getCurrentTexture().createView(), u = e.createCommandEncoder({ label: "[GooBlob] frame" }), f = u.beginRenderPass({ colorAttachments: [{
-				view: l,
-				clearValue: {
-					r: 0,
-					g: 0,
-					b: 0,
-					a: 0
-				},
-				loadOp: "clear",
-				storeOp: "store"
-			}] });
-			f.setPipeline(p), f.setBindGroup(0, h), f.draw(3, 1, 0, 0), f.end(), e.queue.submit([u.finish()]);
-		}
-		return {
-			frame: x,
-			shouldContinue: s,
-			resize: y,
-			teardown: () => {
-				d.destroy();
-			}
-		};
-	};
-}
-//#endregion
-//#region src/components/custom/goo-blob/composables/useMetaballRenderer.ts
-function V(e) {
-	let { canvasRef: t, color: a, rimColor: o, paletteStops: d, mood: f, pointer: p, satellites: m, config: h } = e, g = 0, _ = 0, v = n();
-	m.onPinch((e) => p.click(e));
-	let y = /* @__PURE__ */ new Map();
-	function b(e) {
-		let t = y.get(e);
-		if (t) return t;
-		let n = s(c(e));
-		return y.size > 256 && y.clear(), y.set(e, n), n;
-	}
-	let x = null, S = !1, C = null;
-	function w() {
-		C !== null && (clearTimeout(C), C = null);
-	}
-	function T(e) {
-		if (w(), typeof setTimeout > "u") return;
-		let t = Math.min(Math.max(e - _, 16), 3e4);
-		C = setTimeout(() => {
-			C = null, x?.wake();
-		}, t);
-	}
-	l(t, {
-		pause: () => x?.suspend("off-screen-io"),
-		resume: () => x?.resume("off-screen-io")
-	}, {
-		rootMargin: "200px",
-		pauseWhenHidden: !1
-	});
-	function E(e) {
-		let t = g ? (e - g) * 1e3 : 16;
-		g = e;
-		let n = Math.max(0, Math.min(t, 50)), r = x?.reducedMotion ?? !1, i = r || S ? 0 : h.tempo, s = i * n;
-		if (_ += s, i > 0 && p.active.value) {
-			let e = p.pointer.value;
-			v.setPointer(e.x * .5 + .5, e.y * .5 + .5);
-		}
-		v.tick(i === 0 ? 0 : n);
-		let c = v.acceleration.value, l = v.velocity.value, u = -(c.x * l.x + c.y * l.y);
-		return u > 0 && i > 0 && p.click(Math.min(.5, u * 4 + v.burst.value * .2)), r || f.update({
-			pointerActive: p.active.value,
-			clicked: p.consumeClick(),
-			idleMs: p.idleMs()
-		}), f.tick(s), r ? p.rest() : p.tick(s), m.tick(_, f.params.value), {
-			params: f.params.value,
-			rgb: b(a.value),
-			simTimeMs: _,
-			timeSec: e,
-			resolveColor: b,
-			rimColor: o.value,
-			paletteStops: d.value
-		};
-	}
-	function D() {
-		if (S) return !1;
-		if (!f.isSettled() || !p.isAtRest() || !m.isQuiescent()) return w(), !0;
-		let e = m.nextEventMs(_), t = f.nextAutoMoodMs(), n = Number.isFinite(t) ? _ + t : Infinity;
-		return T(Math.min(e, n)), !1;
-	}
-	function O(e) {
-		let t = r(), n = h.quality === "half" ? .5 : 1, i = e.clientWidth || h.geometry.canvasSize, a = e.clientHeight || h.geometry.canvasSize, o = Math.max(1, Math.round(i * t * n)), s = Math.max(1, Math.round(a * t * n));
-		return (e.width !== o || e.height !== s) && (e.width = o, e.height = s), {
-			w: o,
-			h: s
-		};
-	}
-	function A(e) {
-		x = i(e, {
-			contextAttrs: {
-				alpha: !0,
-				premultipliedAlpha: !0,
-				antialias: !1,
-				preserveDrawingBuffer: !1
-			},
-			setupWGPU: B({
-				canvas: e,
-				config: h,
-				pointer: p,
-				satellites: m,
-				resolveFrame: E,
-				shouldContinue: D,
-				getReducedMotion: () => x?.reducedMotion ?? !1
-			}),
-			setupGL: (t) => {
-				let { prog: n, vs: r, fs: i, vao: a, buf: o, locs: s } = I(t);
-				function c() {
-					let { w: n, h: r } = O(e);
-					t.viewport(0, 0, n, r);
-				}
-				function l(r) {
-					u(t, n, a, s, e, h, p, m, E(r));
-				}
-				return {
-					frame: l,
-					shouldContinue: D,
-					resize: c,
-					teardown: () => {
-						t.deleteProgram(n), t.deleteShader(r), t.deleteShader(i), t.deleteBuffer(o), t.deleteVertexArray(a);
-					}
-				};
-			}
-		}), x.armAsync();
-	}
-	return N(t, (e) => {
-		e && !x && A(e);
-	}, { immediate: !0 }), N(a, () => x?.wake()), N(d, () => x?.wake(), { deep: !0 }), k(() => {
-		w(), x?.dispose(), x = null;
-	}), {
-		pause: () => {
-			S = !0, x?.suspend("manual");
-		},
-		resume: () => {
-			S = !1, x?.resume("manual");
-		},
-		wake: () => x?.wake()
-	};
-}
-//#endregion
-//#region src/components/custom/goo-blob/GooBlob.vue
-var H = /* @__PURE__ */ e(/* @__PURE__ */ T({
-	__name: "GooBlob",
-	props: {
-		color: {},
-		config: {},
-		variant: {},
-		seed: { default: "" },
-		paused: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	emits: ["click", "update:paused"],
-	setup(e, { expose: n, emit: r }) {
-		let i = r, a = E(p, null), o = e.config ?? a;
-		if (!o) throw Error("[glass-ui] GooBlob: no blob config. Pass an explicit `config` prop (e.g. BLOB_CONFIG_DEFAULTS) or provide(BLOB_CONFIG_KEY, cfg) from an ancestor. There is no silent defaults synthesis.");
-		let s = () => e.config ?? a ?? o, c = new Proxy(o, { get(t, n, r) {
-			return n === "variant" && e.variant != null ? e.variant : Reflect.get(t, n, r);
-		} }), l = M("canvasRef"), u = M("wrapperRef"), f = h(), m = d(u), g = y(o, e.color + e.seed), _ = t(), v = j(e.color), b = j(o.surface.rimColor), x = j([...o.color.paletteStops]);
-		function T() {
-			let t = u.value, n = s();
-			_.invalidate(), v.value = _.resolve(e.color, t), b.value = _.resolve(n.surface.rimColor, t), x.value = n.color.paletteStops.map((e) => _.resolve(e, t));
-		}
-		let k = V({
-			canvasRef: l,
-			color: v,
-			rimColor: b,
-			paletteStops: x,
-			mood: f,
-			pointer: m,
-			satellites: g,
-			config: c
-		});
-		N(u, T, { immediate: !0 });
-		let P = null;
-		typeof document < "u" && (P = new MutationObserver(T), P.observe(document.documentElement, {
-			attributes: !0,
-			attributeFilter: ["class"]
-		})), N(S(() => e.color), (t) => {
-			T(), g.reseed(t + e.seed);
-		}), N(() => {
-			let e = s();
-			return [e.color.paletteStops.join("|"), e.surface.rimColor];
-		}, () => T(), { deep: !0 }), N(() => m.active.value, (e) => {
-			e && k.wake();
-		}), N(() => e.paused, (e) => e ? k.pause() : k.resume(), { immediate: !0 }), O(() => {
-			P?.disconnect(), P = null;
-		});
-		function F() {
-			g.nudge();
-		}
-		function I(e) {
-			f.setMood(e, { source: "manual" });
-		}
-		function L() {
-			m.click(o.interaction.clickImpulse);
-		}
-		function R() {
-			L(), i("click");
-		}
-		return n({
-			nudge: F,
-			setMood: I,
-			pulse: L,
-			currentMood: f.currentMood,
-			pause: k.pause,
-			resume: k.resume
-		}), (t, n) => (A(), C("div", {
-			ref_key: "wrapperRef",
-			ref: u,
-			class: "goo-blob-wrapper",
-			style: D({ "--blob-color": e.color }),
-			onClick: R
-		}, [w("canvas", {
-			ref_key: "canvasRef",
-			ref: l,
-			class: "goo-blob-canvas",
-			"aria-hidden": "true",
-			"data-testid": "goo-blob-canvas"
-		}, null, 512)], 4));
-	}
-}), [["__scopeId", "data-v-2906dd32"]]);
-//#endregion
-export { f as BLOB_CONFIG_DEFAULTS, p as BLOB_CONFIG_KEY, H as GooBlob, h as useBlobMood, d as useBlobPointer, y as useBlobSatellites, V as useMetaballRenderer };

package/dist/goo-dot-matrix.d.ts

@@ -1 +0,0 @@
-export * from "./components/custom/goo-dot-matrix";