@roomle/embedding-lib 7.3.0-alpha.4 → 8.0.0-alpha.2

package/{drag-in-BCnrHxxt.mjs → drag-in-ClPpCYyi.mjs}

@@ -1,6 +1,12 @@
-import { t as e } from "./rolldown-runtime-C-QNzSnW.mjs";
-//#region packages/embedding-lib/src/plugins/constants.ts
-var t = "rml-drag-in-styles", n = "rml-drag-in-drag-element", r = "rml-drag-in-overlay", i = "rml-drag-in-drag-ghost", a = "rml-drag-in-fade-in", o = "rml-drag-in-fade-out", s = { DISPLAY_NONE: "rml-display-none" }, c = .5, l = "250ms", u = "forwards", d = `@keyframes ${a} {from{opacity: 0;}to {opacity: ${c};}}`, f = `@keyframes ${o} {from{opacity: ${c};}to {opacity: 0;}}`, p = `${a} ${l} ${u}`, m = `${o} ${l} ${u}`, h = "https://res.cloudinary.com/roomle/image/upload/v1729679975/fallback_afpyqr.jpg", g = 112, _ = 112, v = class {
+//#region \0rolldown/runtime.js
+var e = Object.defineProperty, t = (t, n) => {
+	let r = {};
+	for (var i in t) e(r, i, {
+		get: t[i],
+		enumerable: !0
+	});
+	return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
+}, n = "rml-drag-in-styles", r = "rml-drag-in-drag-element", i = "rml-drag-in-overlay", a = "rml-drag-in-drag-ghost", o = "rml-drag-in-fade-in", s = "rml-drag-in-fade-out", c = { DISPLAY_NONE: "rml-display-none" }, l = .5, u = "250ms", d = "forwards", f = `@keyframes ${o} {from{opacity: 0;}to {opacity: ${l};}}`, p = `@keyframes ${s} {from{opacity: ${l};}to {opacity: 0;}}`, m = `${o} ${u} ${d}`, h = `${s} ${u} ${d}`, g = "https://res.cloudinary.com/roomle/image/upload/v1729679975/fallback_afpyqr.jpg", _ = 112, v = 112, y = class {
 	_mainDomElement;
 	_instance;
 	_mode = "website";
@@ -11,31 +17,31 @@ var t = "rml-drag-in-styles", n = "rml-drag-in-drag-element", r = "rml-drag-in-o
 	async init() {
 		return Promise.resolve();
 	}
-}, y = /* @__PURE__ */ e({ DragIn: () => b }), b = class extends v {
+}, b = /* @__PURE__ */ t({ DragIn: () => x }), x = class extends y {
 	options = {};
 	_customDragSignal = new AbortController();
 	_injectStyles() {
 		if (!document.getElementById("rml-drag-in-styles")) {
 			let e = document.createElement("style");
-			e.type = "text/css", e.id = t, e.innerHTML = `
-        .${s.DISPLAY_NONE}{display:none}
-        .${r}{position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;}
-        .${i}{position:absolute;top:0;left:0;width:1px;height:1px;z-index:999;pointer-events:none;background-color:transparent;}
-        ${d}
+			e.type = "text/css", e.id = n, e.innerHTML = `
+        .${c.DISPLAY_NONE}{display:none}
+        .${i}{position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;}
+        .${a}{position:absolute;top:0;left:0;width:1px;height:1px;z-index:999;pointer-events:none;background-color:transparent;}
         ${f}
+        ${p}
       `, document.head.appendChild(e);
 		}
 	}
 	_initializeDragGhost() {
-		let e = this._mainDomElement.parentNode, t = e.querySelector("." + i);
-		t || (t = document.createElement("div"), t.classList.add(i), t.innerText = " ", e.appendChild(t));
+		let e = this._mainDomElement.parentNode, t = e.querySelector("." + a);
+		t || (t = document.createElement("div"), t.classList.add(a), t.innerText = " ", e.appendChild(t));
 	}
 	constructor(e, t, n, r) {
 		super(e, t, n, r), this._mainDomElement = t, this._injectStyles(), this._initializeDragGhost();
 	}
 	async init() {
 		if (await super.init(), this._mode === "website") try {
-			let { DragInFromWebsiteStrategy: e } = await import("./from-website-D07qrmeq.mjs");
+			let { DragInFromWebsiteStrategy: e } = await import("./from-website-DZJy_l42.mjs");
 			this._strategy = new e(this._instance, this._mainDomElement, {
 				settings: this.options,
 				mode: "website"
@@ -44,7 +50,7 @@ var t = "rml-drag-in-styles", n = "rml-drag-in-drag-element", r = "rml-drag-in-o
 			throw console.error("Could not load Dragin strategy \"FromWebsite\""), e;
 		}
 		else if (this._mode === "custom-view") try {
-			let { DragInFromCustomViewStrategy: e } = await import("./from-custom-view-BxJkoaTB.mjs");
+			let { DragInFromCustomViewStrategy: e } = await import("./from-custom-view-Q9A-J7qV.mjs");
 			this._strategy = new e(this._instance, this._mainDomElement, this.options, this._viewName);
 		} catch (e) {
 			throw console.error("Could not load Dragin strategy \"FromCustomView\""), e;
@@ -99,4 +105,4 @@ var t = "rml-drag-in-styles", n = "rml-drag-in-drag-element", r = "rml-drag-in-o
 	}
 };
 //#endregion
-export { d as a, n as c, h as d, g as f, c as h, p as i, i as l, t as m, y as n, m as o, r as p, s as r, f as s, b as t, _ as u };
+export { f as a, r as c, g as d, _ as f, l as h, m as i, a as l, n as m, b as n, h as o, i as p, c as r, p as s, x as t, v as u };

package/embedding-plugins.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, d as n, f as r, h as i, i as a, m as o, o as s, s as c, t as l, u } from "./drag-in-BCnrHxxt.mjs";
+import { a as e, c as t, d as n, f as r, h as i, i as a, m as o, o as s, s as c, t as l, u } from "./drag-in-ClPpCYyi.mjs";
 export { l as DragIn, a as RML_DRAG_GHOST_FADE_IN, e as RML_DRAG_GHOST_FADE_IN_ANIMATION_CSS, s as RML_DRAG_GHOST_FADE_OUT, c as RML_DRAG_GHOST_FADE_OUT_ANIMATION_CSS, t as RML_DRAG_IN_DRAG_ELEMENT_ID, u as RML_DRAG_IN_FALLBACK_GHOST_HEIGHT, n as RML_DRAG_IN_FALLBACK_GHOST_URL, r as RML_DRAG_IN_FALLBACK_GHOST_WIDTH, o as RML_DRAG_IN_STYLES_ID, i as TARGET_OPACITY };

package/embedding-plugins.min.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, d as n, f as r, h as i, i as a, m as o, o as s, s as c, t as l, u } from "./drag-in-DDGopCLr.mjs";
+import { a as e, c as t, d as n, f as r, h as i, i as a, m as o, o as s, s as c, t as l, u } from "./drag-in-CV1E-DO6.mjs";
 export { l as DragIn, a as RML_DRAG_GHOST_FADE_IN, e as RML_DRAG_GHOST_FADE_IN_ANIMATION_CSS, s as RML_DRAG_GHOST_FADE_OUT, c as RML_DRAG_GHOST_FADE_OUT_ANIMATION_CSS, t as RML_DRAG_IN_DRAG_ELEMENT_ID, u as RML_DRAG_IN_FALLBACK_GHOST_HEIGHT, n as RML_DRAG_IN_FALLBACK_GHOST_URL, r as RML_DRAG_IN_FALLBACK_GHOST_WIDTH, o as RML_DRAG_IN_STYLES_ID, i as TARGET_OPACITY };

package/{from-custom-view-BxJkoaTB.mjs → from-custom-view-Q9A-J7qV.mjs}

@@ -1,13 +1,13 @@
-import { a as e, c as t, n } from "./utils-i2eOrtnv.mjs";
-import { d as r } from "./drag-in-BCnrHxxt.mjs";
-import { t as i } from "./drag-ghost-DqF-SGUQ.mjs";
-var a = (e, n = 0) => t(e) ? {
-	clientX: e.touches[n].clientX,
-	clientY: e.touches[n].clientY
+import { d as e } from "./drag-in-ClPpCYyi.mjs";
+import { a as t, c as n, n as r } from "./utils-DxJ3PcKe.mjs";
+import { t as i } from "./drag-ghost-BxqPJdhq.mjs";
+var a = (e, t = 0) => n(e) ? {
+	clientX: e.touches[t].clientX,
+	clientY: e.touches[t].clientY
 } : {
 	clientX: e.clientX,
 	clientY: e.clientY
-}, o = (e) => e && t(e) ? e.touches.length > 0 : !0, s = class {
+}, o = (e) => e && n(e) ? e.touches.length > 0 : !0, s = class {
 	_touchDragTimeOut;
 	_onTouchDragStart;
 	_payload = null;
@@ -19,7 +19,7 @@ var a = (e, n = 0) => t(e) ? {
 		this._payload = e, this._onTouchDragStart = t, this._delay = typeof n.delay == "number" ? n.delay : 500, this._epsilon = typeof n.epsilon == "number" ? n.epsilon : 10;
 	}
 	onStart(e) {
-		o(e) && (this._touchDragTimeOut ||= (this._firstTouch = a(e, t(e) ? e.touches.length - 1 : 0), setTimeout(() => {
+		o(e) && (this._touchDragTimeOut ||= (this._firstTouch = a(e, n(e) ? e.touches.length - 1 : 0), setTimeout(() => {
 			this._clearTimeout(), this._lastTouch ||= a(e), this._checkXDistance(e)();
 		}, this._delay)));
 	}
@@ -70,12 +70,12 @@ var a = (e, n = 0) => t(e) ? {
 	_reset() {
 		this._startX = 0, this._startY = 0, this._lastX = 0, this._lastY = 0, this._isWaiting = !1;
 	}
-}, f = "data-rml-old-draggable", p = void 0, m = (e, n) => {
-	let r = t(e), i = {
+}, f = "data-rml-old-draggable", p = void 0, m = (e, t) => {
+	let r = n(e), i = {
 		delay: r ? 500 : 100,
 		epsilon: r ? 10 : 15
 	};
-	if (!n) return i;
+	if (!t) return i;
 	if (!r && !(e instanceof MouseEvent)) return console.warn("Unsupported event! It is not TouchEvent and also not MouseEvent"), i;
 	let { delayKey: a, epsilonKey: o } = r ? {
 		delayKey: "touchDragDelay",
@@ -84,22 +84,22 @@ var a = (e, n = 0) => t(e) ? {
 		delayKey: "customDragDelay",
 		epsilonKey: "customDragEpsilon"
 	};
-	return typeof n[a] == "number" && (i.delay = n.touchDragDelay), typeof n[o] == "number" && (i.epsilon = n.touchDragEpsilon), i;
-}, h = (e) => {
-	let t = "", n = 112, i = 112;
-	if (!e) return {
-		url: r,
-		width: n,
+	return typeof t[a] == "number" && (i.delay = t.touchDragDelay), typeof t[o] == "number" && (i.epsilon = t.touchDragEpsilon), i;
+}, h = (t) => {
+	let n = "", r = 112, i = 112;
+	if (!t) return {
+		url: e,
+		width: r,
 		height: i
 	};
-	let a = e;
+	let a = t;
 	if (a instanceof HTMLElement) {
-		let e = a.getBoundingClientRect(), o = a.getAttribute("data-rml-ghost-url"), s = a.getAttribute("data-rml-ghost-width"), c = a.getAttribute("data-rml-ghost-height");
-		o ? t = o : !o && a instanceof HTMLImageElement && a.src && (t = a.src), t ? (n = e.width, i = e.height) : t = r, n = s ? parseInt(s, 10) : n, i = c ? parseInt(c, 10) : i;
+		let t = a.getBoundingClientRect(), o = a.getAttribute("data-rml-ghost-url"), s = a.getAttribute("data-rml-ghost-width"), c = a.getAttribute("data-rml-ghost-height");
+		o ? n = o : !o && a instanceof HTMLImageElement && a.src && (n = a.src), n ? (r = t.width, i = t.height) : n = e, r = s ? parseInt(s, 10) : r, i = c ? parseInt(c, 10) : i;
 	}
 	return {
-		url: t || "https://res.cloudinary.com/roomle/image/upload/v1729679975/fallback_afpyqr.jpg",
-		width: n,
+		url: n || "https://res.cloudinary.com/roomle/image/upload/v1729679975/fallback_afpyqr.jpg",
+		width: r,
 		height: i
 	};
 }, g = class {
@@ -156,12 +156,12 @@ var a = (e, n = 0) => t(e) ? {
 			}, this._hasEnteredIframe = !1, this.isDragging = !0;
 		}
 	}
-	_dragUpdate(t) {
-		document.body.focus(), this._currentCustomDrag && this._currentCustomDrag.onMove(t);
-		let { clientX: r, clientY: i } = n(t);
+	_dragUpdate(e) {
+		document.body.focus(), this._currentCustomDrag && this._currentCustomDrag.onMove(e);
+		let { clientX: n, clientY: i } = r(e);
 		if (this._dragGhost) {
 			let { width: e, height: t } = this._mainDomElement.getBoundingClientRect();
-			this._dragGhost.updateDragGhost(r, i, { ghost: { visibleIn: {
+			this._dragGhost.updateDragGhost(n, i, { ghost: { visibleIn: {
 				x: 0,
 				y: 0,
 				width: e,
@@ -169,7 +169,7 @@ var a = (e, n = 0) => t(e) ? {
 			} } });
 		}
 		if (this._phase.kind !== "ready") return;
-		let { view: a, canvas: o, overlay: s, interactionContainer: c } = this._phase.bounds, l = a.x + r, u = a.y + i, d = e(l, u, o, s, c);
+		let { view: a, canvas: o, overlay: s, interactionContainer: c } = this._phase.bounds, l = a.x + n, u = a.y + i, d = t(l, u, o, s, c);
 		if (d && !this._hasEnteredIframe && this._pendingDragIn && (this._instance.dragInObject(this._pendingDragIn.id, l, u, this._pendingDragIn.type), this._hasEnteredIframe = !0), !d && this._hasEnteredIframe && (this._instance.cancelDragIn(), this._hasEnteredIframe = !1), !this._hasEnteredIframe) return;
 		let { url: f, width: p, height: m } = h(this._startTarget), g = this._options || {}, _ = {
 			ghost: {
@@ -190,13 +190,13 @@ var a = (e, n = 0) => t(e) ? {
 	_dragEnd() {
 		this._dragGeneration++, this._currentCustomDrag && this._currentCustomDrag.onEnd(), this._currentCustomDrag = null, this.isDragging = !1, this._phase = { kind: "idle" }, this._resetStartTarget(), this._instance.enableEvents(), this._dragGhost &&= (this._dragGhost.removeDragGhost(), null), this._hasEnteredIframe && this._instance.dragInObjectEnd(), this._hasEnteredIframe = !1, this._pendingDragIn = null;
 	}
-	dragStart(e, n, r) {
-		this._instance.disableEvents(), this._startTarget = n.target, this._currentCustomDrag = t(n) ? new s(p, { onTouchDragStart: (t, n) => {
+	dragStart(e, t, r) {
+		this._instance.disableEvents(), this._startTarget = t.target, this._currentCustomDrag = n(t) ? new s(p, { onTouchDragStart: (t, n) => {
 			this._dragStart(e, n, r);
 		} }, {
-			...m(n, this._options),
+			...m(t, this._options),
 			delay: 0
-		}) : new d({ onCustomDragStart: (t) => this._dragStart(e, t, r) }, m(n, this._options)), this._currentCustomDrag.onStart(n);
+		}) : new d({ onCustomDragStart: (t) => this._dragStart(e, t, r) }, m(t, this._options)), this._currentCustomDrag.onStart(t);
 	}
 	dragEnd() {
 		this._dragEnd();

package/{from-custom-view-CbO74qvE.mjs → from-custom-view-Sx6P6iDI.mjs}

@@ -1,13 +1,13 @@
-import { a as e, c as t, n } from "./utils-Co3lE-Ji.mjs";
-import { d as r } from "./drag-in-DDGopCLr.mjs";
-import { t as i } from "./drag-ghost-Rbgko27K.mjs";
-var a = (e, n = 0) => t(e) ? {
-	clientX: e.touches[n].clientX,
-	clientY: e.touches[n].clientY
+import { d as e } from "./drag-in-CV1E-DO6.mjs";
+import { a as t, c as n, n as r } from "./utils-wJ80awOA.mjs";
+import { t as i } from "./drag-ghost-CDFtC1pd.mjs";
+var a = (e, t = 0) => n(e) ? {
+	clientX: e.touches[t].clientX,
+	clientY: e.touches[t].clientY
 } : {
 	clientX: e.clientX,
 	clientY: e.clientY
-}, o = (e) => !e || !t(e) || e.touches.length > 0, s = class {
+}, o = (e) => !e || !n(e) || e.touches.length > 0, s = class {
 	_touchDragTimeOut;
 	_onTouchDragStart;
 	_payload = null;
@@ -19,7 +19,7 @@ var a = (e, n = 0) => t(e) ? {
 		this._payload = e, this._onTouchDragStart = t, this._delay = typeof n.delay == "number" ? n.delay : 500, this._epsilon = typeof n.epsilon == "number" ? n.epsilon : 10;
 	}
 	onStart(e) {
-		o(e) && (this._touchDragTimeOut ||= (this._firstTouch = a(e, t(e) ? e.touches.length - 1 : 0), setTimeout(() => {
+		o(e) && (this._touchDragTimeOut ||= (this._firstTouch = a(e, n(e) ? e.touches.length - 1 : 0), setTimeout(() => {
 			this._clearTimeout(), this._lastTouch ||= a(e), this._checkXDistance(e)();
 		}, this._delay)));
 	}
@@ -70,12 +70,12 @@ var a = (e, n = 0) => t(e) ? {
 	_reset() {
 		this._startX = 0, this._startY = 0, this._lastX = 0, this._lastY = 0, this._isWaiting = !1;
 	}
-}, u = "data-rml-old-draggable", d = (e, n) => {
-	let r = t(e), i = {
+}, u = "data-rml-old-draggable", d = (e, t) => {
+	let r = n(e), i = {
 		delay: r ? 500 : 100,
 		epsilon: r ? 10 : 15
 	};
-	if (!n || !(r || e instanceof MouseEvent)) return i;
+	if (!t || !(r || e instanceof MouseEvent)) return i;
 	let { delayKey: a, epsilonKey: o } = r ? {
 		delayKey: "touchDragDelay",
 		epsilonKey: "touchDragEpsilon"
@@ -83,7 +83,7 @@ var a = (e, n = 0) => t(e) ? {
 		delayKey: "customDragDelay",
 		epsilonKey: "customDragEpsilon"
 	};
-	return typeof n[a] == "number" && (i.delay = n.touchDragDelay), typeof n[o] == "number" && (i.epsilon = n.touchDragEpsilon), i;
+	return typeof t[a] == "number" && (i.delay = t.touchDragDelay), typeof t[o] == "number" && (i.epsilon = t.touchDragEpsilon), i;
 }, f = class {
 	_options = {};
 	_instance;
@@ -139,9 +139,9 @@ var a = (e, n = 0) => t(e) ? {
 			}, this._hasEnteredIframe = !1, this.isDragging = !0;
 		}
 	}
-	_dragUpdate(t) {
-		document.body.focus(), this._currentCustomDrag && this._currentCustomDrag.onMove(t);
-		let { clientX: i, clientY: a } = n(t);
+	_dragUpdate(n) {
+		document.body.focus(), this._currentCustomDrag && this._currentCustomDrag.onMove(n);
+		let { clientX: i, clientY: a } = r(n);
 		if (this._dragGhost) {
 			let { width: e, height: t } = this._mainDomElement.getBoundingClientRect();
 			this._dragGhost.updateDragGhost(i, a, { ghost: { visibleIn: {
@@ -152,23 +152,23 @@ var a = (e, n = 0) => t(e) ? {
 			} } });
 		}
 		if (this._phase.kind !== "ready") return;
-		let { view: o, canvas: s, overlay: c, interactionContainer: l } = this._phase.bounds, u = o.x + i, d = o.y + a, f = e(u, d, s, c, l);
+		let { view: o, canvas: s, overlay: c, interactionContainer: l } = this._phase.bounds, u = o.x + i, d = o.y + a, f = t(u, d, s, c, l);
 		if (f && !this._hasEnteredIframe && this._pendingDragIn && (this._instance.dragInObject(this._pendingDragIn.id, u, d, this._pendingDragIn.type), this._hasEnteredIframe = !0), !f && this._hasEnteredIframe && (this._instance.cancelDragIn(), this._hasEnteredIframe = !1), !this._hasEnteredIframe) return;
-		let { url: p, width: m, height: h } = ((e) => {
-			let t = "", n = 112, i = 112;
-			if (!e) return {
-				url: r,
-				width: n,
+		let { url: p, width: m, height: h } = ((t) => {
+			let n = "", r = 112, i = 112;
+			if (!t) return {
+				url: e,
+				width: r,
 				height: i
 			};
-			let a = e;
+			let a = t;
 			if (a instanceof HTMLElement) {
-				let e = a.getBoundingClientRect(), o = a.getAttribute("data-rml-ghost-url"), s = a.getAttribute("data-rml-ghost-width"), c = a.getAttribute("data-rml-ghost-height");
-				o ? t = o : !o && a instanceof HTMLImageElement && a.src && (t = a.src), t ? (n = e.width, i = e.height) : t = r, n = s ? parseInt(s, 10) : n, i = c ? parseInt(c, 10) : i;
+				let t = a.getBoundingClientRect(), o = a.getAttribute("data-rml-ghost-url"), s = a.getAttribute("data-rml-ghost-width"), c = a.getAttribute("data-rml-ghost-height");
+				o ? n = o : !o && a instanceof HTMLImageElement && a.src && (n = a.src), n ? (r = t.width, i = t.height) : n = e, r = s ? parseInt(s, 10) : r, i = c ? parseInt(c, 10) : i;
 			}
 			return {
-				url: t || "https://res.cloudinary.com/roomle/image/upload/v1729679975/fallback_afpyqr.jpg",
-				width: n,
+				url: n || "https://res.cloudinary.com/roomle/image/upload/v1729679975/fallback_afpyqr.jpg",
+				width: r,
 				height: i
 			};
 		})(this._startTarget), g = this._options || {}, _ = {
@@ -190,13 +190,13 @@ var a = (e, n = 0) => t(e) ? {
 	_dragEnd() {
 		this._dragGeneration++, this._currentCustomDrag && this._currentCustomDrag.onEnd(), this._currentCustomDrag = null, this.isDragging = !1, this._phase = { kind: "idle" }, this._resetStartTarget(), this._instance.enableEvents(), this._dragGhost &&= (this._dragGhost.removeDragGhost(), null), this._hasEnteredIframe && this._instance.dragInObjectEnd(), this._hasEnteredIframe = !1, this._pendingDragIn = null;
 	}
-	dragStart(e, n, r) {
-		this._instance.disableEvents(), this._startTarget = n.target, this._currentCustomDrag = t(n) ? new s(void 0, { onTouchDragStart: (t, n) => {
+	dragStart(e, t, r) {
+		this._instance.disableEvents(), this._startTarget = t.target, this._currentCustomDrag = n(t) ? new s(void 0, { onTouchDragStart: (t, n) => {
 			this._dragStart(e, n, r);
 		} }, {
-			...d(n, this._options),
+			...d(t, this._options),
 			delay: 0
-		}) : new l({ onCustomDragStart: (t) => this._dragStart(e, t, r) }, d(n, this._options)), this._currentCustomDrag.onStart(n);
+		}) : new l({ onCustomDragStart: (t) => this._dragStart(e, t, r) }, d(t, this._options)), this._currentCustomDrag.onStart(t);
 	}
 	dragEnd() {
 		this._dragEnd();

package/{from-website-W-UZ3lee.mjs → from-website-BmCO2xli.mjs}

@@ -1,6 +1,6 @@
-import { c as e, i as t, n, o as r, r as i, s as a } from "./utils-Co3lE-Ji.mjs";
-import { l as o, p as s, r as c } from "./drag-in-DDGopCLr.mjs";
-import { t as l } from "./drag-ghost-Rbgko27K.mjs";
+import { l as e, p as t, r as n } from "./drag-in-CV1E-DO6.mjs";
+import { c as r, i, n as a, o, r as s, s as c } from "./utils-wJ80awOA.mjs";
+import { t as l } from "./drag-ghost-CDFtC1pd.mjs";
 var u = class {
 	_options = {};
 	_instance;
@@ -34,9 +34,9 @@ var u = class {
 	beforeUpdateGhost(e) {
 		this._onBeforeUpdateDrag = e;
 	}
-	async dragStart(e, r, a = "rml_id") {
+	async dragStart(r, o, c = "rml_id") {
 		let u = ++this._dragGeneration, d = this._mainDomElement.parentNode;
-		if (i(d).position !== "relative") {
+		if (s(d).position !== "relative") {
 			this._phase = {
 				kind: "failed",
 				reason: "parent of iframe should have position relative, otherwise drag-in can not detect the x/y coordinates correctly"
@@ -44,19 +44,19 @@ var u = class {
 			return;
 		}
 		this._mainDomElement.style.pointerEvents = "none";
-		let f = d.querySelector("." + s);
-		f || (f = document.createElement("div"), f.classList.add(s), d.appendChild(f)), f.classList.remove(c.DISPLAY_NONE), r.target.getAttribute("draggable");
-		let p = d.querySelector("." + o);
-		this._currentDrag.event = r;
-		let m = r.target, h = m.cloneNode(!0), g = m.getBoundingClientRect();
+		let f = d.querySelector("." + t);
+		f || (f = document.createElement("div"), f.classList.add(t), d.appendChild(f)), f.classList.remove(n.DISPLAY_NONE), o.target.getAttribute("draggable");
+		let p = d.querySelector("." + e);
+		this._currentDrag.event = o;
+		let m = o.target, h = m.cloneNode(!0), g = m.getBoundingClientRect();
 		h.style.width = `${g.width}px`, h.style.height = `${g.height}px`, this._currentDrag.ghost = new l(h), this._currentDrag.offset || (this._currentDrag.offset = {
 			x: 0,
 			y: 0
 		});
-		let { clientX: _, clientY: v } = n(r, this._firefoxDragPosition);
-		this._currentDrag.offset.x = _ - g.left, this._currentDrag.offset.y = v - g.top, r instanceof DragEvent && r.dataTransfer && r.dataTransfer.setDragImage && r.dataTransfer.setDragImage(p, 0, 0), t(d, this._currentDrag.event || r, this._firefoxDragPosition), this._pendingDragIn = {
-			id: e,
-			type: a
+		let { clientX: _, clientY: v } = a(o, this._firefoxDragPosition);
+		this._currentDrag.offset.x = _ - g.left, this._currentDrag.offset.y = v - g.top, o instanceof DragEvent && o.dataTransfer && o.dataTransfer.setDragImage && o.dataTransfer.setDragImage(p, 0, 0), i(d, this._currentDrag.event || o, this._firefoxDragPosition), this._pendingDragIn = {
+			id: r,
+			type: c
 		}, this._hasEnteredIframe = !1, this._dragInObjectCalled = !1, this.isDragging = !0, this._phase = { kind: "starting" };
 		let y = null;
 		try {
@@ -67,13 +67,13 @@ var u = class {
 			bounds: { interactionContainer: y }
 		});
 	}
-	dragUpdate(i) {
-		let o = this._mainDomElement.parentNode, { x: s, y: c } = t(o, i, this._firefoxDragPosition);
-		if (s === 0 && c === 0) return;
-		let l = Math.max(1, s), u = Math.max(1, c);
+	dragUpdate(e) {
+		let t = this._mainDomElement.parentNode, { x: n, y: s } = i(t, e, this._firefoxDragPosition);
+		if (n === 0 && s === 0) return;
+		let l = Math.max(1, n), u = Math.max(1, s);
 		if (l === 1 && u === 1) return;
-		let d = this._mainDomElement.getBoundingClientRect(), { clientX: f, clientY: p } = n(i, this._firefoxDragPosition), m = a(f, p, d), h = l, g = u;
-		if (e(i)) {
+		let d = this._mainDomElement.getBoundingClientRect(), { clientX: f, clientY: p } = a(e, this._firefoxDragPosition), m = c(f, p, d), h = l, g = u;
+		if (r(e)) {
 			let e = this._options.settings?.fingerSize || 0;
 			h = Math.max(2, l + e), g = Math.max(2, u - e);
 		}
@@ -84,7 +84,7 @@ var u = class {
 		if (b.ghost ||= {}, b.ghost.visibleIn && b.ghost.hiddenIn || (b.ghost.hiddenIn = d), this._currentDrag.ghost && this._currentDrag.ghost.updateDragGhost(f, p, b), this._phase.kind !== "ready") return;
 		let { interactionContainer: x } = this._phase.bounds;
 		if (m && this._pendingDragIn) {
-			let e = r(f, p, d, x);
+			let e = o(f, p, d, x);
 			e && !this._hasEnteredIframe ? (this._dragInObjectCalled || (this._dragInObjectCalled = !0, this._instance.dragInObject(this._pendingDragIn.id, l, u, this._pendingDragIn.type)), this._hasEnteredIframe = !0) : !e && this._hasEnteredIframe && (this._instance.cancelDragIn(), this._hasEnteredIframe = !1, this._dragInObjectCalled = !1);
 		} else !m && this._hasEnteredIframe && (this._instance.cancelDragIn(), this._hasEnteredIframe = !1, this._dragInObjectCalled = !1);
 		if (!this._hasEnteredIframe) return;
@@ -98,8 +98,8 @@ var u = class {
 			x: 0,
 			y: 0
 		}, this._hasEnteredIframe = !1, this._dragInObjectCalled = !1, this._pendingDragIn = null, this._phase = { kind: "idle" };
-		let t = e.querySelector("." + s);
-		t && t.classList.add(c.DISPLAY_NONE);
+		let r = e.querySelector("." + t);
+		r && r.classList.add(n.DISPLAY_NONE);
 	}
 	touchStart(e, t, n = "rml_id") {
 		t.preventDefault(), this.dragStart(e, t, n);

package/{from-website-D07qrmeq.mjs → from-website-DZJy_l42.mjs}

@@ -1,6 +1,6 @@
-import { c as e, i as t, n, o as r, r as i, s as a } from "./utils-i2eOrtnv.mjs";
-import { l as o, p as s, r as c } from "./drag-in-BCnrHxxt.mjs";
-import { t as l } from "./drag-ghost-DqF-SGUQ.mjs";
+import { l as e, p as t, r as n } from "./drag-in-ClPpCYyi.mjs";
+import { c as r, i, n as a, o, r as s, s as c } from "./utils-DxJ3PcKe.mjs";
+import { t as l } from "./drag-ghost-BxqPJdhq.mjs";
 //#region packages/embedding-lib/src/plugins/strategy/from-website.ts
 var u = class {
 	_options = {};
@@ -35,9 +35,9 @@ var u = class {
 	beforeUpdateGhost(e) {
 		this._onBeforeUpdateDrag = e;
 	}
-	async dragStart(e, r, a = "rml_id") {
+	async dragStart(r, o, c = "rml_id") {
 		let u = ++this._dragGeneration, d = this._mainDomElement.parentNode;
-		if (i(d).position !== "relative") {
+		if (s(d).position !== "relative") {
 			let e = "parent of iframe should have position relative, otherwise drag-in can not detect the x/y coordinates correctly";
 			this._phase = {
 				kind: "failed",
@@ -46,19 +46,19 @@ var u = class {
 			return;
 		}
 		this._mainDomElement.style.pointerEvents = "none";
-		let f = d.querySelector("." + s);
-		f || (f = document.createElement("div"), f.classList.add(s), d.appendChild(f)), f.classList.remove(c.DISPLAY_NONE), r.target.getAttribute("draggable") || console.warn("Draggable not detected correctly! Did you add draggable=\"true\" to the element? In Sarafi only 'draggable' is too less");
-		let p = d.querySelector("." + o);
-		this._currentDrag.event = r;
-		let m = r.target, h = m.cloneNode(!0), g = m.getBoundingClientRect();
+		let f = d.querySelector("." + t);
+		f || (f = document.createElement("div"), f.classList.add(t), d.appendChild(f)), f.classList.remove(n.DISPLAY_NONE), o.target.getAttribute("draggable") || console.warn("Draggable not detected correctly! Did you add draggable=\"true\" to the element? In Sarafi only 'draggable' is too less");
+		let p = d.querySelector("." + e);
+		this._currentDrag.event = o;
+		let m = o.target, h = m.cloneNode(!0), g = m.getBoundingClientRect();
 		h.style.width = `${g.width}px`, h.style.height = `${g.height}px`, this._currentDrag.ghost = new l(h), this._currentDrag.offset || (this._currentDrag.offset = {
 			x: 0,
 			y: 0
 		});
-		let { clientX: _, clientY: v } = n(r, this._firefoxDragPosition);
-		this._currentDrag.offset.x = _ - g.left, this._currentDrag.offset.y = v - g.top, r instanceof DragEvent && r.dataTransfer && r.dataTransfer.setDragImage && r.dataTransfer.setDragImage(p, 0, 0), t(d, this._currentDrag.event || r, this._firefoxDragPosition), this._pendingDragIn = {
-			id: e,
-			type: a
+		let { clientX: _, clientY: v } = a(o, this._firefoxDragPosition);
+		this._currentDrag.offset.x = _ - g.left, this._currentDrag.offset.y = v - g.top, o instanceof DragEvent && o.dataTransfer && o.dataTransfer.setDragImage && o.dataTransfer.setDragImage(p, 0, 0), i(d, this._currentDrag.event || o, this._firefoxDragPosition), this._pendingDragIn = {
+			id: r,
+			type: c
 		}, this._hasEnteredIframe = !1, this._dragInObjectCalled = !1, this.isDragging = !0, this._phase = { kind: "starting" };
 		let y = null;
 		try {
@@ -71,13 +71,13 @@ var u = class {
 			bounds: { interactionContainer: y }
 		});
 	}
-	dragUpdate(i) {
-		let o = this._mainDomElement.parentNode, { x: s, y: c } = t(o, i, this._firefoxDragPosition);
-		if (s === 0 && c === 0) return;
-		let l = Math.max(1, s), u = Math.max(1, c);
+	dragUpdate(e) {
+		let t = this._mainDomElement.parentNode, { x: n, y: s } = i(t, e, this._firefoxDragPosition);
+		if (n === 0 && s === 0) return;
+		let l = Math.max(1, n), u = Math.max(1, s);
 		if (l === 1 && u === 1) return;
-		let d = this._mainDomElement.getBoundingClientRect(), { clientX: f, clientY: p } = n(i, this._firefoxDragPosition), m = a(f, p, d), h = l, g = u;
-		if (e(i)) {
+		let d = this._mainDomElement.getBoundingClientRect(), { clientX: f, clientY: p } = a(e, this._firefoxDragPosition), m = c(f, p, d), h = l, g = u;
+		if (r(e)) {
 			let e = this._options.settings?.fingerSize || 0;
 			h = Math.max(2, l + e), g = Math.max(2, u - e);
 		}
@@ -88,7 +88,7 @@ var u = class {
 		if (b.ghost ||= {}, b.ghost.visibleIn && b.ghost.hiddenIn || (b.ghost.hiddenIn = d), this._currentDrag.ghost && this._currentDrag.ghost.updateDragGhost(f, p, b), this._phase.kind !== "ready") return;
 		let { interactionContainer: x } = this._phase.bounds;
 		if (m && this._pendingDragIn) {
-			let e = r(f, p, d, x);
+			let e = o(f, p, d, x);
 			e && !this._hasEnteredIframe ? (this._dragInObjectCalled || (this._dragInObjectCalled = !0, this._instance.dragInObject(this._pendingDragIn.id, l, u, this._pendingDragIn.type)), this._hasEnteredIframe = !0) : !e && this._hasEnteredIframe && (this._instance.cancelDragIn(), this._hasEnteredIframe = !1, this._dragInObjectCalled = !1);
 		} else !m && this._hasEnteredIframe && (this._instance.cancelDragIn(), this._hasEnteredIframe = !1, this._dragInObjectCalled = !1);
 		if (!this._hasEnteredIframe) return;
@@ -102,8 +102,8 @@ var u = class {
 			x: 0,
 			y: 0
 		}, this._hasEnteredIframe = !1, this._dragInObjectCalled = !1, this._pendingDragIn = null, this._phase = { kind: "idle" };
-		let t = e.querySelector("." + s);
-		t && t.classList.add(c.DISPLAY_NONE);
+		let r = e.querySelector("." + t);
+		r && r.classList.add(n.DISPLAY_NONE);
 	}
 	touchStart(e, t, n = "rml_id") {
 		t.preventDefault(), this.dragStart(e, t, n);

package/hi.js

@@ -1,5 +1,5 @@
-import { t as e } from "./browser-C_Dfiou7.mjs";
-import { t } from "./utils-i2eOrtnv.mjs";
+import { t as e } from "./browser-CW9o-dtT.mjs";
+import { t } from "./utils-DxJ3PcKe.mjs";
 var n = (e, t) => t === e.libraryId ? e : {
 	...e,
 	libraryId: t
@@ -56,7 +56,7 @@ var n = (e, t) => t === e.libraryId ? e : {
 	h && window.removeEventListener("message", h);
 	let i = typeof e == "string" ? { libraryId: e } : e;
 	r.onLoadJavascript === void 0 && (r.onLoadJavascript = (e) => u(n(i, e))), r.onLoadArticleCatalog === void 0 && (r.onLoadArticleCatalog = (e) => c(n(i, e))), r.onLoadMasterData === void 0 && (r.onLoadMasterData = (e) => l(n(i, e)));
-	let { expose: a } = await import("./comlink-BipJ8Ikr.mjs").then((e) => e.t);
+	let { expose: a } = await import("./comlink-B5lV2OWp.mjs");
 	h = (e) => {
 		if (e.data.type === "connect_hi" && e.data.port) {
 			let n = e.data.port;

package/hi.min.js

@@ -1,5 +1,5 @@
-import { t as e } from "./browser-DRgK3Fk8.mjs";
-import { t } from "./utils-Co3lE-Ji.mjs";
+import { t as e } from "./browser-BxG7yIaK.mjs";
+import { t } from "./utils-wJ80awOA.mjs";
 var n = (e, t) => t === e.libraryId ? e : {
 	...e,
 	libraryId: t
@@ -55,7 +55,7 @@ var n = (e, t) => t === e.libraryId ? e : {
 	m && window.removeEventListener("message", m);
 	let a = typeof r == "string" ? { libraryId: r } : r;
 	i.onLoadJavascript === void 0 && (i.onLoadJavascript = (e) => u(n(a, e))), i.onLoadArticleCatalog === void 0 && (i.onLoadArticleCatalog = (e) => c(n(a, e))), i.onLoadMasterData === void 0 && (i.onLoadMasterData = (e) => l(n(a, e)));
-	let { expose: o } = await import("./comlink-Dds_bpug.mjs").then((e) => e.t);
+	let { expose: o } = await import("./comlink-B2Kj_5Ge.mjs");
 	m = (n) => {
 		if (n.data.type === "connect_hi" && n.data.port) {
 			let r = n.data.port;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@roomle/embedding-lib",
-  "version": "7.3.0-alpha.4",
+  "version": "8.0.0-alpha.2",
   "description": "This is a small library which can be used to communicate with the Roomle Configurator. ES modules only (browser-compatible).",
   "type": "module",
   "main": "./roomle-embedding-lib.js",

package/packages/embedding-lib/src/roomle-embedding-lib.d.ts

@@ -3,7 +3,6 @@ import { PossibleCustomViews } from '../../../src/configurator/embedding/custom-
 import { ConfiguratorUiCallbacks, RoomleConfigurator, RoomleGLBViewer, RoomlePlanner } from '../../web-sdk/packages';
 import { DragIn } from './plugins/drag-in';
 import { Connector, RoomleEmbeddingApiKeys } from './connector';
-import { HiCallbacks } from '../../common/src/hi/hi-types';
 export declare const NAMESPACE: {
     [key: string]: keyof RoomleEmbeddingApiKeys | 'callbacks';
 };
@@ -66,8 +65,6 @@ export default class RoomleEmbeddingApi<SdkType, SdkCallbacks> extends Connector
      * @param initData settings with which the configurator should be started
      */
     static createViewer(configuratorId: string, container: HTMLElement, initData: UiInitData, plugins?: PluginDefinitions): Promise<RoomleViewerApi>;
-    private static hiMessageHandler;
-    static setupHi(callbacks: HiCallbacks): void;
     private static _create;
     private _waitForIframe;
     private _container;