pptx-vue-viewer 4.63.0 → 4.64.0

package/dist/{useViewerSettingsDialog-Cf0EUQ6A.cjs → useViewerSettingsDialog-D2C68gva.cjs}

@@ -1270,11 +1270,11 @@ var He = (0, p.defineComponent)({
 			if (!v.value) return null;
 			const e = t.element;
 			return (0, k.hasShapeProperties)(e) ? (0, k.getConnectorPathGeometry)(e) : null;
-		}), h = (0, p.computed)(() => t.element.flipHorizontal ? i.value : 0), y = (0, p.computed)(() => t.element.flipVertical ? s.value : 0), g = (0, p.computed)(() => t.element.flipHorizontal ? 0 : i.value), x = (0, p.computed)(() => t.element.flipVertical ? 0 : s.value), S = (0, p.computed)(() => Math.max(3 * o.value, 14)), b = (0, p.computed)(() => v.value && f.value ? f.value.pathData : `M ${h.value} ${y.value} L ${g.value} ${x.value}`), w = (0, p.computed)(() => B(n.value?.connectorStartArrow)), E = (0, p.computed)(() => B(n.value?.connectorEndArrow));
-		function B(e) {
+		}), h = (0, p.computed)(() => Math.max(t.element.width, 0)), y = (0, p.computed)(() => Math.max(t.element.height, 0)), g = (0, p.computed)(() => t.element.flipHorizontal ? h.value : 0), x = (0, p.computed)(() => t.element.flipVertical ? y.value : 0), S = (0, p.computed)(() => t.element.flipHorizontal ? 0 : h.value), b = (0, p.computed)(() => t.element.flipVertical ? 0 : y.value), w = (0, p.computed)(() => (0, d.connectorSnapTransform)(t.element, !v.value, c.value.length, o.value)), E = (0, p.computed)(() => Math.max(3 * o.value, 14)), B = (0, p.computed)(() => v.value && f.value ? f.value.pathData : `M ${g.value} ${x.value} L ${S.value} ${b.value}`), C = (0, p.computed)(() => P(n.value?.connectorStartArrow)), I = (0, p.computed)(() => P(n.value?.connectorEndArrow));
+		function P(e) {
 			return e && "none" !== e ? e : void 0;
 		}
