@roomle/embedding-lib 6.5.0 → 6.6.0-alpha.2

package/from-custom-view-B-eXMXF1.mjs

@@ -0,0 +1,207 @@
+import { a as e, n as t, o as n } from "./utils-BnWKaFPc.mjs";
+import { d as r } from "./drag-in-AFSAsnAN.mjs";
+import { t as i } from "./drag-ghost-DGgvJ4Lm.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 && n(e) ? e.touches.length > 0 : !0, s = class {
+	_touchDragTimeOut;
+	_onTouchDragStart;
+	_payload = null;
+	_delay = 500;
+	_firstTouch = null;
+	_lastTouch = null;
+	_epsilon = 10;
+	constructor(e, { onTouchDragStart: t }, n = {}) {
+		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(() => {
+			this._clearTimeout(), this._lastTouch ||= a(e), this._checkXDistance(e)();
+		}, this._delay)));
+	}
+	onEnd() {
+		this._resetTouches();
+	}
+	onMove(e) {
+		o(e) && (this._lastTouch = a(e));
+	}
+	_clearTimeout() {
+		this._touchDragTimeOut &&= (clearTimeout(this._touchDragTimeOut), null);
+	}
+	_resetTouches() {
+		this._clearTimeout(), this._lastTouch = null, this._firstTouch = null, this._payload = null;
+	}
+	_checkXDistance(e) {
+		return () => {
+			if (!this._firstTouch || !this._lastTouch) return;
+			let t = !1;
+			t = Math.abs(this._firstTouch.clientX - this._lastTouch.clientX) < this._epsilon, t && (this._onTouchDragStart(this._payload, e), this._resetTouches());
+		};
+	}
+}, c = (e) => `[data-rml-custom-view="${e}"]`, l = (e) => {
+	e.preventDefault(), e.stopPropagation();
+}, u = (e, t, n, r) => {
+	let i = n - e, a = r - t;
+	return Math.sqrt(i * i + a * a);
+}, d = class {
+	_startX = 0;
+	_startY = 0;
+	_lastX = 0;
+	_lastY = 0;
+	_epsilon;
+	_isWaiting = !1;
+	_onCustomDragStart;
+	constructor({ onCustomDragStart: e }, t = {}) {
+		this._epsilon = typeof t.epsilon == "number" ? t.epsilon : 15, this._onCustomDragStart = e;
+	}
+	onMove(e) {
+		this._lastX = e.clientX, this._lastY = e.clientY, this._isWaiting && u(this._startX, this._startY, this._lastX, this._lastY) > this._epsilon && (this._onCustomDragStart(e), this._isWaiting = !1);
+	}
+	onStart(e) {
+		this._startX = e.clientX, this._startY = e.clientY, this.onMove(e), this._isWaiting = !0;
+	}
+	onEnd() {
+		this._reset();
+	}
+	_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, t) => {
+	let r = n(e), i = {
+		delay: r ? 500 : 100,
+		epsilon: r ? 10 : 15
+	};
+	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",
+		epsilonKey: "touchDragEpsilon"
+	} : {
+		delayKey: "customDragDelay",
+		epsilonKey: "customDragEpsilon"
+	};
+	return typeof t[a] == "number" && (i.delay = t.touchDragDelay), typeof t[o] == "number" && (i.epsilon = t.touchDragEpsilon), i;
+}, h = (e) => {
+	let t = "", n = 112, i = 112;
+	if (!e) return {
+		url: r,
+		width: n,
+		height: i
+	};
+	let a = e;
+	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;
+	}
+	return {
+		url: t || "https://res.cloudinary.com/roomle/image/upload/v1729679975/fallback_afpyqr.jpg",
+		width: n,
+		height: i
+	};
+}, g = class {
+	_options = {};
+	_instance;
+	_mainDomElement;
+	_viewName;
+	_currentCustomDrag = null;
+	_currentBb = null;
+	_startTarget = null;
+	_dragGhost = null;
+	_onBeforeUpdateDrag = () => ({});
+	isDragging = !1;
+	_hasEnteredIframe = !1;
+	_pendingDragIn = null;
+	_canvasBb = null;
+	_overlayBb = null;
+	_dragGeneration = 0;
+	_interactionContainerBb = null;
+	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();
+		});
+	}
+	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(f, this._startTarget.draggable.toString()), this._startTarget.draggable = !1, this._startTarget.removeEventListener("dragstart", l), this._startTarget.addEventListener("dragstart", l)), 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();
+		this._currentBb = await this._instance.getBoundingClientRect(c(this._viewName)), 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: r, clientY: i } = t(n);
+		if (this._dragGhost) {
+			let { width: e, height: t } = this._mainDomElement.getBoundingClientRect();
+			this._dragGhost.updateDragGhost(r, i, { ghost: { visibleIn: {
+				x: 0,
+				y: 0,
+				width: e,
+				height: t
+			} } });
+		}
+		if (!this._currentBb || !this.isDragging) return;
+		let a = this._currentBb.x + r, o = this._currentBb.y + i, s = e(a, o, this._canvasBb, this._overlayBb, this._interactionContainerBb);
+		if (s && !this._hasEnteredIframe && this._pendingDragIn && (this._instance.dragInObject(this._pendingDragIn.id, a, o, this._pendingDragIn.type), this._hasEnteredIframe = !0), !s && this._hasEnteredIframe && (this._instance.cancelDragIn(), this._hasEnteredIframe = !1), !this._hasEnteredIframe) return;
+		let { url: c, width: l, height: u } = h(this._startTarget), d = this._options || {}, f = {
+			ghost: {
+				visibleIn: {
+					x: this._currentBb.x - (d.dragInOverlapX || 0),
+					y: this._currentBb.y + (d.dragInOverlapY || 0),
+					width: this._currentBb.width + (d.dragInOverlapX || 0),
+					height: this._currentBb.height + (d.dragInOverlapY || 0)
+				},
+				url: c,
+				width: l,
+				height: u
+			},
+			mode: "custom-view"
+		}, { x: p, y: m, options: g } = this._onBeforeUpdateDrag(a, o, f), _ = typeof p == "number" ? p : a, v = typeof m == "number" ? m : o, y = g || f;
+		this._instance.updateDrag(_, v, y);
+	}
+	_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;
+	}
+	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(t, this._options),
+			delay: 0
+		}) : new d({ onCustomDragStart: (t) => this._dragStart(e, t, r) }, m(t, this._options)), this._currentCustomDrag.onStart(t);
+	}
+	dragEnd() {
+		this._dragEnd();
+	}
+	dragUpdate(e) {
+		this._dragUpdate(e);
+	}
+	touchStart(e, t, n = "rml_id") {
+		this.dragStart(e, t, n);
+	}
+	touchMove(e) {
+		this.dragUpdate(e);
+	}
+	touchEnd() {
+		this.dragEnd();
+	}
+	dispose() {}
+	_resetStartTarget() {
+		this._startTarget && (this._startTarget.style.pointerEvents = "", this._startTarget.style.userSelect = "", this._startTarget.draggable = this._startTarget.getAttribute(f) === "true", this._startTarget.removeAttribute(f), this._startTarget.removeEventListener("dragstart", l));
+	}
+	releaseInput(e) {
+		this._dragGeneration++, this._dragEnd();
+	}
+};
+//#endregion
+export { g as DragInFromCustomViewStrategy };

