pptx-vue-viewer 3.7.0 → 3.9.0

package/dist/smartart-3d-DbBWzji8.cjs

@@ -0,0 +1,203 @@
+let e = require("three"), t = require("three/examples/jsm/controls/OrbitControls.js");
+function o(e, t, o) {
+	const n = t.split(/\s+/u).filter(Boolean);
+	if (0 === n.length) return [];
+	const i = [];
+	let a = n[0];
+	for (let t = 1; t < n.length; t++) {
+		const s = `${a} ${n[t]}`;
+		e.measureText(s).width <= o ? a = s : (i.push(a), a = n[t]);
+	}
+	return i.push(a), i;
+}
+function n(t, n, i, a, s, r) {
+	if ("undefined" == typeof document || !t.trim() || a <= 0 || s <= 0) return null;
+	const { weight: l, italic: c, color: p, scale: d } = function(e, t) {
+		const o = void 0 === t?.bold ? "600" : t.bold ? "700" : "400", n = t?.italic ? "italic " : "", i = "number" == typeof t?.fontScale && Number.isFinite(t.fontScale) && t.fontScale > 0 ? t.fontScale : 1;
+		return {
+			weight: o,
+			italic: n,
+			color: t?.color ?? e,
+			scale: i
+		};
+	}(n, r), h = .86 * a, u = .86 * s, f = document.createElement("canvas");
+	f.width = Math.max(8, Math.round(4 * h)), f.height = Math.max(8, Math.round(4 * u));
+	const m = f.getContext("2d");
+	if (!m) return null;
+	const x = .94 * f.width, w = (e) => `${c}${l} ${e}px system-ui, -apple-system, Segoe UI, Roboto, sans-serif`;
+	let g = Math.max(6, i) * d * 4, y = [];
+	for (let e = 0; e < 12; e++) {
+		m.font = w(g), y = o(m, t, x);
+		const e = 1.2 * g;
+		if (y.length * e <= .96 * f.height || g <= 24) break;
+		g *= .88;
+	}
+	m.clearRect(0, 0, f.width, f.height), m.fillStyle = p, m.textAlign = "center", m.textBaseline = "middle", m.font = w(g);
+	const b = 1.2 * g, M = y.length * b, S = f.height / 2 - M / 2 + b / 2;
+	for (let e = 0; e < y.length; e++) {
+		const t = S + e * b;
+		if (m.fillText(y[e], f.width / 2, t), r?.underline) {
+			const o = m.measureText(y[e]).width;
+			m.strokeStyle = p, m.lineWidth = Math.max(1, .06 * g), m.beginPath(), m.moveTo(f.width / 2 - o / 2, t + .32 * g), m.lineTo(f.width / 2 + o / 2, t + .32 * g), m.stroke();
+		}
+	}
+	const v = new e.CanvasTexture(f);
+	return v.colorSpace = e.SRGBColorSpace, v.minFilter = e.LinearFilter, v.magFilter = e.LinearFilter, v.flipY = !1, v.premultiplyAlpha = !1, v.wrapT = e.RepeatWrapping, v.repeat.set(1, -1), v.offset.set(0, 1), v.needsUpdate = !0, {
+		texture: v,
+		worldWidth: h,
+		worldHeight: u
+	};
+}
+function i(t, o, n) {
+	const i = function(t) {
+		const o = new e.Shape();
+		t.outline.forEach((e, t) => {
+			0 === t ? o.moveTo(e.x, e.y) : o.lineTo(e.x, e.y);
+		}), o.closePath();
+		const n = t.bevel > 0;
+		return new e.ExtrudeGeometry(o, {
+			depth: t.depth,
+			bevelEnabled: n,
+			bevelThickness: t.bevel,
+			bevelSize: t.bevel,
+			bevelSegments: 2,
+			curveSegments: t.rounded ? 24 : 1,
+			steps: 1
+		});
+	}(n), a = new e.MeshStandardMaterial({
+		color: new e.Color(n.fill),
+		metalness: .12,
+		roughness: .52,
+		transparent: n.opacity < 1,
+		opacity: n.opacity
+	}), s = new e.Mesh(i, a);
+	if (s.position.set(n.position.x, n.position.y, n.position.z), s.rotation.set(n.rotation.x, n.rotation.y, n.rotation.z), t.add(s), o.push(i, a), n.strokeWidth > 0) {
+		const a = new e.EdgesGeometry(i, 30), r = new e.LineBasicMaterial({ color: new e.Color(n.stroke) }), l = new e.LineSegments(a, r);
+		l.position.copy(s.position), l.rotation.copy(s.rotation), t.add(l), o.push(a, r);
+	}
+	return i;
+}
+function a(t, o) {
+	if (!t.text) return null;
+	const i = n(t.text, t.textColor, t.fontSize, 2 * t.halfWidth, 2 * t.halfHeight, o);
+	if (!i) return null;
+	const a = new e.PlaneGeometry(i.worldWidth, i.worldHeight), s = new e.MeshBasicMaterial({
+		map: i.texture,
+		transparent: !0,
+		depthWrite: !1
+	}), r = new e.Mesh(a, s), l = new e.Euler(t.rotation.x, t.rotation.y, t.rotation.z), c = new e.Vector3(0, 0, t.depth + t.bevel + .4).applyEuler(l);
+	return r.position.set(t.position.x + c.x, t.position.y + c.y, t.position.z + c.z), r.rotation.copy(l), {
+		plane: r,
+		disposables: [
+			a,
+			s,
+			i.texture
+		]
+	};
+}
+function s(e, t) {
+	t.plane && e.remove(t.plane);
+	for (const e of t.disposables) e.dispose();
+	t.plane = null, t.disposables = [];
+}
+function r(t, o) {
+	const n = new e.Group(), r = [], l = t.meshes.map((e) => {
+		i(n, r, e);
+		const t = a(e, o);
+		return t && n.add(t.plane), {
+			node: e,
+			plane: t?.plane ?? null,
+			disposables: t?.disposables ?? []
+		};
+	});
+	return function(t, o, n) {
+		for (const i of n.connectors) {
+			if (i.points.length < 2) continue;
+			const n = new e.BufferGeometry().setFromPoints(i.points.map((t) => new e.Vector3(t.x, t.y, t.z))), a = new e.LineBasicMaterial({
+				color: new e.Color(i.color),
+				transparent: !0,
+				opacity: .7
+			});
+			t.add(new e.Line(n, a)), o.push(n, a);
+		}
+	}(n, r, t), {
+		group: n,
+		setTextStyle(e) {
+			for (const t of l) {
+				s(n, t);
+				const o = a(t.node, e);
+				o && (n.add(o.plane), t.plane = o.plane, t.disposables = o.disposables);
+			}
+		},
+		dispose() {
+			for (const e of r) e.dispose();
+			for (const e of l) s(n, e);
+		}
+	};
+}
+exports.mountSmartArt3D = function(o, n, i, a, s = {}) {
+	const l = new e.WebGLRenderer({
+		canvas: o,
+		antialias: !0,
+		alpha: !s.background
+	});
+	l.setPixelRatio(Math.min("undefined" == typeof window ? 1 : window.devicePixelRatio || 1, s.maxPixelRatio ?? 2)), l.setSize(i, a, !1);
+	const c = new e.Scene();
+	s.background && (c.background = new e.Color(s.background));
+	const { cx: p, cy: d, cz: h, radius: u } = function(e) {
+		let t = 1 / 0, o = 1 / 0, n = 1 / 0, i = -1 / 0, a = -1 / 0, s = -1 / 0;
+		const r = (e, r, l, c) => {
+			t = Math.min(t, e - c), o = Math.min(o, r - c), n = Math.min(n, l - c), i = Math.max(i, e + c), a = Math.max(a, r + c), s = Math.max(s, l + c);
+		};
+		for (const t of e.meshes) {
+			const e = Math.max(t.halfWidth, t.halfHeight) + t.depth + t.bevel;
+			r(t.position.x, t.position.y, t.position.z, e);
+		}
+		for (const t of e.connectors) for (const e of t.points) r(e.x, e.y, e.z, 1);
+		if (!Number.isFinite(t)) return {
+			cx: 0,
+			cy: 0,
+			cz: 0,
+			radius: Math.max(e.bounds.width, e.bounds.height) / 2 || 1
+		};
+		return {
+			cx: (t + i) / 2,
+			cy: (o + a) / 2,
+			cz: (n + s) / 2,
+			radius: .5 * Math.hypot(i - t, a - o, s - n) || 1
+		};
+	}(n), f = i / Math.max(1, a), m = function(e, t) {
+		const o = 42 * Math.PI / 180, n = 2 * Math.atan(Math.tan(o / 2) * t);
+		return e / Math.sin(Math.min(o, n) / 2) * 1.1;
+	}(u, f), x = new e.PerspectiveCamera(42, f, .1, 8 * m + 4 * u);
+	x.position.set(p + .25 * u, d + .3 * u, h + m), x.lookAt(p, d, h), c.add(new e.AmbientLight(16777215, .62));
+	const w = new e.DirectionalLight(16777215, .95);
+	w.position.set(p + u, d + 1.4 * u, h + m), c.add(w);
+	const g = new e.DirectionalLight(16777215, .3);
+	g.position.set(p - u, d - .6 * u, h + .6 * m), c.add(g);
+	const y = r(n, s.textStyle);
+	c.add(y.group);
+	let b = null;
+	const M = (e) => {
+		e && !b ? (b = new t.OrbitControls(x, o), b.enablePan = !1, b.target.set(p, d, h), b.minDistance = .4 * m, b.maxDistance = 3 * m, b.update()) : !e && b && (b.dispose(), b = null), b && (b.autoRotate = Boolean(s.autoRotate), b.autoRotateSpeed = 1.2);
+	};
+	M(Boolean(s.interactive));
+	let S = 0, v = !1;
+	const z = () => {
+		v || (S = requestAnimationFrame(z), b?.update(), l.render(c, x));
+	};
+	return S = requestAnimationFrame(z), {
+		resize(e, t) {
+			x.aspect = e / Math.max(1, t), x.updateProjectionMatrix(), l.setSize(e, t, !1);
+		},
+		setInteractive(e) {
+			M(e);
+		},
+		setTextStyle(e) {
+			y.setTextStyle(e);
+		},
+		dispose() {
+			v = !0, cancelAnimationFrame(S), b?.dispose(), y.dispose(), l.dispose();
+		}
+	};
+};