-		const C = (0, p.computed)(() => t.element.id.replace(/[^a-zA-Z0-9_-]/gu, "_")), I = (0, p.computed)(() => `${C.value}-start`), P = (0, p.computed)(() => `${C.value}-end`), T = (0, p.computed)(() => {
+		const T = (0, p.computed)(() => t.element.id.replace(/[^a-zA-Z0-9_-]/gu, "_")), D = (0, p.computed)(() => `${T.value}-start`), z = (0, p.computed)(() => `${T.value}-end`), A = (0, p.computed)(() => {
 			const e = t.element, n = {
 				position: "absolute",
 				left: `${e.x}px`,
@@ -1285,23 +1285,23 @@ var He = (0, p.defineComponent)({
 				pointerEvents: "none",
 				overflow: "visible"
 			};
-			return e.rotation && (n.transform = `rotate(${e.rotation}deg)`), "number" == typeof e.opacity && (n.opacity = e.opacity), O.value && (n.filter = O.value), e.hidden && (n.display = "none"), n;
-		}), D = (0, p.computed)(() => w.value ? (0, d.markerPath)(w.value, n.value?.connectorStartArrowWidth, n.value?.connectorStartArrowLength) : null), z = (0, p.computed)(() => E.value ? (0, d.markerPath)(E.value, n.value?.connectorEndArrowWidth, n.value?.connectorEndArrowLength) : null), A = (0, p.computed)(() => (0, d.getLineShadowParams)(n.value)), O = (0, p.computed)(() => (0, d.getLineGlowFilterCss)(n.value)), M = (0, p.computed)(() => `${C.value}-line-shadow`), F = (0, p.computed)(() => (0, k.hasTextProperties)(t.element) ? t.element : void 0), L = (0, p.computed)(() => F.value?.text?.trim() ?? ""), R = (0, p.computed)(() => F.value?.textSegments), N = (0, p.computed)(() => F.value?.textStyle);
-		function V(e) {
+			return e.rotation && (n.transform = `rotate(${e.rotation}deg)`), "number" == typeof e.opacity && (n.opacity = e.opacity), L.value && (n.filter = L.value), e.hidden && (n.display = "none"), n;
+		}), O = (0, p.computed)(() => C.value ? (0, d.markerPath)(C.value, n.value?.connectorStartArrowWidth, n.value?.connectorStartArrowLength) : null), M = (0, p.computed)(() => I.value ? (0, d.markerPath)(I.value, n.value?.connectorEndArrowWidth, n.value?.connectorEndArrowLength) : null), F = (0, p.computed)(() => (0, d.getLineShadowParams)(n.value)), L = (0, p.computed)(() => (0, d.getLineGlowFilterCss)(n.value)), R = (0, p.computed)(() => `${T.value}-line-shadow`), N = (0, p.computed)(() => (0, k.hasTextProperties)(t.element) ? t.element : void 0), V = (0, p.computed)(() => N.value?.text?.trim() ?? ""), _ = (0, p.computed)(() => N.value?.textSegments), j = (0, p.computed)(() => N.value?.textStyle);
+		function U(e) {
 			if (0 !== e) return `translate(0, ${e}px)`;
 		}
-		function _(e) {
+		function $(e) {
 			return Math.max(m.value[e] ?? o.value, 1);
 		}
-		function j(e, t) {
+		function W(e, t) {
 			return {
-				strokeWidth: (0, d.screenStrokeWidth)(_(e)),
-				transform: V(t)
+				strokeWidth: (0, d.connectorStrandScreenWidth)(m.value, o.value, e),
+				transform: U(t) ?? w.value
 			};
 		}
 		return (t, n) => ((0, p.openBlock)(), (0, p.createElementBlock)("div", {
 			class: "pptx-vue-element pptx-vue-connector",
-			style: (0, p.normalizeStyle)(T.value),
+			style: (0, p.normalizeStyle)(A.value),
 			"data-element-id": e.element.id
 		}, [
 			e.textStyleOverrideCss ? ((0, p.openBlock)(), (0, p.createBlock)((0, p.resolveDynamicComponent)("style"), { key: 0 }, {
@@ -1318,18 +1318,18 @@ var He = (0, p.defineComponent)({
 				}
 			}, [
 				(0, p.createElementVNode)("defs", null, [
-					D.value ? ((0, p.openBlock)(), (0, p.createElementBlock)("marker", {
+					O.value ? ((0, p.openBlock)(), (0, p.createElementBlock)("marker", {
 						key: 0,
-						id: I.value,
+						id: D.value,
 						viewBox: "0 0 10 10",
-						refX: D.value.refX,
+						refX: O.value.refX,
 						refY: "5",
-						markerWidth: D.value.markerWidth,
+						markerWidth: O.value.markerWidth,
 						preserveAspectRatio: "none",
-						markerHeight: D.value.markerHeight,
+						markerHeight: O.value.markerHeight,
 						orient: "auto-start-reverse",
 						markerUnits: "strokeWidth"
-					}, ["circle" === D.value.shape ? ((0, p.openBlock)(), (0, p.createElementBlock)("circle", {
+					}, ["circle" === O.value.shape ? ((0, p.openBlock)(), (0, p.createElementBlock)("circle", {
 						key: 0,
 						cx: "5",
 						cy: "5",
@@ -1337,22 +1337,22 @@ var He = (0, p.defineComponent)({
 						fill: l.value
 					}, null, 8, et)) : ((0, p.openBlock)(), (0, p.createElementBlock)("path", {
 						key: 1,
-						d: D.value.d,
-						fill: D.value.strokeOnly ? "none" : l.value,
-						stroke: D.value.strokeOnly ? l.value : void 0
+						d: O.value.d,
+						fill: O.value.strokeOnly ? "none" : l.value,
+						stroke: O.value.strokeOnly ? l.value : void 0
 					}, null, 8, tt))], 8, Qe)) : (0, p.createCommentVNode)("", !0),
-					z.value ? ((0, p.openBlock)(), (0, p.createElementBlock)("marker", {
+					M.value ? ((0, p.openBlock)(), (0, p.createElementBlock)("marker", {
 						key: 1,
-						id: P.value,
+						id: z.value,
 						viewBox: "0 0 10 10",
-						refX: z.value.refX,
+						refX: M.value.refX,
 						refY: "5",
-						markerWidth: z.value.markerWidth,
+						markerWidth: M.value.markerWidth,
 						preserveAspectRatio: "none",
-						markerHeight: z.value.markerHeight,
+						markerHeight: M.value.markerHeight,
 						orient: "auto-start-reverse",
 						markerUnits: "strokeWidth"
-					}, ["circle" === z.value.shape ? ((0, p.openBlock)(), (0, p.createElementBlock)("circle", {
+					}, ["circle" === M.value.shape ? ((0, p.openBlock)(), (0, p.createElementBlock)("circle", {
 						key: 0,
 						cx: "5",
 						cy: "5",
@@ -1360,71 +1360,73 @@ var He = (0, p.defineComponent)({
 						fill: l.value
 					}, null, 8, ot)) : ((0, p.openBlock)(), (0, p.createElementBlock)("path", {
 						key: 1,
-						d: z.value.d,
-						fill: z.value.strokeOnly ? "none" : l.value,
-						stroke: z.value.strokeOnly ? l.value : void 0
+						d: M.value.d,
+						fill: M.value.strokeOnly ? "none" : l.value,
+						stroke: M.value.strokeOnly ? l.value : void 0
 					}, null, 8, lt))], 8, nt)) : (0, p.createCommentVNode)("", !0),
-					A.value ? ((0, p.openBlock)(), (0, p.createElementBlock)("filter", {
+					F.value ? ((0, p.openBlock)(), (0, p.createElementBlock)("filter", {
 						key: 2,
-						id: M.value,
+						id: R.value,
 						x: "-50%",
 						y: "-50%",
 						width: "200%",
 						height: "200%"
 					}, [(0, p.createElementVNode)("feDropShadow", {
-						dx: A.value.offsetX,
-						dy: A.value.offsetY,
-						stdDeviation: A.value.blur / 2,
-						"flood-color": A.value.color,
-						"flood-opacity": A.value.opacity
+						dx: F.value.offsetX,
+						dy: F.value.offsetY,
+						stdDeviation: F.value.blur / 2,
+						"flood-color": F.value.color,
+						"flood-opacity": F.value.opacity
 					}, null, 8, rt)], 8, at)) : (0, p.createCommentVNode)("", !0)
 				]),
 				(0, p.createElementVNode)("path", {
 					class: "pptx-vue-connector-hit",
-					d: b.value,
+					d: B.value,
 					fill: "none",
 					stroke: "transparent",
-					"stroke-width": S.value,
+					"stroke-width": E.value,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					style: { "pointer-events": "stroke" }
 				}, null, 8, it),
 				v.value && f.value ? ((0, p.openBlock)(!0), (0, p.createElementBlock)(p.Fragment, { key: 0 }, (0, p.renderList)(c.value, (e, t) => ((0, p.openBlock)(), (0, p.createElementBlock)("path", {
 					key: t,
+					"data-pptx-line": "",
 					d: f.value.pathData,
 					fill: "none",
 					stroke: l.value,
-					"stroke-width": _(t),
+					"stroke-width": $(t),
 					"stroke-opacity": a.value,
 					"stroke-dasharray": r.value,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
-					filter: 0 === t && A.value ? `url(#${M.value})` : void 0,
-					style: (0, p.normalizeStyle)(j(t, e)),
-					"marker-start": 0 === t && D.value ? `url(#${I.value})` : void 0,
-					"marker-end": t === c.value.length - 1 && z.value ? `url(#${P.value})` : void 0
+					filter: 0 === t && F.value ? `url(#${R.value})` : void 0,
+					style: (0, p.normalizeStyle)(W(t, e)),
+					"marker-start": 0 === t && O.value ? `url(#${D.value})` : void 0,
+					"marker-end": t === c.value.length - 1 && M.value ? `url(#${z.value})` : void 0
 				}, null, 12, st))), 128)) : ((0, p.openBlock)(!0), (0, p.createElementBlock)(p.Fragment, { key: 1 }, (0, p.renderList)(c.value, (e, t) => ((0, p.openBlock)(), (0, p.createElementBlock)("line", {
 					key: t,
-					x1: h.value,
-					y1: y.value + e,
-					x2: g.value,
-					y2: x.value + e,
+					"data-pptx-line": "",
+					x1: g.value,
+					y1: x.value + e,
+					x2: S.value,
+					y2: b.value + e,
 					stroke: l.value,
-					"stroke-width": _(t),
-					style: (0, p.normalizeStyle)(j(t, 0)),
+					"stroke-width": $(t),
+					style: (0, p.normalizeStyle)(W(t, 0)),
 					"stroke-opacity": a.value,
 					"stroke-dasharray": r.value,
 					"stroke-linecap": "round",
-					filter: 0 === t && A.value ? `url(#${M.value})` : void 0,
-					"marker-start": 0 === t && D.value ? `url(#${I.value})` : void 0,
-					"marker-end": t === c.value.length - 1 && z.value ? `url(#${P.value})` : void 0
+					filter: 0 === t && F.value ? `url(#${R.value})` : void 0,
+					"marker-start": 0 === t && O.value ? `url(#${D.value})` : void 0,
+					"marker-end": t === c.value.length - 1 && M.value ? `url(#${z.value})` : void 0
 				}, null, 12, ut))), 128))
 			], 8, Je)),
-			R.value ? ((0, p.openBlock)(), (0, p.createBlock)(Xe, {
+			_.value ? ((0, p.openBlock)(), (0, p.createBlock)(Xe, {
 				key: 1,
-				text: L.value,
-				segments: R.value,
-				"text-style": N.value
+				text: V.value,
+				segments: _.value,
+				"text-style": j.value
 			}, null, 8, [
 				"text",
 				"segments",
@@ -2030,7 +2032,7 @@ var zt = { style: {
 					"stroke-linejoin": s.value.lineJoin,
 					style: (0, p.normalizeStyle)({
 						strokeWidth: e.cssStrokeWidth,
-						transform: 0 !== e.offset ? `translate(0, ${e.offset}px)` : void 0
+						transform: e.cssTransform ?? (0 !== e.offset ? `translate(0, ${e.offset}px)` : void 0)
 					})
 				}, null, 12, fn))), 128))
 			], 8, on)) : (0, p.createCommentVNode)("", !0),
@@ -5773,7 +5775,7 @@ function yr(e) {
 var gr = {
 	loadYjs: () => import("yjs"),
 	loadWebsocket: () => import("y-websocket"),
-	loadWebrtc: () => Promise.resolve().then(() => require("./y-webrtc-Er9ajboC.cjs"))
+	loadWebrtc: () => Promise.resolve().then(() => require("./y-webrtc-J37L1eue.cjs"))
 };
 function kr(e, t) {
 	const n = (0, p.ref)(!1), o = (0, p.ref)(!1), l = (0, p.ref)(void 0), a = (0, d.createCollaborationLivePatcher)();