package/from-custom-view-tZcYF-zX.mjs

@@ -0,0 +1,206 @@
+import { a as e, n as t, o as n } from "./utils-DfC2ZLUc.mjs";
+import { d as r } from "./drag-in-BwqVwCBp.mjs";
+import { t as i } from "./drag-ghost-BGZWgVa7.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 || !n(e) || e.touches.length > 0, s = class {
+	_touchDragTimeOut;
+	_onTouchDragStart;
+	_payload = null;
+	_delay = 500;
+	_firstTouch = null;
+	_lastTouch = null;
+	_epsilon = 10;
+	constructor(e, { onTouchDragStart: t }, n = {}) {
+		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(() => {
+			this._clearTimeout(), this._lastTouch ||= a(e), this._checkXDistance(e)();
+		}, this._delay)));
+	}
+	onEnd() {
+		this._resetTouches();
+	}
+	onMove(e) {
+		o(e) && (this._lastTouch = a(e));
+	}
+	_clearTimeout() {
+		this._touchDragTimeOut &&= (clearTimeout(this._touchDragTimeOut), null);
+	}
+	_resetTouches() {
+		this._clearTimeout(), this._lastTouch = null, this._firstTouch = null, this._payload = null;
+	}
+	_checkXDistance(e) {
+		return () => {
+			if (!this._firstTouch || !this._lastTouch) return;
+			let t = !1;
+			t = Math.abs(this._firstTouch.clientX - this._lastTouch.clientX) < this._epsilon, t && (this._onTouchDragStart(this._payload, e), this._resetTouches());
+		};
+	}
+}, c = (e) => {
+	e.preventDefault(), e.stopPropagation();
+}, l = class {
+	_startX = 0;
+	_startY = 0;
+	_lastX = 0;
+	_lastY = 0;
+	_epsilon;
+	_isWaiting = !1;
+	_onCustomDragStart;
+	constructor({ onCustomDragStart: e }, t = {}) {
+		this._epsilon = typeof t.epsilon == "number" ? t.epsilon : 15, this._onCustomDragStart = e;
+	}
+	onMove(e) {
+		this._lastX = e.clientX, this._lastY = e.clientY, this._isWaiting && ((e, t) => {
+			let n = this._lastX - e, r = this._lastY - t;
+			return Math.sqrt(n * n + r * r);
+		})(this._startX, this._startY) > this._epsilon && (this._onCustomDragStart(e), this._isWaiting = !1);
+	}
+	onStart(e) {
+		this._startX = e.clientX, this._startY = e.clientY, this.onMove(e), this._isWaiting = !0;
+	}
+	onEnd() {
+		this._reset();
+	}
+	_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 = {
+		delay: r ? 500 : 100,
+		epsilon: r ? 10 : 15
+	};
+	if (!t || !(r || e instanceof MouseEvent)) return i;
+	let { delayKey: a, epsilonKey: o } = r ? {
+		delayKey: "touchDragDelay",
+		epsilonKey: "touchDragEpsilon"
+	} : {
+		delayKey: "customDragDelay",
+		epsilonKey: "customDragEpsilon"
+	};
+	return typeof t[a] == "number" && (i.delay = t.touchDragDelay), typeof t[o] == "number" && (i.epsilon = t.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;
+	_dragGeneration = 0;
+	_interactionContainerBb = null;
+	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();
+		});
+	}
+	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) {
+			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);
+		if (this._dragGhost) {
+			let { width: e, height: t } = this._mainDomElement.getBoundingClientRect();
+			this._dragGhost.updateDragGhost(i, a, { ghost: { visibleIn: {
+				x: 0,
+				y: 0,
+				width: 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) => {
+			let t = "", n = 112, i = 112;
+			if (!e) return {
+				url: r,
+				width: n,
+				height: i
+			};
+			let a = e;
+			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;
+			}
+			return {
+				url: t || "https://res.cloudinary.com/roomle/image/upload/v1729679975/fallback_afpyqr.jpg",
+				width: n,
+				height: i
+			};
+		})(this._startTarget), f = this._options || {}, p = {
+			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)
+				},
+				url: l,
+				width: u,
+				height: d
+			},
+			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);
+	}
+	_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;
+	}
+	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(t, this._options),
+			delay: 0
+		}) : new l({ onCustomDragStart: (t) => this._dragStart(e, t, r) }, d(t, this._options)), this._currentCustomDrag.onStart(t);
+	}
+	dragEnd() {
+		this._dragEnd();
+	}
+	dragUpdate(e) {
+		this._dragUpdate(e);
+	}
+	touchStart(e, t, n = "rml_id") {
+		this.dragStart(e, t, n);
+	}
+	touchMove(e) {
+		this.dragUpdate(e);
+	}
+	touchEnd() {
+		this.dragEnd();
+	}
+	dispose() {}
+	_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();
+	}
+};
+export { f as DragInFromCustomViewStrategy };