package/dist/smartart-3d-m84Wdu08.js

@@ -0,0 +1,205 @@
+import { AmbientLight as t, BufferGeometry as e, CanvasTexture as o, Color as n, DirectionalLight as i, EdgesGeometry as s, Euler as a, ExtrudeGeometry as r, Group as l, Line as c, LineBasicMaterial as p, LineSegments as d, LinearFilter as h, Mesh as u, MeshBasicMaterial as f, MeshStandardMaterial as m, PerspectiveCamera as w, PlaneGeometry as x, RepeatWrapping as y, SRGBColorSpace as b, Scene as g, Shape as M, Vector3 as v, WebGLRenderer as S } from "three";
+import { OrbitControls as z } from "three/examples/jsm/controls/OrbitControls.js";
+function T(t, e, o) {
+	const n = e.split(/\s+/u).filter(Boolean);
+	if (0 === n.length) return [];
+	const i = [];
+	let s = n[0];
+	for (let e = 1; e < n.length; e++) {
+		const a = `${s} ${n[e]}`;
+		t.measureText(a).width <= o ? s = a : (i.push(s), s = n[e]);
+	}
+	return i.push(s), i;
+}
+function k(t, e, n, i, s, a) {
+	if ("undefined" == typeof document || !t.trim() || i <= 0 || s <= 0) return null;
+	const { weight: r, italic: l, color: c, scale: p } = function(t, e) {
+		const o = void 0 === e?.bold ? "600" : e.bold ? "700" : "400", n = e?.italic ? "italic " : "", i = "number" == typeof e?.fontScale && Number.isFinite(e.fontScale) && e.fontScale > 0 ? e.fontScale : 1;
+		return {
+			weight: o,
+			italic: n,
+			color: e?.color ?? t,
+			scale: i
+		};
+	}(e, a), d = .86 * i, u = .86 * s, f = document.createElement("canvas");
+	f.width = Math.max(8, Math.round(4 * d)), f.height = Math.max(8, Math.round(4 * u));
+	const m = f.getContext("2d");
+	if (!m) return null;
+	const w = .94 * f.width, x = (t) => `${l}${r} ${t}px system-ui, -apple-system, Segoe UI, Roboto, sans-serif`;
+	let g = Math.max(6, n) * p * 4, M = [];
+	for (let e = 0; e < 12; e++) {
+		m.font = x(g), M = T(m, t, w);
+		const e = 1.2 * g;
+		if (M.length * e <= .96 * f.height || g <= 24) break;
+		g *= .88;
+	}
+	m.clearRect(0, 0, f.width, f.height), m.fillStyle = c, m.textAlign = "center", m.textBaseline = "middle", m.font = x(g);
+	const v = 1.2 * g, S = M.length * v, z = f.height / 2 - S / 2 + v / 2;
+	for (let t = 0; t < M.length; t++) {
+		const e = z + t * v;
+		if (m.fillText(M[t], f.width / 2, e), a?.underline) {
+			const o = m.measureText(M[t]).width;
+			m.strokeStyle = c, m.lineWidth = Math.max(1, .06 * g), m.beginPath(), m.moveTo(f.width / 2 - o / 2, e + .32 * g), m.lineTo(f.width / 2 + o / 2, e + .32 * g), m.stroke();
+		}
+	}
+	const k = new o(f);
+	return k.colorSpace = b, k.minFilter = h, k.magFilter = h, k.flipY = !1, k.premultiplyAlpha = !1, k.wrapT = y, k.repeat.set(1, -1), k.offset.set(0, 1), k.needsUpdate = !0, {
+		texture: k,
+		worldWidth: d,
+		worldHeight: u
+	};
+}
+function P(t, e, o) {
+	const i = function(t) {
+		const e = new M();
+		t.outline.forEach((t, o) => {
+			0 === o ? e.moveTo(t.x, t.y) : e.lineTo(t.x, t.y);
+		}), e.closePath();
+		const o = t.bevel > 0;
+		return new r(e, {
+			depth: t.depth,
+			bevelEnabled: o,
+			bevelThickness: t.bevel,
+			bevelSize: t.bevel,
+			bevelSegments: 2,
+			curveSegments: t.rounded ? 24 : 1,
+			steps: 1
+		});
+	}(o), a = new m({
+		color: new n(o.fill),
+		metalness: .12,
+		roughness: .52,
+		transparent: o.opacity < 1,
+		opacity: o.opacity
+	}), l = new u(i, a);
+	if (l.position.set(o.position.x, o.position.y, o.position.z), l.rotation.set(o.rotation.x, o.rotation.y, o.rotation.z), t.add(l), e.push(i, a), o.strokeWidth > 0) {
+		const a = new s(i, 30), r = new p({ color: new n(o.stroke) }), c = new d(a, r);
+		c.position.copy(l.position), c.rotation.copy(l.rotation), t.add(c), e.push(a, r);
+	}
+	return i;
+}
+function F(t, e) {
+	if (!t.text) return null;
+	const o = k(t.text, t.textColor, t.fontSize, 2 * t.halfWidth, 2 * t.halfHeight, e);
+	if (!o) return null;
+	const n = new x(o.worldWidth, o.worldHeight), i = new f({
+		map: o.texture,
+		transparent: !0,
+		depthWrite: !1
+	}), s = new u(n, i), r = new a(t.rotation.x, t.rotation.y, t.rotation.z), l = new v(0, 0, t.depth + t.bevel + .4).applyEuler(r);
+	return s.position.set(t.position.x + l.x, t.position.y + l.y, t.position.z + l.z), s.rotation.copy(r), {
+		plane: s,
+		disposables: [
+			n,
+			i,
+			o.texture
+		]
+	};
+}
+function R(t, e) {
+	e.plane && t.remove(e.plane);
+	for (const t of e.disposables) t.dispose();
+	e.plane = null, e.disposables = [];
+}
+function W(t, o) {
+	const i = new l(), s = [], a = t.meshes.map((t) => {
+		P(i, s, t);
+		const e = F(t, o);
+		return e && i.add(e.plane), {
+			node: t,
+			plane: e?.plane ?? null,
+			disposables: e?.disposables ?? []
+		};
+	});
+	return function(t, o, i) {
+		for (const s of i.connectors) {
+			if (s.points.length < 2) continue;
+			const i = new e().setFromPoints(s.points.map((t) => new v(t.x, t.y, t.z))), a = new p({
+				color: new n(s.color),
+				transparent: !0,
+				opacity: .7
+			});
+			t.add(new c(i, a)), o.push(i, a);
+		}
+	}(i, s, t), {
+		group: i,
+		setTextStyle(t) {
+			for (const e of a) {
+				R(i, e);
+				const o = F(e.node, t);
+				o && (i.add(o.plane), e.plane = o.plane, e.disposables = o.disposables);
+			}
+		},
+		dispose() {
+			for (const t of s) t.dispose();
+			for (const t of a) R(i, t);
+		}
+	};
+}
+function A(e, o, s, a, r = {}) {
+	const l = new S({
+		canvas: e,
+		antialias: !0,
+		alpha: !r.background
+	});
+	l.setPixelRatio(Math.min("undefined" == typeof window ? 1 : window.devicePixelRatio || 1, r.maxPixelRatio ?? 2)), l.setSize(s, a, !1);
+	const c = new g();
+	r.background && (c.background = new n(r.background));
+	const { cx: p, cy: d, cz: h, radius: u } = function(t) {
+		let e = 1 / 0, o = 1 / 0, n = 1 / 0, i = -1 / 0, s = -1 / 0, a = -1 / 0;
+		const r = (t, r, l, c) => {
+			e = Math.min(e, t - c), o = Math.min(o, r - c), n = Math.min(n, l - c), i = Math.max(i, t + c), s = Math.max(s, r + c), a = Math.max(a, l + c);
+		};
+		for (const e of t.meshes) {
+			const t = Math.max(e.halfWidth, e.halfHeight) + e.depth + e.bevel;
+			r(e.position.x, e.position.y, e.position.z, t);
+		}
+		for (const e of t.connectors) for (const t of e.points) r(t.x, t.y, t.z, 1);
+		if (!Number.isFinite(e)) return {
+			cx: 0,
+			cy: 0,
+			cz: 0,
+			radius: Math.max(t.bounds.width, t.bounds.height) / 2 || 1
+		};
+		return {
+			cx: (e + i) / 2,
+			cy: (o + s) / 2,
+			cz: (n + a) / 2,
+			radius: .5 * Math.hypot(i - e, s - o, a - n) || 1
+		};
+	}(o), f = s / Math.max(1, a), m = function(t, e) {
+		const o = 42 * Math.PI / 180, n = 2 * Math.atan(Math.tan(o / 2) * e);
+		return t / Math.sin(Math.min(o, n) / 2) * 1.1;
+	}(u, f), x = new w(42, f, .1, 8 * m + 4 * u);
+	x.position.set(p + .25 * u, d + .3 * u, h + m), x.lookAt(p, d, h), c.add(new t(16777215, .62));
+	const y = new i(16777215, .95);
+	y.position.set(p + u, d + 1.4 * u, h + m), c.add(y);
+	const b = new i(16777215, .3);
+	b.position.set(p - u, d - .6 * u, h + .6 * m), c.add(b);
+	const M = W(o, r.textStyle);
+	c.add(M.group);
+	let v = null;
+	const T = (t) => {
+		t && !v ? (v = new z(x, e), v.enablePan = !1, v.target.set(p, d, h), v.minDistance = .4 * m, v.maxDistance = 3 * m, v.update()) : !t && v && (v.dispose(), v = null), v && (v.autoRotate = Boolean(r.autoRotate), v.autoRotateSpeed = 1.2);
+	};
+	T(Boolean(r.interactive));
+	let k = 0, P = !1;
+	const F = () => {
+		P || (k = requestAnimationFrame(F), v?.update(), l.render(c, x));
+	};
+	return k = requestAnimationFrame(F), {
+		resize(t, e) {
+			x.aspect = t / Math.max(1, e), x.updateProjectionMatrix(), l.setSize(t, e, !1);
+		},
+		setInteractive(t) {
+			T(t);
+		},
+		setTextStyle(t) {
+			M.setTextStyle(t);
+		},
+		dispose() {
+			P = !0, cancelAnimationFrame(k), v?.dispose(), M.dispose(), l.dispose();
+		}
+	};
+}
+export { A as mountSmartArt3D };