@pie-element/hotspot 11.1.2-next.8 → 11.1.2-next.9

package/dist/browser/author/index.js

@@ -1,5 +1,5 @@
 import { a as e, n as t, o as n, s as r, t as i } from "../browser-D4gLESxz.js";
-import { $ as a, A as o, At as s, B as c, Bt as l, C as u, Ct as d, Dt as f, Et as p, F as m, Ft as h, G as g, Gt as _, H as v, Ht as y, I as b, It as x, J as S, Jt as C, K as ee, Kt as w, Lt as T, M as E, Mt as D, N as O, Nt as te, Ot as ne, P as re, Pt as ie, Q as k, Qt as ae, R as oe, Rt as se, S as ce, St as A, Tt as le, U as ue, Ut as de, V as fe, Vt as pe, Wt as me, X as he, Xt as ge, Y as _e, Yt as j, Z as ve, Zt as ye, _ as be, _t as xe, a as Se, at as Ce, b as we, bt as Te, c as Ee, ct as De, d as Oe, dt as ke, et as Ae, f as je, ft as Me, g as Ne, gt as Pe, h as Fe, ht as Ie, it as Le, j as Re, jt as ze, kt as Be, lt as Ve, m as He, mt as Ue, n as We, nt as Ge, o as Ke, ot as qe, p as Je, pt as Ye, q as Xe, qt as Ze, r as Qe, rt as $e, s as et, st as tt, t as nt, tt as rt, u as it, ut as at, v as ot, vt as st, w as ct, x as lt, xt as ut, y as dt, yt as ft, z as pt, zt as mt } from "../ReactKonva-Bvc_MS6V.js";
+import { $ as a, A as o, At as s, B as c, Bt as l, C as u, Ct as d, Dt as f, Et as p, F as m, Ft as h, G as g, Gt as _, H as v, Ht as y, I as b, It as x, J as S, Jt as C, K as ee, Kt as w, Lt as T, M as E, Mt as D, N as O, Nt as te, Ot as ne, P as re, Pt as ie, Q as k, Qt as ae, R as oe, Rt as se, S as ce, St as A, Tt as le, U as ue, Ut as de, V as fe, Vt as pe, Wt as me, X as he, Xt as ge, Y as _e, Yt as j, Z as ve, Zt as ye, _ as be, _t as xe, a as Se, at as Ce, b as we, bt as Te, c as Ee, ct as De, d as Oe, dt as ke, et as Ae, f as je, ft as Me, g as Ne, gt as Pe, h as Fe, ht as Ie, it as Le, j as Re, jt as ze, kt as Be, lt as Ve, m as He, mt as Ue, n as We, nt as Ge, o as Ke, ot as qe, p as Je, pt as Ye, q as Xe, qt as Ze, r as Qe, rt as $e, s as et, st as tt, t as nt, tt as rt, u as it, ut as at, v as ot, vt as st, w as ct, x as lt, xt as ut, y as dt, yt as ft, z as pt, zt as mt } from "../ReactKonva-Cj44B3Ds.js";
 import { a as ht, c as gt, d as _t, f as vt, i as yt, l as bt, n as xt, o as St, r as Ct, s as wt, t as Tt, u as Et } from "../dist-CJeYAWp3.js";
 import * as M from "react";
 import N, { Component as Dt, createContext as Ot, createElement as kt, createRef as At, forwardRef as jt, memo as Mt, useCallback as Nt, useContext as Pt, useDebugValue as Ft, useEffect as It, useLayoutEffect as Lt, useMemo as Rt, useRef as zt, useState as Bt, version as Vt } from "react";
@@ -40839,34 +40839,55 @@ var OY = Wx.create({
 	},
 	addNodeView() {
 		if (!this.options.resize || !this.options.resize.enabled || typeof document > "u") return null;
-		let { directions: e, minWidth: t, minHeight: n, alwaysPreserveAspectRatio: r } = this.options.resize;
-		return ({ node: i, getPos: a, HTMLAttributes: o, editor: s }) => {
-			let c = document.createElement("img");
-			Object.entries(o).forEach(([e, t]) => {
+		let { directions: e, minWidth: t, minHeight: n, alwaysPreserveAspectRatio: r } = this.options.resize, i = /* @__PURE__ */ new Set([
+			"src",
+			"width",
+			"height"
+		]);
+		return ({ node: a, getPos: o, HTMLAttributes: s, editor: c }) => {
+			let l = document.createElement("img");
+			l.draggable = !1;
+			let u = Mb(this.options.HTMLAttributes, s);
+			Object.entries(u).forEach(([e, t]) => {
 				if (t != null) switch (e) {
+					case "src":
 					case "width":
 					case "height": break;
-					default:
-						c.setAttribute(e, t);
-						break;
+					default: l.setAttribute(e, t);
 				}
-			}), c.src = o.src;
-			let l = new _S({
-				element: c,
-				editor: s,
-				node: i,
-				getPos: a,
+			}), u.src !== null && (l.src = u.src);
+			let d = { ...s }, f = (e) => {
+				if (typeof e == "string" && e !== "") {
+					l.getAttribute("src") !== e && (l.src = e);
+					return;
+				}
+				l.hasAttribute("src") && l.removeAttribute("src"), l.src !== "" && (l.src = "");
+			};
+			f(s.src);
+			let p = new _S({
+				element: l,
+				editor: c,
+				node: a,
+				getPos: o,
 				onResize: (e, t) => {
-					c.style.width = `${e}px`, c.style.height = `${t}px`;
+					l.style.width = `${e}px`, l.style.height = `${t}px`;
 				},
 				onCommit: (e, t) => {
-					let n = a();
+					let n = o();
 					n !== void 0 && this.editor.chain().setNodeSelection(n).updateAttributes(this.name, {
 						width: e,
 						height: t
 					}).run();
 				},
-				onUpdate: (e, t, n) => e.type === i.type,
+				onUpdate: (e) => {
+					if (e.type !== a.type) return !1;
+					let t = Nb(e, c.extensionManager.attributes.filter((t) => t.type === e.type.name));
+					return Object.keys(d).forEach((e) => {
+						!i.has(e) && !(e in t) && l.removeAttribute(e);
+					}), Object.entries(t).forEach(([e, t]) => {
+						i.has(e) || (t == null ? l.removeAttribute(e) : l.setAttribute(e, t));
+					}), f(t.src), d = t, !0;
+				},
 				options: {
 					directions: e,
 					min: {
@@ -40875,10 +40896,10 @@ var OY = Wx.create({
 					},
 					preserveAspectRatio: r === !0
 				}
-			}), u = l.dom;
-			return u.style.visibility = "hidden", u.style.pointerEvents = "none", c.onload = () => {
-				u.style.visibility = "", u.style.pointerEvents = "";
-			}, l;
+			}), m = p.dom, h = () => {
+				m.style.visibility = "", m.style.pointerEvents = "";
+			};
+			return m.style.visibility = "hidden", m.style.pointerEvents = "none", l.complete && l.naturalWidth > 0 ? h() : (l.onload = h, l.onerror = h), p;
 		};
 	},
 	addCommands() {