package/from-website--UCl1aQs.mjs

@@ -0,0 +1,113 @@
+import { i as e, n as t, o as n, r } from "./utils-DfC2ZLUc.mjs";
+import { l as i, p as a, r as o } from "./drag-in-BwqVwCBp.mjs";
+import { t as s } from "./drag-ghost-BGZWgVa7.mjs";
+var c = class {
+	_options = {};
+	_instance;
+	_mainDomElement;
+	_currentDrag = {};
+	_firefoxDragPosition = {
+		x: 0,
+		y: 0
+	};
+	_onBeforeUpdateDrag = () => ({});
+	isDragging = !1;
+	_hasEnteredIframe = !1;
+	_pendingDragIn = null;
+	_canvasBb = null;
+	_overlayBb = null;
+	_interactionContainerBb = null;
+	_currentTouch = 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;
+	};
+	constructor(e, t, n) {
+		this._instance = e, this._mainDomElement = t, this._options = n || {}, this._firefoxFallback = this._firefoxFallback.bind(this), document.addEventListener("dragover", this._firefoxFallback), this._mainDomElement.parentElement?.addEventListener("dragleave", () => {
+			this._instance.cancelDragIn();
+		});
+	}
+	beforeUpdateGhost(e) {
+		this._onBeforeUpdateDrag = e;
+	}
+	async dragStart(n, c, l = "rml_id") {
+		let u = this._mainDomElement.parentNode;
+		if (r(u).position !== "relative") return;
+		this._mainDomElement.style.pointerEvents = "none";
+		let d = u.querySelector("." + a);
+		d || (d = document.createElement("div"), d.classList.add(a), u.appendChild(d)), d.classList.remove(o.DISPLAY_NONE), c.target.getAttribute("draggable");
+		let f = u.querySelector("." + i);
+		this._currentDrag.event = c;
+		let p = c.target, m = p.cloneNode(!0), h = p.getBoundingClientRect();
+		m.style.width = `${h.width}px`, m.style.height = `${h.height}px`, this._currentDrag.ghost = new s(m), this._currentDrag.offset || (this._currentDrag.offset = {
+			x: 0,
+			y: 0
+		});
+		let { clientX: g, clientY: _ } = t(c, this._firefoxDragPosition);
+		this._currentDrag.offset.x = g - h.left, this._currentDrag.offset.y = _ - h.top, c instanceof DragEvent && c.dataTransfer && c.dataTransfer.setDragImage && c.dataTransfer.setDragImage(f, 0, 0), e(u, this._currentDrag.event || c, this._firefoxDragPosition), this._pendingDragIn = {
+			id: n,
+			type: l
+		}, this._hasEnteredIframe = !1, this.isDragging = !0, this._interactionContainerBb = (await this._instance.getDrawerBoundingClientRect()).final;
+	}
+	dragUpdate(r) {
+		let i = this._mainDomElement.parentNode, { x: a, y: o } = e(i, r, this._firefoxDragPosition);
+		if (a === 0 && o === 0) return;
+		let s = Math.max(1, a), c = Math.max(1, o);
+		if (s === 1 && c === 1) return;
+		let l = this._mainDomElement.getBoundingClientRect(), { clientX: u, clientY: d } = t(r, this._firefoxDragPosition), f = u >= l.left && u <= l.right && d >= l.top && d <= l.bottom, p = () => {
+			if (!(u >= l.left && u <= l.right && d >= l.top && d <= l.bottom)) return !1;
+			if (this._interactionContainerBb) {
+				let e = {
+					left: this._interactionContainerBb.left + l.left,
+					top: this._interactionContainerBb.top + l.top,
+					right: this._interactionContainerBb.right + l.left,
+					bottom: this._interactionContainerBb.bottom + l.top
+				};
+				return !(u >= e.left && u <= e.right && d >= e.top && d <= e.bottom);
+			}
+			return !0;
+		};
+		if (f && this._pendingDragIn) {
+			let e = p();
+			e && !this._hasEnteredIframe ? (this._instance.dragInObject(this._pendingDragIn.id, s, c, this._pendingDragIn.type), this._hasEnteredIframe = !0) : !e && this._hasEnteredIframe && (this._instance.cancelDragIn(), this._hasEnteredIframe = !1);
+		} else !f && this._hasEnteredIframe && (this._instance.cancelDragIn(), this._hasEnteredIframe = !1);
+		let m = s, h = c;
+		if (n(r)) {
+			let e = this._options.settings?.fingerSize || 0;
+			m = Math.max(2, s + e), h = Math.max(2, c - e);
+		}
+		let { x: g, y: _, options: v } = this._onBeforeUpdateDrag(m, h, {}), y = v || {
+			settings: {},
+			ghost: {}
+		};
+		if (y.ghost ||= {}, y.ghost.visibleIn && y.ghost.hiddenIn || (y.ghost.hiddenIn = l), this._currentDrag.ghost && this._currentDrag.ghost.updateDragGhost(u, d, y), !this._hasEnteredIframe) return;
+		let b = typeof g == "number" ? g : m, x = typeof _ == "number" ? _ : h;
+		this._instance.updateDrag(b, x, {});
+	}
+	dragEnd() {
+		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._pendingDragIn = null, this._interactionContainerBb = null;
+		let t = e.querySelector("." + a);
+		t && t.classList.add(o.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);
+	}
+	releaseInput(e) {}
+};
+export { c as DragInFromWebsiteStrategy };

