@roomle/embedding-lib 7.0.0 → 7.1.0-alpha.1

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

@@ -1,13 +1,13 @@
-import { a as e, n as t, o as n } from "./utils-DfC2ZLUc.mjs";
-import { d as r } from "./drag-in-DXVxlotA.mjs";
-import { t as i } from "./drag-ghost-DbEzikW5.mjs";
-var a = (e, t = 0) => n(e) ? {
-	clientX: e.touches[t].clientX,
-	clientY: e.touches[t].clientY
+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
 } : {
 	clientX: e.clientX,
 	clientY: e.clientY
-}, o = (e) => !e || !n(e) || e.touches.length > 0, s = class {
+}, o = (e) => !e || !t(e) || e.touches.length > 0, s = class {
 	_touchDragTimeOut;
 	_onTouchDragStart;
 	_payload = null;
@@ -19,7 +19,7 @@ var a = (e, t = 0) => n(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, n(e) ? e.touches.length - 1 : 0), setTimeout(() => {
+		o(e) && (this._touchDragTimeOut ||= (this._firstTouch = a(e, t(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, t = 0) => n(e) ? {
 	_reset() {
 		this._startX = 0, this._startY = 0, this._lastX = 0, this._lastY = 0, this._isWaiting = !1;
 	}
-}, u = "data-rml-old-draggable", d = (e, t) => {
-	let r = n(e), i = {
+}, u = "data-rml-old-draggable", d = (e, n) => {
+	let r = t(e), i = {
 		delay: r ? 500 : 100,
 		epsilon: r ? 10 : 15
 	};
-	if (!t || !(r || e instanceof MouseEvent)) return i;
+	if (!n || !(r || e instanceof MouseEvent)) return i;
 	let { delayKey: a, epsilonKey: o } = r ? {
 		delayKey: "touchDragDelay",
 		epsilonKey: "touchDragEpsilon"
@@ -83,47 +83,65 @@ var a = (e, t = 0) => n(e) ? {
 		delayKey: "customDragDelay",
 		epsilonKey: "customDragEpsilon"
 	};
-	return typeof t[a] == "number" && (i.delay = t.touchDragDelay), typeof t[o] == "number" && (i.epsilon = t.touchDragEpsilon), i;
+	return typeof n[a] == "number" && (i.delay = n.touchDragDelay), typeof n[o] == "number" && (i.epsilon = n.touchDragEpsilon), i;
 }, f = class {
 	_options = {};
 	_instance;
 	_mainDomElement;
 	_viewName;
 	_currentCustomDrag = null;
-	_currentBb = null;
 	_startTarget = null;
 	_dragGhost = null;
 	_onBeforeUpdateDrag = () => ({});
 	isDragging = !1;
 	_hasEnteredIframe = !1;
 	_pendingDragIn = null;
-	_canvasBb = null;
-	_overlayBb = null;
+	_phase = { kind: "idle" };
 	_dragGeneration = 0;
-	_interactionContainerBb = null;
+	_parentWithDragLeave = null;
+	_parentDragLeave = () => {
+		this._phase.kind === "ready" && this._hasEnteredIframe && (this._instance.cancelDragIn(), this._hasEnteredIframe = !1);
+	};
 	constructor(e, t, n, r) {
-		this._instance = e, this._options = n || {}, this._viewName = r, this._mainDomElement = t, this._mainDomElement.parentElement?.addEventListener("dragleave", () => {
-			this._instance.cancelDragIn();
-		});
+		this._instance = e, this._options = n || {}, this._viewName = r, this._mainDomElement = t, this._parentWithDragLeave = this._mainDomElement.parentElement, this._parentWithDragLeave?.addEventListener("dragleave", this._parentDragLeave);
 	}
 	beforeUpdateGhost(e) {
 		this._onBeforeUpdateDrag = e;
 	}
 	async _dragStart(e, t, n = "rml_id") {
 		let r = ++this._dragGeneration;
-		if (this._startTarget && (this._startTarget.style.pointerEvents = "none", this._startTarget.style.userSelect = "none", this._startTarget.setAttribute(u, this._startTarget.draggable.toString()), this._startTarget.draggable = !1, this._startTarget.removeEventListener("dragstart", c), this._startTarget.addEventListener("dragstart", c)), this._startTarget) {
+		if (this._phase = { kind: "starting" }, this._startTarget && (this._startTarget.style.pointerEvents = "none", this._startTarget.style.userSelect = "none", this._startTarget.setAttribute(u, this._startTarget.draggable.toString()), this._startTarget.draggable = !1, this._startTarget.removeEventListener("dragstart", c), this._startTarget.addEventListener("dragstart", c)), this._startTarget) {
 			let e = this._startTarget.getBoundingClientRect(), t = this._startTarget.cloneNode(!0);
 			t.style.width = `${e.width}px`, t.style.height = `${e.height}px`, this._dragGhost = new i(t);
 		} else this._dragGhost = new i();
-		var a;
-		this._currentBb = await this._instance.getBoundingClientRect((a = this._viewName, `[data-rml-custom-view="${a}"]`)), this._canvasBb = await this._instance.getBoundingClientRect("canvas"), this._overlayBb = (await this._instance.getDrawerBoundingClientRect()).final, this._interactionContainerBb = await this._instance.getBoundingClientRect(".interaction-container"), r === this._dragGeneration && (this._pendingDragIn = {
-			id: e,
-			type: n
-		}, this._hasEnteredIframe = !1, this.isDragging = !0);
-	}
-	_dragUpdate(n) {
-		document.body.focus(), this._currentCustomDrag && this._currentCustomDrag.onMove(n);
-		let { clientX: i, clientY: a } = t(n);
+		let a = await this._instance.getBoundingClientRect((o = this._viewName, `[data-rml-custom-view="${o}"]`));
+		var o;
+		let s = await this._instance.getBoundingClientRect("canvas"), l = (await this._instance.getDrawerBoundingClientRect()).final, d = await this._instance.getBoundingClientRect(".interaction-container");
+		if (r === this._dragGeneration) {
+			if (!a) {
+				this._phase = {
+					kind: "failed",
+					reason: `could not read the bounding rect of custom view "${this._viewName}"`
+				};
+				return;
+			}
+			this._phase = {
+				kind: "ready",
+				bounds: {
+					view: a,
+					canvas: s,
+					overlay: l,
+					interactionContainer: d
+				}
+			}, this._pendingDragIn = {
+				id: e,
+				type: n
+			}, this._hasEnteredIframe = !1, this.isDragging = !0;
+		}
+	}
+	_dragUpdate(t) {
+		document.body.focus(), this._currentCustomDrag && this._currentCustomDrag.onMove(t);
+		let { clientX: i, clientY: a } = n(t);
 		if (this._dragGhost) {
 			let { width: e, height: t } = this._mainDomElement.getBoundingClientRect();
 			this._dragGhost.updateDragGhost(i, a, { ghost: { visibleIn: {
@@ -133,10 +151,10 @@ var a = (e, t = 0) => n(e) ? {
 				height: t
 			} } });
 		}
-		if (!this._currentBb || !this.isDragging) return;
-		let o = this._currentBb.x + i, s = this._currentBb.y + a, c = e(o, s, this._canvasBb, this._overlayBb, this._interactionContainerBb);
-		if (c && !this._hasEnteredIframe && this._pendingDragIn && (this._instance.dragInObject(this._pendingDragIn.id, o, s, this._pendingDragIn.type), this._hasEnteredIframe = !0), !c && this._hasEnteredIframe && (this._instance.cancelDragIn(), this._hasEnteredIframe = !1), !this._hasEnteredIframe) return;
-		let { url: l, width: u, height: d } = ((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);
+		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,
@@ -153,32 +171,32 @@ var a = (e, t = 0) => n(e) ? {
 				width: n,
 				height: i
 			};
-		})(this._startTarget), f = this._options || {}, p = {
+		})(this._startTarget), g = this._options || {}, _ = {
 			ghost: {
 				visibleIn: {
-					x: this._currentBb.x - (f.dragInOverlapX || 0),
-					y: this._currentBb.y + (f.dragInOverlapY || 0),
-					width: this._currentBb.width + (f.dragInOverlapX || 0),
-					height: this._currentBb.height + (f.dragInOverlapY || 0)
+					x: o.x - (g.dragInOverlapX || 0),
+					y: o.y + (g.dragInOverlapY || 0),
+					width: o.width + (g.dragInOverlapX || 0),
+					height: o.height + (g.dragInOverlapY || 0)
 				},
-				url: l,
-				width: u,
-				height: d
+				url: p,
+				width: m,
+				height: h
 			},
 			mode: "custom-view"
-		}, { x: m, y: h, options: g } = this._onBeforeUpdateDrag(o, s, p), _ = typeof m == "number" ? m : o, v = typeof h == "number" ? h : s, y = g || p;
-		this._instance.updateDrag(_, v, y);
+		}, { x: v, y, options: b } = this._onBeforeUpdateDrag(u, d, _), x = typeof v == "number" ? v : u, S = typeof y == "number" ? y : d, C = b || _;
+		this._instance.updateDrag(x, S, C);
 	}
 	_dragEnd() {
-		this._currentCustomDrag && this._currentCustomDrag.onEnd(), this._currentCustomDrag = null, this.isDragging = !1, this._currentBb = null, this._canvasBb = null, this._overlayBb = null, this._interactionContainerBb = null, this._resetStartTarget(), this._instance.enableEvents(), this._dragGhost &&= (this._dragGhost.removeDragGhost(), null), this._hasEnteredIframe && this._instance.dragInObjectEnd(), this._hasEnteredIframe = !1, this._pendingDragIn = null;
+		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, t, r) {
-		this._instance.disableEvents(), this._startTarget = t.target, this._currentCustomDrag = n(t) ? new s(void 0, { onTouchDragStart: (t, n) => {
+	dragStart(e, n, r) {
+		this._instance.disableEvents(), this._startTarget = n.target, this._currentCustomDrag = t(n) ? new s(void 0, { onTouchDragStart: (t, n) => {
 			this._dragStart(e, n, r);
 		} }, {
-			...d(t, this._options),
+			...d(n, this._options),
 			delay: 0
-		}) : new l({ onCustomDragStart: (t) => this._dragStart(e, t, r) }, d(t, this._options)), this._currentCustomDrag.onStart(t);
+		}) : new l({ onCustomDragStart: (t) => this._dragStart(e, t, r) }, d(n, this._options)), this._currentCustomDrag.onStart(n);
 	}
 	dragEnd() {
 		this._dragEnd();
@@ -195,12 +213,14 @@ var a = (e, t = 0) => n(e) ? {
 	touchEnd() {
 		this.dragEnd();
 	}
-	dispose() {}
+	dispose() {
+		this._parentWithDragLeave?.removeEventListener("dragleave", this._parentDragLeave), this._parentWithDragLeave = null;
+	}
 	_resetStartTarget() {
 		this._startTarget && (this._startTarget.style.pointerEvents = "", this._startTarget.style.userSelect = "", this._startTarget.draggable = this._startTarget.getAttribute(u) === "true", this._startTarget.removeAttribute(u), this._startTarget.removeEventListener("dragstart", c));
 	}
 	releaseInput(e) {
-		this._dragGeneration++, this._dragEnd();
+		this._dragEnd();
 	}
 };
 export { f as DragInFromCustomViewStrategy };

package/from-website-D07qrmeq.mjs

@@ -0,0 +1,123 @@
+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";
+//#region packages/embedding-lib/src/plugins/strategy/from-website.ts
+var u = class {
+	_options = {};
+	_instance;
+	_mainDomElement;
+	_currentDrag = {};
+	_firefoxDragPosition = {
+		x: 0,
+		y: 0
+	};
+	_onBeforeUpdateDrag = () => ({});
+	isDragging = !1;
+	_hasEnteredIframe = !1;
+	_dragInObjectCalled = !1;
+	_pendingDragIn = null;
+	_phase = { kind: "idle" };
+	_dragGeneration = 0;
+	_currentTouch = null;
+	_parentWithDragLeave = null;
+	_firefoxFallback = (e) => {
+		if (!this._currentDrag.event) return;
+		e.preventDefault();
+		let t = e || window.event;
+		this._firefoxDragPosition.x = t.pageX || 0, this._firefoxDragPosition.y = t.pageY || 0;
+	};
+	_parentDragLeave = () => {
+		this._phase.kind !== "ready" || !this._hasEnteredIframe || (this._instance.cancelDragIn(), this._hasEnteredIframe = !1, this._dragInObjectCalled = !1);
+	};
+	constructor(e, t, n) {
+		this._instance = e, this._mainDomElement = t, this._options = n || {}, document.addEventListener("dragover", this._firefoxFallback), this._parentWithDragLeave = this._mainDomElement.parentElement, this._parentWithDragLeave?.addEventListener("dragleave", this._parentDragLeave);
+	}
+	beforeUpdateGhost(e) {
+		this._onBeforeUpdateDrag = e;
+	}
+	async dragStart(e, r, a = "rml_id") {
+		let u = ++this._dragGeneration, d = this._mainDomElement.parentNode;
+		if (i(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",
+				reason: e
+			}, console.warn(`Drag-in not started: ${e}`);
+			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();
+		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
+		}, this._hasEnteredIframe = !1, this._dragInObjectCalled = !1, this.isDragging = !0, this._phase = { kind: "starting" };
+		let y = null;
+		try {
+			y = (await this._instance.getDrawerBoundingClientRect()).final;
+		} catch (e) {
+			console.warn("Could not read the interaction container rect, treating the whole iframe as canvas", e);
+		}
+		u === this._dragGeneration && (this._phase = {
+			kind: "ready",
+			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);
+		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 e = this._options.settings?.fingerSize || 0;
+			h = Math.max(2, l + e), g = Math.max(2, u - e);
+		}
+		let { x: _, y: v, options: y } = this._onBeforeUpdateDrag(h, g, {}), b = y || {
+			settings: {},
+			ghost: {}
+		};
+		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);
+			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;
+		let S = typeof _ == "number" ? _ : h, C = typeof v == "number" ? v : g;
+		this._instance.updateDrag(S, C, {});
+	}
+	dragEnd() {
+		this._dragGeneration++, this._mainDomElement.style.pointerEvents = "all";
+		let e = this._mainDomElement.parentNode;
+		this.isDragging = !1, this._hasEnteredIframe && this._instance.dragInObjectEnd(), this._currentDrag.ghost && (this._currentDrag.ghost.removeDragGhost(), this._currentDrag.ghost = null), this._currentDrag = {}, this._firefoxDragPosition = {
+			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);
+	}
+	touchStart(e, t, n = "rml_id") {
+		t.preventDefault(), this.dragStart(e, t, n);
+	}
+	touchMove(e) {
+		this._currentTouch && this._currentTouch.onMove(e), this._currentDrag.event && this.dragUpdate(e);
+	}
+	touchEnd() {
+		this.dragEnd();
+	}
+	dispose() {
+		document.removeEventListener("dragover", this._firefoxFallback), this._parentWithDragLeave?.removeEventListener("dragleave", this._parentDragLeave), this._parentWithDragLeave = null;
+	}
+	releaseInput(e) {}
+};
+//#endregion
+export { u as DragInFromWebsiteStrategy };

package/from-website-W-UZ3lee.mjs

@@ -0,0 +1,118 @@
+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";
+var u = class {
+	_options = {};
+	_instance;
+	_mainDomElement;
+	_currentDrag = {};
+	_firefoxDragPosition = {
+		x: 0,
+		y: 0
+	};
+	_onBeforeUpdateDrag = () => ({});
+	isDragging = !1;
+	_hasEnteredIframe = !1;
+	_dragInObjectCalled = !1;
+	_pendingDragIn = null;
+	_phase = { kind: "idle" };
+	_dragGeneration = 0;
+	_currentTouch = null;
+	_parentWithDragLeave = null;
+	_firefoxFallback = (e) => {
+		if (!this._currentDrag.event) return;
+		e.preventDefault();
+		let t = e || window.event;
+		this._firefoxDragPosition.x = t.pageX || 0, this._firefoxDragPosition.y = t.pageY || 0;
+	};
+	_parentDragLeave = () => {
+		this._phase.kind === "ready" && this._hasEnteredIframe && (this._instance.cancelDragIn(), this._hasEnteredIframe = !1, this._dragInObjectCalled = !1);
+	};
+	constructor(e, t, n) {
+		this._instance = e, this._mainDomElement = t, this._options = n || {}, document.addEventListener("dragover", this._firefoxFallback), this._parentWithDragLeave = this._mainDomElement.parentElement, this._parentWithDragLeave?.addEventListener("dragleave", this._parentDragLeave);
+	}
+	beforeUpdateGhost(e) {
+		this._onBeforeUpdateDrag = e;
+	}
+	async dragStart(e, r, a = "rml_id") {
+		let u = ++this._dragGeneration, d = this._mainDomElement.parentNode;
+		if (i(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"
+			};
+			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();
+		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
+		}, this._hasEnteredIframe = !1, this._dragInObjectCalled = !1, this.isDragging = !0, this._phase = { kind: "starting" };
+		let y = null;
+		try {
+			y = (await this._instance.getDrawerBoundingClientRect()).final;
+		} catch {}
+		u === this._dragGeneration && (this._phase = {
+			kind: "ready",
+			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);
+		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 e = this._options.settings?.fingerSize || 0;
+			h = Math.max(2, l + e), g = Math.max(2, u - e);
+		}
+		let { x: _, y: v, options: y } = this._onBeforeUpdateDrag(h, g, {}), b = y || {
+			settings: {},
+			ghost: {}
+		};
+		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);
+			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;
+		let S = typeof _ == "number" ? _ : h, C = typeof v == "number" ? v : g;
+		this._instance.updateDrag(S, C, {});
+	}
+	dragEnd() {
+		this._dragGeneration++, this._mainDomElement.style.pointerEvents = "all";
+		let e = this._mainDomElement.parentNode;
+		this.isDragging = !1, this._hasEnteredIframe && this._instance.dragInObjectEnd(), this._currentDrag.ghost && (this._currentDrag.ghost.removeDragGhost(), this._currentDrag.ghost = null), this._currentDrag = {}, this._firefoxDragPosition = {
+			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);
+	}
+	touchStart(e, t, n = "rml_id") {
+		t.preventDefault(), this.dragStart(e, t, n);
+	}
+	touchMove(e) {
+		this._currentTouch && this._currentTouch.onMove(e), this._currentDrag.event && this.dragUpdate(e);
+	}
+	touchEnd() {
+		this.dragEnd();
+	}
+	dispose() {
+		document.removeEventListener("dragover", this._firefoxFallback), this._parentWithDragLeave?.removeEventListener("dragleave", this._parentDragLeave), this._parentWithDragLeave = null;
+	}
+	releaseInput(e) {}
+};
+export { u as DragInFromWebsiteStrategy };

package/hi.js

@@ -1,5 +1,5 @@
 import { t as e } from "./browser-C_Dfiou7.mjs";
-import { t } from "./utils-BnWKaFPc.mjs";
+import { t } from "./utils-i2eOrtnv.mjs";
 var n = (e, t) => t === e.libraryId ? e : {
 	...e,
 	libraryId: t

package/hi.min.js

@@ -1,5 +1,5 @@
 import { t as e } from "./browser-DRgK3Fk8.mjs";
-import { t } from "./utils-DfC2ZLUc.mjs";
+import { t } from "./utils-Co3lE-Ji.mjs";
 var n = (e, t) => t === e.libraryId ? e : {
 	...e,
 	libraryId: t

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@roomle/embedding-lib",
-  "version": "7.0.0",
+  "version": "7.1.0-alpha.1",
   "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/plugins/strategy/drag-phase.d.ts

@@ -0,0 +1,25 @@
+/**
+ * How far a drag-in strategy's `dragStart` has got.
+ *
+ * Both strategies ask Rubens for bounding rects over `MessageHandler` — an
+ * `await` — while `dragUpdate` keeps firing synchronously. In that window a drag
+ * is running but the strategy cannot yet tell whether the pointer is over the
+ * canvas, so changing the scene there is what caused RML-17511. The rects live
+ * inside `ready` rather than in nullable fields, so "not loaded yet" cannot be
+ * mistaken for "that element does not exist".
+ *
+ * `failed` is terminal: `dragUpdate` should keep ignoring events instead of
+ * looking like it is still loading. Details in
+ * `.agents/findings/homag-drag-in-inserts-object-twice.md`.
+ */
+export type DragPhase<TBounds> = {
+    kind: 'idle';
+} | {
+    kind: 'starting';
+} | {
+    kind: 'ready';
+    bounds: TBounds;
+} | {
+    kind: 'failed';
+    reason: string;
+};

package/packages/embedding-lib/src/plugins/strategy/from-custom-view.d.ts

@@ -10,17 +10,18 @@ export declare class DragInFromCustomViewStrategy implements DragInStrategy {
     private _mainDomElement;
     private _viewName;
     private _currentCustomDrag;
-    private _currentBb;
     private _startTarget;
     private _dragGhost;
     private _onBeforeUpdateDrag;
     isDragging: boolean;
     private _hasEnteredIframe;
     private _pendingDragIn;
-    private _canvasBb;
-    private _overlayBb;
+    private _phase;
     private _dragGeneration;
-    private _interactionContainerBb;
+    /** Kept so `dispose()` can remove the listener again. */
+    private _parentWithDragLeave;
+    /** Same listener and same reasoning as `_parentDragLeave` in `from-website.ts`. */
+    private _parentDragLeave;
     constructor(instance: ExposedApi, mainDomElement: HTMLIFrameElement, options: DragInSettings, viewName: PossibleCustomViewsAndMain);
     beforeUpdateGhost(handler: OnBeforeUpdateDragGhost): void;
     _dragStart(id: RapiId, _event: MouseEvent | TouchEvent, type?: ID_TYPE): Promise<void>;

package/packages/embedding-lib/src/plugins/strategy/from-website.d.ts

@@ -14,11 +14,24 @@ export declare class DragInFromWebsiteStrategy implements DragInStrategy {
     private _hasEnteredIframe;
     private _dragInObjectCalled;
     private _pendingDragIn;
-    private _canvasBb;
-    private _overlayBb;
-    private _interactionContainerBb;
+    private _phase;
+    /**
+     * Bumped by `dragStart` and `dragEnd`, so a `dragStart` still awaiting its rect
+     * cannot arm the *next* drag with this drag's rects.
+     */
+    private _dragGeneration;
     private _currentTouch;
+    /** Kept so `dispose()` can remove the listener again. */
+    private _parentWithDragLeave;
     private _firefoxFallback;
+    /**
+     * Fires for every `dragleave` bubbling up through the iframe's parent, ours or
+     * not, so it needs the same guard `dragUpdate` has. Kept because `dragUpdate`
+     * bails once `getXY` reports 0,0, leaving this the only cancel for a drag that
+     * ends outside the iframe. Trade-off of the reset in
+     * `.agents/plans/drag-in-host-page-hardening.md`.
+     */
+    private _parentDragLeave;
     constructor(instance: ExposedApi, mainDomElement: HTMLIFrameElement, options: DragInOptions);
     beforeUpdateGhost(handler: OnBeforeUpdateDragGhost): void;
     dragStart(id: RapiId, event: DragEvent | TouchEvent, type?: ID_TYPE): Promise<void>;

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

@@ -16,4 +16,20 @@ export declare const extractClientXY: (event: MouseEvent | DragEvent | TouchEven
     clientY: number;
 };
 export declare const createGracefulProxy: <T extends object>(target: Partial<T>) => T;
-export declare const isOverVisibleCanvas: (clientX: number, clientY: number, canvasBb: Nullable<DOMRect>, overlayBb: Nullable<DOMRect>, interactionContainerBb: Nullable<DOMRect>, iframeBounds?: DOMRect) => boolean;
+export declare const isPointInBounds: (clientX: number, clientY: number, bounds: {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+}) => boolean;
+export declare const isOverVisibleCanvasFromCustomView: (clientX: number, clientY: number, canvasBb: Nullable<DOMRect>, overlayBb: Nullable<DOMRect>, interactionContainerBb: Nullable<DOMRect>, iframeBounds?: DOMRect) => boolean;
+/**
+ * Is the point over Rubens' visible 3D canvas? The host-page vantage point of
+ * `isOverVisibleCanvasFromCustomView` above: all it has is the iframe rect,
+ * standing in for the canvas, minus the interaction container.
+ *
+ * `interactionContainer` arrives in iframe-local coordinates and is offset here.
+ * `null` means there is none, so the whole iframe is canvas — pass it only once
+ * that is known, never while the rect is still loading (RML-17511).
+ */
+export declare const isOverVisibleCanvasFromHostPage: (clientX: number, clientY: number, iframeBounds: DOMRect, interactionContainer: Nullable<DOMRect>) => boolean;

package/roomle-embedding-lib.js

@@ -1,6 +1,6 @@
 import { n as e } from "./comlink-BipJ8Ikr.mjs";
 import { t } from "./browser-C_Dfiou7.mjs";
-import { t as n } from "./utils-BnWKaFPc.mjs";
+import { t as n } from "./utils-i2eOrtnv.mjs";
 //#region packages/common/src/utils/message-handler.ts
 var r = class {
 	_side;
@@ -139,7 +139,7 @@ var r = class {
 	let e = d(f);
 	e.locale ||= t(null, !0), e.id === "(idle)" && delete e.id;
 	let n = o();
-	return n && s(n) && (e.configuratorId = "demoConfigurator"), e.customApiUrl = void 0, e.emails = !1, e;
+	return n && s(n) && (e.configuratorId = "demoConfigurator"), e.customApiUrl = "https://rubens.alpha.roomle.com/api/v2", e.emails = !1, e;
 }, _ = "<CONF_ID>", v = "#CONFIGURATIONID#", y = (e) => {
 	let t = e.featureFlags;
 	if (!t || typeof t != "object" || Array.isArray(t)) return;
@@ -194,7 +194,7 @@ var r = class {
 	setupPlugins(e, t, n = "website") {
 		for (let r of e) typeof r == "string" && r === "dragIn" ? this.pluginsLoaded.push(new Promise((e, r) => {
 			try {
-				import("./drag-in-B42WpY_e.mjs").then((e) => e.n).then(({ DragIn: i }) => {
+				import("./drag-in-BCnrHxxt.mjs").then((e) => e.n).then(({ DragIn: i }) => {
 					let a = new i(this.ui, t, n, this.viewName);
 					a.init().then(() => {
 						this.plugins.dragIn = a, e();

package/roomle-embedding-lib.min.js

@@ -1,6 +1,6 @@
 import { n as e } from "./comlink-Dds_bpug.mjs";
 import { t } from "./browser-DRgK3Fk8.mjs";
-import { t as n } from "./utils-DfC2ZLUc.mjs";
+import { t as n } from "./utils-Co3lE-Ji.mjs";
 var r = class {
 	_side;
 	_incomingMessageBus = null;
@@ -134,7 +134,7 @@ var r = class {
 	return n && ((e) => {
 		let t = /* @__PURE__ */ new RegExp(/^(10\.|172\.(1[6-9]|2\d|3[01])\.|192\.168\.)/);
 		return !!(i.includes(e) || t.test(e) || e.endsWith("roomle.com") || e.endsWith("gitlab.io") || e.endsWith("gitlab.com"));
-	})(n) && (e.configuratorId = "demoConfigurator"), e.customApiUrl = void 0, e.emails = !1, e;
+	})(n) && (e.configuratorId = "demoConfigurator"), e.customApiUrl = "https://rubens.alpha.roomle.com/api/v2", e.emails = !1, e;
 }, p = (e) => {
 	e.featureFlags ||= {}, typeof e.featureFlags.realPartList != "boolean" && (e.featureFlags.realPartList = !0), typeof e.featureFlags.globalCallbacks != "boolean" && (e.featureFlags.globalCallbacks = !0), typeof e.featureFlags.mocAr != "boolean" && (e.featureFlags.mocAr = !1);
 }, m = () => /(android)/i.test(navigator.userAgent), h = class {
@@ -175,7 +175,7 @@ var r = class {
 	setupPlugins(e, t, n = "website") {
 		for (let r of e) typeof r == "string" && r === "dragIn" ? this.pluginsLoaded.push(new Promise((e, r) => {
 			try {
-				import("./drag-in-DXVxlotA.mjs").then((e) => e.n).then(({ DragIn: i }) => {
+				import("./drag-in-DDGopCLr.mjs").then((e) => e.n).then(({ DragIn: i }) => {
 					let a = new i(this.ui, t, n, this.viewName);
 					a.init().then(() => {
 						this.plugins.dragIn = a, e();

package/{utils-DfC2ZLUc.mjs → utils-Co3lE-Ji.mjs}

@@ -114,5 +114,10 @@ var e, t = class {
 		top: i.y,
 		bottom: i.y + i.height
 	})), o && !s && !c;
-};
-export { u as a, a as i, o as n, n as o, r, c as t };
+}, d = (e, t, n, r) => !(!l(e, t, n) || r && l(e, t, {
+	left: r.left + n.left,
+	right: r.right + n.left,
+	top: r.top + n.top,
+	bottom: r.bottom + n.top
+}));
+export { u as a, n as c, a as i, o as n, d as o, r, l as s, c as t };