package/from-website-BesXdvcV.mjs

@@ -0,0 +1,118 @@
+import { i as e, n as t, o as n, r } from "./utils-BnWKaFPc.mjs";
+import { l as i, p as a, r as o } from "./drag-in-AFSAsnAN.mjs";
+import { t as s } from "./drag-ghost-DGgvJ4Lm.mjs";
+//#region packages/embedding-lib/src/plugins/strategy/from-website.ts
+var c = class {
+	_options = {};
+	_instance;
+	_mainDomElement;
+	_currentDrag = {};
+	_firefoxDragPosition = {
+		x: 0,
+		y: 0
+	};
+	_onBeforeUpdateDrag = () => ({});
+	isDragging = !1;
+	_hasEnteredIframe = !1;
+	_pendingDragIn = null;
+	_canvasBb = null;
+	_overlayBb = null;
+	_interactionContainerBb = null;
+	_currentTouch = 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;
+	};
+	constructor(e, t, n) {
+		this._instance = e, this._mainDomElement = t, this._options = n || {}, this._firefoxFallback = this._firefoxFallback.bind(this), document.addEventListener("dragover", this._firefoxFallback), this._mainDomElement.parentElement?.addEventListener("dragleave", () => {
+			this._instance.cancelDragIn();
+		});
+	}
+	beforeUpdateGhost(e) {
+		this._onBeforeUpdateDrag = e;
+	}
+	async dragStart(n, c, l = "rml_id") {
+		let u = this._mainDomElement.parentNode;
+		if (r(u).position !== "relative") {
+			console.warn("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 d = u.querySelector("." + a);
+		d || (d = document.createElement("div"), d.classList.add(a), u.appendChild(d)), d.classList.remove(o.DISPLAY_NONE), c.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 f = u.querySelector("." + i);
+		this._currentDrag.event = c;
+		let p = c.target, m = p.cloneNode(!0), h = p.getBoundingClientRect();
+		m.style.width = `${h.width}px`, m.style.height = `${h.height}px`, this._currentDrag.ghost = new s(m), this._currentDrag.offset || (this._currentDrag.offset = {
+			x: 0,
+			y: 0
+		});
+		let { clientX: g, clientY: _ } = t(c, this._firefoxDragPosition);
+		this._currentDrag.offset.x = g - h.left, this._currentDrag.offset.y = _ - h.top, c instanceof DragEvent && c.dataTransfer && c.dataTransfer.setDragImage && c.dataTransfer.setDragImage(f, 0, 0), e(u, this._currentDrag.event || c, this._firefoxDragPosition), this._pendingDragIn = {
+			id: n,
+			type: l
+		}, this._hasEnteredIframe = !1, this.isDragging = !0, this._interactionContainerBb = (await this._instance.getDrawerBoundingClientRect()).final;
+	}
+	dragUpdate(r) {
+		let i = this._mainDomElement.parentNode, { x: a, y: o } = e(i, r, this._firefoxDragPosition);
+		if (a === 0 && o === 0) return;
+		let s = Math.max(1, a), c = Math.max(1, o);
+		if (s === 1 && c === 1) return;
+		let l = this._mainDomElement.getBoundingClientRect(), { clientX: u, clientY: d } = t(r, this._firefoxDragPosition), f = u >= l.left && u <= l.right && d >= l.top && d <= l.bottom, p = () => {
+			if (!(u >= l.left && u <= l.right && d >= l.top && d <= l.bottom)) return !1;
+			if (this._interactionContainerBb) {
+				let e = {
+					left: this._interactionContainerBb.left + l.left,
+					top: this._interactionContainerBb.top + l.top,
+					right: this._interactionContainerBb.right + l.left,
+					bottom: this._interactionContainerBb.bottom + l.top
+				};
+				return !(u >= e.left && u <= e.right && d >= e.top && d <= e.bottom);
+			}
+			return !0;
+		};
+		if (f && this._pendingDragIn) {
+			let e = p();
+			e && !this._hasEnteredIframe ? (this._instance.dragInObject(this._pendingDragIn.id, s, c, this._pendingDragIn.type), this._hasEnteredIframe = !0) : !e && this._hasEnteredIframe && (this._instance.cancelDragIn(), this._hasEnteredIframe = !1);
+		} else !f && this._hasEnteredIframe && (this._instance.cancelDragIn(), this._hasEnteredIframe = !1);
+		let m = s, h = c;
+		if (n(r)) {
+			let e = this._options.settings?.fingerSize || 0;
+			m = Math.max(2, s + e), h = Math.max(2, c - e);
+		}
+		let { x: g, y: _, options: v } = this._onBeforeUpdateDrag(m, h, {}), y = v || {
+			settings: {},
+			ghost: {}
+		};
+		if (y.ghost ||= {}, y.ghost.visibleIn && y.ghost.hiddenIn || (y.ghost.hiddenIn = l), this._currentDrag.ghost && this._currentDrag.ghost.updateDragGhost(u, d, y), !this._hasEnteredIframe) return;
+		let b = typeof g == "number" ? g : m, x = typeof _ == "number" ? _ : h;
+		this._instance.updateDrag(b, x, {});
+	}
+	dragEnd() {
+		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._pendingDragIn = null, this._interactionContainerBb = null;
+		let t = e.querySelector("." + a);
+		t && t.classList.add(o.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);
+	}
+	releaseInput(e) {}
+};
+//#endregion
+export { c as DragInFromWebsiteStrategy };